|
|
|
@ -5,9 +5,9 @@
|
|
|
|
* It contains typing information for all components that exist in this project.
|
|
|
|
* It contains typing information for all components that exist in this project.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
|
|
|
|
import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
|
|
|
|
import { ActionSheetButton, AlertButton, AlertInput, AnimationBuilder, AutocompleteTypes, CheckboxChangeEventDetail, Color, ComponentProps, ComponentRef, DatetimeChangeEventDetail, DatetimeOptions, DomRenderFn, FooterHeightFn, FrameworkDelegate, HeaderFn, HeaderHeightFn, InputChangeEventDetail, ItemHeightFn, ItemRenderFn, ItemReorderEventDetail, MenuChangeEventDetail, NavComponent, NavOptions, OverlayEventDetail, PickerButton, PickerColumn, RadioGroupChangeEventDetail, RangeChangeEventDetail, RangeValue, RefresherEventDetail, RouteID, RouterDirection, RouterEventDetail, RouterOutletOptions, RouteWrite, ScrollBaseDetail, ScrollDetail, SearchbarChangeEventDetail, SegmentButtonLayout, SegmentChangeEventDetail, SelectChangeEventDetail, SelectInterface, SelectPopoverOption, Side, SpinnerTypes, StyleEventDetail, SwipeGestureHandler, TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout, TextareaChangeEventDetail, TextFieldTypes, ToastButton, ToggleChangeEventDetail, TransitionDoneFn, TransitionInstruction, ViewController, } from "./interface";
|
|
|
|
import { ActionSheetButton, AlertButton, AlertInput, AnimationBuilder, AutocompleteTypes, CheckboxChangeEventDetail, Color, ComponentProps, ComponentRef, DatetimeChangeEventDetail, DatetimeOptions, DomRenderFn, FooterHeightFn, FrameworkDelegate, HeaderFn, HeaderHeightFn, InputChangeEventDetail, ItemHeightFn, ItemRenderFn, ItemReorderEventDetail, MenuChangeEventDetail, NavComponent, NavOptions, OverlayEventDetail, PickerButton, PickerColumn, RadioGroupChangeEventDetail, RangeChangeEventDetail, RangeValue, RefresherEventDetail, RouteID, RouterDirection, RouterEventDetail, RouterOutletOptions, RouteWrite, ScrollBaseDetail, ScrollDetail, SearchbarChangeEventDetail, SegmentButtonLayout, SegmentChangeEventDetail, SelectChangeEventDetail, SelectInterface, SelectPopoverOption, Side, SpinnerTypes, StyleEventDetail, SwipeGestureHandler, TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout, TextareaChangeEventDetail, TextFieldTypes, ToastButton, ToggleChangeEventDetail, TransitionDoneFn, TransitionInstruction, ViewController } from "./interface";
|
|
|
|
import { IonicSafeString, } from "./utils/sanitization";
|
|
|
|
import { IonicSafeString } from "./utils/sanitization";
|
|
|
|
import { SelectCompareFn, } from "./components/select/select-interface";
|
|
|
|
import { SelectCompareFn } from "./components/select/select-interface";
|
|
|
|
export namespace Components {
|
|
|
|
export namespace Components {
|
|
|
|
interface IonActionSheet {
|
|
|
|
interface IonActionSheet {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -183,7 +183,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type": "submit" | "reset" | "button";
|
|
|
|
"type": 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonBackdrop {
|
|
|
|
interface IonBackdrop {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -229,11 +229,11 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Set to `"block"` for a full-width button or to `"full"` for a full-width button without left and right borders.
|
|
|
|
* Set to `"block"` for a full-width button or to `"full"` for a full-width button without left and right borders.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"expand"?: "full" | "block";
|
|
|
|
"expand"?: 'full' | 'block';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Set to `"clear"` for a transparent button, to `"outline"` for a transparent button with a border, or to `"solid"`. The default style is `"solid"` except inside of a toolbar, where the default is `"clear"`.
|
|
|
|
* Set to `"clear"` for a transparent button, to `"outline"` for a transparent button with a border, or to `"solid"`. The default style is `"solid"` except inside of a toolbar, where the default is `"clear"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"fill"?: "clear" | "outline" | "solid" | "default";
|
|
|
|
"fill"?: 'clear' | 'outline' | 'solid' | 'default';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
|
|
|
|
* Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -257,11 +257,11 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The button shape.
|
|
|
|
* The button shape.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"shape"?: "round";
|
|
|
|
"shape"?: 'round';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The button size.
|
|
|
|
* The button size.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"size"?: "small" | "default" | "large";
|
|
|
|
"size"?: 'small' | 'default' | 'large';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If `true`, activates a button with a heavier font weight.
|
|
|
|
* If `true`, activates a button with a heavier font weight.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -273,7 +273,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type": "submit" | "reset" | "button";
|
|
|
|
"type": 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonButtons {
|
|
|
|
interface IonButtons {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -325,7 +325,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button. Only used when an `onclick` or `button` property is present.
|
|
|
|
* The type of the button. Only used when an `onclick` or `button` property is present.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type": "submit" | "reset" | "button";
|
|
|
|
"type": 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonCardContent {
|
|
|
|
interface IonCardContent {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -548,7 +548,7 @@ export namespace Components {
|
|
|
|
* @param y The point to scroll to on the vertical axis.
|
|
|
|
* @param y The point to scroll to on the vertical axis.
|
|
|
|
* @param duration The amount of time to take scrolling to that point. Defaults to `0`.
|
|
|
|
* @param duration The amount of time to take scrolling to that point. Defaults to `0`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"scrollToPoint": (x: number | null | undefined, y: number | null | undefined, duration?: number) => Promise<void>;
|
|
|
|
"scrollToPoint": (x: number | undefined | null, y: number | undefined | null, duration?: number) => Promise<void>;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Scroll to the top of the component.
|
|
|
|
* Scroll to the top of the component.
|
|
|
|
* @param duration The amount of time to take scrolling to the top. Defaults to `0`.
|
|
|
|
* @param duration The amount of time to take scrolling to the top. Defaults to `0`.
|
|
|
|
@ -677,11 +677,11 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Where to align the fab horizontally in the viewport.
|
|
|
|
* Where to align the fab horizontally in the viewport.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"horizontal"?: "start" | "end" | "center";
|
|
|
|
"horizontal"?: 'start' | 'end' | 'center';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Where to align the fab vertically in the viewport.
|
|
|
|
* Where to align the fab vertically in the viewport.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"vertical"?: "top" | "bottom" | "center";
|
|
|
|
"vertical"?: 'top' | 'bottom' | 'center';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonFabButton {
|
|
|
|
interface IonFabButton {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -731,7 +731,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The size of the button. Set this to `small` in order to have a mini fab button.
|
|
|
|
* The size of the button. Set this to `small` in order to have a mini fab button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"size"?: "small";
|
|
|
|
"size"?: 'small';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
|
|
|
|
* Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -743,7 +743,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type": "submit" | "reset" | "button";
|
|
|
|
"type": 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonFabList {
|
|
|
|
interface IonFabList {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -753,7 +753,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The side the fab list will show on relative to the main fab button.
|
|
|
|
* The side the fab list will show on relative to the main fab button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"side": "start" | "end" | "top" | "bottom";
|
|
|
|
"side": 'start' | 'end' | 'top' | 'bottom';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonFooter {
|
|
|
|
interface IonFooter {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -775,7 +775,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Describes the scroll effect that will be applied to the header `condense` only applies in iOS mode. Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
|
|
|
|
* Describes the scroll effect that will be applied to the header `condense` only applies in iOS mode. Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"collapse"?: "condense";
|
|
|
|
"collapse"?: 'condense';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -807,7 +807,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The position of the infinite scroll element. The value can be either `top` or `bottom`.
|
|
|
|
* The position of the infinite scroll element. The value can be either `top` or `bottom`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"position": "top" | "bottom";
|
|
|
|
"position": 'top' | 'bottom';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The threshold distance from the bottom of the content to call the `infinite` output event when scrolled. The threshold value can be either a percent, or in pixels. For example, use the value of `10%` for the `infinite` output event to get called when the user has scrolled 10% from the bottom of the page. Use the value `100px` when the scroll is within 100 pixels from the bottom of the page.
|
|
|
|
* The threshold distance from the bottom of the content to call the `infinite` output event when scrolled. The threshold value can be either a percent, or in pixels. For example, use the value of `10%` for the `infinite` output event to get called when the user has scrolled 10% from the bottom of the page. Use the value `100px` when the scroll is within 100 pixels from the bottom of the page.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -839,7 +839,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Whether auto correction should be enabled when the user is entering/editing the text value.
|
|
|
|
* Whether auto correction should be enabled when the user is entering/editing the text value.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"autocorrect": "on" | "off";
|
|
|
|
"autocorrect": 'on' | 'off';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* This Boolean attribute lets you specify that a form control should have input focus when the page loads.
|
|
|
|
* This Boolean attribute lets you specify that a form control should have input focus when the page loads.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -867,7 +867,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"enterkeyhint"?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
|
|
|
|
"enterkeyhint"?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Returns the native `<input>` element used under the hood.
|
|
|
|
* Returns the native `<input>` element used under the hood.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -875,7 +875,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"inputmode"?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
|
|
"inputmode"?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The maximum value, which must not be less than its minimum (min attribute) value.
|
|
|
|
* The maximum value, which must not be less than its minimum (min attribute) value.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -977,7 +977,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* How the bottom border should be displayed on the item.
|
|
|
|
* How the bottom border should be displayed on the item.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"lines"?: "full" | "inset" | "none";
|
|
|
|
"lines"?: 'full' | 'inset' | 'none';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -1001,7 +1001,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button. Only used when an `onclick` or `button` property is present.
|
|
|
|
* The type of the button. Only used when an `onclick` or `button` property is present.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type": "submit" | "reset" | "button";
|
|
|
|
"type": 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonItemDivider {
|
|
|
|
interface IonItemDivider {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -1055,7 +1055,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type": "submit" | "reset" | "button";
|
|
|
|
"type": 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonItemOptions {
|
|
|
|
interface IonItemOptions {
|
|
|
|
"fireSwipeEvent": () => Promise<void>;
|
|
|
|
"fireSwipeEvent": () => Promise<void>;
|
|
|
|
@ -1089,7 +1089,7 @@ export namespace Components {
|
|
|
|
* Open the sliding item.
|
|
|
|
* Open the sliding item.
|
|
|
|
* @param 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.
|
|
|
|
* @param 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.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"open": (side: "start" | "end" | undefined) => Promise<void>;
|
|
|
|
"open": (side: Side | undefined) => Promise<void>;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonLabel {
|
|
|
|
interface IonLabel {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -1103,7 +1103,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The position determines where and how the label behaves inside an item.
|
|
|
|
* The position determines where and how the label behaves inside an item.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"position"?: "fixed" | "stacked" | "floating";
|
|
|
|
"position"?: 'fixed' | 'stacked' | 'floating';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonList {
|
|
|
|
interface IonList {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -1117,7 +1117,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* How the bottom border should be displayed on all items.
|
|
|
|
* How the bottom border should be displayed on all items.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"lines"?: "full" | "inset" | "none";
|
|
|
|
"lines"?: 'full' | 'inset' | 'none';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -1131,7 +1131,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* How the bottom border should be displayed on the list header.
|
|
|
|
* How the bottom border should be displayed on the list header.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"lines"?: "full" | "inset" | "none";
|
|
|
|
"lines"?: 'full' | 'inset' | 'none';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -1284,7 +1284,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type": "submit" | "reset" | "button";
|
|
|
|
"type": 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonMenuToggle {
|
|
|
|
interface IonMenuToggle {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -1471,7 +1471,7 @@ export namespace Components {
|
|
|
|
* @param done The transition complete function.
|
|
|
|
* @param done The transition complete function.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"setRoot": <T extends NavComponent>(component: T, componentProps?: ComponentProps<T> | null | undefined, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise<boolean>;
|
|
|
|
"setRoot": <T extends NavComponent>(component: T, componentProps?: ComponentProps<T> | null | undefined, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise<boolean>;
|
|
|
|
"setRouteId": (id: string, params: ComponentProps<null> | undefined, direction: RouterDirection, animation?: AnimationBuilder | undefined) => Promise<RouteWrite>;
|
|
|
|
"setRouteId": (id: string, params: ComponentProps | undefined, direction: RouterDirection, animation?: AnimationBuilder | undefined) => Promise<RouteWrite>;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If the nav component should allow for swipe-to-go-back.
|
|
|
|
* If the nav component should allow for swipe-to-go-back.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -1671,7 +1671,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The state of the progress bar, based on if the time the process takes is known or not. Default options are: `"determinate"` (no animation), `"indeterminate"` (animate from left to right).
|
|
|
|
* The state of the progress bar, based on if the time the process takes is known or not. Default options are: `"determinate"` (no animation), `"indeterminate"` (animate from left to right).
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type": "determinate" | "indeterminate";
|
|
|
|
"type": 'determinate' | 'indeterminate';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The value determines how much of the active bar should display when the `type` is `"determinate"`. The value should be between [0, 1].
|
|
|
|
* The value determines how much of the active bar should display when the `type` is `"determinate"`. The value should be between [0, 1].
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -1846,7 +1846,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Sets the type of ripple-effect: - `bounded`: the ripple effect expands from the user's click position - `unbounded`: the ripple effect expands from the center of the button and overflows the container. NOTE: Surfaces for bounded ripples should have the overflow property set to hidden, while surfaces for unbounded ripples should have it set to visible.
|
|
|
|
* Sets the type of ripple-effect: - `bounded`: the ripple effect expands from the user's click position - `unbounded`: the ripple effect expands from the center of the button and overflows the container. NOTE: Surfaces for bounded ripples should have the overflow property set to hidden, while surfaces for unbounded ripples should have it set to visible.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type": "bounded" | "unbounded";
|
|
|
|
"type": 'bounded' | 'unbounded';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonRoute {
|
|
|
|
interface IonRoute {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -1856,9 +1856,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed to the defined component when rendered.
|
|
|
|
* A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed to the defined component when rendered.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"componentProps"?: {
|
|
|
|
"componentProps"?: {[key: string]: any};
|
|
|
|
[key: string]: any;
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Relative path that needs to match in order for this route to apply. Accepts paths similar to expressjs so that you can define parameters in the url /foo/:bar where bar would be available in incoming props.
|
|
|
|
* Relative path that needs to match in order for this route to apply. Accepts paths similar to expressjs so that you can define parameters in the url /foo/:bar where bar would be available in incoming props.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -1938,7 +1936,7 @@ export namespace Components {
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"mode": "ios" | "md";
|
|
|
|
"mode": "ios" | "md";
|
|
|
|
"setRouteId": (id: string, params: ComponentProps<null> | undefined, direction: RouterDirection, animation?: AnimationBuilder | undefined) => Promise<RouteWrite>;
|
|
|
|
"setRouteId": (id: string, params: ComponentProps | undefined, direction: RouterDirection, animation?: AnimationBuilder | undefined) => Promise<RouteWrite>;
|
|
|
|
"swipeHandler"?: SwipeGestureHandler;
|
|
|
|
"swipeHandler"?: SwipeGestureHandler;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonRow {
|
|
|
|
interface IonRow {
|
|
|
|
@ -1955,7 +1953,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Set the input's autocorrect property.
|
|
|
|
* Set the input's autocorrect property.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"autocorrect": "on" | "off";
|
|
|
|
"autocorrect": 'on' | 'off';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Set the cancel button icon. Only applies to `md` mode. Defaults to `"arrow-back-sharp"`.
|
|
|
|
* Set the cancel button icon. Only applies to `md` mode. Defaults to `"arrow-back-sharp"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -1983,7 +1981,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"enterkeyhint"?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
|
|
|
|
"enterkeyhint"?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Returns the native `<input>` element used under the hood.
|
|
|
|
* Returns the native `<input>` element used under the hood.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -1991,7 +1989,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"inputmode"?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
|
|
"inputmode"?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -2011,7 +2009,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Sets the behavior for the cancel button. Defaults to `"never"`. Setting to `"focus"` shows the cancel button on focus. Setting to `"never"` hides the cancel button. Setting to `"always"` shows the cancel button regardless of focus state.
|
|
|
|
* Sets the behavior for the cancel button. Defaults to `"never"`. Setting to `"focus"` shows the cancel button on focus. Setting to `"never"` hides the cancel button. Setting to `"always"` shows the cancel button regardless of focus state.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"showCancelButton": "never" | "focus" | "always";
|
|
|
|
"showCancelButton": 'never' | 'focus' | 'always';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If `true`, enable spellcheck on the input.
|
|
|
|
* If `true`, enable spellcheck on the input.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -2019,7 +2017,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Set the type of the input.
|
|
|
|
* Set the type of the input.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type": "text" | "password" | "email" | "number" | "search" | "tel" | "url";
|
|
|
|
"type": 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* the value of the searchbar.
|
|
|
|
* the value of the searchbar.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -2063,7 +2061,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type": "submit" | "reset" | "button";
|
|
|
|
"type": 'submit' | 'reset' | 'button';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The value of the segment button.
|
|
|
|
* The value of the segment button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -2422,7 +2420,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"enterkeyhint"?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
|
|
|
|
"enterkeyhint"?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Returns the native `<textarea>` element used under the hood.
|
|
|
|
* Returns the native `<textarea>` element used under the hood.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -2430,7 +2428,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"inputmode"?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
|
|
"inputmode"?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.
|
|
|
|
* If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -2478,7 +2476,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Indicates how the control wraps text.
|
|
|
|
* Indicates how the control wraps text.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"wrap"?: "hard" | "soft" | "off";
|
|
|
|
"wrap"?: 'hard' | 'soft' | 'off';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonThumbnail {
|
|
|
|
interface IonThumbnail {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -2490,7 +2488,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The size of the toolbar title.
|
|
|
|
* The size of the toolbar title.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"size"?: "large" | "small";
|
|
|
|
"size"?: 'large' | 'small';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonToast {
|
|
|
|
interface IonToast {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -2555,7 +2553,7 @@ export namespace Components {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The position of the toast on the screen.
|
|
|
|
* The position of the toast on the screen.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"position": "top" | "bottom" | "middle";
|
|
|
|
"position": 'top' | 'bottom' | 'middle';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Present the toast overlay after it has been created.
|
|
|
|
* Present the toast overlay after it has been created.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -3336,6 +3334,7 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted before the alert has presented.
|
|
|
|
* Emitted before the alert has presented.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonActionSheetWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonActionSheetWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
"overlayIndex": number;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Subtitle for the action sheet.
|
|
|
|
* Subtitle for the action sheet.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -3406,6 +3405,7 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted before the alert has presented.
|
|
|
|
* Emitted before the alert has presented.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonAlertWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonAlertWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
"overlayIndex": number;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The subtitle in the heading of the alert. Displayed under the title.
|
|
|
|
* The subtitle in the heading of the alert. Displayed under the title.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -3451,7 +3451,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type"?: "submit" | "reset" | "button";
|
|
|
|
"type"?: 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonBackdrop {
|
|
|
|
interface IonBackdrop {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -3501,11 +3501,11 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Set to `"block"` for a full-width button or to `"full"` for a full-width button without left and right borders.
|
|
|
|
* Set to `"block"` for a full-width button or to `"full"` for a full-width button without left and right borders.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"expand"?: "full" | "block";
|
|
|
|
"expand"?: 'full' | 'block';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Set to `"clear"` for a transparent button, to `"outline"` for a transparent button with a border, or to `"solid"`. The default style is `"solid"` except inside of a toolbar, where the default is `"clear"`.
|
|
|
|
* Set to `"clear"` for a transparent button, to `"outline"` for a transparent button with a border, or to `"solid"`. The default style is `"solid"` except inside of a toolbar, where the default is `"clear"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"fill"?: "clear" | "outline" | "solid" | "default";
|
|
|
|
"fill"?: 'clear' | 'outline' | 'solid' | 'default';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
|
|
|
|
* Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -3537,11 +3537,11 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The button shape.
|
|
|
|
* The button shape.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"shape"?: "round";
|
|
|
|
"shape"?: 'round';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The button size.
|
|
|
|
* The button size.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"size"?: "small" | "default" | "large";
|
|
|
|
"size"?: 'small' | 'default' | 'large';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If `true`, activates a button with a heavier font weight.
|
|
|
|
* If `true`, activates a button with a heavier font weight.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -3553,7 +3553,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type"?: "submit" | "reset" | "button";
|
|
|
|
"type"?: 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonButtons {
|
|
|
|
interface IonButtons {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -3605,7 +3605,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button. Only used when an `onclick` or `button` property is present.
|
|
|
|
* The type of the button. Only used when an `onclick` or `button` property is present.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type"?: "submit" | "reset" | "button";
|
|
|
|
"type"?: 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonCardContent {
|
|
|
|
interface IonCardContent {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -3684,6 +3684,10 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted when the toggle has focus.
|
|
|
|
* Emitted when the toggle has focus.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The value of the toggle does not mean if it's checked or not, use the `checked` property for that. The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
|
|
|
|
* The value of the toggle does not mean if it's checked or not, use the `checked` property for that. The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -3924,6 +3928,10 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted when the datetime has focus.
|
|
|
|
* Emitted when the datetime has focus.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The format of the date and time picker columns the user selects. A datetime input can have one or many datetime parts, each getting their own column which allow individual selection of that particular datetime part. For example, year and month columns are two individually selectable columns which help choose an exact date from the datetime picker. Each column follows the string parse format. Defaults to use `displayFormat`.
|
|
|
|
* The format of the date and time picker columns the user selects. A datetime input can have one or many datetime parts, each getting their own column which allow individual selection of that particular datetime part. For example, year and month columns are two individually selectable columns which help choose an exact date from the datetime picker. Each column follows the string parse format. Defaults to use `displayFormat`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -3961,11 +3969,11 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Where to align the fab horizontally in the viewport.
|
|
|
|
* Where to align the fab horizontally in the viewport.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"horizontal"?: "start" | "end" | "center";
|
|
|
|
"horizontal"?: 'start' | 'end' | 'center';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Where to align the fab vertically in the viewport.
|
|
|
|
* Where to align the fab vertically in the viewport.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"vertical"?: "top" | "bottom" | "center";
|
|
|
|
"vertical"?: 'top' | 'bottom' | 'center';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonFabButton {
|
|
|
|
interface IonFabButton {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -4023,7 +4031,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The size of the button. Set this to `small` in order to have a mini fab button.
|
|
|
|
* The size of the button. Set this to `small` in order to have a mini fab button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"size"?: "small";
|
|
|
|
"size"?: 'small';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
|
|
|
|
* Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4035,7 +4043,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type"?: "submit" | "reset" | "button";
|
|
|
|
"type"?: 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonFabList {
|
|
|
|
interface IonFabList {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -4045,7 +4053,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The side the fab list will show on relative to the main fab button.
|
|
|
|
* The side the fab list will show on relative to the main fab button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"side"?: "start" | "end" | "top" | "bottom";
|
|
|
|
"side"?: 'start' | 'end' | 'top' | 'bottom';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonFooter {
|
|
|
|
interface IonFooter {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -4067,7 +4075,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Describes the scroll effect that will be applied to the header `condense` only applies in iOS mode. Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
|
|
|
|
* Describes the scroll effect that will be applied to the header `condense` only applies in iOS mode. Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"collapse"?: "condense";
|
|
|
|
"collapse"?: 'condense';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4111,7 +4119,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The position of the infinite scroll element. The value can be either `top` or `bottom`.
|
|
|
|
* The position of the infinite scroll element. The value can be either `top` or `bottom`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"position"?: "top" | "bottom";
|
|
|
|
"position"?: 'top' | 'bottom';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The threshold distance from the bottom of the content to call the `infinite` output event when scrolled. The threshold value can be either a percent, or in pixels. For example, use the value of `10%` for the `infinite` output event to get called when the user has scrolled 10% from the bottom of the page. Use the value `100px` when the scroll is within 100 pixels from the bottom of the page.
|
|
|
|
* The threshold distance from the bottom of the content to call the `infinite` output event when scrolled. The threshold value can be either a percent, or in pixels. For example, use the value of `10%` for the `infinite` output event to get called when the user has scrolled 10% from the bottom of the page. Use the value `100px` when the scroll is within 100 pixels from the bottom of the page.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4143,7 +4151,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Whether auto correction should be enabled when the user is entering/editing the text value.
|
|
|
|
* Whether auto correction should be enabled when the user is entering/editing the text value.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"autocorrect"?: "on" | "off";
|
|
|
|
"autocorrect"?: 'on' | 'off';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* This Boolean attribute lets you specify that a form control should have input focus when the page loads.
|
|
|
|
* This Boolean attribute lets you specify that a form control should have input focus when the page loads.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4171,11 +4179,11 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"enterkeyhint"?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
|
|
|
|
"enterkeyhint"?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"inputmode"?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
|
|
"inputmode"?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The maximum value, which must not be less than its minimum (min attribute) value.
|
|
|
|
* The maximum value, which must not be less than its minimum (min attribute) value.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4220,6 +4228,10 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted when a keyboard input occurred.
|
|
|
|
* Emitted when a keyboard input occurred.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonInput"?: (event: CustomEvent<KeyboardEvent>) => void;
|
|
|
|
"onIonInput"?: (event: CustomEvent<KeyboardEvent>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, `"date"`, or `"password"`, otherwise it is ignored. When the type attribute is `"date"`, `pattern` will only be used in browsers that do not support the `"date"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for more information.
|
|
|
|
* A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, `"date"`, or `"password"`, otherwise it is ignored. When the type attribute is `"date"`, `pattern` will only be used in browsers that do not support the `"date"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for more information.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4289,7 +4301,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* How the bottom border should be displayed on the item.
|
|
|
|
* How the bottom border should be displayed on the item.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"lines"?: "full" | "inset" | "none";
|
|
|
|
"lines"?: 'full' | 'inset' | 'none';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4313,7 +4325,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button. Only used when an `onclick` or `button` property is present.
|
|
|
|
* The type of the button. Only used when an `onclick` or `button` property is present.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type"?: "submit" | "reset" | "button";
|
|
|
|
"type"?: 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonItemDivider {
|
|
|
|
interface IonItemDivider {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -4367,7 +4379,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type"?: "submit" | "reset" | "button";
|
|
|
|
"type"?: 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonItemOptions {
|
|
|
|
interface IonItemOptions {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -4398,10 +4410,14 @@ declare namespace LocalJSX {
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"mode"?: "ios" | "md";
|
|
|
|
"mode"?: "ios" | "md";
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The position determines where and how the label behaves inside an item.
|
|
|
|
* The position determines where and how the label behaves inside an item.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"position"?: "fixed" | "stacked" | "floating";
|
|
|
|
"position"?: 'fixed' | 'stacked' | 'floating';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonList {
|
|
|
|
interface IonList {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -4411,7 +4427,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* How the bottom border should be displayed on all items.
|
|
|
|
* How the bottom border should be displayed on all items.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"lines"?: "full" | "inset" | "none";
|
|
|
|
"lines"?: 'full' | 'inset' | 'none';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4425,7 +4441,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* How the bottom border should be displayed on the list header.
|
|
|
|
* How the bottom border should be displayed on the list header.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"lines"?: "full" | "inset" | "none";
|
|
|
|
"lines"?: 'full' | 'inset' | 'none';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4484,6 +4500,7 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted before the loading has presented.
|
|
|
|
* Emitted before the loading has presented.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonLoadingWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonLoadingWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
"overlayIndex": number;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If `true`, a backdrop will be displayed behind the loading indicator.
|
|
|
|
* If `true`, a backdrop will be displayed behind the loading indicator.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4522,6 +4539,10 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted when the menu is open.
|
|
|
|
* Emitted when the menu is open.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonDidOpen"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonDidOpen"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the menu state is changed.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonMenuChange"?: (event: CustomEvent<MenuChangeEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Emitted when the menu is about to be closed.
|
|
|
|
* Emitted when the menu is about to be closed.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4567,7 +4588,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type"?: "submit" | "reset" | "button";
|
|
|
|
"type"?: 'submit' | 'reset' | 'button';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonMenuToggle {
|
|
|
|
interface IonMenuToggle {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -4600,6 +4621,7 @@ declare namespace LocalJSX {
|
|
|
|
* Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
|
|
|
|
* Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"cssClass"?: string | string[];
|
|
|
|
"cssClass"?: string | string[];
|
|
|
|
|
|
|
|
"delegate"?: FrameworkDelegate;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Animation to use when the modal is presented.
|
|
|
|
* Animation to use when the modal is presented.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4632,6 +4654,7 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted before the modal has presented.
|
|
|
|
* Emitted before the modal has presented.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonModalWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonModalWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
"overlayIndex": number;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The element that presented the modal. This is used for card presentation effects and for stacking multiple modals on top of each other. Only applies in iOS mode.
|
|
|
|
* The element that presented the modal. This is used for card presentation effects and for stacking multiple modals on top of each other. Only applies in iOS mode.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4654,6 +4677,7 @@ declare namespace LocalJSX {
|
|
|
|
* By default `ion-nav` animates transition between pages based in the mode (ios or material design). However, this property allows to create custom transition using `AnimateBuilder` functions.
|
|
|
|
* By default `ion-nav` animates transition between pages based in the mode (ios or material design). However, this property allows to create custom transition using `AnimateBuilder` functions.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"animation"?: AnimationBuilder;
|
|
|
|
"animation"?: AnimationBuilder;
|
|
|
|
|
|
|
|
"delegate"?: FrameworkDelegate;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Event fired when the nav has changed components
|
|
|
|
* Event fired when the nav has changed components
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4662,6 +4686,10 @@ declare namespace LocalJSX {
|
|
|
|
* Event fired when the nav will change components
|
|
|
|
* Event fired when the nav will change components
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonNavWillChange"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonNavWillChange"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Event fired when Nav will load a component
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonNavWillLoad"?: (event: CustomEvent<void>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Root NavComponent to load
|
|
|
|
* Root NavComponent to load
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4760,6 +4788,7 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted before the picker has presented.
|
|
|
|
* Emitted before the picker has presented.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonPickerWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonPickerWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
"overlayIndex": number;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If `true`, a backdrop will be displayed behind the picker.
|
|
|
|
* If `true`, a backdrop will be displayed behind the picker.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4770,6 +4799,10 @@ declare namespace LocalJSX {
|
|
|
|
* Picker column data
|
|
|
|
* Picker column data
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"col": PickerColumn;
|
|
|
|
"col": PickerColumn;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the selected value has changed
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonPickerColChange"?: (event: CustomEvent<PickerColumn>) => void;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonPopover {
|
|
|
|
interface IonPopover {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -4792,6 +4825,7 @@ declare namespace LocalJSX {
|
|
|
|
* Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
|
|
|
|
* Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"cssClass"?: string | string[];
|
|
|
|
"cssClass"?: string | string[];
|
|
|
|
|
|
|
|
"delegate"?: FrameworkDelegate;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Animation to use when the popover is presented.
|
|
|
|
* Animation to use when the popover is presented.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4828,6 +4862,7 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted before the popover has presented.
|
|
|
|
* Emitted before the popover has presented.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonPopoverWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonPopoverWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
"overlayIndex": number;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If `true`, a backdrop will be displayed behind the popover.
|
|
|
|
* If `true`, a backdrop will be displayed behind the popover.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4857,7 +4892,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The state of the progress bar, based on if the time the process takes is known or not. Default options are: `"determinate"` (no animation), `"indeterminate"` (animate from left to right).
|
|
|
|
* The state of the progress bar, based on if the time the process takes is known or not. Default options are: `"determinate"` (no animation), `"indeterminate"` (animate from left to right).
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type"?: "determinate" | "indeterminate";
|
|
|
|
"type"?: 'determinate' | 'indeterminate';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The value determines how much of the active bar should display when the `type` is `"determinate"`. The value should be between [0, 1].
|
|
|
|
* The value determines how much of the active bar should display when the `type` is `"determinate"`. The value should be between [0, 1].
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4888,6 +4923,10 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted when the radio button has focus.
|
|
|
|
* Emitted when the radio button has focus.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* the value of the radio.
|
|
|
|
* the value of the radio.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -4956,6 +4995,10 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted when the range has focus.
|
|
|
|
* Emitted when the range has focus.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If `true`, a pin with integer value is shown when the knob is pressed.
|
|
|
|
* If `true`, a pin with integer value is shown when the knob is pressed.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5049,7 +5092,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Sets the type of ripple-effect: - `bounded`: the ripple effect expands from the user's click position - `unbounded`: the ripple effect expands from the center of the button and overflows the container. NOTE: Surfaces for bounded ripples should have the overflow property set to hidden, while surfaces for unbounded ripples should have it set to visible.
|
|
|
|
* Sets the type of ripple-effect: - `bounded`: the ripple effect expands from the user's click position - `unbounded`: the ripple effect expands from the center of the button and overflows the container. NOTE: Surfaces for bounded ripples should have the overflow property set to hidden, while surfaces for unbounded ripples should have it set to visible.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type"?: "bounded" | "unbounded";
|
|
|
|
"type"?: 'bounded' | 'unbounded';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonRoute {
|
|
|
|
interface IonRoute {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -5059,9 +5102,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed to the defined component when rendered.
|
|
|
|
* A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed to the defined component when rendered.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"componentProps"?: {
|
|
|
|
"componentProps"?: {[key: string]: any};
|
|
|
|
[key: string]: any;
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Used internally by `ion-router` to know when this route did change.
|
|
|
|
* Used internally by `ion-router` to know when this route did change.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5138,10 +5179,15 @@ declare namespace LocalJSX {
|
|
|
|
* By default `ion-nav` animates transition between pages based in the mode (ios or material design). However, this property allows to create custom transition using `AnimateBuilder` functions.
|
|
|
|
* By default `ion-nav` animates transition between pages based in the mode (ios or material design). However, this property allows to create custom transition using `AnimateBuilder` functions.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"animation"?: AnimationBuilder;
|
|
|
|
"animation"?: AnimationBuilder;
|
|
|
|
|
|
|
|
"delegate"?: FrameworkDelegate;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"mode"?: "ios" | "md";
|
|
|
|
"mode"?: "ios" | "md";
|
|
|
|
|
|
|
|
"onIonNavDidChange"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
"onIonNavWillChange"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
"onIonNavWillLoad"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
"swipeHandler"?: SwipeGestureHandler;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonRow {
|
|
|
|
interface IonRow {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -5157,7 +5203,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Set the input's autocorrect property.
|
|
|
|
* Set the input's autocorrect property.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"autocorrect"?: "on" | "off";
|
|
|
|
"autocorrect"?: 'on' | 'off';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Set the cancel button icon. Only applies to `md` mode. Defaults to `"arrow-back-sharp"`.
|
|
|
|
* Set the cancel button icon. Only applies to `md` mode. Defaults to `"arrow-back-sharp"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5185,11 +5231,11 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"enterkeyhint"?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
|
|
|
|
"enterkeyhint"?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"inputmode"?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
|
|
"inputmode"?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5218,6 +5264,10 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted when a keyboard input occurred.
|
|
|
|
* Emitted when a keyboard input occurred.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonInput"?: (event: CustomEvent<KeyboardEvent>) => void;
|
|
|
|
"onIonInput"?: (event: CustomEvent<KeyboardEvent>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Set the input's placeholder. `placeholder` can accept either plaintext or HTML as a string. To display characters normally reserved for HTML, they must be escaped. For example `<Ionic>` would become `<Ionic>` For more information: [Security Documentation](https://ionicframework.com/docs/faq/security)
|
|
|
|
* Set the input's placeholder. `placeholder` can accept either plaintext or HTML as a string. To display characters normally reserved for HTML, they must be escaped. For example `<Ionic>` would become `<Ionic>` For more information: [Security Documentation](https://ionicframework.com/docs/faq/security)
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5229,7 +5279,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Sets the behavior for the cancel button. Defaults to `"never"`. Setting to `"focus"` shows the cancel button on focus. Setting to `"never"` hides the cancel button. Setting to `"always"` shows the cancel button regardless of focus state.
|
|
|
|
* Sets the behavior for the cancel button. Defaults to `"never"`. Setting to `"focus"` shows the cancel button on focus. Setting to `"never"` hides the cancel button. Setting to `"always"` shows the cancel button regardless of focus state.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"showCancelButton"?: "never" | "focus" | "always";
|
|
|
|
"showCancelButton"?: 'never' | 'focus' | 'always';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If `true`, enable spellcheck on the input.
|
|
|
|
* If `true`, enable spellcheck on the input.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5237,7 +5287,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Set the type of the input.
|
|
|
|
* Set the type of the input.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type"?: "text" | "password" | "email" | "number" | "search" | "tel" | "url";
|
|
|
|
"type"?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* the value of the searchbar.
|
|
|
|
* the value of the searchbar.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5260,6 +5310,14 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted when the value property has changed and any dragging pointer has been released from `ion-segment`.
|
|
|
|
* Emitted when the value property has changed and any dragging pointer has been released from `ion-segment`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonChange"?: (event: CustomEvent<SegmentChangeEventDetail>) => void;
|
|
|
|
"onIonChange"?: (event: CustomEvent<SegmentChangeEventDetail>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when user has dragged over a new button
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonSelect"?: (event: CustomEvent<SegmentChangeEventDetail>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If `true`, the segment buttons will overflow and the user can swipe to see them. In addition, this will disable the gesture to drag the indicator between the buttons in order to swipe to see hidden buttons.
|
|
|
|
* If `true`, the segment buttons will overflow and the user can swipe to see them. In addition, this will disable the gesture to drag the indicator between the buttons in order to swipe to see hidden buttons.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5285,7 +5343,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The type of the button.
|
|
|
|
* The type of the button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"type"?: "submit" | "reset" | "button";
|
|
|
|
"type"?: 'submit' | 'reset' | 'button';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The value of the segment button.
|
|
|
|
* The value of the segment button.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5344,6 +5402,10 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted when the select has focus.
|
|
|
|
* Emitted when the select has focus.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The text to display when the select is empty.
|
|
|
|
* The text to display when the select is empty.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5505,19 +5567,19 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Expression to be called when the split-pane visibility has changed
|
|
|
|
* Expression to be called when the split-pane visibility has changed
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonSplitPaneVisible"?: (event: CustomEvent<{
|
|
|
|
"onIonSplitPaneVisible"?: (event: CustomEvent<{visible: boolean}>) => void;
|
|
|
|
visible: boolean;
|
|
|
|
|
|
|
|
}>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* When the split-pane should be shown. Can be a CSS media query expression, or a shortcut expression. Can also be a boolean expression.
|
|
|
|
* When the split-pane should be shown. Can be a CSS media query expression, or a shortcut expression. Can also be a boolean expression.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"when"?: string | boolean;
|
|
|
|
"when"?: string | boolean;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonTab {
|
|
|
|
interface IonTab {
|
|
|
|
|
|
|
|
"active"?: boolean;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The component to display inside of the tab.
|
|
|
|
* The component to display inside of the tab.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"component"?: ComponentRef;
|
|
|
|
"component"?: ComponentRef;
|
|
|
|
|
|
|
|
"delegate"?: FrameworkDelegate;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A tab id must be provided for each `ion-tab`. It's used internally to reference the selected tab or by the router to switch between them.
|
|
|
|
* A tab id must be provided for each `ion-tab`. It's used internally to reference the selected tab or by the router to switch between them.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5532,6 +5594,7 @@ declare namespace LocalJSX {
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"mode"?: "ios" | "md";
|
|
|
|
"mode"?: "ios" | "md";
|
|
|
|
|
|
|
|
"onIonTabBarChanged"?: (event: CustomEvent<TabBarChangedEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The selected tab component
|
|
|
|
* The selected tab component
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5562,6 +5625,10 @@ declare namespace LocalJSX {
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
* The mode determines which platform styles to use.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"mode"?: "ios" | "md";
|
|
|
|
"mode"?: "ios" | "md";
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the tab bar is clicked
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonTabButtonClick"?: (event: CustomEvent<TabButtonClickEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
|
|
|
|
* Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5580,18 +5647,19 @@ declare namespace LocalJSX {
|
|
|
|
"target"?: string | undefined;
|
|
|
|
"target"?: string | undefined;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonTabs {
|
|
|
|
interface IonTabs {
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the navigation will load a component.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonNavWillLoad"?: (event: CustomEvent<void>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Emitted when the navigation has finished transitioning to a new component.
|
|
|
|
* Emitted when the navigation has finished transitioning to a new component.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonTabsDidChange"?: (event: CustomEvent<{
|
|
|
|
"onIonTabsDidChange"?: (event: CustomEvent<{tab: string}>) => void;
|
|
|
|
tab: string;
|
|
|
|
|
|
|
|
}>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Emitted when the navigation is about to transition to a new component.
|
|
|
|
* Emitted when the navigation is about to transition to a new component.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonTabsWillChange"?: (event: CustomEvent<{
|
|
|
|
"onIonTabsWillChange"?: (event: CustomEvent<{tab: string}>) => void;
|
|
|
|
tab: string;
|
|
|
|
"useRouter"?: boolean;
|
|
|
|
}>) => void;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonText {
|
|
|
|
interface IonText {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -5639,11 +5707,11 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
* A hint to the browser for which enter key to display. Possible values: `"enter"`, `"done"`, `"go"`, `"next"`, `"previous"`, `"search"`, and `"send"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"enterkeyhint"?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
|
|
|
|
"enterkeyhint"?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
* A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"inputmode"?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
|
|
"inputmode"?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.
|
|
|
|
* If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5676,6 +5744,10 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted when a keyboard input occurred.
|
|
|
|
* Emitted when a keyboard input occurred.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonInput"?: (event: CustomEvent<KeyboardEvent>) => void;
|
|
|
|
"onIonInput"?: (event: CustomEvent<KeyboardEvent>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Instructional text that shows before the input has a value.
|
|
|
|
* Instructional text that shows before the input has a value.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5703,7 +5775,7 @@ declare namespace LocalJSX {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Indicates how the control wraps text.
|
|
|
|
* Indicates how the control wraps text.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"wrap"?: "hard" | "soft" | "off";
|
|
|
|
"wrap"?: 'hard' | 'soft' | 'off';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonThumbnail {
|
|
|
|
interface IonThumbnail {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -5712,10 +5784,14 @@ declare namespace LocalJSX {
|
|
|
|
* The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
|
|
|
|
* The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"color"?: Color;
|
|
|
|
"color"?: Color;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The size of the toolbar title.
|
|
|
|
* The size of the toolbar title.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"size"?: "large" | "small";
|
|
|
|
"size"?: 'large' | 'small';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
interface IonToast {
|
|
|
|
interface IonToast {
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
@ -5778,10 +5854,11 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted before the toast has presented.
|
|
|
|
* Emitted before the toast has presented.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonToastWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonToastWillPresent"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
"overlayIndex": number;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The position of the toast on the screen.
|
|
|
|
* The position of the toast on the screen.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"position"?: "top" | "bottom" | "middle";
|
|
|
|
"position"?: 'top' | 'bottom' | 'middle';
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* If `true`, the toast will be translucent. Only applies when the mode is `"ios"` and the device supports [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
|
|
|
|
* If `true`, the toast will be translucent. Only applies when the mode is `"ios"` and the device supports [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5820,6 +5897,10 @@ declare namespace LocalJSX {
|
|
|
|
* Emitted when the toggle has focus.
|
|
|
|
* Emitted when the toggle has focus.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
"onIonFocus"?: (event: CustomEvent<void>) => void;
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* Emitted when the styles change.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
"onIonStyle"?: (event: CustomEvent<StyleEventDetail>) => void;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* The value of the toggle does not mean if it's checked or not, use the `checked` property for that. The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
|
|
|
|
* The value of the toggle does not mean if it's checked or not, use the `checked` property for that. The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
@ -5848,6 +5929,7 @@ declare namespace LocalJSX {
|
|
|
|
* It is important to provide this if virtual item height will be significantly larger than the default The approximate height of each virtual item template's cell. This dimension is used to help determine how many cells should be created when initialized, and to help calculate the height of the scrollable area. This height value can only use `px` units. Note that the actual rendered size of each cell comes from the app's CSS, whereas this approximation is used to help calculate initial dimensions before the item has been rendered.
|
|
|
|
* It is important to provide this if virtual item height will be significantly larger than the default The approximate height of each virtual item template's cell. This dimension is used to help determine how many cells should be created when initialized, and to help calculate the height of the scrollable area. This height value can only use `px` units. Note that the actual rendered size of each cell comes from the app's CSS, whereas this approximation is used to help calculate initial dimensions before the item has been rendered.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
"approxItemHeight"?: number;
|
|
|
|
"approxItemHeight"?: number;
|
|
|
|
|
|
|
|
"domRender"?: DomRenderFn;
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* Section footers and the data used within its given template can be dynamically created by passing a function to `footerFn`. The logic within the footer function can decide if the footer template should be used, and what data to give to the footer template. The function must return `null` if a footer cell shouldn't be created.
|
|
|
|
* Section footers and the data used within its given template can be dynamically created by passing a function to `footerFn`. The logic within the footer function can decide if the footer template should be used, and what data to give to the footer template. The function must return `null` if a footer cell shouldn't be created.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
|
Brandy Carney