diff --git a/packages/core/src/components/action-sheet/test/basic/index.html b/packages/core/src/components/action-sheet/test/basic/index.html index d5a3eab83b..9198c22449 100644 --- a/packages/core/src/components/action-sheet/test/basic/index.html +++ b/packages/core/src/components/action-sheet/test/basic/index.html @@ -30,6 +30,7 @@ Custom CSS Class + diff --git a/packages/core/src/components/action-sheet/test/translucent/index.html b/packages/core/src/components/action-sheet/test/translucent/index.html index 3ec3d8c936..4192f25922 100644 --- a/packages/core/src/components/action-sheet/test/translucent/index.html +++ b/packages/core/src/components/action-sheet/test/translucent/index.html @@ -40,13 +40,13 @@ - + + @@ -19,15 +21,31 @@ - - - - + + + + + + + + + + + + - - - - + + + + + + + + + + + + @@ -62,5 +80,5 @@ - + diff --git a/packages/core/src/components/icon/test/items/index.html b/packages/core/src/components/icon/test/items/index.html index 3c9a3b7c27..689e82cfe7 100644 --- a/packages/core/src/components/icon/test/items/index.html +++ b/packages/core/src/components/icon/test/items/index.html @@ -1,5 +1,6 @@ + Icon - Items @@ -11,6 +12,7 @@ } + @@ -145,7 +147,7 @@ dynamicColor.setAttribute('color', 'danger'); - let interval = setInterval(function () { + let interval = setInterval(function() { if (dynamicProp.name === 'home') { dynamicProp.name = 'ios-home'; dynamicAttr.setAttribute('name', 'ios-home'); @@ -158,7 +160,7 @@ } }, 1000); - setTimeout(function () { + setTimeout(function() { clearInterval(interval); }, 4000); @@ -167,4 +169,5 @@ + diff --git a/packages/core/src/components/infinite-scroll/test/basic/index.html b/packages/core/src/components/infinite-scroll/test/basic/index.html index 57a6e0187d..e14cd04942 100644 --- a/packages/core/src/components/infinite-scroll/test/basic/index.html +++ b/packages/core/src/components/infinite-scroll/test/basic/index.html @@ -10,7 +10,7 @@ - + diff --git a/packages/core/src/components/input/test/basic/index.html b/packages/core/src/components/input/test/basic/index.html index 837799a70c..76e1909b67 100644 --- a/packages/core/src/components/input/test/basic/index.html +++ b/packages/core/src/components/input/test/basic/index.html @@ -14,6 +14,7 @@ Input - Basic + diff --git a/packages/core/src/components/item/test/basic/index.html b/packages/core/src/components/item/test/basic/index.html index d18f125715..a068cba2d0 100644 --- a/packages/core/src/components/item/test/basic/index.html +++ b/packages/core/src/components/item/test/basic/index.html @@ -68,27 +68,27 @@ Divider - - Item Large Button - Start Button - + + Item Large Button + Start Button + - - Item Large Button - End Button - + + Item Large Button + End Button + - - Item Small Button - Start Button - End Button - + + Item Small Button + Start Button + End Button + - - Item Default Button - Start Button - End Button - + + Item Default Button + Start Button + End Button + diff --git a/packages/core/src/components/menu/test/basic/index.html b/packages/core/src/components/menu/test/basic/index.html index c9b4213745..559aab758a 100644 --- a/packages/core/src/components/menu/test/basic/index.html +++ b/packages/core/src/components/menu/test/basic/index.html @@ -55,7 +55,7 @@ - + diff --git a/packages/core/src/components/modal/test/basic/index.html b/packages/core/src/components/modal/test/basic/index.html index 113190b902..da2ab926db 100644 --- a/packages/core/src/components/modal/test/basic/index.html +++ b/packages/core/src/components/modal/test/basic/index.html @@ -12,17 +12,17 @@ - - Modal - Basic - - + + Modal - Basic + + - - -

- Present modal -

- + + +

+ Present modal +

+ diff --git a/packages/core/src/components/nav/test/basic/index.html b/packages/core/src/components/nav/test/basic/index.html index dd23c5c03c..5e8957175b 100644 --- a/packages/core/src/components/nav/test/basic/index.html +++ b/packages/core/src/components/nav/test/basic/index.html @@ -108,4 +108,4 @@ }); } - \ No newline at end of file + diff --git a/packages/core/src/components/page/page.tsx b/packages/core/src/components/page/page.tsx index 6335d6cb23..a16198e15e 100644 --- a/packages/core/src/components/page/page.tsx +++ b/packages/core/src/components/page/page.tsx @@ -5,6 +5,14 @@ import { Component } from '@stencil/core'; tag: 'ion-page', }) export class Page { + + hostData() { + return { + class: { + 'ion-page': true + } + }; + } render() { return ; } diff --git a/packages/core/src/components/popover/test/basic/index.html b/packages/core/src/components/popover/test/basic/index.html index 356cacd963..3e21d19877 100644 --- a/packages/core/src/components/popover/test/basic/index.html +++ b/packages/core/src/components/popover/test/basic/index.html @@ -10,7 +10,7 @@ - + diff --git a/packages/core/src/components/radio/test/basic/index.html b/packages/core/src/components/radio/test/basic/index.html index 19efea4f5f..59a0aa241d 100644 --- a/packages/core/src/components/radio/test/basic/index.html +++ b/packages/core/src/components/radio/test/basic/index.html @@ -14,6 +14,7 @@ Radio - Basic + diff --git a/packages/core/src/components/range/test/basic/index.html b/packages/core/src/components/range/test/basic/index.html index 67739bab75..3e000544ba 100644 --- a/packages/core/src/components/range/test/basic/index.html +++ b/packages/core/src/components/range/test/basic/index.html @@ -16,6 +16,7 @@ Range - Basic + diff --git a/packages/core/src/components/reorder/test/basic/index.html b/packages/core/src/components/reorder/test/basic/index.html index db667c9bc4..71f4ec6207 100644 --- a/packages/core/src/components/reorder/test/basic/index.html +++ b/packages/core/src/components/reorder/test/basic/index.html @@ -46,17 +46,23 @@ Item 5 (custom ion-reorder) - + + + Item 6 (custom ion-reorder) - + + + Item 7 (custom ion-reorder slot="start") - + + + diff --git a/packages/core/src/components/searchbar/test/basic/index.html b/packages/core/src/components/searchbar/test/basic/index.html index 234d54f71c..29a0b03d32 100644 --- a/packages/core/src/components/searchbar/test/basic/index.html +++ b/packages/core/src/components/searchbar/test/basic/index.html @@ -1,14 +1,16 @@ + Searchbar - Basic + - + Searchbar - Basic @@ -17,97 +19,50 @@
Search - Default
- +
Search - Animated
- +
Search - Custom Placeholder
- +
Search - No Cancel Button
- +
Search - Custom Cancel Button Danger
- +
Search - Value passed
- +
Search - Mode iOS
- +
Search - Mode MD
- +
Search - DebounceTime
- +
Search - Animated and No Cancel
- +

Change Value

-
+
Toggle Property
@@ -149,8 +104,8 @@ } const searchbars = document.querySelectorAll('ion-searchbar') - for(let i=0; i { + for (let i = 0; i < searchbars.length; i++) { + searchbars[i].addEventListener('ionInput', (ev) => { console.log(ev); }) } @@ -159,4 +114,5 @@ + diff --git a/packages/core/src/components/segment/test/basic/index.html b/packages/core/src/components/segment/test/basic/index.html index e2c7b13a06..290a6bfc94 100644 --- a/packages/core/src/components/segment/test/basic/index.html +++ b/packages/core/src/components/segment/test/basic/index.html @@ -1,11 +1,13 @@ + Segment - Basic + @@ -87,31 +89,32 @@
+ diff --git a/packages/core/src/components/textarea/test/basic/index.html b/packages/core/src/components/textarea/test/basic/index.html index 84f1bdf312..fa4c438f18 100644 --- a/packages/core/src/components/textarea/test/basic/index.html +++ b/packages/core/src/components/textarea/test/basic/index.html @@ -14,6 +14,7 @@ Input - Textarea + diff --git a/packages/core/src/components/toast/toast.tsx b/packages/core/src/components/toast/toast.tsx index 518a21010f..013e3f195d 100644 --- a/packages/core/src/components/toast/toast.tsx +++ b/packages/core/src/components/toast/toast.tsx @@ -70,7 +70,7 @@ export class Toast { @Prop() position: string; @Prop() translucent: boolean = false; @Prop() toastId: string; - @Prop() animate: boolean; + @Prop() animate: boolean = true; @Prop() enterAnimation: AnimationBuilder; @Prop() leaveAnimation: AnimationBuilder; @@ -87,7 +87,7 @@ export class Toast { const animationBuilder = this.enterAnimation || this.config.get('toastEnter', this.mode === 'ios' ? iosEnterAnimation : mdEnterAnimation); // build the animation and kick it off - return this.animationCtrl.create(animationBuilder, this.el).then(animation => { + return this.animationCtrl.create(animationBuilder, this.el, this.position).then(animation => { this.animation = animation; if (!this.animate) { // if the duration is 0, it won't actually animate I don't think @@ -115,7 +115,7 @@ export class Toast { const animationBuilder = this.leaveAnimation || this.config.get('toastLeave', this.mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation); - return this.animationCtrl.create(animationBuilder, this.el).then(animation => { + return this.animationCtrl.create(animationBuilder, this.el, this.position).then(animation => { this.animation = animation; return playAnimationAsync(animation); }).then((animation) => { diff --git a/packages/core/src/components/toggle/test/basic/index.html b/packages/core/src/components/toggle/test/basic/index.html index 7e8d118e11..167738cc42 100644 --- a/packages/core/src/components/toggle/test/basic/index.html +++ b/packages/core/src/components/toggle/test/basic/index.html @@ -14,6 +14,7 @@ Toggle - Basic +