javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 18:17:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(): update to latest stencil

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-08-29 20:30:53 +02:00
parent f30ae889c0
commit 188dd12d9f
3 changed files with 87 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

180
angular/src/directives/proxies.ts
View File

@ -6,19 +6,6 @@ import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, ViewEncap
type StencilComponents<T extends keyof StencilElementInterfaces> = StencilElementInterfaces[T];
type PromisifyType<T> = T extends Promise<any> ? T : Promise<T>;
type PromisifyProp<T> =
T extends () => infer R ? () => PromisifyType<R> :
T extends (a: infer A) => infer R ? (a: A) => PromisifyType<R> :
T extends (a: infer A, b: infer B) => infer R ? (a: A, b: B) => PromisifyType<R> :
T extends (a: infer A, b: infer B, c: infer B) => infer R ? (a: A, b: B) => PromisifyType<R> :
T extends (...a: any[]) => infer R ? (...a: any[]) => PromisifyType<R> :
T;
type Promisify<T> = {
[P in keyof T]: PromisifyProp<T[P]>;
}
export function proxyInputs(instance: any, el: any, props: string[]) {
props.forEach(propName => {
Object.defineProperty(instance, propName, {
@ -45,17 +32,17 @@ export function proxyMethods(instance: any, el: any, methods: string[]) {
}
export declare interface App extends Promisify<StencilComponents<'IonApp'>> {}
export declare interface App extends StencilComponents<'IonApp'> {}
@Component({ selector: 'ion-app', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>' })
export class App {
}
export declare interface Avatar extends Promisify<StencilComponents<'IonAvatar'>> {}
export declare interface Avatar extends StencilComponents<'IonAvatar'> {}
@Component({ selector: 'ion-avatar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>' })
export class Avatar {
}
export declare interface BackButton extends Promisify<StencilComponents<'IonBackButton'>> {}
export declare interface BackButton extends StencilComponents<'IonBackButton'> {}
@Component({ selector: 'ion-back-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'defaultHref', 'icon', 'text'] })
export class BackButton {
@ -65,7 +52,7 @@ export class BackButton {
}
}
export declare interface Backdrop extends Promisify<StencilComponents<'IonBackdrop'>> {}
export declare interface Backdrop extends StencilComponents<'IonBackdrop'> {}
@Component({ selector: 'ion-backdrop', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['visible', 'tappable', 'stopPropagation'] })
export class Backdrop {
ionBackdropTap: EventEmitter<CustomEvent>;
@ -77,7 +64,7 @@ export class Backdrop {
}
}
export declare interface Badge extends Promisify<StencilComponents<'IonBadge'>> {}
export declare interface Badge extends StencilComponents<'IonBadge'> {}
@Component({ selector: 'ion-badge', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode'] })
export class Badge {
@ -87,7 +74,7 @@ export class Badge {
}
}
export declare interface Button extends Promisify<StencilComponents<'IonButton'>> {}
export declare interface Button extends StencilComponents<'IonButton'> {}
@Component({ selector: 'ion-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'buttonType', 'disabled', 'expand', 'fill', 'routerDirection', 'href', 'shape', 'size', 'strong', 'type'] })
export class Button {
ionFocus: EventEmitter<CustomEvent>;
@ -100,12 +87,12 @@ export class Button {
}
}
export declare interface Buttons extends Promisify<StencilComponents<'IonButtons'>> {}
export declare interface Buttons extends StencilComponents<'IonButtons'> {}
@Component({ selector: 'ion-buttons', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>' })
export class Buttons {
}
export declare interface Card extends Promisify<StencilComponents<'IonCard'>> {}
export declare interface Card extends StencilComponents<'IonCard'> {}
@Component({ selector: 'ion-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode'] })
export class Card {
@ -115,7 +102,7 @@ export class Card {
}
}
export declare interface CardContent extends Promisify<StencilComponents<'IonCardContent'>> {}
export declare interface CardContent extends StencilComponents<'IonCardContent'> {}
@Component({ selector: 'ion-card-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['mode'] })
export class CardContent {
@ -125,7 +112,7 @@ export class CardContent {
}
}
export declare interface CardHeader extends Promisify<StencilComponents<'IonCardHeader'>> {}
export declare interface CardHeader extends StencilComponents<'IonCardHeader'> {}
@Component({ selector: 'ion-card-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'translucent'] })
export class CardHeader {
@ -135,7 +122,7 @@ export class CardHeader {
}
}
export declare interface CardSubtitle extends Promisify<StencilComponents<'IonCardSubtitle'>> {}
export declare interface CardSubtitle extends StencilComponents<'IonCardSubtitle'> {}
@Component({ selector: 'ion-card-subtitle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode'] })
export class CardSubtitle {
@ -145,7 +132,7 @@ export class CardSubtitle {
}
}
export declare interface CardTitle extends Promisify<StencilComponents<'IonCardTitle'>> {}
export declare interface CardTitle extends StencilComponents<'IonCardTitle'> {}
@Component({ selector: 'ion-card-title', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode'] })
export class CardTitle {
@ -155,7 +142,7 @@ export class CardTitle {
}
}
export declare interface Checkbox extends Promisify<StencilComponents<'IonCheckbox'>> {}
export declare interface Checkbox extends StencilComponents<'IonCheckbox'> {}
@Component({ selector: 'ion-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'name', 'checked', 'disabled', 'value'] })
export class Checkbox {
ionChange: EventEmitter<CustomEvent>;
@ -170,7 +157,7 @@ export class Checkbox {
}
}
export declare interface Chip extends Promisify<StencilComponents<'IonChip'>> {}
export declare interface Chip extends StencilComponents<'IonChip'> {}
@Component({ selector: 'ion-chip', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode'] })
export class Chip {
@ -180,7 +167,7 @@ export class Chip {
}
}
export declare interface ChipButton extends Promisify<StencilComponents<'IonChipButton'>> {}
export declare interface ChipButton extends StencilComponents<'IonChipButton'> {}
@Component({ selector: 'ion-chip-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'disabled', 'fill', 'href'] })
export class ChipButton {
@ -190,7 +177,7 @@ export class ChipButton {
}
}
export declare interface ChipIcon extends Promisify<StencilComponents<'IonChipIcon'>> {}
export declare interface ChipIcon extends StencilComponents<'IonChipIcon'> {}
@Component({ selector: 'ion-chip-icon', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'fill', 'name', 'src'] })
export class ChipIcon {
@ -200,7 +187,7 @@ export class ChipIcon {
}
}
export declare interface Col extends Promisify<StencilComponents<'IonCol'>> {}
export declare interface Col extends StencilComponents<'IonCol'> {}
@Component({ selector: 'ion-col', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['offset', 'offsetXs', 'offsetSm', 'offsetMd', 'offsetLg', 'offsetXl', 'pull', 'pullXs', 'pullSm', 'pullMd', 'pullLg', 'pullXl', 'push', 'pushXs', 'pushSm', 'pushMd', 'pushLg', 'pushXl', 'size', 'sizeXs', 'sizeSm', 'sizeMd', 'sizeLg', 'sizeXl'] })
export class Col {
@ -210,7 +197,7 @@ export class Col {
}
}
export declare interface Content extends Promisify<StencilComponents<'IonContent'>> {}
export declare interface Content extends StencilComponents<'IonContent'> {}
@Component({ selector: 'ion-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'fullscreen', 'forceOverscroll', 'scrollX', 'scrollY', 'scrollEvents'] })
export class Content {
ionScrollStart: EventEmitter<CustomEvent>;
@ -225,7 +212,7 @@ export class Content {
}
}
export declare interface Datetime extends Promisify<StencilComponents<'IonDatetime'>> {}
export declare interface Datetime extends StencilComponents<'IonDatetime'> {}
@Component({ selector: 'ion-datetime', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['disabled', 'min', 'max', 'displayFormat', 'pickerFormat', 'cancelText', 'doneText', 'yearValues', 'monthValues', 'dayValues', 'hourValues', 'minuteValues', 'monthNames', 'monthShortNames', 'dayNames', 'dayShortNames', 'pickerOptions', 'placeholder', 'value'] })
export class Datetime {
ionCancel: EventEmitter<CustomEvent>;
@ -240,7 +227,7 @@ export class Datetime {
}
}
export declare interface Fab extends Promisify<StencilComponents<'IonFab'>> {}
export declare interface Fab extends StencilComponents<'IonFab'> {}
@Component({ selector: 'ion-fab', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['horizontal', 'vertical', 'edge', 'activated'] })
export class Fab {
@ -251,7 +238,7 @@ export class Fab {
}
}
export declare interface FabButton extends Promisify<StencilComponents<'IonFabButton'>> {}
export declare interface FabButton extends StencilComponents<'IonFabButton'> {}
@Component({ selector: 'ion-fab-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'activated', 'disabled', 'href', 'translucent', 'show'] })
export class FabButton {
@ -261,7 +248,7 @@ export class FabButton {
}
}
export declare interface FabList extends Promisify<StencilComponents<'IonFabList'>> {}
export declare interface FabList extends StencilComponents<'IonFabList'> {}
@Component({ selector: 'ion-fab-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['activated', 'side'] })
export class FabList {
@ -271,7 +258,7 @@ export class FabList {
}
}
export declare interface Footer extends Promisify<StencilComponents<'IonFooter'>> {}
export declare interface Footer extends StencilComponents<'IonFooter'> {}
@Component({ selector: 'ion-footer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['mode', 'translucent'] })
export class Footer {
@ -281,7 +268,7 @@ export class Footer {
}
}
export declare interface Grid extends Promisify<StencilComponents<'IonGrid'>> {}
export declare interface Grid extends StencilComponents<'IonGrid'> {}
@Component({ selector: 'ion-grid', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['fixed'] })
export class Grid {
@ -291,7 +278,7 @@ export class Grid {
}
}
export declare interface Header extends Promisify<StencilComponents<'IonHeader'>> {}
export declare interface Header extends StencilComponents<'IonHeader'> {}
@Component({ selector: 'ion-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['mode', 'translucent'] })
export class Header {
@ -301,7 +288,7 @@ export class Header {
}
}
export declare interface HideWhen extends Promisify<StencilComponents<'IonHideWhen'>> {}
export declare interface HideWhen extends StencilComponents<'IonHideWhen'> {}
@Component({ selector: 'ion-hide-when', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['modes', 'orientation', 'mediaQuery', 'size', 'platform', 'or'] })
export class HideWhen {
@ -311,7 +298,7 @@ export class HideWhen {
}
}
export declare interface Icon extends Promisify<StencilComponents<'IonIcon'>> {}
export declare interface Icon extends StencilComponents<'IonIcon'> {}
@Component({ selector: 'ion-icon', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['ariaLabel', 'color', 'icon', 'ios', 'lazy', 'md', 'mode', 'name', 'size', 'src'] })
export class Icon {
@ -321,7 +308,7 @@ export class Icon {
}
}
export declare interface Img extends Promisify<StencilComponents<'IonImg'>> {}
export declare interface Img extends StencilComponents<'IonImg'> {}
@Component({ selector: 'ion-img', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['alt', 'src'] })
export class Img {
ionImgDidLoad: EventEmitter<CustomEvent>;
@ -333,7 +320,7 @@ export class Img {
}
}
export declare interface InfiniteScroll extends Promisify<StencilComponents<'IonInfiniteScroll'>> {}
export declare interface InfiniteScroll extends StencilComponents<'IonInfiniteScroll'> {}
@Component({ selector: 'ion-infinite-scroll', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['threshold', 'disabled', 'position'] })
export class InfiniteScroll {
ionInfinite: EventEmitter<CustomEvent>;
@ -346,7 +333,7 @@ export class InfiniteScroll {
}
}
export declare interface InfiniteScrollContent extends Promisify<StencilComponents<'IonInfiniteScrollContent'>> {}
export declare interface InfiniteScrollContent extends StencilComponents<'IonInfiniteScrollContent'> {}
@Component({ selector: 'ion-infinite-scroll-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['loadingSpinner', 'loadingText'] })
export class InfiniteScrollContent {
@ -356,7 +343,7 @@ export class InfiniteScrollContent {
}
}
export declare interface Input extends Promisify<StencilComponents<'IonInput'>> {}
export declare interface Input extends StencilComponents<'IonInput'> {}
@Component({ selector: 'ion-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'accept', 'autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearInput', 'clearOnEdit', 'debounce', 'disabled', 'inputmode', 'max', 'maxlength', 'min', 'minlength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'results', 'spellcheck', 'step', 'size', 'type', 'value'] })
export class Input {
ionInput: EventEmitter<CustomEvent>;
@ -375,7 +362,7 @@ export class Input {
}
}
export declare interface Item extends Promisify<StencilComponents<'IonItem'>> {}
export declare interface Item extends StencilComponents<'IonItem'> {}
@Component({ selector: 'ion-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'button', 'detail', 'detailIcon', 'disabled', 'href', 'lines', 'routerDirection', 'state', 'type'] })
export class Item {
@ -385,7 +372,7 @@ export class Item {
}
}
export declare interface ItemDivider extends Promisify<StencilComponents<'IonItemDivider'>> {}
export declare interface ItemDivider extends StencilComponents<'IonItemDivider'> {}
@Component({ selector: 'ion-item-divider', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode'] })
export class ItemDivider {
@ -395,12 +382,12 @@ export class ItemDivider {
}
}
export declare interface ItemGroup extends Promisify<StencilComponents<'IonItemGroup'>> {}
export declare interface ItemGroup extends StencilComponents<'IonItemGroup'> {}
@Component({ selector: 'ion-item-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>' })
export class ItemGroup {
}
export declare interface ItemOption extends Promisify<StencilComponents<'IonItemOption'>> {}
export declare interface ItemOption extends StencilComponents<'IonItemOption'> {}
@Component({ selector: 'ion-item-option', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'disabled', 'expandable', 'href'] })
export class ItemOption {
@ -410,20 +397,20 @@ export class ItemOption {
}
}
export declare interface ItemOptions extends Promisify<StencilComponents<'IonItemOptions'>> {}
export declare interface ItemOptions extends StencilComponents<'IonItemOptions'> {}
@Component({ selector: 'ion-item-options', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['side'] })
export class ItemOptions {
ionSwipe: EventEmitter<CustomEvent>;
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyMethods(this, el, ['isEndSide', 'width', 'fireSwipeEvent']);
proxyMethods(this, el, ['fireSwipeEvent']);
proxyInputs(this, el, ['side']);
proxyOutputs(this, el, ['ionSwipe']);
}
}
export declare interface ItemSliding extends Promisify<StencilComponents<'IonItemSliding'>> {}
export declare interface ItemSliding extends StencilComponents<'IonItemSliding'> {}
@Component({ selector: 'ion-item-sliding', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['disabled'] })
export class ItemSliding {
ionDrag: EventEmitter<CustomEvent>;
@ -436,31 +423,29 @@ export class ItemSliding {
}
}
export declare interface Label extends Promisify<StencilComponents<'IonLabel'>> {}
export declare interface Label extends StencilComponents<'IonLabel'> {}
@Component({ selector: 'ion-label', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'position'] })
export class Label {
ionStyle: EventEmitter<CustomEvent>;
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyMethods(this, el, ['getText']);
proxyInputs(this, el, ['color', 'mode', 'position']);
proxyOutputs(this, el, ['ionStyle']);
}
}
export declare interface List extends Promisify<StencilComponents<'IonList'>> {}
export declare interface List extends StencilComponents<'IonList'> {}
@Component({ selector: 'ion-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['lines', 'inset'] })
export class List {
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyMethods(this, el, ['getOpenItem', 'setOpenItem', 'closeSlidingItems']);
proxyInputs(this, el, ['lines', 'inset']);
}
}
export declare interface ListHeader extends Promisify<StencilComponents<'IonListHeader'>> {}
export declare interface ListHeader extends StencilComponents<'IonListHeader'> {}
@Component({ selector: 'ion-list-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode'] })
export class ListHeader {
@ -470,7 +455,7 @@ export class ListHeader {
}
}
export declare interface Menu extends Promisify<StencilComponents<'IonMenu'>> {}
export declare interface Menu extends StencilComponents<'IonMenu'> {}
@Component({ selector: 'ion-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['contentId', 'menuId', 'type', 'disabled', 'side', 'swipeGesture', 'maxEdgeStart'] })
export class Menu {
ionOpen: EventEmitter<CustomEvent>;
@ -479,13 +464,13 @@ export class Menu {
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyMethods(this, el, ['isOpen', 'open', 'close', 'toggle', 'setOpen', 'isActive', 'getWidth']);
proxyMethods(this, el, ['isOpen', 'isActive', 'open', 'close', 'toggle', 'setOpen']);
proxyInputs(this, el, ['contentId', 'menuId', 'type', 'disabled', 'side', 'swipeGesture', 'maxEdgeStart']);
proxyOutputs(this, el, ['ionOpen', 'ionClose', 'ionMenuChange']);
}
}
export declare interface MenuButton extends Promisify<StencilComponents<'IonMenuButton'>> {}
export declare interface MenuButton extends StencilComponents<'IonMenuButton'> {}
@Component({ selector: 'ion-menu-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'menu', 'autoHide'] })
export class MenuButton {
@ -495,7 +480,7 @@ export class MenuButton {
}
}
export declare interface MenuToggle extends Promisify<StencilComponents<'IonMenuToggle'>> {}
export declare interface MenuToggle extends StencilComponents<'IonMenuToggle'> {}
@Component({ selector: 'ion-menu-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['menu', 'autoHide'] })
export class MenuToggle {
@ -505,7 +490,7 @@ export class MenuToggle {
}
}
export declare interface Nav extends Promisify<StencilComponents<'IonNav'>> {}
export declare interface Nav extends StencilComponents<'IonNav'> {}
@Component({ selector: 'ion-nav', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['swipeGesture', 'animated', 'delegate', 'rootParams', 'root'] })
export class Nav {
ionNavWillLoad: EventEmitter<CustomEvent>;
@ -514,18 +499,18 @@ export class Nav {
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyMethods(this, el, ['push', 'insert', 'insertPages', 'pop', 'popTo', 'popToRoot', 'removeIndex', 'setRoot', 'setPages', 'setRouteId', 'getRouteId', 'canGoBack', 'getActive', 'getByIndex', 'getPrevious', 'isAnimating', 'getLength']);
proxyMethods(this, el, ['push', 'insert', 'insertPages', 'pop', 'popTo', 'popToRoot', 'removeIndex', 'setRoot', 'setPages', 'setRouteId', 'getRouteId', 'getActive', 'getByIndex', 'canGoBack', 'getPrevious']);
proxyInputs(this, el, ['swipeGesture', 'animated', 'delegate', 'rootParams', 'root']);
proxyOutputs(this, el, ['ionNavWillLoad', 'ionNavWillChange', 'ionNavDidChange']);
}
}
export declare interface NavPop extends Promisify<StencilComponents<'IonNavPop'>> {}
export declare interface NavPop extends StencilComponents<'IonNavPop'> {}
@Component({ selector: 'ion-nav-pop', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>' })
export class NavPop {
}
export declare interface NavPush extends Promisify<StencilComponents<'IonNavPush'>> {}
export declare interface NavPush extends StencilComponents<'IonNavPush'> {}
@Component({ selector: 'ion-nav-push', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['component', 'componentProps'] })
export class NavPush {
@ -535,7 +520,7 @@ export class NavPush {
}
}
export declare interface NavSetRoot extends Promisify<StencilComponents<'IonNavSetRoot'>> {}
export declare interface NavSetRoot extends StencilComponents<'IonNavSetRoot'> {}
@Component({ selector: 'ion-nav-set-root', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['component', 'componentProps'] })
export class NavSetRoot {
@ -545,7 +530,7 @@ export class NavSetRoot {
}
}
export declare interface Note extends Promisify<StencilComponents<'IonNote'>> {}
export declare interface Note extends StencilComponents<'IonNote'> {}
@Component({ selector: 'ion-note', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode'] })
export class Note {
@ -555,7 +540,7 @@ export class Note {
}
}
export declare interface Radio extends Promisify<StencilComponents<'IonRadio'>> {}
export declare interface Radio extends StencilComponents<'IonRadio'> {}
@Component({ selector: 'ion-radio', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'name', 'disabled', 'checked', 'value'] })
export class Radio {
ionRadioDidLoad: EventEmitter<CustomEvent>;
@ -572,7 +557,7 @@ export class Radio {
}
}
export declare interface RadioGroup extends Promisify<StencilComponents<'IonRadioGroup'>> {}
export declare interface RadioGroup extends StencilComponents<'IonRadioGroup'> {}
@Component({ selector: 'ion-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['allowEmptySelection', 'name', 'disabled', 'value'] })
export class RadioGroup {
ionChange: EventEmitter<CustomEvent>;
@ -584,7 +569,7 @@ export class RadioGroup {
}
}
export declare interface Range extends Promisify<StencilComponents<'IonRange'>> {}
export declare interface Range extends StencilComponents<'IonRange'> {}
@Component({ selector: 'ion-range', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'debounce', 'name', 'dualKnobs', 'min', 'max', 'pin', 'snaps', 'step', 'disabled', 'value'] })
export class Range {
ionChange: EventEmitter<CustomEvent>;
@ -599,7 +584,7 @@ export class Range {
}
}
export declare interface Refresher extends Promisify<StencilComponents<'IonRefresher'>> {}
export declare interface Refresher extends StencilComponents<'IonRefresher'> {}
@Component({ selector: 'ion-refresher', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['pullMin', 'pullMax', 'closeDuration', 'snapbackDuration', 'disabled'] })
export class Refresher {
ionRefresh: EventEmitter<CustomEvent>;
@ -614,7 +599,7 @@ export class Refresher {
}
}
export declare interface RefresherContent extends Promisify<StencilComponents<'IonRefresherContent'>> {}
export declare interface RefresherContent extends StencilComponents<'IonRefresherContent'> {}
@Component({ selector: 'ion-refresher-content', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['pullingIcon', 'pullingText', 'refreshingSpinner', 'refreshingText'] })
export class RefresherContent {
@ -624,22 +609,24 @@ export class RefresherContent {
}
}
export declare interface Reorder extends Promisify<StencilComponents<'IonReorder'>> {}
export declare interface Reorder extends StencilComponents<'IonReorder'> {}
@Component({ selector: 'ion-reorder', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>' })
export class Reorder {
}
export declare interface ReorderGroup extends Promisify<StencilComponents<'IonReorderGroup'>> {}
export declare interface ReorderGroup extends StencilComponents<'IonReorderGroup'> {}
@Component({ selector: 'ion-reorder-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['disabled'] })
export class ReorderGroup {
ionItemReorder: EventEmitter<CustomEvent>;
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyInputs(this, el, ['disabled']);
proxyOutputs(this, el, ['ionItemReorder']);
}
}
export declare interface RippleEffect extends Promisify<StencilComponents<'IonRippleEffect'>> {}
export declare interface RippleEffect extends StencilComponents<'IonRippleEffect'> {}
@Component({ selector: 'ion-ripple-effect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>' })
export class RippleEffect {
@ -649,12 +636,12 @@ export class RippleEffect {
}
}
export declare interface Row extends Promisify<StencilComponents<'IonRow'>> {}
export declare interface Row extends StencilComponents<'IonRow'> {}
@Component({ selector: 'ion-row', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>' })
export class Row {
}
export declare interface Searchbar extends Promisify<StencilComponents<'IonSearchbar'>> {}
export declare interface Searchbar extends StencilComponents<'IonSearchbar'> {}
@Component({ selector: 'ion-searchbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'animated', 'autocomplete', 'autocorrect', 'cancelButtonIcon', 'cancelButtonText', 'clearIcon', 'debounce', 'placeholder', 'searchIcon', 'showCancelButton', 'spellcheck', 'type', 'value'] })
export class Searchbar {
ionInput: EventEmitter<CustomEvent>;
@ -672,7 +659,7 @@ export class Searchbar {
}
}
export declare interface Segment extends Promisify<StencilComponents<'IonSegment'>> {}
export declare interface Segment extends StencilComponents<'IonSegment'> {}
@Component({ selector: 'ion-segment', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'disabled', 'value'] })
export class Segment {
ionChange: EventEmitter<CustomEvent>;
@ -684,7 +671,7 @@ export class Segment {
}
}
export declare interface SegmentButton extends Promisify<StencilComponents<'IonSegmentButton'>> {}
export declare interface SegmentButton extends StencilComponents<'IonSegmentButton'> {}
@Component({ selector: 'ion-segment-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'checked', 'disabled', 'value'] })
export class SegmentButton {
ionSelect: EventEmitter<CustomEvent>;
@ -696,7 +683,7 @@ export class SegmentButton {
}
}
export declare interface Select extends Promisify<StencilComponents<'IonSelect'>> {}
export declare interface Select extends StencilComponents<'IonSelect'> {}
@Component({ selector: 'ion-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['mode', 'disabled', 'cancelText', 'okText', 'placeholder', 'name', 'selectedText', 'multiple', 'interface', 'interfaceOptions', 'value'] })
export class Select {
ionChange: EventEmitter<CustomEvent>;
@ -713,7 +700,7 @@ export class Select {
}
}
export declare interface SelectOption extends Promisify<StencilComponents<'IonSelectOption'>> {}
export declare interface SelectOption extends StencilComponents<'IonSelectOption'> {}
@Component({ selector: 'ion-select-option', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['disabled', 'selected', 'value'] })
export class SelectOption {
ionSelectOptionDidLoad: EventEmitter<CustomEvent>;
@ -726,7 +713,7 @@ export class SelectOption {
}
}
export declare interface SelectPopover extends Promisify<StencilComponents<'IonSelectPopover'>> {}
export declare interface SelectPopover extends StencilComponents<'IonSelectPopover'> {}
@Component({ selector: 'ion-select-popover', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['header', 'subHeader', 'message', 'options'] })
export class SelectPopover {
@ -736,7 +723,7 @@ export class SelectPopover {
}
}
export declare interface ShowWhen extends Promisify<StencilComponents<'IonShowWhen'>> {}
export declare interface ShowWhen extends StencilComponents<'IonShowWhen'> {}
@Component({ selector: 'ion-show-when', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['modes', 'orientation', 'mediaQuery', 'size', 'platform', 'or'] })
export class ShowWhen {
@ -746,7 +733,7 @@ export class ShowWhen {
}
}
export declare interface SkeletonText extends Promisify<StencilComponents<'IonSkeletonText'>> {}
export declare interface SkeletonText extends StencilComponents<'IonSkeletonText'> {}
@Component({ selector: 'ion-skeleton-text', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['width'] })
export class SkeletonText {
@ -756,12 +743,12 @@ export class SkeletonText {
}
}
export declare interface Slide extends Promisify<StencilComponents<'IonSlide'>> {}
export declare interface Slide extends StencilComponents<'IonSlide'> {}
@Component({ selector: 'ion-slide', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>' })
export class Slide {
}
export declare interface Slides extends Promisify<StencilComponents<'IonSlides'>> {}
export declare interface Slides extends StencilComponents<'IonSlides'> {}
@Component({ selector: 'ion-slides', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['options', 'pager', 'scrollbar'] })
export class Slides {
ionSlidesDidLoad: EventEmitter<CustomEvent>;
@ -789,7 +776,7 @@ export class Slides {
}
}
export declare interface Spinner extends Promisify<StencilComponents<'IonSpinner'>> {}
export declare interface Spinner extends StencilComponents<'IonSpinner'> {}
@Component({ selector: 'ion-spinner', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'duration', 'name', 'paused'] })
export class Spinner {
@ -799,7 +786,7 @@ export class Spinner {
}
}
export declare interface SplitPane extends Promisify<StencilComponents<'IonSplitPane'>> {}
export declare interface SplitPane extends StencilComponents<'IonSplitPane'> {}
@Component({ selector: 'ion-split-pane', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['disabled', 'when'] })
export class SplitPane {
ionChange: EventEmitter<CustomEvent>;
@ -807,13 +794,12 @@ export class SplitPane {
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyMethods(this, el, ['isVisible', 'isPane']);
proxyInputs(this, el, ['disabled', 'when']);
proxyOutputs(this, el, ['ionChange', 'ionSplitPaneVisible']);
}
}
export declare interface Tab extends Promisify<StencilComponents<'IonTab'>> {}
export declare interface Tab extends StencilComponents<'IonTab'> {}
@Component({ selector: 'ion-tab', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['active', 'btnId', 'delegate', 'label', 'href', 'icon', 'badge', 'badgeColor', 'component', 'name', 'disabled', 'selected', 'show', 'tabsHideOnSubPages'] })
export class Tab {
ionSelect: EventEmitter<CustomEvent>;
@ -821,13 +807,13 @@ export class Tab {
constructor(r: ElementRef) {
const el = r.nativeElement;
proxyMethods(this, el, ['getTabId', 'setActive']);
proxyMethods(this, el, ['setActive']);
proxyInputs(this, el, ['active', 'btnId', 'delegate', 'label', 'href', 'icon', 'badge', 'badgeColor', 'component', 'name', 'disabled', 'selected', 'show', 'tabsHideOnSubPages']);
proxyOutputs(this, el, ['ionSelect', 'ionTabMutated']);
}
}
export declare interface Tabs extends Promisify<StencilComponents<'IonTabs'>> {}
export declare interface Tabs extends StencilComponents<'IonTabs'> {}
@Component({ selector: 'ion-tabs', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'name', 'tabbarHidden', 'tabbarHighlight', 'tabbarLayout', 'tabbarPlacement', 'translucent', 'useRouter'] })
export class Tabs {
ionChange: EventEmitter<CustomEvent>;
@ -843,7 +829,7 @@ export class Tabs {
}
}
export declare interface Text extends Promisify<StencilComponents<'IonText'>> {}
export declare interface Text extends StencilComponents<'IonText'> {}
@Component({ selector: 'ion-text', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode'] })
export class Text {
@ -853,7 +839,7 @@ export class Text {
}
}
export declare interface Textarea extends Promisify<StencilComponents<'IonTextarea'>> {}
export declare interface Textarea extends StencilComponents<'IonTextarea'> {}
@Component({ selector: 'ion-textarea', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['mode', 'color', 'autocapitalize', 'autofocus', 'clearOnEdit', 'debounce', 'disabled', 'maxlength', 'minlength', 'name', 'placeholder', 'readonly', 'required', 'spellcheck', 'cols', 'rows', 'wrap', 'value'] })
export class Textarea {
ionChange: EventEmitter<CustomEvent>;
@ -870,12 +856,12 @@ export class Textarea {
}
}
export declare interface Thumbnail extends Promisify<StencilComponents<'IonThumbnail'>> {}
export declare interface Thumbnail extends StencilComponents<'IonThumbnail'> {}
@Component({ selector: 'ion-thumbnail', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>' })
export class Thumbnail {
}
export declare interface Toggle extends Promisify<StencilComponents<'IonToggle'>> {}
export declare interface Toggle extends StencilComponents<'IonToggle'> {}
@Component({ selector: 'ion-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode', 'name', 'checked', 'disabled', 'value'] })
export class Toggle {
ionChange: EventEmitter<CustomEvent>;
@ -890,7 +876,7 @@ export class Toggle {
}
}
export declare interface Toolbar extends Promisify<StencilComponents<'IonToolbar'>> {}
export declare interface Toolbar extends StencilComponents<'IonToolbar'> {}
@Component({ selector: 'ion-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color', 'mode'] })
export class Toolbar {
@ -900,7 +886,7 @@ export class Toolbar {
}
}
export declare interface ToolbarTitle extends Promisify<StencilComponents<'IonTitle'>> {}
export declare interface ToolbarTitle extends StencilComponents<'IonTitle'> {}
@Component({ selector: 'ion-title', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: '<ng-content></ng-content>', inputs: ['color'] })
export class ToolbarTitle {