@yoobic/yobi 8.2.2 → 8.3.0-2

package/dist/cjs/yoo-ion-alert-controller.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const overlays = require('./overlays-47adbee7.js');
-require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const overlays = require('./overlays-40e17096.js');
+require('./index-1fdbd9b3.js');
+require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
 
 const YooIonAlertControllerComponent = class {
   constructor(hostRef) {

package/dist/cjs/yoo-ion-content.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const contentCss = ".bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color{background-color:var(--app-color, #5a30f4) !important}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized{background-color:var(--energized, #ffc043) !important}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info{background-color:var(--info, #d84c96) !important}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning{background-color:var(--warning, #ed6e33) !important}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood{background-color:var(--wood, #99644c) !important}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.scroll-inner.full-height{height:100%}:host{--ion-color-base:var(--light, #ffffff);--ion-color-contrast:var(--dark, #000000);--height:100%;--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;position:relative;display:block;-ms-flex:1;flex:1;width:100%;height:var(--height);margin:0 !important;padding:0 !important;font-family:var(--font-family, \"Lato\");contain:layout size style;background-color:var(--light, #ffffff)}:host(.scroll-disabled),yoo-ion-scroll{padding:calc(var(--padding-top) + var(--offset-top)) var(--padding-end) calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom)) var(--padding-start)}:host(.ion-color-outer),:host(.outer-content){--ion-color-base:var(--stable-light, #f1f1f1)}::slotted(hr){height:0.55px;background-color:rgba(var(--ion-text-color-rgb), 0.12)}:host(.feed-detail-page){display:-ms-flexbox;display:flex}:host(.feed-detail-page) yoo-ion-scroll{--background-color:var(--dark, #000000)}:host(.manager-insight-page){display:-ms-flexbox;display:flex}:host(.manager-insight-page) yoo-ion-scroll{--background-color:var(--dark, #000000)}:host(.flex){display:-ms-flexbox;display:flex}:host(.scroll-flex) yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.flex-column){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host(.padding) yoo-ion-scroll{top:1rem;bottom:1rem;left:1rem}:host(.medium-width-scroll){background-color:var(--stable-light, #f1f1f1)}:host(.medium-width-scroll) yoo-ion-scroll{width:30rem;margin-right:auto;margin-left:auto;padding-bottom:6.25rem}:host(.calendar-event.medium){background-color:var(--stable-light, #f1f1f1)}:host(.calendar-event.medium) yoo-ion-scroll{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(.bg-dark){background:var(--dark, #000000)}:host(.hidden){display:none}:host(.with-margin) yoo-ion-scroll{margin:var(--spacing-16, 1rem);margin-top:0}";
 
@@ -88,7 +89,7 @@ const YooIonContentComponent = class {
         '--offset-top': `${this.cTop}px`,
         '--offset-bottom': `${this.cBottom}px`
       }, class: {
-        'no-scrollbar': this.el.classList.contains('no-scrollbar') && !index$1.isForceScrollbar()
+        'no-scrollbar': this.el.classList.contains('no-scrollbar') && !overlays.isForceScrollbar()
       } }, index.h("slot", null))) : index.h("slot", null), index.h("slot", { name: "fixed" }));
   }
   get el() { return index.getElement(this); }
