From a85ef06ac9b14c8601e70454cff54e7588e0520c Mon Sep 17 00:00:00 2001 From: "Manu Mtz.-Almeida" Date: Tue, 20 Nov 2018 09:17:00 +0100 Subject: [PATCH] chore(): update stencil + api-spec file --- core/api.txt | 1075 +++++++++++++++++ core/package.json | 2 +- core/scripts/api-spec-generator.js | 35 + core/src/components/action-sheet/readme.md | 1 - core/src/components/alert/readme.md | 1 - core/src/components/col/readme.md | 8 +- core/src/components/datetime/readme.md | 10 +- core/src/components/item-options/readme.md | 13 - core/src/components/item/readme.md | 2 +- core/src/components/loading/readme.md | 1 - core/src/components/menu-controller/readme.md | 4 +- core/src/components/modal/readme.md | 4 +- core/src/components/nav-push/readme.md | 2 +- core/src/components/nav-set-root/readme.md | 2 +- core/src/components/nav/readme.md | 45 +- core/src/components/picker-column/readme.md | 7 - core/src/components/picker/readme.md | 1 - core/src/components/popover/readme.md | 6 +- core/src/components/radio-group/readme.md | 2 +- core/src/components/radio/readme.md | 2 +- core/src/components/route/readme.md | 2 +- core/src/components/router-outlet/readme.md | 60 +- core/src/components/router/readme.md | 26 - core/src/components/select-option/readme.md | 2 +- core/src/components/select/readme.md | 28 +- core/src/components/slides/readme.md | 4 +- core/src/components/split-pane/readme.md | 2 +- core/src/components/tab/readme.md | 2 - core/src/components/tabs/readme.md | 33 - core/src/components/toast/readme.md | 1 - core/src/components/virtual-scroll/readme.md | 1 - core/stencil.config.ts | 9 + 32 files changed, 1170 insertions(+), 223 deletions(-) create mode 100644 core/api.txt create mode 100644 core/scripts/api-spec-generator.js diff --git a/core/api.txt b/core/api.txt new file mode 100644 index 0000000000..0e483beb3b --- /dev/null +++ b/core/api.txt @@ -0,0 +1,1075 @@ + +ion-action-sheet-controller,method,create,create(opts: ActionSheetOptions) => Promise +ion-action-sheet-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise +ion-action-sheet-controller,method,getTop,getTop() => Promise + +ion-action-sheet,prop,animated,boolean,true,false +ion-action-sheet,prop,backdropDismiss,boolean,true,false +ion-action-sheet,prop,buttons,(string | ActionSheetButton)[],undefined,false +ion-action-sheet,prop,cssClass,string | string[] | undefined,undefined,false +ion-action-sheet,prop,enterAnimation,AnimationBuilder | undefined,undefined,false +ion-action-sheet,prop,header,string | undefined,undefined,false +ion-action-sheet,prop,keyboardClose,boolean,true,false +ion-action-sheet,prop,leaveAnimation,AnimationBuilder | undefined,undefined,false +ion-action-sheet,prop,mode,"ios" | "md",undefined,false +ion-action-sheet,prop,subHeader,string | undefined,undefined,false +ion-action-sheet,prop,translucent,boolean,false,false +ion-action-sheet,method,dismiss,dismiss(data?: any, role?: string | undefined) => Promise +ion-action-sheet,method,onDidDismiss,onDidDismiss() => Promise> +ion-action-sheet,method,onWillDismiss,onWillDismiss() => Promise> +ion-action-sheet,method,present,present() => Promise +ion-action-sheet,event,ionActionSheetDidDismiss,OverlayEventDetail,true +ion-action-sheet,event,ionActionSheetDidLoad,void,true +ion-action-sheet,event,ionActionSheetDidPresent,void,true +ion-action-sheet,event,ionActionSheetDidUnload,void,true +ion-action-sheet,event,ionActionSheetWillDismiss,OverlayEventDetail,true +ion-action-sheet,event,ionActionSheetWillPresent,void,true +ion-action-sheet,style,--max-width +ion-action-sheet,style,--width + +ion-alert-controller,method,create,create(opts: AlertOptions) => Promise +ion-alert-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise +ion-alert-controller,method,getTop,getTop() => Promise + +ion-alert,prop,animated,boolean,true,false +ion-alert,prop,backdropDismiss,boolean,true,false +ion-alert,prop,buttons,(string | AlertButton)[],[],false +ion-alert,prop,cssClass,string | string[] | undefined,undefined,false +ion-alert,prop,enterAnimation,AnimationBuilder | undefined,undefined,false +ion-alert,prop,header,string | undefined,undefined,false +ion-alert,prop,inputs,AlertInput[],[],false +ion-alert,prop,keyboardClose,boolean,true,false +ion-alert,prop,leaveAnimation,AnimationBuilder | undefined,undefined,false +ion-alert,prop,message,string | undefined,undefined,false +ion-alert,prop,mode,"ios" | "md",undefined,false +ion-alert,prop,subHeader,string | undefined,undefined,false +ion-alert,prop,translucent,boolean,false,false +ion-alert,method,dismiss,dismiss(data?: any, role?: string | undefined) => Promise +ion-alert,method,onDidDismiss,onDidDismiss() => Promise> +ion-alert,method,onWillDismiss,onWillDismiss() => Promise> +ion-alert,method,present,present() => Promise +ion-alert,event,ionAlertDidDismiss,OverlayEventDetail,true +ion-alert,event,ionAlertDidLoad,void,true +ion-alert,event,ionAlertDidPresent,void,true +ion-alert,event,ionAlertDidUnload,void,true +ion-alert,event,ionAlertWillDismiss,OverlayEventDetail,true +ion-alert,event,ionAlertWillPresent,void,true +ion-alert,style,--background +ion-alert,style,--max-height +ion-alert,style,--min-width + +ion-anchor,prop,color,string | undefined,undefined,false +ion-anchor,prop,href,string | undefined,undefined,false +ion-anchor,prop,routerDirection,"back" | "forward" | "root",'forward',false +ion-anchor,style,--background +ion-anchor,style,--color + +ion-animation-controller,method,create,create(animationBuilder?: AnimationBuilder | undefined, baseEl?: any, opts?: any) => Promise + + +ion-avatar,style,--border-radius + +ion-back-button,prop,color,string | undefined,undefined,false +ion-back-button,prop,defaultHref,string | undefined,undefined,false +ion-back-button,prop,icon,null | string | undefined,undefined,false +ion-back-button,prop,mode,"ios" | "md",undefined,false +ion-back-button,prop,text,null | string | undefined,undefined,false +ion-back-button,style,--background +ion-back-button,style,--border-radius +ion-back-button,style,--color +ion-back-button,style,--icon-font-size +ion-back-button,style,--icon-font-weight +ion-back-button,style,--icon-margin-bottom +ion-back-button,style,--icon-margin-end +ion-back-button,style,--icon-margin-start +ion-back-button,style,--icon-margin-top +ion-back-button,style,--icon-padding-bottom +ion-back-button,style,--icon-padding-end +ion-back-button,style,--icon-padding-start +ion-back-button,style,--icon-padding-top +ion-back-button,style,--margin-bottom +ion-back-button,style,--margin-end +ion-back-button,style,--margin-start +ion-back-button,style,--margin-top +ion-back-button,style,--min-height +ion-back-button,style,--min-width +ion-back-button,style,--opacity +ion-back-button,style,--padding-bottom +ion-back-button,style,--padding-end +ion-back-button,style,--padding-start +ion-back-button,style,--padding-top +ion-back-button,style,--ripple-color +ion-back-button,style,--transition + +ion-backdrop,prop,stopPropagation,boolean,true,false +ion-backdrop,prop,tappable,boolean,true,false +ion-backdrop,prop,visible,boolean,true,false +ion-backdrop,event,ionBackdropTap,void,true + +ion-badge,prop,color,string | undefined,undefined,false +ion-badge,prop,mode,"ios" | "md",undefined,false +ion-badge,style,--background +ion-badge,style,--color +ion-badge,style,--padding-bottom +ion-badge,style,--padding-end +ion-badge,style,--padding-start +ion-badge,style,--padding-top + +ion-button,prop,buttonType,string,'button',false +ion-button,prop,color,string | undefined,undefined,false +ion-button,prop,disabled,boolean,false,false +ion-button,prop,expand,"block" | "full" | undefined,undefined,false +ion-button,prop,fill,"clear" | "default" | "outline" | "solid" | undefined,undefined,false +ion-button,prop,href,string | undefined,undefined,false +ion-button,prop,mode,"ios" | "md",undefined,false +ion-button,prop,routerDirection,"back" | "forward" | "root",'forward',false +ion-button,prop,shape,"round" | undefined,undefined,false +ion-button,prop,size,"default" | "large" | "small" | undefined,undefined,false +ion-button,prop,strong,boolean,false,false +ion-button,prop,type,"button" | "reset" | "submit",'button',false +ion-button,event,ionBlur,void,true +ion-button,event,ionFocus,void,true +ion-button,style,--background +ion-button,style,--background-activated +ion-button,style,--background-focused +ion-button,style,--border-color +ion-button,style,--border-radius +ion-button,style,--border-style +ion-button,style,--border-width +ion-button,style,--box-shadow +ion-button,style,--color +ion-button,style,--color-activated +ion-button,style,--color-focused +ion-button,style,--height +ion-button,style,--margin-bottom +ion-button,style,--margin-end +ion-button,style,--margin-start +ion-button,style,--margin-top +ion-button,style,--opacity +ion-button,style,--padding-bottom +ion-button,style,--padding-end +ion-button,style,--padding-start +ion-button,style,--padding-top +ion-button,style,--ripple-color +ion-button,style,--transition +ion-button,style,--width + + +ion-card-content,prop,mode,"ios" | "md",undefined,false + +ion-card-header,prop,color,string | undefined,undefined,false +ion-card-header,prop,mode,"ios" | "md",undefined,false +ion-card-header,prop,translucent,boolean,false,false + +ion-card-subtitle,prop,color,string | undefined,undefined,false +ion-card-subtitle,prop,mode,"ios" | "md",undefined,false +ion-card-subtitle,style,--color + +ion-card-title,prop,color,string | undefined,undefined,false +ion-card-title,prop,mode,"ios" | "md",undefined,false +ion-card-title,style,--color + +ion-card,prop,color,string | undefined,undefined,false +ion-card,prop,mode,"ios" | "md",undefined,false +ion-card,style,--background +ion-card,style,--color + +ion-checkbox,prop,checked,boolean,false,false +ion-checkbox,prop,color,string | undefined,undefined,false +ion-checkbox,prop,disabled,boolean,false,false +ion-checkbox,prop,mode,"ios" | "md",undefined,false +ion-checkbox,prop,name,string,this.inputId,false +ion-checkbox,prop,value,string,'on',false +ion-checkbox,event,ionBlur,void,true +ion-checkbox,event,ionChange,CheckedInputChangeEvent,true +ion-checkbox,event,ionFocus,void,true +ion-checkbox,style,--background +ion-checkbox,style,--background-checked +ion-checkbox,style,--border-color +ion-checkbox,style,--border-color-checked +ion-checkbox,style,--border-radius +ion-checkbox,style,--border-style +ion-checkbox,style,--border-width +ion-checkbox,style,--checkmark-color +ion-checkbox,style,--height +ion-checkbox,style,--transition +ion-checkbox,style,--width + +ion-chip,prop,color,string | undefined,undefined,false +ion-chip,prop,mode,"ios" | "md",undefined,false +ion-chip,prop,outline,boolean,false,false +ion-chip,style,--background +ion-chip,style,--color + +ion-col,prop,offset,string | undefined,undefined,false +ion-col,prop,offsetLg,string | undefined,undefined,false +ion-col,prop,offsetMd,string | undefined,undefined,false +ion-col,prop,offsetSm,string | undefined,undefined,false +ion-col,prop,offsetXl,string | undefined,undefined,false +ion-col,prop,offsetXs,string | undefined,undefined,false +ion-col,prop,pull,string | undefined,undefined,false +ion-col,prop,pullLg,string | undefined,undefined,false +ion-col,prop,pullMd,string | undefined,undefined,false +ion-col,prop,pullSm,string | undefined,undefined,false +ion-col,prop,pullXl,string | undefined,undefined,false +ion-col,prop,pullXs,string | undefined,undefined,false +ion-col,prop,push,string | undefined,undefined,false +ion-col,prop,pushLg,string | undefined,undefined,false +ion-col,prop,pushMd,string | undefined,undefined,false +ion-col,prop,pushSm,string | undefined,undefined,false +ion-col,prop,pushXl,string | undefined,undefined,false +ion-col,prop,pushXs,string | undefined,undefined,false +ion-col,prop,size,string | undefined,undefined,false +ion-col,prop,sizeLg,string | undefined,undefined,false +ion-col,prop,sizeMd,string | undefined,undefined,false +ion-col,prop,sizeSm,string | undefined,undefined,false +ion-col,prop,sizeXl,string | undefined,undefined,false +ion-col,prop,sizeXs,string | undefined,undefined,false +ion-col,style,--ion-grid-column-padding +ion-col,style,--ion-grid-column-padding-lg +ion-col,style,--ion-grid-column-padding-md +ion-col,style,--ion-grid-column-padding-sm +ion-col,style,--ion-grid-column-padding-xl +ion-col,style,--ion-grid-column-padding-xs +ion-col,style,--ion-grid-columns + +ion-content,prop,color,string | undefined,undefined,false +ion-content,prop,forceOverscroll,boolean | undefined,undefined,false +ion-content,prop,fullscreen,boolean,false,false +ion-content,prop,scrollEvents,boolean,false,false +ion-content,prop,scrollX,boolean,false,false +ion-content,prop,scrollY,boolean,true,false +ion-content,method,getScrollElement,getScrollElement() => Promise +ion-content,method,scrollByPoint,scrollByPoint(x: number, y: number, duration: number) => Promise +ion-content,method,scrollToBottom,scrollToBottom(duration?: number) => Promise +ion-content,method,scrollToPoint,scrollToPoint(x: number | null | undefined, y: number | null | undefined, duration?: number) => Promise +ion-content,method,scrollToTop,scrollToTop(duration?: number) => Promise +ion-content,event,ionScroll,ScrollDetail,true +ion-content,event,ionScrollEnd,ScrollBaseDetail,true +ion-content,event,ionScrollStart,ScrollBaseDetail,true +ion-content,style,--background +ion-content,style,--color +ion-content,style,--keyboard-offset +ion-content,style,--offset-bottom +ion-content,style,--offset-top +ion-content,style,--padding-bottom +ion-content,style,--padding-end +ion-content,style,--padding-start +ion-content,style,--padding-top + +ion-datetime,prop,cancelText,string,'Cancel',false +ion-datetime,prop,dayNames,string | string[] | undefined,undefined,false +ion-datetime,prop,dayShortNames,string | string[] | undefined,undefined,false +ion-datetime,prop,dayValues,number | number[] | string | undefined,undefined,false +ion-datetime,prop,disabled,boolean,false,false +ion-datetime,prop,displayFormat,string,'MMM D, YYYY',false +ion-datetime,prop,doneText,string,'Done',false +ion-datetime,prop,hourValues,number | number[] | string | undefined,undefined,false +ion-datetime,prop,max,string | undefined,undefined,false +ion-datetime,prop,min,string | undefined,undefined,false +ion-datetime,prop,minuteValues,number | number[] | string | undefined,undefined,false +ion-datetime,prop,mode,"ios" | "md",undefined,false +ion-datetime,prop,monthNames,string | string[] | undefined,undefined,false +ion-datetime,prop,monthShortNames,string | string[] | undefined,undefined,false +ion-datetime,prop,monthValues,number | number[] | string | undefined,undefined,false +ion-datetime,prop,name,string,this.inputId,false +ion-datetime,prop,pickerFormat,string | undefined,undefined,false +ion-datetime,prop,pickerOptions,Partial | undefined,undefined,false +ion-datetime,prop,placeholder,null | string | undefined,undefined,false +ion-datetime,prop,value,null | string | undefined,undefined,false +ion-datetime,prop,yearValues,number | number[] | string | undefined,undefined,false +ion-datetime,method,open,open() => Promise +ion-datetime,event,ionBlur,void,true +ion-datetime,event,ionCancel,void,true +ion-datetime,event,ionChange,InputChangeEvent,true +ion-datetime,event,ionFocus,void,true +ion-datetime,style,--padding-bottom +ion-datetime,style,--padding-end +ion-datetime,style,--padding-start +ion-datetime,style,--padding-top +ion-datetime,style,--placeholder-color + +ion-fab-button,prop,activated,boolean,false,false +ion-fab-button,prop,color,string | undefined,undefined,false +ion-fab-button,prop,disabled,boolean,false,false +ion-fab-button,prop,href,string | undefined,undefined,false +ion-fab-button,prop,mode,"ios" | "md",undefined,false +ion-fab-button,prop,routerDirection,"back" | "forward" | "root",'forward',false +ion-fab-button,prop,show,boolean,false,false +ion-fab-button,prop,translucent,boolean,false,false +ion-fab-button,prop,type,"button" | "reset" | "submit",'button',false +ion-fab-button,event,ionBlur,void,true +ion-fab-button,event,ionFocus,void,true +ion-fab-button,style,--background +ion-fab-button,style,--background-activated +ion-fab-button,style,--background-focused +ion-fab-button,style,--border-color +ion-fab-button,style,--border-radius +ion-fab-button,style,--border-style +ion-fab-button,style,--border-width +ion-fab-button,style,--box-shadow +ion-fab-button,style,--color +ion-fab-button,style,--color-activated +ion-fab-button,style,--color-focused +ion-fab-button,style,--height +ion-fab-button,style,--margin-bottom +ion-fab-button,style,--margin-end +ion-fab-button,style,--margin-start +ion-fab-button,style,--margin-top +ion-fab-button,style,--padding-bottom +ion-fab-button,style,--padding-end +ion-fab-button,style,--padding-start +ion-fab-button,style,--padding-top +ion-fab-button,style,--ripple-color +ion-fab-button,style,--transition +ion-fab-button,style,--width + +ion-fab-list,prop,activated,boolean,false,false +ion-fab-list,prop,side,"bottom" | "end" | "start" | "top",'bottom',false + +ion-fab,prop,activated,boolean,false,false +ion-fab,prop,edge,boolean,false,false +ion-fab,prop,horizontal,"center" | "end" | "start" | undefined,undefined,false +ion-fab,prop,vertical,"bottom" | "center" | "top" | undefined,undefined,false +ion-fab,method,close,close() => void + +ion-footer,prop,mode,"ios" | "md",undefined,false +ion-footer,prop,translucent,boolean,false,false + +ion-grid,prop,fixed,boolean,false,false +ion-grid,style,--ion-grid-padding +ion-grid,style,--ion-grid-padding-lg +ion-grid,style,--ion-grid-padding-md +ion-grid,style,--ion-grid-padding-sm +ion-grid,style,--ion-grid-padding-xl +ion-grid,style,--ion-grid-padding-xs +ion-grid,style,--ion-grid-width +ion-grid,style,--ion-grid-width-lg +ion-grid,style,--ion-grid-width-md +ion-grid,style,--ion-grid-width-sm +ion-grid,style,--ion-grid-width-xl +ion-grid,style,--ion-grid-width-xs + +ion-header,prop,mode,"ios" | "md",undefined,false +ion-header,prop,translucent,boolean,false,false + +ion-img,prop,alt,string | undefined,undefined,false +ion-img,prop,src,string | undefined,undefined,false +ion-img,event,ionImgDidLoad,void,true + +ion-infinite-scroll-content,prop,loadingSpinner,"bubbles" | "circles" | "crescent" | "dots" | "lines" | "lines-small" | null | undefined,undefined,false +ion-infinite-scroll-content,prop,loadingText,string | undefined,undefined,false + +ion-infinite-scroll,prop,disabled,boolean,false,false +ion-infinite-scroll,prop,position,"bottom" | "top",'bottom',false +ion-infinite-scroll,prop,threshold,string,'15%',false +ion-infinite-scroll,method,complete,complete() => void +ion-infinite-scroll,event,ionInfinite,void,true + +ion-input,prop,accept,string | undefined,undefined,false +ion-input,prop,autocapitalize,string,'off',false +ion-input,prop,autocomplete,"off" | "on",'off',false +ion-input,prop,autocorrect,"off" | "on",'off',false +ion-input,prop,autofocus,boolean,false,false +ion-input,prop,clearInput,boolean,false,false +ion-input,prop,clearOnEdit,boolean | undefined,undefined,false +ion-input,prop,color,string | undefined,undefined,false +ion-input,prop,debounce,number,0,false +ion-input,prop,disabled,boolean,false,false +ion-input,prop,inputmode,string | undefined,undefined,false +ion-input,prop,max,string | undefined,undefined,false +ion-input,prop,maxlength,number | undefined,undefined,false +ion-input,prop,min,string | undefined,undefined,false +ion-input,prop,minlength,number | undefined,undefined,false +ion-input,prop,mode,"ios" | "md",undefined,false +ion-input,prop,multiple,boolean | undefined,undefined,false +ion-input,prop,name,string,this.inputId,false +ion-input,prop,pattern,string | undefined,undefined,false +ion-input,prop,placeholder,null | string | undefined,undefined,false +ion-input,prop,readonly,boolean,false,false +ion-input,prop,required,boolean,false,false +ion-input,prop,size,number | undefined,undefined,false +ion-input,prop,spellcheck,boolean,false,false +ion-input,prop,step,string | undefined,undefined,false +ion-input,prop,type,"date" | "email" | "number" | "password" | "search" | "tel" | "text" | "time" | "url",'text',false +ion-input,prop,value,null | string | undefined,'',false +ion-input,method,setFocus,setFocus() => void +ion-input,event,ionBlur,void,true +ion-input,event,ionChange,TextInputChangeEvent,true +ion-input,event,ionFocus,void,true +ion-input,event,ionInput,KeyboardEvent,true +ion-input,event,ionInputDidLoad,void,true +ion-input,event,ionInputDidUnload,void,true +ion-input,style,--background +ion-input,style,--color +ion-input,style,--padding-bottom +ion-input,style,--padding-end +ion-input,style,--padding-start +ion-input,style,--padding-top +ion-input,style,--placeholder-color +ion-input,style,--placeholder-font-style +ion-input,style,--placeholder-font-weight +ion-input,style,--placeholder-opacity + +ion-item-divider,prop,color,string | undefined,undefined,false +ion-item-divider,prop,mode,"ios" | "md",undefined,false +ion-item-divider,style,--background +ion-item-divider,style,--color +ion-item-divider,style,--padding-bottom +ion-item-divider,style,--padding-end +ion-item-divider,style,--padding-start +ion-item-divider,style,--padding-top + + +ion-item-option,prop,color,string | undefined,undefined,false +ion-item-option,prop,disabled,boolean,false,false +ion-item-option,prop,expandable,boolean,false,false +ion-item-option,prop,href,string | undefined,undefined,false +ion-item-option,prop,mode,"ios" | "md",undefined,false +ion-item-option,style,--background +ion-item-option,style,--color + +ion-item-options,prop,side,"end" | "start",'end',false +ion-item-options,event,ionSwipe,any,true + +ion-item-sliding,prop,disabled,boolean,false,false +ion-item-sliding,method,close,close() => Promise +ion-item-sliding,method,closeOpened,closeOpened() => Promise +ion-item-sliding,method,getOpenAmount,getOpenAmount() => Promise +ion-item-sliding,method,getSlidingRatio,getSlidingRatio() => Promise +ion-item-sliding,event,ionDrag,void,true + +ion-item,prop,button,boolean,false,false +ion-item,prop,color,string | undefined,undefined,false +ion-item,prop,detail,boolean | undefined,undefined,false +ion-item,prop,detailIcon,string,'ios-arrow-forward',false +ion-item,prop,disabled,boolean,false,false +ion-item,prop,href,string | undefined,undefined,false +ion-item,prop,lines,"full" | "inset" | "none" | undefined,undefined,false +ion-item,prop,mode,"ios" | "md",undefined,false +ion-item,prop,routerDirection,"back" | "forward" | "root",'forward',false +ion-item,prop,type,"button" | "reset" | "submit",'button',false +ion-item,style,--background +ion-item,style,--background-activated +ion-item,style,--border-color +ion-item,style,--border-radius +ion-item,style,--border-style +ion-item,style,--border-width +ion-item,style,--box-shadow +ion-item,style,--color +ion-item,style,--detail-icon-color +ion-item,style,--detail-icon-font-size +ion-item,style,--detail-icon-opacity +ion-item,style,--highlight-color-focused +ion-item,style,--highlight-color-invalid +ion-item,style,--highlight-color-valid +ion-item,style,--highlight-height +ion-item,style,--inner-border-width +ion-item,style,--inner-box-shadow +ion-item,style,--inner-padding-bottom +ion-item,style,--inner-padding-end +ion-item,style,--inner-padding-start +ion-item,style,--inner-padding-top +ion-item,style,--min-height +ion-item,style,--padding-bottom +ion-item,style,--padding-end +ion-item,style,--padding-start +ion-item,style,--padding-top +ion-item,style,--transition + +ion-label,prop,color,string | undefined,undefined,false +ion-label,prop,mode,"ios" | "md",undefined,false +ion-label,prop,position,"fixed" | "floating" | "stacked" | undefined,undefined,false +ion-label,style,--color + +ion-list-header,prop,color,string | undefined,undefined,false +ion-list-header,prop,mode,"ios" | "md",undefined,false +ion-list-header,style,--background +ion-list-header,style,--color + +ion-list,prop,inset,boolean,false,false +ion-list,prop,lines,"full" | "inset" | "none" | undefined,undefined,false +ion-list,prop,mode,"ios" | "md",undefined,false +ion-list,method,closeSlidingItems,closeSlidingItems() => Promise + +ion-loading-controller,method,create,create(opts?: LoadingOptions | undefined) => Promise +ion-loading-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise +ion-loading-controller,method,getTop,getTop() => Promise + +ion-loading,prop,animated,boolean,true,false +ion-loading,prop,backdropDismiss,boolean,false,false +ion-loading,prop,cssClass,string | string[] | undefined,undefined,false +ion-loading,prop,duration,number,0,false +ion-loading,prop,enterAnimation,AnimationBuilder | undefined,undefined,false +ion-loading,prop,keyboardClose,boolean,true,false +ion-loading,prop,leaveAnimation,AnimationBuilder | undefined,undefined,false +ion-loading,prop,message,string | undefined,undefined,false +ion-loading,prop,mode,"ios" | "md",undefined,false +ion-loading,prop,showBackdrop,boolean,true,false +ion-loading,prop,spinner,"bubbles" | "circles" | "crescent" | "dots" | "lines" | "lines-small" | null | undefined,undefined,false +ion-loading,prop,translucent,boolean,false,false +ion-loading,method,dismiss,dismiss(data?: any, role?: string | undefined) => Promise +ion-loading,method,onDidDismiss,onDidDismiss() => Promise> +ion-loading,method,onWillDismiss,onWillDismiss() => Promise> +ion-loading,method,present,present() => Promise +ion-loading,event,ionLoadingDidDismiss,OverlayEventDetail,true +ion-loading,event,ionLoadingDidLoad,void,true +ion-loading,event,ionLoadingDidPresent,void,true +ion-loading,event,ionLoadingDidUnload,void,true +ion-loading,event,ionLoadingWillDismiss,OverlayEventDetail,true +ion-loading,event,ionLoadingWillPresent,void,true + +ion-menu-button,prop,autoHide,boolean,true,false +ion-menu-button,prop,color,string | undefined,undefined,false +ion-menu-button,prop,menu,string | undefined,undefined,false +ion-menu-button,prop,mode,"ios" | "md",undefined,false +ion-menu-button,style,--color + +ion-menu-controller,method,close,close(menuId?: string | null | undefined) => Promise +ion-menu-controller,method,enable,enable(shouldEnable: boolean, menuId?: string | null | undefined) => Promise +ion-menu-controller,method,get,get(menuId?: string | null | undefined) => Promise +ion-menu-controller,method,getMenus,getMenus() => Promise +ion-menu-controller,method,getOpen,getOpen() => Promise +ion-menu-controller,method,isAnimating,isAnimating() => Promise +ion-menu-controller,method,isEnabled,isEnabled(menuId?: string | null | undefined) => Promise +ion-menu-controller,method,isOpen,isOpen(menuId?: string | null | undefined) => Promise +ion-menu-controller,method,open,open(menuId?: string | null | undefined) => Promise +ion-menu-controller,method,registerAnimation,registerAnimation(name: string, animation: AnimationBuilder) => void +ion-menu-controller,method,swipeGesture,swipeGesture(shouldEnable: boolean, menuId?: string | null | undefined) => Promise +ion-menu-controller,method,toggle,toggle(menuId?: string | null | undefined) => Promise + +ion-menu-toggle,prop,autoHide,boolean,true,false +ion-menu-toggle,prop,menu,string | undefined,undefined,false + +ion-menu,prop,contentId,string | undefined,undefined,false +ion-menu,prop,disabled,boolean,false,false +ion-menu,prop,maxEdgeStart,number,50,false +ion-menu,prop,menuId,string | undefined,undefined,false +ion-menu,prop,side,"end" | "start",'start',false +ion-menu,prop,swipeGesture,boolean,true,false +ion-menu,prop,type,string | undefined,undefined,false +ion-menu,method,close,close(animated?: boolean) => Promise +ion-menu,method,isActive,isActive() => Promise +ion-menu,method,isOpen,isOpen() => Promise +ion-menu,method,open,open(animated?: boolean) => Promise +ion-menu,method,setOpen,setOpen(shouldOpen: boolean, animated?: boolean) => Promise +ion-menu,method,toggle,toggle(animated?: boolean) => Promise +ion-menu,event,ionDidClose,void,true +ion-menu,event,ionDidOpen,void,true +ion-menu,event,ionWillClose,void,true +ion-menu,event,ionWillOpen,void,true +ion-menu,style,--background +ion-menu,style,--width +ion-menu,style,--width-small + +ion-modal-controller,method,create,create(opts: ModalOptions) => Promise +ion-modal-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise +ion-modal-controller,method,getTop,getTop() => Promise + +ion-modal,prop,animated,boolean,true,false +ion-modal,prop,backdropDismiss,boolean,true,false +ion-modal,prop,component,Function | HTMLElement | null | string,undefined,false +ion-modal,prop,componentProps,undefined | { [key: string]: any; },undefined,false +ion-modal,prop,cssClass,string | string[] | undefined,undefined,false +ion-modal,prop,enterAnimation,AnimationBuilder | undefined,undefined,false +ion-modal,prop,keyboardClose,boolean,true,false +ion-modal,prop,leaveAnimation,AnimationBuilder | undefined,undefined,false +ion-modal,prop,mode,"ios" | "md",undefined,false +ion-modal,prop,showBackdrop,boolean,true,false +ion-modal,method,dismiss,dismiss(data?: any, role?: string | undefined) => Promise +ion-modal,method,onDidDismiss,onDidDismiss() => Promise> +ion-modal,method,onWillDismiss,onWillDismiss() => Promise> +ion-modal,method,present,present() => Promise +ion-modal,event,ionModalDidDismiss,OverlayEventDetail,true +ion-modal,event,ionModalDidLoad,void,true +ion-modal,event,ionModalDidPresent,void,true +ion-modal,event,ionModalDidUnload,void,true +ion-modal,event,ionModalWillDismiss,OverlayEventDetail,true +ion-modal,event,ionModalWillPresent,void,true + + +ion-nav-push,prop,component,Function | HTMLElement | ViewController | null | string | undefined,undefined,false +ion-nav-push,prop,componentProps,undefined | { [key: string]: any; },undefined,false + +ion-nav-set-root,prop,component,Function | HTMLElement | ViewController | null | string | undefined,undefined,false +ion-nav-set-root,prop,componentProps,undefined | { [key: string]: any; },undefined,false + +ion-nav,prop,animated,boolean,true,false +ion-nav,prop,animation,AnimationBuilder | undefined,undefined,false +ion-nav,prop,root,Function | HTMLElement | ViewController | null | string | undefined,undefined,false +ion-nav,prop,rootParams,undefined | { [key: string]: any; },undefined,false +ion-nav,prop,swipeGesture,boolean | undefined,undefined,false +ion-nav,method,canGoBack,canGoBack(view?: ViewController | undefined) => Promise +ion-nav,method,getActive,getActive() => Promise +ion-nav,method,getByIndex,getByIndex(index: number) => Promise +ion-nav,method,getPrevious,getPrevious(view?: ViewController | undefined) => Promise +ion-nav,method,insert,insert(insertIndex: number, component: T, componentProps?: ComponentProps | null | undefined, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise +ion-nav,method,insertPages,insertPages(insertIndex: number, insertComponents: NavComponent[], opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise +ion-nav,method,pop,pop(opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise +ion-nav,method,popTo,popTo(indexOrViewCtrl: number | ViewController, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise +ion-nav,method,popToRoot,popToRoot(opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise +ion-nav,method,push,push(component: T, componentProps?: ComponentProps | null | undefined, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise +ion-nav,method,removeIndex,removeIndex(startIndex: number, removeCount?: number, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise +ion-nav,method,setPages,setPages(views: any[], opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise +ion-nav,method,setRoot,setRoot(component: T, componentProps?: ComponentProps | null | undefined, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise +ion-nav,event,ionNavDidChange,void,true +ion-nav,event,ionNavWillChange,void,true +ion-nav,event,ionNavWillLoad,void,true + +ion-note,prop,color,string | undefined,undefined,false +ion-note,prop,mode,"ios" | "md",undefined,false +ion-note,style,--color + + +ion-picker-controller,method,create,create(opts: PickerOptions) => Promise +ion-picker-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise +ion-picker-controller,method,getTop,getTop() => Promise + +ion-picker,prop,animated,boolean,true,false +ion-picker,prop,backdropDismiss,boolean,true,false +ion-picker,prop,buttons,PickerButton[],[],false +ion-picker,prop,columns,PickerColumn[],[],false +ion-picker,prop,cssClass,string | string[] | undefined,undefined,false +ion-picker,prop,duration,number,0,false +ion-picker,prop,enterAnimation,AnimationBuilder | undefined,undefined,false +ion-picker,prop,keyboardClose,boolean,true,false +ion-picker,prop,leaveAnimation,AnimationBuilder | undefined,undefined,false +ion-picker,prop,mode,"ios" | "md",undefined,false +ion-picker,prop,showBackdrop,boolean,true,false +ion-picker,method,dismiss,dismiss(data?: any, role?: string | undefined) => Promise +ion-picker,method,getColumn,getColumn(name: string) => Promise +ion-picker,method,onDidDismiss,onDidDismiss() => Promise> +ion-picker,method,onWillDismiss,onWillDismiss() => Promise> +ion-picker,method,present,present() => Promise +ion-picker,event,ionPickerDidDismiss,OverlayEventDetail,true +ion-picker,event,ionPickerDidLoad,void,true +ion-picker,event,ionPickerDidPresent,void,true +ion-picker,event,ionPickerDidUnload,void,true +ion-picker,event,ionPickerWillDismiss,OverlayEventDetail,true +ion-picker,event,ionPickerWillPresent,void,true + +ion-popover-controller,method,create,create(opts: PopoverOptions) => Promise +ion-popover-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise +ion-popover-controller,method,getTop,getTop() => Promise + +ion-popover,prop,animated,boolean,true,false +ion-popover,prop,backdropDismiss,boolean,true,false +ion-popover,prop,component,Function | HTMLElement | null | string,undefined,false +ion-popover,prop,componentProps,undefined | { [key: string]: any; },undefined,false +ion-popover,prop,cssClass,string | string[] | undefined,undefined,false +ion-popover,prop,enterAnimation,AnimationBuilder | undefined,undefined,false +ion-popover,prop,event,any,undefined,false +ion-popover,prop,keyboardClose,boolean,true,false +ion-popover,prop,leaveAnimation,AnimationBuilder | undefined,undefined,false +ion-popover,prop,mode,"ios" | "md",undefined,false +ion-popover,prop,showBackdrop,boolean,true,false +ion-popover,prop,translucent,boolean,false,false +ion-popover,method,dismiss,dismiss(data?: any, role?: string | undefined) => Promise +ion-popover,method,onDidDismiss,onDidDismiss() => Promise> +ion-popover,method,onWillDismiss,onWillDismiss() => Promise> +ion-popover,method,present,present() => Promise +ion-popover,event,ionPopoverDidDismiss,OverlayEventDetail,true +ion-popover,event,ionPopoverDidLoad,void,true +ion-popover,event,ionPopoverDidPresent,void,true +ion-popover,event,ionPopoverDidUnload,void,true +ion-popover,event,ionPopoverWillDismiss,OverlayEventDetail,true +ion-popover,event,ionPopoverWillPresent,void,true + +ion-radio-group,prop,allowEmptySelection,boolean,false,false +ion-radio-group,prop,name,string,this.inputId,false +ion-radio-group,prop,value,any,undefined,false +ion-radio-group,event,ionChange,InputChangeEvent,true + +ion-radio,prop,checked,boolean,false,false +ion-radio,prop,color,string | undefined,undefined,false +ion-radio,prop,disabled,boolean,false,false +ion-radio,prop,mode,"ios" | "md",undefined,false +ion-radio,prop,name,string,this.inputId,false +ion-radio,prop,value,any,undefined,false +ion-radio,event,ionBlur,void,true +ion-radio,event,ionFocus,void,true +ion-radio,event,ionRadioDidLoad,void,true +ion-radio,event,ionRadioDidUnload,void,true +ion-radio,event,ionSelect,CheckedInputChangeEvent,true +ion-radio,style,--color +ion-radio,style,--color-checked + +ion-range,prop,color,string | undefined,undefined,false +ion-range,prop,debounce,number,0,false +ion-range,prop,disabled,boolean,false,false +ion-range,prop,dualKnobs,boolean,false,false +ion-range,prop,max,number,100,false +ion-range,prop,min,number,0,false +ion-range,prop,mode,"ios" | "md",undefined,false +ion-range,prop,name,string,'',false +ion-range,prop,pin,boolean,false,false +ion-range,prop,snaps,boolean,false,false +ion-range,prop,step,number,1,false +ion-range,prop,value,number | { lower: number; upper: number; },0,false +ion-range,event,ionBlur,void,true +ion-range,event,ionChange,InputChangeEvent,true +ion-range,event,ionFocus,void,true +ion-range,style,--bar-background +ion-range,style,--bar-background-active +ion-range,style,--bar-height +ion-range,style,--height +ion-range,style,--knob-background +ion-range,style,--knob-border-radius +ion-range,style,--knob-box-shadow +ion-range,style,--knob-size + +ion-refresher-content,prop,pullingIcon,null | string | undefined,undefined,false +ion-refresher-content,prop,pullingText,string | undefined,undefined,false +ion-refresher-content,prop,refreshingSpinner,"bubbles" | "circles" | "crescent" | "dots" | "lines" | "lines-small" | null | undefined,undefined,false +ion-refresher-content,prop,refreshingText,string | undefined,undefined,false + +ion-refresher,prop,closeDuration,string,'280ms',false +ion-refresher,prop,disabled,boolean,false,false +ion-refresher,prop,pullMax,number,this.pullMin + 60,false +ion-refresher,prop,pullMin,number,60,false +ion-refresher,prop,snapbackDuration,string,'280ms',false +ion-refresher,method,cancel,cancel() => void +ion-refresher,method,complete,complete() => void +ion-refresher,method,getProgress,getProgress() => Promise +ion-refresher,event,ionPull,void,true +ion-refresher,event,ionRefresh,RefresherEventDetail,true +ion-refresher,event,ionStart,void,true + +ion-reorder-group,prop,disabled,boolean,true,false +ion-reorder-group,method,complete,complete(listOrReorder?: boolean | any[] | undefined) => Promise +ion-reorder-group,event,ionItemReorder,ItemReorderDetail,true + + +ion-ripple-effect,method,addRipple,addRipple(pageX: number, pageY: number) => Promise<() => void> + +ion-route-redirect,prop,from,string,undefined,false +ion-route-redirect,prop,to,null | string | undefined,undefined,false +ion-route-redirect,event,ionRouteRedirectChanged,void,true + +ion-route,prop,component,string,undefined,false +ion-route,prop,componentProps,undefined | { [key: string]: any; },undefined,false +ion-route,prop,url,string,'',false +ion-route,event,ionRouteDataChanged,any,true + +ion-router-outlet,prop,animated,boolean,true,false +ion-router-outlet,prop,animation,AnimationBuilder | undefined,undefined,false + +ion-router,prop,root,string,'/',false +ion-router,prop,useHash,boolean,true,false +ion-router,method,goBack,goBack() => Promise +ion-router,method,push,push(url: string, direction?: RouterDirection) => Promise +ion-router,event,ionRouteDidChange,RouterEventDetail,true +ion-router,event,ionRouteWillChange,RouterEventDetail,true + + +ion-searchbar,prop,animated,boolean,false,false +ion-searchbar,prop,autocomplete,"off" | "on",'off',false +ion-searchbar,prop,autocorrect,"off" | "on",'off',false +ion-searchbar,prop,cancelButtonIcon,string,'md-arrow-back',false +ion-searchbar,prop,cancelButtonText,string,'Cancel',false +ion-searchbar,prop,clearIcon,string | undefined,undefined,false +ion-searchbar,prop,color,string | undefined,undefined,false +ion-searchbar,prop,debounce,number,250,false +ion-searchbar,prop,mode,"ios" | "md",undefined,false +ion-searchbar,prop,placeholder,string,'Search',false +ion-searchbar,prop,searchIcon,string,'search',false +ion-searchbar,prop,showCancelButton,boolean,false,false +ion-searchbar,prop,spellcheck,boolean,false,false +ion-searchbar,prop,type,"email" | "number" | "password" | "search" | "tel" | "text" | "url",'search',false +ion-searchbar,prop,value,null | string | undefined,'',false +ion-searchbar,method,setFocus,setFocus() => void +ion-searchbar,event,ionBlur,void,true +ion-searchbar,event,ionCancel,void,true +ion-searchbar,event,ionChange,TextInputChangeEvent,true +ion-searchbar,event,ionClear,void,true +ion-searchbar,event,ionFocus,void,true +ion-searchbar,event,ionInput,KeyboardEvent,true +ion-searchbar,style,--background +ion-searchbar,style,--cancel-button-color +ion-searchbar,style,--clear-button-color +ion-searchbar,style,--color +ion-searchbar,style,--icon-color +ion-searchbar,style,--placeholder-color +ion-searchbar,style,--placeholder-font-style +ion-searchbar,style,--placeholder-font-weight +ion-searchbar,style,--placeholder-opacity + +ion-segment-button,prop,checked,boolean,false,false +ion-segment-button,prop,color,string | undefined,undefined,false +ion-segment-button,prop,disabled,boolean,false,false +ion-segment-button,prop,layout,"icon-bottom" | "icon-end" | "icon-hide" | "icon-start" | "icon-top" | "label-hide" | undefined,undefined,false +ion-segment-button,prop,mode,"ios" | "md",undefined,false +ion-segment-button,prop,value,string,'ion-sb-' + (ids++),false +ion-segment-button,event,ionSelect,void,true +ion-segment-button,style,--background +ion-segment-button,style,--background-activated +ion-segment-button,style,--background-checked +ion-segment-button,style,--background-hover +ion-segment-button,style,--border-color +ion-segment-button,style,--border-radius +ion-segment-button,style,--border-style +ion-segment-button,style,--border-width +ion-segment-button,style,--color +ion-segment-button,style,--color-activated +ion-segment-button,style,--color-checked +ion-segment-button,style,--color-checked-disabled +ion-segment-button,style,--color-disabled +ion-segment-button,style,--indicator-color +ion-segment-button,style,--indicator-color-checked +ion-segment-button,style,--margin-bottom +ion-segment-button,style,--margin-end +ion-segment-button,style,--margin-start +ion-segment-button,style,--margin-top +ion-segment-button,style,--padding-bottom +ion-segment-button,style,--padding-end +ion-segment-button,style,--padding-start +ion-segment-button,style,--padding-top +ion-segment-button,style,--transition + +ion-segment,prop,color,string | undefined,undefined,false +ion-segment,prop,disabled,boolean,false,false +ion-segment,prop,mode,"ios" | "md",undefined,false +ion-segment,prop,scrollable,boolean,false,false +ion-segment,prop,value,null | string | undefined,undefined,false +ion-segment,event,ionChange,TextInputChangeEvent,true +ion-segment,event,ionStyle,StyleEvent,true + +ion-select-option,prop,disabled,boolean,false,false +ion-select-option,prop,selected,boolean,false,false +ion-select-option,prop,value,any,undefined,false + +ion-select-popover,prop,header,string | undefined,undefined,false +ion-select-popover,prop,message,string | undefined,undefined,false +ion-select-popover,prop,options,SelectPopoverOption[],[],false +ion-select-popover,prop,subHeader,string | undefined,undefined,false + +ion-select,prop,cancelText,string,'Cancel',false +ion-select,prop,disabled,boolean,false,false +ion-select,prop,interface,"action-sheet" | "alert" | "popover",'alert',false +ion-select,prop,interfaceOptions,any,{},false +ion-select,prop,mode,"ios" | "md",undefined,false +ion-select,prop,multiple,boolean,false,false +ion-select,prop,name,string,this.inputId,false +ion-select,prop,okText,string,'OK',false +ion-select,prop,placeholder,null | string | undefined,undefined,false +ion-select,prop,selectedText,null | string | undefined,undefined,false +ion-select,prop,value,any,undefined,false +ion-select,method,open,open(ev?: UIEvent | undefined) => Promise +ion-select,event,ionBlur,void,true +ion-select,event,ionCancel,void,true +ion-select,event,ionChange,SelectInputChangeEvent,true +ion-select,event,ionFocus,void,true +ion-select,style,--color +ion-select,style,--icon-color +ion-select,style,--padding-bottom +ion-select,style,--padding-end +ion-select,style,--padding-start +ion-select,style,--padding-top +ion-select,style,--placeholder-color + +ion-skeleton-text,prop,width,string,'100%',false +ion-skeleton-text,style,--background + + +ion-slides,prop,mode,"ios" | "md",undefined,false +ion-slides,prop,options,any,{},false +ion-slides,prop,pager,boolean,false,false +ion-slides,prop,scrollbar,boolean,false,false +ion-slides,method,getActiveIndex,getActiveIndex() => Promise +ion-slides,method,getPreviousIndex,getPreviousIndex() => Promise +ion-slides,method,isBeginning,isBeginning() => Promise +ion-slides,method,isEnd,isEnd() => Promise +ion-slides,method,length,length() => Promise +ion-slides,method,lockSwipeToNext,lockSwipeToNext(shouldLockSwipeToNext: boolean) => Promise +ion-slides,method,lockSwipeToPrev,lockSwipeToPrev(shouldLockSwipeToPrev: boolean) => Promise +ion-slides,method,lockSwipes,lockSwipes(shouldLockSwipes: boolean) => Promise +ion-slides,method,slideNext,slideNext(speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise +ion-slides,method,slidePrev,slidePrev(speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise +ion-slides,method,slideTo,slideTo(index: number, speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise +ion-slides,method,startAutoplay,startAutoplay() => Promise +ion-slides,method,stopAutoplay,stopAutoplay() => Promise +ion-slides,method,update,update() => Promise +ion-slides,event,ionSlideDidChange,void,true +ion-slides,event,ionSlideDoubleTap,void,true +ion-slides,event,ionSlideDrag,void,true +ion-slides,event,ionSlideNextEnd,void,true +ion-slides,event,ionSlideNextStart,void,true +ion-slides,event,ionSlidePrevEnd,void,true +ion-slides,event,ionSlidePrevStart,void,true +ion-slides,event,ionSlideReachEnd,void,true +ion-slides,event,ionSlideReachStart,void,true +ion-slides,event,ionSlidesDidLoad,void,true +ion-slides,event,ionSlideTap,void,true +ion-slides,event,ionSlideTouchEnd,void,true +ion-slides,event,ionSlideTouchStart,void,true +ion-slides,event,ionSlideTransitionEnd,void,true +ion-slides,event,ionSlideTransitionStart,void,true +ion-slides,event,ionSlideWillChange,void,true +ion-slides,style,--bullet-background +ion-slides,style,--bullet-background-active + +ion-spinner,prop,color,string | undefined,undefined,false +ion-spinner,prop,duration,number | undefined,undefined,false +ion-spinner,prop,name,"bubbles" | "circles" | "crescent" | "dots" | "lines" | "lines-small" | undefined,undefined,false +ion-spinner,prop,paused,boolean,false,false +ion-spinner,style,--color + +ion-split-pane,prop,disabled,boolean,false,false +ion-split-pane,prop,when,boolean | string,QUERY['lg'],false +ion-split-pane,event,ionChange,{visible: boolean},false +ion-split-pane,event,ionSplitPaneVisible,void,true +ion-split-pane,style,--border + +ion-tab-bar,prop,color,string | undefined,undefined,false +ion-tab-bar,prop,layout,"icon-bottom" | "icon-end" | "icon-hide" | "icon-start" | "icon-top" | "label-hide",'icon-top',false +ion-tab-bar,prop,mode,"ios" | "md",undefined,false +ion-tab-bar,prop,selectedTab,string | undefined,undefined,false +ion-tab-bar,prop,translucent,boolean,false,false +ion-tab-bar,style,--background +ion-tab-bar,style,--border +ion-tab-bar,style,--color + +ion-tab-button,prop,color,string | undefined,undefined,false +ion-tab-button,prop,disabled,boolean,false,false +ion-tab-button,prop,href,string | undefined,undefined,false +ion-tab-button,prop,layout,"icon-bottom" | "icon-end" | "icon-hide" | "icon-start" | "icon-top" | "label-hide" | undefined,undefined,false +ion-tab-button,prop,mode,"ios" | "md",undefined,false +ion-tab-button,prop,tab,string,undefined,false +ion-tab-button,style,--background +ion-tab-button,style,--background-selected +ion-tab-button,style,--color +ion-tab-button,style,--color-selected +ion-tab-button,style,--padding-bottom +ion-tab-button,style,--padding-end +ion-tab-button,style,--padding-start +ion-tab-button,style,--padding-top + +ion-tab,prop,component,Function | HTMLElement | null | string | undefined,undefined,false +ion-tab,prop,tab,string,undefined,false +ion-tab,method,setActive,setActive() => Promise + +ion-tabs,method,getSelected,getSelected() => Promise +ion-tabs,method,getTab,getTab(tab: string | HTMLIonTabElement) => Promise +ion-tabs,method,select,select(tab: string | HTMLIonTabElement) => Promise +ion-tabs,event,ionChange,{tab: HTMLIonTabElement},true +ion-tabs,event,ionNavDidChange,void,true +ion-tabs,event,ionNavWillChange,void,true +ion-tabs,event,ionNavWillLoad,void,true + +ion-text,prop,color,string | undefined,undefined,false +ion-text,prop,mode,"ios" | "md",undefined,false + +ion-textarea,prop,autocapitalize,string,'none',false +ion-textarea,prop,autofocus,boolean,false,false +ion-textarea,prop,clearOnEdit,boolean,false,false +ion-textarea,prop,color,string | undefined,undefined,false +ion-textarea,prop,cols,number | undefined,undefined,false +ion-textarea,prop,debounce,number,0,false +ion-textarea,prop,disabled,boolean,false,false +ion-textarea,prop,maxlength,number | undefined,undefined,false +ion-textarea,prop,minlength,number | undefined,undefined,false +ion-textarea,prop,mode,"ios" | "md",undefined,false +ion-textarea,prop,name,string,this.inputId,false +ion-textarea,prop,placeholder,null | string | undefined,undefined,false +ion-textarea,prop,readonly,boolean,false,false +ion-textarea,prop,required,boolean,false,false +ion-textarea,prop,rows,number | undefined,undefined,false +ion-textarea,prop,spellcheck,boolean,false,false +ion-textarea,prop,value,null | string | undefined,'',false +ion-textarea,prop,wrap,"hard" | "off" | "soft" | undefined,undefined,false +ion-textarea,method,setFocus,setFocus() => void +ion-textarea,event,ionBlur,void,true +ion-textarea,event,ionChange,TextInputChangeEvent,true +ion-textarea,event,ionFocus,void,true +ion-textarea,event,ionInput,KeyboardEvent,true +ion-textarea,style,--background +ion-textarea,style,--border-radius +ion-textarea,style,--color +ion-textarea,style,--padding-bottom +ion-textarea,style,--padding-end +ion-textarea,style,--padding-start +ion-textarea,style,--padding-top +ion-textarea,style,--placeholder-color +ion-textarea,style,--placeholder-font-style +ion-textarea,style,--placeholder-font-weight +ion-textarea,style,--placeholder-opacity + +ion-thumbnail,style,--border-radius +ion-thumbnail,style,--size + +ion-title,prop,color,string | undefined,undefined,false +ion-title,style,--color + +ion-toast-controller,method,create,create(opts?: ToastOptions | undefined) => Promise +ion-toast-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise +ion-toast-controller,method,getTop,getTop() => Promise + +ion-toast,prop,animated,boolean,true,false +ion-toast,prop,closeButtonText,string | undefined,undefined,false +ion-toast,prop,color,string | undefined,undefined,false +ion-toast,prop,cssClass,string | string[] | undefined,undefined,false +ion-toast,prop,duration,number,0,false +ion-toast,prop,enterAnimation,AnimationBuilder | undefined,undefined,false +ion-toast,prop,keyboardClose,boolean,false,false +ion-toast,prop,leaveAnimation,AnimationBuilder | undefined,undefined,false +ion-toast,prop,message,string | undefined,undefined,false +ion-toast,prop,mode,"ios" | "md",undefined,false +ion-toast,prop,position,"bottom" | "middle" | "top",'bottom',false +ion-toast,prop,showCloseButton,boolean,false,false +ion-toast,prop,translucent,boolean,false,false +ion-toast,method,dismiss,dismiss(data?: any, role?: string | undefined) => Promise +ion-toast,method,onDidDismiss,onDidDismiss() => Promise> +ion-toast,method,onWillDismiss,onWillDismiss() => Promise> +ion-toast,method,present,present() => Promise +ion-toast,event,ionToastDidDismiss,OverlayEventDetail,true +ion-toast,event,ionToastDidLoad,void,true +ion-toast,event,ionToastDidPresent,void,true +ion-toast,event,ionToastDidUnload,void,true +ion-toast,event,ionToastWillDismiss,OverlayEventDetail,true +ion-toast,event,ionToastWillPresent,void,true +ion-toast,style,--background +ion-toast,style,--button-color +ion-toast,style,--color + +ion-toggle,prop,checked,boolean,false,false +ion-toggle,prop,color,string | undefined,undefined,false +ion-toggle,prop,disabled,boolean,false,false +ion-toggle,prop,mode,"ios" | "md",undefined,false +ion-toggle,prop,name,string,this.inputId,false +ion-toggle,prop,value,null | string | undefined,'on',false +ion-toggle,event,ionBlur,void,true +ion-toggle,event,ionChange,CheckedInputChangeEvent,true +ion-toggle,event,ionFocus,void,true +ion-toggle,style,--background +ion-toggle,style,--background-checked +ion-toggle,style,--handle-background +ion-toggle,style,--handle-background-checked + +ion-toolbar,prop,color,string | undefined,undefined,false +ion-toolbar,prop,mode,"ios" | "md",undefined,false +ion-toolbar,style,--background +ion-toolbar,style,--border-color +ion-toolbar,style,--border-style +ion-toolbar,style,--border-width +ion-toolbar,style,--color +ion-toolbar,style,--min-height +ion-toolbar,style,--opacity +ion-toolbar,style,--padding-bottom +ion-toolbar,style,--padding-end +ion-toolbar,style,--padding-start +ion-toolbar,style,--padding-top + +ion-virtual-scroll,prop,approxFooterHeight,number,40,false +ion-virtual-scroll,prop,approxHeaderHeight,number,40,false +ion-virtual-scroll,prop,approxItemHeight,number,45,false +ion-virtual-scroll,prop,footerFn,HeaderFn | undefined,undefined,false +ion-virtual-scroll,prop,headerFn,HeaderFn | undefined,undefined,false +ion-virtual-scroll,prop,itemHeight,ItemHeightFn | undefined,undefined,false +ion-virtual-scroll,prop,items,any[] | undefined,undefined,false +ion-virtual-scroll,prop,nodeRender,ItemRenderFn | undefined,undefined,false +ion-virtual-scroll,prop,renderFooter,(item: any, index: number) => any | undefined,undefined,false +ion-virtual-scroll,prop,renderHeader,(item: any, index: number) => any | undefined,undefined,false +ion-virtual-scroll,prop,renderItem,(item: any, index: number) => any | undefined,undefined,false +ion-virtual-scroll,method,markDirty,markDirty(offset: number, len?: number) => void +ion-virtual-scroll,method,markDirtyTail,markDirtyTail() => void +ion-virtual-scroll,method,positionForItem,positionForItem(index: number) => Promise \ No newline at end of file diff --git a/core/package.json b/core/package.json index 042c485e66..c04a43c724 100644 --- a/core/package.json +++ b/core/package.json @@ -30,7 +30,7 @@ "ionicons": "4.4.7" }, "devDependencies": { - "@stencil/core": "0.16.0-0", + "@stencil/core": "0.16.0-1", "@stencil/sass": "0.1.1", "@stencil/utils": "latest", "@types/jest": "^23.3.1", diff --git a/core/scripts/api-spec-generator.js b/core/scripts/api-spec-generator.js new file mode 100644 index 0000000000..b8f93f3076 --- /dev/null +++ b/core/scripts/api-spec-generator.js @@ -0,0 +1,35 @@ + +const fs = require('fs'); + +function apiSpecGenerator(opts) { + return (docsData) => { + const content = []; + docsData.components.forEach(cmp => generateComponent(cmp, content)); + + const contentStr = content.join('\n'); + return new Promise(resolve => { + fs.writeFile(opts.file, contentStr, () => { + resolve(); + }); + }); + }; +} + +function generateComponent(component, content) { + content.push(''); + + component.props.forEach(prop => { + content.push(`${component.tag},prop,${prop.name},${prop.type},${prop.default},${prop.required}`); + }); + component.methods.forEach(prop => { + content.push(`${component.tag},method,${prop.name},${prop.signature}`); + }); + component.events.forEach(prop => { + content.push(`${component.tag},event,${prop.event},${prop.detail},${prop.bubbles}`); + }); + component.styles.forEach(prop => { + content.push(`${component.tag},style,${prop.name}`); + }); +} + +exports.apiSpecGenerator = apiSpecGenerator; diff --git a/core/src/components/action-sheet/readme.md b/core/src/components/action-sheet/readme.md index 794efe4aba..529c5121b0 100644 --- a/core/src/components/action-sheet/readme.md +++ b/core/src/components/action-sheet/readme.md @@ -27,7 +27,6 @@ A button's `role` property can either be `destructive` or `cancel`. Buttons with | `keyboardClose` | `keyboard-close` | If `true`, the keyboard will be automatically dismissed when the overlay is presented. | `boolean` | `true` | | `leaveAnimation` | -- | Animation to use when the action sheet is dismissed. | `AnimationBuilder \| undefined` | `undefined` | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | -| `overlayIndex` | `overlay-index` | | `number` | `undefined` | | `subHeader` | `sub-header` | Subtitle for the action sheet. | `string \| undefined` | `undefined` | | `translucent` | `translucent` | If `true`, the action sheet will be translucent. | `boolean` | `false` | diff --git a/core/src/components/alert/readme.md b/core/src/components/alert/readme.md index 093e7d640c..6422fc3011 100644 --- a/core/src/components/alert/readme.md +++ b/core/src/components/alert/readme.md @@ -38,7 +38,6 @@ Alerts can also include several different inputs whose data can be passed back t | `leaveAnimation` | -- | Animation to use when the alert is dismissed. | `AnimationBuilder \| undefined` | `undefined` | | `message` | `message` | The main message to be displayed in the alert. | `string \| undefined` | `undefined` | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | -| `overlayIndex` | `overlay-index` | | `number` | `undefined` | | `subHeader` | `sub-header` | The subtitle in the heading of the alert. Displayed under the title. | `string \| undefined` | `undefined` | | `translucent` | `translucent` | If `true`, the alert will be translucent. | `boolean` | `false` | diff --git a/core/src/components/col/readme.md b/core/src/components/col/readme.md index 7ec759dac7..ff5850d663 100644 --- a/core/src/components/col/readme.md +++ b/core/src/components/col/readme.md @@ -28,30 +28,30 @@ There are several attributes that can be added to a column to customize this beh | Property | Attribute | Description | Type | Default | | ---------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------- | ----------- | +| `offset` | `offset` | The amount to offset the column, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | | `offsetLg` | `offset-lg` | The amount to offset the column for lg screens, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | | `offsetMd` | `offset-md` | The amount to offset the column for md screens, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | | `offsetSm` | `offset-sm` | The amount to offset the column for sm screens, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | | `offsetXl` | `offset-xl` | The amount to offset the column for xl screens, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | | `offsetXs` | `offset-xs` | The amount to offset the column for xs screens, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | -| `offset` | `offset` | The amount to offset the column, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | +| `pull` | `pull` | The amount to pull the column, in terms of how many columns it should shift to the left of the total available. | `string \| undefined` | `undefined` | | `pullLg` | `pull-lg` | The amount to pull the column for lg screens, in terms of how many columns it should shift to the left of the total available. | `string \| undefined` | `undefined` | | `pullMd` | `pull-md` | The amount to pull the column for md screens, in terms of how many columns it should shift to the left of the total available. | `string \| undefined` | `undefined` | | `pullSm` | `pull-sm` | The amount to pull the column for sm screens, in terms of how many columns it should shift to the left of the total available. | `string \| undefined` | `undefined` | | `pullXl` | `pull-xl` | The amount to pull the column for xl screens, in terms of how many columns it should shift to the left of the total available. | `string \| undefined` | `undefined` | | `pullXs` | `pull-xs` | The amount to pull the column for xs screens, in terms of how many columns it should shift to the left of the total available. | `string \| undefined` | `undefined` | -| `pull` | `pull` | The amount to pull the column, in terms of how many columns it should shift to the left of the total available. | `string \| undefined` | `undefined` | +| `push` | `push` | The amount to push the column, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | | `pushLg` | `push-lg` | The amount to push the column for lg screens, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | | `pushMd` | `push-md` | The amount to push the column for md screens, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | | `pushSm` | `push-sm` | The amount to push the column for sm screens, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | | `pushXl` | `push-xl` | The amount to push the column for xl screens, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | | `pushXs` | `push-xs` | The amount to push the column for xs screens, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | -| `push` | `push` | The amount to push the column, in terms of how many columns it should shift to the right of the total available. | `string \| undefined` | `undefined` | +| `size` | `size` | The size of the column, in terms of how many columns it should take up out of the total available. If `"auto"` is passed, the column will be the size of its content. | `string \| undefined` | `undefined` | | `sizeLg` | `size-lg` | The size of the column for lg screens, in terms of how many columns it should take up out of the total available. If `"auto"` is passed, the column will be the size of its content. | `string \| undefined` | `undefined` | | `sizeMd` | `size-md` | The size of the column for md screens, in terms of how many columns it should take up out of the total available. If `"auto"` is passed, the column will be the size of its content. | `string \| undefined` | `undefined` | | `sizeSm` | `size-sm` | The size of the column for sm screens, in terms of how many columns it should take up out of the total available. If `"auto"` is passed, the column will be the size of its content. | `string \| undefined` | `undefined` | | `sizeXl` | `size-xl` | The size of the column for xl screens, in terms of how many columns it should take up out of the total available. If `"auto"` is passed, the column will be the size of its content. | `string \| undefined` | `undefined` | | `sizeXs` | `size-xs` | The size of the column for xs screens, in terms of how many columns it should take up out of the total available. If `"auto"` is passed, the column will be the size of its content. | `string \| undefined` | `undefined` | -| `size` | `size` | The size of the column, in terms of how many columns it should take up out of the total available. If `"auto"` is passed, the column will be the size of its content. | `string \| undefined` | `undefined` | ## CSS Custom Properties diff --git a/core/src/components/datetime/readme.md b/core/src/components/datetime/readme.md index abc9717fcb..4333e1026d 100644 --- a/core/src/components/datetime/readme.md +++ b/core/src/components/datetime/readme.md @@ -209,24 +209,24 @@ dates in JavaScript. | `cancelText` | `cancel-text` | The text to display on the picker's cancel button. | `string` | `'Cancel'` | | `dayNames` | `day-names` | Full day of the week names. This can be used to provide locale names for each day in the week. Defaults to English. | `string \| string[] \| undefined` | `undefined` | | `dayShortNames` | `day-short-names` | Short abbreviated day of the week names. This can be used to provide locale names for each day in the week. Defaults to English. | `string \| string[] \| undefined` | `undefined` | -| `dayValues` | -- | Values used to create the list of selectable days. By default every day is shown for the given month. However, to control exactly which days of the month to display, the `dayValues` input can take a number, an array of numbers, or a string of comma separated numbers. Note that even if the array days have an invalid number for the selected month, like `31` in February, it will correctly not show days which are not valid for the selected month. | `number \| number[] \| string \| undefined` | `undefined` | +| `dayValues` | `day-values` | Values used to create the list of selectable days. By default every day is shown for the given month. However, to control exactly which days of the month to display, the `dayValues` input can take a number, an array of numbers, or a string of comma separated numbers. Note that even if the array days have an invalid number for the selected month, like `31` in February, it will correctly not show days which are not valid for the selected month. | `number \| number[] \| string \| undefined` | `undefined` | | `disabled` | `disabled` | If `true`, the user cannot interact with the datetime. | `boolean` | `false` | | `displayFormat` | `display-format` | The display format of the date and time as text that shows within the item. When the `pickerFormat` input is not used, then the `displayFormat` is used for both display the formatted text, and determining the datetime picker's columns. See the `pickerFormat` input description for more info. Defaults to `MMM D, YYYY`. | `string` | `'MMM D, YYYY'` | | `doneText` | `done-text` | The text to display on the picker's "Done" button. | `string` | `'Done'` | -| `hourValues` | -- | Values used to create the list of selectable hours. By default the hour values range from `0` to `23` for 24-hour, or `1` to `12` for 12-hour. However, to control exactly which hours to display, the `hourValues` input can take a number, an array of numbers, or a string of comma separated numbers. | `number \| number[] \| string \| undefined` | `undefined` | +| `hourValues` | `hour-values` | Values used to create the list of selectable hours. By default the hour values range from `0` to `23` for 24-hour, or `1` to `12` for 12-hour. However, to control exactly which hours to display, the `hourValues` input can take a number, an array of numbers, or a string of comma separated numbers. | `number \| number[] \| string \| undefined` | `undefined` | | `max` | `max` | The maximum datetime allowed. Value must be a date string following the [ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime), `1996-12-19`. The format does not have to be specific to an exact datetime. For example, the maximum could just be the year, such as `1994`. Defaults to the end of this year. | `string \| undefined` | `undefined` | | `min` | `min` | The minimum datetime allowed. Value must be a date string following the [ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime), such as `1996-12-19`. The format does not have to be specific to an exact datetime. For example, the minimum could just be the year, such as `1994`. Defaults to the beginning of the year, 100 years ago from today. | `string \| undefined` | `undefined` | -| `minuteValues` | -- | Values used to create the list of selectable minutes. By default the minutes range from `0` to `59`. However, to control exactly which minutes to display, the `minuteValues` input can take a number, an array of numbers, or a string of comma separated numbers. For example, if the minute selections should only be every 15 minutes, then this input value would be `minuteValues="0,15,30,45"`. | `number \| number[] \| string \| undefined` | `undefined` | +| `minuteValues` | `minute-values` | Values used to create the list of selectable minutes. By default the minutes range from `0` to `59`. However, to control exactly which minutes to display, the `minuteValues` input can take a number, an array of numbers, or a string of comma separated numbers. For example, if the minute selections should only be every 15 minutes, then this input value would be `minuteValues="0,15,30,45"`. | `number \| number[] \| string \| undefined` | `undefined` | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | | `monthNames` | `month-names` | Full names for each month name. This can be used to provide locale month names. Defaults to English. | `string \| string[] \| undefined` | `undefined` | | `monthShortNames` | `month-short-names` | Short abbreviated names for each month name. This can be used to provide locale month names. Defaults to English. | `string \| string[] \| undefined` | `undefined` | -| `monthValues` | -- | Values used to create the list of selectable months. By default the month values range from `1` to `12`. However, to control exactly which months to display, the `monthValues` input can take a number, an array of numbers, or a string of comma separated numbers. For example, if only summer months should be shown, then this input value would be `monthValues="6,7,8"`. Note that month numbers do *not* have a zero-based index, meaning January's value is `1`, and December's is `12`. | `number \| number[] \| string \| undefined` | `undefined` | +| `monthValues` | `month-values` | Values used to create the list of selectable months. By default the month values range from `1` to `12`. However, to control exactly which months to display, the `monthValues` input can take a number, an array of numbers, or a string of comma separated numbers. For example, if only summer months should be shown, then this input value would be `monthValues="6,7,8"`. Note that month numbers do *not* have a zero-based index, meaning January's value is `1`, and December's is `12`. | `number \| number[] \| string \| undefined` | `undefined` | | `name` | `name` | The name of the control, which is submitted with the form data. | `string` | `this.inputId` | | `pickerFormat` | `picker-format` | 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`. | `string \| undefined` | `undefined` | | `pickerOptions` | -- | Any additional options that the picker interface can accept. See the [Picker API docs](../../picker/Picker) for the picker options. | `Partial \| undefined` | `undefined` | | `placeholder` | `placeholder` | The text to display when there's no date selected yet. Using lowercase to match the input attribute | `null \| string \| undefined` | `undefined` | | `value` | `value` | The value of the datetime as a valid ISO 8601 datetime string. | `null \| string \| undefined` | `undefined` | -| `yearValues` | -- | Values used to create the list of selectable years. By default the year values range between the `min` and `max` datetime inputs. However, to control exactly which years to display, the `yearValues` input can take a number, an array of numbers, or string of comma separated numbers. For example, to show upcoming and recent leap years, then this input's value would be `yearValues="2024,2020,2016,2012,2008"`. | `number \| number[] \| string \| undefined` | `undefined` | +| `yearValues` | `year-values` | Values used to create the list of selectable years. By default the year values range between the `min` and `max` datetime inputs. However, to control exactly which years to display, the `yearValues` input can take a number, an array of numbers, or string of comma separated numbers. For example, to show upcoming and recent leap years, then this input's value would be `yearValues="2024,2020,2016,2012,2008"`. | `number \| number[] \| string \| undefined` | `undefined` | ## Events diff --git a/core/src/components/item-options/readme.md b/core/src/components/item-options/readme.md index 625abe63de..5848493473 100644 --- a/core/src/components/item-options/readme.md +++ b/core/src/components/item-options/readme.md @@ -29,19 +29,6 @@ You can combine the `ionSwipe` event plus the `expandable` directive to create a | `ionSwipe` | Emitted when the item has been fully swiped. | any | -## Methods - -### `fireSwipeEvent() => void` - - - -#### Returns - -Type: `void` - - - - ---------------------------------------------- *Built with [StencilJS](https://stenciljs.com/)* diff --git a/core/src/components/item/readme.md b/core/src/components/item/readme.md index ae31810743..be2936515c 100644 --- a/core/src/components/item/readme.md +++ b/core/src/components/item/readme.md @@ -60,8 +60,8 @@ The highlight color changes based on the item state, but all of the states use I | ----------------- | ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------ | --------------------- | | `button` | `button` | If `true`, a button tag will be rendered and the item will be tappable. | `boolean` | `false` | | `color` | `color` | 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). | `string \| undefined` | `undefined` | -| `detailIcon` | `detail-icon` | The icon to use when `detail` is set to `true`. | `string` | `'ios-arrow-forward'` | | `detail` | `detail` | If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `mode` is `ios` and an `href`, `onclick` or `button` property is present. | `boolean \| undefined` | `undefined` | +| `detailIcon` | `detail-icon` | The icon to use when `detail` is set to `true`. | `string` | `'ios-arrow-forward'` | | `disabled` | `disabled` | If `true`, the user cannot interact with the item. | `boolean` | `false` | | `href` | `href` | Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered. | `string \| undefined` | `undefined` | | `lines` | `lines` | How the bottom border should be displayed on the item. | `"full" \| "inset" \| "none" \| undefined` | `undefined` | diff --git a/core/src/components/loading/readme.md b/core/src/components/loading/readme.md index 3b4689f460..fcfbc8341a 100644 --- a/core/src/components/loading/readme.md +++ b/core/src/components/loading/readme.md @@ -29,7 +29,6 @@ The loading indicator can be dismissed automatically after a specific amount of | `leaveAnimation` | -- | Animation to use when the loading indicator is dismissed. | `AnimationBuilder \| undefined` | `undefined` | | `message` | `message` | Optional text content to display in the loading indicator. | `string \| undefined` | `undefined` | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | -| `overlayIndex` | `overlay-index` | | `number` | `undefined` | | `showBackdrop` | `show-backdrop` | If `true`, a backdrop will be displayed behind the loading indicator. | `boolean` | `true` | | `spinner` | `spinner` | The name of the spinner to display. | `"bubbles" \| "circles" \| "crescent" \| "dots" \| "lines" \| "lines-small" \| null \| undefined` | `undefined` | | `translucent` | `translucent` | If `true`, the loading indicator will be translucent. | `boolean` | `false` | diff --git a/core/src/components/menu-controller/readme.md b/core/src/components/menu-controller/readme.md index 0c745f7a3d..05a382abd4 100644 --- a/core/src/components/menu-controller/readme.md +++ b/core/src/components/menu-controller/readme.md @@ -25,7 +25,7 @@ Type: `Promise` -### `enable(shouldEnable: boolean, menuId?: string | null | undefined) => Promise Promise` Used to enable or disable a menu. For example, there could be multiple left menus, but only one of them should be able to be opened at the same @@ -165,7 +165,7 @@ Type: `void` -### `swipeGesture(shouldEnable: boolean, menuId?: string | null | undefined) => Promise Promise` Used to enable or disable the ability to swipe open the menu. diff --git a/core/src/components/modal/readme.md b/core/src/components/modal/readme.md index 0b4e379bb3..6265e37474 100644 --- a/core/src/components/modal/readme.md +++ b/core/src/components/modal/readme.md @@ -18,15 +18,13 @@ Modals can be created using a [Modal Controller](../../modal-controller/ModalCon | ----------------- | ------------------ | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | ----------- | | `animated` | `animated` | If `true`, the modal will animate. | `boolean` | `true` | | `backdropDismiss` | `backdrop-dismiss` | If `true`, the modal will be dismissed when the backdrop is clicked. | `boolean` | `true` | -| `componentProps` | -- | The data to pass to the modal component. | `undefined \| { [key: string]: any; }` | `undefined` | | `component` | `component` | The component to display inside of the modal. | `Function \| HTMLElement \| null \| string` | `undefined` | +| `componentProps` | -- | The data to pass to the modal component. | `undefined \| { [key: string]: any; }` | `undefined` | | `cssClass` | `css-class` | Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. | `string \| string[] \| undefined` | `undefined` | -| `delegate` | -- | | `FrameworkDelegate \| undefined` | `undefined` | | `enterAnimation` | -- | Animation to use when the modal is presented. | `AnimationBuilder \| undefined` | `undefined` | | `keyboardClose` | `keyboard-close` | If `true`, the keyboard will be automatically dismissed when the overlay is presented. | `boolean` | `true` | | `leaveAnimation` | -- | Animation to use when the modal is dismissed. | `AnimationBuilder \| undefined` | `undefined` | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | -| `overlayIndex` | `overlay-index` | | `number` | `undefined` | | `showBackdrop` | `show-backdrop` | If `true`, a backdrop will be displayed behind the modal. | `boolean` | `true` | diff --git a/core/src/components/nav-push/readme.md b/core/src/components/nav-push/readme.md index 413424f460..ee96bc1920 100644 --- a/core/src/components/nav-push/readme.md +++ b/core/src/components/nav-push/readme.md @@ -11,8 +11,8 @@ It is the element form of `NavController.push()` | Property | Attribute | Description | Type | Default | | ---------------- | ----------- | ----------------------------------------------- | -------------------------------------------------------------------------- | ----------- | -| `componentProps` | -- | Data you want to pass to the component as props | `undefined \| { [key: string]: any; }` | `undefined` | | `component` | `component` | Component to navigate to | `Function \| HTMLElement \| ViewController \| null \| string \| undefined` | `undefined` | +| `componentProps` | -- | Data you want to pass to the component as props | `undefined \| { [key: string]: any; }` | `undefined` | ---------------------------------------------- diff --git a/core/src/components/nav-set-root/readme.md b/core/src/components/nav-set-root/readme.md index 2b460455b3..d7602d6568 100644 --- a/core/src/components/nav-set-root/readme.md +++ b/core/src/components/nav-set-root/readme.md @@ -11,8 +11,8 @@ It is the element form a calling `NavController.setRoot()` | Property | Attribute | Description | Type | Default | | ---------------- | ----------- | -------------------------------------------------------- | -------------------------------------------------------------------------- | ----------- | -| `componentProps` | -- | Data you want to pass to the component as props | `undefined \| { [key: string]: any; }` | `undefined` | | `component` | `component` | Component you want to make root for the navigation stack | `Function \| HTMLElement \| ViewController \| null \| string \| undefined` | `undefined` | +| `componentProps` | -- | Data you want to pass to the component as props | `undefined \| { [key: string]: any; }` | `undefined` | ---------------------------------------------- diff --git a/core/src/components/nav/readme.md b/core/src/components/nav/readme.md index 6176db9993..2b9d3011c7 100644 --- a/core/src/components/nav/readme.md +++ b/core/src/components/nav/readme.md @@ -13,9 +13,8 @@ Unlike RouterOutlet, Nav is not tied to a particular router. Meaning that if we | -------------- | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- | ----------- | | `animated` | `animated` | If `true`, the nav should animate the transition of components. | `boolean` | `true` | | `animation` | -- | 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. | `AnimationBuilder \| undefined` | `undefined` | -| `delegate` | -- | | `FrameworkDelegate \| undefined` | `undefined` | -| `rootParams` | -- | Any parameters for the root component | `undefined \| { [key: string]: any; }` | `undefined` | | `root` | `root` | Root NavComponent to load | `Function \| HTMLElement \| ViewController \| null \| string \| undefined` | `undefined` | +| `rootParams` | -- | Any parameters for the root component | `undefined \| { [key: string]: any; }` | `undefined` | | `swipeGesture` | `swipe-gesture` | If the nav component should allow for swipe-to-go-back. | `boolean \| undefined` | `undefined` | @@ -88,17 +87,7 @@ Type: `Promise` -### `getRouteId() => Promise` - - - -#### Returns - -Type: `Promise` - - - -### `insert(insertIndex: number, component: T, componentProps?: ComponentProps | ...` +### `insert(insertIndex: number, component: T, componentProps?: ComponentProps | null | undefined, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise` Inserts a component into the nav stack at the specified index. This is useful if you need to add a component at any point in your navigation stack. @@ -118,7 +107,7 @@ Type: `Promise` -### `insertPages(insertIndex: number, insertComponents: NavComponent[], opts?: NavOptions | null | undefined, don...` +### `insertPages(insertIndex: number, insertComponents: NavComponent[], opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise` Inserts an array of components into the nav stack at the specified index. The last component in the array will become instantiated as a view, and animate in to become the active view. @@ -154,7 +143,7 @@ Type: `Promise` -### `popTo(indexOrViewCtrl: number | ViewController, opts?: NavOptions | null | undefined, done?: Transitio...` +### `popTo(indexOrViewCtrl: number | ViewController, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise` Pop to a specific index in the navigation stack @@ -189,7 +178,7 @@ Type: `Promise` -### `push(component: T, componentProps?: ComponentProps | null | undefined, opt...` +### `push(component: T, componentProps?: ComponentProps | null | undefined, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise` Push a new component onto the current navigation stack. Pass any additional information along as an object. This additional information is accessible through NavParams @@ -208,7 +197,7 @@ Type: `Promise` -### `removeIndex(startIndex: number, removeCount?: number, opts?: NavOptions | null | undefined, done?: Transitio...` +### `removeIndex(startIndex: number, removeCount?: number, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise` Removes a page from the nav stack at the specified index. @@ -227,7 +216,7 @@ Type: `Promise` -### `setPages(views: any[], opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Prom...` +### `setPages(views: any[], opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise` Set the views of the current navigation stack and navigate to the last view. By default animations are disabled, but they can be enabled by passing options to the navigation controller.You can also pass any navigation params to the individual pages in the array. @@ -245,7 +234,7 @@ Type: `Promise` -### `setRoot(component: T, componentProps?: ComponentProps | null | undefined, opt...` +### `setRoot(component: T, componentProps?: ComponentProps | null | undefined, opts?: NavOptions | null | undefined, done?: TransitionDoneFn | undefined) => Promise` Set the root for the current navigation stack. @@ -264,24 +253,6 @@ Type: `Promise` -### `setRouteId(id: string, params: { [key: string]: any; } | undefined, direction: number) => Promise` - - - -#### Parameters - -| Name | Type | Description | -| ----------- | -------------------------------------- | ----------- | -| `id` | `string` | | -| `params` | `undefined \| { [key: string]: any; }` | | -| `direction` | `number` | | - -#### Returns - -Type: `Promise` - - - ---------------------------------------------- diff --git a/core/src/components/picker-column/readme.md b/core/src/components/picker-column/readme.md index 4ee1bd9a7e..26a41798f7 100644 --- a/core/src/components/picker-column/readme.md +++ b/core/src/components/picker-column/readme.md @@ -5,13 +5,6 @@ -## Properties - -| Property | Attribute | Description | Type | Default | -| -------- | --------- | ----------- | -------------- | ----------- | -| `col` | -- | | `PickerColumn` | `undefined` | - - ---------------------------------------------- *Built with [StencilJS](https://stenciljs.com/)* diff --git a/core/src/components/picker/readme.md b/core/src/components/picker/readme.md index bb7292b61c..3eed23cb0c 100644 --- a/core/src/components/picker/readme.md +++ b/core/src/components/picker/readme.md @@ -21,7 +21,6 @@ A Picker is a dialog that displays a row of buttons and columns underneath. It a | `keyboardClose` | `keyboard-close` | If `true`, the keyboard will be automatically dismissed when the overlay is presented. | `boolean` | `true` | | `leaveAnimation` | -- | Animation to use when the picker is dismissed. | `AnimationBuilder \| undefined` | `undefined` | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | -| `overlayIndex` | `overlay-index` | | `number` | `undefined` | | `showBackdrop` | `show-backdrop` | If `true`, a backdrop will be displayed behind the picker. | `boolean` | `true` | diff --git a/core/src/components/popover/readme.md b/core/src/components/popover/readme.md index 21a322f0c1..3f80d7fc92 100644 --- a/core/src/components/popover/readme.md +++ b/core/src/components/popover/readme.md @@ -20,16 +20,14 @@ To present a popover, call the `present` method on a popover instance. In order | ----------------- | ------------------ | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | ----------- | | `animated` | `animated` | If `true`, the popover will animate. | `boolean` | `true` | | `backdropDismiss` | `backdrop-dismiss` | If `true`, the popover will be dismissed when the backdrop is clicked. | `boolean` | `true` | -| `componentProps` | -- | The data to pass to the popover component. | `undefined \| { [key: string]: any; }` | `undefined` | | `component` | `component` | The component to display inside of the popover. | `Function \| HTMLElement \| null \| string` | `undefined` | +| `componentProps` | -- | The data to pass to the popover component. | `undefined \| { [key: string]: any; }` | `undefined` | | `cssClass` | `css-class` | Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces. | `string \| string[] \| undefined` | `undefined` | -| `delegate` | -- | | `FrameworkDelegate \| undefined` | `undefined` | | `enterAnimation` | -- | Animation to use when the popover is presented. | `AnimationBuilder \| undefined` | `undefined` | -| `event` | -- | The event to pass to the popover animation. | `any` | `undefined` | +| `event` | `event` | The event to pass to the popover animation. | `any` | `undefined` | | `keyboardClose` | `keyboard-close` | If `true`, the keyboard will be automatically dismissed when the overlay is presented. | `boolean` | `true` | | `leaveAnimation` | -- | Animation to use when the popover is dismissed. | `AnimationBuilder \| undefined` | `undefined` | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | -| `overlayIndex` | `overlay-index` | | `number` | `undefined` | | `showBackdrop` | `show-backdrop` | If `true`, a backdrop will be displayed behind the popover. | `boolean` | `true` | | `translucent` | `translucent` | If `true`, the popover will be translucent. | `boolean` | `false` | diff --git a/core/src/components/radio-group/readme.md b/core/src/components/radio-group/readme.md index 60bf4c3b75..cf2f4ce836 100644 --- a/core/src/components/radio-group/readme.md +++ b/core/src/components/radio-group/readme.md @@ -17,7 +17,7 @@ radio button within the same group. | --------------------- | ----------------------- | --------------------------------------------------------------- | --------- | -------------- | | `allowEmptySelection` | `allow-empty-selection` | If `true`, the radios can be deselected. | `boolean` | `false` | | `name` | `name` | The name of the control, which is submitted with the form data. | `string` | `this.inputId` | -| `value` | -- | the value of the radio group. | `any` | `undefined` | +| `value` | `value` | the value of the radio group. | `any` | `undefined` | ## Events diff --git a/core/src/components/radio/readme.md b/core/src/components/radio/readme.md index 3e2cc0d0e3..a96fb990b7 100644 --- a/core/src/components/radio/readme.md +++ b/core/src/components/radio/readme.md @@ -19,7 +19,7 @@ An `ion-radio-group` can be used to group a set of radios. When radios are insid | `disabled` | `disabled` | If `true`, the user cannot interact with the radio. | `boolean` | `false` | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | | `name` | `name` | The name of the control, which is submitted with the form data. | `string` | `this.inputId` | -| `value` | -- | the value of the radio. | `any` | `undefined` | +| `value` | `value` | the value of the radio. | `any` | `undefined` | ## Events diff --git a/core/src/components/route/readme.md b/core/src/components/route/readme.md index 715476c299..7ada4bfd4b 100644 --- a/core/src/components/route/readme.md +++ b/core/src/components/route/readme.md @@ -11,8 +11,8 @@ Router is a component that can take a component, and render it when the Browser | Property | Attribute | Description | Type | Default | | ---------------- | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | ----------- | -| `componentProps` | -- | A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed to the defined component when rendered. | `undefined \| { [key: string]: any; }` | `undefined` | | `component` | `component` | Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-nav`) when the route matches. The value of this property is not always the tagname of the component to load, in `ion-tabs` it actually refers to the name of the `ion-tab` to select. | `string` | `undefined` | +| `componentProps` | -- | A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed to the defined component when rendered. | `undefined \| { [key: string]: any; }` | `undefined` | | `url` | `url` | 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. | `string` | `''` | diff --git a/core/src/components/router-outlet/readme.md b/core/src/components/router-outlet/readme.md index 818ed27052..eaa5132ce5 100644 --- a/core/src/components/router-outlet/readme.md +++ b/core/src/components/router-outlet/readme.md @@ -13,62 +13,10 @@ While RouterOutlet has methods for navigating around, it's recommended to use th ## Properties -| Property | Attribute | Description | Type | Default | -| -------------- | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------- | -| `animated` | `animated` | If `true`, the router-outlet should animate the transition of components. | `boolean` | `true` | -| `animation` | -- | 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. | `AnimationBuilder \| undefined` | `undefined` | -| `delegate` | -- | | `FrameworkDelegate \| undefined` | `undefined` | -| `mode` | `mode` | | `"ios" \| "md"` | `undefined` | -| `swipeHandler` | -- | | `SwipeGestureHandler \| undefined` | `undefined` | - - -## Methods - -### `commit(enteringEl: HTMLElement, leavingEl: HTMLElement | undefined, opts?: RouterOutletOptions | undefi...` - - - -#### Parameters - -| Name | Type | Description | -| ------------ | ---------------------------------- | ----------- | -| `enteringEl` | `HTMLElement` | | -| `leavingEl` | `HTMLElement \| undefined` | | -| `opts` | `RouterOutletOptions \| undefined` | | - -#### Returns - -Type: `Promise` - - - -### `getRouteId() => Promise` - - - -#### Returns - -Type: `Promise` - - - -### `setRouteId(id: string, params: { [key: string]: any; } | undefined, direction: number) => Promise` - - - -#### Parameters - -| Name | Type | Description | -| ----------- | -------------------------------------- | ----------- | -| `id` | `string` | | -| `params` | `undefined \| { [key: string]: any; }` | | -| `direction` | `number` | | - -#### Returns - -Type: `Promise` - - +| Property | Attribute | Description | Type | Default | +| ----------- | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | ----------- | +| `animated` | `animated` | If `true`, the router-outlet should animate the transition of components. | `boolean` | `true` | +| `animation` | -- | 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. | `AnimationBuilder \| undefined` | `undefined` | ---------------------------------------------- diff --git a/core/src/components/router/readme.md b/core/src/components/router/readme.md index 259516b788..298d6b1a91 100644 --- a/core/src/components/router/readme.md +++ b/core/src/components/router/readme.md @@ -46,32 +46,6 @@ Type: `Promise` -### `navChanged(intent: number) => Promise` - - - -#### Parameters - -| Name | Type | Description | -| -------- | -------- | ----------- | -| `intent` | `number` | | - -#### Returns - -Type: `Promise` - - - -### `printDebug() => void` - - - -#### Returns - -Type: `void` - - - ### `push(url: string, direction?: RouterDirection) => Promise` Navigate to the specified URL. diff --git a/core/src/components/select-option/readme.md b/core/src/components/select-option/readme.md index a9ec3805dd..a58050b5ea 100644 --- a/core/src/components/select-option/readme.md +++ b/core/src/components/select-option/readme.md @@ -12,7 +12,7 @@ SelectOption is a component that is a child element of Select. For more informat | ---------- | ---------- | ----------------------------------------------------------- | --------- | ----------- | | `disabled` | `disabled` | If `true`, the user cannot interact with the select option. | `boolean` | `false` | | `selected` | `selected` | If `true`, the element is selected. | `boolean` | `false` | -| `value` | -- | The text value of the option. | `any` | `undefined` | +| `value` | `value` | The text value of the option. | `any` | `undefined` | ---------------------------------------------- diff --git a/core/src/components/select/readme.md b/core/src/components/select/readme.md index f6228af4ac..6c1b9fc576 100644 --- a/core/src/components/select/readme.md +++ b/core/src/components/select/readme.md @@ -41,19 +41,19 @@ Since select uses the alert, action sheet and popover interfaces, options can be ## Properties -| Property | Attribute | Description | Type | Default | -| ------------------ | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | -------------- | -| `cancelText` | `cancel-text` | The text to display on the cancel button. | `string` | `'Cancel'` | -| `disabled` | `disabled` | If `true`, the user cannot interact with the select. | `boolean` | `false` | -| `interfaceOptions` | -- | Any additional options that the `alert`, `action-sheet` or `popover` interface can take. See the [AlertController API docs](../../alert/AlertController/#create), the [ActionSheetController API docs](../../action-sheet/ActionSheetController/#create) and the [PopoverController API docs](../../popover/PopoverController/#create) for the create options for each interface. | `any` | `{}` | -| `interface` | `interface` | The interface the select should use: `action-sheet`, `popover` or `alert`. | `"action-sheet" \| "alert" \| "popover"` | `'alert'` | -| `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | -| `multiple` | `multiple` | If `true`, the select can accept multiple values. | `boolean` | `false` | -| `name` | `name` | The name of the control, which is submitted with the form data. | `string` | `this.inputId` | -| `okText` | `ok-text` | The text to display on the ok button. | `string` | `'OK'` | -| `placeholder` | `placeholder` | The text to display when the select is empty. | `null \| string \| undefined` | `undefined` | -| `selectedText` | `selected-text` | The text to display instead of the selected option's value. | `null \| string \| undefined` | `undefined` | -| `value` | -- | the value of the select. | `any` | `undefined` | +| Property | Attribute | Description | Type | Default | +| ------------------ | ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | -------------- | +| `cancelText` | `cancel-text` | The text to display on the cancel button. | `string` | `'Cancel'` | +| `disabled` | `disabled` | If `true`, the user cannot interact with the select. | `boolean` | `false` | +| `interface` | `interface` | The interface the select should use: `action-sheet`, `popover` or `alert`. | `"action-sheet" \| "alert" \| "popover"` | `'alert'` | +| `interfaceOptions` | `interface-options` | Any additional options that the `alert`, `action-sheet` or `popover` interface can take. See the [AlertController API docs](../../alert/AlertController/#create), the [ActionSheetController API docs](../../action-sheet/ActionSheetController/#create) and the [PopoverController API docs](../../popover/PopoverController/#create) for the create options for each interface. | `any` | `{}` | +| `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | +| `multiple` | `multiple` | If `true`, the select can accept multiple values. | `boolean` | `false` | +| `name` | `name` | The name of the control, which is submitted with the form data. | `string` | `this.inputId` | +| `okText` | `ok-text` | The text to display on the ok button. | `string` | `'OK'` | +| `placeholder` | `placeholder` | The text to display when the select is empty. | `null \| string \| undefined` | `undefined` | +| `selectedText` | `selected-text` | The text to display instead of the selected option's value. | `null \| string \| undefined` | `undefined` | +| `value` | `value` | the value of the select. | `any` | `undefined` | ## Events @@ -68,7 +68,7 @@ Since select uses the alert, action sheet and popover interfaces, options can be ## Methods -### `open(ev?: UIEvent | undefined) => Promise Promise` Opens the select overlay, it could be an alert, action-sheet or popover, based in `ion-select` settings. diff --git a/core/src/components/slides/readme.md b/core/src/components/slides/readme.md index 77ad215036..bb02ffde58 100644 --- a/core/src/components/slides/readme.md +++ b/core/src/components/slides/readme.md @@ -24,7 +24,7 @@ Licensed under MIT | Property | Attribute | Description | Type | Default | | ----------- | ----------- | -------------------------------------------------------------------------------------------- | --------------- | ----------- | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | -| `options` | -- | Options to pass to the swiper instance. See http://idangero.us/swiper/api/ for valid options | `any` | `{}` | +| `options` | `options` | Options to pass to the swiper instance. See http://idangero.us/swiper/api/ for valid options | `any` | `{}` | | `pager` | `pager` | If `true`, show the pagination. | `boolean` | `false` | | `scrollbar` | `scrollbar` | If `true`, show the scrollbar. | `boolean` | `false` | @@ -42,13 +42,13 @@ Licensed under MIT | `ionSlidePrevStart` | Emitted when the previous slide has started. | void | | `ionSlideReachEnd` | Emitted when the slider is at the last slide. | void | | `ionSlideReachStart` | Emitted when the slider is at its initial position. | void | +| `ionSlidesDidLoad` | Emitted after Swiper initialization | void | | `ionSlideTap` | Emitted when the user taps/clicks on the slide's container. | void | | `ionSlideTouchEnd` | Emitted when the user releases the touch. | void | | `ionSlideTouchStart` | Emitted when the user first touches the slider. | void | | `ionSlideTransitionEnd` | Emitted when the slide transition has ended. | void | | `ionSlideTransitionStart` | Emitted when the slide transition has started. | void | | `ionSlideWillChange` | Emitted before the active slide has changed. | void | -| `ionSlidesDidLoad` | Emitted after Swiper initialization | void | ## Methods diff --git a/core/src/components/split-pane/readme.md b/core/src/components/split-pane/readme.md index 2100c9bab9..f0d98eb1f6 100644 --- a/core/src/components/split-pane/readme.md +++ b/core/src/components/split-pane/readme.md @@ -45,7 +45,7 @@ SplitPane also provides some predefined media queries that can be used. | Property | Attribute | Description | Type | Default | | ---------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ------------- | | `disabled` | `disabled` | If `true`, the split pane will be hidden. | `boolean` | `false` | -| `when` | -- | When the split-pane should be shown. Can be a CSS media query expression, or a shortcut expression. Can also be a boolean expression. | `boolean \| string` | `QUERY['lg']` | +| `when` | `when` | When the split-pane should be shown. Can be a CSS media query expression, or a shortcut expression. Can also be a boolean expression. | `boolean \| string` | `QUERY['lg']` | ## Events diff --git a/core/src/components/tab/readme.md b/core/src/components/tab/readme.md index 64296bd182..32e73878b7 100644 --- a/core/src/components/tab/readme.md +++ b/core/src/components/tab/readme.md @@ -14,9 +14,7 @@ See the [Tabs API Docs](../Tabs/) for more details on configuring Tabs. | Property | Attribute | Description | Type | Default | | ----------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- | ----------- | -| `active` | `active` | | `boolean` | `false` | | `component` | `component` | The component to display inside of the tab. | `Function \| HTMLElement \| null \| string \| undefined` | `undefined` | -| `delegate` | -- | | `FrameworkDelegate \| undefined` | `undefined` | | `tab` | `tab` | 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. | `string` | `undefined` | diff --git a/core/src/components/tabs/readme.md b/core/src/components/tabs/readme.md index 5605aa92f5..a399c26159 100644 --- a/core/src/components/tabs/readme.md +++ b/core/src/components/tabs/readme.md @@ -87,13 +87,6 @@ Using tabs with Angular's router is fairly straight forward. The only additional -## Properties - -| Property | Attribute | Description | Type | Default | -| ----------- | ------------ | ----------- | --------- | ------- | -| `useRouter` | `use-router` | | `boolean` | `false` | - - ## Events | Event | Description | Detail | @@ -106,16 +99,6 @@ Using tabs with Angular's router is fairly straight forward. The only additional ## Methods -### `getRouteId() => Promise` - - - -#### Returns - -Type: `Promise` - - - ### `getSelected() => Promise` Get the currently selected tab @@ -158,22 +141,6 @@ Type: `Promise` -### `setRouteId(id: string) => Promise` - - - -#### Parameters - -| Name | Type | Description | -| ---- | -------- | ----------- | -| `id` | `string` | | - -#### Returns - -Type: `Promise` - - - ---------------------------------------------- diff --git a/core/src/components/toast/readme.md b/core/src/components/toast/readme.md index 9729d2fa1d..b57f0b85b0 100644 --- a/core/src/components/toast/readme.md +++ b/core/src/components/toast/readme.md @@ -32,7 +32,6 @@ The toast can be dismissed automatically after a specific amount of time by pass | `leaveAnimation` | -- | Animation to use when the toast is dismissed. | `AnimationBuilder \| undefined` | `undefined` | | `message` | `message` | Message to be shown in the toast. | `string \| undefined` | `undefined` | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | -| `overlayIndex` | `overlay-index` | | `number` | `undefined` | | `position` | `position` | The position of the toast on the screen. | `"bottom" \| "middle" \| "top"` | `'bottom'` | | `showCloseButton` | `show-close-button` | If `true`, the close button will be displayed. | `boolean` | `false` | | `translucent` | `translucent` | If `true`, the toast will be translucent. | `boolean` | `false` | diff --git a/core/src/components/virtual-scroll/readme.md b/core/src/components/virtual-scroll/readme.md index e10b15f7bb..77c83ea7bc 100644 --- a/core/src/components/virtual-scroll/readme.md +++ b/core/src/components/virtual-scroll/readme.md @@ -188,7 +188,6 @@ dataset, so please make sure they're performant. | `approxFooterHeight` | `approx-footer-height` | The approximate width of each footer 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 value can use either `px` or `%` 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. | `number` | `40` | | `approxHeaderHeight` | `approx-header-height` | The approximate height of each header 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. | `number` | `40` | | `approxItemHeight` | `approx-item-height` | 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. | `number` | `45` | -| `domRender` | -- | | `DomRenderFn \| undefined` | `undefined` | | `footerFn` | -- | 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. | `HeaderFn \| undefined` | `undefined` | | `headerFn` | -- | Section headers and the data used within its given template can be dynamically created by passing a function to `headerFn`. For example, a large list of contacts usually has dividers between each letter in the alphabet. App's can provide their own custom `headerFn` which is called with each record within the dataset. The logic within the header function can decide if the header template should be used, and what data to give to the header template. The function must return `null` if a header cell shouldn't be created. | `HeaderFn \| undefined` | `undefined` | | `itemHeight` | -- | An optional function that maps each item within their height. When this function is provides, heavy optimizations and fast path can be taked by `ion-virtual-scroll` leading to massive performance improvements. This function allows to skip all DOM reads, which can be Doing so leads to massive performance | `ItemHeightFn \| undefined` | `undefined` | diff --git a/core/stencil.config.ts b/core/stencil.config.ts index 15f1f77500..1eaed0cadd 100644 --- a/core/stencil.config.ts +++ b/core/stencil.config.ts @@ -1,6 +1,9 @@ import { Config } from '@stencil/core'; import { sass } from '@stencil/sass'; +// @ts-ignore +import { apiSpecGenerator } from './scripts/api-spec-generator'; + export const config: Config = { namespace: 'Ionic', bundles: [ @@ -63,6 +66,12 @@ export const config: Config = { type: 'stats', file: 'stats.json' }, + { + type: 'docs-custom', + generator: apiSpecGenerator({ + file: 'api.txt' + }) + }, { type: 'angular', useDirectives: false,