Merge pull request #5993 from IgniteUI/localization-2024-11-06

[Localization] Updating Carousel topic - master

Author: ChronosSF

jp/components/carousel.md

@@ -122,19 +122,7 @@ export class HomeComponent {
 
 デフォルトでは、Angular のカルーセルの **[`loop`]({environment:angularApiUrl}/classes/igxcarouselcomponent.html#loop)** 入力プロパティは `true` に設定されています (ループは、Next 動作でナビゲートするときに最初のスライドが最後のスライドの後に来るか、Previous 動作を使用して最後のスライドが最初のスライドの後に来るときに起こります)。ループ動作を無効にするには、`loop` 入力の値を `false` に設定します。
 
-各スライド インデックスを追跡するために、カルーセルには、デフォルトでカルーセルの `bottom` に配置されるインジケーターがあります。この動作を変更するには、[indicatorsOrientation]({environment:angularApiUrl}/classes/igxcarouselcomponent.html#indicatorsOrientation) プロパティを使用して、`top` に割り当てる必要があります。空のテンプレートを追加すると、インジケーターを無効にできます。
-
-カルーセル テンプレートは以下のようになります。
-
-```html
-<div class="carousel-container">
-    <igx-carousel #carousel [loop]="false">
-      ...
-        <!-- Adding an empty template to disable carousel's indicators -->
-        <ng-template igxCarouselIndicator></ng-template>
-    </igx-carousel>
-</div>
-```
+各スライド インデックスを追跡するために、カルーセルには、デフォルトでカルーセルの `bottom` に配置されるインジケーターがあります。この動作を変更するには、[indicatorsOrientation]({environment:angularApiUrl}/classes/igxcarouselcomponent.html#indicatorsOrientation) プロパティを使用して、`top` に割り当てる必要があります。インジケーターは、`indicators` 入力プロパティを `false` に設定することで無効にできます。
 
 ### カスタム インジケーター
 <div class="divider--half"></div>
@@ -280,12 +268,13 @@ Carousel [アニメーション](carousel.md#angular-carousel-のアニメーシ
 ### キーボード ナビゲーション
 <div class="divider--half"></div>
 
-* **次へ**/**前へ**のスライドに移動するには、それぞれ以下を使用する必要があります。
-    * `右矢印` キー - 次のスライド
-    * `左矢印` キー - 前のスライド
-* **最後**/**最初**のスライドに移動するには、それぞれ以下を使用する必要があります。
-    * `End` キー - 最後のスライド
-    * `Home` キー - 最初のスライド
+* ナビゲーション ボタン
+    * `Space`/`Enter` キー - 次のスライド/前のスライドに移動します。
+* インジケーター
+    * `左矢印` キー - 前のスライド (右から左モードでは次) に移動します。
+    * `右矢印` キー - 次のスライド  (右から左モードでは前へ) に移動します。
+    * `Home` キー - 最初のスライド (右から左モードでは最後) に移動します。
+    * `End` キー - 最後のスライド (右から左モードでは最初) に移動します。
 
 ### 自動的なトランジション
 <div class="divider--half"></div>
@@ -313,14 +302,10 @@ Carousel [アニメーション](carousel.md#angular-carousel-のアニメーシ
 ```html
 ...
 <div class="carousel-wrapper">
-    <igx-carousel [navigation]="false" [pause]="false" animationType="fade" [interval]="2000" [gesturesSupport]="false">
-        <div class="slides-wrapper">
-            <igx-slide *ngFor="let item of slides">
-                  <!-- Slides content goes here -->
-             </igx-slide>
-        </div>
-        <!-- Adding an empty template to disable carousel's indicators -->
-        <ng-template igxCarouselIndicator></ng-template>
+    <igx-carousel [navigation]="false" [indicators]="false" [pause]="false" animationType="fade" [interval]="2000" [gesturesSupport]="false">
+        <igx-slide *ngFor="let item of slides">
+            <!-- Slides content goes here -->
+        </igx-slide>
     </igx-carousel>
 </div>
 ...

jp/components/snackbar.md

@@ -5,7 +5,7 @@ _keywords: Angular Snackbar コンポーネント, Angular Snackbar コントロ
 _language: ja
 ---
 # Angular Snackbar (スナックバー) コンポーネントの概要
-<p class="highlight">Ignite UI for Angular Snackbar コンポーネントは、アクションを含むことができる単一行のメッセージで操作のフィードバックを提供します。SnackBar メッセージがその他の画面要素の上に表示され、画面の中央下に配置されます。</p>
+<p class="highlight">Ignite UI for Angular Snackbar コンポーネントは、アクションを含むことができる単一行のメッセージで操作のフィードバックを提供します。Snackbar メッセージがその他の画面要素の上に表示され、画面の中央下に配置されます。</p>
 <div class="divider"></div>
 
 ## Angular Snackbar の例
@@ -255,31 +255,29 @@ public restore() {
            iframe-src="{environment:demosBaseUrl}/notifications/snackbar-sample-4" >
 </code-view>
 
-### オーバーレイ設定
-[`IgxSnackbarComponent`]({environment:angularApiUrl}/classes/igxsnackbarcomponent.html) は、[オーバーレイ設定]({environment:angularApiUrl}/interfaces/overlaysettings.html)を使用してコンテナーの位置を制御します。デフォルト設定は、カスタム オーバーレイ設定を定義し、それらをスナックバーの `open()` メソッドに渡すことで変更できます。
+### 配置
+[`positionSettings`]({environment:angularApiUrl}/classes/igxsnackbarcomponent.html#positionSettings) プロパティを使用すると、Snackbar の表示位置を構成します。デフォルトで、ページの下に表示されます。以下のサンプルで、通知が上位置に表示されます。
 
-```typescript
-public customSettings: OverlaySettings = {
-    positionStrategy: new GlobalPositionStrategy(
-        { 
-            horizontalDirection: HorizontalAlignment.Left,
-            verticalDirection: VerticalAlignment.Top
-        }),
-    modal: true,
-    closeOnOutsideClick: true,
-};
-
-snackbar.open(customSettings);
+```html
+<!--sample.component.html-->
+<button igxButton="contained" (click)="open(snackbar)">Show notification on top</button>
+<igx-snackbar #snackbar>Notification displayed</igx-snackbar>
 ```
 
-ユーザーは、スナックバーが表示されたときに DOM に配置される特定のアウトレットを提供することもできます。
-
-```html
-<igx-snackbar [outlet]="igxBodyOverlayOutlet"></igx-snackbar>
-<div #igxBodyOverlayOutlet igxOverlayOutlet></div>
+```typescript
+// sample.component.ts
+import { VerticalAlignment, HorizontalAlignment } from 'igniteui-angular';
+// import { VerticalAlignment, HorizontalAlignment } from '@infragistics/igniteui-angular'; for licensed package
+...
+public open(snackbar) {
+    snackbar.positionSettings.verticalDirection = VerticalAlignment.Top;
+    snackbar.positionSettings.horizontalDirection = HorizontalAlignment.Right;
+    snackbar.open();
+}
+...
 ```
-## スタイル設定
 
+## スタイル設定
 スナックバーのスタイル設定を始めるには、すべてのテーマ関数とコンポーネント ミックスインが存在する index ファイルをインポートする必要があります。
 
 ```scss

jp/components/toast.md

@@ -111,9 +111,6 @@ public showMessage() {
 }
 ```
 
-> [!WARNING]
-> igx-toast コンポーネントの `show` メソッドと `hide` メソッドは非推奨になりました。代わりに `open` と `close` を使用する必要があります。
-
 ## 例
 
 ### 非表示/自動的に隠す
@@ -179,30 +176,6 @@ public open(toast) {
            iframe-src="{environment:demosBaseUrl}/notifications/toast-sample-5" >
 </code-view>
 
-### オーバーレイ設定
-[`IgxToastComponent`]({environment:angularApiUrl}/classes/igxtoastcomponent.html) は、[オーバーレイ設定]({environment:angularApiUrl}/interfaces/overlaysettings.html)を使用してコンテナーの位置を制御します。デフォルト設定は、カスタム オーバーレイ設定を定義し、それらをトーストの `open()` メソッドに渡すことで変更できます。
-
-```typescript
-public customSettings: OverlaySettings = {
-    positionStrategy: new GlobalPositionStrategy(
-        { 
-            horizontalDirection: HorizontalAlignment.Left,
-            verticalDirection: VerticalAlignment.Top
-        }),
-    modal: true,
-    closeOnOutsideClick: true,
-};
-
-toast.open(customSettings);
-```
-
-ユーザーは、トーストが表示されたときに DOM に配置される特定のアウトレットを提供することもできます。
-
-```html
-<igx-toast [outlet]="igxBodyOverlayOutlet"></igx-toast>
-<div #igxBodyOverlayOutlet igxOverlayOutlet></div>
-```
-
 <div class="divider--half"></div>
 
 ## スタイル設定
@@ -216,7 +189,7 @@ Toast のスタイル設定を始めるには、すべてのテーマ関数と
 // @import '~igniteui-angular/lib/core/styles/themes/index';
 ```
 
-最も簡単な方法は、[`toast-theme`]({environment:sassApiUrl}/index.html#function-toast-theme) を拡張する新しいテーマを作成し、`$shadow`、`$background`、`$text-color` と `$border-radius` パラメーターを受け取る方法です。 
+最も簡単な方法は、[`toast-theme`]({environment:sassApiUrl}/index.html#function-toast-theme) を拡張する新しいテーマを作成し、`$background`、`$text-color` と `$border-radius` パラメーターを受け取る方法です。 
 
 ```scss
 $custom-toast-theme: toast-theme(