Merge pull request #5860 from IgniteUI/localization-2024-06-24

[Localization] Updating JA to match the latest EN changes - DV Changelog, other fixes.
IgniteUI · Jul 8, 2024 · 912cb31 · 912cb31
2 parents 58a8aa4 + 326eaab
commit 912cb31
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 23 deletions.
diff --git a/jp/components/general-changelog-dv.md b/jp/components/general-changelog-dv.md
@@ -15,7 +15,11 @@ Ignite UI for Angular の各バージョンのすべての重要な変更は、
 > このトピックでは、igniteui-angular パッケージに含まれていないコンポーネントの変更についてのみ説明します。
 > igniteui-angular コンポーネントに固有の変更については CHANGELOG.MD を参照してください。
 
-*   [Ignite UI for Angular 変更ログ](https://github.com/igniteui/igniteui-angular/blob/master/changelog.md)
+*   [Ignite UI for Angular 変更ログ](https://github.com/igniteui/igniteui-angular/blob/master/CHANGELOG.md)
+
+## **18.0.0 (June 2024)**
+
+* Angular 18 のサポートが追加されました。
 
 ## **17.3.0 (March 2024)**
 

diff --git a/jp/components/grids_templates/advanced-filtering.md b/jp/components/grids_templates/advanced-filtering.md
@@ -359,7 +359,7 @@ $custom-drop-down: drop-down-theme(
 ```
 
 >[!NOTE]
->`Igx-color` と `igx-palette` は色の生成や取得のための関数です。使い方の詳細については [`パレット`](../themes/sass/palettes.md) のトピックを参照してください。
+>`igx-color` と `igx-palette` は色の生成や取得のための関数です。使い方の詳細については [`パレット`](../themes/sass/palettes.md) のトピックを参照してください。
 
 ### スキーマの使用
 

diff --git a/jp/components/grids_templates/column-hiding.md b/jp/components/grids_templates/column-hiding.md
@@ -544,7 +544,7 @@ $custom-button: button-theme(
 ```
 
 >[!NOTE]
->`Igx-color` と `igx-palette` は色の生成や取得のための関数です。使い方の詳細については [`パレット`](../themes/palettes.md) のトピックをご覧ください。
+>`igx-color` と `igx-palette` は色の生成や取得のための関数です。使い方の詳細については [`パレット`](../themes/sass/palettes.md) のトピックをご覧ください。
 
 ### スキーマの使用
 

diff --git a/jp/components/grids_templates/sorting.md b/jp/components/grids_templates/sorting.md
@@ -160,22 +160,40 @@ this.@@igObjectRef.clearSort();
 
 @@igComponent でソート状態を初期設定するには、ソート式の配列を @@igComponent の [`sortingExpressions`]({environment:angularApiUrl}/classes/@@igTypeDoc.html#sortingExpressions) プロパティに渡します。
 
-@@if (igxName !== 'IgxTreeGrid') {
+@@if (igxName === 'IgxGrid') {
 ```typescript
-public ngOnInit() {
+public ngAfterViewInit(): void {
     this.@@igObjectRef.sortingExpressions = [
-        { fieldName: 'Name', dir: SortingDirection.Asc, ignoreCase: true },
-        { fieldName: 'Price', dir: SortingDirection.Desc }
+        {
+            dir: SortingDirection.Asc, fieldName: 'CategoryName',
+            ignoreCase: true, strategy: DefaultSortingStrategy.instance()
+        }
     ];
 }
 ```
 }
-@@if (igxName !== 'IgxTreeGrid') {
+
+@@if (igxName === 'IgxTreeGrid') {
+```typescript
+public ngAfterViewInit(): void {
+    this.@@igObjectRef.sortingExpressions = [
+        { 
+            dir: SortingDirection.Asc, fieldName: 'UnitPrice',
+            ignoreCase: true, strategy: DefaultSortingStrategy.instance() 
+        }
+    ];
+}
+```
+}
+
+@@if (igxName === 'IgxHierarchicalGrid') {
 ```typescript
-public ngOnInit() {
+public ngOnInit(): void {
     this.@@igObjectRef.sortingExpressions = [
-        { fieldName: 'ProductName', dir: SortingDirection.Asc, ignoreCase: true },
-        { fieldName: 'Price', dir: SortingDirection.Desc }
+        { 
+            dir: SortingDirection.Asc, fieldName: 'Artist',
+            ignoreCase: true, strategy: DefaultSortingStrategy.instance() 
+        }
     ];
 }
 ```
@@ -187,7 +205,7 @@ public ngOnInit() {
 <div class="divider--half"></div>
 
 @@if (igxName === 'IgxGrid') {
-#### リモート ソート
+## リモート ソート
 
 @@igComponent はリモート ソートをサポートします。詳細については、[`@@igComponent リモート データ操作`](remote-data-operations.md)で説明されています。
 
@@ -283,7 +301,7 @@ $custom-theme: grid-theme(
 ```
 
 >[!NOTE]
->`igx-color` と `igx-palette` は色の生成や取得のための関数です。使い方の詳細については [`パレット`](../themes/palettes.md) のトピックをご覧ください。
+>`igx-color` と `igx-palette` は色の生成や取得のための関数です。使い方の詳細については [`パレット`](../themes/sass/palettes.md) のトピックをご覧ください。
 
 ### スキーマの使用
 

diff --git a/jp/components/mask.md b/jp/components/mask.md
@@ -204,7 +204,7 @@ private notify(snackbar, message, input) {
 ### テキスト選択
 [`igxTextSelection`]({environment:angularApiUrl}/classes/igxtextselectiondirective.html) を使用して、フォーカスがあるコンポーネントにすべての入力テキストを選択させることができます。[Label および Input](label-input.md#フォーカスとテキストの選択) で `igxTextSelection` の詳細情報を参照してください。
 
-**app.module.ts** ファイルに `IgxToastModule` をインポートします:
+**app.module.ts** ファイルに `IgxTextSelectionModule` をインポートします:
 
 ```typescript
 ...
@@ -240,13 +240,22 @@ export class AppModule {}
 @Pipe({ name: 'displayFormat' })
 export class DisplayFormatPipe implements PipeTransform {
     public transform(value: any): string {
-        return value + ' %';
+        if (value !== null && value !== undefined) {
+            value = value.toString().trim();
+            if (!value.endsWith('%')) {
+                value += ' %';
+            }
+        }
+        return value;
     }
 }
 
 @Pipe({ name: 'inputFormat' })
 export class InputFormatPipe implements PipeTransform {
     public transform(value: any): string {
+        if (value !== null && value !== undefined) {
+            value = value.toString().replace(/%/g, '').trim();
+        }
         return value;
     }
 }
@@ -261,14 +270,16 @@ public inputFormat = new InputFormatPipe();
 ```
 ```html
 <igx-input-group>
-    <label igxLabel for="email">Increase</label>
-    <input igxInput
-    type="text"
-    [(ngModel)]="value"
-    [igxMask]="'000'"
-    [igxTextSelection]="true"
-    [focusedValuePipe]="inputFormat"
-    [displayValuePipe]="displayFormat"/>
+    <label igxLabel>Increase</label>
+    <input
+        igxInput
+        type="text"
+        [(ngModel)]="value"
+        [igxMask]="'000'"
+        [igxTextSelection]="true"
+        [focusedValuePipe]="inputFormat"
+        [displayValuePipe]="displayFormat"
+    />
 </igx-input-group>
 ```