javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-24 06:22:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(animations): normalize naming (#13543)

Browse Source 
* chore(): normalize animations

* chore(): normalize export as
This commit is contained in:
Mike Hartington
2017-11-29 13:36:35 -08:00
committed by Brandy Carney
parent c56e80d5d2
commit 3a62bf5921
35 changed files with 211 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
packages/core/src/components.d.ts vendored
View File

@ -65,7 +65,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonActionSheetControllerAttributes extends HTMLAttributes { export interface IonActionSheetControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -95,7 +95,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonActionSheetAttributes extends HTMLAttributes { export interface IonActionSheetAttributes extends HTMLAttributes {
cssClass?: string, cssClass?: string,
title?: string, title?: string,
subTitle?: string, subTitle?: string,
@ -135,7 +135,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonAlertControllerAttributes extends HTMLAttributes { export interface IonAlertControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -165,7 +165,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonAlertAttributes extends HTMLAttributes { export interface IonAlertAttributes extends HTMLAttributes {
cssClass?: string, cssClass?: string,
title?: string, title?: string,
subTitle?: string, subTitle?: string,
@ -174,8 +174,8 @@ declare global {
inputs?: AlertInput[], inputs?: AlertInput[],
enableBackdropDismiss?: boolean, enableBackdropDismiss?: boolean,
translucent?: boolean, translucent?: boolean,
alertId?: string,
animate?: boolean, animate?: boolean,
alertId?: string,
enterAnimation?: AnimationBuilder, enterAnimation?: AnimationBuilder,
leaveAnimation?: AnimationBuilder leaveAnimation?: AnimationBuilder
} }
@ -207,7 +207,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonAnimationControllerAttributes extends HTMLAttributes { export interface IonAnimationControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -237,7 +237,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonAppAttributes extends HTMLAttributes { export interface IonAppAttributes extends HTMLAttributes {
} }
} }
} }
@ -267,7 +267,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface AppCordovaPageOneAttributes extends HTMLAttributes { export interface AppCordovaPageOneAttributes extends HTMLAttributes {
} }
} }
} }
@ -297,7 +297,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface AppCordovaPageTabsAttributes extends HTMLAttributes { export interface AppCordovaPageTabsAttributes extends HTMLAttributes {
} }
} }
} }
@ -327,7 +327,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface AppCordovaPageThreeAttributes extends HTMLAttributes { export interface AppCordovaPageThreeAttributes extends HTMLAttributes {
} }
} }
} }
@ -357,7 +357,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface AppCordovaPageTwoAttributes extends HTMLAttributes { export interface AppCordovaPageTwoAttributes extends HTMLAttributes {
} }
} }
} }
@ -387,7 +387,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonAvatarAttributes extends HTMLAttributes { export interface IonAvatarAttributes extends HTMLAttributes {
} }
} }
} }
@ -417,7 +417,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonBackdropAttributes extends HTMLAttributes { export interface IonBackdropAttributes extends HTMLAttributes {
} }
} }
} }
@ -447,7 +447,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonBadgeAttributes extends HTMLAttributes { export interface IonBadgeAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md' mode?: 'ios' | 'md'
} }
@ -479,7 +479,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonButtonAttributes extends HTMLAttributes { export interface IonButtonAttributes extends HTMLAttributes {
itemButton?: boolean, itemButton?: boolean,
href?: string, href?: string,
buttonType?: string, buttonType?: string,
@ -520,7 +520,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonButtonsAttributes extends HTMLAttributes { export interface IonButtonsAttributes extends HTMLAttributes {
} }
} }
} }
@ -550,7 +550,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonCardContentAttributes extends HTMLAttributes { export interface IonCardContentAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md' mode?: 'ios' | 'md'
} }
@ -582,7 +582,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonCardHeaderAttributes extends HTMLAttributes { export interface IonCardHeaderAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
translucent?: boolean translucent?: boolean
@ -615,7 +615,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonCardSubtitleAttributes extends HTMLAttributes { export interface IonCardSubtitleAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md' mode?: 'ios' | 'md'
} }
@ -647,7 +647,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonCardTitleAttributes extends HTMLAttributes { export interface IonCardTitleAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md' mode?: 'ios' | 'md'
} }
@ -679,7 +679,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonCardAttributes extends HTMLAttributes { export interface IonCardAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md' mode?: 'ios' | 'md'
} }
@ -711,7 +711,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonCheckboxAttributes extends HTMLAttributes { export interface IonCheckboxAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
name?: string, name?: string,
@ -747,7 +747,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonChipButtonAttributes extends HTMLAttributes { export interface IonChipButtonAttributes extends HTMLAttributes {
href?: string, href?: string,
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
@ -782,7 +782,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonChipAttributes extends HTMLAttributes { export interface IonChipAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md' mode?: 'ios' | 'md'
} }
@ -814,7 +814,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonColAttributes extends HTMLAttributes { export interface IonColAttributes extends HTMLAttributes {
} }
} }
} }
@ -844,7 +844,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonContentAttributes extends HTMLAttributes { export interface IonContentAttributes extends HTMLAttributes {
ionScrollStart?: Function, ionScrollStart?: Function,
ionScroll?: Function, ionScroll?: Function,
ionScrollEnd?: Function, ionScrollEnd?: Function,
@ -878,7 +878,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonDatetimeAttributes extends HTMLAttributes { export interface IonDatetimeAttributes extends HTMLAttributes {
disabled?: boolean, disabled?: boolean,
min?: string, min?: string,
max?: string, max?: string,
@ -927,7 +927,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonFabAttributes extends HTMLAttributes { export interface IonFabAttributes extends HTMLAttributes {
} }
} }
} }
@ -957,7 +957,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonFabListAttributes extends HTMLAttributes { export interface IonFabListAttributes extends HTMLAttributes {
activated?: boolean activated?: boolean
} }
} }
@ -988,7 +988,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonFabButtonAttributes extends HTMLAttributes { export interface IonFabButtonAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
href?: string, href?: string,
@ -1026,7 +1026,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonFooterAttributes extends HTMLAttributes { export interface IonFooterAttributes extends HTMLAttributes {
translucent?: boolean translucent?: boolean
} }
} }
@ -1057,7 +1057,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonGestureControllerAttributes extends HTMLAttributes { export interface IonGestureControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -1087,7 +1087,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonGestureAttributes extends HTMLAttributes { export interface IonGestureAttributes extends HTMLAttributes {
enabled?: boolean, enabled?: boolean,
attachTo?: ElementRef, attachTo?: ElementRef,
autoBlockAll?: boolean, autoBlockAll?: boolean,
@ -1135,7 +1135,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonGridAttributes extends HTMLAttributes { export interface IonGridAttributes extends HTMLAttributes {
} }
} }
} }
@ -1165,7 +1165,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonHeaderAttributes extends HTMLAttributes { export interface IonHeaderAttributes extends HTMLAttributes {
translucent?: boolean translucent?: boolean
} }
} }
@ -1196,7 +1196,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonInfiniteScrollContentAttributes extends HTMLAttributes { export interface IonInfiniteScrollContentAttributes extends HTMLAttributes {
loadingSpinner?: string, loadingSpinner?: string,
loadingText?: string loadingText?: string
} }
@ -1228,7 +1228,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonInfiniteScrollAttributes extends HTMLAttributes { export interface IonInfiniteScrollAttributes extends HTMLAttributes {
threshold?: string, threshold?: string,
enabled?: boolean, enabled?: boolean,
position?: string position?: string
@ -1261,7 +1261,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonInputAttributes extends HTMLAttributes { export interface IonInputAttributes extends HTMLAttributes {
accept?: string, accept?: string,
autocapitalize?: string, autocapitalize?: string,
autocomplete?: string, autocomplete?: string,
@ -1317,7 +1317,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonItemDividerAttributes extends HTMLAttributes { export interface IonItemDividerAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md' mode?: 'ios' | 'md'
} }
@ -1349,7 +1349,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonItemOptionAttributes extends HTMLAttributes { export interface IonItemOptionAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
href?: string, href?: string,
@ -1383,7 +1383,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonItemOptionsAttributes extends HTMLAttributes { export interface IonItemOptionsAttributes extends HTMLAttributes {
side?: Side side?: Side
} }
} }
@ -1414,7 +1414,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonItemSlidingAttributes extends HTMLAttributes { export interface IonItemSlidingAttributes extends HTMLAttributes {
} }
} }
} }
@ -1444,7 +1444,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonItemAttributes extends HTMLAttributes { export interface IonItemAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
href?: string href?: string
@ -1477,7 +1477,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonKeyboardControllerAttributes extends HTMLAttributes { export interface IonKeyboardControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -1507,7 +1507,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonLabelAttributes extends HTMLAttributes { export interface IonLabelAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
fixed?: boolean, fixed?: boolean,
@ -1542,7 +1542,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonListHeaderAttributes extends HTMLAttributes { export interface IonListHeaderAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md' mode?: 'ios' | 'md'
} }
@ -1574,7 +1574,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonListAttributes extends HTMLAttributes { export interface IonListAttributes extends HTMLAttributes {
} }
} }
} }
@ -1604,7 +1604,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonLoadingControllerAttributes extends HTMLAttributes { export interface IonLoadingControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -1634,7 +1634,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonLoadingAttributes extends HTMLAttributes { export interface IonLoadingAttributes extends HTMLAttributes {
cssClass?: string, cssClass?: string,
content?: string, content?: string,
dismissOnPageChange?: boolean, dismissOnPageChange?: boolean,
@ -1673,7 +1673,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonMenuControllerAttributes extends HTMLAttributes { export interface IonMenuControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -1703,7 +1703,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonMenuAttributes extends HTMLAttributes { export interface IonMenuAttributes extends HTMLAttributes {
content?: string, content?: string,
menuId?: string, menuId?: string,
type?: string, type?: string,
@ -1741,7 +1741,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonModalControllerAttributes extends HTMLAttributes { export interface IonModalControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -1771,7 +1771,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonModalAttributes extends HTMLAttributes { export interface IonModalAttributes extends HTMLAttributes {
mode?: string, mode?: string,
color?: string, color?: string,
component?: string, component?: string,
@ -1811,7 +1811,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonNavControllerAttributes extends HTMLAttributes { export interface IonNavControllerAttributes extends HTMLAttributes {
delegate?: FrameworkDelegate delegate?: FrameworkDelegate
} }
} }
@ -1842,7 +1842,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface StencilIonNavDelegateAttributes extends HTMLAttributes { export interface StencilIonNavDelegateAttributes extends HTMLAttributes {
} }
} }
} }
@ -1872,7 +1872,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonNavAttributes extends HTMLAttributes { export interface IonNavAttributes extends HTMLAttributes {
mode?: string, mode?: string,
root?: any, root?: any,
delegate?: FrameworkDelegate delegate?: FrameworkDelegate
@ -1905,7 +1905,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonNavbarAttributes extends HTMLAttributes { export interface IonNavbarAttributes extends HTMLAttributes {
hideBackButton?: boolean, hideBackButton?: boolean,
backButtonText?: string, backButtonText?: string,
backButtonIcon?: string, backButtonIcon?: string,
@ -1939,7 +1939,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonNoteAttributes extends HTMLAttributes { export interface IonNoteAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md' mode?: 'ios' | 'md'
} }
@ -1971,7 +1971,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonPageAttributes extends HTMLAttributes { export interface IonPageAttributes extends HTMLAttributes {
} }
} }
} }
@ -2001,7 +2001,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonPickerColumnAttributes extends HTMLAttributes { export interface IonPickerColumnAttributes extends HTMLAttributes {
col?: PickerColumn col?: PickerColumn
} }
} }
@ -2032,7 +2032,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonPickerControllerAttributes extends HTMLAttributes { export interface IonPickerControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -2062,7 +2062,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonPickerAttributes extends HTMLAttributes { export interface IonPickerAttributes extends HTMLAttributes {
cssClass?: string, cssClass?: string,
content?: string, content?: string,
dismissOnPageChange?: boolean, dismissOnPageChange?: boolean,
@ -2103,7 +2103,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonPopoverControllerAttributes extends HTMLAttributes { export interface IonPopoverControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -2133,7 +2133,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonPopoverAttributes extends HTMLAttributes { export interface IonPopoverAttributes extends HTMLAttributes {
mode?: string, mode?: string,
color?: string, color?: string,
component?: string, component?: string,
@ -2175,7 +2175,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonRadioGroupAttributes extends HTMLAttributes { export interface IonRadioGroupAttributes extends HTMLAttributes {
allowEmptySelection?: boolean, allowEmptySelection?: boolean,
disabled?: boolean, disabled?: boolean,
name?: string, name?: string,
@ -2209,7 +2209,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonRadioAttributes extends HTMLAttributes { export interface IonRadioAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
name?: string, name?: string,
@ -2245,7 +2245,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonRangeKnobAttributes extends HTMLAttributes { export interface IonRangeKnobAttributes extends HTMLAttributes {
pressed?: boolean, pressed?: boolean,
pin?: boolean, pin?: boolean,
min?: number, min?: number,
@ -2284,7 +2284,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonRangeAttributes extends HTMLAttributes { export interface IonRangeAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
debounce?: number, debounce?: number,
@ -2325,7 +2325,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonReorderGroupAttributes extends HTMLAttributes { export interface IonReorderGroupAttributes extends HTMLAttributes {
enabled?: boolean enabled?: boolean
} }
} }
@ -2356,7 +2356,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonReorderAttributes extends HTMLAttributes { export interface IonReorderAttributes extends HTMLAttributes {
} }
} }
} }
@ -2386,7 +2386,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonRouteLinkAttributes extends HTMLAttributes { export interface IonRouteLinkAttributes extends HTMLAttributes {
url?: string, url?: string,
router?: any router?: any
} }
@ -2418,7 +2418,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonRouteAttributes extends HTMLAttributes { export interface IonRouteAttributes extends HTMLAttributes {
path?: string, path?: string,
component?: string, component?: string,
props?: any props?: any
@ -2451,7 +2451,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonRouterControllerAttributes extends HTMLAttributes { export interface IonRouterControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -2481,7 +2481,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonRowAttributes extends HTMLAttributes { export interface IonRowAttributes extends HTMLAttributes {
} }
} }
} }
@ -2511,7 +2511,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonScrollAttributes extends HTMLAttributes { export interface IonScrollAttributes extends HTMLAttributes {
enabled?: boolean, enabled?: boolean,
jsScroll?: boolean, jsScroll?: boolean,
onionScrollStart?: ScrollCallback, onionScrollStart?: ScrollCallback,
@ -2546,7 +2546,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonSearchbarAttributes extends HTMLAttributes { export interface IonSearchbarAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
animated?: boolean, animated?: boolean,
@ -2588,7 +2588,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonSegmentButtonAttributes extends HTMLAttributes { export interface IonSegmentButtonAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
checked?: boolean, checked?: boolean,
@ -2623,7 +2623,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonSegmentAttributes extends HTMLAttributes { export interface IonSegmentAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
disabled?: boolean, disabled?: boolean,
@ -2657,7 +2657,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonSelectOptionAttributes extends HTMLAttributes { export interface IonSelectOptionAttributes extends HTMLAttributes {
disabled?: boolean, disabled?: boolean,
selected?: boolean, selected?: boolean,
value?: string value?: string
@ -2690,7 +2690,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonSelectPopoverAttributes extends HTMLAttributes { export interface IonSelectPopoverAttributes extends HTMLAttributes {
options?: SelectPopoverOption[], options?: SelectPopoverOption[],
value?: string value?: string
} }
@ -2722,7 +2722,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonSelectAttributes extends HTMLAttributes { export interface IonSelectAttributes extends HTMLAttributes {
disabled?: boolean, disabled?: boolean,
cancelText?: string, cancelText?: string,
okText?: string, okText?: string,
@ -2761,7 +2761,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonSkeletonTextAttributes extends HTMLAttributes { export interface IonSkeletonTextAttributes extends HTMLAttributes {
width?: string width?: string
} }
} }
@ -2792,7 +2792,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonSlideAttributes extends HTMLAttributes { export interface IonSlideAttributes extends HTMLAttributes {
} }
} }
} }
@ -2822,7 +2822,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonSlidesAttributes extends HTMLAttributes { export interface IonSlidesAttributes extends HTMLAttributes {
effect?: string, effect?: string,
autoplay?: number, autoplay?: number,
control?: any, control?: any,
@ -2866,7 +2866,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonSpinnerAttributes extends HTMLAttributes { export interface IonSpinnerAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
duration?: number, duration?: number,
@ -2901,7 +2901,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonSplitPaneAttributes extends HTMLAttributes { export interface IonSplitPaneAttributes extends HTMLAttributes {
enabled?: boolean, enabled?: boolean,
when?: string | boolean when?: string | boolean
} }
@ -2933,7 +2933,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonTabButtonAttributes extends HTMLAttributes { export interface IonTabButtonAttributes extends HTMLAttributes {
selected?: boolean, selected?: boolean,
tab?: HTMLIonTabElement tab?: HTMLIonTabElement
} }
@ -2965,7 +2965,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonTabHighlightAttributes extends HTMLAttributes { export interface IonTabHighlightAttributes extends HTMLAttributes {
selectedTab?: HTMLIonTabElement selectedTab?: HTMLIonTabElement
} }
} }
@ -2996,7 +2996,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonTabAttributes extends HTMLAttributes { export interface IonTabAttributes extends HTMLAttributes {
btnId?: string, btnId?: string,
path?: string, path?: string,
title?: string, title?: string,
@ -3036,7 +3036,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonTabbarAttributes extends HTMLAttributes { export interface IonTabbarAttributes extends HTMLAttributes {
placement?: string, placement?: string,
tabs?: HTMLIonTabElement[], tabs?: HTMLIonTabElement[],
selectedTab?: HTMLIonTabElement, selectedTab?: HTMLIonTabElement,
@ -3072,7 +3072,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonTabsAttributes extends HTMLAttributes { export interface IonTabsAttributes extends HTMLAttributes {
name?: string, name?: string,
tabbarHidden?: boolean, tabbarHidden?: boolean,
tabbarLayout?: string, tabbarLayout?: string,
@ -3108,7 +3108,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface PageTabAttributes extends HTMLAttributes { export interface PageTabAttributes extends HTMLAttributes {
} }
} }
} }
@ -3138,7 +3138,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface TranslucentPageTabAttributes extends HTMLAttributes { export interface TranslucentPageTabAttributes extends HTMLAttributes {
} }
} }
} }
@ -3168,7 +3168,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonTextareaAttributes extends HTMLAttributes { export interface IonTextareaAttributes extends HTMLAttributes {
autocapitalize?: string, autocapitalize?: string,
autocomplete?: string, autocomplete?: string,
autofocus?: boolean, autofocus?: boolean,
@ -3214,7 +3214,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonThumbnailAttributes extends HTMLAttributes { export interface IonThumbnailAttributes extends HTMLAttributes {
} }
} }
} }
@ -3244,7 +3244,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonTitleAttributes extends HTMLAttributes { export interface IonTitleAttributes extends HTMLAttributes {
} }
} }
} }
@ -3274,7 +3274,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonToastControllerAttributes extends HTMLAttributes { export interface IonToastControllerAttributes extends HTMLAttributes {
} }
} }
} }
@ -3304,7 +3304,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonToastAttributes extends HTMLAttributes { export interface IonToastAttributes extends HTMLAttributes {
message?: string, message?: string,
cssClass?: string, cssClass?: string,
duration?: number, duration?: number,
@ -3345,7 +3345,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonToggleAttributes extends HTMLAttributes { export interface IonToggleAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
name?: string, name?: string,
@ -3381,7 +3381,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonToolbarAttributes extends HTMLAttributes { export interface IonToolbarAttributes extends HTMLAttributes {
color?: string, color?: string,
mode?: 'ios' | 'md', mode?: 'ios' | 'md',
translucent?: boolean translucent?: boolean
@ -3414,7 +3414,7 @@ declare global {
} }
namespace JSXElements { namespace JSXElements {
export interface IonUtilsAttributes extends HTMLAttributes { export interface IonUtilsAttributes extends HTMLAttributes {
} }
} }
} }

20
packages/core/src/components/action-sheet/action-sheet.tsx
View File

@ -4,11 +4,11 @@ import { Animation, AnimationBuilder, AnimationController, Config, OverlayDismis
import { domControllerAsync, playAnimationAsync } from '../../utils/helpers'; import { domControllerAsync, playAnimationAsync } from '../../utils/helpers';
import { createThemedClasses } from '../../utils/theme'; import { createThemedClasses } from '../../utils/theme';
import iOSEnterAnimation from './animations/ios.enter'; import iosEnterAnimation from './animations/ios.enter';
import iOSLeaveAnimation from './animations/ios.leave'; import iosLeaveAnimation from './animations/ios.leave';
import MdEnterAnimation from './animations/md.enter'; import mdEnterAnimation from './animations/md.enter';
import MdLeaveAnimation from './animations/md.leave'; import mdLeaveAnimation from './animations/md.leave';
@Component({ @Component({
tag: 'ion-action-sheet', tag: 'ion-action-sheet',
@ -83,7 +83,7 @@ export class ActionSheet {
this.ionActionSheetWillPresent.emit(); this.ionActionSheetWillPresent.emit();
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.enterAnimation || this.config.get('actionSheetEnter', this.mode === 'ios' ? iOSEnterAnimation : MdEnterAnimation); const animationBuilder = this.enterAnimation || this.config.get('actionSheetEnter', this.mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
// build the animation and kick it off // build the animation and kick it off
this.animationCtrl.create(animationBuilder, this.el).then(animation => { this.animationCtrl.create(animationBuilder, this.el).then(animation => {
@ -107,7 +107,7 @@ export class ActionSheet {
this.animation = null; this.animation = null;
} }
this.ionActionSheetWillDismiss.emit(); this.ionActionSheetWillDismiss.emit();
const animationBuilder = this.leaveAnimation || this.config.get('actionSheetLeave', this.mode === 'ios' ? iOSEnterAnimation : MdEnterAnimation); const animationBuilder = this.leaveAnimation || this.config.get('actionSheetLeave', this.mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
return this.animationCtrl.create(animationBuilder, this.el).then(animation => { return this.animationCtrl.create(animationBuilder, this.el).then(animation => {
@ -285,8 +285,8 @@ export interface ActionSheetDismissEvent extends OverlayDismissEvent {
} }
export { export {
iOSEnterAnimation as ActionSheetiOSEnterAnimation, iosEnterAnimation as iosActionSheetEnterAnimation,
iOSLeaveAnimation as ActionSheetiOSLeaveAnimation, iosLeaveAnimation as iosActionSheetLeaveAnimation,
MdEnterAnimation as ActionSheetMDEnterAnimation, mdEnterAnimation as mdActionSheetEnterAnimation,
MdLeaveAnimation as ActionSheetMDLeaveAnimation, mdLeaveAnimation as mdActionSheetetLeaveAnimation,
}; };

2
packages/core/src/components/action-sheet/animations/ios.enter.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Action Sheet Enter Animation * iOS Action Sheet Enter Animation
*/ */
export default function iOSEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/action-sheet/animations/ios.leave.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Action Sheet Leave Animation * iOS Action Sheet Leave Animation
*/ */
export default function iOSLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/action-sheet/animations/md.enter.ts
View File

@ -4,7 +4,7 @@ import { Animation } from '../../../index';
/** /**
* MD Action Sheet Enter Animation * MD Action Sheet Enter Animation
*/ */
export default function MdEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function mdEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/action-sheet/animations/md.leave.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* MD Action Sheet Leave Animation * MD Action Sheet Leave Animation
*/ */
export default function MdLeaveAnimation( export default function mdLeaveAnimation(
Animation: Animation, Animation: Animation,
baseElm: HTMLElement baseElm: HTMLElement
): Animation { ): Animation {

20
packages/core/src/components/alert/alert.tsx
View File

@ -6,11 +6,11 @@ import { domControllerAsync, playAnimationAsync } from '../../utils/helpers';
import { BACKDROP } from '../../utils/overlay-constants'; import { BACKDROP } from '../../utils/overlay-constants';
import { createThemedClasses } from '../../utils/theme'; import { createThemedClasses } from '../../utils/theme';
import iOSEnterAnimation from './animations/ios.enter'; import iosEnterAnimation from './animations/ios.enter';
import iOSLeaveAnimation from './animations/ios.leave'; import iosLeaveAnimation from './animations/ios.leave';
import MdEnterAnimation from './animations/md.enter'; import mdEnterAnimation from './animations/md.enter';
import MdLeaveAnimation from './animations/md.leave'; import mdLeaveAnimation from './animations/md.leave';
@Component({ @Component({
tag: 'ion-alert', tag: 'ion-alert',
@ -89,7 +89,7 @@ export class Alert {
this.ionAlertWillPresent.emit(); this.ionAlertWillPresent.emit();
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.enterAnimation || this.config.get('alertEnter', this.mode === 'ios' ? iOSEnterAnimation : MdEnterAnimation); const animationBuilder = this.enterAnimation || this.config.get('alertEnter', this.mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
// build the animation and kick it off // build the animation and kick it off
return this.animationCtrl.create(animationBuilder, this.el).then(animation => { return this.animationCtrl.create(animationBuilder, this.el).then(animation => {
@ -122,7 +122,7 @@ export class Alert {
}); });
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.leaveAnimation || this.config.get('alertLeave', this.mode === 'ios' ? iOSLeaveAnimation : MdLeaveAnimation); const animationBuilder = this.leaveAnimation || this.config.get('alertLeave', this.mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
return this.animationCtrl.create(animationBuilder, this.el).then(animation => { return this.animationCtrl.create(animationBuilder, this.el).then(animation => {
this.animation = animation; this.animation = animation;
@ -481,8 +481,8 @@ export interface AlertDismissEvent extends OverlayDismissEvent {
} }
export { export {
iOSEnterAnimation as AlertiOSEnterAnimation, iosEnterAnimation as iosAlertEnterAnimation,
iOSLeaveAnimation as AlertiOSLeaveAnimation, iosLeaveAnimation as iosAlertLeaveAnimation,
MdEnterAnimation as AlertMDEnterAnimation, mdEnterAnimation as mdAlertEnterAnimation,
MdLeaveAnimation as AlertMDLeaveAnimation, mdLeaveAnimation as mdAlertLeaveAnimation,
}; };

2
packages/core/src/components/alert/animations/ios.enter.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Alert Enter Animation * iOS Alert Enter Animation
*/ */
export default function iOSEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/alert/animations/ios.leave.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Alert Leave Animation * iOS Alert Leave Animation
*/ */
export default function iOSLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/alert/animations/md.enter.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* Md Alert Enter Animation * Md Alert Enter Animation
*/ */
export default function MdEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function mdEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/alert/animations/md.leave.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* Md Alert Leave Animation * Md Alert Leave Animation
*/ */
export default function MdLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function mdLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/loading/animations/ios.enter.ts
View File

@ -4,7 +4,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Loading Enter Animation * iOS Loading Enter Animation
*/ */
export default function iOSEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/loading/animations/ios.leave.ts
View File

@ -4,7 +4,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Loading Leave Animation * iOS Loading Leave Animation
*/ */
export default function iOSLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/loading/animations/md.enter.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* Md Loading Enter Animation * Md Loading Enter Animation
*/ */
export default function MdEnterAnimation( export default function mdEnterAnimation(
Animation: Animation, Animation: Animation,
baseElm: HTMLElement baseElm: HTMLElement
): Animation { ): Animation {

2
packages/core/src/components/loading/animations/md.leave.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* Md Loading Leave Animation * Md Loading Leave Animation
*/ */
export default function MdLeaveAnimation( export default function mdLeaveAnimation(
Animation: Animation, Animation: Animation,
baseElm: HTMLElement baseElm: HTMLElement
): Animation { ): Animation {

19
packages/core/src/components/loading/loading.tsx
View File

@ -3,11 +3,11 @@ import { Component, Element, Event, EventEmitter, Listen, Prop, State } from '@s
import { createThemedClasses } from '../../utils/theme'; import { createThemedClasses } from '../../utils/theme';
import iOSEnterAnimation from './animations/ios.enter'; import iosEnterAnimation from './animations/ios.enter';
import iOSLeaveAnimation from './animations/ios.leave'; import iosLeaveAnimation from './animations/ios.leave';
import MdEnterAnimation from './animations/md.enter'; import mdEnterAnimation from './animations/md.enter';
import MdLeaveAnimation from './animations/md.leave'; import mdLeaveAnimation from './animations/md.leave';
@Component({ @Component({
tag: 'ion-loading', tag: 'ion-loading',
@ -89,7 +89,7 @@ export class Loading {
this.ionLoadingWillPresent.emit({ loading: this }); this.ionLoadingWillPresent.emit({ loading: this });
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.enterAnimation || this.config.get('loadingEnter', this.mode === 'ios' ? iOSEnterAnimation : MdEnterAnimation); const animationBuilder = this.enterAnimation || this.config.get('loadingEnter', this.mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
// build the animation and kick it off // build the animation and kick it off
this.animationCtrl.create(animationBuilder, this.el).then(animation => { this.animationCtrl.create(animationBuilder, this.el).then(animation => {
@ -116,7 +116,7 @@ export class Loading {
this.ionLoadingWillDismiss.emit({ loading: this }); this.ionLoadingWillDismiss.emit({ loading: this });
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.leaveAnimation || this.config.get('loadingLeave', this.mode === 'ios' ? iOSLeaveAnimation : MdLeaveAnimation); const animationBuilder = this.leaveAnimation || this.config.get('loadingLeave', this.mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
// build the animation and kick it off // build the animation and kick it off
this.animationCtrl.create(animationBuilder, this.el).then(animation => { this.animationCtrl.create(animationBuilder, this.el).then(animation => {
@ -246,4 +246,9 @@ export interface LoadingEvent extends Event {
}; };
} }
export { iOSEnterAnimation, iOSLeaveAnimation, MdEnterAnimation, MdLeaveAnimation }; export {
iosEnterAnimation as iosLoadingEnterAnimation,
iosLeaveAnimation as iosLoadingLeaveAnimation,
mdEnterAnimation as mdLoadingEnterAnimation,
mdLeaveAnimation as mdLoadingLeaveAnimation
};

2
packages/core/src/components/modal/animations/ios.enter.ts
View File

@ -4,7 +4,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Modal Enter Animation * iOS Modal Enter Animation
*/ */
export default function iOSEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/modal/animations/ios.leave.ts
View File

@ -4,7 +4,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Modal Leave Animation * iOS Modal Leave Animation
*/ */
export default function iOSLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/modal/animations/md.enter.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* Md Modal Enter Animation * Md Modal Enter Animation
*/ */
export default function MdEnterAnimation( export default function mdEnterAnimation(
Animation: Animation, Animation: Animation,
baseElm: HTMLElement baseElm: HTMLElement
): Animation { ): Animation {

2
packages/core/src/components/modal/animations/md.leave.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* Md Modal Leave Animation * Md Modal Leave Animation
*/ */
export default function MdLeaveAnimation( export default function mdLeaveAnimation(
Animation: Animation, Animation: Animation,
baseElm: HTMLElement baseElm: HTMLElement
): Animation { ): Animation {

19
packages/core/src/components/modal/modal.tsx
View File

@ -2,11 +2,11 @@ import { Component, Element, Event, EventEmitter, Listen, Prop } from '@stencil/
import { Animation, AnimationBuilder, AnimationController, Config } from '../../index'; import { Animation, AnimationBuilder, AnimationController, Config } from '../../index';
import { createThemedClasses } from '../../utils/theme'; import { createThemedClasses } from '../../utils/theme';
import iOSEnterAnimation from './animations/ios.enter'; import iosEnterAnimation from './animations/ios.enter';
import iOSLeaveAnimation from './animations/ios.leave'; import iosLeaveAnimation from './animations/ios.leave';
import MdEnterAnimation from './animations/md.enter'; import mdEnterAnimation from './animations/md.enter';
import MdLeaveAnimation from './animations/md.leave'; import mdLeaveAnimation from './animations/md.leave';
@Component({ @Component({
tag: 'ion-modal', tag: 'ion-modal',
styleUrls: { styleUrls: {
@ -83,7 +83,7 @@ export class Modal {
this.ionModalWillPresent.emit({ modal: this }); this.ionModalWillPresent.emit({ modal: this });
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.enterAnimation || this.config.get('modalEnter', this.mode === 'ios' ? iOSEnterAnimation : MdEnterAnimation); const animationBuilder = this.enterAnimation || this.config.get('modalEnter', this.mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
// build the animation and kick it off // build the animation and kick it off
this.animationCtrl.create(animationBuilder, this.el).then(animation => { this.animationCtrl.create(animationBuilder, this.el).then(animation => {
@ -107,7 +107,7 @@ export class Modal {
this.ionModalWillDismiss.emit({ modal: this }); this.ionModalWillDismiss.emit({ modal: this });
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.leaveAnimation || this.config.get('modalExit', this.mode === 'ios' ? iOSLeaveAnimation : MdLeaveAnimation); const animationBuilder = this.leaveAnimation || this.config.get('modalLeave', this.mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
// build the animation and kick it off // build the animation and kick it off
this.animationCtrl.create(animationBuilder, this.el).then(animation => { this.animationCtrl.create(animationBuilder, this.el).then(animation => {
@ -201,4 +201,9 @@ export interface ModalEvent extends Event {
}; };
} }
export { iOSEnterAnimation, iOSLeaveAnimation, MdEnterAnimation, MdLeaveAnimation }; export {
iosEnterAnimation as iosModalEnterAnimation,
iosLeaveAnimation as iosModalLeaveAnimation,
mdEnterAnimation as mdModalEnterAnimation,
mdLeaveAnimation as mdModalLeaveAnimation
};

4
packages/core/src/components/picker/animations/ios.enter.ts
View File

@ -2,9 +2,9 @@ import { Animation } from '../../../index';
/** /**
* iOS Loading Enter Animation * iOS Picker Enter Animation
*/ */
export default function iOSEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

4
packages/core/src/components/picker/animations/ios.leave.ts
View File

@ -2,9 +2,9 @@ import { Animation } from '../../../index';
/** /**
* iOS Loading Leave Animation * iOS Picker Leave Animation
*/ */
export default function iOSLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

13
packages/core/src/components/picker/picker.tsx
View File

@ -1,8 +1,8 @@
import { Animation, AnimationBuilder, AnimationController, Config } from '../../index'; import { Animation, AnimationBuilder, AnimationController, Config } from '../../index';
import { Component, CssClassMap, Element, Event, EventEmitter, Listen, Method, Prop, State } from '@stencil/core'; import { Component, CssClassMap, Element, Event, EventEmitter, Listen, Method, Prop, State } from '@stencil/core';
import iOSEnterAnimation from './animations/ios.enter'; import iosEnterAnimation from './animations/ios.enter';
import iOSLeaveAnimation from './animations/ios.leave'; import iosLeaveAnimation from './animations/ios.leave';
@Component({ @Component({
tag: 'ion-picker', tag: 'ion-picker',
@ -84,7 +84,7 @@ export class Picker {
this.ionPickerWillPresent.emit({ picker: this }); this.ionPickerWillPresent.emit({ picker: this });
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.enterAnimation || this.config.get('pickerEnter', iOSEnterAnimation); const animationBuilder = this.enterAnimation || this.config.get('pickerEnter', iosEnterAnimation);
// build the animation and kick it off // build the animation and kick it off
this.animationCtrl.create(animationBuilder, this.el).then(animation => { this.animationCtrl.create(animationBuilder, this.el).then(animation => {
@ -111,7 +111,7 @@ export class Picker {
this.ionPickerWillDismiss.emit({ picker: this }); this.ionPickerWillDismiss.emit({ picker: this });
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.leaveAnimation || this.config.get('pickerLeave', iOSLeaveAnimation); const animationBuilder = this.leaveAnimation || this.config.get('pickerLeave', iosLeaveAnimation);
// build the animation and kick it off // build the animation and kick it off
this.animationCtrl.create(animationBuilder, this.el).then(animation => { this.animationCtrl.create(animationBuilder, this.el).then(animation => {
@ -407,4 +407,7 @@ export interface PickerEvent extends Event {
}; };
} }
export { iOSEnterAnimation, iOSLeaveAnimation }; export {
iosEnterAnimation as iosPickerEnterAnimation,
iosLeaveAnimation as iosPickerLeaveAnimation
};

2
packages/core/src/components/popover/animations/ios.enter.ts
View File

@ -4,7 +4,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Popover Enter Animation * iOS Popover Enter Animation
*/ */
export default function iOSEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/popover/animations/ios.leave.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Popover Leave Animation * iOS Popover Leave Animation
*/ */
export default function iOSLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function iosLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/popover/animations/md.enter.ts
View File

@ -4,7 +4,7 @@ import { Animation } from '../../../index';
/** /**
* Md Popover Enter Animation * Md Popover Enter Animation
*/ */
export default function MdEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function mdEnterAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

2
packages/core/src/components/popover/animations/md.leave.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* Md Popover Leave Animation * Md Popover Leave Animation
*/ */
export default function MdLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation { export default function mdLeaveAnimation(Animation: Animation, baseElm: HTMLElement): Animation {
const baseAnimation = new Animation(); const baseAnimation = new Animation();
const backdropAnimation = new Animation(); const backdropAnimation = new Animation();

19
packages/core/src/components/popover/popover.tsx
View File

@ -3,10 +3,10 @@ import { Animation, AnimationBuilder, AnimationController, Config } from '../../
import { createThemedClasses } from '../../utils/theme'; import { createThemedClasses } from '../../utils/theme';
import iOSEnterAnimation from './animations/ios.enter'; import iosEnterAnimation from './animations/ios.enter';
import iOSLeaveAnimation from './animations/ios.leave'; import iosLeaveAnimation from './animations/ios.leave';
import MdEnterAnimation from './animations/md.enter'; import mdEnterAnimation from './animations/md.enter';
import MdLeaveAnimation from './animations/md.leave'; import mdLeaveAnimation from './animations/md.leave';
@Component({ @Component({
tag: 'ion-popover', tag: 'ion-popover',
@ -207,7 +207,7 @@ export class Popover {
this.ionPopoverWillPresent.emit({ popover: this }); this.ionPopoverWillPresent.emit({ popover: this });
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.enterAnimation || this.config.get('popoverEnter', this.mode === 'ios' ? iOSEnterAnimation : MdEnterAnimation); const animationBuilder = this.enterAnimation || this.config.get('popoverEnter', this.mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
// build the animation and kick it off // build the animation and kick it off
@ -232,7 +232,7 @@ export class Popover {
this.ionPopoverWillDismiss.emit({ popover: this }); this.ionPopoverWillDismiss.emit({ popover: this });
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.leaveAnimation || this.config.get('popoverLeave', this.mode === 'ios' ? iOSLeaveAnimation : MdLeaveAnimation); const animationBuilder = this.leaveAnimation || this.config.get('popoverLeave', this.mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
// build the animation and kick it off // build the animation and kick it off
this.animationCtrl.create(animationBuilder, this.el).then(animation => { this.animationCtrl.create(animationBuilder, this.el).then(animation => {
@ -353,4 +353,9 @@ export const POPOVER_POSITION_PROPERTIES: any = {
} }
}; };
export { iOSEnterAnimation, iOSLeaveAnimation, MdEnterAnimation, MdLeaveAnimation }; export {
iosEnterAnimation as iosPopoverEnterAnimation,
iosLeaveAnimation as iosPopoverLeaveAnimation,
mdEnterAnimation as mdPopoverEnterAnimation,
mdLeaveAnimation as mdPopoverLeaveAnimation
};

2
packages/core/src/components/toast/animations/ios.enter.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Toast Enter Animation * iOS Toast Enter Animation
*/ */
export default function iOSEnterAnimation( export default function iosEnterAnimation(
Animation: Animation, Animation: Animation,
baseElm: HTMLElement, baseElm: HTMLElement,
position: string position: string

2
packages/core/src/components/toast/animations/ios.leave.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* iOS Toast Leave Animation * iOS Toast Leave Animation
*/ */
export default function iOSLeaveAnimation( export default function iosLeaveAnimation(
Animation: Animation, Animation: Animation,
baseElm: HTMLElement, baseElm: HTMLElement,
position: string position: string

2
packages/core/src/components/toast/animations/md.enter.ts
View File

@ -3,7 +3,7 @@ import { Animation } from '../../../index';
/** /**
* MD Toast Enter Animation * MD Toast Enter Animation
*/ */
export default function MdEnterAnimation( export default function mdEnterAnimation(
Animation: Animation, Animation: Animation,
baseElm: HTMLElement, baseElm: HTMLElement,
position: string position: string

4
packages/core/src/components/toast/animations/md.leave.ts
View File

@ -1,9 +1,9 @@
import { Animation } from '../../../index'; import { Animation } from '../../../index';
/** /**
* iOS Toast Leave Animation * md Toast Leave Animation
*/ */
export default function iOSLeaveAnimation( export default function mdLeaveAnimation(
Animation: Animation, Animation: Animation,
baseElm: HTMLElement, baseElm: HTMLElement,
position: string position: string

19
packages/core/src/components/toast/toast.tsx
View File

@ -3,11 +3,11 @@ import { Animation, AnimationBuilder, AnimationController, Config, CssClassMap }
import { createThemedClasses } from '../../utils/theme'; import { createThemedClasses } from '../../utils/theme';
import iOSEnterAnimation from './animations/ios.enter'; import iosEnterAnimation from './animations/ios.enter';
import iOSLeaveAnimation from './animations/ios.leave'; import iosLeaveAnimation from './animations/ios.leave';
import MdEnterAnimation from './animations/md.enter'; import mdEnterAnimation from './animations/md.enter';
import MdLeaveAnimation from './animations/md.leave'; import mdLeaveAnimation from './animations/md.leave';
@Component({ @Component({
tag: 'ion-toast', tag: 'ion-toast',
@ -87,7 +87,7 @@ export class Toast {
this.ionToastWillPresent.emit({ toast: this }); this.ionToastWillPresent.emit({ toast: this });
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.enterAnimation || this.config.get('toastEnter', this.mode === 'ios' ? iOSEnterAnimation : MdEnterAnimation); const animationBuilder = this.enterAnimation || this.config.get('toastEnter', this.mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
// build the animation and kick it off // build the animation and kick it off
this.animationCtrl.create(animationBuilder, this.el, this.position).then(animation => { this.animationCtrl.create(animationBuilder, this.el, this.position).then(animation => {
@ -110,7 +110,7 @@ export class Toast {
this.ionToastWillDismiss.emit({ toast: this }); this.ionToastWillDismiss.emit({ toast: this });
// get the user's animation fn if one was provided // get the user's animation fn if one was provided
const animationBuilder = this.leaveAnimation || this.config.get('toastLeave', this.mode === 'ios' ? iOSLeaveAnimation : MdLeaveAnimation); const animationBuilder = this.leaveAnimation || this.config.get('toastLeave', this.mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
// build the animation and kick it off // build the animation and kick it off
this.animationCtrl.create(animationBuilder, this.el, this.position).then(animation => { this.animationCtrl.create(animationBuilder, this.el, this.position).then(animation => {
@ -220,4 +220,9 @@ export interface ToastEvent {
}; };
} }
export { iOSEnterAnimation, iOSLeaveAnimation, MdEnterAnimation, MdLeaveAnimation }; export {
iosEnterAnimation as iosToastEnterAnimation,
iosLeaveAnimation as iosToastLeaveAnimation,
mdEnterAnimation as mdToastEnterAnimation,
mdLeaveAnimation as mdToastLeaveAnimation
};

51
packages/core/src/index.d.ts vendored
View File

@ -53,15 +53,7 @@ export * from './components/keyboard-controller/keys';
export { Label } from './components/label/label'; export { Label } from './components/label/label';
export { List } from './components/list/list'; export { List } from './components/list/list';
export { ListHeader } from './components/list-header/list-header'; export { ListHeader } from './components/list-header/list-header';
export { export * from './components/loading/loading';
Loading,
LoadingEvent,
LoadingOptions,
iOSEnterAnimation as LoadingIOSEnterAnimation,
iOSLeaveAnimation as LoadingIOSLeaveAnimation,
MdEnterAnimation as LoadingMDEnterAnimation,
MdLeaveAnimation as LoadingMDLeaveAnimation
} from './components/loading/loading';
export { LoadingController } from './components/loading-controller/loading-controller'; export { LoadingController } from './components/loading-controller/loading-controller';
export { Menu } from './components/menu/menu'; export { Menu } from './components/menu/menu';
export { export {
@ -70,15 +62,7 @@ export {
MenuPushAnimation, MenuPushAnimation,
MenuRevealAnimation MenuRevealAnimation
} from './components/menu-controller/menu-controller'; } from './components/menu-controller/menu-controller';
export { export * from './components/modal/modal';
Modal,
ModalOptions,
ModalEvent,
iOSEnterAnimation as ModalIOSEnterAnimation,
iOSLeaveAnimation as ModalIOSLeaveAnimation,
MdEnterAnimation as ModalMDEnterAnimation,
MdLeaveAnimation as ModalMDLeaveAnimation
} from './components/modal/modal';
export { ModalController } from './components/modal-controller/modal-controller'; export { ModalController } from './components/modal-controller/modal-controller';
export { Nav } from './components/nav/nav'; export { Nav } from './components/nav/nav';
export { PublicNav } from './components/nav/nav-interface'; export { PublicNav } from './components/nav/nav-interface';
@ -87,26 +71,9 @@ export { NavController } from './components/nav-controller/nav-controller';
export { Note } from './components/note/note'; export { Note } from './components/note/note';
export { Page } from './components/page/page'; export { Page } from './components/page/page';
export { PickerColumnCmp } from './components/picker-column/picker-column'; export { PickerColumnCmp } from './components/picker-column/picker-column';
export { export * from './components/picker/picker';
Picker,
PickerButton,
PickerColumn,
PickerColumnOption,
PickerEvent,
PickerOptions,
iOSEnterAnimation as PickerIOSEnterAnimation,
iOSLeaveAnimation as PickerIOSLeaveAnimation
} from './components/picker/picker';
export { PickerController } from './components/picker-controller/picker-controller'; export { PickerController } from './components/picker-controller/picker-controller';
export { export * from './components/popover/popover';
Popover,
PopoverEvent,
PopoverOptions,
iOSEnterAnimation as PopoverIOSEnterAnimation,
iOSLeaveAnimation as PopoverIOSLeaveAnimation,
MdEnterAnimation as PopoverMDEnterAnimation,
MdLeaveAnimation as PopoverMDLeaveAnimation
} from './components/popover/popover';
export { PopoverController } from './components/popover-controller/popover-controller'; export { PopoverController } from './components/popover-controller/popover-controller';
export { RadioGroup } from './components/radio-group/radio-group'; export { RadioGroup } from './components/radio-group/radio-group';
export { Radio, HTMLIonRadioElementEvent } from './components/radio/radio'; export { Radio, HTMLIonRadioElementEvent } from './components/radio/radio';
@ -137,15 +104,7 @@ export { Tab } from './components/tab/tab';
export { Tabs } from './components/tabs/tabs'; export { Tabs } from './components/tabs/tabs';
export { Thumbnail } from './components/thumbnail/thumbnail'; export { Thumbnail } from './components/thumbnail/thumbnail';
export { ToolbarTitle } from './components/title/title'; export { ToolbarTitle } from './components/title/title';
export { export * from './components/toast/toast';
Toast,
ToastEvent,
ToastOptions,
iOSEnterAnimation as ToastIOSEnterAnimation,
iOSLeaveAnimation as ToastIOSLeaveAnimation,
MdEnterAnimation as ToastMDEnterAnimation,
MdLeaveAnimation as ToastMDLeaveAnimation
} from './components/toast/toast';
export { ToastController } from './components/toast-controller/toast-controller'; export { ToastController } from './components/toast-controller/toast-controller';
export { Toggle } from './components/toggle/toggle'; export { Toggle } from './components/toggle/toggle';
export { Toolbar } from './components/toolbar/toolbar'; export { Toolbar } from './components/toolbar/toolbar';