diff --git a/docs/api/accordion.md b/docs/api/accordion.md index e21df328dd7..09c7d993972 100644 --- a/docs/api/accordion.md +++ b/docs/api/accordion.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/accordion/custom-props import Slots from '@ionic-internal/component-api/v7/accordion/slots.md'; - Ion-Accordion Components: How to Build & Examples | Ionic + ion-accordion: Accordion Components: How to Build & Examples @@ -114,12 +114,12 @@ import ExpansionStyles from '@site/static/usage/v7/accordion/customization/expan アコーディオンの状態に応じてスタイルを設定することで、展開の動作をカスタマイズすることができます。 `ion-accordion` には4つのステートクラスが適用されています。これらのクラスを使ってスタイリングすることで、高度な状態遷移を作成することができます。 -| Class Name | Description | -| ---------- | ----------- | -| `.accordion-expanding` | Applied when the accordion is actively expanding | -| `.accordion-expanded` | Applied when the accordion is fully expanded | -| `.accordion-collapsing` | Applied when the accordion is actively collapsing | -| `.accordion-collapsed` | Applied when the accordion is fully collapsed | +| Class Name | Description | +| ---------- |-----------------------------------| +| `.accordion-expanding` | アコーディオンがアクティブに展開しているときに適用されます。 | +| `.accordion-expanded` | アコーディオンが完全に展開されたときに適用されます。 | +| `.accordion-collapsing` | アコーディオンがアクティブに折りたたまれているときに適用されます。 | +| `.accordion-collapsed` | アコーディオンが完全に折りたたまれているときに適用されます。 | アコーディオンの特定の部分をターゲットにする必要がある場合、要素を直接ターゲットにすることをお勧めします。例えば、アコーディオンが展開されたときに `header` slot の ion-item をカスタマイズしたい場合、以下のセレクタを使用することができます。 diff --git a/docs/api/action-sheet.md b/docs/api/action-sheet.md index 7068b9eda66..d2870b292d0 100644 --- a/docs/api/action-sheet.md +++ b/docs/api/action-sheet.md @@ -1,6 +1,9 @@ --- title: "ion-action-sheet" --- +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; + import Props from '@ionic-internal/component-api/v7/action-sheet/props.md'; import Events from '@ionic-internal/component-api/v7/action-sheet/events.md'; import Methods from '@ionic-internal/component-api/v7/action-sheet/methods.md'; @@ -9,7 +12,7 @@ import CustomProps from '@ionic-internal/component-api/v7/action-sheet/custom-pr import Slots from '@ionic-internal/component-api/v7/action-sheet/slots.md'; - ion-action-sheet | Action Sheet Dialog for iOS and Android Apps + ion-action-sheet: Action Sheet Dialog for iOS and Android @@ -94,9 +97,149 @@ import CssCustomProperties from '@site/static/usage/v7/action-sheet/theming/css- ## アクセシビリティ -アクションシートには `role` として [`dialog`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role) が与えられます。ARIA仕様に合わせるため、`aria-label`属性または`aria-labelledby`属性のいずれかを設定する必要があります。 +### Screen Readers + +アクションシートは、スクリーンリーダーにとって [アクセシブル](../reference/glossary#a11y) であるためにariaプロパティを設定しますが、これらのプロパティは、十分な説明になっていなかったり、アクションシートがアプリでどのように使用されているかに合っていなかったりする場合、オーバーライドすることができます。 + +#### Role + +アクションシートには `role` として [`dialog`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role) が設定されます。ARIA仕様に合わせるためには、`aria-label`属性か`aria-labelledby`属性のどちらかを設定しなければなりません。 + +#### Action Sheet の概要 + +Ionicは自動的にヘッダー要素を指すように `aria-labelledby` を設定するので、すべてのアクションシートには `header` プロパティを定義することを強く推奨します。しかし、`header`を含めない場合は、`htmlAttributes`プロパティを使って、説明的な`aria-label`を指定するか、カスタムの`aria-labelledby`値を設定することもできます。 + + + + + +```javascript +const actionSheet = await this.actionSheetController.create({ + htmlAttributes: { + 'aria-label': 'action sheet dialog', + }, +}); +``` + + + + + +```javascript +const actionSheet = await this.actionSheetController.create({ + htmlAttributes: { + 'aria-label': 'action sheet dialog', + }, +}); +``` + + -Ionicは自動的にヘッダー要素を指すように `aria-labelledby` を設定するので、すべてのアクションシートには `header` プロパティを定義することが強く推奨されています。しかし、`header`を含めない場合は、`htmlAttributes`プロパティを使用して、説明的な`aria-label`を提供するか、カスタム`aria-labelledby`値を設定することも可能です。 + + +```javascript +useIonActionSheet({ + htmlAttributes: { + 'aria-label': 'action sheet dialog', + }, +}); +``` + + + + + +```javascript +const actionSheet = await actionSheetController.create({ + htmlAttributes: { + 'aria-label': 'action sheet dialog', + }, +}); +``` + + + + + +#### Action Sheet Buttons の概要 + +テキストを含むボタンはスクリーンリーダーによって読み取られる。ボタンがアイコンのみを含んでいる場合や、既存のテキスト以外の説明が必要な場合は、ボタンの `htmlAttributes` プロパティに `aria-label` を渡して、ラベルをボタンに割り当てる必要があります。 + + + + + +```javascript +const actionSheet = await this.actionSheetController.create({ + header: 'Header', + buttons: [ + { + icon: 'close', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + + +```javascript +const actionSheet = await this.actionSheetController.create({ + header: 'Header', + buttons: [ + { + icon: 'close', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + + +```javascript +useIonActionSheet({ + header: 'Header', + buttons: [ + { + icon: 'close', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + + +```javascript +const actionSheet = await actionSheetController.create({ + header: 'Header', + buttons: [ + { + icon: 'close', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + ## Interfaces @@ -108,6 +251,8 @@ interface ActionSheetButton { role?: 'cancel' | 'destructive' | 'selected' | string; icon?: string; cssClass?: string | string[]; + id?: string; + htmlAttributes?: { [key: string]: any }; handler?: () => boolean | void | Promise; data?: T; } @@ -150,4 +295,4 @@ interface ActionSheetOptions { ## Slots - \ No newline at end of file + diff --git a/docs/api/alert.md b/docs/api/alert.md index bf2488d06c1..db06af13123 100644 --- a/docs/api/alert.md +++ b/docs/api/alert.md @@ -12,7 +12,7 @@ import CustomProps from '@ionic-internal/component-api/v7/alert/custom-props.md' import Slots from '@ionic-internal/component-api/v7/alert/slots.md'; - ion-alert: Ionic API Alert Buttons with Custom Message Prompts + ion-alert: Ionic Alert Buttons with Custom Message Prompts @@ -111,25 +111,173 @@ IonicのAngularアプリを構築する場合、スタイルはグローバル ## アクセシビリティ -Ionicは、アラートの `role` を、Inputやボタンがある場合は [`alertdialog`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alertdialog_role) に、何もない場合は [`alert`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role) のいずれかに自動的に設定します。 +### Screen Readers -アラートに対して `header` プロパティが定義されている場合、`aria-labelledby` 属性は自動的にヘッダの ID に設定されます。 `header`が定義されていない場合は、`subHeader`要素がフォールバックとして使用されます。同様に、`aria-describedby`属性は、`message`要素のIDが定義されていれば自動的に設定されます。 +アラートは、スクリーンリーダーにとって[アクセシブル](../reference/glossary#a11y)であるために、ariaプロパティを設定しますが、これらのプロパティは、十分な説明がない場合、またはアラートがアプリでどのように使用されているかと一致しない場合は、オーバーライドすることができます。 + +#### Role + +Ionicは自動的にアラートの`role`を、入力やボタンがある場合は[`alertdialog`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alertdialog_role)に、何もない場合は[`alert`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role)に設定します。 + +#### Alert の概要 + +アラートに `header` プロパティが定義されている場合、`aria-labelledby` 属性は自動的にヘッダの ID に設定されます。 `header` が定義されていない場合、`subHeader` 要素がフォールバックとして使用されます。同様に、 `aria-describedby` 属性が定義されている場合は、自動的に `message` 要素の ID が設定されます。 ARIAの仕様に合わせるために、アラートには `message` と `header` または `subHeader` を含めることを強くお勧めします。もし `header` や `subHeader` を含めない場合は、`htmlAttributes` プロパティを使用して、説明的な `aria-label` を指定することができます。 -すべてのARIA属性は、アラートの`htmlAttributes`プロパティにカスタム値を定義することにより、手動で上書きすることができます。 + + + + +```javascript +const alert = await this.alertController.create({ + message: 'This is an alert with custom aria attributes.', + htmlAttributes: { + 'aria-label': 'alert dialog', + }, +}); +``` + + + + + +```javascript +const alert = await this.alertController.create({ + message: 'This is an alert with custom aria attributes.', + htmlAttributes: { + 'aria-label': 'alert dialog', + }, +}); +``` + + + + + +```javascript +useIonAlert({ + message: 'This is an alert with custom aria attributes.', + htmlAttributes: { + 'aria-label': 'alert dialog', + }, +}); +``` + + + + + +```javascript +const alert = await alertController.create({ + message: 'This is an alert with custom aria attributes.', + htmlAttributes: { + 'aria-label': 'alert dialog', + }, +}); +``` + + + + + +すべてのARIA属性は、アラートの`htmlAttributes`プロパティにカスタム値を定義することで、手動で上書きすることができます。 + +#### Alert Buttons の概要 + +Buttons containing text will be read by a screen reader. If a description other than the existing text is desired, a label can be set on the button by passing `aria-label` to the `htmlAttributes` property on the button. + + + + + +```javascript +const alert = await this.alertController.create({ + header: 'Header', + buttons: [ + { + text: 'Exit', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + + +```javascript +const alert = await this.alertController.create({ + header: 'Header', + buttons: [ + { + text: 'Exit', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + + +```javascript +useIonAlert({ + header: 'Header', + buttons: [ + { + text: 'Exit', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + + +```javascript +const alert = await alertController.create({ + header: 'Header', + buttons: [ + { + text: 'Exit', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + ## Interfaces ### AlertButton ```typescript +type AlertButtonOverlayHandler = boolean | void | { [key: string]: any }; + interface AlertButton { text: string; role?: 'cancel' | 'destructive' | string; cssClass?: string | string[]; - handler?: (value: any) => boolean | void | {[key: string]: any}; + id?: string; + htmlAttributes?: { [key: string]: any }; + handler?: (value: any) => AlertButtonOverlayHandler | Promise; } ``` @@ -199,4 +347,4 @@ interface AlertOptions { ## Slots - \ No newline at end of file + diff --git a/docs/api/back-button.md b/docs/api/back-button.md index 66a28fea381..909e8217746 100644 --- a/docs/api/back-button.md +++ b/docs/api/back-button.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/back-button/custom-pro import Slots from '@ionic-internal/component-api/v7/back-button/slots.md'; - Back Button | ion-back-button: Custom Menu Icon for Applications + ion-back-button: Custom Menu Back Button for Applications diff --git a/docs/api/badge.md b/docs/api/badge.md index 787249d1ad0..b5cc2582245 100644 --- a/docs/api/badge.md +++ b/docs/api/badge.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/badge/custom-props.md' import Slots from '@ionic-internal/component-api/v7/badge/slots.md'; - Badges | ion-badge: iOS & Android App Notification Badge Icons + ion-badge: iOS & Android App Notification Badge Icons diff --git a/docs/api/button.md b/docs/api/button.md index 04b6750e964..50f66a388b4 100644 --- a/docs/api/button.md +++ b/docs/api/button.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/button/custom-props.md import Slots from '@ionic-internal/component-api/v7/button/slots.md'; - ion-button: Design and Style Buttons with Custom CSS Properties + ion-button: Style Buttons with Custom CSS Properties @@ -78,6 +78,24 @@ import CSSProps from '@site/static/usage/v7/button/theming/css-properties/index. +## アクセシビリティ + +ボタンはアクセスしやすいように作られていますが、その内容によっては調整が必要な場合があります。ボタンコンポーネントは、ネイティブの[button element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button)をレンダリングし、ネイティブのボタンが提供する機能を利用できるようにします。 + +### Overflowing Text Content + +ボタンのテキスト・コンテンツがコンテナからはみ出す場合が多々あります。このような場合、すべてのテキストがまだ読めるように、ボタンの内側にテキストを折り返すことをお勧めします。ボタンコンポーネントは、テキストの余分な行を収容するために、その高さを自動的に調整します。 + +テキストが長すぎて収まらない場合、ボタンテキストは自動的に次の行に折り返されません。テキストを折り返すには、`ion-text-wrap`クラスを追加して、`white-space`プロパティを`"normal"`に設定します。これは将来のメジャーリリースでデフォルトになる予定である。 + +:::info +max-width`スタイルは、デモのためだけに下のボタンに設定されています。テキストラッピングは動的なボタン幅で動作します。 +::: + +import TextWrapping from '@site/static/usage/v7/button/text-wrapping/index.md'; + + + ## プロパティ diff --git a/docs/api/card-title.md b/docs/api/card-title.md index 1ce75913505..cab2d59aae8 100644 --- a/docs/api/card-title.md +++ b/docs/api/card-title.md @@ -11,7 +11,7 @@ import Slots from '@ionic-internal/component-api/v7/card-title/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; - ion-card-title | Ionic App Card Title Component and Properties + ion-card-title: Ionic App Card Title Component diff --git a/docs/api/checkbox.md b/docs/api/checkbox.md index d8472cf6f3a..f0ce55ff644 100644 --- a/docs/api/checkbox.md +++ b/docs/api/checkbox.md @@ -10,7 +10,7 @@ import CustomProps from '@ionic-internal/component-api/v7/checkbox/custom-props. import Slots from '@ionic-internal/component-api/v7/checkbox/slots.md'; - ion-checkboxes: Ionic App Component to Select Multiple Options + ion-checkbox: Ionic App Checkbox to Select Multiple Options diff --git a/docs/api/chip.md b/docs/api/chip.md index deb8708806d..586f78f2c5a 100644 --- a/docs/api/chip.md +++ b/docs/api/chip.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/chip/custom-props.md'; import Slots from '@ionic-internal/component-api/v7/chip/slots.md'; - ion-chip: Name, Text, Icon and Avatar for Ionic Framework Apps + ion-chip: Text, Icon and Avatar for Ionic Framework Apps diff --git a/docs/api/col.md b/docs/api/col.md index 46e43818edf..305c472f8f1 100644 --- a/docs/api/col.md +++ b/docs/api/col.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/col/custom-props.md'; import Slots from '@ionic-internal/component-api/v7/col/slots.md'; - ion-col: Column Component Padding, Size and Other Properties + ion-col: Column Component Padding and Other Properties diff --git a/docs/api/content.md b/docs/api/content.md index 0e25f9f51ad..16ee4f360a0 100644 --- a/docs/api/content.md +++ b/docs/api/content.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/content/custom-props.m import Slots from '@ionic-internal/component-api/v7/content/slots.md'; - ion-content: Scrollable CSS Component for Ionic App Content Areas + ion-content: Scrollable Component for Ionic App Content diff --git a/docs/api/datetime-button.md b/docs/api/datetime-button.md index bde607c4354..ef67033e12c 100644 --- a/docs/api/datetime-button.md +++ b/docs/api/datetime-button.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/datetime-button/custom import Slots from '@ionic-internal/component-api/v7/datetime-button/slots.md'; - ion-datetime-button: Ionic API Input for interacting with Datetime picker + ion-datetime-button: Ionic Input for Datetime Picker @@ -59,13 +59,13 @@ TODO ## イベント -## Methods +## メソッド ## CSS Shadow Parts -## CSS Custom Properties +## CSS カスタムプロパティ ## Slots diff --git a/docs/api/datetime.md b/docs/api/datetime.md index 22998f8f62a..674c48ff229 100644 --- a/docs/api/datetime.md +++ b/docs/api/datetime.md @@ -241,9 +241,9 @@ import Wheel from '@site/static/usage/v7/datetime/presentation/wheel/index.md'; -## Multiple Date Selection +## 複数の日付の選択 -If the `multiple` property is set to `true`, multiple dates can be selected from the calendar picker. Clicking a selected date will deselect it. +`multiple`プロパティが`true`に設定されている場合、カレンダーピッカーから複数の日付を選択することができます。選択した日付をクリックすると選択が解除されます。 :::note This property is only supported when using `presentation="date"` and `preferWheel="false"`. @@ -287,31 +287,31 @@ This property is only supported when using `presentation="date"` and `preferWhee -## Highlighting Specific Dates +## 特定の日付をハイライトする -Using the `highlightedDates` property, developers can style particular dates with custom text or background colors. This property can be defined as either an array of dates and their colors, or a callback that receives an ISO string and returns the colors to use. +`highlightedDates`プロパティを使用すると、開発者は特定の日付をカスタムテキストや背景色でスタイル設定することができます。このプロパティは、日付とその色の配列として定義するか、ISO 文字列を受け取って使用する色を返すコールバックとして定義することができます。 -When specifying colors, any valid CSS color format can be used. This includes hex codes, rgba, [color variables](../theming/colors), etc. +色を指定する場合は、有効な CSS カラーフォーマットを使用できます。これには、16進コード、rgba、[color variables](../theming/colors) などが含まれます。 -To maintain a consistent user experience, the style of selected date(s) will always override custom highlights. +一貫したユーザーエクスペリエンスを維持するため、選択された日付のスタイルは常にカスタムハイライトよりも優先されます。 :::note This property is only supported when `preferWheel="false"`, and using a `presentation` of either `"date"`, `"date-time"`, or `"time-date"`. ::: -### Using Array +### 配列を利用 -An array is better when the highlights apply to fixed dates, such as due dates. +ハイライトが期日などの固定された日付に適用される場合は、配列の方が適しています。 -### Using Callback +### Callbackを利用 -A callback is better when the highlighted dates are recurring, such as birthdays or recurring meetings. +誕生日や定期的なミーティングなど、ハイライトされた日付が繰り返される場合は、コールバックを使用した方がよいでしょう。 -## Styling +## スタイリング ### グローバルテーマ @@ -323,7 +323,7 @@ Ionicの強力なテーマシステムを使用すると、特定のテーマに ### Wheel Pickers -The wheels used in `ion-datetime` can be styled through a combination of shadow parts and CSS variables. This applies to both the columns in wheel-style datetimes, and the month/year picker in grid-style datetimes. +`ion-datetime`で使用するホイールは、シャドウパーツとCSS変数を組み合わせてスタイルを設定することができます。これは、ホイールスタイルのdatetimeのカラムにも、グリッドスタイルのdatetimeの月/年のピッカーにも適用されます。 diff --git a/docs/api/fab-button.md b/docs/api/fab-button.md index 0b657e39078..21cd958abbc 100644 --- a/docs/api/fab-button.md +++ b/docs/api/fab-button.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/fab-button/custom-prop import Slots from '@ionic-internal/component-api/v7/fab-button/slots.md'; - Floating Action Button | Ionic FAB Button Icon for Primary Action + ion-fab-button: Ionic FAB Button Icon for Primary Action diff --git a/docs/api/fab.md b/docs/api/fab.md index 33dde3ebccc..53f788c8cf9 100644 --- a/docs/api/fab.md +++ b/docs/api/fab.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/fab/custom-props.md'; import Slots from '@ionic-internal/component-api/v7/fab/slots.md'; - ion-fab: Floating Action Button for Android and iOS Ionic Apps + ion-fab: Ionic Floating Action Button for Android and iOS diff --git a/docs/api/footer.md b/docs/api/footer.md index 32d64e2e426..395d2141b29 100644 --- a/docs/api/footer.md +++ b/docs/api/footer.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/footer/custom-props.md import Slots from '@ionic-internal/component-api/v7/footer/slots.md'; - Page Footer | Ionic App Footer: Wrapper Root Page Component + ion-footer: Page Footer | Ionic App Footer Root Component diff --git a/docs/api/grid.md b/docs/api/grid.md index e2010ec93d4..aeee2f897d8 100644 --- a/docs/api/grid.md +++ b/docs/api/grid.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/grid/custom-props.md'; import Slots from '@ionic-internal/component-api/v7/grid/slots.md'; - Ion-Grid: Display Grids to Build Mobile-First Custom App Layout + ion-grid: Display Grids for Mobile-First Custom App Layout diff --git a/docs/api/img.md b/docs/api/img.md index 02c5abb5b6f..e7ea3168bb4 100644 --- a/docs/api/img.md +++ b/docs/api/img.md @@ -10,7 +10,7 @@ import CustomProps from '@ionic-internal/component-api/v7/img/custom-props.md'; import Slots from '@ionic-internal/component-api/v7/img/slots.md'; - Img Tag to Lazy Load Images in Viewport | ion-img Tag + ion-img: Img Tag to Lazy Load Images in Viewport diff --git a/docs/api/infinite-scroll.md b/docs/api/infinite-scroll.md index 991fad7ee4d..95db203ec6c 100644 --- a/docs/api/infinite-scroll.md +++ b/docs/api/infinite-scroll.md @@ -10,7 +10,7 @@ import CustomProps from '@ionic-internal/component-api/v7/infinite-scroll/custom import Slots from '@ionic-internal/component-api/v7/infinite-scroll/slots.md'; - Infinite Scroller | ion-infinite-scroll Action Component + ion-infinite-scroll: Infinite Scroller Action Component diff --git a/docs/api/input.md b/docs/api/input.md index 50f6f52ed63..7ac18ebfea2 100644 --- a/docs/api/input.md +++ b/docs/api/input.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/input/custom-props.md' import Slots from '@ionic-internal/component-api/v7/input/slots.md'; - ion-input: Custom Input Value Type Styling and CSS Properties + ion-input: Custom Input With Styling and CSS Properties @@ -38,11 +38,11 @@ import Types from '@site/static/usage/v7/input/types/index.md'; ## Labels -Labels should be used to describe the input. They can be used visually, and they will also be read out by screen readers when the user is focused on the input. This makes it easy for the user to understand the intent of the input. Input has several ways to assign a label: +ラベルは、入力を説明するために使用されるべきです。これらは視覚的に使用することができ、また、ユーザーが入力に集中しているときには、スクリーンリーダーによって読み上げられます。これにより、ユーザーは入力の意図を理解しやすくなる。Inputにはラベルを割り当てる方法がいくつかあります: -- `label` property: used for plaintext labels -- `label` slot: used for custom HTML labels (experimental) -- `aria-label`: used to provide a label for screen readers but adds no visible label +- `label`プロパティ:プレーンテキストのラベルに使用する。 +- `label`スロット: カスタム HTML ラベルに使用する(実験的)。 +- `aria-label`: スクリーンリーダー用のラベルとして使用されるが、ラベルは表示されない。 ### Label Placement @@ -52,11 +52,11 @@ import LabelPlacement from '@site/static/usage/v7/input/label-placement/index.md -### Label Slot (experimental) +### Label Slot (実験的) -While plaintext labels should be passed in via the `label` property, if custom HTML is needed, it can be passed through the `label` slot instead. +プレーンテキストのラベルは `label` プロパティを通して渡されるべきですが、カスタム HTML が必要な場合は、代わりに `label` スロットを通して渡すことができます。 -Note that this feature is considered experimental because it relies on a simulated version of [Web Component slots](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots). As a result, the simulated behavior may not exactly match the native slot behavior. +この機能は、[Web Component slots](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots) のシミュレート版に依存しているため、実験的なものとみなされていることに注意してください。その結果、シミュレートされた動作はネイティブのスロットの動作と完全に一致するとは限りません。 import LabelSlot from '@site/static/usage/v7/input/label-slot/index.md'; @@ -64,7 +64,7 @@ import LabelSlot from '@site/static/usage/v7/input/label-slot/index.md'; ### No Visible Label -If no visible label is needed, developers should still supply an `aria-label` so the input is accessible to screen readers. +表示するラベルが必要ない場合でも、開発者は `aria-label` を指定する必要があります。 import NoVisibleLabel from '@site/static/usage/v7/input/no-visible-label/index.md'; @@ -118,11 +118,11 @@ import FilteringData from '@site/static/usage/v7/input/filtering/index.md'; -## Input Masking +## 入力マスキング -Input masks are expressions that constrain input to support valid input values. Ionic recommends using [Maskito](https://tinkoff.github.io/maskito/getting-started/what-is-maskito) for input masking. Maskito is a lightweight, dependency-free library for masking input fields. It supports a wide range of masks, including phone numbers, credit cards, dates, and more. +入力マスキングは、有効な入力値をサポートするように入力を制約する式です。Ionicでは、入力マスキングに[Maskito](https://maskito.dev)を使うことを推奨しています。Maskitoは、入力フィールドをマスクするための軽量で依存関係のないライブラリです。電話番号、クレジットカード、日付など、幅広いマスクをサポートしています。 -To get started with Maskito, install the library: +Maskitoを使い始めるには、ライブラリをインストールしてください: ```bash npm install @maskito/core @maskito/{angular,react,vue} @@ -134,11 +134,11 @@ import Masking from '@site/static/usage/v7/input/mask/index.md'; :::note -Please submit bug reports with Maskito to the [Maskito Github repository](https://github.com/Tinkoff/maskito/issues). For technical support, please use the [Ionic Forum](https://forum.ionicframework.com/) or [Ionic Discord](http://chat.ionicframework.com/). +Please submit bug reports with Maskito to the [Maskito Github repository](https://github.com/taiga-family/maskito/issues). For technical support, please use the [Ionic Forum](https://forum.ionicframework.com/) or [Ionic Discord](http://chat.ionicframework.com/). ::: -## Theming +## テーマ ### Colors diff --git a/docs/api/item-divider.md b/docs/api/item-divider.md index cef627db927..41f3890ad59 100644 --- a/docs/api/item-divider.md +++ b/docs/api/item-divider.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/item-divider/custom-pr import Slots from '@ionic-internal/component-api/v7/item-divider/slots.md'; - Item Divider | List Item Divider Block Element for Ionic Apps + ion-item-divider: Item Divider Block Element for Ionic Apps diff --git a/docs/api/item-option.md b/docs/api/item-option.md index ed84bdeb50b..1bac85bd988 100644 --- a/docs/api/item-option.md +++ b/docs/api/item-option.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/item-option/custom-pro import Slots from '@ionic-internal/component-api/v7/item-option/slots.md'; - ion-item-options: Option Button Components for Ionic Apps + ion-item-option: Option Button for Sliding Item in Ionic diff --git a/docs/api/item-sliding.md b/docs/api/item-sliding.md index 75d1412d181..a642f839a46 100644 --- a/docs/api/item-sliding.md +++ b/docs/api/item-sliding.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/item-sliding/custom-pr import Slots from '@ionic-internal/component-api/v7/item-sliding/slots.md'; - Slide Buttons | Slide Right to Left with ion-item-sliding + ion-item-sliding: Slide Buttons | Slide Right to Left diff --git a/docs/api/label.md b/docs/api/label.md index c3e61246dfe..ace0774f3e5 100644 --- a/docs/api/label.md +++ b/docs/api/label.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/label/custom-props.md' import Slots from '@ionic-internal/component-api/v7/label/slots.md'; - Item Label Color and Properties for Applications | ion-label + ion-label: Item Label Color and Properties for Applications diff --git a/docs/api/loading.md b/docs/api/loading.md index b2bdd3a60dd..3c0d5a9cac4 100644 --- a/docs/api/loading.md +++ b/docs/api/loading.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/loading/custom-props.m import Slots from '@ionic-internal/component-api/v7/loading/slots.md'; - Loading | Application Loading Indicator Overlay | ion-loading + ion-loading: Loading | Application Loading Indicator Overlay diff --git a/docs/api/menu-button.md b/docs/api/menu-button.md index 16fa8831107..fcd8e8ab163 100644 --- a/docs/api/menu-button.md +++ b/docs/api/menu-button.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/menu-button/custom-pro import Slots from '@ionic-internal/component-api/v7/menu-button/slots.md'; - Menu Button | ion-menu-button to Open an App Menu on A Page + ion-menu-button: Menu Button to Open an App Menu on a Page diff --git a/docs/api/menu-toggle.md b/docs/api/menu-toggle.md index 1c085782b02..ef1075a7818 100644 --- a/docs/api/menu-toggle.md +++ b/docs/api/menu-toggle.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/menu-toggle/custom-pro import Slots from '@ionic-internal/component-api/v7/menu-toggle/slots.md'; - ion-menu-toggle | MenuToggle Component to Open/Close Active Menus + ion-menu-toggle: MenuToggle Component to Open/Close Menus diff --git a/docs/api/menu.md b/docs/api/menu.md index 20902fa474d..90988b203f1 100644 --- a/docs/api/menu.md +++ b/docs/api/menu.md @@ -49,25 +49,25 @@ import MenuType from '@site/static/usage/v7/menu/type/index.md'; ## Menu Sides -Menus are displayed on the `"start"` side by default. In apps that use left-to-right direction, this is the left side, and in right-to-left apps, this will be the right side. Menus can also be set to display on the `"end"` side, which is the opposite of `"start"`. +メニューはデフォルトでは`"start"`側に表示されます。左から右へ移動するアプリでは左側に、右から左へ移動するアプリでは右側に表示されます。メニューは`"start"`の反対側である`"end"`側に表示させることもできます。 -If menus on both sides are needed in an app, the menu can be opened by passing the `side` value to the `open` method on `MenuController`. If a side is not provided, the menu on the `"start"` side will be opened. See the [multiple menus](#multiple-menus) section below for an example using `MenuController`. +アプリ内で両サイドのメニューが必要な場合、 `MenuController` の `open` メソッドに `side` の値を渡すことでメニューを開くことができます。sideが指定されない場合は、`"start"`側のメニューが開かれる。MenuController` を使用した例については、下記の [複数メニュー](#multiple-menus) セクションを参照ください。 import Sides from '@site/static/usage/v7/menu/sides/index.md'; -## Multiple Menus +## 複数メニュー -When multiple menus exist on the same side, we need to enable the menu that we want to open before it can be opened. This can be done by calling the `enable` method on the `MenuController`. We can then call `open` on a menu based on its `menuId` or `side`. +同じサイドに複数のメニューが存在する場合、開きたいメニューを開く前にそのメニューを有効にする必要があります。これは `MenuController` の `enable` メソッドを呼び出すことで行うことができます。次に、メニューの `menuId` または `side` に基づいて `open` を呼び出すことができます。 import Multiple from '@site/static/usage/v7/menu/multiple/index.md'; -## Theming +## テーマ ### CSS Shadow Parts diff --git a/docs/api/modal.md b/docs/api/modal.md index 3d826b76943..948cba6e9d1 100644 --- a/docs/api/modal.md +++ b/docs/api/modal.md @@ -93,11 +93,11 @@ import CanDismissPreventSwipeToCloseExample from '@site/static/usage/v7/modal/ca ### Card Modal -Developers can create a card modal effect where the modal appears as a card stacked on top of your app's main content. To create a card modal, developers need to set the `presentingElement` property on `ion-modal`. +開発者は、アプリのメインコンテンツの上にカードが積み重なったようにモーダルが表示されるカードモーダルエフェクトを作成できます。カードモーダルを作成するには、開発者は `ion-modal` に `presentingElement` プロパティを設定する必要があります。 開発者は、アプリのメインコンテンツの上にカードが積み重なったように表示されるカードモーダル効果を作成することができます。カードモーダルを作成するには、開発者は `ion-modal` に `presentingElement` プロパティと `swipeToClose` プロパティを設定する必要があります。 -The `canDismiss` property can be used to control whether or not the card modal can be swiped to close. +`canDismiss` プロパティを使用して、カードモーダルをスワイプして閉じることができるかどうかを制御することができます。 :::note The card display style is only available on iOS. diff --git a/docs/api/nav-link.md b/docs/api/nav-link.md index 57352d56999..edbda33fe17 100644 --- a/docs/api/nav-link.md +++ b/docs/api/nav-link.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/nav-link/custom-props. import Slots from '@ionic-internal/component-api/v7/nav-link/slots.md'; - ion-nav-link: The Element for Navigation to a Specified Component + ion-nav-link: Navigation Links to a Specified Component @@ -20,7 +20,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; これは、ナビゲーションコントローラの `push()`, `pop()`, `setRoot()` メソッドを呼び出すための要素形式となります。 -See the [nav](./nav#using-navlink) documentation for more information. +詳しくは[nav](./nav#using-navlink)のドキュメントを参照ください。 ## プロパティ diff --git a/docs/api/nav.md b/docs/api/nav.md index 72d04ddb32b..e5cf20444fc 100644 --- a/docs/api/nav.md +++ b/docs/api/nav.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/nav/custom-props.md'; import Slots from '@ionic-internal/component-api/v7/nav/slots.md'; - ion-nav | Nav View Component for Ionic Framework Apps + ion-nav: Nav View Component for Ionic Framework Apps @@ -22,7 +22,7 @@ Navは、任意のコンポーネントをロードし、スタックに新し Router Outletとは異なり、Navは特定のルーターに縛られることはありません。つまり、Navコンポーネントをロードし、他のコンポーネントをスタックにプッシュしても、アプリ全体のルーターには影響しない。例えば、新しいコンポーネントを`ion-nav`にプッシュして、URLが更新されることを期待するべきではありません。これは、アプリのURLに関連付けずに、独自のサブナビゲーションが必要なモーダルがあるような使用例に適しています。 :::note -`ion-nav` is not meant to be used for routing. Instead, see the routing guides for [Angular](../angular/navigation), [React](../react/navigation), and [Vue](../vue/navigation), or [`ion-router`](./router) for vanilla JavaScript projects. +`ion-nav`はルーティングに使用するものではありません。 代わりに、[Angular](../angular/navigation)、[React](../react/navigation)、[Vue](../vue/navigation)、またはバニラJavaScriptプロジェクト用の[`ion-router`](./router)のルーティングガイドを参照してください。 ::: ## NavLinkを利用する diff --git a/docs/api/picker.md b/docs/api/picker.md index 863fbd4e69c..bb531e8545f 100644 --- a/docs/api/picker.md +++ b/docs/api/picker.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/picker/custom-props.md import Slots from '@ionic-internal/component-api/v7/picker/slots.md'; - Picker | Display Buttons and Columns for ion-picker on Ionic Apps + ion-picker: A Dialog That Displays Buttons and Columns @@ -72,6 +72,9 @@ interface PickerButton { interface PickerColumn { name: string; align?: string; + /** + * Changing this value allows the initial value of a picker column to be set. + */ selectedIndex?: number; prevSelected?: number; prefix?: string; diff --git a/docs/api/popover.md b/docs/api/popover.md index f6323977ebd..05dbf334170 100644 --- a/docs/api/popover.md +++ b/docs/api/popover.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/popover/custom-props.m import Slots from '@ionic-internal/component-api/v7/popover/slots.md'; - ion-popover: iOS / Android Popover UI Component & CSS Properties + ion-popover: iOS / Android Popover UI Dialog Component diff --git a/docs/api/progress-bar.md b/docs/api/progress-bar.md index 98b9206aee9..87e0f422e1c 100644 --- a/docs/api/progress-bar.md +++ b/docs/api/progress-bar.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/progress-bar/custom-pr import Slots from '@ionic-internal/component-api/v7/progress-bar/slots.md'; - Progress Bar | Horizontal App Progress Bar for Loading Indicator + ion-progress-bar: App Progress Bar for Loading Indicator diff --git a/docs/api/radio-group.md b/docs/api/radio-group.md index 9b597b0aa9a..7067c21e608 100644 --- a/docs/api/radio-group.md +++ b/docs/api/radio-group.md @@ -9,14 +9,14 @@ import CustomProps from '@ionic-internal/component-api/v7/radio-group/custom-pro import Slots from '@ionic-internal/component-api/v7/radio-group/slots.md'; - ion-radio-group | Radio Button Group Usage for Ionic Apps + ion-radio-group: Radio Button Group Usage for Ionic Apps import EncapsulationPill from '@components/page/api/EncapsulationPill'; -A radio group is a container for a group of [radios](./radio). It allows a user to select at most one radio button from a set. Checking one radio button that belongs to a radio group unchecks any previous checked radio button within the same group. For example usage of the radio group, see the [radio](./radio) documentation. +ラジオ・グループは、[ラジオ](./radio)のグループのためのコンテナです。ラジオグループは、ユーザーがラジオボタンを1つだけ選択できるようにします。ラジオ・グループに属するラジオ・ボタンを1つチェックすると、同じグループ内で以前にチェックされたラジオ・ボタンのチェックは解除されます。ラジオ・グループの使用例については、[radio](./radio)のドキュメントを参照してください。 ## Interfaces diff --git a/docs/api/radio.md b/docs/api/radio.md index 833a0699772..b8eb1b6c56c 100644 --- a/docs/api/radio.md +++ b/docs/api/radio.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/radio/custom-props.md' import Slots from '@ionic-internal/component-api/v7/radio/slots.md'; - ion-radio Component: Radio Property for iOS and Android + ion-radio: Radio Component for iOS and Android @@ -46,7 +46,7 @@ import Justify from '@site/static/usage/v7/radio/justify/index.md'; :::note -`ion-item` is only used in the demos to emphasize how `justify` works. It is not needed in order for `justify` to function correctly. +`ion-item`は、`justify`がどのように機能するかを強調するためにデモで使用されているだけです。 `justify` が正しく機能するために必須ではありません。 ::: ## ラジオの選択を解除する diff --git a/docs/api/range.md b/docs/api/range.md index 19cb292d0fd..f5bcc257260 100644 --- a/docs/api/range.md +++ b/docs/api/range.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/range/custom-props.md' import Slots from '@ionic-internal/component-api/v7/range/slots.md'; - Range Slider | ion-range: Slider Knob Controls with Labels + ion-range: Range Slider Knob Controls with Labels @@ -24,15 +24,15 @@ Rangeスライダは、スライダノブを動かして、ユーザーが値の ## Labels -Labels should be used to describe the range. They can be used visually, and they will also be read out by screen readers when the user is focused on the range. This makes it easy for the user to understand the intent of the range. Range has several ways to assign a label: +ラベルは、範囲を説明するために使用されるべきです。それらは視覚的に使用することができ、また、ユーザーがRangeをフォーカスしてるときに、スクリーンリーダーによって読み上げられます。これにより、ユーザーは範囲の意図を理解しやすくなります。範囲にはラベルを割り当てるいくつかの方法があります: -- `label` property: used for plaintext labels -- `label` slot: used for custom HTML labels -- `aria-label`: used to provide a label for screen readers but adds no visible label +- `label`プロパティ:プレーンテキストのラベルに使用する。 +- `label`スロット:カスタム HTML ラベルに使用する。 +- `aria-label`: スクリーンリーダー用のラベルとして使用されるが、ラベルは表示されない。 ### Label Placement -The below demo shows how to use the `labelPlacement` property to change the position of the label relative to the range. While the `label` property is used here, `labelPlacement` can also be used with the `label` slot. +以下のデモでは、`labelPlacement` プロパティを使用して、範囲に対するラベルの位置を変更しています。ここでは `label` プロパティを使用しているが、`labelPlacement` は `label` スロットでも使用できます。 import LabelsPlayground from '@site/static/usage/v7/range/labels/index.md'; @@ -40,7 +40,7 @@ import LabelsPlayground from '@site/static/usage/v7/range/labels/index.md'; ### Label Slot -While plaintext labels should be passed in via the `label` property, if custom HTML is needed, it can be passed through the `label` slot instead. +プレーンテキストのラベルは `label` プロパティで渡すべきであるが、カスタムHTMLが必要な場合は、代わりに `label` スロットで渡すことができます。 import LabelSlotPlayground from '@site/static/usage/v7/range/label-slot/index.md'; @@ -48,7 +48,7 @@ import LabelSlotPlayground from '@site/static/usage/v7/range/label-slot/index.md ### No Visible Label -If no visible label is needed, developers should still supply an `aria-label` so the range is accessible to screen readers. +もし表示するラベルが必要ない場合でも、開発者は`aria-label`を与えるべきです。 import NoVisibleLabel from '@site/static/usage/v7/range/no-visible-label/index.md'; @@ -56,9 +56,9 @@ import NoVisibleLabel from '@site/static/usage/v7/range/no-visible-label/index.m ## Decorations -Decorative elements can be passed into the `start` or `end` slots of the range. This is useful for adding icons such as low volume or high volume icons. Since these elements are decorative, they should not be announced by assistive technology such as screen readers. +装飾的な要素は、範囲の `start` または `end` スロットに渡すことができます。これは、音量の小さいアイコンや大きいアイコンのようなアイコンを追加するのに便利です。これらの要素は装飾的なものなので、スクリーンリーダーのような支援技術によってアナウンスされるべきではありません。 -If the directionality of the document is set to left to right, the contents slotted to the `start` position will display to the left of the range, where as contents slotted to the `end` position will display to the right of the range. In right to left (rtl) directionality, the contents slotted to the `start` position will display to the right of the range, where as contents slotted to the `end` position will display to the left of the range. +ドキュメントの方向性が左から右に設定されている場合、`start`位置にスロットされたコンテンツは範囲の左に表示され、`end`位置にスロットされたコンテンツは範囲の右に表示されます。右から左(rtl)の方向性の場合、`start`位置にスロットされたコンテンツは範囲の右側に表示され、`end`位置にスロットされたコンテンツは範囲の左側に表示されます。 import DecorationsPlayground from '@site/static/usage/v7/range/slots/index.md'; @@ -128,17 +128,17 @@ import CSSParts from '@site/static/usage/v7/range/theming/css-shadow-parts/index -## Migrating from Legacy Range Syntax +## レガシーな範囲構文からの移行 -A simpler range syntax was introduced in Ionic 7.0. This new syntax reduces the boilerplate required to setup an range, resolves accessibility issues, and improves the developer experience. +Ionic 7.0では、よりシンプルな範囲構文が導入されました。この新しい構文は、範囲を設定するために必要な定型文を減らし、アクセシビリティの問題を解決し、開発者のエクスペリエンスを向上させます。 -Developers can perform this migration one range at a time. While developers can continue using the legacy syntax, we recommend migrating as soon as possible. +開発者はこの移行を範囲ごとに実行できます。開発者は従来の構文を使い続けることもできますが、できるだけ早く移行することをお勧めします。 ### 最新の構文の使い方 -Using the modern syntax involves removing the `ion-label` and passing the label to `ion-range` using the `label` property. The placement of the label can be configured using the `labelPlacement` property. +最新の構文を使用するには、`ion-label` を削除し、`label` プロパティを使用して `ion-range` にラベルを渡します。ラベルの配置は `labelPlacement` プロパティを使用して設定することができます。 -If custom HTML is needed for the label, it can be passed directly inside the `ion-range` using the `label` slot instead. +ラベルにカスタム HTML が必要な場合は、代わりに `label` スロットを使用して `ion-range` 内に直接渡すことができる。 import Migration from '@site/static/usage/v7/range/migration/index.md'; @@ -146,12 +146,12 @@ import Migration from '@site/static/usage/v7/range/migration/index.md'; :::note -In past versions of Ionic, `ion-item` was required for `ion-range` to function properly. Starting in Ionic 7.0, `ion-range` should only be used in an `ion-item` when the item is placed in an `ion-list`. Additionally, `ion-item` is no longer required for `ion-range` to function properly. +Ionic の過去のバージョンでは、`ion-range` が正しく機能するためには `ion-item` が必要でした。Ionic 7.0 以降では、`ion-range` は `ion-item` 内でアイテムを `ion-list` に配置する場合にのみ使用します。また、`ion-range` が正しく機能するためには、`ion-item` は不要になりました。 ::: -### Using the Legacy Syntax +### レガシー構文の使用 -Ionic uses heuristics to detect if an app is using the modern range syntax. In some instances, it may be preferable to continue using the legacy syntax. Developers can set the `legacy` property on `ion-range` to `true` to force that instance of the range to use the legacy syntax. +Ionicは、アプリが最新の範囲構文を使用しているかどうかをヒューリスティックで検出します。場合によっては、レガシー構文を使い続けた方が望ましいこともあります。開発者は `ion-range` の `legacy` プロパティを `true` に設定することで、そのインスタンスにレガシー構文を使用させることができます。 ## Interfaces diff --git a/docs/api/refresher-content.md b/docs/api/refresher-content.md index 34f009ee313..b0b01549535 100644 --- a/docs/api/refresher-content.md +++ b/docs/api/refresher-content.md @@ -11,9 +11,9 @@ import Slots from '@ionic-internal/component-api/v7/refresher-content/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; -The refresher content contains the text, icon and spinner to display during a pull-to-refresh. Ionic displays a pulling icon and refreshing spinner based on the platform. However, the default icon, spinner, and text can be customized based on the state of the refresher. +リフレッシュコンテンツには、プルトゥリフレッシュ時に表示するテキスト、アイコン、スピナーが含まれます。Ionicは、プラットフォームに基づいて、プルアイコンとリフレッシュスピナーを表示します。ただし、デフォルトのアイコン、スピナー、テキストは、リフレッシュの状態に応じてカスタマイズできます。 -For usage examples, see the [Refresher](/docs/api/refresher) documentation. +使用例については、[Refresher](/docs/api/refresher)ドキュメントを参照してください。 ## プロパティ diff --git a/docs/api/refresher.md b/docs/api/refresher.md index 964a079d6cd..4b7c3541282 100644 --- a/docs/api/refresher.md +++ b/docs/api/refresher.md @@ -16,9 +16,9 @@ import Slots from '@ionic-internal/component-api/v7/refresher/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; -Refresher provides pull-to-refresh functionality on a content component. The pull-to-refresh pattern lets a user pull down on a list of data in order to retrieve more data. +リフレッシャーは、コンテンツコンポーネントにプルトゥリフレッシュ機能を提供します。pull-to-refreshパターンは、ユーザがより多くのデータを取得するために、データのリストをプルダウンすることを可能にします。 -Data should be modified during the refresher's output events. Once the async operation has completed and the refreshing should end, `complete()` needs to be called on the refresher. +データは、リフレッシャーの出力イベント中に変更する必要があります。非同期処理が完了し、リフレッシュが終了したら、リフレッシュに対して `complete()` を呼び出す必要があります。 ## 基本的な使い方 @@ -28,22 +28,22 @@ import Basic from '@site/static/usage/v7/refresher/basic/index.md'; -## Pull Properties +## Pull プロパティ -The refresher has several properties for customizing the pull gesture. Set the `pullFactor` to change the speed of the pull, the `pullMin` property to change the minimum distance the user must pull down, and the `pullMax` property to change the maximum distance the user must pull down before the refresher enters the `refreshing` state. +リフレッシャーには、引くジェスチャーをカスタマイズするためのプロパティがいくつかあります。 `pullFactor` プロパティを設定すると引っ張るスピードを、`pullMin` プロパティを設定するとユーザが引っ張る最小距離を、`pullMax` プロパティを設定するとリフレッシャーが `refreshing` 状態になる前にユーザが引っ張る最大距離を変更することができます。 -These properties do not apply when the [native refresher](#native-refreshers) is enabled. +これらのプロパティは、[native refresher](#native-refreshers)が有効な場合には適用されません。 import PullProperties from '@site/static/usage/v7/refresher/pull-properties/index.md'; -## Custom Refresher Content +## カスタムリフレッシャーコンテンツ -The default icon, spinner, and text can be customized on the [refresher content](./refresher-content) based on whether the state of the refresher is `pulling` or `refreshing`. +デフォルトのアイコン、スピナー、テキストは、リフレッシャーの状態が `pulling` か `refreshing` かによって、[リフレッシャーコンテンツ](./refresher-content) 上でカスタマイズすることができます。 -Setting `pullingIcon` will disable the [native refresher](#native-refreshers). +`pullingIcon`を設定すると、[native refresher](#native-refreshers)が無効になります。 import CustomContent from '@site/static/usage/v7/refresher/custom-content/index.md'; @@ -52,15 +52,15 @@ import CustomContent from '@site/static/usage/v7/refresher/custom-content/index. ## Native Refreshers -Both iOS and Android platforms provide refreshers that use properties exposed by their respective devices in order to give pull-to-refresh a fluid, native-like feel. +iOSとAndroidの両プラットフォームは、pull-to-refreshにネイティブのような流動的な感覚を与えるために、それぞれのデバイスが公開するプロパティを使用するリフレッシュ機能を提供します。 -The iOS and Material Design native refreshers are enabled by default in Ionic. However, the native iOS refresher relies on rubber band scrolling in order to work properly and is only compatible with iOS devices as a result. We provide a fallback refresher for apps running in iOS mode on devices that do not support rubber band scrolling. +iOSとMaterial Designのネイティブリフレッシュ機能は、Ionicのデフォルトで有効になっています。ただし、iOSネイティブのリフレッシュ機能は、正しく動作するためにラバーバンドスクロールに依存しており、結果としてiOSデバイスとのみ互換性があります。ラバーバンドスクロールをサポートしていないデバイスでiOSモードで動作するアプリのために、フォールバックリフレッシャーを提供しています。 -The native refresher uses a `circular` spinner for Material Design, while iOS uses the `lines` spinner. On iOS, the tick marks will progressively show as the page is pulled down. +ネイティブのリフレッシャーでは、マテリアルデザイン用の `circular` スピナーを使用しますが、iOS では `lines` スピナーを使用します。iOSでは、ティックマークはページが下に引っ張られるにつれて徐々に表示されます。 -Certain refresher properties such as the [Pull Properties](#pull-properties), `closeDuration` and `snapbackDuration` are not compatible because much of the native refreshers are scroll-based. See [Properties](#properties) for more information on unsupported properties. +[Pullプロパティ](#pull-properties)、`closeDuration`、`snapbackDuration`のような特定のリフレッシャープロパティは、ネイティブリフレッシャーの多くがスクロールベースであるため、互換性がありません。サポートされていないプロパティの詳細については、[Properties](#properties)を参照してください。 -The native refreshers can be disabled by setting the `pullingIcon` on the [refresher content](#custom-refresher-content) to any icon or spinner. See the [Ionicons](https://ionic.io/ionicons) and [Spinner](./spinner) documentation for accepted values. +[リフレッシュコンテンツ](#custom-refresher-content)の `pullingIcon` を任意のアイコンまたはスピナーに設定することで、ネイティブリフレッシュモードを無効にすることができます。使用可能な値については、[Ionicons](https://ionic.io/ionicons) および [Spinner](./spinner) のドキュメントを参照してください。 ## Usage with Virtual Scroll @@ -72,9 +72,9 @@ import CustomScrollTarget from '@site/static/usage/v7/refresher/custom-scroll-ta -## Advanced Usage +## 高度な使用法 -While the refresher can be used with any type of content, a common use case in native apps is to display a list of data that gets updated on refresh. In the below example, the app generates a list of data and then appends data to the top of the list when the refresh is completed. In a real app, the data would be received and updated after sending a request via a network or database call. +リフレッシャーはどのようなタイプのコンテンツでも使用できますが、ネイティブアプリでよくある使用例は、更新時に更新されるデータのリストを表示することです。以下の例では、アプリはデータのリストを生成し、更新が完了したときにリストの先頭にデータを追加します。実際のアプリでは、ネットワークまたはデータベース呼び出しによってリクエストを送信した後に、データを受信して更新します。 import Advanced from '@site/static/usage/v7/refresher/advanced/index.md'; diff --git a/docs/api/reorder-group.md b/docs/api/reorder-group.md index 4c5fc4efe46..3187f87e366 100644 --- a/docs/api/reorder-group.md +++ b/docs/api/reorder-group.md @@ -9,16 +9,16 @@ import CustomProps from '@ionic-internal/component-api/v7/reorder-group/custom-p import Slots from '@ionic-internal/component-api/v7/reorder-group/slots.md'; - ion-reorder-group: Wrapper Component for Ionic Framework Apps + ion-reorder-group: Wrapper Component for Reorder Items import EncapsulationPill from '@components/page/api/EncapsulationPill'; -The reorder group is a container for items using the [reorder](./reorder) component. When the user drags an item and drops it in a new position, the `ionItemReorder` event is dispatched. A handler for this event should be implemented that calls the `complete` method. +reorder groupは、[reorder](./reorder) コンポーネントを使用したアイテムのコンテナです。ユーザがアイテムをドラッグして新しい位置にドロップすると、 `ionItemReorder` イベントがディスパッチされる。このイベントのハンドラは `complete` メソッドを呼び出すように実装する必要があります。 -The `detail` property of the `ionItemReorder` event includes all of the relevant information about the reorder operation, including the `from` and `to` indexes. In the context of reordering, an item moves `from` an index `to` a new index. For example usage of the reorder group, see the [reorder](./reorder) documentation. +`ionItemReorder` イベントの `detail` プロパティには、`from` と `to` インデックスを含む、並べ替え操作に関するすべての関連情報が含まれます。並び替えのコンテキストでは、アイテムは `from` インデックスから `to` インデックスに移動します。reorder groupの使用例については、[reorder](./reorder) のドキュメントを参照してください。 ## Interfaces diff --git a/docs/api/reorder.md b/docs/api/reorder.md index 6c7497b5169..c87ed1c449f 100644 --- a/docs/api/reorder.md +++ b/docs/api/reorder.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/reorder/custom-props.m import Slots from '@ionic-internal/component-api/v7/reorder/slots.md'; - Reorder | ion-reorder: Drag and Drop Icon to Reorder Items + ion-reorder: Drag and Drop Icon to Reorder Items @@ -18,23 +18,23 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; -Reorder is a component that allows an item to be dragged to change its order within a group of items. It must be used within a [reorder group](./reorder-group) to provide a visual drag and drop interface. +Reorderは、アイテムのグループ内での順序を変更するためにアイテムをドラッグできるようにするコンポーネントです。視覚的なドラッグ&ドロップのインターフェイスを提供するために、[reorder group](./reorder-group)内で使用されなければなりません。 -The reorder is the anchor used to drag and drop the items. Once the reorder is complete, the `ionItemReorder` event will be dispatched from the reorder group and the `complete` method needs to be called. +Reorderはアイテムをドラッグ&ドロップするためのアンカーです。reorderが完了すると、reorder groupから `ionItemReorder` イベントがdispatchされ、`complete` メソッドを呼び出す必要があります。 ## 基本的な使い方 -The most basic example of a reorder is slotting it inside of an item. By default, the reorder functionality is disabled for a reorder group. It can be enabled by setting the `disabled` property on the reorder group to `false`. The reorder icon can then be used to drag and drop the items and reorder them. +Reorderの最も基本的な例は、アイテムの中にスロットを入れることです。デフォルトでは、reorder groupのreorder機能は無効になっています。reorder groupの `disabled` プロパティを `false` に設定することで有効にすることができます。Reorderアイコンを使ってアイテムをドラッグ&ドロップし、並び替えることができます。 import Basic from '@site/static/usage/v7/reorder/basic/index.md'; -## Toggling Reorder +## 並べ替えの切り替え -In some cases, it may be desired to have the option to toggle the reorder functionality. This can be done by making the `disabled` property reactive, based on a function or variable. +場合によっては、並べ替えの機能を切り替えるオプションが欲しいかもしれない。これは、関数や変数に基づいて `disabled` プロパティをリアクティブにすることで実現できます。 import TogglingDisabled from '@site/static/usage/v7/reorder/toggling-disabled/index.md'; @@ -43,7 +43,7 @@ import TogglingDisabled from '@site/static/usage/v7/reorder/toggling-disabled/in ## Custom Reorder Icon -The reorder component uses a reorder icon with three lines on iOS and two lines on Material Design. This can be customized by adding an [Icon](https://ionic.io/ionicons) component inside of the reorder with any of the available Ionicons. +Reorderコンポーネントは、iOSでは3行、Material Designでは2行のReorderアイコンを使用しています。これは、利用可能なIoniconのいずれかを使って、Reorderの中に[Icon](https://ionic.io/ionicons)コンポーネントを追加することでカスタマイズできます。 import CustomIcon from '@site/static/usage/v7/reorder/custom-icon/index.md'; @@ -52,27 +52,27 @@ import CustomIcon from '@site/static/usage/v7/reorder/custom-icon/index.md'; ## Reorder Wrapper -Reorder can also be used as a wrapper around an item, making the item itself the anchor. Click anywhere on an item below and drag it to reorder the list. +並び替えは、項目を囲むラッパーとして使うこともできます。下の項目のどこかをクリックし、ドラッグすると、リストの順番を入れ替えることができます。 import Wrapper from '@site/static/usage/v7/reorder/wrapper/index.md'; -## Updating Data +## データの更新 -When the `complete` method is called on the reorder group with no parameters, the DOM nodes will be reordered. If the items are rendered from an array of data that needs to be sorted, this can result in the data and DOM being out of sync. In order to sort the array upon completion of the reorder, the array should be passed as a parameter to the `complete` method. The `complete` method will sort the array and return it so it can be reassigned. +パラメータを指定せずに reorder グループに対して `complete` メソッドを呼び出すと、DOM ノードが並べ替えられます。項目がソートが必要なデータの配列からレンダリングされた場合、データと DOM が同期しないことがあります。並べ替えの完了時に配列をソートするには、`complete` メソッドのパラメータとして配列を渡す必要があります。 `complete`メソッドは配列をソートして返し、再代入できるようにしてください。 -In some cases, it may be necessary for an app to reorder both the array and the DOM nodes on its own. If this is required, `false` should be passed as a parameter to the `complete` method. This will prevent Ionic from reordering any DOM nodes inside of the reorder group. +場合によっては、アプリが独自に配列と DOM ノードの両方を並べ替える必要があるかもしれません。その場合は `complete` メソッドに `false` をパラメータとして渡す必要があります。これにより、Ionicはreorder group内のDOMノードの並び替えを行わないようになります。 import UpdatingData from '@site/static/usage/v7/reorder/updating-data/index.md'; -## Usage with Virtual Scroll +## 仮想スクロールでの使用 -Reorder requires a scroll container to work properly. When using a virtual scrolling solution, a custom scroll target needs to be provided. Scrolling on the content needs to be disabled and the `.ion-content-scroll-host` class needs to be added to the element responsible for scrolling. +Reorderを正しく動作させるには、スクロールコンテナが必要です。仮想スクロールソリューションを使用する場合は、カスタムスクロールターゲットを指定する必要があります。コンテンツのスクロールを無効にし、スクロールを担当する要素に `.ion-content-scroll-host` クラスを追加する必要があります。 import CustomScrollTarget from '@site/static/usage/v7/reorder/custom-scroll-target/index.md'; diff --git a/docs/api/ripple-effect.md b/docs/api/ripple-effect.md index 4524af68a2a..1499017e7e1 100644 --- a/docs/api/ripple-effect.md +++ b/docs/api/ripple-effect.md @@ -11,16 +11,16 @@ import Slots from '@ionic-internal/component-api/v7/ripple-effect/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; - ion-ripple-effect | Ripple Effect Button Component for Ionic Apps + ion-ripple-effect: Ripple Effect Component for Ionic Apps -The ripple effect component adds the [Material Design ink ripple interaction effect](https://material.io/develop/web/supporting/ripple). This component can only be used inside of an `` and can be added inside of any element. +ripple effectコンポーネントは、[Material Design ink ripple interaction effect](https://material.io/develop/web/supporting/ripple)を追加します。このコンポーネントは `` の内部でのみ使用でき、任意の要素の内部に追加できます。 -It's important to set [relative positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/position) on the parent element because the ripple effect is absolutely positioned and will cover its closest parent that has relative positioning. The parent element should also be given the `ion-activatable` class, which tells the ripple effect that the element is clickable. It's recommended to add `overflow: hidden` to the parent element if the ripple is overflowing its container. +親要素に [relative position](https://developer.mozilla.org/en-US/docs/Web/CSS/position) を設定することが重要です。波紋エフェクトはabsolute positionであり、相対位置決めされた最も近い親要素をカバーするからです。また、親要素には `ion-activatable` クラスを設定します。これは、波及効果にその要素がクリック可能であることを伝えるものです。波紋がコンテナからはみ出す場合は、親要素に `overflow: hidden` を追加することを推奨します。 ## 基本的な使い方 @@ -30,18 +30,18 @@ import Basic from '@site/static/usage/v7/ripple-effect/basic/index.md'; -## Type +## タイプ -There are two types of ripple effects: `"bounded"` and `"unbounded"`. The default type, `"bounded"`, will expand the ripple effect from the click position outwards. To add a ripple effect that always starts in the center of the element and expands in a circle, set the type to `"unbounded"`. +リップル効果には2つのタイプがある: `"bounded"` と `"unbounded"` です。デフォルトのタイプである `"bounded"` は、クリック位置から外側に波及効果を広げます。常に要素の中心から始まり、円形に広がる波及効果を追加するには、タイプを `"unbounded"` に設定します。 import Type from '@site/static/usage/v7/ripple-effect/type/index.md'; -## Customizing +## カスタマイズ -The ripple can be customized to a different color through CSS. By default the ripple color is set to inherit the text color, which is generally the body color. This can be changed by setting the CSS `color` on the parent or the ripple effect itself. +リップルはCSSで別の色にカスタマイズできます。デフォルトでは、波紋の色はテキストの色を継承するように設定されています。これはCSSの `color` を親または波紋エフェクト自体に設定することで変更できます。 import Customizing from '@site/static/usage/v7/ripple-effect/customizing/index.md'; diff --git a/docs/api/route-redirect.md b/docs/api/route-redirect.md index 2b7522e4d34..088f25aef84 100644 --- a/docs/api/route-redirect.md +++ b/docs/api/route-redirect.md @@ -10,17 +10,17 @@ import CustomProps from '@ionic-internal/component-api/v7/route-redirect/custom- import Slots from '@ionic-internal/component-api/v7/route-redirect/slots.md'; - ion-route-redirect Plugin: Redirect 'from' a URL 'to' Another URL + ion-route-redirect: Redirect 'from' a URL 'to' Another URL import EncapsulationPill from '@components/page/api/EncapsulationPill'; -A route redirect can only be used with an `ion-router` as a direct child of it. +ルートリダイレクトは `ion-router` を直接の子としてのみ使うことができます。 :::note - Note: このコンポーネントは、バニラおよびステンシルJavaScriptプロジェクトでのみ使用してください。Angularプロジェクトでは、[`ion-router-outlet`](router-outlet.md) と Angularルータを使用してください。 + Note: このコンポーネントは、vanilla と Stencil での JavaScriptプロジェクトでのみ使用してください。Angularプロジェクトでは、[`ion-router-outlet`](router-outlet.md) と Angularルータを使用してください。 ::: diff --git a/docs/api/route.md b/docs/api/route.md index 56733f9c66e..a46bbf02104 100644 --- a/docs/api/route.md +++ b/docs/api/route.md @@ -19,10 +19,10 @@ import Slots from '@ionic-internal/component-api/v7/route/slots.md'; import EncapsulationPill from '@components/page/api/EncapsulationPill'; -The route component takes a component and renders it when the Browser URL matches the url property. +ルートコンポーネントはコンポーネントを受け取り、ブラウザの URL が url プロパティと一致したときに、そのコンポーネントをレンダリングします。 :::note - Note: このコンポーネントは、バニラおよびステンシルJavaScriptプロジェクトでのみ使用してください。Angularプロジェクトでは、[`ion-router-outlet`](router-outlet.md) と Angularルータを使用してください。 + Note: このコンポーネントは、vanilla と Stencil での JavaScriptプロジェクトでのみ使用してください。Angularプロジェクトでは、[`ion-router-outlet`](router-outlet.md) と Angularルータを使用してください。 ::: diff --git a/docs/api/router-link.md b/docs/api/router-link.md index f3d9618ce42..f10eed0f772 100644 --- a/docs/api/router-link.md +++ b/docs/api/router-link.md @@ -10,7 +10,7 @@ import CustomProps from '@ionic-internal/component-api/v7/router-link/custom-pro import Slots from '@ionic-internal/component-api/v7/router-link/slots.md'; - Router Link | Navigating The ion-router-link Component + ion-router-link: Navigate To a Specified Link @@ -21,7 +21,7 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; router linkコンポーネントは、指定されたリンクに移動するために使用します。ブラウザのアンカータグと同様に、hrefで場所を、directionで遷移のアニメーションを指定することができます。 :::note - Note: このコンポーネントは、バニラおよびステンシルJavaScriptプロジェクトでのみ使用してください。Angularプロジェクトでは、[`ion-router-outlet`](router-outlet.md) と Angularルータを使用してください。 + Note: このコンポーネントは、vanilla と Stencil での JavaScriptプロジェクトでのみ使用してください。Angularプロジェクトでは、[`ion-router-outlet`](router-outlet.md) と Angularルータを使用してください。 ::: See the [Router](./router) documentation for more information. diff --git a/docs/api/router.md b/docs/api/router.md index a5bcc2d1923..9bae0ccfb02 100644 --- a/docs/api/router.md +++ b/docs/api/router.md @@ -18,10 +18,10 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; -The router is a component for handling routing inside vanilla and Stencil JavaScript projects. +ルーターは、vanilla と Stencil での JavaScriptプロジェクト内でルーティングを処理するためのコンポーネントです。 :::note - Note: This component should only be used with vanilla and Stencil JavaScript projects. See the routing guides for [Angular](../angular/navigation), [React](../react/navigation), and [Vue](../vue/navigation) for framework-specific routing solutions. +注意: このコンポーネントは、vanilla と Stencil での JavaScriptプロジェクトでのみ使用してください。フレームワーク固有のルーティングソリューションについては、[Angular](../angular/navigation)、[React](../react/navigation)、[Vue](../vue/navigation)のルーティングガイドを参照してください。 ::: diff --git a/docs/api/row.md b/docs/api/row.md index 1496666cad9..bf88ba882c7 100644 --- a/docs/api/row.md +++ b/docs/api/row.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/row/custom-props.md'; import Slots from '@ionic-internal/component-api/v7/row/slots.md'; - ion-row: Horizontal Row Components and Alignment | Ionic API Docs + ion-row: Horizontal Row Components of the Grid System @@ -17,10 +17,10 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill'; -Rows are horizontal components of the [grid](./grid) system and contain varying numbers of -[columns](./col). They ensure the columns are positioned properly. +Rowは[Grid](./grid)システムの水平方向の構成要素で、さまざまな数の +[columns](./col)を含む。列が適切に配置されるようにします。 -See the [grid](./grid) documentation for more information. +詳しくは[grid](./grid)のドキュメントを参照してください。 ## Row Alignment diff --git a/docs/api/searchbar.md b/docs/api/searchbar.md index 6894c6757b5..4d784334810 100644 --- a/docs/api/searchbar.md +++ b/docs/api/searchbar.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/searchbar/custom-props import Slots from '@ionic-internal/component-api/v7/searchbar/slots.md'; - Search Bar Icon for Keyboard Text Display | Ion-Search Bar + ion-searchbar: Search Bar for Searching a Collection diff --git a/docs/api/select-option.md b/docs/api/select-option.md index f6afc3e40e2..3ce9d6df513 100644 --- a/docs/api/select-option.md +++ b/docs/api/select-option.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/select-option/custom-p import Slots from '@ionic-internal/component-api/v7/select-option/slots.md'; - Select Option | What Is An Option Select on Ionic Framework Apps + ion-select-option: Option For a Select Dialog diff --git a/docs/api/select.md b/docs/api/select.md index dbccd8cdea7..8a0481b899e 100644 --- a/docs/api/select.md +++ b/docs/api/select.md @@ -26,17 +26,17 @@ selectは、子要素 `` とともに使用する必要があ ## Labels -Labels should be used to describe the select. They can be used visually, and they will also be read out by screen readers when the user is focused on the select. This makes it easy for the user to understand the intent of the select. Select has several ways to assign a label: +ラベルは、Selectを説明するために使用します。これらは視覚的に使用することができ、また、ユーザーがSelectにフォーカスしているときには、スクリーンリーダーによって読み上げられます。これにより、ユーザーはSelectの意図を理解しやすくなります。セレクトには、ラベルを割り当てるいくつかの方法があります: -Select has several options for supplying a label for the component: +セレクトには、コンポーネントにラベルを指定するためのいくつかのオプションがあります: -- `label` property: used for plaintext labels -- `label` slot: used for custom HTML labels -- `aria-label`: used to provide a label for screen readers but adds no visible label +- `label`プロパティ:プレーンテキストのラベルに使用します。 +- `label`スロット:カスタム HTML ラベルに使用する。 +- `aria-label`:スクリーンリーダー用のラベルとして使用されるが、ラベルは表示されない。 ### Label Placement -Labels will take up the width of their content by default. Developers can use the `labelPlacement` property to control how the label is placed relative to the control. While the `label` property is used here, `labelPlacement` can also be used with the `label` slot. +ラベルはデフォルトではコンテンツの幅を占めます。開発者は `labelPlacement` プロパティを使用して、コントロールに対するラベルの配置を制御することができます。ここでは `label` プロパティを使用しているが、`labelPlacement` は `label` スロットと一緒に使用することもできます。 import LabelPlacement from '@site/static/usage/v7/select/label-placement/index.md'; @@ -44,7 +44,7 @@ import LabelPlacement from '@site/static/usage/v7/select/label-placement/index.m ### Label Slot -While plaintext labels should be passed in via the `label` property, if custom HTML is needed, it can be passed through the `label` slot instead. +プレーンテキストのラベルは `label` プロパティで渡すべきですが、カスタムHTMLが必要な場合は、代わりに `label` スロットで渡すことができます。 import LabelSlot from '@site/static/usage/v7/select/label-slot/index.md'; @@ -52,7 +52,7 @@ import LabelSlot from '@site/static/usage/v7/select/label-slot/index.md'; ### No Visible Label -If no visible label is needed, developers should still supply an `aria-label` so the select is accessible to screen readers. +表示するラベルが必要ない場合でも、開発者は`aria-label`を指定する必要があります import NoVisibleLabel from '@site/static/usage/v7/select/no-visible-label/index.md'; @@ -82,29 +82,29 @@ import PopoverExample from '@site/static/usage/v7/select/interfaces/popover/inde -## Multiple Selection +## 複数の選択 -By adding the `multiple` attribute to select, users are able to select multiple options. When multiple options can be selected, the alert or popover overlay presents users with a checkbox styled list of options. The select component's value receives an array of all of the selected option values. +Select に `multiple` 属性を追加することで、ユーザは複数のオプションを選択することができます。複数のオプションが選択可能な場合、アラートまたはポップオーバーオーバーレイは、チェックボックススタイルのオプションリストをユーザに提示します。Select コンポーネントの値は、選択されたすべてのオプション値の配列を受け取ります。 -Note: the `action-sheet` interface will not work with multiple selection. +注意: `action-sheet` インターフェースは複数選択では動作しません。 import MultipleSelectionExample from '@site/static/usage/v7/select/basic/multiple-selection/index.md'; -## Responding to Interaction +## インタラクションへの応答 -The main ways of handling user interaction with the select are the `ionChange`, `ionDismiss`, and `ionCancel` events. See [Events](#events) for more details on these and other events that select fires. +Select とユーザのインタラクションを処理する主な方法は、 `ionChange` イベント、 `ionDismiss` イベント、 `ionCancel` イベントです。これらのイベントやselectが発生するその他のイベントの詳細については、[Events](#events)を参照してください。 import RespondingToInteractionExample from '@site/static/usage/v7/select/basic/responding-to-interaction/index.md'; -## Object Value References +## オブジェクト値の参照 -When using objects for select values, it is possible for the identities of these objects to change if they are coming from a server or database, while the selected value's identity remains the same. For example, this can occur when an existing record with the desired object value is loaded into the select, but the newly retrieved select options now have different identities. This will result in the select appearing to have no value at all, even though the original selection in still intact. +Selectの値にオブジェクトを使用する場合、Selectの値のidentityはそのままで、サーバやデータベースから取得したオブジェクトのidentityが変わってしまうことがあります。例えば、希望するオブジェクト値を持つ既存のレコードがSelectに読み込まれたが、新しく取得されたselectオプションのIDが異なる場合、このようなことが起こりえます。その結果、Selectは、元のSelectがそのまま残っているにもかかわらず、全く値がないように見えることになります。 -By default, the select uses object equality (`===`) to determine if an option is selected. This can be overridden by providing a property name or a function to the `compareWith` property. +デフォルトでは、Selectはオブジェクトの等質性(`===`)を使用してオプションが選択されているかどうかを判断します。これは `compareWith` プロパティにプロパティ名または関数を指定することでオーバーライドすることができます。 ### Using compareWith @@ -128,9 +128,9 @@ import JustifyExample from '@site/static/usage/v7/select/justify/index.md'; ## Filled Selects -Material Design offers filled styles for a select. The `fill` property on the select can be set to either `"solid"` or `"outline"`. +Material DesignはセレクトにFilledスタイルを提供します。select の `fill` プロパティは `"solid"` または `"outline"` のいずれかに設定できます。 -Since the `fill` styles visually defines the select container, selects that use `fill` should not be used in `ion-item`. +`fill` スタイルはセレクトコンテナを視覚的に定義するので、`fill` を使用するセレクトは `ion-item` では使用しないでください。 import FillExample from '@site/static/usage/v7/select/fill/index.md'; @@ -138,63 +138,63 @@ import FillExample from '@site/static/usage/v7/select/fill/index.md'; ## Select Buttons -The alert supports two buttons: `Cancel` and `OK`. Each button's text can be customized using the `cancelText` and `okText` properties. +アラートは `Cancel` と `OK` の2つのボタンをサポートしている。それぞれのボタンのテキストは `cancelText` と `okText` プロパティを使ってカスタマイズすることができます。 -The `action-sheet` and `popover` interfaces do not have an `OK` button, clicking on any of the options will automatically close the overlay and select that value. The `popover` interface does not have a `Cancel` button, clicking on the backdrop will close the overlay. +`action-sheet` と `popover` インターフェースには `OK` ボタンがありません。オプションのいずれかをクリックすると自動的にオーバーレイが閉じ、その値が選択されます。 `popover` インターフェースには `Cancel` ボタンがなく、背景をクリックするとオーバーレイが閉じます。 import ButtonTextExample from '@site/static/usage/v7/select/customization/button-text/index.md'; -## Interface Options +## インターフェイスオプション -Since select uses the alert, action sheet and popover interfaces, options can be passed to these components through the `interfaceOptions` property. This can be used to pass a custom header, subheader, css class, and more. +Selectはalert、action sheet、popoverインタフェースを使用するので、`interfaceOptions`プロパティを通してこれらのコンポーネントにオプションを渡すことができます。これを使用して、カスタムヘッダ、サブヘッダ、CSS クラスなどを渡すことができます。 -See the [ion-alert docs](alert.md), [ion-action-sheet docs](action-sheet.md), and [ion-popover docs](popover.md) for the properties that each interface accepts. +各インタフェースが受け付けるプロパティについては、[ion-alert docs](alert.md), [ion-action-sheet docs](action-sheet.md), [ion-popover docs](popover.md) を参照してください。 -Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface. +注意: `alert` インターフェイスでは、`interfaceOptions` は `inputs` や `buttons` を上書きしません。 import InterfaceOptionsExample from '@site/static/usage/v7/select/customization/interface-options/index.md'; -## Customization +## カスタマイズ -There are two units that make up the Select component and each need to be styled separately. The `ion-select` element is represented on the view by the selected value(s), or placeholder if there is none, and dropdown icon. The interface, which is defined in the [Interfaces](#interfaces) section above, is the dialog that opens when clicking on the `ion-select`. The interface contains all of the options defined by adding `ion-select-option` elements. The following sections will go over the differences between styling these. +Selectコンポーネントには2つのユニットがあり、それぞれ別々にスタイルを設定する必要があります。 `ion-select`要素は、ビュー上で選択された値、ない場合はプレースホルダ、ドロップダウンのアイコンによって表現されます。インターフェイスは上記の[インターフェイス](#interfaces)セクションで定義されており、`ion-select`をクリックしたときに開くダイアログです。インターフェイスには `ion-select-option` 要素を追加することで定義されるすべてのオプションが含まれています。以下のセクションでは、これらのスタイリングの違いについて説明します。 -### Styling Select Element +### Select要素のスタイリング -As mentioned, the `ion-select` element consists only of the value(s), or placeholder, and icon that is displayed on the view. To customize this, style using a combination of CSS and any of the [CSS custom properties](#css-custom-properties). +前述の通り、`ion-select`要素は値、プレースホルダ、ビューに表示されるアイコンのみで構成されています。これをカスタマイズするには、CSSと[CSSカスタムプロパティ](#css-custom-properties)を組み合わせてスタイルを設定します。 -Alternatively, depending on the [browser support](https://caniuse.com/#feat=mdn-css_selectors_part) needed, CSS shadow parts can be used to style the select. Notice that by using `::part`, any CSS property on the element can be targeted. +また、必要な[ブラウザサポート](https://caniuse.com/#feat=mdn-css_selectors_part)によっては、CSSのシャドウパーツを使用してセレクトのスタイルを設定することもできます。 `part` を使用することで、要素上の任意の CSS プロパティを対象とすることができることに注意してください。 import StylingSelectExample from '@site/static/usage/v7/select/customization/styling-select/index.md'; -### Styling Select Interface +### セレクトインターフェースのスタイリング -Customizing the interface dialog should be done by following the Customization section in that interface's documentation: +インターフェイスのダイアログをカスタマイズするには、そのインターフェイスのドキュメントのカスタマイズのセクションに従ってください: - [Alert Customization](alert.md#customization) - [Action Sheet Customization](action-sheet.md#customization) - [Popover Customization](popover.md#customization) -However, the Select Option does set a class for easier styling and allows for the ability to pass a class to the overlay option, see the [Select Options documentation](select-option.md) for usage examples of customizing options. +しかし、セレクト・オプションは、スタイルを簡単にするためにクラスを設定し、オーバーレイ・オプションにクラスを渡すことができます。オプションをカスタマイズする使用例については、[セレクト・オプションのドキュメント](select-option.md)を参照してください。 ### Custom Toggle Icons -The icon that displays next to the select text can be set to any [Ionicon](https://ionic.io/ionicons) using the `toggleIcon` and/or `expandedIcon` properties. +選択テキストの隣に表示されるアイコンは、`toggleIcon` プロパティと `expandedIcon` プロパティを使用して、任意の [Ionicon](https://ionic.io/ionicons) に設定することができます。 import CustomToggleIconsExample from '@site/static/usage/v7/select/customization/custom-toggle-icons/index.md'; -### Icon Flip Behavior +### アイコンの反転動作 -By default, when the select is open, the toggle icon will automatically rotate on `md` mode and remain static on `ios` mode. This behavior can be customized using CSS. +デフォルトでは、セレクトを開いているとき、トグルアイコンは `md` モードでは自動的に回転し、`ios` モードでは静止します。この動作はCSSを使ってカスタマイズすることができます。 -The below example also uses a [custom `toggleIcon`](#custom-toggle-icons) to better demonstrate the flip behavior on `ios`, since the default icon is vertically symmetrical. +以下の例では[custom `toggleIcon`](#custom-toggle-icons)を使って、`ios`モードでのトグルアイコンの反転動作をより分かりやすく説明しています。 import IconFlipBehaviorExample from '@site/static/usage/v7/select/customization/icon-flip-behavior/index.md'; @@ -202,7 +202,7 @@ import IconFlipBehaviorExample from '@site/static/usage/v7/select/customization/ ## Typeahead Component -Typeahead or autocomplete functionality can be built using existing Ionic components. We recommend using an `ion-modal` to make the best use of the available screen space. +Typeaheadまたはオートコンプリート機能は、既存のIonicコンポーネントを使用して構築できます。利用可能なスクリーンスペースを最大限に活用するために、`ion-modal`を使用することをお勧めします。 import TypeaheadExample from '@site/static/usage/v7/select/typeahead/index.md'; @@ -220,7 +220,7 @@ interface SelectChangeEventDetail { ### SelectCustomEvent -While not required, this interface can be used in place of the `CustomEvent` interface for stronger typing with Ionic events emitted from this component. +必須ではありませんが、このインターフェイスを `CustomEvent` インターフェイスの代わりに使用することで、このコンポーネントから発行される Ionic イベントをより強力に片付けすることができます。 ```typescript interface SelectCustomEvent extends CustomEvent { @@ -229,41 +229,41 @@ interface SelectCustomEvent extends CustomEvent { } ``` -## Migrating from Legacy Select Syntax +## 従来のセレクト構文からの移行 -A simpler select syntax was introduced in Ionic 7.0. This new syntax reduces the boilerplate required to setup an select, resolves accessibility issues, and improves the developer experience. +Ionic 7.0では、よりシンプルなセレクト構文が導入されました。この新しい構文は、セレクトのセットアップに必要な定型文を減らし、アクセシビリティの問題を解決し、開発者のエクスペリエンスを向上させます。 -Developers can perform this migration one select at a time. While developers can continue using the legacy syntax, we recommend migrating as soon as possible. +開発者はこの移行をセレクトごとに行うことができます。開発者は従来の構文を使い続けることもできますが、できるだけ早く移行することをお勧めします。 -### Using the Modern Syntax +### 最新構文の使用 -Using the modern syntax involves two steps: +最新の構文を使用するには、2つのステップがあります: -1. Remove `ion-label` and use the `label` property on `ion-select` instead. The placement of the label can be configured using the `labelPlacement` property on `ion-select`. -2. Move any usage of `fill` and `shape` from `ion-item` on to `ion-select`. +1. 1. `ion-label` を削除し、代わりに `ion-select` の `label` プロパティを使用する。ラベルの配置は `ion-select` の `labelPlacement` プロパティで設定できる。 +2. fill` と `shape` を `ion-item` から `ion-select` に移動する。 import Migration from '@site/static/usage/v7/select/migration/index.md'; -### Using the Legacy Syntax +### レガシー構文の使用 -Ionic uses heuristics to detect if an app is using the modern select syntax. In some instances, it may be preferable to continue using the legacy syntax. Developers can set the `legacy` property on `ion-select` to `true` to force that instance of the input to use the legacy syntax. +Ionicは、アプリがモダンなセレクト構文を使用しているかどうかをヒューリスティックで検出します。場合によっては、レガシー構文を使い続けた方が望ましいこともあります。開発者は `ion-select` の `legacy` プロパティを `true` に設定することで、その入力インスタンスにレガシー構文を使用させることができます。 -## Properties +## プロパティ -## Events +## イベント -## Methods +## メソッド ## CSS Shadow Parts -## CSS Custom Properties +## CSS カスタムプロパティ ## Slots diff --git a/docs/api/skeleton-text.md b/docs/api/skeleton-text.md index 4da94f4ed3f..dd452f28dbc 100644 --- a/docs/api/skeleton-text.md +++ b/docs/api/skeleton-text.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/skeleton-text/custom-p import Slots from '@ionic-internal/component-api/v7/skeleton-text/slots.md'; - Skeleton Text | Skeleton Loading Placeholder & Framework for Text + ion-skeleton-text: Skeleton Loading Placeholder for Text diff --git a/docs/api/spinner.md b/docs/api/spinner.md index f9b0c64eec2..f4888b3d60f 100644 --- a/docs/api/spinner.md +++ b/docs/api/spinner.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/spinner/custom-props.m import Slots from '@ionic-internal/component-api/v7/spinner/slots.md'; - ion-spinner | Animated Spinner Icon Components and Properties + ion-spinner: Animated Spinner Icon Components and Properties @@ -45,7 +45,7 @@ import Resizing from '@site/static/usage/v7/spinner/theming/resizing/index.md'; -### CSS Custom Properties +### CSS カスタムプロパティ import CSSProps from '@site/static/usage/v7/spinner/theming/css-properties/index.md'; diff --git a/docs/api/split-pane.md b/docs/api/split-pane.md index 74ddf3b1702..ead3d168a10 100644 --- a/docs/api/split-pane.md +++ b/docs/api/split-pane.md @@ -10,7 +10,7 @@ import CustomProps from '@ionic-internal/component-api/v7/split-pane/custom-prop import Slots from '@ionic-internal/component-api/v7/split-pane/slots.md'; - ion-split-pane: Split Plane View for Menus and Multi-View Layouts + ion-split-pane: Split Plane for Menus and Multi-View Layouts diff --git a/docs/api/tab-bar.md b/docs/api/tab-bar.md index 4fbcf8375f2..c5bef45fd16 100644 --- a/docs/api/tab-bar.md +++ b/docs/api/tab-bar.md @@ -12,7 +12,7 @@ import CustomProps from '@ionic-internal/component-api/v7/tab-bar/custom-props.m import Slots from '@ionic-internal/component-api/v7/tab-bar/slots.md'; - ion-tab-bar with CSS Custom Properties for Tab Bar Components + ion-tab-bar: Tab Bar Component with CSS Custom Properties diff --git a/docs/api/tab.md b/docs/api/tab.md index fbb5a07dca6..cf33cbffbc8 100644 --- a/docs/api/tab.md +++ b/docs/api/tab.md @@ -10,7 +10,7 @@ import CustomProps from '@ionic-internal/component-api/v7/tab/custom-props.md'; import Slots from '@ionic-internal/component-api/v7/tab/slots.md'; - ion-tab - Ionic Framework Application Component + ion-tab: Ionic Framework Application Component diff --git a/docs/api/tabs.md b/docs/api/tabs.md index 1e39a3f8696..6411b491359 100644 --- a/docs/api/tabs.md +++ b/docs/api/tabs.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/tabs/custom-props.md'; import Slots from '@ionic-internal/component-api/v7/tabs/slots.md'; - Ion-Tabs: Tab-Based Component for App Top-Level Navigation + ion-tabs: Tab-Based Component for App Top-Level Navigation diff --git a/docs/api/textarea.md b/docs/api/textarea.md index 54d2823e6bc..efd9cae7b36 100644 --- a/docs/api/textarea.md +++ b/docs/api/textarea.md @@ -45,11 +45,11 @@ import LabelPlacement from '@site/static/usage/v7/textarea/label-placement/index -### Label Slot (experimental) +### Label Slot (実験的) -While plaintext labels should be passed in via the `label` property, if custom HTML is needed, it can be passed through the `label` slot instead. +プレーンテキストのラベルは `label` プロパティを通して渡されるべきですが、カスタム HTML が必要な場合は、代わりに `label` スロットを通して渡すことができます。 -Note that this feature is considered experimental because it relies on a simulated version of [Web Component slots](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots). As a result, the simulated behavior may not exactly match the native slot behavior. +この機能は、[Web Component slots](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots)のシミュレート版に依存しているため、実験的なものとみなされていることに注意してください。その結果、シミュレートされた動作はネイティブのスロットの動作と完全に一致するとは限りません。 import LabelSlot from '@site/static/usage/v7/textarea/label-slot/index.md'; @@ -57,7 +57,7 @@ import LabelSlot from '@site/static/usage/v7/textarea/label-slot/index.md'; ### No Visible Label -If no visible label is needed, developers should still supply an `aria-label` so the textarea is accessible to screen readers. +ラベルの表示が必要ない場合でも、開発者は`aria-label`を指定して、textareaがスクリーンリーダーにアクセスできるようにすべきです。 import NoVisibleLabel from '@site/static/usage/v7/textarea/no-visible-label/index.md'; diff --git a/docs/api/thumbnail.md b/docs/api/thumbnail.md index 74a5543b6e4..f611558bb59 100644 --- a/docs/api/thumbnail.md +++ b/docs/api/thumbnail.md @@ -10,7 +10,7 @@ import CustomProps from '@ionic-internal/component-api/v7/thumbnail/custom-props import Slots from '@ionic-internal/component-api/v7/thumbnail/slots.md'; - ion-thumbnail | Thumbnail App Component to Wrap Images or Icons + ion-thumbnail: Thumbnail App Component for Images or Icons diff --git a/docs/api/toast.md b/docs/api/toast.md index 0e88bf4a819..c2522d81379 100644 --- a/docs/api/toast.md +++ b/docs/api/toast.md @@ -12,7 +12,7 @@ import CustomProps from '@ionic-internal/component-api/v7/toast/custom-props.md' import Slots from '@ionic-internal/component-api/v7/toast/slots.md'; - ion-toast Component: A Dismissible App Notification Alert + ion-toast: A Dismissible App Notification Alert Component @@ -86,6 +86,112 @@ import ThemingPlayground from '@site/static/usage/v7/toast/theming/index.md'; +## アクセシビリティ + +### フォーカスの管理 + +トーストはさりげない通知であり、ユーザーを中断させるものではありません。トーストを解除するためにユーザが操作する必要はありません。そのため、トーストが表示されたときにフォーカスが自動的にトーストに移動することはありません。 + +### スクリーンリーダー + +トーストは、スクリーンリーダーから[accessible](../reference/glossary#a11y)であるためにariaプロパティを設定しますが、これらのプロパティは、十分な説明がない場合や、トーストがアプリでどのように使用されているかに合っていない場合は、上書きすることができます。 + +#### 役割 + +`ion-toast`は、内側の `.toast-content` 要素に `role="status"` と `aria-live="polite"` を設定している。これにより、スクリーンリーダーはトーストメッセージとヘッダーのみをアナウンスします。ボタンとアイコンは、トーストが表示されてもアナウンスされません。 + +`aria-live`は、トーストの内容が更新されたときに、スクリーンリーダーにトーストの内容をアナウンスさせます。しかし、この属性は `'polite'` に設定されているので、スクリーンリーダーは現在のタスクを中断すべきではありません。 + +トーストはさりげなく通知することを意図しているので、`aria-live`を`"assertive"`に設定すべきではありません。開発者が重要なメッセージでユーザーを中断させる必要がある場合は、[alert](./alert)を使用することをお勧めします。 + +#### トーストボタンの説明 + +テキストを含むボタンは、スクリーンリーダーによって読み取られます。ボタンがアイコンのみを含んでいる場合、または既存のテキスト以外の説明が必要な場合は、ボタンの `htmlAttributes` プロパティに `aria-label` を渡すことで、ボタンにラベルを割り当てる必要があります。 + + + + + +```javascript +const toast = await this.toastController.create({ + header: 'Header', + buttons: [ + { + icon: 'close', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + + +```javascript +const toast = await this.toastController.create({ + header: 'Header', + buttons: [ + { + icon: 'close', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + + +```javascript +useIonToast({ + header: 'Header', + buttons: [ + { + icon: 'close', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + + +```javascript +const toast = await toastController.create({ + header: 'Header', + buttons: [ + { + icon: 'close', + htmlAttributes: { + 'aria-label': 'close', + }, + }, + ], +}); +``` + + + + + +### Tips + +While this is not a complete list, here are some guidelines to follow when using toasts. + +* Do not require user interaction to dismiss toasts. For example, having a "Dismiss" button in the toast is fine, but the toast should also automatically dismiss on its own after a timeout period. If you need user interaction for a notification, consider using an [alert](./alert) instead. + +* For toasts with long messages, consider adjusting the `duration` property to allow users enough time to read the content of the toast. + ## Interfaces ### ToastButton @@ -97,6 +203,7 @@ interface ToastButton { side?: 'start' | 'end'; role?: 'cancel' | string; cssClass?: string | string[]; + htmlAttributes?: { [key: string]: any }; handler?: () => boolean | void | Promise; } ``` @@ -126,28 +233,6 @@ interface ToastOptions { } ``` -## アクセシビリティ - -### フォーカスの管理 - -トーストはさりげなく通知するものであり、ユーザーの邪魔をするものではありません。トーストを消すためにユーザーの操作が必要であってはなりません。そのため、トーストが表示されても、フォーカスが自動的に移動することはありません。 - -### スクリーンリーダー - -`ion-toast` は、内側の `.toast-content` 要素に `role="status"` と `aria-live="polite"` を設定しています。これにより、スクリーンリーダーはトーストのメッセージとヘッダーのみをアナウンスするようになります。ボタンとアイコンはアナウンスされません。 - -`aria-live`は、トーストの内容が更新されたときに、スクリーン・リーダーがその内容をアナウンスするようにします。しかし、属性が `'polite'` に設定されているため、スクリーン・リーダーは現在のタスクを中断してはいけません。 - -トーストは微妙な通知であることを意図しているので、`aria-live`は決して`"assertive"`に設定されるべきではありません。もし開発者が重要なメッセージでユーザーを中断させる必要がある場合は、[alert](./alert)を使用することをお勧めします。 - -### ヒント - -これは完全なリストではありませんが、トーストを使用する際に従うべきガイドラインをいくつか紹介します。 - -* トーストの解除にユーザーの操作を必要としないようにします。例えば、トーストに "Dismiss"ボタンがあるのは良いのですが、タイムアウト時間が経過すると自動的にトーストが消えるようにすべきです。通知のためにユーザーの操作が必要な場合は、代わりに[alert](./alert)を使用することを検討してください。 - -* 長いメッセージのトーストの場合は、`duration`プロパティを調整して、ユーザーがトーストの内容を読むのに十分な時間を確保することを検討してください。 - ## プロパティ diff --git a/docs/api/toggle.md b/docs/api/toggle.md index 2d9f83b747b..ee2643a45c6 100644 --- a/docs/api/toggle.md +++ b/docs/api/toggle.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/toggle/custom-props.md import Slots from '@ionic-internal/component-api/v7/toggle/slots.md'; - Toggle | ion-toggle: Custom Toggle Button for Ionic Applications + ion-toggle: Custom Toggle Button for Ionic Applications diff --git a/docs/api/toolbar.md b/docs/api/toolbar.md index ce3cc779294..92b672530d8 100644 --- a/docs/api/toolbar.md +++ b/docs/api/toolbar.md @@ -9,7 +9,7 @@ import CustomProps from '@ionic-internal/component-api/v7/toolbar/custom-props.m import Slots from '@ionic-internal/component-api/v7/toolbar/slots.md'; - Toolbar | Customize App Menu Toolbar Buttons and Icons + ion-toolbar: Customize App Menu Toolbar Buttons and Icons diff --git a/docs/developing/android.md b/docs/developing/android.md index 78c9cbb4879..d9b4eb6683e 100644 --- a/docs/developing/android.md +++ b/docs/developing/android.md @@ -11,225 +11,28 @@ sidebar_label: Androidでの開発 /> -このガイドでは、[Capacitor](../reference/glossary.md#capacitor) または [Cordova](../reference/glossary.md#cordova)を使用して、Android エミュレータおよびデバイス上で Ionic アプリケーションを実行およびデバッグする方法について説明します。Android アプリは Windows、macOS、Linux 上で開発できます。 +import DocsCard from '@components/global/DocsCard'; +import DocsCards from '@components/global/DocsCards'; -## Android Studio +:::info Looking for the legacy Android guide? -[Android Studio](https://developer.android.com/studio/) はネイティブな Android アプリを作るための IDE です。[Android SDK](../reference/glossary.md#android-sdk)が含まれており、コマンドラインで使用できるように設定する必要があります。 +The Developing for Android guide has officially migrated to the [Capacitor documentation for Android](https://capacitorjs.com/docs/android). If you need to access the legacy documentation, you can find it under the [legacy developing for Android guide](/docs/v6/developing/android). -Android エミュレータに必要な [Android 仮想デバイス](android.md#creating-an-android-virtual-device) の作成にも Android Studio が使用されます。Ionic アプリは [デバイスに起動](android.md#set-up-an-android-device)することもできます。 - -:::note -Android Studio を使って Ionic アプリを開発することはお勧めしません。実際には、ネイティブの Android プラットフォーム向けにアプリをビルドして実行したり、Android SDK や仮想デバイスを管理するためだけに使うべきです。 -::: - -### Android Studio のインストール - - - Android website - からAndroid Studioをダウンロードします。より詳しいインストール手順は - User Guide - をご覧ください。 - -### Android SDK のインストール - -Android Studio をインストールしたら起動します。IDE は、Android SDK のインストールが必要であることを検出するはずです。**SDK Components Setup**の画面で、SDK のインストールを完了して、**Android SDK のパス**のをメモしておいてください。 - -![Android Studio SDK Setup](/img/installation/android-studio-sdk-setup.png) - -デフォルトでは、最新の安定版 SDK プラットフォームがインストールされ、そのバージョンの Android をターゲットにするために必要なパッケージもコレクションされています。 - -システムイメージやその他のマイナー SDK プラットフォームパッケージをインストールするには、SDK Manager の下部にある **Show Package Details** がオンになっていることを確認する必要があります。 -![Android Studio SDK Manager](/img/installation/android-studio-sdk.png) - -今後の参考情報ですが、Android SDK は Android Studio の起動画面の **Configure** » **SDK Manager** メニュー、または Android プロジェクト内の **Tools** » **SDK Manager** で管理することができます。 - -### コマンドラインツールの設定 - -Android SDK には便利なコマンドラインツールが付属しています。これは利用する前に、いくつかの環境変数を設定する必要があります。以下のドキュメントは、macOS と Linux のものです。WIndows の場合は、ターミナルセッションでの環境変数の設定と保存に関するドキュメントを確認ください。 - -`~/.bashrc`もしくは`~/.bash_profile`、または同様のシェル起動スクリプトを、次のように変更します。s: - -1. Set the `ANDROID_SDK_ROOT` environment variable. This path should be the **Android SDK Location** used in the previous section. To find the SDK Location in Android Studio, click **File** > **Project Structure**. Select **SDK Location** in the left pane. The path is shown under **Android SDK location**. - - ```shell - $ export ANDROID_SDK_ROOT=$HOME/Library/Android/sdk - ``` - -2. Add the Android SDK command-line directories to `PATH`. Each directory corresponds to the category of command-line tool. - - ```shell-session - $ # avdmanager, sdkmanager - $ export PATH=$PATH:$ANDROID_SDK_ROOT/tools/bin - $ # adb, logcat - $ export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools - $ # emulator - $ export PATH=$PATH:$ANDROID_SDK_ROOT/emulator - ``` - - :::note - For `apksigner` and `zipalign`, `$ANDROID_SDK_ROOT/build-tools` must also be added to `PATH`. - ::: - -### Android 仮想デバイスの作成 - -Android 仮想デバイス(AVD)は、Android エミュレータが Android OS を実行するために利用する設計図です。以下のドキュメントは Android エミュレータをセットアップするための簡単な方法です。詳細な手順と情報は、Android のドキュメントを参照ください。 - -AVDs are managed with the Virtual Device Manager. In the Android Studio welcome screen, the context menu at the top right, then **Virtual Device Manager**. The Virtual Device Manager can also be opened inside Android projects in the **Tools** » **Device Manager** menu. - -![AVD Setup](/img/installation/android-studio-avd-setup.png) - -**Create Virtual Device** をクリックし、適切なデバイス定義を選択します。不明な場合は、 **Pixel 2** を選択し、適切なシステムイメージを選択します。よく分からない場合は、**Pie** (API 28) with Google Play services を選択してください。Android のバージョンについては、Android のバージョン履歴を参照してください。 - -AVD が作成されたら、Android エミュレータで AVD を起動します。エミュレータを実行し続けることは、Android 用の Ionic アプリケーションを開発しながら検出を確実にするための最良の方法です。 - -
- Android Emulator Booting -
- -### Android デバイスを設定する - -Android ハードウェアの実物は、Ionic アプリ開発でも使用できます。しかし、最初に、デバイスを開発用にセットアップする必要があります。以下のドキュメントは開発用に Android デバイスを設定する簡単な方法です。詳細な手順と情報については、the Android documentationを参照してください。 - -1. デバイスの USB デバッグを有効にします。**Settings**を開き、**Developer options**に移動し、**USB debugging**を有効にします。**Developer options**のメニューを最初に有効にする必要があるかもしれません。手順についてはthe Android documentationをご確認ください。 -1. デバイスにコンピュータへの接続許可があることを確認してください。macOS の場合、追加の設定は不要です。Windows の場合はOEM USB driversをインストールしてください。 - -USB ケーブルでデバイスをコンピュータに接続し、次のコマンドを使用して接続が機能することを確認します。 - -```shell -adb devices -``` - -デバイスがリストされます。トラブルシューティングと詳細情報については、 `adb` documentation を参照してください。 - -## Cordova Setup - -Cordova がプログラムビルドをサポートするには、追加のセットアップが必要です。 Capacitor には不要です。 - -### Java - -Native Android apps are compiled with the Java programming language. Download the Java Development Kit (JDK) 11 if you are using **`cordova-android`** `10.0.0` or greater. - -:::note -If you are using any version of **`cordova-android`** below `10.0.0`, install the Java Development Kit (JDK) 8. -::: - -### Gradle - - - Gradle - はAndroidアプリで使用されるビルドツールで、別途インストールする必要があります。詳細については、 - install page - を参照してください。 - -## プロジェクトのセットアップ - -アプリを Android シミュレータやデバイスにデプロイする前に、ネイティブプロジェクトを設定する必要があります。 - -1. **Perform an Ionic build, if you haven't already.** - - ``` - $ ionic build - ``` - -2. **Generate the native project, if it does not already exist.** - - Capacitor では以下の実行をサポートしています: - - ```shell - $ ionic capacitor add android - ``` - - Cordova では以下のように実行します。 - - ```shell - $ ionic cordova prepare android - ``` - -3. **Set the [Package ID](../reference/glossary.md#package-id).** - -Capacitor の場合は、`capacitor.config.json` ファイルを開き、`appId` プロパティを修正します。 - -Cordova の場合は、`config.xml`ファイルを開き、ルート要素である `` の `id` 属性を変更します。詳しくは、[Cordova のドキュメント](https://cordova.apache.org/docs/en/latest/config_ref/#widget)を参照してください。 - -## Capacitor での実行 - -Capacitor は Android Studio を使って、シミュレータやデバイスへのアプリの構築と実行を行います。 - -1. **Ionic アプリを開発してネイティブプロジェクトに同期します** - -重要な変更が行われるたびに、変更が Android シミュレータやデバイスに表示されるようにするには、Web アセットに Ionic アプリを組み込む必要があります。次に、Web アセットをネイティブプロジェクトにコピーする必要があります。幸い、このプロセスは Ionic CLI コマンド 1 つで簡単になります。 - -```shell -$ ionic capacitor copy android -``` - -2. **Run the app on a simulator or device.** - - You can open the Android Studio Project using: - - ```shell - $ ionic capacitor open android - ``` - - In Android Studio, click the Run button and then select the target simulator or device. - - ![Android Studio Run Button Area](/img/running/android-studio-run-button-area.png) - -### ライブリロード - -リロードサーバを起動するには、次のコマンドを実行します。 - -```shell -ionic capacitor run android -l --external -``` - -デバイス上で実行する場合は、デバイスと開発マシンが同じネットワークに接続されていることを確認してください。 - -## Cordova で実行する - -Ionic CLI は、コマンドひとつで Ionic アプリをビルド、コピー、Android シミュレーターやデバイスにデプロイすることができます。また、`ionic serve`で使用されているような開発サーバーをスピンアップして、[live-reload](../reference/glossary.md#livereload) 機能を提供することが可能です。 - -次のコマンドを実行すると、live-reload サーバを起動する CLI プロセスが長時間実行されます。 - -```shell -ionic cordova run android -l -``` - -これで、アプリのソースファイルに変更があった場合、Web アセットが再構築され、再度デプロイしなくてもシミュレータやデバイスに変更が反映されるようになりました。 - -## Android アプリのデバッグ - -アプリが Android デバイスやエミュレータ上で動作するようになったら、 Chrome DevTools を使ってデバッグすることができます。 - -### Chrome DevTools の利用 - -Chrome は、Android シミュレータとデバイスのための Web 開発者ツールをサポートしている。シミュレータが動作している間、またはデバイスがコンピュータに接続されている間に Chrome で `chrome://inspect` に移動し、デバッグが必要なアプリケーションを **Inspect** します。 - -:::note -アプリケーションがデバイスまたはシミュレータで実行されていることを確認してください。実行されていない場合は、リストに表示されません。 -::: - -![Android Chrome DevTools](/img/running/android-chrome-devtools.png) - -### Native Logs の表示 - -Android Studio で実行している場合、ネイティブログは **Logcat** に表示されます。 - -:::note -**Logcat** ウインドウが非表示の場合は、 **View** » **Tool Windows** » **Logcat** から有効にします。 ::: -![Android Studio Logcat](/img/running/android-studio-logcat.png) - -**Logcat** には [ADB](https://developer.android.com/studio/command-line/adb) を利用してアクセスすることもできます。 - -```shell -adb logcat -``` + + +

Learn the fundamentals you need to know to start building Android apps with Ionic Framework and Capacitor.

+
+ +

Learn the fundamentals you need to know to start building Android apps with Ionic Framework and Cordova.

+
+
diff --git a/docs/developing/config/global/index.md b/docs/developing/config/global/index.md index c2358647c26..b58bc0610a4 100644 --- a/docs/developing/config/global/index.md +++ b/docs/developing/config/global/index.md @@ -2,7 +2,7 @@ import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -このガイドでは、 [Capacitor](../reference/glossary.md#capacitor) または [Cordova](../reference/glossary.md#cordova) を使用して、iOS シミュレータおよびデバイス上で Ionic アプリケーションを実行およびデバッグする方法について説明します。iOS アプリは、Xcode がインストールされている macOS 上でのみ開発できます。 +import DocsCard from '@components/global/DocsCard'; +import DocsCards from '@components/global/DocsCards'; -iOS 上で Ionic アプリを実行するためのワークフローは 2 つあります: +:::info Looking for the legacy iOS guide? -- [Xcode で実行](#running-with-xcode) -- [Ionic CLI での実行](#running-with-the-ionic-cli) +The Developing for iOS guide has officially migrated to the [Capacitor documentation for iOS](https://capacitorjs.com/docs/ios). If you need to access the legacy documentation, you can find it under the [legacy developing for iOS guide](/docs/v6/developing/ios). -Xcode アプローチの方が一般的に安定していますが、Ionic CLI を使ったアプローチでは、 [ライブリロード](../reference/glossary.md#livereload) 機能が提供されています。 - -## Xcode のセットアップ - -[Xcode](https://developer.apple.com/xcode/) はネイティブな iOS アプリを作るための IDE です。これには iOS SDK と Xcode コマンドラインツールが含まれている。Xcode は Apple アカウントで無料で[ダウンロード](https://developer.apple.com/download/)できるし、App Store からインストールすることもできます。 - -Xcode をインストールしたら、使用するコマンドラインツールが選択されていることを確認します: - -```shell -xcode-select --install -``` - -### Development Team の設定 - -すべての iOS アプリは、開発用であってもコード署名されていなければならない。幸いなことに、Xcode は自動コード署名によってこれを簡単にしてくれます。唯一の前提条件は Apple ID です。 - -Xcode を開き、 **Xcode** » **Preferences** » **Accounts** に移動します。Apple ID が表示されない場合は、追加します。ログインすると、Personal Team が Apple ID のチームリストに表示されます。 - -![Xcode Accounts](/img/installation/ios-xcode-accounts.png) - -### iOS Simulator の作成 - -iOS シミュレータは、Mac 上の iOS デバイスをエミュレートする。次のドキュメントは、iOS シミュレータを簡単にセットアップする方法です。詳細については、 [Apple のドキュメンテーション](https://developer.apple.com/library/content/documentation/IDEs/Conceptual/simulator_help_topics/Chapter/Chapter.html) を参照してください。 - -Xcode を開き、**Window** » **Devices and Simulators** に移動します。iPhone 11 シミュレータが存在しない場合は作成します。 - -![iOS Simulators](/img/installation/ios-xcode-simulators-setup.png) - -## Cordova のセットアップ - -Cordova がプログラムビルドをサポートするには、追加のセットアップが必要です。 Capacitor には不要です。 - -### ios-sim & ios-deploy - -[`ios-sim`](https://github.com/ios-control/ios-sim) と [`ios-deploy`](https://github.com/ios-control/ios-deploy) は、開発中に iOS シミュレータと iOS デバイスにアプリをデプロイするユーティリティです。これらは [npm](../reference/glossary.md#npm) を使ってグローバルにインストールすることができます。 - -```shell -$ npm install -g ios-sim -$ brew install ios-deploy -``` - -## プロジェクト設定 - -アプリを iOS シミュレータやデバイスにデプロイする前に、ネイティブのプロジェクトを設定する必要があります。 - -1. **ネイティブのプロジェクトが存在しない場合は、以下を実行します。** - - Capacitor の場合は、以下を実行します。 - - ```shell - $ ionic capacitor add ios - ``` - - Cordova の場合は、以下を実行します。 - - ```shell - $ ionic cordova prepare ios - ``` - - 1. **[Package ID](/reference/glossary.md#package-id)を設定** - - Capacitor の場合は、`capacitor.config.json` ファイルを開き、`appId`プロパティを変更します。 - - Cordova の場合は、`config.xml`ファイルを開き、`id`を変更し``でルートを設定します。要素の属性を変更します。詳しくは [the Cordova documentation](https://cordova.apache.org/docs/en/latest/config_ref/#widget) をご覧ください。 - - 1. **Xcodeでプロジェクトを開きます** - - Capacitor の場合は、次のコマンドを実行して Xcode でアプリを開きます。 - - ```shell - $ ionic capacitor open ios - ``` - - Cordova の場合は、Xcode を起動したあと、**File** » **Open**からアプリを探します。アプリのディレクトリ`platforms/ios`を開きます。 - -1. **Project のナビゲーションから、プロジェクトの root にある project editor を開きます。**Identity**で、設定されている Package ID は Bundle Identifier と一致していることを確認します。** - - ![Xcode Identity Setup](/img/running/ios-xcode-identity-setup.png) - -1. **同じ project editor のSigningで、セクションで、Automatically manage signingが有効になっていることを確認します。** 次に、Development Team を選択してください。Development Team を選択すると、Xcode は自動的にプロビジョニングと署名を準備しようとします。 - - ![Xcode Signing Setup](/img/running/ios-xcode-signing-setup.png) - -## Xcode で実行する - -このワークフローでは、Xcode は一般的なコンパイルと署名の問題を自動的に修正できます。 - -1. **Ionic アプリを開発し、それをネイティブプロジェクトと同期させます。** - - 変更が検知がある度に、iOS シミュレータやデバイスが変更を検知するより前に、Ionic アプリを Web アセットにビルドする必要があります。その後、Web アセットをネイティブプロジェクトにコピーします。幸いなことに、このプロセスは Ionic CLI コマンドひとつで簡単にできます。 - - Capacitor の場合は、以下を実行します。 - - ```shell - $ ionic capacitor copy ios - $ ionic capacitor update - ``` - - Cordova の場合は、以下を実行します。 - - ```shell - $ ionic cordova prepare ios - ``` - -1. **Xcode で、目的のシミュレータまたはデバイスを選択して再生ボタンをクリックします。** - - ![Xcode Play Button Area](/img/running/ios-xcode-play-button-area.png) - -## Ionic CLI を使用して実行する - -Ionic CLI は、コマンドひとつで、Ionic アプリを作成、コピーし、iOS シミュレータやデバイスにデプロイできます。 `ionic serve`のような[ライブリロード](../reference/glossary.md#livereload) 機能を利用するために、開発用のサーバを遅延することもできます。 - -ライブリロードを使うと、アプリのソースファイルに加えられた変更がウェブアセットの再構築を引き起こし、その変更は再デプロイすることなくシミュレータやデバイスに反映されます。 - -:::caution -iOS デバイスでは、デバイスとコンピュータが同じ Wi-Fi ネットワーク上にある必要があります。デバイスが接続できるように、dev サーバーの外部 URL も必要です。外部アドレスにバインドするには、--external (または--host=0.0.0.0)を使用します。 -::: - -### Capacitor を使ったライブリロード - -Capacitor には Xcode を利用してアプリケーションバイナリの構築とデプロイを行います。Ionic CLI で、ライブリロードサーバを起動し、Capacitor を設定して 1 つのコマンドで使用できます。 - -以下を実行し、ターゲットシミュレータまたはデバイスを選択し、Xcode の再生ボタンをクリックします: - -```shell -ionic capacitor run ios -l --external -``` - -### Cordova を使ったライブリロード - -Cordova はネイティブプロジェクトをプログラムでビルドしてデプロイすることができます。 - -ライブリロードサーバを起動し、アプリをビルドしてデプロイするには、以下を実行します: - -```shell -ionic cordova run ios -l --external -``` - -## iOS アプリのデバッグ - -アプリが iOS デバイスやシミュレーター上で動くようになったら、Safari でデバッグできます。 - -### Safari Web Inspector を使う - -Safari は iOS シミュレータとデバイスの Web Inspector をサポートしています。Develop メニューを開いてシミュレータまたはデバイスを選択し、Ionic App を選択して Web Inspector を開きます。 - -:::note -\*Develop** メニューが非表示になってる場合は、**Safari** » **Preferences** » **Advanced** » **Show Develop menu in menu bar\*\* から有効にします。 - -アプリがリストにない場合は、 **Settings** » **Safari** » **Advanced** » **Web Inspector** からデバイスの Web Inspector を有効にする必要があります。 -::: - -![Safari Web Inspector](/img/running/ios-safari-web-inspector-timelines.png) - -## ネイティブログの表示 - -Xcode で実行している場合、ネイティブログは Xcode の **Console** にあります。 - -:::note -**Console** が表示されない場合, **View** » **Debug Area** » **Activate Console**を有効化してください。 ::: -![Xcode Console](/img/running/ios-xcode-console.png) + + +

Learn the fundamentals you need to know to start building iOS apps with Ionic Framework and Capacitor.

+
+ +

Learn the fundamentals you need to know to start building iOS apps with Ionic Framework and Cordova.

+
+
diff --git a/docs/developing/previewing.md b/docs/developing/previewing.md index 205f6873632..42659f9d36f 100644 --- a/docs/developing/previewing.md +++ b/docs/developing/previewing.md @@ -38,8 +38,14 @@ $ ionic serve `ionic serve` を起動したまま、アプリの開発を続けます。変更を保存すると、その変更が適用された状態でアプリがリロードされます。 -ネイティブ機能を実装する場合は、[Platform Detection](../core-concepts/cross-platform.md) を使用します。 -実機でテストする場合は、[iOS](ios.md) と [Android](android.md) はこちらを参照してください。 +:::note + +If the external link isn't listed on the terminal, then run `ionic serve --external` to generate it. + +::: + +When implementing native functionality, use [Platform Detection](../core-concepts/cross-platform.md). +When you're ready to test on a real device, see here for [iOS](ios.md) and [Android](android.md). ## モバイルビューポートのシミュレーション diff --git a/docs/native-setup.md b/docs/native-setup.md index 6c9c518e2d4..26a5469f3f9 100644 --- a/docs/native-setup.md +++ b/docs/native-setup.md @@ -41,7 +41,7 @@ Using the [Camera plugin](native/camera.md) as an example, first install it: ````mdx-code-block { + console.log('ionViewDidEnter event fired'); +}, [data]); +``` + ## React ライフサイクルメソッド React のすべてのライフサイクルメソッド( `componentDidMount` 、`componentWillUnmount` など)も使用できます。 ただし、Ionic React はページのライフタイムを管理するため、特定のイベントが期待どおりに発生しない場合があります。 たとえば、最初にページが表示されたときは `componentDidMount` が起動しますが、ページから移動した時に Ionic はページを DOM ツリーに保持しているため、その後の当該ページへのアクセスでは `componentDidMount` を再度呼び出さない場合があります。 このシナリオは、Ionic ライフサイクルメソッドが存在する主な理由であり、ネイティブフレームワークのイベントが発生しない場合にビューが開始および終了するときにロジックを呼び出す方法を提供します。 diff --git a/docs/reference/glossary.md b/docs/reference/glossary.md index 86e1e157261..c15dcac854a 100644 --- a/docs/reference/glossary.md +++ b/docs/reference/glossary.md @@ -12,6 +12,20 @@ title: 用語集
+
+ +

Accessibility

+
+

+ + Accessibility + {' '} + (a11y) is the practice of enabling as many people as possible to use the content, even if people have limited + abilities. This includes people with disabilities, those using mobile devices, and those with slow network + connections. Content should be developed to be as accessible as technology allows. +

+
+

Android SDK

diff --git a/docs/theming/advanced.md b/docs/theming/advanced.md index 57296b57d65..412c06e2de9 100644 --- a/docs/theming/advanced.md +++ b/docs/theming/advanced.md @@ -179,4 +179,30 @@ After running through the Sass compiler, the colors will have the following valu これは通常は問題にはなりませんが、アプリケーションに動的なテーマカラーの設定が必要な場合は問題になります。Ionic では、これが[各色にバリエーションがある](colors.md#layered-colors)理由であり、テーマ設定に[stepped colors](themes.md#stepped-colors)が必要な理由でもあります。 -これを可能にする[color modification proposals](https://github.com/w3c/csswg-drafts/issues/3187)を議論している草案と Issues はこちらからご覧いただけます。 +There are drafts and issues discussing [color modification proposals](https://github.com/w3c/csswg-drafts/issues/3187) that would make this possible. + +## Safe Area Padding + +The safe area of a display is the section that is not covered by the device's notch, status bar, or other elements that are part of the device's UI and not the app's. The dimensions of the safe area are different across devices and orientations (portrait or landscape). + +For example, below are screenshots of an iPhone 14 Pro Max. The red section is the safe area, and the white sections are places where the app's content would be covered up. + +| Portrait | Landscape | +| ------------------------------------------------------------------------------ | -------------------------------------------------------------------------------- | +| | | + +To accommodate this, Ionic automatically adds padding to certain components. For example, the first `ion-toolbar` component placed in an `ion-modal` will receive padding according to the top edge of the device's safe area. This avoids the device's notch covering up the header text. + + + +This padding can be manually adjusted through CSS using the `--ion-safe-area-(dir)` variables described in [Application Variables](#application-variables). Values can be set for the whole application, or on a per component basis. For example: + +```css +html { + --ion-safe-area-left: 25px; +} + +ion-modal { + --ion-safe-area-top: 0; +} +``` diff --git a/docs/theming/dark-mode.md b/docs/theming/dark-mode.md index e2d83bc1ed1..18d1df57625 100644 --- a/docs/theming/dark-mode.md +++ b/docs/theming/dark-mode.md @@ -4,8 +4,6 @@ initialTab: 'preview' inlineHtmlPreviews: true --- -import Codepen from '@components/global/Codepen'; - ダークモード to Change Color Schemes and CSS Properties -Ionic を使えば、ダークカラーのスキームのサポートなど、アプリのテーマを簡単に変更できます。ネイティブアプリでのダークモードのサポートが拡大していることから、開発者はユーザーの好みをサポートするためにアプリにダークモードを追加する流れがあります。 +Ionic では、ダークな配色をサポートするなど、アプリのテーマを簡単に変更できます。ダークモードは、アプリのすべてのビューをダークテーマに変更する表示設定です。iOS と Android ではシステム全体でサポートされているため、開発者にとってアプリに追加することが非常に望ましいです。 ## Media Query の利用 -ダークモードを有効にするためにはまず、 [ユーザの設定してるカラースキーマを利用する media query](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) を使用します。このメディアクエリは、ユーザーのデバイスのシステム設定に接続され、ダークモードが有効になっている場合はテーマを適用します。 +ダークモードを有効にする現代的な方法は、[ユーザーの好みの配色を指定する CSS メディアクエリー](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme)を使うことです。このメディアクエリは、ユーザーのデバイスのシステム設定にフックし、ダークモードが有効な場合にテーマを適用します。Ionic Framework のスターターは、ダークテーマを含めるためにこのメソッドを使用します。 ```css @media (prefers-color-scheme: dark) { :root { - /* dark mode variables go here */ + /* Dark mode variables go here */ } } ``` -現在、media query `prefers-color-scheme` は[限られたブラウザサポート](https://caniuse.com/#feat=prefers-color-scheme) であるため、一部のブラウザでは、このメディアクエリを使用してダークモードを適用することはできません。ただし、ダークモードは、 [CSS class fallback](#css-class-fallback) を使用して適用することもできます。 +prefers-color-scheme`メディアクエリは[すべてのモダンブラウザ](https://caniuse.com/#feat=prefers-color-scheme)でサポートされています。しかし、古いブラウザのサポートが必要な場合は、[CSS class fallback](#css-class-fallback)を使用することでダークテーマを適用することができます。 ## CSS Class Fallback @@ -53,7 +51,7 @@ body.dark { ## JavaScript との統合 -CSS 変数を一度だけ記述して、複数の場所で更新する必要がないようにするために、フォールバックとクラスを JavaScript を使用して `prefers-color-scheme` メディアクエリーの値をチェックし、プリファレンスが `dark` の場合は `dark` クラスを追加することで統合できます。CSS は次のようなものになるでしょう: +In order to keep the CSS variables written once and avoid having to update them in multiple places, the `dark` class can be added when the value of the `prefers-color-scheme` media query is `dark`. Here's what the CSS would look like: ```css body.dark { @@ -65,63 +63,27 @@ body.dark { ### 自動的にダークモードを有効にする -JavaScript では、ドキュメントが [matchMedia()](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) を使用してメディアクエリと一致するかどうかをチェックすることによって、 `dark` クラスを `` に追加できます。これにより、ユーザの設定に基づいてダークモードが動作するようになります。 - -```javascript -// Use matchMedia to check the user preference -const prefersDark = window.matchMedia('(prefers-color-scheme: dark)'); - -toggleDarkTheme(prefersDark.matches); - -// Listen for changes to the prefers-color-scheme media query -prefersDark.addEventListener('change', (mediaQuery) => toggleDarkTheme(mediaQuery.matches)); - -// Add or remove the "dark" class based on if the media query matches -function toggleDarkTheme(shouldAdd) { - document.body.classList.toggle('dark', shouldAdd); -} -``` +The `dark` class can be added to the `` by checking if the document matches the media query using [matchMedia()](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia). This will allow dark mode to still work based on the user's preference. :::note -Tip: make sure to view the Codepen below in a [supported browser](https://caniuse.com/#feat=prefers-color-scheme) and then try changing the system preferences on your device between light & dark mode. Here's [how to enable dark mode on Windows 10](https://blogs.windows.com/windowsexperience/2016/08/08/windows-10-tip-personalize-your-pc-by-enabling-the-dark-theme/) and [how to enable it on a Mac](https://support.apple.com/en-us/HT208976). +The demo below prioritizes the site's theme over the system settings. If your system settings are set to something other than the site's theme when the demo loads, it will match the site's theme. Try changing the system preferences on your device between light & dark mode to see it change. ::: - - - - -### 手動でダークモードをトグルする - -アプリケーションがロードされたとき、およびメディアのクエリが変更されたときに、 `toggleDarkTheme()` を呼び出すことに加えて、 `toggleDarkTheme()` 関数は、ユーザーがトグルを変更し、ライトテーマとダークテーマを切り替えるときなどに、アプリケーションによって呼び出すことができます: - -```javascript -// Query for the toggle that is used to change between themes -const toggle = document.querySelector('#themeToggle'); - -// Listen for the toggle check/uncheck to toggle the dark class on the -toggle.addEventListener('ionChange', (ev) => { - document.body.classList.toggle('dark', ev.detail.checked); -}); +:::info +Not sure how to change the system settings? Here's [how to enable dark mode on Windows 11](https://support.microsoft.com/en-us/windows/change-colors-in-windows-d26ef4d6-819a-581c-1581-493cfcc005fe) and [how to enable it on a Mac](https://support.apple.com/en-us/HT208976). +::: -const prefersDark = window.matchMedia('(prefers-color-scheme: dark)'); +import AutomaticDarkMode from '@site/static/usage/v7/theming/automatic-dark-mode/index.md'; -// Listen for changes to the prefers-color-scheme media query -prefersDark.addEventListener('change', (e) => checkToggle(e.matches)); + -// Called when the app loads -function loadApp() { - checkToggle(prefersDark.matches); -} +### 手動でダークモードをトグルする -// Called by the media query to check/uncheck the toggle -function checkToggle(shouldCheck) { - toggle.checked = shouldCheck; -} -``` +In addition to adding the `dark` class to the `` when the media query changes, the class can be added by the app, such as when a user changes a toggle, to switch between the light and dark themes: - +import ManualDarkMode from '@site/static/usage/v7/theming/manual-dark-mode/index.md'; - + ## システム UI コンポーネントを調整する @@ -157,171 +119,172 @@ For developers looking to customize the theme color under the status bar in Safa Ionic には、アプリを実行しているデバイスに基づいてダークモードを取得するために使用する変数の推奨テーマがあります。次の部分に分けることができます: -1. すべてのデフォルトの [modes](platform-styles.md#ionic-modes) のデフォルトの [Ionic colors](colors.md) を変更して `body.dark` セレクタのダークモードの背景色に対応します。 -1. `ios` デバイスでダークテーマの変数を設定します。 -1. `md` デバイスでダークテーマの変数を設定します。 +1. Changing the default [Ionic colors](colors.md) for all [modes](platform-styles.md#ionic-modes) to complement the dark background in the `body.dark` selector. +2. Setting variables for the dark theme on `ios` devices. +3. Setting variables for the dark theme on `md` devices. -次のコードをコピーしてアプリに貼り付けると、Ionic のダークテーマを取得できます。 [JavaScript との統合](#combining-with-javascript) セクションで説明したように、JavaScript を使用して `dark` クラスをドキュメント body に追加します。 `dark` クラスがドキュメント本文に追加されるまで、ダークモードは有効になりません。 +The following code can be copied and pasted into an app's global CSS file to get Ionic's dark theme. We are [using the CSS media query](#using-media-queries) to enable dark mode. If older browser support is required, use the method described in the [combining with JavaScript](#combining-with-javascript) section. -:::note -さらにカスタマイズするために追加できるその他の変数など、変更する変数の詳細については [Themes](themes.md) をご覧ください。 +:::info +For more information on the variables that are being changed, including other variables that can be added to further customize, see [Themes](themes.md). ::: ```css -/* - * Dark Colors - * ------------------------------------------- - */ - -body.dark { - --ion-color-primary: #428cff; - --ion-color-primary-rgb: 66, 140, 255; - --ion-color-primary-contrast: #ffffff; - --ion-color-primary-contrast-rgb: 255, 255, 255; - --ion-color-primary-shade: #3a7be0; - --ion-color-primary-tint: #5598ff; - - --ion-color-secondary: #50c8ff; - --ion-color-secondary-rgb: 80, 200, 255; - --ion-color-secondary-contrast: #ffffff; - --ion-color-secondary-contrast-rgb: 255, 255, 255; - --ion-color-secondary-shade: #46b0e0; - --ion-color-secondary-tint: #62ceff; - - --ion-color-tertiary: #6a64ff; - --ion-color-tertiary-rgb: 106, 100, 255; - --ion-color-tertiary-contrast: #ffffff; - --ion-color-tertiary-contrast-rgb: 255, 255, 255; - --ion-color-tertiary-shade: #5d58e0; - --ion-color-tertiary-tint: #7974ff; - - --ion-color-success: #2fdf75; - --ion-color-success-rgb: 47, 223, 117; - --ion-color-success-contrast: #000000; - --ion-color-success-contrast-rgb: 0, 0, 0; - --ion-color-success-shade: #29c467; - --ion-color-success-tint: #44e283; - - --ion-color-warning: #ffd534; - --ion-color-warning-rgb: 255, 213, 52; - --ion-color-warning-contrast: #000000; - --ion-color-warning-contrast-rgb: 0, 0, 0; - --ion-color-warning-shade: #e0bb2e; - --ion-color-warning-tint: #ffd948; - - --ion-color-danger: #ff4961; - --ion-color-danger-rgb: 255, 73, 97; - --ion-color-danger-contrast: #ffffff; - --ion-color-danger-contrast-rgb: 255, 255, 255; - --ion-color-danger-shade: #e04055; - --ion-color-danger-tint: #ff5b71; - - --ion-color-dark: #f4f5f8; - --ion-color-dark-rgb: 244, 245, 248; - --ion-color-dark-contrast: #000000; - --ion-color-dark-contrast-rgb: 0, 0, 0; - --ion-color-dark-shade: #d7d8da; - --ion-color-dark-tint: #f5f6f9; - - --ion-color-medium: #989aa2; - --ion-color-medium-rgb: 152, 154, 162; - --ion-color-medium-contrast: #000000; - --ion-color-medium-contrast-rgb: 0, 0, 0; - --ion-color-medium-shade: #86888f; - --ion-color-medium-tint: #a2a4ab; - - --ion-color-light: #222428; - --ion-color-light-rgb: 34, 36, 40; - --ion-color-light-contrast: #ffffff; - --ion-color-light-contrast-rgb: 255, 255, 255; - --ion-color-light-shade: #1e2023; - --ion-color-light-tint: #383a3e; -} +@media (prefers-color-scheme: dark) { + /* + * Dark Colors + * ------------------------------------------- + */ + + body { + --ion-color-primary: #428cff; + --ion-color-primary-rgb: 66, 140, 255; + --ion-color-primary-contrast: #ffffff; + --ion-color-primary-contrast-rgb: 255, 255, 255; + --ion-color-primary-shade: #3a7be0; + --ion-color-primary-tint: #5598ff; + + --ion-color-secondary: #50c8ff; + --ion-color-secondary-rgb: 80, 200, 255; + --ion-color-secondary-contrast: #ffffff; + --ion-color-secondary-contrast-rgb: 255, 255, 255; + --ion-color-secondary-shade: #46b0e0; + --ion-color-secondary-tint: #62ceff; + + --ion-color-tertiary: #6a64ff; + --ion-color-tertiary-rgb: 106, 100, 255; + --ion-color-tertiary-contrast: #ffffff; + --ion-color-tertiary-contrast-rgb: 255, 255, 255; + --ion-color-tertiary-shade: #5d58e0; + --ion-color-tertiary-tint: #7974ff; + + --ion-color-success: #2fdf75; + --ion-color-success-rgb: 47, 223, 117; + --ion-color-success-contrast: #000000; + --ion-color-success-contrast-rgb: 0, 0, 0; + --ion-color-success-shade: #29c467; + --ion-color-success-tint: #44e283; + + --ion-color-warning: #ffd534; + --ion-color-warning-rgb: 255, 213, 52; + --ion-color-warning-contrast: #000000; + --ion-color-warning-contrast-rgb: 0, 0, 0; + --ion-color-warning-shade: #e0bb2e; + --ion-color-warning-tint: #ffd948; + + --ion-color-danger: #ff4961; + --ion-color-danger-rgb: 255, 73, 97; + --ion-color-danger-contrast: #ffffff; + --ion-color-danger-contrast-rgb: 255, 255, 255; + --ion-color-danger-shade: #e04055; + --ion-color-danger-tint: #ff5b71; + + --ion-color-dark: #f4f5f8; + --ion-color-dark-rgb: 244, 245, 248; + --ion-color-dark-contrast: #000000; + --ion-color-dark-contrast-rgb: 0, 0, 0; + --ion-color-dark-shade: #d7d8da; + --ion-color-dark-tint: #f5f6f9; + + --ion-color-medium: #989aa2; + --ion-color-medium-rgb: 152, 154, 162; + --ion-color-medium-contrast: #000000; + --ion-color-medium-contrast-rgb: 0, 0, 0; + --ion-color-medium-shade: #86888f; + --ion-color-medium-tint: #a2a4ab; + + --ion-color-light: #222428; + --ion-color-light-rgb: 34, 36, 40; + --ion-color-light-contrast: #ffffff; + --ion-color-light-contrast-rgb: 255, 255, 255; + --ion-color-light-shade: #1e2023; + --ion-color-light-tint: #383a3e; + } -/* - * iOS Dark Theme - * ------------------------------------------- - */ - -.ios body.dark { - --ion-background-color: #000000; - --ion-background-color-rgb: 0, 0, 0; - - --ion-text-color: #ffffff; - --ion-text-color-rgb: 255, 255, 255; - - --ion-color-step-50: #0d0d0d; - --ion-color-step-100: #1a1a1a; - --ion-color-step-150: #262626; - --ion-color-step-200: #333333; - --ion-color-step-250: #404040; - --ion-color-step-300: #4d4d4d; - --ion-color-step-350: #595959; - --ion-color-step-400: #666666; - --ion-color-step-450: #737373; - --ion-color-step-500: #808080; - --ion-color-step-550: #8c8c8c; - --ion-color-step-600: #999999; - --ion-color-step-650: #a6a6a6; - --ion-color-step-700: #b3b3b3; - --ion-color-step-750: #bfbfbf; - --ion-color-step-800: #cccccc; - --ion-color-step-850: #d9d9d9; - --ion-color-step-900: #e6e6e6; - --ion-color-step-950: #f2f2f2; - - --ion-item-background: #000000; - - --ion-card-background: #1c1c1d; -} + /* + * iOS Dark Theme + * ------------------------------------------- + */ + + .ios body { + --ion-background-color: #000000; + --ion-background-color-rgb: 0, 0, 0; + + --ion-text-color: #ffffff; + --ion-text-color-rgb: 255, 255, 255; + + --ion-color-step-50: #0d0d0d; + --ion-color-step-100: #1a1a1a; + --ion-color-step-150: #262626; + --ion-color-step-200: #333333; + --ion-color-step-250: #404040; + --ion-color-step-300: #4d4d4d; + --ion-color-step-350: #595959; + --ion-color-step-400: #666666; + --ion-color-step-450: #737373; + --ion-color-step-500: #808080; + --ion-color-step-550: #8c8c8c; + --ion-color-step-600: #999999; + --ion-color-step-650: #a6a6a6; + --ion-color-step-700: #b3b3b3; + --ion-color-step-750: #bfbfbf; + --ion-color-step-800: #cccccc; + --ion-color-step-850: #d9d9d9; + --ion-color-step-900: #e6e6e6; + --ion-color-step-950: #f2f2f2; + + --ion-item-background: #000000; + + --ion-card-background: #1c1c1d; + } -.ios body.dark ion-modal { - --ion-background-color: var(--ion-color-step-100); - --ion-toolbar-background: var(--ion-color-step-150); - --ion-toolbar-border-color: var(--ion-color-step-250); - --ion-item-background: var(--ion-color-step-150); -} + .ios ion-modal { + --ion-background-color: var(--ion-color-step-100); + --ion-toolbar-background: var(--ion-color-step-150); + --ion-toolbar-border-color: var(--ion-color-step-250); + } -/* - * Material Design Dark Theme - * ------------------------------------------- - */ - -.md body.dark { - --ion-background-color: #121212; - --ion-background-color-rgb: 18, 18, 18; - - --ion-text-color: #ffffff; - --ion-text-color-rgb: 255, 255, 255; - - --ion-border-color: #222222; - - --ion-color-step-50: #1e1e1e; - --ion-color-step-100: #2a2a2a; - --ion-color-step-150: #363636; - --ion-color-step-200: #414141; - --ion-color-step-250: #4d4d4d; - --ion-color-step-300: #595959; - --ion-color-step-350: #656565; - --ion-color-step-400: #717171; - --ion-color-step-450: #7d7d7d; - --ion-color-step-500: #898989; - --ion-color-step-550: #949494; - --ion-color-step-600: #a0a0a0; - --ion-color-step-650: #acacac; - --ion-color-step-700: #b8b8b8; - --ion-color-step-750: #c4c4c4; - --ion-color-step-800: #d0d0d0; - --ion-color-step-850: #dbdbdb; - --ion-color-step-900: #e7e7e7; - --ion-color-step-950: #f3f3f3; - - --ion-item-background: #1e1e1e; - - --ion-toolbar-background: #1f1f1f; - - --ion-tab-bar-background: #1f1f1f; - - --ion-card-background: #1e1e1e; + /* + * Material Design Dark Theme + * ------------------------------------------- + */ + + .md body { + --ion-background-color: #121212; + --ion-background-color-rgb: 18, 18, 18; + + --ion-text-color: #ffffff; + --ion-text-color-rgb: 255, 255, 255; + + --ion-border-color: #222222; + + --ion-color-step-50: #1e1e1e; + --ion-color-step-100: #2a2a2a; + --ion-color-step-150: #363636; + --ion-color-step-200: #414141; + --ion-color-step-250: #4d4d4d; + --ion-color-step-300: #595959; + --ion-color-step-350: #656565; + --ion-color-step-400: #717171; + --ion-color-step-450: #7d7d7d; + --ion-color-step-500: #898989; + --ion-color-step-550: #949494; + --ion-color-step-600: #a0a0a0; + --ion-color-step-650: #acacac; + --ion-color-step-700: #b8b8b8; + --ion-color-step-750: #c4c4c4; + --ion-color-step-800: #d0d0d0; + --ion-color-step-850: #dbdbdb; + --ion-color-step-900: #e7e7e7; + --ion-color-step-950: #f3f3f3; + + --ion-item-background: #1e1e1e; + + --ion-toolbar-background: #1f1f1f; + + --ion-tab-bar-background: #1f1f1f; + + --ion-card-background: #1e1e1e; + } } ``` diff --git a/docs/troubleshooting/native.md b/docs/troubleshooting/native.md index 63f7b3dd3ce..c8ba08b3729 100644 --- a/docs/troubleshooting/native.md +++ b/docs/troubleshooting/native.md @@ -18,8 +18,6 @@ Code Signing Error: Failed to create provisioning profile. The app ID "com.csfor iOS デバイスでアプリケーションを実行するには、プロビジョニングプロファイルが必要です。プロビジョニングプロファイルが作成されていない場合は、次の手順に従います: -<<<<<<< HEAD - 1. [Package ID](../reference/glossary.md#package-id) を設定する。 Capacitor の場合、`capacitor.config.json` ファイルを開き `appId` プロパティを修正します。 diff --git a/docs/vue/your-first-app/2-taking-photos.md b/docs/vue/your-first-app/2-taking-photos.md index a7cdff5bb48..7ee4f28211b 100644 --- a/docs/vue/your-first-app/2-taking-photos.md +++ b/docs/vue/your-first-app/2-taking-photos.md @@ -140,7 +140,7 @@ With the photo(s) stored into the main array we can now display the images on th - + diff --git a/docusaurus.config.js b/docusaurus.config.js index 9ead9fe948f..7077838ff24 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -14,10 +14,9 @@ module.exports = { baseUrl: `${BASE_URL}/`, i18n: { defaultLocale: 'en', - locales: ['en', 'ja'], + locales: ['en'], localeConfigs: { - en: { label: 'English' }, - ja: { label: '日本語' }, + en: { label: '日本語' }, }, }, onBrokenLinks: 'warn', @@ -188,6 +187,12 @@ module.exports = { position: 'right', dropdownItemsBefore: [], dropdownItemsAfter: [ + { + href: 'https://ionicframework.com/docs', + label: 'English', + target: '_self', + rel: null, + }, { href: 'https://ionicframework.com/translate', label: 'Translate', diff --git a/scripts/data/translated-api.json b/scripts/data/translated-api.json index 1514c23d2ae..a7311de12f4 100644 --- a/scripts/data/translated-api.json +++ b/scripts/data/translated-api.json @@ -3,7 +3,7 @@ "timeout": 0, "components": [ { - "filePath": "./src/components/accordion-group/accordion-group.tsx", + "filePath": "src/components/accordion-group/accordion-group.tsx", "encapsulation": "shadow", "tag": "ion-accordion-group", "docs": "", @@ -18,6 +18,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -35,6 +40,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -52,6 +62,11 @@ { "name": "expand", "type": "\"compact\" | \"inset\"", + "complexType": { + "original": "'compact' | 'inset'", + "resolved": "\"compact\" | \"inset\"", + "references": {} + }, "mutable": false, "attr": "expand", "reflectToAttr": false, @@ -95,6 +110,11 @@ { "name": "multiple", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "multiple", "reflectToAttr": false, @@ -114,6 +134,11 @@ { "name": "readonly", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "readonly", "reflectToAttr": false, @@ -131,6 +156,11 @@ { "name": "value", "type": "null | string | string[] | undefined", + "complexType": { + "original": "string | string[] | null", + "resolved": "null | string | string[] | undefined", + "references": {} + }, "mutable": true, "attr": "value", "reflectToAttr": false, @@ -160,6 +190,17 @@ "event": "ionChange", "detail": "AccordionGroupChangeEventDetail", "bubbles": true, + "complexType": { + "original": "AccordionGroupChangeEventDetail", + "resolved": "AccordionGroupChangeEventDetail", + "references": { + "AccordionGroupChangeEventDetail": { + "location": "import", + "path": "./accordion-group-interface", + "id": "src/components/accordion-group/accordion-group-interface.ts::AccordionGroupChangeEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "クリックなどのユーザー操作により、valueプロパティが変化したときに発生します。プログラムによってvalueプロパティを設定した場合は、このイベントは発生しません。", @@ -181,7 +222,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/accordion/accordion.tsx", + "filePath": "src/components/accordion/accordion.tsx", "encapsulation": "shadow", "tag": "ion-accordion", "docs": "", @@ -216,6 +257,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -254,6 +300,11 @@ { "name": "readonly", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "readonly", "reflectToAttr": false, @@ -271,6 +322,11 @@ { "name": "toggleIcon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "toggle-icon", "reflectToAttr": false, @@ -288,6 +344,11 @@ { "name": "toggleIconSlot", "type": "\"end\" | \"start\"", + "complexType": { + "original": "'start' | 'end'", + "resolved": "\"end\" | \"start\"", + "references": {} + }, "mutable": false, "attr": "toggle-icon-slot", "reflectToAttr": false, @@ -310,6 +371,11 @@ { "name": "value", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "value", "reflectToAttr": false, @@ -364,7 +430,7 @@ } }, { - "filePath": "./src/components/action-sheet/action-sheet.tsx", + "filePath": "src/components/action-sheet/action-sheet.tsx", "encapsulation": "scoped", "tag": "ion-action-sheet", "docs": "", @@ -379,6 +445,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -396,6 +467,11 @@ { "name": "backdropDismiss", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "backdrop-dismiss", "reflectToAttr": false, @@ -413,6 +489,17 @@ { "name": "buttons", "type": "(string | ActionSheetButton)[]", + "complexType": { + "original": "(ActionSheetButton | string)[]", + "resolved": "(string | ActionSheetButton)[]", + "references": { + "ActionSheetButton": { + "location": "import", + "path": "./action-sheet-interface", + "id": "src/components/action-sheet/action-sheet-interface.ts::ActionSheetButton" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "アクションシートのボタンの配列です。", @@ -432,6 +519,11 @@ { "name": "cssClass", "type": "string | string[] | undefined", + "complexType": { + "original": "string | string[]", + "resolved": "string | string[] | undefined", + "references": {} + }, "mutable": false, "attr": "css-class", "reflectToAttr": false, @@ -454,6 +546,17 @@ { "name": "enterAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "アクションシートの提示時に使用するアニメーションです。", @@ -472,6 +575,11 @@ { "name": "header", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "header", "reflectToAttr": false, @@ -491,6 +599,11 @@ { "name": "htmlAttributes", "type": "undefined | { [key: string]: any; }", + "complexType": { + "original": "{ [key: string]: any }", + "resolved": "undefined | { [key: string]: any; }", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "アクションシートに渡す追加属性。", @@ -509,6 +622,11 @@ { "name": "isOpen", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "is-open", "reflectToAttr": false, @@ -526,6 +644,11 @@ { "name": "keyboardClose", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "keyboard-close", "reflectToAttr": false, @@ -543,6 +666,17 @@ { "name": "leaveAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "アクションシートが解除されたときに使用するアニメーションです。", @@ -582,6 +716,11 @@ { "name": "subHeader", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "sub-header", "reflectToAttr": false, @@ -601,6 +740,11 @@ { "name": "translucent", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "translucent", "reflectToAttr": false, @@ -618,6 +762,11 @@ { "name": "trigger", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "trigger", "reflectToAttr": false, @@ -642,6 +791,36 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(data?: any, role?: string) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "data Any data to emit in the dismiss events." + } + ], + "text": "Any data to emit in the dismiss events." + }, + { + "tags": [ + { + "name": "param", + "text": "role The role of the element that is dismissing the action sheet.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the action sheet.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`." + } + ], + "text": "The role of the element that is dismissing the action sheet.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the action sheet.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "dismiss(data?: any, role?: string) => Promise", "parameters": [], "docs": "アクションシートのオーバーレイが提示された後、それを解除します。", @@ -662,6 +841,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onDidDismiss() => Promise>", "parameters": [], "docs": "アクションシートが解散したときに解決するPromiseを返します。", @@ -673,6 +872,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onWillDismiss() => Promise>", "parameters": [], "docs": "アクションシートが解散するタイミングを解決するPromiseを返します。", @@ -684,6 +903,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "present() => Promise", "parameters": [], "docs": "アクションシートのオーバーレイを作成後に提示します。", @@ -695,6 +925,17 @@ "event": "didDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "アクションシートが解散した後に発行されます。ionActionSheetDidDismissの略記。", @@ -704,6 +945,11 @@ "event": "didPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "アクションシートが提示された後に発行されます。ionActionSheetWillDismissの略語。", @@ -713,6 +959,17 @@ "event": "ionActionSheetDidDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "アクションシートが解散した後に発行されます。", @@ -722,6 +979,11 @@ "event": "ionActionSheetDidPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "アクションシートが提示された後に発行されます。", @@ -731,6 +993,17 @@ "event": "ionActionSheetWillDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "アクションシートが解散する前に発行されます。", @@ -740,6 +1013,11 @@ "event": "ionActionSheetWillPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "アクションシートが提示される前に発行されます。", @@ -749,6 +1027,17 @@ "event": "willDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "アクションシートが解散する前に発行されます。ionActionSheetWillDismissの略記。", @@ -758,6 +1047,11 @@ "event": "willPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "アクションシートが提示される前に発行されます。ionActionSheetWillPresentの略記。", @@ -904,7 +1198,7 @@ } }, { - "filePath": "./src/components/alert/alert.tsx", + "filePath": "src/components/alert/alert.tsx", "encapsulation": "scoped", "tag": "ion-alert", "docs": "", @@ -919,6 +1213,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -936,6 +1235,11 @@ { "name": "backdropDismiss", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "backdrop-dismiss", "reflectToAttr": false, @@ -953,6 +1257,17 @@ { "name": "buttons", "type": "(string | AlertButton)[]", + "complexType": { + "original": "(AlertButton | string)[]", + "resolved": "(string | AlertButton)[]", + "references": { + "AlertButton": { + "location": "import", + "path": "./alert-interface", + "id": "src/components/alert/alert-interface.ts::AlertButton" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "アラートに追加されるボタンの配列。", @@ -972,6 +1287,11 @@ { "name": "cssClass", "type": "string | string[] | undefined", + "complexType": { + "original": "string | string[]", + "resolved": "string | string[] | undefined", + "references": {} + }, "mutable": false, "attr": "css-class", "reflectToAttr": false, @@ -994,6 +1314,17 @@ { "name": "enterAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "アラート提示時に使用するアニメーションです。", @@ -1012,6 +1343,11 @@ { "name": "header", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "header", "reflectToAttr": false, @@ -1031,6 +1367,11 @@ { "name": "htmlAttributes", "type": "undefined | { [key: string]: any; }", + "complexType": { + "original": "{ [key: string]: any }", + "resolved": "undefined | { [key: string]: any; }", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "アラートに渡す追加属性。", @@ -1049,6 +1390,17 @@ { "name": "inputs", "type": "AlertInput[]", + "complexType": { + "original": "AlertInput[]", + "resolved": "AlertInput[]", + "references": { + "AlertInput": { + "location": "import", + "path": "./alert-interface", + "id": "src/components/alert/alert-interface.ts::AlertInput" + } + } + }, "mutable": true, "reflectToAttr": false, "docs": "アラートに表示するInputの配列。", @@ -1065,6 +1417,11 @@ { "name": "isOpen", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "is-open", "reflectToAttr": false, @@ -1082,6 +1439,11 @@ { "name": "keyboardClose", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "keyboard-close", "reflectToAttr": false, @@ -1099,6 +1461,17 @@ { "name": "leaveAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "アラートが解除されたときに使用するアニメーション。", @@ -1117,6 +1490,17 @@ { "name": "message", "type": "IonicSafeString | string | undefined", + "complexType": { + "original": "string | IonicSafeString", + "resolved": "IonicSafeString | string | undefined", + "references": { + "IonicSafeString": { + "location": "import", + "path": "../../utils/sanitization", + "id": "src/utils/sanitization/index.ts::IonicSafeString" + } + } + }, "mutable": false, "attr": "message", "reflectToAttr": false, @@ -1160,6 +1544,11 @@ { "name": "subHeader", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "sub-header", "reflectToAttr": false, @@ -1179,6 +1568,11 @@ { "name": "translucent", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "translucent", "reflectToAttr": false, @@ -1196,6 +1590,11 @@ { "name": "trigger", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "trigger", "reflectToAttr": false, @@ -1220,6 +1619,36 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(data?: any, role?: string) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "data Any data to emit in the dismiss events." + } + ], + "text": "Any data to emit in the dismiss events." + }, + { + "tags": [ + { + "name": "param", + "text": "role The role of the element that is dismissing the alert.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the alert.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`." + } + ], + "text": "The role of the element that is dismissing the alert.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the alert.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "dismiss(data?: any, role?: string) => Promise", "parameters": [], "docs": "アラートオーバーレイが表示された後、解除します。", @@ -1240,6 +1669,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onDidDismiss() => Promise>", "parameters": [], "docs": "アラートが解除されたことを解決するPromiseを返します。", @@ -1251,6 +1700,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onWillDismiss() => Promise>", "parameters": [], "docs": "アラートが解除されるタイミングを解決するPromiseを返します。", @@ -1262,6 +1731,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "present() => Promise", "parameters": [], "docs": "アラートオーバーレイを作成した後に提示します。", @@ -1273,6 +1753,17 @@ "event": "didDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "アラートが解除された後に発行されます。ionAlertDidDismissの略記。", @@ -1282,6 +1773,11 @@ "event": "didPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "アラートが提示された後に発行されます。ionAlertWillDismissの略記。", @@ -1291,6 +1787,17 @@ "event": "ionAlertDidDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "アラートが解除された後に発行されます。", @@ -1300,6 +1807,11 @@ "event": "ionAlertDidPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "アラートが提示された後に発行されます。", @@ -1309,6 +1821,17 @@ "event": "ionAlertWillDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "アラートが解除される前に発行されます。", @@ -1318,6 +1841,11 @@ "event": "ionAlertWillPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "アラートが提示される前に発行されます。", @@ -1327,6 +1855,17 @@ "event": "willDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "アラートが解除される前に発行されます。ionAlertWillDismissの略記。", @@ -1336,6 +1875,11 @@ "event": "willPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "アラートが提示される前に発行されます。ionAlertWillPresentの略記。", @@ -1412,7 +1956,7 @@ } }, { - "filePath": "./src/components/app/app.tsx", + "filePath": "src/components/app/app.tsx", "encapsulation": "none", "tag": "ion-app", "docs": "", @@ -1430,7 +1974,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/avatar/avatar.tsx", + "filePath": "src/components/avatar/avatar.tsx", "encapsulation": "shadow", "tag": "ion-avatar", "docs": "", @@ -1454,7 +1998,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/back-button/back-button.tsx", + "filePath": "src/components/back-button/back-button.tsx", "encapsulation": "shadow", "tag": "ion-back-button", "docs": "", @@ -1481,6 +2025,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -1536,6 +2091,11 @@ { "name": "defaultHref", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": true, "attr": "default-href", "reflectToAttr": false, @@ -1555,6 +2115,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": true, @@ -1572,6 +2137,11 @@ { "name": "icon", "type": "null | string | undefined", + "complexType": { + "original": "string | null", + "resolved": "null | string | undefined", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -1615,6 +2185,17 @@ { "name": "routerAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder | undefined", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ルーターを使用する場合、別のページに移動する際の遷移アニメーションを指定します。", @@ -1633,6 +2214,11 @@ { "name": "text", "type": "null | string | undefined", + "complexType": { + "original": "string | null", + "resolved": "null | string | undefined", + "references": {} + }, "mutable": false, "attr": "text", "reflectToAttr": false, @@ -1655,6 +2241,11 @@ { "name": "type", "type": "\"button\" | \"reset\" | \"submit\"", + "complexType": { + "original": "'submit' | 'reset' | 'button'", + "resolved": "\"button\" | \"reset\" | \"submit\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -1872,7 +2463,7 @@ } }, { - "filePath": "./src/components/backdrop/backdrop.tsx", + "filePath": "src/components/backdrop/backdrop.tsx", "encapsulation": "shadow", "tag": "ion-backdrop", "docs": "", @@ -1882,6 +2473,11 @@ { "name": "stopPropagation", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "stop-propagation", "reflectToAttr": false, @@ -1899,6 +2495,11 @@ { "name": "tappable", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "tappable", "reflectToAttr": false, @@ -1916,6 +2517,11 @@ { "name": "visible", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "visible", "reflectToAttr": false, @@ -1937,6 +2543,11 @@ "event": "ionBackdropTap", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "バックドロップがタップされたときに発行されます。", @@ -1988,7 +2599,7 @@ } }, { - "filePath": "./src/components/badge/badge.tsx", + "filePath": "src/components/badge/badge.tsx", "encapsulation": "shadow", "tag": "ion-badge", "docs": "", @@ -2003,6 +2614,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -2119,7 +2741,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/breadcrumb/breadcrumb.tsx", + "filePath": "src/components/breadcrumb/breadcrumb.tsx", "encapsulation": "shadow", "tag": "ion-breadcrumb", "docs": "", @@ -2146,6 +2768,11 @@ { "name": "active", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "active", "reflectToAttr": false, @@ -2163,6 +2790,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": false, @@ -2218,6 +2856,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -2235,6 +2878,11 @@ { "name": "download", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "download", "reflectToAttr": false, @@ -2254,6 +2902,11 @@ { "name": "href", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "href", "reflectToAttr": false, @@ -2294,6 +2947,11 @@ { "name": "rel", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "rel", "reflectToAttr": false, @@ -2313,6 +2971,17 @@ { "name": "routerAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder | undefined", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ルータを使用する場合、`href`を使用して別のページに移動する際の遷移アニメーションを指定します。", @@ -2331,6 +3000,17 @@ { "name": "routerDirection", "type": "\"back\" | \"forward\" | \"root\"", + "complexType": { + "original": "RouterDirection", + "resolved": "\"back\" | \"forward\" | \"root\"", + "references": { + "RouterDirection": { + "location": "import", + "path": "../router/utils/interface", + "id": "src/components/router/utils/interface.ts::RouterDirection" + } + } + }, "mutable": false, "attr": "router-direction", "reflectToAttr": false, @@ -2357,6 +3037,11 @@ { "name": "separator", "type": "boolean | undefined", + "complexType": { + "original": "boolean | undefined", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "separator", "reflectToAttr": false, @@ -2376,6 +3061,11 @@ { "name": "target", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "target", "reflectToAttr": false, @@ -2399,6 +3089,11 @@ "event": "ionBlur", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "パンくずのフォーカスが外れたときに発行されます。", @@ -2408,6 +3103,11 @@ "event": "ionFocus", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "パンくずがフォーカスされたときに発行されます。", @@ -2468,7 +3168,7 @@ } }, { - "filePath": "./src/components/breadcrumbs/breadcrumbs.tsx", + "filePath": "src/components/breadcrumbs/breadcrumbs.tsx", "encapsulation": "shadow", "tag": "ion-breadcrumbs", "docs": "", @@ -2483,6 +3183,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -2538,6 +3249,11 @@ { "name": "itemsAfterCollapse", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "items-after-collapse", "reflectToAttr": false, @@ -2555,6 +3271,11 @@ { "name": "itemsBeforeCollapse", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "items-before-collapse", "reflectToAttr": false, @@ -2572,6 +3293,11 @@ { "name": "maxItems", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "max-items", "reflectToAttr": false, @@ -2616,6 +3342,17 @@ "event": "ionCollapsedClick", "detail": "BreadcrumbCollapsedClickEventDetail", "bubbles": true, + "complexType": { + "original": "BreadcrumbCollapsedClickEventDetail", + "resolved": "BreadcrumbCollapsedClickEventDetail", + "references": { + "BreadcrumbCollapsedClickEventDetail": { + "location": "import", + "path": "../breadcrumb/breadcrumb-interface", + "id": "src/components/breadcrumb/breadcrumb-interface.ts::BreadcrumbCollapsedClickEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "折りたたみインジケータがクリックされたときに発行されます。", @@ -2637,7 +3374,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/button/button.tsx", + "filePath": "src/components/button/button.tsx", "encapsulation": "shadow", "tag": "ion-button", "docs": "", @@ -2672,6 +3409,11 @@ { "name": "buttonType", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": true, "attr": "button-type", "reflectToAttr": false, @@ -2689,6 +3431,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -2744,6 +3497,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": true, @@ -2761,6 +3519,11 @@ { "name": "download", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "download", "reflectToAttr": false, @@ -2780,6 +3543,11 @@ { "name": "expand", "type": "\"block\" | \"full\" | undefined", + "complexType": { + "original": "'full' | 'block'", + "resolved": "\"block\" | \"full\" | undefined", + "references": {} + }, "mutable": false, "attr": "expand", "reflectToAttr": true, @@ -2804,6 +3572,11 @@ { "name": "fill", "type": "\"clear\" | \"default\" | \"outline\" | \"solid\" | undefined", + "complexType": { + "original": "'clear' | 'outline' | 'solid' | 'default'", + "resolved": "\"clear\" | \"default\" | \"outline\" | \"solid\" | undefined", + "references": {} + }, "mutable": true, "attr": "fill", "reflectToAttr": true, @@ -2836,6 +3609,16 @@ { "name": "form", "type": "HTMLFormElement | string | undefined", + "complexType": { + "original": "string | HTMLFormElement", + "resolved": "HTMLFormElement | string | undefined", + "references": { + "HTMLFormElement": { + "location": "global", + "id": "global::HTMLFormElement" + } + } + }, "mutable": false, "attr": "form", "reflectToAttr": false, @@ -2858,6 +3641,11 @@ { "name": "href", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "href", "reflectToAttr": false, @@ -2898,6 +3686,11 @@ { "name": "rel", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "rel", "reflectToAttr": false, @@ -2917,6 +3710,17 @@ { "name": "routerAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder | undefined", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ルータを使用する場合、`href`を使用して別のページに移動する際の遷移アニメーションを指定します。", @@ -2935,6 +3739,17 @@ { "name": "routerDirection", "type": "\"back\" | \"forward\" | \"root\"", + "complexType": { + "original": "RouterDirection", + "resolved": "\"back\" | \"forward\" | \"root\"", + "references": { + "RouterDirection": { + "location": "import", + "path": "../router/utils/interface", + "id": "src/components/router/utils/interface.ts::RouterDirection" + } + } + }, "mutable": false, "attr": "router-direction", "reflectToAttr": false, @@ -2961,6 +3776,11 @@ { "name": "shape", "type": "\"round\" | undefined", + "complexType": { + "original": "'round'", + "resolved": "\"round\" | undefined", + "references": {} + }, "mutable": false, "attr": "shape", "reflectToAttr": true, @@ -2981,6 +3801,11 @@ { "name": "size", "type": "\"default\" | \"large\" | \"small\" | undefined", + "complexType": { + "original": "'small' | 'default' | 'large'", + "resolved": "\"default\" | \"large\" | \"small\" | undefined", + "references": {} + }, "mutable": false, "attr": "size", "reflectToAttr": true, @@ -3009,6 +3834,11 @@ { "name": "strong", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "strong", "reflectToAttr": false, @@ -3026,6 +3856,11 @@ { "name": "target", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "target", "reflectToAttr": false, @@ -3045,6 +3880,11 @@ { "name": "type", "type": "\"button\" | \"reset\" | \"submit\"", + "complexType": { + "original": "'submit' | 'reset' | 'button'", + "resolved": "\"button\" | \"reset\" | \"submit\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -3075,6 +3915,11 @@ "event": "ionBlur", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ボタンのフォーカスが外れたときに発行されます。", @@ -3084,6 +3929,11 @@ "event": "ionFocus", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ボタンにフォーカスが当たっているときに発行されます。", @@ -3248,7 +4098,7 @@ } }, { - "filePath": "./src/components/buttons/buttons.tsx", + "filePath": "src/components/buttons/buttons.tsx", "encapsulation": "scoped", "tag": "ion-buttons", "docs": "", @@ -3258,6 +4108,11 @@ { "name": "collapse", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "collapse", "reflectToAttr": false, @@ -3290,7 +4145,7 @@ } }, { - "filePath": "./src/components/card-content/card-content.tsx", + "filePath": "src/components/card-content/card-content.tsx", "encapsulation": "none", "tag": "ion-card-content", "docs": "", @@ -3335,7 +4190,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/card-header/card-header.tsx", + "filePath": "src/components/card-header/card-header.tsx", "encapsulation": "shadow", "tag": "ion-card-header", "docs": "", @@ -3350,6 +4205,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -3426,6 +4292,11 @@ { "name": "translucent", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "translucent", "reflectToAttr": false, @@ -3452,7 +4323,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/card-subtitle/card-subtitle.tsx", + "filePath": "src/components/card-subtitle/card-subtitle.tsx", "encapsulation": "shadow", "tag": "ion-card-subtitle", "docs": "", @@ -3467,6 +4338,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -3558,7 +4440,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/card-title/card-title.tsx", + "filePath": "src/components/card-title/card-title.tsx", "encapsulation": "shadow", "tag": "ion-card-title", "docs": "", @@ -3573,6 +4455,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -3664,7 +4557,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/card/card.tsx", + "filePath": "src/components/card/card.tsx", "encapsulation": "shadow", "tag": "ion-card", "docs": "", @@ -3683,6 +4576,11 @@ { "name": "button", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "button", "reflectToAttr": false, @@ -3700,6 +4598,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -3755,6 +4664,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -3772,6 +4686,11 @@ { "name": "download", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "download", "reflectToAttr": false, @@ -3791,6 +4710,11 @@ { "name": "href", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "href", "reflectToAttr": false, @@ -3831,6 +4755,11 @@ { "name": "rel", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "rel", "reflectToAttr": false, @@ -3850,6 +4779,17 @@ { "name": "routerAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder | undefined", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ルータを使用する場合、`href`を使用して別のページに移動する際の遷移アニメーションを指定します。", @@ -3868,6 +4808,17 @@ { "name": "routerDirection", "type": "\"back\" | \"forward\" | \"root\"", + "complexType": { + "original": "RouterDirection", + "resolved": "\"back\" | \"forward\" | \"root\"", + "references": { + "RouterDirection": { + "location": "import", + "path": "../router/utils/interface", + "id": "src/components/router/utils/interface.ts::RouterDirection" + } + } + }, "mutable": false, "attr": "router-direction", "reflectToAttr": false, @@ -3894,6 +4845,11 @@ { "name": "target", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "target", "reflectToAttr": false, @@ -3913,6 +4869,11 @@ { "name": "type", "type": "\"button\" | \"reset\" | \"submit\"", + "complexType": { + "original": "'submit' | 'reset' | 'button'", + "resolved": "\"button\" | \"reset\" | \"submit\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -3970,7 +4931,7 @@ } }, { - "filePath": "./src/components/checkbox/checkbox.tsx", + "filePath": "src/components/checkbox/checkbox.tsx", "encapsulation": "shadow", "tag": "ion-checkbox", "docs": "", @@ -3997,6 +4958,11 @@ { "name": "checked", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "checked", "reflectToAttr": false, @@ -4014,6 +4980,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -4069,6 +5046,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -4086,6 +5068,11 @@ { "name": "indeterminate", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "indeterminate", "reflectToAttr": false, @@ -4103,6 +5090,11 @@ { "name": "justify", "type": "\"end\" | \"space-between\" | \"start\"", + "complexType": { + "original": "'start' | 'end' | 'space-between'", + "resolved": "\"end\" | \"space-between\" | \"start\"", + "references": {} + }, "mutable": false, "attr": "justify", "reflectToAttr": false, @@ -4129,6 +5121,11 @@ { "name": "labelPlacement", "type": "\"end\" | \"fixed\" | \"start\"", + "complexType": { + "original": "'start' | 'end' | 'fixed'", + "resolved": "\"end\" | \"fixed\" | \"start\"", + "references": {} + }, "mutable": false, "attr": "label-placement", "reflectToAttr": false, @@ -4155,6 +5152,11 @@ { "name": "legacy", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "legacy", "reflectToAttr": false, @@ -4195,6 +5197,11 @@ { "name": "name", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "name", "reflectToAttr": false, @@ -4212,6 +5219,11 @@ { "name": "value", "type": "any", + "complexType": { + "original": "any | null", + "resolved": "any", + "references": {} + }, "mutable": false, "attr": "value", "reflectToAttr": false, @@ -4233,6 +5245,11 @@ "event": "ionBlur", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "チェックボックスのフォーカスが外れたときに発行されます。", @@ -4242,6 +5259,17 @@ "event": "ionChange", "detail": "CheckboxChangeEventDetail", "bubbles": true, + "complexType": { + "original": "CheckboxChangeEventDetail", + "resolved": "CheckboxChangeEventDetail", + "references": { + "CheckboxChangeEventDetail": { + "location": "import", + "path": "./checkbox-interface", + "id": "src/components/checkbox/checkbox-interface.ts::CheckboxChangeEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "クリックなどのユーザー操作によりcheckedプロパティが変更された場合に発生します。プログラムによってcheckedプロパティを設定した場合は、このイベントは発生しません。", @@ -4251,6 +5279,11 @@ "event": "ionFocus", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "チェックボックスにフォーカスが当たったときに発行されます。", @@ -4342,7 +5375,7 @@ } }, { - "filePath": "./src/components/chip/chip.tsx", + "filePath": "src/components/chip/chip.tsx", "encapsulation": "shadow", "tag": "ion-chip", "docs": "", @@ -4357,6 +5390,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -4412,6 +5456,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -4450,6 +5499,11 @@ { "name": "outline", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "outline", "reflectToAttr": false, @@ -4493,7 +5547,7 @@ } }, { - "filePath": "./src/components/col/col.tsx", + "filePath": "src/components/col/col.tsx", "encapsulation": "shadow", "tag": "ion-col", "docs": "", @@ -4503,6 +5557,11 @@ { "name": "offset", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "offset", "reflectToAttr": false, @@ -4522,6 +5581,11 @@ { "name": "offsetLg", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "offset-lg", "reflectToAttr": false, @@ -4541,6 +5605,11 @@ { "name": "offsetMd", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "offset-md", "reflectToAttr": false, @@ -4560,6 +5629,11 @@ { "name": "offsetSm", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "offset-sm", "reflectToAttr": false, @@ -4579,6 +5653,11 @@ { "name": "offsetXl", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "offset-xl", "reflectToAttr": false, @@ -4598,6 +5677,11 @@ { "name": "offsetXs", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "offset-xs", "reflectToAttr": false, @@ -4617,6 +5701,11 @@ { "name": "pull", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "pull", "reflectToAttr": false, @@ -4636,6 +5725,11 @@ { "name": "pullLg", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "pull-lg", "reflectToAttr": false, @@ -4655,6 +5749,11 @@ { "name": "pullMd", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "pull-md", "reflectToAttr": false, @@ -4674,6 +5773,11 @@ { "name": "pullSm", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "pull-sm", "reflectToAttr": false, @@ -4693,6 +5797,11 @@ { "name": "pullXl", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "pull-xl", "reflectToAttr": false, @@ -4712,6 +5821,11 @@ { "name": "pullXs", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "pull-xs", "reflectToAttr": false, @@ -4731,6 +5845,11 @@ { "name": "push", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "push", "reflectToAttr": false, @@ -4750,6 +5869,11 @@ { "name": "pushLg", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "push-lg", "reflectToAttr": false, @@ -4769,6 +5893,11 @@ { "name": "pushMd", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "push-md", "reflectToAttr": false, @@ -4788,6 +5917,11 @@ { "name": "pushSm", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "push-sm", "reflectToAttr": false, @@ -4807,6 +5941,11 @@ { "name": "pushXl", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "push-xl", "reflectToAttr": false, @@ -4826,6 +5965,11 @@ { "name": "pushXs", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "push-xs", "reflectToAttr": false, @@ -4845,6 +5989,11 @@ { "name": "size", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "size", "reflectToAttr": false, @@ -4864,6 +6013,11 @@ { "name": "sizeLg", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "size-lg", "reflectToAttr": false, @@ -4883,6 +6037,11 @@ { "name": "sizeMd", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "size-md", "reflectToAttr": false, @@ -4902,6 +6061,11 @@ { "name": "sizeSm", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "size-sm", "reflectToAttr": false, @@ -4921,6 +6085,11 @@ { "name": "sizeXl", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "size-xl", "reflectToAttr": false, @@ -4940,6 +6109,11 @@ { "name": "sizeXs", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "size-xs", "reflectToAttr": false, @@ -5011,7 +6185,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/content/content.tsx", + "filePath": "src/components/content/content.tsx", "encapsulation": "shadow", "tag": "ion-content", "docs": "", @@ -5038,6 +6212,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -5093,6 +6278,11 @@ { "name": "forceOverscroll", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": true, "attr": "force-overscroll", "reflectToAttr": false, @@ -5112,6 +6302,11 @@ { "name": "fullscreen", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "fullscreen", "reflectToAttr": false, @@ -5129,6 +6324,11 @@ { "name": "scrollEvents", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "scroll-events", "reflectToAttr": false, @@ -5146,6 +6346,11 @@ { "name": "scrollX", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "scroll-x", "reflectToAttr": false, @@ -5163,6 +6368,11 @@ { "name": "scrollY", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "scroll-y", "reflectToAttr": false, @@ -5185,6 +6395,21 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "HTMLElement": { + "location": "global", + "id": "global::HTMLElement" + } + }, + "return": "Promise" + }, "signature": "getScrollElement() => Promise", "parameters": [], "docs": "実際のスクロールが行われる要素を取得します。この要素を使用して、`scroll` イベントを購読したり、`scrollTop` を手動で変更したりすることができる。スクロールイベントには `ionScroll`, `ionScrollStart`, `ionScrollEnd` を、コンテンツを特定のポイントにスクロールさせるには `scrollToPoint()` を使用することが推奨されます。", @@ -5196,6 +6421,45 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(x: number, y: number, duration: number) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "x The amount to scroll by on the horizontal axis." + } + ], + "text": "The amount to scroll by on the horizontal axis." + }, + { + "tags": [ + { + "name": "param", + "text": "y The amount to scroll by on the vertical axis." + } + ], + "text": "The amount to scroll by on the vertical axis." + }, + { + "tags": [ + { + "name": "param", + "text": "duration The amount of time to take scrolling by that amount." + } + ], + "text": "The amount of time to take scrolling by that amount." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "scrollByPoint(x: number, y: number, duration: number) => Promise", "parameters": [], "docs": "コンポーネントを指定したX/Y距離だけスクロールさせる。", @@ -5220,6 +6484,27 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(duration?: number) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "duration The amount of time to take scrolling to the bottom. Defaults to `0`." + } + ], + "text": "The amount of time to take scrolling to the bottom. Defaults to `0`." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "scrollToBottom(duration?: number) => Promise", "parameters": [], "docs": "コンポーネントの一番下までスクロールします。", @@ -5236,6 +6521,45 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(x: number | undefined | null, y: number | undefined | null, duration?: number) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "x The point to scroll to on the horizontal axis." + } + ], + "text": "The point to scroll to on the horizontal axis." + }, + { + "tags": [ + { + "name": "param", + "text": "y The point to scroll to on the vertical axis." + } + ], + "text": "The point to scroll to on the vertical axis." + }, + { + "tags": [ + { + "name": "param", + "text": "duration The amount of time to take scrolling to that point. Defaults to `0`." + } + ], + "text": "The amount of time to take scrolling to that point. Defaults to `0`." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "scrollToPoint(x: number | undefined | null, y: number | undefined | null, duration?: number) => Promise", "parameters": [], "docs": "コンポーネント内の指定したX/Y位置までスクロールします。", @@ -5260,6 +6584,27 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(duration?: number) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "duration The amount of time to take scrolling to the top. Defaults to `0`." + } + ], + "text": "The amount of time to take scrolling to the top. Defaults to `0`." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "scrollToTop(duration?: number) => Promise", "parameters": [], "docs": "コンポーネントの上部にスクロールします。", @@ -5276,6 +6621,17 @@ "event": "ionScroll", "detail": "ScrollDetail", "bubbles": true, + "complexType": { + "original": "ScrollDetail", + "resolved": "ScrollDetail", + "references": { + "ScrollDetail": { + "location": "import", + "path": "./content-interface", + "id": "src/components/content/content-interface.ts::ScrollDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "スクロール中に発行されます。このイベントはデフォルトで無効になっています。有効にするには `scrollEvents` に `true` を設定します。", @@ -5285,6 +6641,17 @@ "event": "ionScrollEnd", "detail": "ScrollBaseDetail", "bubbles": true, + "complexType": { + "original": "ScrollBaseDetail", + "resolved": "ScrollBaseDetail", + "references": { + "ScrollBaseDetail": { + "location": "import", + "path": "./content-interface", + "id": "src/components/content/content-interface.ts::ScrollBaseDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "スクロールが終了したときに発行されます。このイベントはデフォルトで無効になっている。有効にするには `scrollEvents` に `true` を設定します。", @@ -5294,6 +6661,17 @@ "event": "ionScrollStart", "detail": "ScrollBaseDetail", "bubbles": true, + "complexType": { + "original": "ScrollBaseDetail", + "resolved": "ScrollBaseDetail", + "references": { + "ScrollBaseDetail": { + "location": "import", + "path": "./content-interface", + "id": "src/components/content/content-interface.ts::ScrollBaseDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "スクロールが開始されたときに発行されます。このイベントはデフォルトで無効になっている。有効にするには `scrollEvents` に `true` を設定してください。", @@ -5386,7 +6764,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/datetime-button/datetime-button.tsx", + "filePath": "src/components/datetime-button/datetime-button.tsx", "encapsulation": "shadow", "tag": "ion-datetime-button", "docs": "", @@ -5413,6 +6791,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -5469,6 +6858,11 @@ { "name": "datetime", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "datetime", "reflectToAttr": false, @@ -5488,6 +6882,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": true, @@ -5555,7 +6954,7 @@ } }, { - "filePath": "./src/components/datetime/datetime.tsx", + "filePath": "src/components/datetime/datetime.tsx", "encapsulation": "shadow", "tag": "ion-datetime", "docs": "", @@ -5575,6 +6974,26 @@ { "name": "slot", "text": "time-label - The label for the time selector in the datetime." + }, + { + "name": "part", + "text": "wheel-item - The individual items when using a wheel style layout, or in the\nmonth/year picker when using a grid style layout." + }, + { + "name": "part", + "text": "wheel-item active - The currently selected wheel-item." + }, + { + "name": "part", + "text": "time-button - The button that opens the time picker when using a grid style\nlayout with `presentation=\"date-time\"` or `\"time-date\"`." + }, + { + "name": "part", + "text": "time-button active - The time picker button when the picker is open." + }, + { + "name": "part", + "text": "month-year-button - The button that opens the month/year picker when\nusing a grid style layout." } ], "usage": {}, @@ -5582,6 +7001,11 @@ { "name": "cancelText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "cancel-text", "reflectToAttr": false, @@ -5599,6 +7023,11 @@ { "name": "clearText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "clear-text", "reflectToAttr": false, @@ -5616,6 +7045,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": false, @@ -5672,6 +7112,11 @@ { "name": "dayValues", "type": "number | number[] | string | undefined", + "complexType": { + "original": "number[] | number | string", + "resolved": "number | number[] | string | undefined", + "references": {} + }, "mutable": false, "attr": "day-values", "reflectToAttr": false, @@ -5697,6 +7142,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -5714,6 +7164,11 @@ { "name": "doneText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "done-text", "reflectToAttr": false, @@ -5731,6 +7186,11 @@ { "name": "firstDayOfWeek", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "first-day-of-week", "reflectToAttr": false, @@ -5748,6 +7208,22 @@ { "name": "highlightedDates", "type": "((dateIsoString: string) => DatetimeHighlightStyle | undefined) | DatetimeHighlight[] | undefined", + "complexType": { + "original": "DatetimeHighlight[] | DatetimeHighlightCallback", + "resolved": "((dateIsoString: string) => DatetimeHighlightStyle | undefined) | DatetimeHighlight[] | undefined", + "references": { + "DatetimeHighlight": { + "location": "import", + "path": "./datetime-interface", + "id": "src/components/datetime/datetime-interface.ts::DatetimeHighlight" + }, + "DatetimeHighlightCallback": { + "location": "import", + "path": "./datetime-interface", + "id": "src/components/datetime/datetime-interface.ts::DatetimeHighlightCallback" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "特定の日付にカスタムテキストと背景色を適用するために使用します。 ISO 文字列と色を含むオブジェクトの配列、または ISO 文字列を受け取って色を返すコールバックのいずれかを指定します。 preferWheel=\"false\"`を持つ `date`、`date-time`、`time-date` のプレゼンテーションにのみ適用されます。", @@ -5772,6 +7248,11 @@ { "name": "hourCycle", "type": "\"h12\" | \"h23\" | undefined", + "complexType": { + "original": "'h23' | 'h12'", + "resolved": "\"h12\" | \"h23\" | undefined", + "references": {} + }, "mutable": false, "attr": "hour-cycle", "reflectToAttr": false, @@ -5796,6 +7277,11 @@ { "name": "hourValues", "type": "number | number[] | string | undefined", + "complexType": { + "original": "number[] | number | string", + "resolved": "number | number[] | string | undefined", + "references": {} + }, "mutable": false, "attr": "hour-values", "reflectToAttr": false, @@ -5821,6 +7307,11 @@ { "name": "isDateEnabled", "type": "((dateIsoString: string) => boolean) | undefined", + "complexType": { + "original": "(dateIsoString: string) => boolean", + "resolved": "((dateIsoString: string) => boolean) | undefined", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "個々の日付(暦日)が有効か無効かを返します。 `true`の場合、その日は有効/対話型になる。もし `false` ならば、その日は無効/非インタラクティブです。 この関数は、指定された日のISO 8601の日付文字列を受け取ります。デフォルトでは、すべての曜日が有効になります。開発者はこの関数を使用して、特定の日を無効にするカスタムロジックを記述することができます。 この関数は、レンダリングされたカレンダーの各日、前月、当月、翌月に対して呼び出されます。カスタム実装は、ジャンクを避けるためにパフォーマンスを最適化する必要があります。", @@ -5839,6 +7330,11 @@ { "name": "locale", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "locale", "reflectToAttr": false, @@ -5856,6 +7352,11 @@ { "name": "max", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": true, "attr": "max", "reflectToAttr": false, @@ -5875,6 +7376,11 @@ { "name": "min", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": true, "attr": "min", "reflectToAttr": false, @@ -5894,6 +7400,11 @@ { "name": "minuteValues", "type": "number | number[] | string | undefined", + "complexType": { + "original": "number[] | number | string", + "resolved": "number | number[] | string | undefined", + "references": {} + }, "mutable": false, "attr": "minute-values", "reflectToAttr": false, @@ -5940,6 +7451,11 @@ { "name": "monthValues", "type": "number | number[] | string | undefined", + "complexType": { + "original": "number[] | number | string", + "resolved": "number | number[] | string | undefined", + "references": {} + }, "mutable": false, "attr": "month-values", "reflectToAttr": false, @@ -5965,6 +7481,11 @@ { "name": "multiple", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "multiple", "reflectToAttr": false, @@ -5982,6 +7503,11 @@ { "name": "name", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "name", "reflectToAttr": false, @@ -5999,6 +7525,11 @@ { "name": "preferWheel", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "prefer-wheel", "reflectToAttr": false, @@ -6016,6 +7547,17 @@ { "name": "presentation", "type": "\"date\" | \"date-time\" | \"month\" | \"month-year\" | \"time\" | \"time-date\" | \"year\"", + "complexType": { + "original": "DatetimePresentation", + "resolved": "\"date\" | \"date-time\" | \"month\" | \"month-year\" | \"time\" | \"time-date\" | \"year\"", + "references": { + "DatetimePresentation": { + "location": "import", + "path": "./datetime-interface", + "id": "src/components/datetime/datetime-interface.ts::DatetimePresentation" + } + } + }, "mutable": false, "attr": "presentation", "reflectToAttr": false, @@ -6058,6 +7600,11 @@ { "name": "readonly", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "readonly", "reflectToAttr": false, @@ -6075,6 +7622,11 @@ { "name": "showClearButton", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-clear-button", "reflectToAttr": false, @@ -6092,6 +7644,11 @@ { "name": "showDefaultButtons", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-default-buttons", "reflectToAttr": false, @@ -6109,6 +7666,11 @@ { "name": "showDefaultTimeLabel", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-default-time-label", "reflectToAttr": false, @@ -6126,6 +7688,11 @@ { "name": "showDefaultTitle", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-default-title", "reflectToAttr": false, @@ -6143,6 +7710,11 @@ { "name": "size", "type": "\"cover\" | \"fixed\"", + "complexType": { + "original": "'cover' | 'fixed'", + "resolved": "\"cover\" | \"fixed\"", + "references": {} + }, "mutable": false, "attr": "size", "reflectToAttr": false, @@ -6165,6 +7737,17 @@ { "name": "titleSelectedDatesFormatter", "type": "((selectedDates: string[]) => string) | undefined", + "complexType": { + "original": "TitleSelectedDatesFormatter", + "resolved": "((selectedDates: string[]) => string) | undefined", + "references": { + "TitleSelectedDatesFormatter": { + "location": "import", + "path": "./datetime-interface", + "id": "src/components/datetime/datetime-interface.ts::TitleSelectedDatesFormatter" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "選択された日付の数を示すヘッダーテキストをフォーマットするために使用されるコールバックです。選択された日付が0または1以上の場合のみ使用されます(つまり、ちょうど1の場合は未使用です)。デフォルトでは、ヘッダーテキストは \"numberOfDates days \"に設定されています。", @@ -6183,6 +7766,11 @@ { "name": "value", "type": "null | string | string[] | undefined", + "complexType": { + "original": "string | string[] | null", + "resolved": "null | string | string[] | undefined", + "references": {} + }, "mutable": true, "attr": "value", "reflectToAttr": false, @@ -6208,10 +7796,15 @@ { "name": "yearValues", "type": "number | number[] | string | undefined", + "complexType": { + "original": "number[] | number | string", + "resolved": "number | number[] | string | undefined", + "references": {} + }, "mutable": false, "attr": "year-values", "reflectToAttr": false, - "docs": "選択可能な年号のリストを作成するために使用する値。デフォルトでは、年の値は `min` と `max` の間の範囲になります。しかし、表示する年を正確に制御するために、`yearValues` には数値、数値の配列、またはカンマで区切られた数値の文字列を取ることができます。例えば、今後のうるう年と最近のうるう年を表示するには、この入力の値は `yearValues=\"2024,2020,2016,2012,2008\"` となります。", + "docs": "Values used to create the list of selectable years. By default\nthe year values range between the `min` and `max` datetime inputs. However, to\ncontrol exactly which years to display, the `yearValues` input can take a number, an array\nof numbers, or string of comma separated numbers. For example, to show upcoming and\nrecent leap years, then this input's value would be `yearValues=\"2008,2012,2016,2020,2024\"`.", "docsTags": [], "values": [ { @@ -6238,6 +7831,22 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(closeOverlay?: boolean) => Promise", + "parameters": [ + { + "tags": [], + "text": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "cancel(closeOverlay?: boolean) => Promise", "parameters": [], "docs": "ionCancel イベントを発行し、オプションで datetime が表示されたポップオーバーまたはモーダルを閉じます。", @@ -6249,6 +7858,22 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(closeOverlay?: boolean) => Promise", + "parameters": [ + { + "tags": [], + "text": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "confirm(closeOverlay?: boolean) => Promise", "parameters": [], "docs": "選択されたdatetimeの値を確認し、`value`プロパティを更新し、オプションでdatetimeが表示されていたポップオーバーまたはモーダルを閉じます。", @@ -6260,6 +7885,22 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(startDate?: string) => Promise", + "parameters": [ + { + "tags": [], + "text": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "reset(startDate?: string) => Promise", "parameters": [], "docs": "datetimeの内部状態をリセットするが、値は更新しません。有効なISO-8601文字列を渡すと、コンポーネントの状態は指定した日付にリセットされます。値が提供されない場合、内部状態はmin、max、todayのクランプされた値にリセットされます。", @@ -6271,6 +7912,11 @@ "event": "ionBlur", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "datetimeのフォーカスが外れたときに発行されます。", @@ -6280,6 +7926,11 @@ "event": "ionCancel", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "datetimeの選択がキャンセルされたときに発生します。", @@ -6289,6 +7940,17 @@ "event": "ionChange", "detail": "DatetimeChangeEventDetail", "bubbles": true, + "complexType": { + "original": "DatetimeChangeEventDetail", + "resolved": "DatetimeChangeEventDetail", + "references": { + "DatetimeChangeEventDetail": { + "location": "import", + "path": "./datetime-interface", + "id": "src/components/datetime/datetime-interface.ts::DatetimeChangeEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "値(選択された日付)が変化したときに発行されます。", @@ -6298,6 +7960,11 @@ "event": "ionFocus", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "datetimeにフォーカスが当たったときに発行されます。", @@ -6320,6 +7987,16 @@ "name": "--title-color", "annotation": "prop", "docs": "タイトルの文字色です。" + }, + { + "name": "--wheel-fade-background-rgb", + "annotation": "prop", + "docs": "The color of the gradient covering non-selected items when using a wheel style layout, or in the month/year picker for grid style layouts. Must be in RGB format, e.g. `255, 255, 255`." + }, + { + "name": "--wheel-highlight-background", + "annotation": "prop", + "docs": "The background of the highlight under the selected item when using a wheel style layout, or in the month/year picker for grid style layouts." } ], "slots": [ @@ -6336,7 +8013,28 @@ "docs": "datetimeのタイトルです。" } ], - "parts": [], + "parts": [ + { + "name": "month-year-button", + "docs": "The button that opens the month/year picker when\nusing a grid style layout." + }, + { + "name": "time-button", + "docs": "The button that opens the time picker when using a grid style\nlayout with `presentation=\"date-time\"` or `\"time-date\"`." + }, + { + "name": "time-button active", + "docs": "The time picker button when the picker is open." + }, + { + "name": "wheel-item", + "docs": "The individual items when using a wheel style layout, or in the\nmonth/year picker when using a grid style layout." + }, + { + "name": "wheel-item active", + "docs": "The currently selected wheel-item." + } + ], "dependents": [], "dependencies": [ "ion-buttons", @@ -6373,7 +8071,7 @@ } }, { - "filePath": "./src/components/fab-button/fab-button.tsx", + "filePath": "src/components/fab-button/fab-button.tsx", "encapsulation": "shadow", "tag": "ion-fab-button", "docs": "", @@ -6396,6 +8094,11 @@ { "name": "activated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "activated", "reflectToAttr": false, @@ -6413,6 +8116,11 @@ { "name": "closeIcon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "close-icon", "reflectToAttr": false, @@ -6430,6 +8138,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -6485,6 +8204,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -6502,6 +8226,11 @@ { "name": "download", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "download", "reflectToAttr": false, @@ -6521,6 +8250,11 @@ { "name": "href", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "href", "reflectToAttr": false, @@ -6561,6 +8295,11 @@ { "name": "rel", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "rel", "reflectToAttr": false, @@ -6580,6 +8319,17 @@ { "name": "routerAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder | undefined", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ルータを使用する場合、`href`を使用して別のページに移動する際の遷移アニメーションを指定します。", @@ -6598,6 +8348,17 @@ { "name": "routerDirection", "type": "\"back\" | \"forward\" | \"root\"", + "complexType": { + "original": "RouterDirection", + "resolved": "\"back\" | \"forward\" | \"root\"", + "references": { + "RouterDirection": { + "location": "import", + "path": "../router/utils/interface", + "id": "src/components/router/utils/interface.ts::RouterDirection" + } + } + }, "mutable": false, "attr": "router-direction", "reflectToAttr": false, @@ -6624,6 +8385,11 @@ { "name": "show", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show", "reflectToAttr": false, @@ -6641,6 +8407,11 @@ { "name": "size", "type": "\"small\" | undefined", + "complexType": { + "original": "'small'", + "resolved": "\"small\" | undefined", + "references": {} + }, "mutable": false, "attr": "size", "reflectToAttr": false, @@ -6661,6 +8432,11 @@ { "name": "target", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "target", "reflectToAttr": false, @@ -6680,6 +8456,11 @@ { "name": "translucent", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "translucent", "reflectToAttr": false, @@ -6697,6 +8478,11 @@ { "name": "type", "type": "\"button\" | \"reset\" | \"submit\"", + "complexType": { + "original": "'submit' | 'reset' | 'button'", + "resolved": "\"button\" | \"reset\" | \"submit\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -6727,6 +8513,11 @@ "event": "ionBlur", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ボタンのフォーカスが外れたときに発行されます。", @@ -6736,6 +8527,11 @@ "event": "ionFocus", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ボタンにフォーカスが当たっているときに発行されます。", @@ -6884,7 +8680,7 @@ } }, { - "filePath": "./src/components/fab-list/fab-list.tsx", + "filePath": "src/components/fab-list/fab-list.tsx", "encapsulation": "shadow", "tag": "ion-fab-list", "docs": "", @@ -6894,6 +8690,11 @@ { "name": "activated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "activated", "reflectToAttr": false, @@ -6911,6 +8712,11 @@ { "name": "side", "type": "\"bottom\" | \"end\" | \"start\" | \"top\"", + "complexType": { + "original": "'start' | 'end' | 'top' | 'bottom'", + "resolved": "\"bottom\" | \"end\" | \"start\" | \"top\"", + "references": {} + }, "mutable": false, "attr": "side", "reflectToAttr": false, @@ -6950,7 +8756,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/fab/fab.tsx", + "filePath": "src/components/fab/fab.tsx", "encapsulation": "shadow", "tag": "ion-fab", "docs": "", @@ -6960,6 +8766,11 @@ { "name": "activated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "activated", "reflectToAttr": false, @@ -6977,6 +8788,11 @@ { "name": "edge", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "edge", "reflectToAttr": false, @@ -6994,6 +8810,11 @@ { "name": "horizontal", "type": "\"center\" | \"end\" | \"start\" | undefined", + "complexType": { + "original": "'start' | 'end' | 'center'", + "resolved": "\"center\" | \"end\" | \"start\" | undefined", + "references": {} + }, "mutable": false, "attr": "horizontal", "reflectToAttr": false, @@ -7022,6 +8843,11 @@ { "name": "vertical", "type": "\"bottom\" | \"center\" | \"top\" | undefined", + "complexType": { + "original": "'top' | 'bottom' | 'center'", + "resolved": "\"bottom\" | \"center\" | \"top\" | undefined", + "references": {} + }, "mutable": false, "attr": "vertical", "reflectToAttr": false, @@ -7055,6 +8881,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "close() => Promise", "parameters": [], "docs": "アクティブなFABリストコンテナを閉じる。", @@ -7071,7 +8908,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/footer/footer.tsx", + "filePath": "src/components/footer/footer.tsx", "encapsulation": "none", "tag": "ion-footer", "docs": "", @@ -7086,6 +8923,11 @@ { "name": "collapse", "type": "\"fade\" | undefined", + "complexType": { + "original": "'fade'", + "resolved": "\"fade\" | undefined", + "references": {} + }, "mutable": false, "attr": "collapse", "reflectToAttr": false, @@ -7127,6 +8969,11 @@ { "name": "translucent", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "translucent", "reflectToAttr": false, @@ -7153,7 +9000,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/grid/grid.tsx", + "filePath": "src/components/grid/grid.tsx", "encapsulation": "shadow", "tag": "ion-grid", "docs": "", @@ -7163,6 +9010,11 @@ { "name": "fixed", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "fixed", "reflectToAttr": false, @@ -7250,7 +9102,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/header/header.tsx", + "filePath": "src/components/header/header.tsx", "encapsulation": "none", "tag": "ion-header", "docs": "", @@ -7265,6 +9117,11 @@ { "name": "collapse", "type": "\"condense\" | \"fade\" | undefined", + "complexType": { + "original": "'condense' | 'fade'", + "resolved": "\"condense\" | \"fade\" | undefined", + "references": {} + }, "mutable": false, "attr": "collapse", "reflectToAttr": false, @@ -7310,6 +9167,11 @@ { "name": "translucent", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "translucent", "reflectToAttr": false, @@ -7336,7 +9198,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/img/img.tsx", + "filePath": "src/components/img/img.tsx", "encapsulation": "shadow", "tag": "ion-img", "docs": "", @@ -7351,6 +9213,11 @@ { "name": "alt", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "alt", "reflectToAttr": false, @@ -7370,6 +9237,11 @@ { "name": "src", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "src", "reflectToAttr": false, @@ -7393,6 +9265,11 @@ "event": "ionError", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "imgの読み込みに失敗したときに発行されます。", @@ -7402,6 +9279,11 @@ "event": "ionImgDidLoad", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "画像の読み込みが終了したときに発行されます。", @@ -7411,6 +9293,11 @@ "event": "ionImgWillLoad", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "img srcが設定されたときに発行されます。", @@ -7431,7 +9318,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/infinite-scroll-content/infinite-scroll-content.tsx", + "filePath": "src/components/infinite-scroll-content/infinite-scroll-content.tsx", "encapsulation": "none", "tag": "ion-infinite-scroll-content", "docs": "", @@ -7441,6 +9328,17 @@ { "name": "loadingSpinner", "type": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | null | undefined", + "complexType": { + "original": "SpinnerTypes | null", + "resolved": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | null | undefined", + "references": { + "SpinnerTypes": { + "location": "import", + "path": "../spinner/spinner-configs", + "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes" + } + } + }, "mutable": true, "attr": "loading-spinner", "reflectToAttr": false, @@ -7496,6 +9394,17 @@ { "name": "loadingText", "type": "IonicSafeString | string | undefined", + "complexType": { + "original": "string | IonicSafeString", + "resolved": "IonicSafeString | string | undefined", + "references": { + "IonicSafeString": { + "location": "import", + "path": "../../utils/sanitization", + "id": "src/utils/sanitization/index.ts::IonicSafeString" + } + } + }, "mutable": false, "attr": "loading-text", "reflectToAttr": false, @@ -7533,7 +9442,7 @@ } }, { - "filePath": "./src/components/infinite-scroll/infinite-scroll.tsx", + "filePath": "src/components/infinite-scroll/infinite-scroll.tsx", "encapsulation": "none", "tag": "ion-infinite-scroll", "docs": "", @@ -7543,6 +9452,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -7560,6 +9474,11 @@ { "name": "position", "type": "\"bottom\" | \"top\"", + "complexType": { + "original": "'top' | 'bottom'", + "resolved": "\"bottom\" | \"top\"", + "references": {} + }, "mutable": false, "attr": "position", "reflectToAttr": false, @@ -7582,6 +9501,11 @@ { "name": "threshold", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "threshold", "reflectToAttr": false, @@ -7604,6 +9528,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "complete() => Promise", "parameters": [], "docs": "非同期操作が完了したら、`ionInfinite`出力イベントハンドラ内で `complete()` を呼び出します。例えば、AJAX リクエストからデータを受信してデータリストに項目を追加するなど、アプリが非同期処理を実行している間が `loading` 状態です。データの受信とUIの更新が完了したら、このメソッドを呼び出してロードが完了したことを知らせます。このメソッドは、無限スクロールの状態を `loading` から `enabled` へと変更します。", @@ -7615,6 +9550,11 @@ "event": "ionInfinite", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "スクロールが閾値の距離に達したときに発行されます。非同期処理が完了したら、無限ハンドラから無限スクロールの `complete()` メソッドを呼び出す必要があります。", @@ -7630,7 +9570,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/input/input.tsx", + "filePath": "src/components/input/input.tsx", "encapsulation": "scoped", "tag": "ion-input", "docs": "", @@ -7638,6 +9578,10 @@ { "name": "virtualProp", "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use." + }, + { + "name": "slot", + "text": "label - The label text to associate with the input. Use the `labelPlacement` property to control where the label is placed relative to the input. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)" } ], "usage": {}, @@ -7645,6 +9589,11 @@ { "name": "accept", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "accept", "reflectToAttr": false, @@ -7669,6 +9618,11 @@ { "name": "autocapitalize", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "autocapitalize", "reflectToAttr": false, @@ -7686,6 +9640,17 @@ { "name": "autocomplete", "type": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"", + "complexType": { + "original": "AutocompleteTypes", + "resolved": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"", + "references": { + "AutocompleteTypes": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AutocompleteTypes" + } + } + }, "mutable": false, "attr": "autocomplete", "reflectToAttr": false, @@ -7916,6 +9881,11 @@ { "name": "autocorrect", "type": "\"off\" | \"on\"", + "complexType": { + "original": "'on' | 'off'", + "resolved": "\"off\" | \"on\"", + "references": {} + }, "mutable": false, "attr": "autocorrect", "reflectToAttr": false, @@ -7938,6 +9908,11 @@ { "name": "autofocus", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "autofocus", "reflectToAttr": false, @@ -7955,6 +9930,11 @@ { "name": "clearInput", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "clear-input", "reflectToAttr": false, @@ -7972,6 +9952,11 @@ { "name": "clearOnEdit", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "clear-on-edit", "reflectToAttr": false, @@ -7991,6 +9976,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -8046,6 +10042,11 @@ { "name": "counter", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "counter", "reflectToAttr": false, @@ -8063,6 +10064,11 @@ { "name": "counterFormatter", "type": "((inputLength: number, maxLength: number) => string) | undefined", + "complexType": { + "original": "(inputLength: number, maxLength: number) => string", + "resolved": "((inputLength: number, maxLength: number) => string) | undefined", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "カウンターのテキストをフォーマットするために使用されるコールバックです。デフォルトでは、カウンターのテキストは\"itemLength / maxLength\"に設定されています。", @@ -8081,6 +10087,11 @@ { "name": "debounce", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "debounce", "reflectToAttr": false, @@ -8100,6 +10111,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -8117,6 +10133,11 @@ { "name": "enterkeyhint", "type": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined", + "complexType": { + "original": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'", + "resolved": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined", + "references": {} + }, "mutable": false, "attr": "enterkeyhint", "reflectToAttr": false, @@ -8161,6 +10182,11 @@ { "name": "errorText", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "error-text", "reflectToAttr": false, @@ -8180,6 +10206,11 @@ { "name": "fill", "type": "\"outline\" | \"solid\" | undefined", + "complexType": { + "original": "'outline' | 'solid'", + "resolved": "\"outline\" | \"solid\" | undefined", + "references": {} + }, "mutable": false, "attr": "fill", "reflectToAttr": false, @@ -8204,6 +10235,11 @@ { "name": "helperText", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "helper-text", "reflectToAttr": false, @@ -8223,6 +10259,11 @@ { "name": "inputmode", "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined", + "complexType": { + "original": "'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'", + "resolved": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined", + "references": {} + }, "mutable": false, "attr": "inputmode", "reflectToAttr": false, @@ -8271,10 +10312,15 @@ { "name": "label", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, - "docs": "Inputに関連する可視ラベル。", + "docs": "The visible label associated with the input.\n\nUse this if you need to render a plaintext label.\n\nThe `label` property will take priority over the `label` slot if both are used.", "docsTags": [], "values": [ { @@ -8290,6 +10336,11 @@ { "name": "labelPlacement", "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\"", + "complexType": { + "original": "'start' | 'end' | 'floating' | 'stacked' | 'fixed'", + "resolved": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\"", + "references": {} + }, "mutable": false, "attr": "label-placement", "reflectToAttr": false, @@ -8324,6 +10375,11 @@ { "name": "legacy", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "legacy", "reflectToAttr": false, @@ -8343,6 +10399,11 @@ { "name": "max", "type": "number | string | undefined", + "complexType": { + "original": "string | number", + "resolved": "number | string | undefined", + "references": {} + }, "mutable": false, "attr": "max", "reflectToAttr": false, @@ -8365,6 +10426,11 @@ { "name": "maxlength", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "maxlength", "reflectToAttr": false, @@ -8384,6 +10450,11 @@ { "name": "min", "type": "number | string | undefined", + "complexType": { + "original": "string | number", + "resolved": "number | string | undefined", + "references": {} + }, "mutable": false, "attr": "min", "reflectToAttr": false, @@ -8406,6 +10477,11 @@ { "name": "minlength", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "minlength", "reflectToAttr": false, @@ -8446,6 +10522,11 @@ { "name": "multiple", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "multiple", "reflectToAttr": false, @@ -8465,6 +10546,11 @@ { "name": "name", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "name", "reflectToAttr": false, @@ -8482,6 +10568,11 @@ { "name": "pattern", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "pattern", "reflectToAttr": false, @@ -8501,6 +10592,11 @@ { "name": "placeholder", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, @@ -8520,6 +10616,11 @@ { "name": "readonly", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "readonly", "reflectToAttr": false, @@ -8537,6 +10638,11 @@ { "name": "required", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "required", "reflectToAttr": false, @@ -8554,6 +10660,11 @@ { "name": "shape", "type": "\"round\" | undefined", + "complexType": { + "original": "'round'", + "resolved": "\"round\" | undefined", + "references": {} + }, "mutable": false, "attr": "shape", "reflectToAttr": false, @@ -8574,10 +10685,15 @@ { "name": "size", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "size", "reflectToAttr": false, - "docs": "コントロールの初期サイズ。ただし、type属性の値が `\"text\"` または `\"password\"` である場合は、整数値の文字数です。この属性は、`type`属性が `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, または `\"password\"` に設定されている場合にのみ適用され、それ以外の場合は無視されます。", + "docs": "", "docsTags": [], "values": [ { @@ -8593,6 +10709,11 @@ { "name": "spellcheck", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "spellcheck", "reflectToAttr": false, @@ -8610,6 +10731,11 @@ { "name": "step", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "step", "reflectToAttr": false, @@ -8629,6 +10755,17 @@ { "name": "type", "type": "\"date\" | \"datetime-local\" | \"email\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"", + "complexType": { + "original": "TextFieldTypes", + "resolved": "\"date\" | \"datetime-local\" | \"email\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"", + "references": { + "TextFieldTypes": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::TextFieldTypes" + } + } + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -8691,6 +10828,11 @@ { "name": "value", "type": "null | number | string | undefined", + "complexType": { + "original": "string | number | null", + "resolved": "null | number | string | undefined", + "references": {} + }, "mutable": true, "attr": "value", "reflectToAttr": false, @@ -8722,6 +10864,21 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "HTMLInputElement": { + "location": "global", + "id": "global::HTMLInputElement" + } + }, + "return": "Promise" + }, "signature": "getInputElement() => Promise", "parameters": [], "docs": "要素の内部で使用されているネイティブの `` 要素を返します。", @@ -8733,9 +10890,20 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "setFocus() => Promise", "parameters": [], - "docs": "`ion-input` のネイティブ `input` にフォーカスを設定します。グローバルな `input.focus()` の代わりに、このメソッドを使用します。 ページが入ったときにInputにフォーカスを当てたい開発者は、`ionViewDidEnter()` ライフサイクルメソッドの中で `setFocus()` を呼び出してください。", + "docs": "Sets focus on the native `input` in `ion-input`. Use this method instead of the global\n`input.focus()`.\n\nDevelopers who wish to focus an input when a page enters\nshould call `setFocus()` in the `ionViewDidEnter()` lifecycle method.\n\nDevelopers who wish to focus an input when an overlay is presented\nshould call `setFocus` after `didPresent` has resolved.", "docsTags": [] } ], @@ -8744,6 +10912,16 @@ "event": "ionBlur", "detail": "FocusEvent", "bubbles": true, + "complexType": { + "original": "FocusEvent", + "resolved": "FocusEvent", + "references": { + "FocusEvent": { + "location": "global", + "id": "global::FocusEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Inputのフォーカスが外れたときに発行されます。", @@ -8753,15 +10931,36 @@ "event": "ionChange", "detail": "InputChangeEventDetail", "bubbles": true, + "complexType": { + "original": "InputChangeEventDetail", + "resolved": "InputChangeEventDetail", + "references": { + "InputChangeEventDetail": { + "location": "import", + "path": "./input-interface", + "id": "src/components/input/input-interface.ts::InputChangeEventDetail" + } + } + }, "cancelable": true, "composed": true, - "docs": "`ionChange` イベントは、ユーザーが要素の値を変更したときに `` 要素に対して発生します。 `ionInput` イベントとは異なり、`ionChange` イベントは必ずしも要素の値が変更されるたびに発生するわけではない。 ユーザーが要素と対話する方法に応じて、`ionChange` イベントは次のような異なるタイミングで発生します。 - ユーザーが明示的に変更をコミットしたとき (例えば、`` の日付ピッカーから日付を選択し、「Enter」キーを押すなど)。- 値が変更された後、要素がフォーカスを失ったとき:ユーザーの対話がタイピングである要素について。", + "docs": "The `ionChange` event is fired when the user modifies the input's value.\nUnlike the `ionInput` event, the `ionChange` event is only fired when changes\nare committed, not as the user types.\n\nDepending on the way the users interacts with the element, the `ionChange`\nevent fires at a different moment:\n- When the user commits the change explicitly (e.g. by selecting a date\nfrom a date picker for ``, pressing the \"Enter\" key, etc.).\n- When the element loses focus after its value has changed: for elements\nwhere the user's interaction is typing.", "docsTags": [] }, { "event": "ionFocus", "detail": "FocusEvent", "bubbles": true, + "complexType": { + "original": "FocusEvent", + "resolved": "FocusEvent", + "references": { + "FocusEvent": { + "location": "global", + "id": "global::FocusEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Inputにフォーカスが当たったときに発行されます。", @@ -8771,9 +10970,20 @@ "event": "ionInput", "detail": "InputInputEventDetail", "bubbles": true, + "complexType": { + "original": "InputInputEventDetail", + "resolved": "InputInputEventDetail", + "references": { + "InputInputEventDetail": { + "location": "import", + "path": "./input-interface", + "id": "src/components/input/input-interface.ts::InputInputEventDetail" + } + } + }, "cancelable": true, "composed": true, - "docs": "`ionInput`イベントは `` 要素の `value` が変更されたときに発生するイベントです。 テキスト入力を受け付ける要素 (`type=text`, `type=tel` など) のインタフェースは [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent) である。その他の要素のインタフェースは [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event) です。編集時に入力がクリアされる場合、型は `null` となります。", + "docs": "The `ionInput` event is fired each time the user modifies the input's value.\nUnlike the `ionChange` event, the `ionInput` event is fired for each alteration\nto the input's value. This typically happens for each keystroke as the user types.\n\nFor elements that accept text input (`type=text`, `type=tel`, etc.), the interface\nis [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\nthe interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\nthe input is cleared on edit, the type is `null`.", "docsTags": [] } ], @@ -8792,7 +11002,7 @@ { "name": "--border-radius", "annotation": "prop", - "docs": "Inputの半径" + "docs": "Radius of the input. A large radius may display unevenly when using fill=\"outline\"; if needed, use shape=\"round\" instead or increase --padding-start." }, { "name": "--border-style", @@ -8865,7 +11075,12 @@ "docs": "InputのPlaceholderテキストの不透明度" } ], - "slots": [], + "slots": [ + { + "name": "label", + "docs": "The label text to associate with the input. Use the `labelPlacement` property to control where the label is placed relative to the input. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)" + } + ], "parts": [], "dependents": [], "dependencies": [ @@ -8878,7 +11093,7 @@ } }, { - "filePath": "./src/components/item-divider/item-divider.tsx", + "filePath": "src/components/item-divider/item-divider.tsx", "encapsulation": "shadow", "tag": "ion-item-divider", "docs": "", @@ -8905,6 +11120,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -8981,6 +11207,11 @@ { "name": "sticky", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "sticky", "reflectToAttr": false, @@ -9071,7 +11302,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/item-group/item-group.tsx", + "filePath": "src/components/item-group/item-group.tsx", "encapsulation": "none", "tag": "ion-item-group", "docs": "", @@ -9089,7 +11320,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/item-option/item-option.tsx", + "filePath": "src/components/item-option/item-option.tsx", "encapsulation": "shadow", "tag": "ion-item-option", "docs": "", @@ -9132,6 +11363,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -9187,6 +11429,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -9204,6 +11451,11 @@ { "name": "download", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "download", "reflectToAttr": false, @@ -9223,6 +11475,11 @@ { "name": "expandable", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "expandable", "reflectToAttr": false, @@ -9240,6 +11497,11 @@ { "name": "href", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "href", "reflectToAttr": false, @@ -9280,6 +11542,11 @@ { "name": "rel", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "rel", "reflectToAttr": false, @@ -9299,6 +11566,11 @@ { "name": "target", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "target", "reflectToAttr": false, @@ -9318,6 +11590,11 @@ { "name": "type", "type": "\"button\" | \"reset\" | \"submit\"", + "complexType": { + "original": "'submit' | 'reset' | 'button'", + "resolved": "\"button\" | \"reset\" | \"submit\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -9400,7 +11677,7 @@ } }, { - "filePath": "./src/components/item-options/item-options.tsx", + "filePath": "src/components/item-options/item-options.tsx", "encapsulation": "none", "tag": "ion-item-options", "docs": "", @@ -9410,6 +11687,17 @@ { "name": "side", "type": "\"end\" | \"start\"", + "complexType": { + "original": "Side", + "resolved": "\"end\" | \"start\"", + "references": { + "Side": { + "location": "import", + "path": "../menu/menu-interface", + "id": "src/components/menu/menu-interface.ts::Side" + } + } + }, "mutable": false, "attr": "side", "reflectToAttr": false, @@ -9436,6 +11724,11 @@ "event": "ionSwipe", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "アイテムが完全にスワイプされたときに発行されます。", @@ -9451,7 +11744,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/item-sliding/item-sliding.tsx", + "filePath": "src/components/item-sliding/item-sliding.tsx", "encapsulation": "none", "tag": "ion-item-sliding", "docs": "", @@ -9461,6 +11754,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -9483,6 +11781,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "close() => Promise", "parameters": [], "docs": "スライドしているアイテムを閉じる。アイテムは[リスト](./list)からも閉じることができます。", @@ -9494,6 +11803,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "closeOpened() => Promise", "parameters": [], "docs": "リスト内のスライドアイテムをすべて閉じます。アイテムは、[リスト](./list)からも閉じることができます。", @@ -9505,6 +11825,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "getOpenAmount() => Promise", "parameters": [], "docs": "アイテムが開いている量をピクセル単位で取得します。", @@ -9516,6 +11847,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "getSlidingRatio() => Promise", "parameters": [], "docs": "オプションの幅と比較した、アイテムのオープン量の比率を取得します。返された数値が正の場合、右側のオプションが開いていることになります。返された数値が負の場合、左側のオプションが開いています。数値の絶対値が1より大きい場合、その項目は選択肢の幅より多く開いていることになります。", @@ -9527,6 +11869,32 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(side: Side | undefined) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "side The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item." + } + ], + "text": "The side of the options to open. If a side is not provided, it will open the first set of options it finds within the item." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "Side": { + "location": "import", + "path": "../menu/menu-interface", + "id": "src/components/menu/menu-interface.ts::Side" + } + }, + "return": "Promise" + }, "signature": "open(side: Side | undefined) => Promise", "parameters": [], "docs": "スライド式の項目を開く。", @@ -9543,6 +11911,11 @@ "event": "ionDrag", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "スライド位置が変化したときに発行されます。", @@ -9558,7 +11931,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/item/item.tsx", + "filePath": "src/components/item/item.tsx", "encapsulation": "shadow", "tag": "ion-item", "docs": "", @@ -9601,6 +11974,11 @@ { "name": "button", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "button", "reflectToAttr": false, @@ -9618,6 +11996,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -9673,6 +12062,11 @@ { "name": "counter", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "counter", "reflectToAttr": false, @@ -9696,6 +12090,17 @@ { "name": "counterFormatter", "type": "((inputLength: number, maxLength: number) => string) | undefined", + "complexType": { + "original": "CounterFormatter", + "resolved": "((inputLength: number, maxLength: number) => string) | undefined", + "references": { + "CounterFormatter": { + "location": "import", + "path": "./item-interface", + "id": "src/components/item/item-interface.ts::CounterFormatter" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "カウンターのテキストをフォーマットするために使用されるコールバックです。デフォルトでは、カウンターのテキストは\"itemLength / maxLength\"に設定されています。", @@ -9720,6 +12125,11 @@ { "name": "detail", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "detail", "reflectToAttr": false, @@ -9739,6 +12149,11 @@ { "name": "detailIcon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "detail-icon", "reflectToAttr": false, @@ -9756,6 +12171,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -9773,6 +12193,11 @@ { "name": "download", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "download", "reflectToAttr": false, @@ -9792,6 +12217,11 @@ { "name": "fill", "type": "\"outline\" | \"solid\" | undefined", + "complexType": { + "original": "'outline' | 'solid'", + "resolved": "\"outline\" | \"solid\" | undefined", + "references": {} + }, "mutable": false, "attr": "fill", "reflectToAttr": false, @@ -9816,6 +12246,11 @@ { "name": "href", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "href", "reflectToAttr": false, @@ -9835,6 +12270,11 @@ { "name": "lines", "type": "\"full\" | \"inset\" | \"none\" | undefined", + "complexType": { + "original": "'full' | 'inset' | 'none'", + "resolved": "\"full\" | \"inset\" | \"none\" | undefined", + "references": {} + }, "mutable": false, "attr": "lines", "reflectToAttr": false, @@ -9884,6 +12324,11 @@ { "name": "rel", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "rel", "reflectToAttr": false, @@ -9903,6 +12348,17 @@ { "name": "routerAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder | undefined", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ルータを使用する場合、`href`を使用して別のページに移動する際の遷移アニメーションを指定します。", @@ -9921,6 +12377,17 @@ { "name": "routerDirection", "type": "\"back\" | \"forward\" | \"root\"", + "complexType": { + "original": "RouterDirection", + "resolved": "\"back\" | \"forward\" | \"root\"", + "references": { + "RouterDirection": { + "location": "import", + "path": "../router/utils/interface", + "id": "src/components/router/utils/interface.ts::RouterDirection" + } + } + }, "mutable": false, "attr": "router-direction", "reflectToAttr": false, @@ -9947,6 +12414,11 @@ { "name": "shape", "type": "\"round\" | undefined", + "complexType": { + "original": "'round'", + "resolved": "\"round\" | undefined", + "references": {} + }, "mutable": false, "attr": "shape", "reflectToAttr": false, @@ -9967,6 +12439,11 @@ { "name": "target", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "target", "reflectToAttr": false, @@ -9986,6 +12463,11 @@ { "name": "type", "type": "\"button\" | \"reset\" | \"submit\"", + "complexType": { + "original": "'submit' | 'reset' | 'button'", + "resolved": "\"button\" | \"reset\" | \"submit\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -10123,22 +12605,22 @@ { "name": "--highlight-color-focused", "annotation": "prop", - "docs": "フォーカスされたときのアイテムのハイライトの色" + "docs": "The color of the highlight on the item when focused. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax." }, { "name": "--highlight-color-invalid", "annotation": "prop", - "docs": "無効時のアイテムのハイライトの色" + "docs": "The color of the highlight on the item when invalid. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax." }, { "name": "--highlight-color-valid", "annotation": "prop", - "docs": "有効時のアイテム上のハイライトの色" + "docs": "The color of the highlight on the item when valid. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax." }, { "name": "--highlight-height", "annotation": "prop", - "docs": "アイテムに表示されるハイライトの高さ" + "docs": "The height of the highlight on the item. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax." }, { "name": "--inner-border-width", @@ -10262,7 +12744,7 @@ } }, { - "filePath": "./src/components/label/label.tsx", + "filePath": "src/components/label/label.tsx", "encapsulation": "scoped", "tag": "ion-label", "docs": "", @@ -10277,6 +12759,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -10353,6 +12846,11 @@ { "name": "position", "type": "\"fixed\" | \"floating\" | \"stacked\" | undefined", + "complexType": { + "original": "'fixed' | 'stacked' | 'floating'", + "resolved": "\"fixed\" | \"floating\" | \"stacked\" | undefined", + "references": {} + }, "mutable": false, "attr": "position", "reflectToAttr": false, @@ -10406,7 +12904,7 @@ } }, { - "filePath": "./src/components/list-header/list-header.tsx", + "filePath": "src/components/list-header/list-header.tsx", "encapsulation": "shadow", "tag": "ion-list-header", "docs": "", @@ -10421,6 +12919,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -10476,6 +12985,11 @@ { "name": "lines", "type": "\"full\" | \"inset\" | \"none\" | undefined", + "complexType": { + "original": "'full' | 'inset' | 'none'", + "resolved": "\"full\" | \"inset\" | \"none\" | undefined", + "references": {} + }, "mutable": false, "attr": "lines", "reflectToAttr": false, @@ -10571,7 +13085,7 @@ } }, { - "filePath": "./src/components/list/list.tsx", + "filePath": "src/components/list/list.tsx", "encapsulation": "none", "tag": "ion-list", "docs": "", @@ -10586,6 +13100,11 @@ { "name": "inset", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "inset", "reflectToAttr": false, @@ -10603,6 +13122,11 @@ { "name": "lines", "type": "\"full\" | \"inset\" | \"none\" | undefined", + "complexType": { + "original": "'full' | 'inset' | 'none'", + "resolved": "\"full\" | \"inset\" | \"none\" | undefined", + "references": {} + }, "mutable": false, "attr": "lines", "reflectToAttr": false, @@ -10657,6 +13181,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "closeSlidingItems() => Promise", "parameters": [], "docs": "リスト内で `ion-item-sliding` が使用されている場合、このメソッドは開いているスライドアイテムを閉じる。 実際に `ion-item-sliding` が閉じられた場合は `true` を返します。", @@ -10679,7 +13214,7 @@ } }, { - "filePath": "./src/components/loading/loading.tsx", + "filePath": "src/components/loading/loading.tsx", "encapsulation": "scoped", "tag": "ion-loading", "docs": "", @@ -10694,6 +13229,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -10711,6 +13251,11 @@ { "name": "backdropDismiss", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "backdrop-dismiss", "reflectToAttr": false, @@ -10728,6 +13273,11 @@ { "name": "cssClass", "type": "string | string[] | undefined", + "complexType": { + "original": "string | string[]", + "resolved": "string | string[] | undefined", + "references": {} + }, "mutable": false, "attr": "css-class", "reflectToAttr": false, @@ -10750,6 +13300,11 @@ { "name": "duration", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "duration", "reflectToAttr": false, @@ -10767,6 +13322,17 @@ { "name": "enterAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ローディングインジケータが表示されたときに使用するアニメーションです。", @@ -10785,6 +13351,11 @@ { "name": "htmlAttributes", "type": "undefined | { [key: string]: any; }", + "complexType": { + "original": "{ [key: string]: any }", + "resolved": "undefined | { [key: string]: any; }", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "ローダーに渡す追加属性。", @@ -10803,6 +13374,11 @@ { "name": "isOpen", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "is-open", "reflectToAttr": false, @@ -10820,6 +13396,11 @@ { "name": "keyboardClose", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "keyboard-close", "reflectToAttr": false, @@ -10837,6 +13418,17 @@ { "name": "leaveAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ローディングインジケータが解除されたときに使用するアニメーションです。", @@ -10855,6 +13447,17 @@ { "name": "message", "type": "IonicSafeString | string | undefined", + "complexType": { + "original": "string | IonicSafeString", + "resolved": "IonicSafeString | string | undefined", + "references": { + "IonicSafeString": { + "location": "import", + "path": "../../utils/sanitization", + "id": "src/utils/sanitization/index.ts::IonicSafeString" + } + } + }, "mutable": false, "attr": "message", "reflectToAttr": false, @@ -10898,6 +13501,11 @@ { "name": "showBackdrop", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-backdrop", "reflectToAttr": false, @@ -10915,6 +13523,17 @@ { "name": "spinner", "type": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | null | undefined", + "complexType": { + "original": "SpinnerTypes | null", + "resolved": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | null | undefined", + "references": { + "SpinnerTypes": { + "location": "import", + "path": "../spinner/spinner-configs", + "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes" + } + } + }, "mutable": true, "attr": "spinner", "reflectToAttr": false, @@ -10970,6 +13589,11 @@ { "name": "translucent", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "translucent", "reflectToAttr": false, @@ -10987,6 +13611,11 @@ { "name": "trigger", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "trigger", "reflectToAttr": false, @@ -11011,6 +13640,36 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(data?: any, role?: string) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "data Any data to emit in the dismiss events." + } + ], + "text": "Any data to emit in the dismiss events." + }, + { + "tags": [ + { + "name": "param", + "text": "role The role of the element that is dismissing the loading.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the loading.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`." + } + ], + "text": "The role of the element that is dismissing the loading.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the loading.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "dismiss(data?: any, role?: string) => Promise", "parameters": [], "docs": "ローディングオーバーレイが提示された後、それを解除します。", @@ -11031,6 +13690,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onDidDismiss() => Promise>", "parameters": [], "docs": "ローディングが解除されたタイミングを解決するPromiseを返します。", @@ -11042,6 +13721,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onWillDismiss() => Promise>", "parameters": [], "docs": "ローディングが解除されるタイミングを解決するPromiseを返します。", @@ -11053,6 +13752,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "present() => Promise", "parameters": [], "docs": "作成後のローディングオーバーレイを提示します。", @@ -11064,6 +13774,17 @@ "event": "didDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ローディングインジケータが解除された後に発行されます。ionLoadingDidDismissの略記。", @@ -11073,6 +13794,11 @@ "event": "didPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ローディングインジケータが提示された後に放出される。ionLoadingWillDismissの略記。", @@ -11082,6 +13808,17 @@ "event": "ionLoadingDidDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ローディングが解除された後に発行されます。", @@ -11091,6 +13828,11 @@ "event": "ionLoadingDidPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ローディングが提示された後に発行されます。", @@ -11100,6 +13842,17 @@ "event": "ionLoadingWillDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ローディングが解除される前に発行されます。", @@ -11109,6 +13862,11 @@ "event": "ionLoadingWillPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ローディングが提示される前に発行されます。", @@ -11118,6 +13876,17 @@ "event": "willDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ローディングインジケータが解散する前に発行されます。ionLoadingWillDismissの略記です。", @@ -11127,6 +13896,11 @@ "event": "willPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ローディングインジケータが提示される前に発行されます。ionLoadingWillPresentの略記。", @@ -11196,7 +13970,7 @@ } }, { - "filePath": "./src/components/menu-button/menu-button.tsx", + "filePath": "src/components/menu-button/menu-button.tsx", "encapsulation": "shadow", "tag": "ion-menu-button", "docs": "", @@ -11219,6 +13993,11 @@ { "name": "autoHide", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "auto-hide", "reflectToAttr": false, @@ -11236,6 +14015,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -11291,6 +14081,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -11308,6 +14103,11 @@ { "name": "menu", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "menu", "reflectToAttr": false, @@ -11348,6 +14148,11 @@ { "name": "type", "type": "\"button\" | \"reset\" | \"submit\"", + "complexType": { + "original": "'submit' | 'reset' | 'button'", + "resolved": "\"button\" | \"reset\" | \"submit\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -11479,7 +14284,7 @@ } }, { - "filePath": "./src/components/menu-toggle/menu-toggle.tsx", + "filePath": "src/components/menu-toggle/menu-toggle.tsx", "encapsulation": "shadow", "tag": "ion-menu-toggle", "docs": "", @@ -11494,6 +14299,11 @@ { "name": "autoHide", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "auto-hide", "reflectToAttr": false, @@ -11511,6 +14321,11 @@ { "name": "menu", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "menu", "reflectToAttr": false, @@ -11557,7 +14372,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/menu/menu.tsx", + "filePath": "src/components/menu/menu.tsx", "encapsulation": "shadow", "tag": "ion-menu", "docs": "", @@ -11576,6 +14391,11 @@ { "name": "contentId", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "content-id", "reflectToAttr": true, @@ -11595,6 +14415,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "disabled", "reflectToAttr": false, @@ -11612,6 +14437,11 @@ { "name": "maxEdgeStart", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "max-edge-start", "reflectToAttr": false, @@ -11629,6 +14459,11 @@ { "name": "menuId", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "menu-id", "reflectToAttr": true, @@ -11648,6 +14483,17 @@ { "name": "side", "type": "\"end\" | \"start\"", + "complexType": { + "original": "Side", + "resolved": "\"end\" | \"start\"", + "references": { + "Side": { + "location": "import", + "path": "./menu-interface", + "id": "src/components/menu/menu-interface.ts::Side" + } + } + }, "mutable": false, "attr": "side", "reflectToAttr": true, @@ -11670,6 +14516,11 @@ { "name": "swipeGesture", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "swipe-gesture", "reflectToAttr": false, @@ -11687,6 +14538,11 @@ { "name": "type", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": true, "attr": "type", "reflectToAttr": false, @@ -11711,6 +14567,22 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(animated?: boolean) => Promise", + "parameters": [ + { + "tags": [], + "text": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "close(animated?: boolean) => Promise", "parameters": [], "docs": "メニューを閉じる。メニューが既に閉じられていたり、閉じることができない場合は、`false`を返します。", @@ -11722,6 +14594,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "isActive() => Promise", "parameters": [], "docs": "メニューがアクティブであれば `true` を返します。 メニューがアクティブな状態とは、メニューを開いたり閉じたりできる状態、つまり有効な状態であり、`ion-split-pane`の一部でない状態であることを意味します。", @@ -11733,6 +14616,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "isOpen() => Promise", "parameters": [], "docs": "メニューが開いている場合は `true` を返します。", @@ -11744,6 +14638,22 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(animated?: boolean) => Promise", + "parameters": [ + { + "tags": [], + "text": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "open(animated?: boolean) => Promise", "parameters": [], "docs": "メニューを開く。メニューが既に開いているか、開くことができない場合は、`false`を返します。", @@ -11755,6 +14665,26 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(shouldOpen: boolean, animated?: boolean) => Promise", + "parameters": [ + { + "tags": [], + "text": "" + }, + { + "tags": [], + "text": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "setOpen(shouldOpen: boolean, animated?: boolean) => Promise", "parameters": [], "docs": "ボタンを開いたり閉じたりします。操作が正常に完了しない場合は `false` を返します。", @@ -11766,6 +14696,22 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(animated?: boolean) => Promise", + "parameters": [ + { + "tags": [], + "text": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "toggle(animated?: boolean) => Promise", "parameters": [], "docs": "メニューを切り替えます。メニューが既に開かれている場合は閉じようとし、そうでない場合は開こうとします。操作が正常に完了しない場合は、`false`を返します。", @@ -11777,6 +14723,11 @@ "event": "ionDidClose", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "メニューが閉じられたときに発行されます。", @@ -11786,6 +14737,11 @@ "event": "ionDidOpen", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "メニューが開いているときに発行されます。", @@ -11795,6 +14751,11 @@ "event": "ionWillClose", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "メニューが閉じられようとするときに発行されます。", @@ -11804,6 +14765,11 @@ "event": "ionWillOpen", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "メニューが開かれようとするときに発行されます。", @@ -11887,7 +14853,7 @@ } }, { - "filePath": "./src/components/modal/modal.tsx", + "filePath": "src/components/modal/modal.tsx", "encapsulation": "shadow", "tag": "ion-modal", "docs": "", @@ -11918,6 +14884,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -11935,6 +14906,11 @@ { "name": "backdropBreakpoint", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "backdrop-breakpoint", "reflectToAttr": false, @@ -11952,6 +14928,11 @@ { "name": "backdropDismiss", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "backdrop-dismiss", "reflectToAttr": false, @@ -11969,6 +14950,11 @@ { "name": "breakpoints", "type": "number[] | undefined", + "complexType": { + "original": "number[]", + "resolved": "number[] | undefined", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "シート モーダルを作成するときに使用するブレークポイントです。配列の各値は 0 から 1 の間の 10 進数でなければならず、0 はモーダルが完全に閉じていることを、1 はモーダルが完全に開いていることを示しています。値は、画面の高さではなく、モーダルの高さに対する相対値です。この配列の値の1つは、`initialBreakpoint` プロパティの値でなければなりません。例えば[0, .25, .5, 1]", @@ -11987,6 +14973,16 @@ { "name": "canDismiss", "type": "((data?: any, role?: string | undefined) => Promise) | boolean", + "complexType": { + "original": "boolean | ((data?: any, role?: string) => Promise)", + "resolved": "((data?: any, role?: string | undefined) => Promise) | boolean", + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + } + }, "mutable": false, "attr": "can-dismiss", "reflectToAttr": false, @@ -12010,6 +15006,17 @@ { "name": "enterAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "モーダルが表示されたときに使用するアニメーション。", @@ -12028,6 +15035,11 @@ { "name": "handle", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "handle", "reflectToAttr": false, @@ -12047,6 +15059,17 @@ { "name": "handleBehavior", "type": "\"cycle\" | \"none\" | undefined", + "complexType": { + "original": "ModalHandleBehavior", + "resolved": "\"cycle\" | \"none\" | undefined", + "references": { + "ModalHandleBehavior": { + "location": "import", + "path": "./modal-interface", + "id": "src/components/modal/modal-interface.ts::ModalHandleBehavior" + } + } + }, "mutable": false, "attr": "handle-behavior", "reflectToAttr": false, @@ -12072,6 +15095,11 @@ { "name": "htmlAttributes", "type": "undefined | { [key: string]: any; }", + "complexType": { + "original": "{ [key: string]: any }", + "resolved": "undefined | { [key: string]: any; }", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "モーダルに渡す追加属性。", @@ -12090,6 +15118,11 @@ { "name": "initialBreakpoint", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "initial-breakpoint", "reflectToAttr": false, @@ -12109,6 +15142,11 @@ { "name": "isOpen", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "is-open", "reflectToAttr": false, @@ -12126,6 +15164,11 @@ { "name": "keepContentsMounted", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "keep-contents-mounted", "reflectToAttr": false, @@ -12143,6 +15186,11 @@ { "name": "keyboardClose", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "keyboard-close", "reflectToAttr": false, @@ -12160,6 +15208,17 @@ { "name": "leaveAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "モーダルが解除されたときに使用するアニメーションです。", @@ -12199,6 +15258,16 @@ { "name": "presentingElement", "type": "HTMLElement | undefined", + "complexType": { + "original": "HTMLElement", + "resolved": "HTMLElement | undefined", + "references": { + "HTMLElement": { + "location": "global", + "id": "global::HTMLElement" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "モーダルを提示した要素です。カード提示効果や、複数のモーダルを重ねる場合に使用します。iOS modeでのみ適用されます。", @@ -12217,6 +15286,11 @@ { "name": "showBackdrop", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-backdrop", "reflectToAttr": false, @@ -12234,6 +15308,11 @@ { "name": "trigger", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "trigger", "reflectToAttr": false, @@ -12258,6 +15337,40 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(data?: any, role?: string) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "data Any data to emit in the dismiss events." + } + ], + "text": "Any data to emit in the dismiss events." + }, + { + "tags": [ + { + "name": "param", + "text": "role The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'." + } + ], + "text": "The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "ModalDismissOptions": { + "location": "global", + "id": "global::ModalDismissOptions" + } + }, + "return": "Promise" + }, "signature": "dismiss(data?: any, role?: string) => Promise", "parameters": [], "docs": "モーダルオーバーレイが表示された後、それを解除します。", @@ -12278,6 +15391,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "getCurrentBreakpoint() => Promise", "parameters": [], "docs": "シートスタイルモーダルの現在のブレークポイントを返します。", @@ -12289,6 +15413,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onDidDismiss() => Promise>", "parameters": [], "docs": "モーダルが解除されたときに解決するPromiseを返します。", @@ -12300,6 +15444,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onWillDismiss() => Promise>", "parameters": [], "docs": "モーダルがいつ解散するかを解決するPromiseを返します。", @@ -12311,6 +15475,21 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "ModalPresentOptions": { + "location": "global", + "id": "global::ModalPresentOptions" + } + }, + "return": "Promise" + }, "signature": "present() => Promise", "parameters": [], "docs": "モーダルオーバーレイを作成した後に提示します。", @@ -12322,6 +15501,22 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(breakpoint: number) => Promise", + "parameters": [ + { + "tags": [], + "text": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "setCurrentBreakpoint(breakpoint: number) => Promise", "parameters": [], "docs": "シートスタイルモーダルを特定のブレークポイントに移動します。ブレークポイントの値は、 `breakpoints` 配列で定義された値でなければなりません。", @@ -12333,6 +15528,17 @@ "event": "didDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "モーダルが解散した後に発行されます。ionModalDidDismiss の略記です。", @@ -12342,6 +15548,11 @@ "event": "didPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "モーダルが提示された後に発行されます。ionModalDidPresent の略記です。", @@ -12351,6 +15562,17 @@ "event": "ionBreakpointDidChange", "detail": "ModalBreakpointChangeEventDetail", "bubbles": true, + "complexType": { + "original": "ModalBreakpointChangeEventDetail", + "resolved": "ModalBreakpointChangeEventDetail", + "references": { + "ModalBreakpointChangeEventDetail": { + "location": "import", + "path": "./modal-interface", + "id": "src/components/modal/modal-interface.ts::ModalBreakpointChangeEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "モーダルブレークポイントが変更された後に発行されます。", @@ -12360,6 +15582,17 @@ "event": "ionModalDidDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "モーダルが終了した後に発行されます。", @@ -12369,6 +15602,11 @@ "event": "ionModalDidPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "モーダルが提示された後に発行されます。", @@ -12378,6 +15616,17 @@ "event": "ionModalWillDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "モーダルが解散する前に発行されます。", @@ -12387,6 +15636,11 @@ "event": "ionModalWillPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "モーダルが提示される前に発行されます。", @@ -12396,6 +15650,17 @@ "event": "willDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "モーダルが解散する前に発行されます。ionModalWillDismiss の略記です。", @@ -12405,6 +15670,11 @@ "event": "willPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "モーダルが提示される前に発行されます。ionModalWillPresent の略記です。", @@ -12505,7 +15775,7 @@ } }, { - "filePath": "./src/components/nav-link/nav-link.tsx", + "filePath": "src/components/nav-link/nav-link.tsx", "encapsulation": "none", "tag": "ion-nav-link", "docs": "", @@ -12515,6 +15785,17 @@ { "name": "component", "type": "Function | HTMLElement | ViewController | null | string | undefined", + "complexType": { + "original": "NavComponent", + "resolved": "Function | HTMLElement | ViewController | null | string | undefined", + "references": { + "NavComponent": { + "location": "import", + "path": "../nav/nav-interface", + "id": "src/components/nav/nav-interface.ts::NavComponent" + } + } + }, "mutable": false, "attr": "component", "reflectToAttr": false, @@ -12546,6 +15827,17 @@ { "name": "componentProps", "type": "undefined | { [key: string]: any; }", + "complexType": { + "original": "ComponentProps", + "resolved": "undefined | { [key: string]: any; }", + "references": { + "ComponentProps": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::ComponentProps" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "コンポーネントにpropsとして渡したいデータ。routerDirection\"` が `\"forward\"` または `\"root\"` である場合のみ使用します。", @@ -12564,6 +15856,17 @@ { "name": "routerAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "別ページに移動する際の遷移アニメーション。", @@ -12582,6 +15885,17 @@ { "name": "routerDirection", "type": "\"back\" | \"forward\" | \"root\"", + "complexType": { + "original": "RouterDirection", + "resolved": "\"back\" | \"forward\" | \"root\"", + "references": { + "RouterDirection": { + "location": "import", + "path": "../router/utils/interface", + "id": "src/components/router/utils/interface.ts::RouterDirection" + } + } + }, "mutable": false, "attr": "router-direction", "reflectToAttr": false, @@ -12617,7 +15931,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/nav/nav.tsx", + "filePath": "src/components/nav/nav.tsx", "encapsulation": "shadow", "tag": "ion-nav", "docs": "", @@ -12627,6 +15941,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -12644,6 +15963,17 @@ { "name": "animation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "デフォルトでは、`ion-nav` はmode(ios または Material Design)に応じてページ間の遷移をアニメーション化します。しかし、このプロパティは `AnimationBuilder` 関数を使用して、独自の遷移を作成することができます。", @@ -12662,6 +15992,17 @@ { "name": "root", "type": "Function | HTMLElement | ViewController | null | string | undefined", + "complexType": { + "original": "NavComponent", + "resolved": "Function | HTMLElement | ViewController | null | string | undefined", + "references": { + "NavComponent": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavComponent" + } + } + }, "mutable": false, "attr": "root", "reflectToAttr": false, @@ -12693,6 +16034,17 @@ { "name": "rootParams", "type": "undefined | { [key: string]: any; }", + "complexType": { + "original": "ComponentProps", + "resolved": "undefined | { [key: string]: any; }", + "references": { + "ComponentProps": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::ComponentProps" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ルートコンポーネントの任意のパラメータ", @@ -12711,6 +16063,11 @@ { "name": "swipeGesture", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": true, "attr": "swipe-gesture", "reflectToAttr": false, @@ -12735,6 +16092,32 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(view?: ViewController) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "view The view to check." + } + ], + "text": "The view to check." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "ViewController": { + "location": "import", + "path": "./view-controller", + "id": "src/components/nav/view-controller.ts::ViewController" + } + }, + "return": "Promise" + }, "signature": "canGoBack(view?: ViewController) => Promise", "parameters": [], "docs": "現在のビューが戻ることができる場合は `true` を返します。", @@ -12751,6 +16134,22 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "ViewController": { + "location": "import", + "path": "./view-controller", + "id": "src/components/nav/view-controller.ts::ViewController" + } + }, + "return": "Promise" + }, "signature": "getActive() => Promise", "parameters": [], "docs": "アクティブビューを取得します。", @@ -12762,6 +16161,32 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(index: number) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "index The index of the view." + } + ], + "text": "The index of the view." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "ViewController": { + "location": "import", + "path": "./view-controller", + "id": "src/components/nav/view-controller.ts::ViewController" + } + }, + "return": "Promise" + }, "signature": "getByIndex(index: number) => Promise", "parameters": [], "docs": "指定されたインデックスにあるビューを取得します。", @@ -12778,6 +16203,32 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(view?: ViewController) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "view The view to get." + } + ], + "text": "The view to get." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "ViewController": { + "location": "import", + "path": "./view-controller", + "id": "src/components/nav/view-controller.ts::ViewController" + } + }, + "return": "Promise" + }, "signature": "getPrevious(view?: ViewController) => Promise", "parameters": [], "docs": "前のビューを取得します。", @@ -12794,6 +16245,87 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(insertIndex: number, component: T, componentProps?: ComponentProps | null, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "insertIndex The index to insert the component at in the stack." + } + ], + "text": "The index to insert the component at in the stack." + }, + { + "tags": [ + { + "name": "param", + "text": "component The component to insert into the navigation stack." + } + ], + "text": "The component to insert into the navigation stack." + }, + { + "tags": [ + { + "name": "param", + "text": "componentProps Any properties of the component." + } + ], + "text": "Any properties of the component." + }, + { + "tags": [ + { + "name": "param", + "text": "opts The navigation options." + } + ], + "text": "The navigation options." + }, + { + "tags": [ + { + "name": "param", + "text": "done The transition complete function." + } + ], + "text": "The transition complete function." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "NavComponent": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavComponent" + }, + "T": { + "location": "global", + "id": "global::T" + }, + "ComponentProps": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::ComponentProps" + }, + "NavOptions": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavOptions" + }, + "TransitionDoneFn": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::TransitionDoneFn" + } + }, + "return": "Promise" + }, "signature": "insert(insertIndex: number, component: T, componentProps?: ComponentProps | null, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", "parameters": [], "docs": "指定されたインデックスのナビゲーションスタックにコンポーネントを挿入します。これは、ナビゲーションスタックの任意の位置にコンポーネントを追加するのに便利です。", @@ -12826,6 +16358,74 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(insertIndex: number, insertComponents: NavComponent[] | NavComponentWithProps[], opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "insertIndex The index to insert the components at in the stack." + } + ], + "text": "The index to insert the components at in the stack." + }, + { + "tags": [ + { + "name": "param", + "text": "insertComponents The components to insert into the navigation stack." + } + ], + "text": "The components to insert into the navigation stack." + }, + { + "tags": [ + { + "name": "param", + "text": "opts The navigation options." + } + ], + "text": "The navigation options." + }, + { + "tags": [ + { + "name": "param", + "text": "done The transition complete function." + } + ], + "text": "The transition complete function." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "NavComponent": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavComponent" + }, + "NavComponentWithProps": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavComponentWithProps" + }, + "NavOptions": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavOptions" + }, + "TransitionDoneFn": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::TransitionDoneFn" + } + }, + "return": "Promise" + }, "signature": "insertPages(insertIndex: number, insertComponents: NavComponent[] | NavComponentWithProps[], opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", "parameters": [], "docs": "指定されたインデックスのナビゲーションスタックにコンポーネントの配列を挿入します。配列の最後のコンポーネントはビューとしてインスタンス化され、アニメーションしてアクティブビューになります。", @@ -12854,6 +16454,46 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "opts The navigation options." + } + ], + "text": "The navigation options." + }, + { + "tags": [ + { + "name": "param", + "text": "done The transition complete function." + } + ], + "text": "The transition complete function." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "NavOptions": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavOptions" + }, + "TransitionDoneFn": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::TransitionDoneFn" + } + }, + "return": "Promise" + }, "signature": "pop(opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", "parameters": [], "docs": "ナビゲーションスタックからコンポーネントをポップオフします。現在のコンポーネントからナビゲートして戻る。", @@ -12874,6 +16514,65 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(indexOrViewCtrl: number | ViewController, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "indexOrViewCtrl The index or view controller to pop to." + } + ], + "text": "The index or view controller to pop to." + }, + { + "tags": [ + { + "name": "param", + "text": "opts The navigation options." + } + ], + "text": "The navigation options." + }, + { + "tags": [ + { + "name": "param", + "text": "done The transition complete function." + } + ], + "text": "The transition complete function." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "ViewController": { + "location": "import", + "path": "./view-controller", + "id": "src/components/nav/view-controller.ts::ViewController" + }, + "NavOptions": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavOptions" + }, + "TransitionDoneFn": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::TransitionDoneFn" + }, + "TransitionInstruction": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::TransitionInstruction" + } + }, + "return": "Promise" + }, "signature": "popTo(indexOrViewCtrl: number | ViewController, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", "parameters": [], "docs": "ナビゲーションスタック内の特定のインデックスにポップします。", @@ -12898,6 +16597,46 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "opts The navigation options." + } + ], + "text": "The navigation options." + }, + { + "tags": [ + { + "name": "param", + "text": "done The transition complete function." + } + ], + "text": "The transition complete function." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "NavOptions": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavOptions" + }, + "TransitionDoneFn": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::TransitionDoneFn" + } + }, + "return": "Promise" + }, "signature": "popToRoot(opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", "parameters": [], "docs": "スタックのルートまで戻ってナビゲートする、それがどんなに遠くても。", @@ -12918,6 +16657,78 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(component: T, componentProps?: ComponentProps | null, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "component The component to push onto the navigation stack." + } + ], + "text": "The component to push onto the navigation stack." + }, + { + "tags": [ + { + "name": "param", + "text": "componentProps Any properties of the component." + } + ], + "text": "Any properties of the component." + }, + { + "tags": [ + { + "name": "param", + "text": "opts The navigation options." + } + ], + "text": "The navigation options." + }, + { + "tags": [ + { + "name": "param", + "text": "done The transition complete function." + } + ], + "text": "The transition complete function." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "NavComponent": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavComponent" + }, + "T": { + "location": "global", + "id": "global::T" + }, + "ComponentProps": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::ComponentProps" + }, + "NavOptions": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavOptions" + }, + "TransitionDoneFn": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::TransitionDoneFn" + } + }, + "return": "Promise" + }, "signature": "push(component: T, componentProps?: ComponentProps | null, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", "parameters": [], "docs": "新しいコンポーネントを現在のナビゲーションスタックにプッシュします。追加情報があれば、オブジェクトとして一緒に渡す。この追加情報には、NavParamsからアクセスできます。", @@ -12946,6 +16757,64 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(startIndex: number, removeCount?: number, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "startIndex The number to begin removal at." + } + ], + "text": "The number to begin removal at." + }, + { + "tags": [ + { + "name": "param", + "text": "removeCount The number of components to remove." + } + ], + "text": "The number of components to remove." + }, + { + "tags": [ + { + "name": "param", + "text": "opts The navigation options." + } + ], + "text": "The navigation options." + }, + { + "tags": [ + { + "name": "param", + "text": "done The transition complete function." + } + ], + "text": "The transition complete function." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "NavOptions": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavOptions" + }, + "TransitionDoneFn": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::TransitionDoneFn" + } + }, + "return": "Promise" + }, "signature": "removeIndex(startIndex: number, removeCount?: number, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", "parameters": [], "docs": "指定されたインデックスにあるコンポーネントをナビゲーションスタックから削除します。", @@ -12974,6 +16843,65 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(views: NavComponent[] | NavComponentWithProps[], opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "views The list of views to set as the navigation stack." + } + ], + "text": "The list of views to set as the navigation stack." + }, + { + "tags": [ + { + "name": "param", + "text": "opts The navigation options." + } + ], + "text": "The navigation options." + }, + { + "tags": [ + { + "name": "param", + "text": "done The transition complete function." + } + ], + "text": "The transition complete function." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "NavComponent": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavComponent" + }, + "NavComponentWithProps": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavComponentWithProps" + }, + "NavOptions": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavOptions" + }, + "TransitionDoneFn": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::TransitionDoneFn" + } + }, + "return": "Promise" + }, "signature": "setPages(views: NavComponent[] | NavComponentWithProps[], opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", "parameters": [], "docs": "現在のナビゲーションスタックのビューを設定し、最後のビューにナビゲートします。デフォルトではアニメーションは無効になっていますが、ナビゲーションコントローラーにオプションを渡すことで有効にすることができます。ナビゲーションパラメーターは、配列内の各ページに渡すこともできます。", @@ -12998,6 +16926,78 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(component: T, componentProps?: ComponentProps | null, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "component The component to set as the root of the navigation stack." + } + ], + "text": "The component to set as the root of the navigation stack." + }, + { + "tags": [ + { + "name": "param", + "text": "componentProps Any properties of the component." + } + ], + "text": "Any properties of the component." + }, + { + "tags": [ + { + "name": "param", + "text": "opts The navigation options." + } + ], + "text": "The navigation options." + }, + { + "tags": [ + { + "name": "param", + "text": "done The transition complete function." + } + ], + "text": "The transition complete function." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "NavComponent": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavComponent" + }, + "T": { + "location": "global", + "id": "global::T" + }, + "ComponentProps": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::ComponentProps" + }, + "NavOptions": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::NavOptions" + }, + "TransitionDoneFn": { + "location": "import", + "path": "./nav-interface", + "id": "src/components/nav/nav-interface.ts::TransitionDoneFn" + } + }, + "return": "Promise" + }, "signature": "setRoot(component: T, componentProps?: ComponentProps | null, opts?: NavOptions | null, done?: TransitionDoneFn) => Promise", "parameters": [], "docs": "現在のナビゲーションスタックのルートをコンポーネントに設定します。", @@ -13026,6 +17026,11 @@ "event": "ionNavDidChange", "detail": "void", "bubbles": false, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ナビのコンポーネントが変更されたときに発生するイベント", @@ -13035,6 +17040,11 @@ "event": "ionNavWillChange", "detail": "void", "bubbles": false, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ナビコンポーネントが変更されたときに発生するイベント", @@ -13050,7 +17060,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/note/note.tsx", + "filePath": "src/components/note/note.tsx", "encapsulation": "shadow", "tag": "ion-note", "docs": "", @@ -13065,6 +17075,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -13162,7 +17183,7 @@ } }, { - "filePath": "./src/components/picker/picker.tsx", + "filePath": "src/components/picker/picker.tsx", "encapsulation": "scoped", "tag": "ion-picker", "docs": "", @@ -13177,6 +17198,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -13194,6 +17220,11 @@ { "name": "backdropDismiss", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "backdrop-dismiss", "reflectToAttr": false, @@ -13211,6 +17242,17 @@ { "name": "buttons", "type": "PickerButton[]", + "complexType": { + "original": "PickerButton[]", + "resolved": "PickerButton[]", + "references": { + "PickerButton": { + "location": "import", + "path": "./picker-interface", + "id": "src/components/picker/picker-interface.ts::PickerButton" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ピッカーの上部に表示されるボタンの配列。", @@ -13227,6 +17269,17 @@ { "name": "columns", "type": "PickerColumn[]", + "complexType": { + "original": "PickerColumn[]", + "resolved": "PickerColumn[]", + "references": { + "PickerColumn": { + "location": "import", + "path": "./picker-interface", + "id": "src/components/picker/picker-interface.ts::PickerColumn" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ピッカーに表示されるカラムの配列。", @@ -13243,6 +17296,11 @@ { "name": "cssClass", "type": "string | string[] | undefined", + "complexType": { + "original": "string | string[]", + "resolved": "string | string[] | undefined", + "references": {} + }, "mutable": false, "attr": "css-class", "reflectToAttr": false, @@ -13265,6 +17323,11 @@ { "name": "duration", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "duration", "reflectToAttr": false, @@ -13282,6 +17345,17 @@ { "name": "enterAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ピッカーが表示されたときに使用するアニメーション。", @@ -13300,6 +17374,11 @@ { "name": "htmlAttributes", "type": "undefined | { [key: string]: any; }", + "complexType": { + "original": "{ [key: string]: any }", + "resolved": "undefined | { [key: string]: any; }", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "ピッカーに渡す追加属性。", @@ -13318,6 +17397,11 @@ { "name": "isOpen", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "is-open", "reflectToAttr": false, @@ -13335,6 +17419,11 @@ { "name": "keyboardClose", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "keyboard-close", "reflectToAttr": false, @@ -13352,6 +17441,17 @@ { "name": "leaveAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ピッカーが解除されたときに使用するアニメーションです。", @@ -13391,6 +17491,11 @@ { "name": "showBackdrop", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-backdrop", "reflectToAttr": false, @@ -13408,6 +17513,11 @@ { "name": "trigger", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "trigger", "reflectToAttr": false, @@ -13432,6 +17542,36 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(data?: any, role?: string) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "data Any data to emit in the dismiss events." + } + ], + "text": "Any data to emit in the dismiss events." + }, + { + "tags": [ + { + "name": "param", + "text": "role The role of the element that is dismissing the picker.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the picker.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`." + } + ], + "text": "The role of the element that is dismissing the picker.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the picker.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "dismiss(data?: any, role?: string) => Promise", "parameters": [], "docs": "ピッカー・オーバーレイが表示された後、それを解除します。", @@ -13452,6 +17592,32 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(name: string) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "name The name of the column." + } + ], + "text": "The name of the column." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "PickerColumn": { + "location": "import", + "path": "./picker-interface", + "id": "src/components/picker/picker-interface.ts::PickerColumn" + } + }, + "return": "Promise" + }, "signature": "getColumn(name: string) => Promise", "parameters": [], "docs": "指定された名前に一致するカラムを取得します。", @@ -13468,6 +17634,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onDidDismiss() => Promise>", "parameters": [], "docs": "ピッカーが解散したことを解決するPromiseを返します。", @@ -13479,6 +17665,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onWillDismiss() => Promise>", "parameters": [], "docs": "ピッカーが解散するタイミングを解決するPromiseを返します。", @@ -13490,6 +17696,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "present() => Promise", "parameters": [], "docs": "ピッカー・オーバーレイを作成した後に提示します。", @@ -13501,6 +17718,17 @@ "event": "didDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ピッカーが解散した後に発行されます。ionPickerDidDismissの略記です。", @@ -13510,6 +17738,11 @@ "event": "didPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ピッカーが提示された後に発行されます。ionPickerWillDismissの略記です。", @@ -13519,6 +17752,17 @@ "event": "ionPickerDidDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ピッカーが解散した後に発行されます。", @@ -13528,6 +17772,11 @@ "event": "ionPickerDidPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ピッカーが提示された後に発行されます。", @@ -13537,6 +17786,17 @@ "event": "ionPickerWillDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ピッカーが解散する前に発行されます。", @@ -13546,6 +17806,11 @@ "event": "ionPickerWillPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ピッカーが提示される前に発行されます。", @@ -13555,6 +17820,17 @@ "event": "willDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ピッカーが解散する前に発行されます。ionPickerWillDismissの略記です。", @@ -13564,6 +17840,11 @@ "event": "willPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ピッカーが提示される前に発行されます。ionPickerWillPresentの略記です。", @@ -13653,7 +17934,7 @@ } }, { - "filePath": "./src/components/popover/popover.tsx", + "filePath": "src/components/popover/popover.tsx", "encapsulation": "shadow", "tag": "ion-popover", "docs": "", @@ -13684,6 +17965,17 @@ { "name": "alignment", "type": "\"center\" | \"end\" | \"start\" | undefined", + "complexType": { + "original": "PositionAlign", + "resolved": "\"center\" | \"end\" | \"start\" | undefined", + "references": { + "PositionAlign": { + "location": "import", + "path": "./popover-interface", + "id": "src/components/popover/popover-interface.ts::PositionAlign" + } + } + }, "mutable": true, "attr": "alignment", "reflectToAttr": false, @@ -13712,6 +18004,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -13729,6 +18026,11 @@ { "name": "arrow", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "arrow", "reflectToAttr": false, @@ -13746,6 +18048,11 @@ { "name": "backdropDismiss", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "backdrop-dismiss", "reflectToAttr": false, @@ -13763,6 +18070,17 @@ { "name": "component", "type": "Function | HTMLElement | null | string | undefined", + "complexType": { + "original": "ComponentRef", + "resolved": "Function | HTMLElement | null | string | undefined", + "references": { + "ComponentRef": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::ComponentRef" + } + } + }, "mutable": false, "attr": "component", "reflectToAttr": false, @@ -13791,6 +18109,17 @@ { "name": "componentProps", "type": "undefined | { [key: string]: any; }", + "complexType": { + "original": "ComponentProps", + "resolved": "undefined | { [key: string]: any; }", + "references": { + "ComponentProps": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::ComponentProps" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ポップオーバー・コンポーネントに渡すデータです。これを使う必要があるのは、JavaScriptフレームワークを使用していない場合だけです。そうでなければ、コンポーネントに直接propsを設定すればよいのです。", @@ -13809,6 +18138,11 @@ { "name": "dismissOnSelect", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "dismiss-on-select", "reflectToAttr": false, @@ -13826,6 +18160,17 @@ { "name": "enterAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ポップオーバーが表示されたときに使用するアニメーションです。", @@ -13844,6 +18189,11 @@ { "name": "event", "type": "any", + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "mutable": false, "attr": "event", "reflectToAttr": false, @@ -13860,6 +18210,11 @@ { "name": "htmlAttributes", "type": "undefined | { [key: string]: any; }", + "complexType": { + "original": "{ [key: string]: any }", + "resolved": "undefined | { [key: string]: any; }", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "ポップオーバーに渡す追加属性。", @@ -13878,6 +18233,11 @@ { "name": "isOpen", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "is-open", "reflectToAttr": false, @@ -13895,6 +18255,11 @@ { "name": "keepContentsMounted", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "keep-contents-mounted", "reflectToAttr": false, @@ -13912,6 +18277,11 @@ { "name": "keyboardClose", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "keyboard-close", "reflectToAttr": false, @@ -13929,6 +18299,17 @@ { "name": "leaveAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ポップオーバーが解除されたときに使用するアニメーションです。", @@ -13968,6 +18349,17 @@ { "name": "reference", "type": "\"event\" | \"trigger\"", + "complexType": { + "original": "PositionReference", + "resolved": "\"event\" | \"trigger\"", + "references": { + "PositionReference": { + "location": "import", + "path": "./popover-interface", + "id": "src/components/popover/popover-interface.ts::PositionReference" + } + } + }, "mutable": false, "attr": "reference", "reflectToAttr": false, @@ -13990,6 +18382,11 @@ { "name": "showBackdrop", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-backdrop", "reflectToAttr": false, @@ -14007,6 +18404,17 @@ { "name": "side", "type": "\"bottom\" | \"end\" | \"left\" | \"right\" | \"start\" | \"top\"", + "complexType": { + "original": "PositionSide", + "resolved": "\"bottom\" | \"end\" | \"left\" | \"right\" | \"start\" | \"top\"", + "references": { + "PositionSide": { + "location": "import", + "path": "./popover-interface", + "id": "src/components/popover/popover-interface.ts::PositionSide" + } + } + }, "mutable": false, "attr": "side", "reflectToAttr": false, @@ -14045,10 +18453,21 @@ { "name": "size", "type": "\"auto\" | \"cover\"", + "complexType": { + "original": "PopoverSize", + "resolved": "\"auto\" | \"cover\"", + "references": { + "PopoverSize": { + "location": "import", + "path": "./popover-interface", + "id": "src/components/popover/popover-interface.ts::PopoverSize" + } + } + }, "mutable": false, "attr": "size", "reflectToAttr": false, - "docs": "ポップオーバーの幅を計算する方法を記述します。もし `\"cover\"` ならば、ポップオーバーの幅はトリガーの幅と一致します。auto\"` の場合、ポップオーバーの幅はポップオーバー内のコンテンツによって決定される。", + "docs": "Describes how to calculate the popover width.\nIf `\"cover\"`, the popover width will match the width of the trigger.\nIf `\"auto\"`, the popover width will be set to a static default value.", "docsTags": [], "default": "'auto'", "values": [ @@ -14067,6 +18486,11 @@ { "name": "translucent", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "translucent", "reflectToAttr": false, @@ -14084,6 +18508,11 @@ { "name": "trigger", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "trigger", "reflectToAttr": false, @@ -14103,6 +18532,17 @@ { "name": "triggerAction", "type": "\"click\" | \"context-menu\" | \"hover\"", + "complexType": { + "original": "TriggerAction", + "resolved": "\"click\" | \"context-menu\" | \"hover\"", + "references": { + "TriggerAction": { + "location": "import", + "path": "./popover-interface", + "id": "src/components/popover/popover-interface.ts::TriggerAction" + } + } + }, "mutable": false, "attr": "trigger-action", "reflectToAttr": false, @@ -14134,6 +18574,49 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(data?: any, role?: string, dismissParentPopover?: boolean) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "data Any data to emit in the dismiss events." + } + ], + "text": "Any data to emit in the dismiss events." + }, + { + "tags": [ + { + "name": "param", + "text": "role The role of the element that is dismissing the popover. For example, 'cancel' or 'backdrop'." + } + ], + "text": "The role of the element that is dismissing the popover. For example, 'cancel' or 'backdrop'." + }, + { + "tags": [ + { + "name": "param", + "text": "dismissParentPopover If `true`, dismissing this popover will also dismiss\na parent popover if this popover is nested. Defaults to `true`." + } + ], + "text": "If `true`, dismissing this popover will also dismiss\na parent popover if this popover is nested. Defaults to `true`." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "PopoverDismissOptions": { + "location": "global", + "id": "global::PopoverDismissOptions" + } + }, + "return": "Promise" + }, "signature": "dismiss(data?: any, role?: string, dismissParentPopover?: boolean) => Promise", "parameters": [], "docs": "ポップオーバーオーバーレイが提示された後、それを解除します。", @@ -14158,6 +18641,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onDidDismiss() => Promise>", "parameters": [], "docs": "ポップオーバーが解除されたタイミングを解決するPromiseを返します。", @@ -14169,6 +18672,26 @@ "type": "Promise>", "docs": "" }, + "complexType": { + "signature": "() => Promise>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise>" + }, "signature": "onWillDismiss() => Promise>", "parameters": [], "docs": "ポップオーバーが解除されるタイミングを解決するPromiseを返します。", @@ -14180,6 +18703,42 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(event?: MouseEvent | TouchEvent | PointerEvent | CustomEvent) => Promise", + "parameters": [ + { + "tags": [], + "text": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "MouseEvent": { + "location": "global", + "id": "global::MouseEvent" + }, + "TouchEvent": { + "location": "global", + "id": "global::TouchEvent" + }, + "PointerEvent": { + "location": "global", + "id": "global::PointerEvent" + }, + "CustomEvent": { + "location": "global", + "id": "global::CustomEvent" + }, + "PopoverPresentOptions": { + "location": "global", + "id": "global::PopoverPresentOptions" + } + }, + "return": "Promise" + }, "signature": "present(event?: MouseEvent | TouchEvent | PointerEvent | CustomEvent) => Promise", "parameters": [], "docs": "ポップオーバーが作成された後に、ポップオーバーを表示します。開発者は、マウス、タッチ、またはポインタイベントを渡すことで、そのイベントがディスパッチされた場所と相対的にポップオーバーを配置することができます。", @@ -14191,6 +18750,17 @@ "event": "didDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ポップオーバーが解散した後に発行されます。ionPopoverDidDismissの略記です。", @@ -14200,6 +18770,11 @@ "event": "didPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ポップオーバーが提示された後に発行されます。ionPopoverWillDismissの略記です。", @@ -14209,6 +18784,17 @@ "event": "ionPopoverDidDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ポップオーバーが解除された後に発行されます。", @@ -14218,6 +18804,11 @@ "event": "ionPopoverDidPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ポップオーバーが表示された後に発行されます。", @@ -14227,6 +18818,17 @@ "event": "ionPopoverWillDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ポップオーバーが解除される前に発行されます。", @@ -14236,6 +18838,11 @@ "event": "ionPopoverWillPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ポップオーバーが表示される前に発行されます。", @@ -14245,6 +18852,17 @@ "event": "willDismiss", "detail": "OverlayEventDetail", "bubbles": true, + "complexType": { + "original": "OverlayEventDetail", + "resolved": "OverlayEventDetail", + "references": { + "OverlayEventDetail": { + "location": "import", + "path": "../../utils/overlays-interface", + "id": "src/utils/overlays-interface.ts::OverlayEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ポップオーバーが解散する前に発行されます。ionPopoverWillDismissの略記です。", @@ -14254,6 +18872,11 @@ "event": "willPresent", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ポップオーバーが提示される前に発行されます。ionPopoverWillPresentの略記です。", @@ -14358,7 +18981,7 @@ } }, { - "filePath": "./src/components/progress-bar/progress-bar.tsx", + "filePath": "src/components/progress-bar/progress-bar.tsx", "encapsulation": "shadow", "tag": "ion-progress-bar", "docs": "", @@ -14385,6 +19008,11 @@ { "name": "buffer", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "buffer", "reflectToAttr": false, @@ -14402,6 +19030,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -14478,6 +19117,11 @@ { "name": "reversed", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "reversed", "reflectToAttr": false, @@ -14495,6 +19139,11 @@ { "name": "type", "type": "\"determinate\" | \"indeterminate\"", + "complexType": { + "original": "'determinate' | 'indeterminate'", + "resolved": "\"determinate\" | \"indeterminate\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -14517,6 +19166,11 @@ { "name": "value", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "value", "reflectToAttr": false, @@ -14572,7 +19226,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/radio-group/radio-group.tsx", + "filePath": "src/components/radio-group/radio-group.tsx", "encapsulation": "none", "tag": "ion-radio-group", "docs": "", @@ -14582,6 +19236,11 @@ { "name": "allowEmptySelection", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "allow-empty-selection", "reflectToAttr": false, @@ -14599,6 +19258,11 @@ { "name": "name", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "name", "reflectToAttr": false, @@ -14616,6 +19280,11 @@ { "name": "value", "type": "any", + "complexType": { + "original": "any | null", + "resolved": "any", + "references": {} + }, "mutable": true, "attr": "value", "reflectToAttr": false, @@ -14636,6 +19305,17 @@ "event": "ionChange", "detail": "RadioGroupChangeEventDetail", "bubbles": true, + "complexType": { + "original": "RadioGroupChangeEventDetail", + "resolved": "RadioGroupChangeEventDetail", + "references": { + "RadioGroupChangeEventDetail": { + "location": "import", + "path": "./radio-group-interface", + "id": "src/components/radio-group/radio-group-interface.ts::RadioGroupChangeEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "値が変更されたときに発行されます。", @@ -14664,7 +19344,7 @@ } }, { - "filePath": "./src/components/radio/radio.tsx", + "filePath": "src/components/radio/radio.tsx", "encapsulation": "shadow", "tag": "ion-radio", "docs": "", @@ -14691,6 +19371,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -14746,6 +19437,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -14763,6 +19459,11 @@ { "name": "justify", "type": "\"end\" | \"space-between\" | \"start\"", + "complexType": { + "original": "'start' | 'end' | 'space-between'", + "resolved": "\"end\" | \"space-between\" | \"start\"", + "references": {} + }, "mutable": false, "attr": "justify", "reflectToAttr": false, @@ -14789,6 +19490,11 @@ { "name": "labelPlacement", "type": "\"end\" | \"fixed\" | \"start\"", + "complexType": { + "original": "'start' | 'end' | 'fixed'", + "resolved": "\"end\" | \"fixed\" | \"start\"", + "references": {} + }, "mutable": false, "attr": "label-placement", "reflectToAttr": false, @@ -14815,6 +19521,11 @@ { "name": "legacy", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "legacy", "reflectToAttr": false, @@ -14855,6 +19566,11 @@ { "name": "name", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "name", "reflectToAttr": false, @@ -14872,6 +19588,11 @@ { "name": "value", "type": "any", + "complexType": { + "original": "any | null", + "resolved": "any", + "references": {} + }, "mutable": false, "attr": "value", "reflectToAttr": false, @@ -14892,6 +19613,11 @@ "event": "ionBlur", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ラジオボタンのフォーカスが外れたときに発行されます。", @@ -14901,6 +19627,11 @@ "event": "ionFocus", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ラジオボタンにフォーカスが当たったときに発行されます。", @@ -14957,7 +19688,7 @@ } }, { - "filePath": "./src/components/range/range.tsx", + "filePath": "src/components/range/range.tsx", "encapsulation": "shadow", "tag": "ion-range", "docs": "", @@ -15008,6 +19739,11 @@ { "name": "activeBarStart", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": true, "attr": "active-bar-start", "reflectToAttr": false, @@ -15027,6 +19763,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -15082,6 +19829,11 @@ { "name": "debounce", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "debounce", "reflectToAttr": false, @@ -15101,6 +19853,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -15118,6 +19875,11 @@ { "name": "dualKnobs", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "dual-knobs", "reflectToAttr": false, @@ -15132,9 +19894,38 @@ "optional": false, "required": false }, + { + "name": "label", + "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, + "mutable": false, + "attr": "label", + "reflectToAttr": false, + "docs": "The text to display as the control's label. Use this over the `label` slot if\nyou only need plain text. The `label` property will take priority over the\n`label` slot if both are used.", + "docsTags": [], + "values": [ + { + "type": "string" + }, + { + "type": "undefined" + } + ], + "optional": true, + "required": false + }, { "name": "labelPlacement", "type": "\"end\" | \"fixed\" | \"start\"", + "complexType": { + "original": "'start' | 'end' | 'fixed'", + "resolved": "\"end\" | \"fixed\" | \"start\"", + "references": {} + }, "mutable": false, "attr": "label-placement", "reflectToAttr": false, @@ -15161,6 +19952,11 @@ { "name": "legacy", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "legacy", "reflectToAttr": false, @@ -15180,6 +19976,11 @@ { "name": "max", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "max", "reflectToAttr": false, @@ -15197,6 +19998,11 @@ { "name": "min", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "min", "reflectToAttr": false, @@ -15235,6 +20041,11 @@ { "name": "name", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "name", "reflectToAttr": false, @@ -15252,6 +20063,11 @@ { "name": "pin", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "pin", "reflectToAttr": false, @@ -15269,6 +20085,17 @@ { "name": "pinFormatter", "type": "(value: number) => string | number", + "complexType": { + "original": "PinFormatter", + "resolved": "(value: number) => string | number", + "references": { + "PinFormatter": { + "location": "import", + "path": "./range-interface", + "id": "src/components/range/range-interface.ts::PinFormatter" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ピンのテキストをフォーマットするために使用されるコールバックです。デフォルトでは、ピンのテキストは `Math.round(value)` に設定されます。", @@ -15288,6 +20115,11 @@ { "name": "snaps", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "snaps", "reflectToAttr": false, @@ -15305,6 +20137,11 @@ { "name": "step", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "step", "reflectToAttr": false, @@ -15322,6 +20159,11 @@ { "name": "ticks", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "ticks", "reflectToAttr": false, @@ -15339,6 +20181,17 @@ { "name": "value", "type": "number | { lower: number; upper: number; }", + "complexType": { + "original": "RangeValue", + "resolved": "number | { lower: number; upper: number; }", + "references": { + "RangeValue": { + "location": "import", + "path": "./range-interface", + "id": "src/components/range/range-interface.ts::RangeValue" + } + } + }, "mutable": true, "attr": "value", "reflectToAttr": false, @@ -15363,6 +20216,11 @@ "event": "ionBlur", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "レンジの焦点が合わなくなったときに発行されます。", @@ -15372,6 +20230,17 @@ "event": "ionChange", "detail": "RangeChangeEventDetail", "bubbles": true, + "complexType": { + "original": "RangeChangeEventDetail", + "resolved": "RangeChangeEventDetail", + "references": { + "RangeChangeEventDetail": { + "location": "import", + "path": "./range-interface", + "id": "src/components/range/range-interface.ts::RangeChangeEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "`ionChange`イベントは、``要素に対して、ユーザーがその要素の値を変更したときに発生します: - ドラッグした後にノブを離したとき - キーボードの矢印でノブを動かしたとき プログラムで値を変更したときは、`ionChange`イベントは発生しません。", @@ -15381,6 +20250,11 @@ "event": "ionFocus", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "レンジのフォーカスが合ったときに発行されます。", @@ -15390,6 +20264,17 @@ "event": "ionInput", "detail": "RangeChangeEventDetail", "bubbles": true, + "complexType": { + "original": "RangeChangeEventDetail", + "resolved": "RangeChangeEventDetail", + "references": { + "RangeChangeEventDetail": { + "location": "import", + "path": "./range-interface", + "id": "src/components/range/range-interface.ts::RangeChangeEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "`ionInput`イベントは、``要素に対して、値が変更されたときに発生するイベントです。`ionChange`とは異なり、`ionInput`はユーザがノブをドラッグしている間、継続して発生します。", @@ -15399,6 +20284,17 @@ "event": "ionKnobMoveEnd", "detail": "RangeKnobMoveEndEventDetail", "bubbles": true, + "complexType": { + "original": "RangeKnobMoveEndEventDetail", + "resolved": "RangeKnobMoveEndEventDetail", + "references": { + "RangeKnobMoveEndEventDetail": { + "location": "import", + "path": "./range-interface", + "id": "src/components/range/range-interface.ts::RangeKnobMoveEndEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "マウスドラッグ、タッチジェスチャー、キーボード操作など、ユーザーが範囲ノブの移動を終了したときに発行されます。", @@ -15408,6 +20304,17 @@ "event": "ionKnobMoveStart", "detail": "RangeKnobMoveStartEventDetail", "bubbles": true, + "complexType": { + "original": "RangeKnobMoveStartEventDetail", + "resolved": "RangeKnobMoveStartEventDetail", + "references": { + "RangeKnobMoveStartEventDetail": { + "location": "import", + "path": "./range-interface", + "id": "src/components/range/range-interface.ts::RangeKnobMoveStartEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "マウスドラッグ、タッチジェスチャー、キーボード操作など、ユーザーがレンジノブの移動を開始したときに発行されます。", @@ -15517,7 +20424,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/refresher-content/refresher-content.tsx", + "filePath": "src/components/refresher-content/refresher-content.tsx", "encapsulation": "none", "tag": "ion-refresher-content", "docs": "", @@ -15527,6 +20434,17 @@ { "name": "pullingIcon", "type": "null | string | undefined", + "complexType": { + "original": "SpinnerTypes | string | null", + "resolved": "null | string | undefined", + "references": { + "SpinnerTypes": { + "location": "import", + "path": "../spinner/spinner-configs", + "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes" + } + } + }, "mutable": true, "attr": "pulling-icon", "reflectToAttr": false, @@ -15549,6 +20467,17 @@ { "name": "pullingText", "type": "IonicSafeString | string | undefined", + "complexType": { + "original": "string | IonicSafeString", + "resolved": "IonicSafeString | string | undefined", + "references": { + "IonicSafeString": { + "location": "import", + "path": "../../utils/sanitization", + "id": "src/utils/sanitization/index.ts::IonicSafeString" + } + } + }, "mutable": false, "attr": "pulling-text", "reflectToAttr": false, @@ -15571,6 +20500,17 @@ { "name": "refreshingSpinner", "type": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | null | undefined", + "complexType": { + "original": "SpinnerTypes | null", + "resolved": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | null | undefined", + "references": { + "SpinnerTypes": { + "location": "import", + "path": "../spinner/spinner-configs", + "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes" + } + } + }, "mutable": true, "attr": "refreshing-spinner", "reflectToAttr": false, @@ -15626,6 +20566,17 @@ { "name": "refreshingText", "type": "IonicSafeString | string | undefined", + "complexType": { + "original": "string | IonicSafeString", + "resolved": "IonicSafeString | string | undefined", + "references": { + "IonicSafeString": { + "location": "import", + "path": "../../utils/sanitization", + "id": "src/utils/sanitization/index.ts::IonicSafeString" + } + } + }, "mutable": false, "attr": "refreshing-text", "reflectToAttr": false, @@ -15665,7 +20616,7 @@ } }, { - "filePath": "./src/components/refresher/refresher.tsx", + "filePath": "src/components/refresher/refresher.tsx", "encapsulation": "none", "tag": "ion-refresher", "docs": "", @@ -15675,6 +20626,11 @@ { "name": "closeDuration", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "close-duration", "reflectToAttr": false, @@ -15692,6 +20648,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -15709,6 +20670,11 @@ { "name": "pullFactor", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "pull-factor", "reflectToAttr": false, @@ -15726,6 +20692,11 @@ { "name": "pullMax", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "pull-max", "reflectToAttr": false, @@ -15743,6 +20714,11 @@ { "name": "pullMin", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "pull-min", "reflectToAttr": false, @@ -15760,6 +20736,11 @@ { "name": "snapbackDuration", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "snapback-duration", "reflectToAttr": false, @@ -15782,6 +20763,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "cancel() => Promise", "parameters": [], "docs": "リフレッシュの状態を `refreshing` から `cancelling` に変更します。", @@ -15793,6 +20785,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "complete() => Promise", "parameters": [], "docs": "非同期操作が完了したら `complete()` を呼び出します。例えば、`refreshing`状態は、アプリがAJAXリクエストからより多くのデータを受信するなど、非同期操作を実行している間です。データを受信したら、このメソッドを呼び出して、リフレッシュが完了したことを示し、リフレッシュャを閉じます。このメソッドは、リフレッシャーの状態を `refreshing` から `completing` に変更します。", @@ -15804,6 +20807,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "getProgress() => Promise", "parameters": [], "docs": "ユーザーがどれだけ下に引っ張られたかを表す数値です。数値 `0` は、ユーザーが全く下に引いていないことを表します。数値 `1` および `1` より大きい数値は、ユーザーが手を離したときに更新が行われるほど十分に下に引っ張られたことを表します。もしユーザーが手を離し、数値が `1` より小さい場合は、更新は行われず、コンテンツは元の位置に戻ります。", @@ -15815,6 +20829,11 @@ "event": "ionPull", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ユーザーがコンテンツを引き下げ、リフレッシャーを露出している間に発行されます。", @@ -15824,6 +20843,17 @@ "event": "ionRefresh", "detail": "RefresherEventDetail", "bubbles": true, + "complexType": { + "original": "RefresherEventDetail", + "resolved": "RefresherEventDetail", + "references": { + "RefresherEventDetail": { + "location": "import", + "path": "./refresher-interface", + "id": "src/components/refresher/refresher-interface.ts::RefresherEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ユーザーがコンテンツから手を離し、`pullMin`を越えて下に引いたとき、またはコンテンツを下に引き、pullMaxを越えたときに発行されます。リフレッシャーの状態を `refreshing` に更新します。非同期処理が完了したら `complete()` メソッドを呼び出す必要があります。", @@ -15833,6 +20863,11 @@ "event": "ionStart", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ユーザーが引き下げを開始するときに発行されます。", @@ -15848,7 +20883,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/reorder-group/reorder-group.tsx", + "filePath": "src/components/reorder-group/reorder-group.tsx", "encapsulation": "none", "tag": "ion-reorder-group", "docs": "", @@ -15858,6 +20893,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -15880,6 +20920,27 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(listOrReorder?: boolean | any[]) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "listOrReorder A list of items to be sorted and returned in the new order or a\nboolean of whether or not the reorder should reposition the item." + } + ], + "text": "A list of items to be sorted and returned in the new order or a\nboolean of whether or not the reorder should reposition the item." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "complete(listOrReorder?: boolean | any[]) => Promise", "parameters": [], "docs": "再注文操作を完了します。ionItemReorder` イベントで呼び出す必要がある。 アイテムのリストが渡された場合、リストは適切な順序に並び替えられ、返される。 パラメータが渡されない場合、または `true` が渡された場合、並べ替えは完了し、アイテムはドラッグされた位置に留まります。 `false`が渡された場合、並び替えは完了し、アイテムは元の位置に跳ね返されます。", @@ -15896,6 +20957,17 @@ "event": "ionItemReorder", "detail": "ItemReorderEventDetail", "bubbles": true, + "complexType": { + "original": "ItemReorderEventDetail", + "resolved": "ItemReorderEventDetail", + "references": { + "ItemReorderEventDetail": { + "location": "import", + "path": "./reorder-group-interface", + "id": "src/components/reorder-group/reorder-group-interface.ts::ItemReorderEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "再注文アクションを完了させるためにリッスンする必要があるイベント。イベントが発生したら、再注文のアクションを確定するために `complete()` メソッドを呼び出す必要があります。", @@ -15911,7 +20983,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/reorder/reorder.tsx", + "filePath": "src/components/reorder/reorder.tsx", "encapsulation": "shadow", "tag": "ion-reorder", "docs": "", @@ -15951,7 +21023,7 @@ } }, { - "filePath": "./src/components/ripple-effect/ripple-effect.tsx", + "filePath": "src/components/ripple-effect/ripple-effect.tsx", "encapsulation": "shadow", "tag": "ion-ripple-effect", "docs": "", @@ -15961,6 +21033,11 @@ { "name": "type", "type": "\"bounded\" | \"unbounded\"", + "complexType": { + "original": "'bounded' | 'unbounded'", + "resolved": "\"bounded\" | \"unbounded\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -15988,6 +21065,36 @@ "type": "Promise<() => void>", "docs": "" }, + "complexType": { + "signature": "(x: number, y: number) => Promise<() => void>", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "x The horizontal coordinate of where the ripple should start." + } + ], + "text": "The horizontal coordinate of where the ripple should start." + }, + { + "tags": [ + { + "name": "param", + "text": "y The vertical coordinate of where the ripple should start." + } + ], + "text": "The vertical coordinate of where the ripple should start." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise<() => void>" + }, "signature": "addRipple(x: number, y: number) => Promise<() => void>", "parameters": [], "docs": "親要素に波及効果を付加します。", @@ -16071,7 +21178,7 @@ } }, { - "filePath": "./src/components/route-redirect/route-redirect.tsx", + "filePath": "src/components/route-redirect/route-redirect.tsx", "encapsulation": "none", "tag": "ion-route-redirect", "docs": "", @@ -16081,6 +21188,11 @@ { "name": "from", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "from", "reflectToAttr": false, @@ -16097,6 +21209,11 @@ { "name": "to", "type": "null | string | undefined", + "complexType": { + "original": "string | undefined | null", + "resolved": "null | string | undefined", + "references": {} + }, "mutable": false, "attr": "to", "reflectToAttr": false, @@ -16123,6 +21240,11 @@ "event": "ionRouteRedirectChanged", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "このルールの値がDOMから追加/削除されたり、パブリックプロパティが変更されたりしたときに発生する内部イベントです。 ion-router`は、ルータルールの内部レジストリを更新するために、このイベントを捕捉します。", @@ -16138,7 +21260,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/route/route.tsx", + "filePath": "src/components/route/route.tsx", "encapsulation": "none", "tag": "ion-route", "docs": "", @@ -16148,6 +21270,17 @@ { "name": "beforeEnter", "type": "(() => NavigationHookResult | Promise) | undefined", + "complexType": { + "original": "NavigationHookCallback", + "resolved": "(() => NavigationHookResult | Promise) | undefined", + "references": { + "NavigationHookCallback": { + "location": "import", + "path": "./route-interface", + "id": "src/components/route/route-interface.ts::NavigationHookCallback" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ルーターがアクセスしようとしたときに発生するナビゲーションフックです。 `true`を返すとナビゲーションを進めることができ、`false`を返すとナビゲーションをキャンセルすることができます。NavigationHookOptions`オブジェクトを返すと、ルーターは指定されたパスにリダイレクトするようになります。", @@ -16169,6 +21302,17 @@ { "name": "beforeLeave", "type": "(() => NavigationHookResult | Promise) | undefined", + "complexType": { + "original": "NavigationHookCallback", + "resolved": "(() => NavigationHookResult | Promise) | undefined", + "references": { + "NavigationHookCallback": { + "location": "import", + "path": "./route-interface", + "id": "src/components/route/route-interface.ts::NavigationHookCallback" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ルートが離脱しようとしたときに発生するナビゲーションフックです。 `true`を返すとナビゲーションを進めることができ、`false`を返すとナビゲーションをキャンセルすることができます。NavigationHookOptions`オブジェクトを返すと、ルーターは指定されたパスにリダイレクトするようになります。", @@ -16190,6 +21334,11 @@ { "name": "component", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "component", "reflectToAttr": false, @@ -16206,6 +21355,11 @@ { "name": "componentProps", "type": "undefined | { [key: string]: any; }", + "complexType": { + "original": "{ [key: string]: any }", + "resolved": "undefined | { [key: string]: any; }", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "キーとなる値 `{ 'red': true, 'blue':'white'}` には、レンダリング時に定義されたコンポーネントに渡すべき小道具が含まれる。", @@ -16224,6 +21378,11 @@ { "name": "url", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "url", "reflectToAttr": false, @@ -16245,6 +21404,11 @@ "event": "ionRouteDataChanged", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "このルートがいつ変更されたかを知るために `ion-router` が内部で使用します。", @@ -16260,7 +21424,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/router-link/router-link.tsx", + "filePath": "src/components/router-link/router-link.tsx", "encapsulation": "shadow", "tag": "ion-router-link", "docs": "", @@ -16270,6 +21434,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -16325,6 +21500,11 @@ { "name": "href", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "href", "reflectToAttr": false, @@ -16344,6 +21524,11 @@ { "name": "rel", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "rel", "reflectToAttr": false, @@ -16363,6 +21548,17 @@ { "name": "routerAnimation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder | undefined", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "ルータを使用する場合、`href`を使用して別のページに移動する際の遷移アニメーションを指定します。", @@ -16381,6 +21577,17 @@ { "name": "routerDirection", "type": "\"back\" | \"forward\" | \"root\"", + "complexType": { + "original": "RouterDirection", + "resolved": "\"back\" | \"forward\" | \"root\"", + "references": { + "RouterDirection": { + "location": "import", + "path": "../router/utils/interface", + "id": "src/components/router/utils/interface.ts::RouterDirection" + } + } + }, "mutable": false, "attr": "router-direction", "reflectToAttr": false, @@ -16407,6 +21614,11 @@ { "name": "target", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "target", "reflectToAttr": false, @@ -16446,7 +21658,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/router-outlet/route-outlet.tsx", + "filePath": "src/components/router-outlet/route-outlet.tsx", "encapsulation": "shadow", "tag": "ion-router-outlet", "docs": "", @@ -16456,6 +21668,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -16473,6 +21690,17 @@ { "name": "animation", "type": "((baseEl: any, opts?: any) => Animation) | undefined", + "complexType": { + "original": "AnimationBuilder", + "resolved": "((baseEl: any, opts?: any) => Animation) | undefined", + "references": { + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "このプロパティは、AnimationBuilder の機能を使用して、カスタムトランジションを作成することができます。", @@ -16491,6 +21719,11 @@ { "name": "mode", "type": "\"ios\" | \"md\"", + "complexType": { + "original": "\"ios\" | \"md\"", + "resolved": "\"ios\" | \"md\"", + "references": {} + }, "mutable": true, "attr": "mode", "reflectToAttr": false, @@ -16522,7 +21755,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/router/router.tsx", + "filePath": "src/components/router/router.tsx", "encapsulation": "none", "tag": "ion-router", "docs": "", @@ -16532,6 +21765,11 @@ { "name": "root", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "root", "reflectToAttr": false, @@ -16549,6 +21787,11 @@ { "name": "useHash", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "use-hash", "reflectToAttr": false, @@ -16571,6 +21814,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "back() => Promise", "parameters": [], "docs": "window.historyで前ページに戻る。", @@ -16582,6 +21836,50 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(path: string, direction?: RouterDirection, animation?: AnimationBuilder) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "path The path to navigate to." + } + ], + "text": "The path to navigate to." + }, + { + "tags": [ + { + "name": "param", + "text": "direction The direction of the animation. Defaults to `\"forward\"`." + } + ], + "text": "The direction of the animation. Defaults to `\"forward\"`." + }, + { + "tags": [], + "text": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "RouterDirection": { + "location": "import", + "path": "./utils/interface", + "id": "src/components/router/utils/interface.ts::RouterDirection" + }, + "AnimationBuilder": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AnimationBuilder" + } + }, + "return": "Promise" + }, "signature": "push(path: string, direction?: RouterDirection, animation?: AnimationBuilder) => Promise", "parameters": [], "docs": "指定されたパスに移動します。", @@ -16602,6 +21900,17 @@ "event": "ionRouteDidChange", "detail": "RouterEventDetail", "bubbles": true, + "complexType": { + "original": "RouterEventDetail", + "resolved": "RouterEventDetail", + "references": { + "RouterEventDetail": { + "location": "import", + "path": "./utils/interface", + "id": "src/components/router/utils/interface.ts::RouterEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ルートが変更されたときに発行されます。", @@ -16611,6 +21920,17 @@ "event": "ionRouteWillChange", "detail": "RouterEventDetail", "bubbles": true, + "complexType": { + "original": "RouterEventDetail", + "resolved": "RouterEventDetail", + "references": { + "RouterEventDetail": { + "location": "import", + "path": "./utils/interface", + "id": "src/components/router/utils/interface.ts::RouterEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ルートが変更されようとするときに発行されます。イベント", @@ -16639,7 +21959,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/row/row.tsx", + "filePath": "src/components/row/row.tsx", "encapsulation": "shadow", "tag": "ion-row", "docs": "", @@ -16657,7 +21977,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/searchbar/searchbar.tsx", + "filePath": "src/components/searchbar/searchbar.tsx", "encapsulation": "scoped", "tag": "ion-searchbar", "docs": "", @@ -16672,6 +21992,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -16689,6 +22014,17 @@ { "name": "autocomplete", "type": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"", + "complexType": { + "original": "AutocompleteTypes", + "resolved": "\"name\" | \"email\" | \"tel\" | \"url\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"photo\"", + "references": { + "AutocompleteTypes": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::AutocompleteTypes" + } + } + }, "mutable": false, "attr": "autocomplete", "reflectToAttr": false, @@ -16919,6 +22255,11 @@ { "name": "autocorrect", "type": "\"off\" | \"on\"", + "complexType": { + "original": "'on' | 'off'", + "resolved": "\"off\" | \"on\"", + "references": {} + }, "mutable": false, "attr": "autocorrect", "reflectToAttr": false, @@ -16941,6 +22282,11 @@ { "name": "cancelButtonIcon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "cancel-button-icon", "reflectToAttr": false, @@ -16958,6 +22304,11 @@ { "name": "cancelButtonText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "cancel-button-text", "reflectToAttr": false, @@ -16975,6 +22326,11 @@ { "name": "clearIcon", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "clear-icon", "reflectToAttr": false, @@ -16994,6 +22350,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -17049,6 +22416,11 @@ { "name": "debounce", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "debounce", "reflectToAttr": false, @@ -17068,6 +22440,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -17085,6 +22462,11 @@ { "name": "enterkeyhint", "type": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined", + "complexType": { + "original": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'", + "resolved": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined", + "references": {} + }, "mutable": false, "attr": "enterkeyhint", "reflectToAttr": false, @@ -17129,6 +22511,11 @@ { "name": "inputmode", "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined", + "complexType": { + "original": "'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'", + "resolved": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined", + "references": {} + }, "mutable": false, "attr": "inputmode", "reflectToAttr": false, @@ -17195,9 +22582,36 @@ "optional": true, "required": false }, + { + "name": "name", + "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, + "mutable": false, + "attr": "name", + "reflectToAttr": false, + "docs": "If used in a form, set the name of the control, which is submitted with the form data.", + "docsTags": [], + "default": "this.inputId", + "values": [ + { + "type": "string" + } + ], + "optional": false, + "required": false + }, { "name": "placeholder", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, @@ -17215,6 +22629,11 @@ { "name": "searchIcon", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "search-icon", "reflectToAttr": false, @@ -17234,6 +22653,11 @@ { "name": "showCancelButton", "type": "\"always\" | \"focus\" | \"never\"", + "complexType": { + "original": "'never' | 'focus' | 'always'", + "resolved": "\"always\" | \"focus\" | \"never\"", + "references": {} + }, "mutable": false, "attr": "show-cancel-button", "reflectToAttr": false, @@ -17260,6 +22684,11 @@ { "name": "showClearButton", "type": "\"always\" | \"focus\" | \"never\"", + "complexType": { + "original": "'never' | 'focus' | 'always'", + "resolved": "\"always\" | \"focus\" | \"never\"", + "references": {} + }, "mutable": false, "attr": "show-clear-button", "reflectToAttr": false, @@ -17286,6 +22715,11 @@ { "name": "spellcheck", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "spellcheck", "reflectToAttr": false, @@ -17303,6 +22737,11 @@ { "name": "type", "type": "\"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"", + "complexType": { + "original": "'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url'", + "resolved": "\"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -17345,6 +22784,11 @@ { "name": "value", "type": "null | string | undefined", + "complexType": { + "original": "string | null", + "resolved": "null | string | undefined", + "references": {} + }, "mutable": true, "attr": "value", "reflectToAttr": false, @@ -17373,6 +22817,21 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "HTMLInputElement": { + "location": "global", + "id": "global::HTMLInputElement" + } + }, + "return": "Promise" + }, "signature": "getInputElement() => Promise", "parameters": [], "docs": "要素の内部で使用されているネイティブの `` 要素を返します。", @@ -17384,9 +22843,20 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "setFocus() => Promise", "parameters": [], - "docs": "指定された `ion-searchbar` にフォーカスを合わせる。グローバルな `input.focus()` の代わりに、このメソッドを使用します。", + "docs": "Sets focus on the native `input` in `ion-searchbar`. Use this method instead of the global\n`input.focus()`.\n\nDevelopers who wish to focus an input when a page enters\nshould call `setFocus()` in the `ionViewDidEnter()` lifecycle method.\n\nDevelopers who wish to focus an input when an overlay is presented\nshould call `setFocus` after `didPresent` has resolved.", "docsTags": [] } ], @@ -17395,6 +22865,11 @@ "event": "ionBlur", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Inputのフォーカスが外れたときに発行されます。", @@ -17404,6 +22879,11 @@ "event": "ionCancel", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "キャンセルボタンがクリックされたときに発行されます。", @@ -17413,6 +22893,17 @@ "event": "ionChange", "detail": "SearchbarChangeEventDetail", "bubbles": true, + "complexType": { + "original": "SearchbarChangeEventDetail", + "resolved": "SearchbarChangeEventDetail", + "references": { + "SearchbarChangeEventDetail": { + "location": "import", + "path": "./searchbar-interface", + "id": "src/components/searchbar/searchbar-interface.ts::SearchbarChangeEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "`ionChange` イベントは、`` 要素に対して、ユーザがその要素の値を変更したときに発生します。ionInput` イベントとは異なり、要素の値が変更されるたびに `ionChange` イベントが発生する必要はない。`ionChange`イベントは、ユーザーによって値がコミットされたときに発生します。これは、要素のフォーカスが外れたときや、\"Enter \"キーが押されたときに発生します。また、クリアボタンやキャンセルボタンをクリックしたときにも `ionChange` イベントが発生することがあります。", @@ -17422,6 +22913,11 @@ "event": "ionClear", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Clear Inputボタンがクリックされたときに発行されます。", @@ -17431,6 +22927,11 @@ "event": "ionFocus", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Inputにフォーカスが当たったときに発行されます。", @@ -17440,6 +22941,17 @@ "event": "ionInput", "detail": "SearchbarInputEventDetail", "bubbles": true, + "complexType": { + "original": "SearchbarInputEventDetail", + "resolved": "SearchbarInputEventDetail", + "references": { + "SearchbarInputEventDetail": { + "location": "import", + "path": "./searchbar-interface", + "id": "src/components/searchbar/searchbar-interface.ts::SearchbarInputEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "ion-searchbar`要素の `value` が変更されたときに発行されます。", @@ -17517,7 +23029,7 @@ } }, { - "filePath": "./src/components/segment-button/segment-button.tsx", + "filePath": "src/components/segment-button/segment-button.tsx", "encapsulation": "shadow", "tag": "ion-segment-button", "docs": "", @@ -17544,7 +23056,12 @@ { "name": "disabled", "type": "boolean", - "mutable": false, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, + "mutable": true, "attr": "disabled", "reflectToAttr": false, "docs": "`true`の場合、ユーザーはセグメントボタンを操作することができません。", @@ -17561,6 +23078,17 @@ { "name": "layout", "type": "\"icon-bottom\" | \"icon-end\" | \"icon-hide\" | \"icon-start\" | \"icon-top\" | \"label-hide\" | undefined", + "complexType": { + "original": "SegmentButtonLayout", + "resolved": "\"icon-bottom\" | \"icon-end\" | \"icon-hide\" | \"icon-start\" | \"icon-top\" | \"label-hide\" | undefined", + "references": { + "SegmentButtonLayout": { + "location": "import", + "path": "./segment-button-interface", + "id": "src/components/segment-button/segment-button-interface.ts::SegmentButtonLayout" + } + } + }, "mutable": false, "attr": "layout", "reflectToAttr": false, @@ -17623,6 +23151,11 @@ { "name": "type", "type": "\"button\" | \"reset\" | \"submit\"", + "complexType": { + "original": "'submit' | 'reset' | 'button'", + "resolved": "\"button\" | \"reset\" | \"submit\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -17648,7 +23181,18 @@ }, { "name": "value", - "type": "string", + "type": "number | string", + "complexType": { + "original": "SegmentValue", + "resolved": "number | string", + "references": { + "SegmentValue": { + "location": "import", + "path": "../segment/segment-interface", + "id": "src/components/segment/segment-interface.ts::SegmentValue" + } + } + }, "mutable": false, "attr": "value", "reflectToAttr": false, @@ -17656,6 +23200,9 @@ "docsTags": [], "default": "'ion-sb-' + ids++", "values": [ + { + "type": "number" + }, { "type": "string" } @@ -17835,7 +23382,7 @@ } }, { - "filePath": "./src/components/segment/segment.tsx", + "filePath": "src/components/segment/segment.tsx", "encapsulation": "shadow", "tag": "ion-segment", "docs": "", @@ -17850,6 +23397,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -17905,6 +23463,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -17943,6 +23506,11 @@ { "name": "scrollable", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "scrollable", "reflectToAttr": false, @@ -17960,6 +23528,11 @@ { "name": "selectOnFocus", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "select-on-focus", "reflectToAttr": false, @@ -17977,6 +23550,11 @@ { "name": "swipeGesture", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "swipe-gesture", "reflectToAttr": false, @@ -17993,13 +23571,27 @@ }, { "name": "value", - "type": "string | undefined", + "type": "number | string | undefined", + "complexType": { + "original": "SegmentValue", + "resolved": "number | string | undefined", + "references": { + "SegmentValue": { + "location": "import", + "path": "./segment-interface", + "id": "src/components/segment/segment-interface.ts::SegmentValue" + } + } + }, "mutable": true, "attr": "value", "reflectToAttr": false, "docs": "セグメントの価値", "docsTags": [], "values": [ + { + "type": "number" + }, { "type": "string" }, @@ -18017,6 +23609,17 @@ "event": "ionChange", "detail": "SegmentChangeEventDetail", "bubbles": true, + "complexType": { + "original": "SegmentChangeEventDetail", + "resolved": "SegmentChangeEventDetail", + "references": { + "SegmentChangeEventDetail": { + "location": "import", + "path": "./segment-interface", + "id": "src/components/segment/segment-interface.ts::SegmentChangeEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "valueプロパティが変更され、`ion-segment`からドラッグポインタが解放されたときに発行されます。", @@ -18044,7 +23647,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/select-option/select-option.tsx", + "filePath": "src/components/select-option/select-option.tsx", "encapsulation": "shadow", "tag": "ion-select-option", "docs": "", @@ -18054,6 +23657,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -18071,6 +23679,11 @@ { "name": "value", "type": "any", + "complexType": { + "original": "any | null", + "resolved": "any", + "references": {} + }, "mutable": false, "attr": "value", "reflectToAttr": false, @@ -18096,7 +23709,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/select/select.tsx", + "filePath": "src/components/select/select.tsx", "encapsulation": "shadow", "tag": "ion-select", "docs": "", @@ -18105,6 +23718,10 @@ "name": "virtualProp", "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use." }, + { + "name": "slot", + "text": "label - The label text to associate with the select. Use the `labelPlacement` property to control where the label is placed relative to the select. Use this if you need to render a label with custom HTML." + }, { "name": "part", "text": "placeholder - The text displayed in the select when there is no value." @@ -18116,6 +23733,14 @@ { "name": "part", "text": "icon - The select icon container." + }, + { + "name": "part", + "text": "container - The container for the selected text or placeholder." + }, + { + "name": "part", + "text": "label - The label text describing the select." } ], "usage": {}, @@ -18123,6 +23748,11 @@ { "name": "cancelText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "cancel-text", "reflectToAttr": false, @@ -18140,6 +23770,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -18195,6 +23836,17 @@ { "name": "compareWith", "type": "((currentValue: any, compareValue: any) => boolean) | null | string | undefined", + "complexType": { + "original": "string | SelectCompareFn | null", + "resolved": "((currentValue: any, compareValue: any) => boolean) | null | string | undefined", + "references": { + "SelectCompareFn": { + "location": "import", + "path": "./select-interface", + "id": "src/components/select/select-interface.ts::SelectCompareFn" + } + } + }, "mutable": false, "attr": "compare-with", "reflectToAttr": false, @@ -18220,6 +23872,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -18234,9 +23891,38 @@ "optional": false, "required": false }, + { + "name": "expandedIcon", + "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, + "mutable": false, + "attr": "expanded-icon", + "reflectToAttr": false, + "docs": "The toggle icon to show when the select is open. If defined, the icon\nrotation behavior in `md` mode will be disabled. If undefined, `toggleIcon`\nwill be used for when the select is both open and closed.", + "docsTags": [], + "values": [ + { + "type": "string" + }, + { + "type": "undefined" + } + ], + "optional": true, + "required": false + }, { "name": "fill", "type": "\"outline\" | \"solid\" | undefined", + "complexType": { + "original": "'outline' | 'solid'", + "resolved": "\"outline\" | \"solid\" | undefined", + "references": {} + }, "mutable": false, "attr": "fill", "reflectToAttr": false, @@ -18261,6 +23947,17 @@ { "name": "interface", "type": "\"action-sheet\" | \"alert\" | \"popover\"", + "complexType": { + "original": "SelectInterface", + "resolved": "\"action-sheet\" | \"alert\" | \"popover\"", + "references": { + "SelectInterface": { + "location": "import", + "path": "./select-interface", + "id": "src/components/select/select-interface.ts::SelectInterface" + } + } + }, "mutable": false, "attr": "interface", "reflectToAttr": false, @@ -18287,6 +23984,11 @@ { "name": "interfaceOptions", "type": "any", + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "mutable": false, "attr": "interface-options", "reflectToAttr": false, @@ -18304,6 +24006,11 @@ { "name": "justify", "type": "\"end\" | \"space-between\" | \"start\"", + "complexType": { + "original": "'start' | 'end' | 'space-between'", + "resolved": "\"end\" | \"space-between\" | \"start\"", + "references": {} + }, "mutable": false, "attr": "justify", "reflectToAttr": false, @@ -18330,10 +24037,15 @@ { "name": "label", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, - "docs": "セレクトに関連する可視ラベル。", + "docs": "The visible label associated with the select.\n\nUse this if you need to render a plaintext label.\n\nThe `label` property will take priority over the `label` slot if both are used.", "docsTags": [], "values": [ { @@ -18349,6 +24061,11 @@ { "name": "labelPlacement", "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\" | undefined", + "complexType": { + "original": "'start' | 'end' | 'floating' | 'stacked' | 'fixed'", + "resolved": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\" | undefined", + "references": {} + }, "mutable": false, "attr": "label-placement", "reflectToAttr": false, @@ -18386,6 +24103,11 @@ { "name": "legacy", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "legacy", "reflectToAttr": false, @@ -18426,6 +24148,11 @@ { "name": "multiple", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "multiple", "reflectToAttr": false, @@ -18443,6 +24170,11 @@ { "name": "name", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "name", "reflectToAttr": false, @@ -18460,6 +24192,11 @@ { "name": "okText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "ok-text", "reflectToAttr": false, @@ -18477,6 +24214,11 @@ { "name": "placeholder", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, @@ -18496,6 +24238,11 @@ { "name": "selectedText", "type": "null | string | undefined", + "complexType": { + "original": "string | null", + "resolved": "null | string | undefined", + "references": {} + }, "mutable": false, "attr": "selected-text", "reflectToAttr": false, @@ -18518,6 +24265,11 @@ { "name": "shape", "type": "\"round\" | undefined", + "complexType": { + "original": "'round'", + "resolved": "\"round\" | undefined", + "references": {} + }, "mutable": false, "attr": "shape", "reflectToAttr": false, @@ -18535,9 +24287,38 @@ "optional": true, "required": false }, + { + "name": "toggleIcon", + "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, + "mutable": false, + "attr": "toggle-icon", + "reflectToAttr": false, + "docs": "The toggle icon to use. Defaults to `chevronExpand` for `ios` mode,\nor `caretDownSharp` for `md` mode.", + "docsTags": [], + "values": [ + { + "type": "string" + }, + { + "type": "undefined" + } + ], + "optional": true, + "required": false + }, { "name": "value", "type": "any", + "complexType": { + "original": "any | null", + "resolved": "any", + "references": {} + }, "mutable": true, "attr": "value", "reflectToAttr": false, @@ -18559,6 +24340,35 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(event?: UIEvent) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "event The user interface event that called the open." + } + ], + "text": "The user interface event that called the open." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "UIEvent": { + "location": "global", + "id": "global::UIEvent" + }, + "HTMLElement": { + "location": "global", + "id": "global::HTMLElement" + } + }, + "return": "Promise" + }, "signature": "open(event?: UIEvent) => Promise", "parameters": [], "docs": "セレクトオーバーレイを開きます。オーバーレイは `ion-select` の `interface` プロパティによって、アラート、アクションシート、ポップオーバーのいずれかになります。", @@ -18575,6 +24385,11 @@ "event": "ionBlur", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "セレクトのフォーカスが外れたときに発行されます。", @@ -18584,6 +24399,11 @@ "event": "ionCancel", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "選択がキャンセルされたときに発行されます。", @@ -18593,6 +24413,17 @@ "event": "ionChange", "detail": "SelectChangeEventDetail", "bubbles": true, + "complexType": { + "original": "SelectChangeEventDetail", + "resolved": "SelectChangeEventDetail", + "references": { + "SelectChangeEventDetail": { + "location": "import", + "path": "./select-interface", + "id": "src/components/select/select-interface.ts::SelectChangeEventDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "値が変更されたときに発行されます。", @@ -18602,6 +24433,11 @@ "event": "ionDismiss", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "オーバーレイが解除されたときに発行されます。", @@ -18611,6 +24447,11 @@ "event": "ionFocus", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "セレクトにフォーカスが当たったときに発行されます。", @@ -18625,39 +24466,39 @@ "docs": "セレクトの背景" }, { - "name": "--border-color Color of the select border", + "name": "--border-color", "annotation": "prop", - "docs": "" + "docs": "Color of the select border" }, { - "name": "--border-radius Radius of the select border", + "name": "--border-radius", "annotation": "prop", - "docs": "" + "docs": "Radius of the select border. A large radius may display unevenly when using fill=\"outline\"; if needed, use shape=\"round\" instead or increase --padding-start." }, { - "name": "--border-style Style of the select border", + "name": "--border-style", "annotation": "prop", - "docs": "" + "docs": "Style of the select border" }, { - "name": "--border-width Width of the select border", + "name": "--border-width", "annotation": "prop", - "docs": "" + "docs": "Width of the select border" }, { - "name": "--highlight-color-focused The color of the highlight on the select when focused", + "name": "--highlight-color-focused", "annotation": "prop", - "docs": "" + "docs": "The color of the highlight on the select when focused" }, { - "name": "--highlight-color-invalid The color of the highlight on the select when invalid", + "name": "--highlight-color-invalid", "annotation": "prop", - "docs": "" + "docs": "The color of the highlight on the select when invalid" }, { - "name": "--highlight-color-valid The color of the highlight on the select when valid", + "name": "--highlight-color-valid", "annotation": "prop", - "docs": "" + "docs": "The color of the highlight on the select when valid" }, { "name": "--padding-bottom", @@ -18695,12 +24536,25 @@ "docs": "MDモード時のリップルエフェクトの色です。" } ], - "slots": [], + "slots": [ + { + "name": "label", + "docs": "The label text to associate with the select. Use the `labelPlacement` property to control where the label is placed relative to the select. Use this if you need to render a label with custom HTML." + } + ], "parts": [ + { + "name": "container", + "docs": "The container for the selected text or placeholder." + }, { "name": "icon", "docs": "セレクトアイコンのコンテナです。" }, + { + "name": "label", + "docs": "The label text describing the select." + }, { "name": "placeholder", "docs": "値がないときにセレクトに表示されるテキスト。" @@ -18729,11 +24583,11 @@ "ion-select-popover": [ "ion-item", "ion-checkbox", - "ion-label", "ion-radio-group", "ion-radio", "ion-list", - "ion-list-header" + "ion-list-header", + "ion-label" ], "ion-item": [ "ion-icon", @@ -18755,7 +24609,7 @@ } }, { - "filePath": "./src/components/skeleton-text/skeleton-text.tsx", + "filePath": "src/components/skeleton-text/skeleton-text.tsx", "encapsulation": "shadow", "tag": "ion-skeleton-text", "docs": "", @@ -18765,6 +24619,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -19325,7 +25184,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/spinner/spinner.tsx", + "filePath": "src/components/spinner/spinner.tsx", "encapsulation": "shadow", "tag": "ion-spinner", "docs": "", @@ -19335,6 +25194,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -19390,6 +25260,11 @@ { "name": "duration", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "duration", "reflectToAttr": false, @@ -19409,6 +25284,17 @@ { "name": "name", "type": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | undefined", + "complexType": { + "original": "SpinnerTypes", + "resolved": "\"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines\" | \"lines-sharp\" | \"lines-sharp-small\" | \"lines-small\" | undefined", + "references": { + "SpinnerTypes": { + "location": "import", + "path": "./spinner-configs", + "id": "src/components/spinner/spinner-configs.ts::SpinnerTypes" + } + } + }, "mutable": false, "attr": "name", "reflectToAttr": false, @@ -19461,6 +25347,11 @@ { "name": "paused", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "paused", "reflectToAttr": false, @@ -19507,7 +25398,7 @@ } }, { - "filePath": "./src/components/split-pane/split-pane.tsx", + "filePath": "src/components/split-pane/split-pane.tsx", "encapsulation": "shadow", "tag": "ion-split-pane", "docs": "", @@ -19517,6 +25408,11 @@ { "name": "contentId", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "content-id", "reflectToAttr": true, @@ -19536,6 +25432,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -19553,6 +25454,11 @@ { "name": "when", "type": "boolean | string", + "complexType": { + "original": "string | boolean", + "resolved": "boolean | string", + "references": {} + }, "mutable": false, "attr": "when", "reflectToAttr": false, @@ -19577,6 +25483,11 @@ "event": "ionSplitPaneVisible", "detail": "{ visible: boolean; }", "bubbles": true, + "complexType": { + "original": "{ visible: boolean }", + "resolved": "{ visible: boolean; }", + "references": {} + }, "cancelable": true, "composed": true, "docs": "分割画面の表示が変わったときに呼び出される式", @@ -19613,7 +25524,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/tab-bar/tab-bar.tsx", + "filePath": "src/components/tab-bar/tab-bar.tsx", "encapsulation": "shadow", "tag": "ion-tab-bar", "docs": "", @@ -19628,6 +25539,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -19704,6 +25626,11 @@ { "name": "selectedTab", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "selected-tab", "reflectToAttr": false, @@ -19723,6 +25650,11 @@ { "name": "translucent", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "translucent", "reflectToAttr": false, @@ -19765,7 +25697,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/tab-button/tab-button.tsx", + "filePath": "src/components/tab-button/tab-button.tsx", "encapsulation": "shadow", "tag": "ion-tab-button", "docs": "", @@ -19784,6 +25716,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -19801,6 +25738,11 @@ { "name": "download", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "download", "reflectToAttr": false, @@ -19820,6 +25762,11 @@ { "name": "href", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "href", "reflectToAttr": false, @@ -19839,6 +25786,17 @@ { "name": "layout", "type": "\"icon-bottom\" | \"icon-end\" | \"icon-hide\" | \"icon-start\" | \"icon-top\" | \"label-hide\" | undefined", + "complexType": { + "original": "TabButtonLayout", + "resolved": "\"icon-bottom\" | \"icon-end\" | \"icon-hide\" | \"icon-start\" | \"icon-top\" | \"label-hide\" | undefined", + "references": { + "TabButtonLayout": { + "location": "import", + "path": "../tab-bar/tab-bar-interface", + "id": "src/components/tab-bar/tab-bar-interface.ts::TabButtonLayout" + } + } + }, "mutable": true, "attr": "layout", "reflectToAttr": false, @@ -19900,6 +25858,11 @@ { "name": "rel", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "rel", "reflectToAttr": false, @@ -19919,6 +25882,11 @@ { "name": "selected", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "selected", "reflectToAttr": false, @@ -19936,6 +25904,11 @@ { "name": "tab", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "tab", "reflectToAttr": false, @@ -19955,6 +25928,11 @@ { "name": "target", "type": "string | undefined", + "complexType": { + "original": "string | undefined", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "target", "reflectToAttr": false, @@ -20057,7 +26035,7 @@ } }, { - "filePath": "./src/components/tab/tab.tsx", + "filePath": "src/components/tab/tab.tsx", "encapsulation": "shadow", "tag": "ion-tab", "docs": "", @@ -20067,6 +26045,17 @@ { "name": "component", "type": "Function | HTMLElement | null | string | undefined", + "complexType": { + "original": "ComponentRef", + "resolved": "Function | HTMLElement | null | string | undefined", + "references": { + "ComponentRef": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::ComponentRef" + } + } + }, "mutable": false, "attr": "component", "reflectToAttr": false, @@ -20095,6 +26084,11 @@ { "name": "tab", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "tab", "reflectToAttr": false, @@ -20116,6 +26110,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "setActive() => Promise", "parameters": [], "docs": "タブのアクティブコンポーネントを設定します。", @@ -20132,7 +26137,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/tabs/tabs.tsx", + "filePath": "src/components/tabs/tabs.tsx", "encapsulation": "shadow", "tag": "ion-tabs", "docs": "", @@ -20159,9 +26164,20 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "getSelected() => Promise", "parameters": [], - "docs": "現在選択されているタブを取得します。", + "docs": "Get the currently selected tab. This method is only available for vanilla JavaScript projects. The Angular, React, and Vue implementations of tabs are coupled to each framework's router.", "docsTags": [] }, { @@ -20170,9 +26186,34 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(tab: string | HTMLIonTabElement) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property." + } + ], + "text": "The tab instance to select. If passed a string, it should be the value of the tab's `tab` property." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "HTMLIonTabElement": { + "location": "global", + "id": "global::HTMLIonTabElement" + } + }, + "return": "Promise" + }, "signature": "getTab(tab: string | HTMLIonTabElement) => Promise", "parameters": [], - "docs": "タブの `tab` プロパティの値、または要素の参照によって特定のタブを取得します。", + "docs": "Get a specific tab by the value of its `tab` property or an element reference. This method is only available for vanilla JavaScript projects. The Angular, React, and Vue implementations of tabs are coupled to each framework's router.", "docsTags": [ { "name": "param", @@ -20186,9 +26227,34 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(tab: string | HTMLIonTabElement) => Promise", + "parameters": [ + { + "tags": [ + { + "name": "param", + "text": "tab The tab instance to select. If passed a string, it should be the value of the tab's `tab` property." + } + ], + "text": "The tab instance to select. If passed a string, it should be the value of the tab's `tab` property." + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "HTMLIonTabElement": { + "location": "global", + "id": "global::HTMLIonTabElement" + } + }, + "return": "Promise" + }, "signature": "select(tab: string | HTMLIonTabElement) => Promise", "parameters": [], - "docs": "タブの `tab` プロパティの値、または要素の参照によってタブを選択します。", + "docs": "Select a tab by the value of its `tab` property or an element reference. This method is only available for vanilla JavaScript projects. The Angular, React, and Vue implementations of tabs are coupled to each framework's router.", "docsTags": [ { "name": "param", @@ -20202,6 +26268,11 @@ "event": "ionTabsDidChange", "detail": "{ tab: string; }", "bubbles": false, + "complexType": { + "original": "{ tab: string }", + "resolved": "{ tab: string; }", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ナビゲーションが新しいコンポーネントに遷移し終わったときに発行されます。", @@ -20211,6 +26282,11 @@ "event": "ionTabsWillChange", "detail": "{ tab: string; }", "bubbles": false, + "complexType": { + "original": "{ tab: string }", + "resolved": "{ tab: string; }", + "references": {} + }, "cancelable": true, "composed": true, "docs": "ナビゲーションが新しいコンポーネントに移行しようとするときに発行されます。", @@ -20239,7 +26315,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/text/text.tsx", + "filePath": "src/components/text/text.tsx", "encapsulation": "shadow", "tag": "ion-text", "docs": "", @@ -20254,6 +26330,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -20339,7 +26426,7 @@ "dependencyGraph": {} }, { - "filePath": "./src/components/textarea/textarea.tsx", + "filePath": "src/components/textarea/textarea.tsx", "encapsulation": "scoped", "tag": "ion-textarea", "docs": "", @@ -20347,6 +26434,10 @@ { "name": "virtualProp", "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use." + }, + { + "name": "slot", + "text": "label - The label text to associate with the textarea. Use the `labelPlacement` property to control where the label is placed relative to the textarea. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)" } ], "usage": {}, @@ -20354,6 +26445,11 @@ { "name": "autoGrow", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "auto-grow", "reflectToAttr": true, @@ -20371,6 +26467,11 @@ { "name": "autocapitalize", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "autocapitalize", "reflectToAttr": false, @@ -20388,6 +26489,11 @@ { "name": "autofocus", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "autofocus", "reflectToAttr": false, @@ -20405,6 +26511,11 @@ { "name": "clearOnEdit", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "clear-on-edit", "reflectToAttr": false, @@ -20422,6 +26533,17 @@ { "name": "color", "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "complexType": { + "original": "Color", + "resolved": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record | undefined", + "references": { + "Color": { + "location": "import", + "path": "../../interface", + "id": "src/interface.d.ts::Color" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": true, @@ -20477,6 +26599,11 @@ { "name": "cols", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "cols", "reflectToAttr": false, @@ -20496,6 +26623,11 @@ { "name": "counter", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "counter", "reflectToAttr": false, @@ -20513,6 +26645,11 @@ { "name": "counterFormatter", "type": "((inputLength: number, maxLength: number) => string) | undefined", + "complexType": { + "original": "(inputLength: number, maxLength: number) => string", + "resolved": "((inputLength: number, maxLength: number) => string) | undefined", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "カウンターのテキストをフォーマットするために使用されるコールバックです。デフォルトでは、カウンターのテキストは\"itemLength / maxLength\"に設定されています。", @@ -20531,6 +26668,11 @@ { "name": "debounce", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "debounce", "reflectToAttr": false, @@ -20550,6 +26692,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -20567,6 +26714,11 @@ { "name": "enterkeyhint", "type": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined", + "complexType": { + "original": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'", + "resolved": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined", + "references": {} + }, "mutable": false, "attr": "enterkeyhint", "reflectToAttr": false, @@ -20611,6 +26763,11 @@ { "name": "errorText", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "error-text", "reflectToAttr": false, @@ -20630,6 +26787,11 @@ { "name": "fill", "type": "\"outline\" | \"solid\" | undefined", + "complexType": { + "original": "'outline' | 'solid'", + "resolved": "\"outline\" | \"solid\" | undefined", + "references": {} + }, "mutable": false, "attr": "fill", "reflectToAttr": false, @@ -20654,6 +26816,11 @@ { "name": "helperText", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "helper-text", "reflectToAttr": false, @@ -20673,6 +26840,11 @@ { "name": "inputmode", "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined", + "complexType": { + "original": "'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'", + "resolved": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined", + "references": {} + }, "mutable": false, "attr": "inputmode", "reflectToAttr": false, @@ -20721,10 +26893,15 @@ { "name": "label", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, - "docs": "テキストエリアに関連する可視ラベル。", + "docs": "The visible label associated with the textarea.\n\nUse this if you need to render a plaintext label.\n\nThe `label` property will take priority over the `label` slot if both are used.", "docsTags": [], "values": [ { @@ -20740,6 +26917,11 @@ { "name": "labelPlacement", "type": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\"", + "complexType": { + "original": "'start' | 'end' | 'floating' | 'stacked' | 'fixed'", + "resolved": "\"end\" | \"fixed\" | \"floating\" | \"stacked\" | \"start\"", + "references": {} + }, "mutable": false, "attr": "label-placement", "reflectToAttr": false, @@ -20774,6 +26956,11 @@ { "name": "legacy", "type": "boolean | undefined", + "complexType": { + "original": "boolean", + "resolved": "boolean | undefined", + "references": {} + }, "mutable": false, "attr": "legacy", "reflectToAttr": false, @@ -20793,6 +26980,11 @@ { "name": "maxlength", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "maxlength", "reflectToAttr": false, @@ -20812,6 +27004,11 @@ { "name": "minlength", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "minlength", "reflectToAttr": false, @@ -20852,6 +27049,11 @@ { "name": "name", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "name", "reflectToAttr": false, @@ -20869,6 +27071,11 @@ { "name": "placeholder", "type": "string | undefined", + "complexType": { + "original": "string", + "resolved": "string | undefined", + "references": {} + }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, @@ -20888,6 +27095,11 @@ { "name": "readonly", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "readonly", "reflectToAttr": false, @@ -20905,6 +27117,11 @@ { "name": "required", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "required", "reflectToAttr": false, @@ -20922,6 +27139,11 @@ { "name": "rows", "type": "number | undefined", + "complexType": { + "original": "number", + "resolved": "number | undefined", + "references": {} + }, "mutable": false, "attr": "rows", "reflectToAttr": false, @@ -20941,6 +27163,11 @@ { "name": "shape", "type": "\"round\" | undefined", + "complexType": { + "original": "'round'", + "resolved": "\"round\" | undefined", + "references": {} + }, "mutable": false, "attr": "shape", "reflectToAttr": false, @@ -20961,6 +27188,11 @@ { "name": "spellcheck", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "spellcheck", "reflectToAttr": false, @@ -20978,6 +27210,11 @@ { "name": "value", "type": "null | string | undefined", + "complexType": { + "original": "string | null", + "resolved": "null | string | undefined", + "references": {} + }, "mutable": true, "attr": "value", "reflectToAttr": false, @@ -21001,6 +27238,11 @@ { "name": "wrap", "type": "\"hard\" | \"off\" | \"soft\" | undefined", + "complexType": { + "original": "'hard' | 'soft' | 'off'", + "resolved": "\"hard\" | \"off\" | \"soft\" | undefined", + "references": {} + }, "mutable": false, "attr": "wrap", "reflectToAttr": false, @@ -21034,6 +27276,21 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "HTMLTextAreaElement": { + "location": "global", + "id": "global::HTMLTextAreaElement" + } + }, + "return": "Promise" + }, "signature": "getInputElement() => Promise", "parameters": [], "docs": "要素の内部で使用されるネイティブの `