@@ -105,7 +106,7 @@ function getParentElement(el) {
   return null;
 }
 function getPageElement(el) {
-  const page = index$1.findParent(el, 'yoo-ion-app,ion-page,.ion-page,page-inner');
+  const page = overlays.findParent(el, 'yoo-ion-app,ion-page,.ion-page,page-inner');
   if (page) {
     return page;
   }

package/dist/cjs/yoo-ion-footer.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-1fdbd9b3.js');
 
 const footerCss = ":host,yoo-ion-footer{position:relative;z-index:11;display:block;-ms-flex-order:1;order:1;width:100%}yoo-ion-footer{z-index:1;background:var(--light, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-20, rgba(173, 173, 173, 0.2))}yoo-ion-footer.no-border{border-top:none}yoo-ion-footer.iphone-x:not(.tabbar){padding-bottom:var(--spacing-16, 1rem) !important}";
 

package/dist/cjs/yoo-ion-infinite-scroll-content.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const infiniteScrollContentCss = "yoo-ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;max-height:84px;padding:1rem;text-align:center}.infinite-loading{display:none;width:100%}.infinite-loading-text{margin:4px 32px 0;color:var(--dark, #000000)}.infinite-scroll-loading yoo-ion-infinite-scroll-content>.infinite-loading{display:block}";
 
@@ -19,7 +20,7 @@ const YooInfiniteScrollContentComponent = class {
     this.loadingSpinner = true;
   }
   render() {
-    return (index.h("div", { class: "infinite-loading" }, this.loadingSpinner && index.h("yoo-loader", { size: index$1.isWeb(this.host) ? 'small' : 'medium' }), this.loadingText && (index.h("div", { class: "infinite-loading-text", innerHTML: this.loadingText }))));
+    return (index.h("div", { class: "infinite-loading" }, this.loadingSpinner && index.h("yoo-loader", { size: overlays.isWeb(this.host) ? 'small' : 'medium' }), this.loadingText && (index.h("div", { class: "infinite-loading-text", innerHTML: this.loadingText }))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-ion-infinite-scroll.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const infiniteScrollCss = "yoo-ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";
 
@@ -166,18 +167,18 @@ const YooIonInfiniteScrollComponent = class {
     this.scrollEl = undefined;
   }
   async getScrollEl() {
-    const scrollEl = index$1.findParent(this.el, 'yoo-ion-scroll');
+    const scrollEl = overlays.findParent(this.el, 'yoo-ion-scroll');
     if (scrollEl) {
       this.scrollEl = scrollEl;
     }
     else {
-      let contentEl = index$1.findParent(this.el, 'yoo-ion-content');
+      let contentEl = overlays.findParent(this.el, 'yoo-ion-content');
       if (contentEl) {
         await contentEl.componentOnReady();
         this.scrollEl = await contentEl.getScrollElement();
       }
       else {
-        contentEl = index$1.findParent(this.el, '.content');
+        contentEl = overlays.findParent(this.el, '.content');
         if (contentEl) {
           this.scrollEl = contentEl;
         }

package/dist/cjs/yoo-ion-item-divider.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const theme = require('./theme-0e8633ea.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const theme = require('./theme-6460911b.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const itemDividerCss = ":host{--padding-start:0.5rem;--padding-end:0px;--padding-top:0px;--padding-bottom:0px;--divider-font-size:var(--font-size-18, 1.125rem);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:var(--padding-top) var(--padding-end) var(--padding-bottom) var(--padding-start);z-index:100;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:30px;overflow:hidden;color:var(--ion-color-contrast);font-family:var(--font-family, \"Lato\");background-color:var(--ion-color-base)}:host([sticky]){position:-webkit-sticky;position:sticky;top:0}.item-divider-inner{margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;overflow:hidden;border:0}.item-divider-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-04, 0.25rem);overflow:hidden;font-weight:var(--font-weight-700, 700);font-size:var(--divider-font-size);text-overflow:ellipsis}:host(.web){--divider-font-size:var(--font-size-16, 1rem)}";
 
@@ -27,7 +28,7 @@ const YooIonItemDividerComponent = class {
     }
   }
   render() {
-    return (index.h(index.Host, { class: { ...theme.createColorClasses(this.color), web: index$1.isWeb(this.el) } }, index.h("slot", { name: "start" }), index.h("div", { class: "item-divider-inner" }, index.h("div", { class: "item-divider-wrapper" }, index.h("slot", null)), index.h("slot", { name: "end" }))));
+    return (index.h(index.Host, { class: { ...theme.createColorClasses(this.color), web: overlays.isWeb(this.el) } }, index.h("slot", { name: "start" }), index.h("div", { class: "item-divider-inner" }, index.h("div", { class: "item-divider-wrapper" }, index.h("slot", null)), index.h("slot", { name: "end" }))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/yoo-ion-item-options.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-1fdbd9b3.js');
 
 function isEndSide(win, side) {
   const isRTL = win.document.dir === 'rtl';

package/dist/cjs/yoo-ion-item-sliding.cjs.entry.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
+const index = require('./index-e182c32d.js');
 const itemSliding_interface = require('./item-sliding.interface-7206925b.js');
-const index$1 = require('./index-7b6831ef.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-require('./index-5951fd43.js');
-require('./index-f3d7c03d.js');
+const index$1 = require('./index-af722ca5.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+require('./index-0455f2ed.js');
+require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-1fdbd9b3.js');
 
 const itemSlidingCss = "yoo-ion-item-sliding{position:relative;display:block;width:100%;overflow:hidden}yoo-ion-item-sliding.web{overflow:visible;cursor:pointer}yoo-ion-item-sliding .item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.mobile) .item-sliding-active-slide .item{position:relative;z-index:2;background:var(--light, #ffffff);opacity:1;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:-webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1), -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);pointer-events:none;will-change:transform}:host(.mobile) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:90%;-ms-flex-order:1;order:1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-left;transition-property:padding-left}:host(.mobile) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:90%;-ms-flex-order:-1;order:-1;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:padding-right;transition-property:padding-right}";
 

package/dist/cjs/yoo-ion-item.cjs.entry.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
+const index = require('./index-e182c32d.js');
 const cardListHelpers = require('./card-list-helpers-1e88e6d3.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const theme = require('./theme-0e8633ea.js');
-require('./index-f3d7c03d.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const theme = require('./theme-6460911b.js');
+require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-1fdbd9b3.js');
 
 const itemCss = ":host{--ion-color-contrast:var(--dark, #000000);--ion-color-tint:var(--stable-ultralight, #fafafa);--ion-color-shade:var(--stable-light, #f1f1f1);--transition:background-color 200ms linear;--padding-entity:0;--padding-content-container-card-list:0;--margin-left-card-placeholder:0;--min-height:44px;--background:transparent;--background-active:var(--ion-color-tint);--color:var(--ion-color-contrast);--detail-push-color:var(--ion-color-shade);--border-radius:0;--border-width:0;--border-style:solid;--border-color:var(--ion-color-shade);--inner-border-width:0;--padding-top:0;--padding-bottom:0;--padding-end:0;--padding-start:0;--inner-padding-top:0;--inner-padding-bottom:0;--inner-padding-start:0;--inner-padding-end:0;--box-shadow:none;--inner-box-shadow:none;--highlight-color-focus:var(--ion-color-primary, #276ef1);--highlight-color-valid:var(--ion-color-success, #3aa76d);--highlight-color-invalid:var(--ion-color-danger, #d44333);--highlight-height:2px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--ion-color-contrast);font-size:1rem;text-decoration:none;background:var(--background)}:host yoo-entity{--padding:var(--padding-entity)}:host yoo-card-list{--padding-content-container:var(--padding-content-container-card-list)}:host yoo-card-placeholder{margin-left:var(--margin-left-card-placeholder)}:host(.activated){--background:var(--background-active);--transition:none}@media screen and (orientation: landscape){.item-inner{padding-left:calc(var(--safe-area-inset-left) + var(--inner-padding-start));padding-right:calc(var(--safe-area-inset-right) + var(--inner-padding-end))}}:host(.item-lines-full){--border-width:0 0 0.55px 0}:host(.item-lines-inset){--inner-border-width:0 0 0.55px 0}:host(.item-lines-inset),:host(.item-lines-none){--border-width:0}:host(.item-lines-full),:host(.item-lines-none){--inner-border-width:0}::slotted(:not(.interactive)[slot=start]){margin:2px 16px 2px 0}::slotted(:not(.interactive)[slot=end]){margin-left:8px;margin-right:8px}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]){margin-left:0;margin-top:7px;margin-bottom:7px}:host(.item-label-stacked) ::slotted([slot=end]),:host(.item-label-floating) ::slotted([slot=end]){margin-top:7px;margin-bottom:7px}::slotted(.button-small){--padding-top:0;--padding-bottom:0;--padding-start:.5em;--padding-end:.5em;--height:24px;font-size:var(--font-size-14, 0.875rem)}::slotted(ion-avatar){width:36px;height:36px}::slotted(ion-thumbnail){width:56px;height:56px}::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){margin:8px}.item-detail-icon{color:var(--detail-push-color);font-size:var(--font-size-20, 1.25rem)}:host(.item-radio) ::slotted(ion-label),:host(.item-toggle) ::slotted(ion-label){margin-left:0}:host(.item-label-stacked) ::slotted(ion-input),:host(.item-label-floating) ::slotted(ion-input),:host(.item-label-stacked) ::slotted(ion-textarea),:host(.item-label-floating) ::slotted(ion-textarea){--padding-top:8px;--padding-bottom:8px;--padding-start:0}:host(.item-disabled){cursor:default;opacity:0.3;pointer-events:none}:host(.item-disabled.item-visible){opacity:1}.item-native{padding:var(--padding-top) var(--padding-end) var(--padding-bottom) var(--padding-start);border-radius:var(--border-radius);margin:0;text-align:initial;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:var(--min-height);background-color:var(--background);border-color:var(--border-color);border-style:var(--border-style);border-width:var(--border-width);outline:none;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-transition:var(--transition);transition:var(--transition)}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.item-state{right:0;left:0;bottom:0;position:absolute;height:var(--highlight-height)}.item-inner{margin:0;padding:var(--inner-padding-top) var(--inner-padding-end) var(--inner-padding-bottom) var(--inner-padding-start);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:inherit;border-color:var(--border-color);border-style:var(--border-style);border-width:var(--inner-border-width);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow)}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;text-overflow:ellipsis}:host([vertical-align-top]),:host(.item-input){-ms-flex-align:start;align-items:flex-start}::slotted(ion-icon){font-size:var(--font-size-24, 1.5rem)}:host(.item-label-stacked) .input-wrapper,:host(.item-label-floating) .input-wrapper{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host(.item-label-stacked)::slotted(ion-select),:host(.item-label-floating)::slotted(ion-select){-ms-flex-item-align:stretch;align-self:stretch;max-width:100%}:host(.item-textarea){-ms-flex-align:stretch;align-items:stretch}:host(.item-multiple-inputs) ::slotted(ion-select){position:relative}:host(.item-label-stacked) ::slotted(ion-select),:host(.item-label-floating) ::slotted(ion-select){max-width:100%}:host(.overflow-visible) .input-wrapper{overflow:visible}:host(.overflow-visible) .item-inner{overflow:visible}:host(.overflow-visible) .item-native{overflow:visible}:host(.card-feed.web){max-width:100%;margin:auto !important;background:var(--light, #ffffff)}:host(.card-feed.web) .input-wrapper{-ms-flex-pack:center;justify-content:center}:host(.tapped){background-color:var(--stable-light, #f1f1f1);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}::slotted(ion-reorder[slot]){margin-top:0;margin-bottom:0}";
 

package/dist/cjs/yoo-ion-list.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-1fdbd9b3.js');
 
 const listCss = ".list-ios.list-inset{margin:16px;border-radius:4px}.list-ios.list-inset ion-item{--border-width:0 0 0.0625rem 0;--inner-border-width:0}.list-ios.list-inset ion-item:last-child{--border-width:0;--inner-border-width:0}.list-ios.list-inset+ion-list.list-inset{margin-top:0}.list-ios-lines-none .item{--border-width:0;--inner-border-width:0}.list-ios-lines-full .item,.list-ios .item-lines-full{--border-width:0 0 0.55px 0}.list-ios-lines-full .item{--inner-border-width:0}.list-ios-lines-inset .item,.list-ios .item-lines-inset{--inner-border-width:0 0 0.55px 0}.list-ios .item-lines-inset{--border-width:0}.list-ios .item-lines-full{--inner-border-width:0}.list-ios:not(.list-inset):not(.list-ios-lines-none) .item:last-child{--inner-border-width:0;--border-width:0 0 0.55px 0}.card-list yoo-ion-item{--background:var(--ion-item-backgrond-color)}.web-photos-tab{-ms-flex-item-align:center;align-self:center;max-width:25rem}.web-photos-tab yoo-ion-item{padding:0.5rem 0}";
 

package/dist/cjs/yoo-ion-modal-controller.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const overlays = require('./overlays-47adbee7.js');
-require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const overlays = require('./overlays-40e17096.js');
+require('./index-1fdbd9b3.js');
+require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
 
 const YooIonModalControllerComponent = class {
   constructor(hostRef) {

package/dist/cjs/yoo-ion-modal.cjs.entry.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const overlays = require('./overlays-47adbee7.js');
-const theme = require('./theme-0e8633ea.js');
-const modalAnimations = require('./modal-animations-a8814080.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays$1 = require('./overlays-40e17096.js');
+const theme = require('./theme-6460911b.js');
+const modalAnimations = require('./modal-animations-879d373b.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 async function attachComponent(delegate, container, component, cssClasses, componentProps) {
   if (delegate) {
@@ -92,23 +93,23 @@ const YooIonModalComponent = class {
     this.arrowElements = [];
     this.onKeyboardDidShow = async (ev) => {
       var _a;
-      if (!index$1.isWeb(this.host) && this.dialogElement && ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half) && !this.fullscreen) {
+      if (!overlays.isWeb(this.host) && this.dialogElement && ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half) && !this.fullscreen) {
         this.keyboardHeight = ev['keyboardHeight'];
-        await index$1.gsapTo(this.dialogElement, 0.5, { y: 0, height: window.innerHeight + this.keyboardHeight });
+        await overlays.gsapTo(this.dialogElement, 0.5, { y: 0, height: window.innerHeight + this.keyboardHeight });
         this.setFullscreen();
       }
     };
     this.onKeyboardDidHide = () => {
       var _a;
-      if (!index$1.isWeb(this.host) && this.dialogElement && ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half) && this.fullscreen) {
+      if (!overlays.isWeb(this.host) && this.dialogElement && ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half) && this.fullscreen) {
         this.keyboardHeight = 0;
         this.setFullscreen();
       }
     };
   }
   get customHeight() {
-    if (index$1.isFullScreenFalse()) {
-      const yooDevice = index$1.findParent(this.host, 'yoo-device');
+    if (overlays.isFullScreenFalse()) {
+      const yooDevice = overlays.findParent(this.host, 'yoo-device');
       if (yooDevice) {
         const yooDeviceContent = yooDevice.querySelector('.device-content');
         return yooDeviceContent.clientHeight || window.innerHeight;
@@ -126,7 +127,7 @@ const YooIonModalComponent = class {
     this.dismiss();
   }
   onBackdropTap() {
-    this.dismiss(null, overlays.BACKDROP);
+    this.dismiss(null, overlays$1.BACKDROP);
   }
   lifecycle(modalEvent) {
     commonHelpers.lifecycleEvents(modalEvent, this.dialogContentElement, LIFECYCLE_MAP);
@@ -142,14 +143,14 @@ const YooIonModalComponent = class {
       const dialogYPos = this.modalYPosition + yPos;
       if (lodash.inRange(dialogYPos, 0, window.innerHeight)) {
         this.dialogElement.style.zIndex = (parseFloat(this.zIndexOverlay) + 1).toString();
-        index$1.gsapSet(this.dialogElement, { y: dialogYPos, height: modalHeight - dialogYPos });
+        overlays.gsapSet(this.dialogElement, { y: dialogYPos, height: modalHeight - dialogYPos });
       }
       if (event.detail.isFinal) {
         const goToMiddle = lodash.inRange(dialogYPos, modalHeight * 0.25, modalHeight * 0.75);
         const goToTop = dialogYPos < modalHeight * 0.25;
         const shouldDismiss = dialogYPos > modalHeight * 0.75;
         if (goToMiddle) {
-          index$1.gsapTo(this.dialogElement, 0.25, {
+          overlays.gsapTo(this.dialogElement, 0.25, {
             y: modalHeight * 0.5,
             height: window.innerHeight / 2,
             onComplete: () => {
@@ -160,7 +161,7 @@ const YooIonModalComponent = class {
           });
         }
         if (goToTop) {
-          index$1.gsapTo(this.dialogElement, 0.25, {
+          overlays.gsapTo(this.dialogElement, 0.25, {
             y: 0,
             height: window.innerHeight,
             onComplete: () => {
@@ -182,7 +183,7 @@ const YooIonModalComponent = class {
       if (!isFullScreen) {
         this.dialogElement.classList.remove('full-screen-important');
       }
-      return index$1.gsapTo(this.dialogElement, 0.25, {
+      return overlays.gsapTo(this.dialogElement, 0.25, {
         width: isFullScreen ? '100%' : modalWidth || 'auto',
         height: isFullScreen ? '100%' : modalHeight || this.getModalHeight(),
         maxHeight: isFullScreen ? '100%' : modalHeight || 'calc(100% - 2 * 3.5rem)',
@@ -212,9 +213,9 @@ const YooIonModalComponent = class {
     this.modalYPosition = isHalfSize ? this.customHeight * coeffHalf : 0;
     const isFromBottom = ((_a = this.finalEnterAnimation) === null || _a === void 0 ? void 0 : _a.includes('slideYEnterAnimation')) && this.component instanceof HTMLElement && !isAutocompleteDialog;
     const isContextMenu = this.isMode('context-menu') || this.isMode('language-selector');
-    const allowScaleEffect = index$1.isWeb(this.host) && !this.isMode('quickview') && !this.isMode('transparent');
+    const allowScaleEffect = overlays.isWeb(this.host) && !this.isMode('quickview') && !this.isMode('transparent');
     const allowFadeInContent = (this.waitForContentLoaded || allowScaleEffect) && !isContextMenu && !this.isMode('no-fade-in');
-    const cssClasses = index$1.isWeb(this.host) ? (allowFadeInContent ? ['hide'] : []) : isHalfSize ? ['ion-page', 'half'] : !isPhotoEditor ? ['ion-page'] : [];
+    const cssClasses = overlays.isWeb(this.host) ? (allowFadeInContent ? ['hide'] : []) : isHalfSize ? ['ion-page', 'half'] : !isPhotoEditor ? ['ion-page'] : [];
     cssClasses.push('modal-view');
     if (this.presented || !this.dialogElement) {
       return;
@@ -222,7 +223,7 @@ const YooIonModalComponent = class {
     if (isFromBottom && !this.componentProps.half) {
       this.dialogElement.style.transform = `translateY(${this.customHeight}px)`;
     }
-    if (index$1.isWeb(this.host)) {
+    if (overlays.isWeb(this.host)) {
       this.dialogElement.style.height = this.getModalHeight();
       this.dialogElement.style.minHeight = this.getModalMinHeight();
       this.dialogElement.style.width = this.getModalDimension('width');
@@ -230,7 +231,7 @@ const YooIonModalComponent = class {
       this.dialogElement.style.top = this.getModalDimension('top');
       this.dialogElement.style.left = this.getModalDimension('left');
     }
-    if (!index$1.isAnimationsDisabled()) {
+    if (!overlays.isAnimationsDisabled()) {
       if (!isContextMenu) {
         this.dialogElement.style.opacity = '0';
       }
@@ -244,7 +245,7 @@ const YooIonModalComponent = class {
         this.dialogContentElement = element;
         this.setDialogPosition();
         this.elementToAnimate = !isContextMenu ? this.dialogElement : this.dialogContentElement;
-        if (index$1.isAnimationsDisabled() && this.dialogContentElement) {
+        if (overlays.isAnimationsDisabled() && this.dialogContentElement) {
           this.dialogContentElement.style.transform = 'none';
         }
         if (!isContextMenu) {
@@ -258,12 +259,12 @@ const YooIonModalComponent = class {
           this.componentInstance = this.dialogContentElement.componentInstance;
         }
         if (this.showBackdrop && !this.isMode('no-shadow') && !this.isMode('context-menu')) {
-          index$1.fadeScaleAnimation(this.overlay, 'Enter', false, 0.5);
+          overlays.fadeScaleAnimation(this.overlay, 'Enter', false, 0.5);
         }
         if ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.dialogContentElement) {
           this.dialogElement.style.width = `${this.componentProps.dialogContentElement.clientWidth}px`;
         }
-        return index$1.present(this, () => modalAnimations.modalAnimationFactory(this.finalEnterAnimation, this.elementToAnimate, {
+        return overlays.present(this, () => modalAnimations.modalAnimationFactory(this.finalEnterAnimation, this.elementToAnimate, {
           scaleEffect: allowScaleEffect,
           duration: this.modalEnterAnimationDuration,
           modalPosition: this.componentProps.half && coeffHalf,
@@ -286,7 +287,7 @@ const YooIonModalComponent = class {
     }
     const isLanguageSelector = this.host.classList.contains('language-selector');
     if (this.showBackdrop && !this.isMode('no-shadow') && !this.isMode('context-menu')) {
-      index$1.fadeScaleAnimation(this.overlay, 'Leave', false, 0.5);
+      overlays.fadeScaleAnimation(this.overlay, 'Leave', false, 0.5);
     }
     if (isLanguageSelector) {
       this.dialogElement.style.display = 'none';
@@ -294,7 +295,7 @@ const YooIonModalComponent = class {
     if (this.resizeListener) {
       window.removeEventListener('resize', this.resizeListener);
     }
-    return index$1.dismiss(this, data, role, overlayDismiss, () => {
+    return overlays.dismiss(this, data, role, overlayDismiss, () => {
       const coeffHalf = 1 - (this.componentProps.coeffHalf || 0.5);
       return modalAnimations.modalAnimationFactory(this.finalLeaveAnimation, this.elementToAnimate, {
         duration: this.modalLeaveAnimationDuration,
@@ -311,7 +312,7 @@ const YooIonModalComponent = class {
    *
    */
   async onDidPresent(callback) {
-    return overlays.eventMethod(this.host, 'ionModalDidPresent', callback);
+    return overlays$1.eventMethod(this.host, 'ionModalDidPresent', callback);
   }
   /**
    * Returns a promise that resolves when the modal did dismiss. It also accepts a callback
@@ -319,7 +320,7 @@ const YooIonModalComponent = class {
    *
    */
   async onDidDismiss(callback) {
-    return overlays.eventMethod(this.host, 'ionModalDidDismiss', callback);
+    return overlays$1.eventMethod(this.host, 'ionModalDidDismiss', callback);
   }
   /**
    * Returns a promise that resolves when the modal will dismiss. It also accepts a callback
@@ -327,11 +328,11 @@ const YooIonModalComponent = class {
    *
    */
   async onWillDismiss(callback) {
-    return overlays.eventMethod(this.host, 'ionModalWillDismiss', callback);
+    return overlays$1.eventMethod(this.host, 'ionModalWillDismiss', callback);
   }
   async toggleDraggable(enable, options) {
     if (enable && !this.dragInstance) {
-      this.dragInstance = new index$1.Draggable(this.dialogElement, {
+      this.dragInstance = new overlays.Draggable(this.dialogElement, {
         cursor: 'grab',
         zIndexBoost: false,
         allowEventDefault: true,
@@ -349,17 +350,17 @@ const YooIonModalComponent = class {
     }
   }
   componentWillLoad() {
-    this.finalEnterAnimation = this.enterAnimation || index$1.getModalAnimation('Enter', 'X', true);
-    this.finalLeaveAnimation = this.leaveAnimation || index$1.getModalAnimation('Leave', 'X', true);
+    this.finalEnterAnimation = this.enterAnimation || overlays.getModalAnimation('Enter', 'X', true);
+    this.finalLeaveAnimation = this.leaveAnimation || overlays.getModalAnimation('Leave', 'X', true);
     this.clearFocusing();
   }
   componentDidLoad() {
     this.ionModalDidLoad.emit();
-    if (this.host.classList.contains('preview') && index$1.isWeb(this.host)) {
+    if (this.host.classList.contains('preview') && overlays.isWeb(this.host)) {
       this.setPreviewModalIndicatorPosition();
       window.addEventListener('resize', this.resizeListener);
     }
-    if (!index$1.isWeb(this.host)) {
+    if (!overlays.isWeb(this.host)) {
       this.keyboardDidHideListener = lodash.debounce(this.onKeyboardDidHide, 500).bind(this);
       window.addEventListener('keyboardDidHide', this.keyboardDidHideListener);
       this.keyboardDidShowListener = lodash.debounce(this.onKeyboardDidShow, 500).bind(this);
@@ -370,10 +371,10 @@ const YooIonModalComponent = class {
     if (this.dialogElement && this.dialogElement.parentElement && this.dialogElement.parentElement.isConnected) {
       this.ionModalDidUnload.emit();
     }
-    if (this.host.classList.contains('preview') && index$1.isWeb(this.host) && this.resizeListener) {
+    if (this.host.classList.contains('preview') && overlays.isWeb(this.host) && this.resizeListener) {
       window.removeEventListener('resize', this.resizeListener);
     }
-    if (!index$1.isWeb(this.host)) {
+    if (!overlays.isWeb(this.host)) {
       window.removeEventListener('keyboardDidHide', this.keyboardDidHideListener);
       window.removeEventListener('keyboardDidShow', this.keyboardDidShowListener);
     }
@@ -406,7 +407,7 @@ const YooIonModalComponent = class {
     if (this.componentProps.hostElement) {
       const hostElement = this.componentProps.hostElement;
       const hostBoundings = hostElement.getBoundingClientRect();
-      const { height, left, top, placement } = index$1.getDialogPosition(hostBoundings, 'below', this.dialogElement, ((_b = (_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.dialogContentElement) === null || _b === void 0 ? void 0 : _b.clientWidth) || hostBoundings.width);
+      const { height, left, top, placement } = overlays.getDialogPosition(hostBoundings, 'below', this.dialogElement, ((_b = (_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.dialogContentElement) === null || _b === void 0 ? void 0 : _b.clientWidth) || hostBoundings.width);
       this.dialogElement.style.margin = '0';
       if (document.dir === 'rtl') {
         this.dialogElement.style.right = 'unset';
@@ -566,14 +567,14 @@ const YooIonModalComponent = class {
         ...theme.getClassMap(this.cssClass),
         ...commonHelpers.getAppContext(this.host),
         // If in the web but not with a custom host - the modal should be centered with fixed width/height
-        safari: index$1.isSafari(),
-        offline: index$1.isOffline() && !index$1.isIphoneX(),
-        'offline-iphone-x': index$1.isOffline() && index$1.isIphoneX(),
+        safari: overlays.isSafari(),
+        offline: overlays.isOffline() && !overlays.isIphoneX(),
+        'offline-iphone-x': overlays.isOffline() && overlays.isIphoneX(),
         half: this.componentProps.half,
         'swipe-to-close': this.swipeRightToClose,
         navigable: this.navigable,
-        'webpart': (_a = index$1.getSession()) === null || _a === void 0 ? void 0 : _a.isWebPart
-      } }, this.showBackdrop && (index.h("div", { ref: (el) => (this.overlay = el), class: "overlay", style: { 'z-index': this.zIndexOverlay }, onClick: (ev) => this.onOverlayDismissClick(ev) })), this.swipeRightToClose ? index.h("yoo-swipe-container", { onSwipedRight: () => this.closeModal() }, this.renderDialog()) : this.renderDialog(), index$1.isWeb(this.host) &&
+        'webpart': (_a = overlays.getSession()) === null || _a === void 0 ? void 0 : _a.isWebPart
+      } }, this.showBackdrop && (index.h("div", { ref: (el) => (this.overlay = el), class: "overlay", style: { 'z-index': this.zIndexOverlay }, onClick: (ev) => this.onOverlayDismissClick(ev) })), this.swipeRightToClose ? index.h("yoo-swipe-container", { onSwipedRight: () => this.closeModal() }, this.renderDialog()) : this.renderDialog(), overlays.isWeb(this.host) &&
       this.navigable &&
       ['left', 'right'].map((direction, index$1) => {
         return (index.h("div", { onClick: () => this.onArrowClick(direction), ref: (el) => (this.arrowElements[index$1] = el), style: zIndexStyle, class: `arrow-container ${direction}` }, index.h("yoo-icon", { size: "extra-large", color: "light", name: direction })));

package/dist/cjs/yoo-ion-refresher-content.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
+const index = require('./index-e182c32d.js');
 
 const YooIonRefresherContentComponent = class {
   constructor(hostRef) {

package/dist/cjs/yoo-ion-refresher.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$3 = require('./index-5951fd43.js');
-const index$1 = require('./index-f3d7c03d.js');
-const index$2 = require('./index-7b6831ef.js');
+const index = require('./index-e182c32d.js');
+const index$2 = require('./index-0455f2ed.js');
+require('./index-1fdbd9b3.js');
+const index$1 = require('./index-af722ca5.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const refresherCss = "yoo-ion-refresher{left:0;top:0;position:absolute;top:0;z-index:0;display:none;width:100%;height:60px}yoo-ion-refresher.refresher-active{display:block}yoo-ion-refresher.transparent yoo-ion-refresher-content{background-color:transparent}yoo-ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:2rem;text-align:center;-webkit-transition:200ms;transition:200ms}.refresher-pulling-text,.refresher-refreshing-text{font-size:1rem;text-align:center}.refresher-pulling yoo-ion-refresher-content .refresher-pulling{display:block}.refresher-ready yoo-ion-refresher-content .refresher-pulling{display:block}.refresher-ready yoo-ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing yoo-ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling yoo-ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling yoo-ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing yoo-ion-refresher-content .refresher-refreshing{display:block}.refresher-completing yoo-ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-ios .refresher-pulling-icon,.refresher-ios .refresher-refreshing-icon{color:var(--dark, #000000)}.refresher-ios .refresher-pulling-text,.refresher-ios .refresher-refreshing-text{color:var(--dark, #000000)}.refresher-ios .refresher-refreshing .spinner-lines-ios line,.refresher-ios .refresher-refreshing .spinner-lines-small-ios line,.refresher-ios .refresher-refreshing .spinner-crescent circle{stroke:var(--dark, #000000)}.refresher-ios .refresher-refreshing .spinner-bubbles circle,.refresher-ios .refresher-refreshing .spinner-circles circle,.refresher-ios .refresher-refreshing .spinner-dots circle{fill:var(--dark, #000000)}.refresher-pulling-icon yoo-icon{font-size:var(--font-size-14, 0.875rem)}.refresher-refreshing-icon img{width:25px}";
 
@@ -108,15 +109,15 @@ const YooIonRefresherComponent = class {
     if (this.el.getAttribute('slot') !== 'fixed') {
       return;
     }
-    const contentEl = index$1.findParent(this.el, 'yoo-ion-content');
+    const contentEl = overlays.findParent(this.el, 'yoo-ion-content');
     if (contentEl) {
       await contentEl.componentOnReady();
       this.scrollEl = await contentEl.getScrollElement();
     }
     else {
-      this.scrollEl = index$1.findParent(this.el, 'yoo-ion-scroll');
+      this.scrollEl = overlays.findParent(this.el, 'yoo-ion-scroll');
     }
-    this.gesture = index$2.createGesture({
+    this.gesture = index$1.createGesture({
       el: this.el.closest('yoo-ion-content'),
       gestureName: 'refresher',
       gesturePriority: 20,
@@ -249,8 +250,8 @@ const YooIonRefresherComponent = class {
     }
   }
   beginRefresh() {
-    if (index$1.isNativeMobile() && index$1.isIOS()) {
-      index$3.TapticEngine.impact({
+    if (overlays.isNativeMobile() && overlays.isIOS()) {
+      index$2.TapticEngine.impact({
         style: 'medium'
       });
     }