@pod-os/elements 0.11.1-497f3ef.0 → 0.11.1-5e652ae.0

package/dist/esm/ion-menu-toggle.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, H as Host } from './index-1058e225.js';
-import { g as getIonMode } from './ionic-global-a2c7ad8b.js';
-import { m as menuController } from './index-82f6a4df.js';
-import { u as updateVisibility } from './menu-toggle-util-27f5f9be.js';
+import { r as registerInstance, h, H as Host } from './index-33ece0f3.js';
+import { g as getIonMode } from './ionic-global-abe366ea.js';
+import { m as menuController } from './index-3ca7ca42.js';
+import { u as updateVisibility } from './menu-toggle-util-d434cd99.js';
 import './hardware-back-button-242191a7.js';
-import './helpers-aeff219b.js';
-import './animation-801a007a.js';
+import './helpers-dc474de0.js';
+import './animation-b5940eb7.js';
 import './index-0dbaca1a.js';
 
 const menuToggleCss = ":host(.menu-toggle-hidden){display:none}";

package/dist/esm/ion-menu.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, d as createEvent, h, H as Host, c as getElement } from './index-1058e225.js';
-import { c as config, g as getIonMode } from './ionic-global-a2c7ad8b.js';
+import { r as registerInstance, e as createEvent, h, H as Host, d as getElement } from './index-33ece0f3.js';
+import { c as config, g as getIonMode } from './ionic-global-abe366ea.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-538b6253.js';
 import { G as GESTURE_CONTROLLER } from './gesture-controller-c466ff14.js';
-import { l as isEndSide, i as inheritAriaAttributes, n as assert, b as clamp } from './helpers-aeff219b.js';
-import { m as menuController } from './index-82f6a4df.js';
-import { g as getOverlay } from './overlays-728c637e.js';
+import { l as isEndSide, i as inheritAriaAttributes, m as assert, b as clamp } from './helpers-dc474de0.js';
+import { m as menuController } from './index-3ca7ca42.js';
+import { g as getOverlay } from './overlays-3bfecc84.js';
 import './hardware-back-button-242191a7.js';
-import './animation-801a007a.js';
+import './animation-b5940eb7.js';
 import './index-0dbaca1a.js';
 
 const menuIosCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{left:0;right:auto;top:0;bottom:0;transform:translateX(-9999px);display:flex;position:absolute;flex-direction:column;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}[dir=rtl] .menu-inner,:host-context([dir=rtl]) .menu-inner{left:unset;right:unset;left:auto;right:0}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;right:auto;left:0}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;right:0;left:auto;}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;transform:none !important;box-shadow:none !important}:host(.menu-pane-visible) ion-backdrop{display:hidden !important;}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}";
@@ -96,7 +96,7 @@ const Menu = class {
   async connectedCallback() {
     // TODO: connectedCallback is fired in CE build
     // before WC is defined. This needs to be fixed in Stencil.
-    if (typeof customElements !== 'undefined') {
+    if (typeof customElements !== 'undefined' && customElements != null) {
       await customElements.whenDefined('ion-menu');
     }
     if (this.type === undefined) {
@@ -117,7 +117,7 @@ const Menu = class {
     this.sideChanged();
     // register this menu with the app's menu controller
     menuController._register(this);
-    this.gesture = (await import('./index-d39eb62b.js')).createGesture({
+    this.gesture = (await import('./index-e23280d9.js')).createGesture({
       el: document,
       gestureName: 'menu-swipe',
       gesturePriority: 30,
@@ -156,6 +156,7 @@ const Menu = class {
     this.updateState();
   }
   onBackdropClick(ev) {
+    // TODO(FW-2832): type (CustomEvent triggers errors which should be sorted)
     if (this._isOpen && this.lastOnEnd < ev.timeStamp - 100) {
       const shouldClose = ev.composedPath ? !ev.composedPath().includes(this.menuInnerEl) : false;
       if (shouldClose) {
@@ -428,6 +429,22 @@ const Menu = class {
     if (this.backdropEl) {
       this.backdropEl.classList.add(SHOW_BACKDROP);
     }
+    // add css class and hide content behind menu from screen readers
+    if (this.contentEl) {
+      this.contentEl.classList.add(MENU_CONTENT_OPEN);
+      /**
+       * When the menu is open and overlaying the main
+       * content, the main content should not be announced
+       * by the screenreader as the menu is the main
+       * focus. This is useful with screenreaders that have
+       * "read from top" gestures that read the entire
+       * page from top to bottom when activated.
+       * This should be done before the animation starts
+       * so that users cannot accidentally scroll
+       * the content while dragging a menu open.
+       */
+      this.contentEl.setAttribute('aria-hidden', 'true');
+    }
     this.blocker.block();
     this.isAnimating = true;
     if (shouldOpen) {
@@ -450,19 +467,6 @@ const Menu = class {
       this.blocker.unblock();
     }
     if (isOpen) {
-      // add css class and hide content behind menu from screen readers
-      if (this.contentEl) {
-        this.contentEl.classList.add(MENU_CONTENT_OPEN);
-        /**
-         * When the menu is open and overlaying the main
-         * content, the main content should not be announced
-         * by the screenreader as the menu is the main
-         * focus. This is useful with screenreaders that have
-         * "read from top" gestures that read the entire
-         * page from top to bottom when activated.
-         */
-        this.contentEl.setAttribute('aria-hidden', 'true');
-      }
       // emit open event
       this.ionDidOpen.emit();
       /**

package/dist/esm/ion-modal.entry.js

@@ -1,17 +1,17 @@
-import { r as registerInstance, d as createEvent, w as writeTask, h, H as Host, c as getElement } from './index-1058e225.js';
-import { g as getIonMode, c as config } from './ionic-global-a2c7ad8b.js';
-import { a as findClosestIonContent, i as isIonContent, d as disableContentScrollY, r as resetContentScrollY, f as findIonContent, p as printIonContentErrorMsg } from './index-38d8370e.js';
-import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-7e2b767b.js';
-import { g as getElementRoot, b as clamp, r as raf, a as inheritAttributes } from './helpers-aeff219b.js';
-import { KEYBOARD_DID_OPEN } from './keyboard-413afe04.js';
+import { r as registerInstance, e as createEvent, w as writeTask, h, H as Host, d as getElement } from './index-33ece0f3.js';
+import { g as getIonMode, c as config } from './ionic-global-abe366ea.js';
+import { a as findClosestIonContent, i as isIonContent, d as disableContentScrollY, r as resetContentScrollY, f as findIonContent, p as printIonContentErrorMsg } from './index-3f9a18ba.js';
+import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-df4b1d47.js';
+import { j as getElementRoot, b as clamp, r as raf, a as inheritAttributes } from './helpers-dc474de0.js';
+import { KEYBOARD_DID_OPEN } from './keyboard-765ce6f2.js';
 import { p as printIonWarning } from './index-47f5cd9a.js';
 import { w as win } from './index-0dbaca1a.js';
-import { G as GESTURE, B as BACKDROP, p as prepareOverlay, a as present, b as activeAnimations, d as dismiss, e as eventMethod } from './overlays-728c637e.js';
+import { G as GESTURE, B as BACKDROP, p as prepareOverlay, a as present, b as activeAnimations, d as dismiss, e as eventMethod } from './overlays-3bfecc84.js';
 import { g as getClassMap } from './theme-7cf2cab0.js';
-import { d as deepReady } from './index-bd9e43b0.js';
-import { c as createAnimation } from './animation-801a007a.js';
+import { d as deepReady } from './index-8da653e3.js';
+import { c as createAnimation } from './animation-b5940eb7.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-538b6253.js';
-import { createGesture } from './index-d39eb62b.js';
+import { createGesture } from './index-e23280d9.js';
 import './hardware-back-button-242191a7.js';
 import './gesture-controller-c466ff14.js';
 
@@ -1206,8 +1206,12 @@ const Modal = class {
       if (destroyTriggerInteraction) {
         destroyTriggerInteraction();
       }
+      if (trigger === undefined) {
+        return;
+      }
       const triggerEl = trigger !== undefined ? document.getElementById(trigger) : null;
       if (!triggerEl) {
+        printIonWarning(`A trigger element with the ID "${trigger}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-modal.`, this.el);
         return;
       }
       const configureTriggerInteraction = (trigEl, modalEl) => {
@@ -1275,7 +1279,7 @@ const Modal = class {
       this.gesture.enable(enable);
     }
     else if (enable) {
-      await this.initSwipeToClose();
+      this.initSwipeToClose();
     }
   }
   breakpointsChanged(breakpoints) {
@@ -1395,9 +1399,8 @@ const Modal = class {
      * need to reset the current breakpoint to the initial breakpoint.
      */
     this.currentBreakpoint = this.initialBreakpoint;
-    const data = Object.assign(Object.assign({}, this.componentProps), { modal: this.el });
     const { inline, delegate } = this.getDelegate(true);
-    this.usersElement = await attachComponent(delegate, this.el, this.component, ['ion-page'], data, inline);
+    this.usersElement = await attachComponent(delegate, this.el, this.component, ['ion-page'], this.componentProps, inline);
     await deepReady(this.usersElement);
     writeTask(() => this.el.classList.add('show-modal'));
     this.currentTransition = present(this, 'modalEnter', iosEnterAnimation, mdEnterAnimation, {
@@ -1405,6 +1408,37 @@ const Modal = class {
       currentBreakpoint: this.initialBreakpoint,
       backdropBreakpoint: this.backdropBreakpoint,
     });
+    /* tslint:disable-next-line */
+    if (typeof window !== 'undefined') {
+      /**
+       * This needs to be setup before any
+       * non-transition async work so it can be dereferenced
+       * in the dismiss method. The dismiss method
+       * only waits for the entering transition
+       * to finish. It does not wait for all of the `present`
+       * method to resolve.
+       */
+      this.keyboardOpenCallback = () => {
+        if (this.gesture) {
+          /**
+           * When the native keyboard is opened and the webview
+           * is resized, the gesture implementation will become unresponsive
+           * and enter a free-scroll mode.
+           *
+           * When the keyboard is opened, we disable the gesture for
+           * a single frame and re-enable once the contents have repositioned
+           * from the keyboard placement.
+           */
+          this.gesture.enable(false);
+          raf(() => {
+            if (this.gesture) {
+              this.gesture.enable(true);
+            }
+          });
+        }
+      };
+      window.addEventListener(KEYBOARD_DID_OPEN, this.keyboardOpenCallback);
+    }
     /**
      * TODO (FW-937) - In the next major release of Ionic, all card modals
      * will be swipeable by default. canDismiss will be used to determine if the
@@ -1430,30 +1464,7 @@ const Modal = class {
       this.initSheetGesture();
     }
     else if (hasCardModal) {
-      await this.initSwipeToClose();
-    }
-    /* tslint:disable-next-line */
-    if (typeof window !== 'undefined') {
-      this.keyboardOpenCallback = () => {
-        if (this.gesture) {
-          /**
-           * When the native keyboard is opened and the webview
-           * is resized, the gesture implementation will become unresponsive
-           * and enter a free-scroll mode.
-           *
-           * When the keyboard is opened, we disable the gesture for
-           * a single frame and re-enable once the contents have repositioned
-           * from the keyboard placement.
-           */
-          this.gesture.enable(false);
-          raf(() => {
-            if (this.gesture) {
-              this.gesture.enable(true);
-            }
-          });
-        }
-      };
-      window.addEventListener(KEYBOARD_DID_OPEN, this.keyboardOpenCallback);
+      this.initSwipeToClose();
     }
     this.currentTransition = undefined;
   }
@@ -1566,6 +1577,7 @@ const Modal = class {
     /* tslint:disable-next-line */
     if (typeof window !== 'undefined' && this.keyboardOpenCallback) {
       window.removeEventListener(KEYBOARD_DID_OPEN, this.keyboardOpenCallback);
+      this.keyboardOpenCallback = undefined;
     }
     /**
      * When using an inline modal

package/dist/esm/ion-nav-link.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as getElement, H as Host } from './index-1058e225.js';
+import { r as registerInstance, h, d as getElement, H as Host } from './index-33ece0f3.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License

package/dist/esm/ion-nav.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, d as createEvent, h, c as getElement } from './index-1058e225.js';
-import { g as getIonMode, c as config } from './ionic-global-a2c7ad8b.js';
+import { r as registerInstance, e as createEvent, h, d as getElement } from './index-33ece0f3.js';
+import { g as getIonMode, c as config } from './ionic-global-abe366ea.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-538b6253.js';
-import { n as assert, s as shallowEqualStringMap } from './helpers-aeff219b.js';
-import { l as lifecycle, t as transition, s as setPageHidden, L as LIFECYCLE_WILL_UNLOAD, a as LIFECYCLE_WILL_LEAVE, b as LIFECYCLE_DID_LEAVE } from './index-bd9e43b0.js';
-import { a as attachComponent } from './framework-delegate-7e2b767b.js';
+import { m as assert, s as shallowEqualStringMap } from './helpers-dc474de0.js';
+import { l as lifecycle, t as transition, s as setPageHidden, L as LIFECYCLE_WILL_UNLOAD, a as LIFECYCLE_WILL_LEAVE, b as LIFECYCLE_DID_LEAVE } from './index-8da653e3.js';
+import { a as attachComponent } from './framework-delegate-df4b1d47.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -11,6 +11,7 @@ import { a as attachComponent } from './framework-delegate-7e2b767b.js';
 const VIEW_STATE_NEW = 1;
 const VIEW_STATE_ATTACHED = 2;
 const VIEW_STATE_DESTROYED = 3;
+// TODO(FW-2832): types
 class ViewController {
   constructor(component, params) {
     this.component = component;
@@ -115,7 +116,7 @@ const Nav = class {
   }
   async componentDidLoad() {
     this.rootChanged();
-    this.gesture = (await import('./swipe-back-7ef22876.js')).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
+    this.gesture = (await import('./swipe-back-3b3f43fc.js')).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
     this.swipeGestureChanged();
   }
   connectedCallback() {

package/dist/esm/ion-picker-column.entry.js

@@ -1,7 +1,8 @@
-import { r as registerInstance, d as createEvent, h, H as Host, c as getElement } from './index-1058e225.js';
-import { g as getIonMode } from './ionic-global-a2c7ad8b.js';
-import { b as clamp } from './helpers-aeff219b.js';
+import { r as registerInstance, e as createEvent, h, H as Host, d as getElement } from './index-33ece0f3.js';
+import { g as getIonMode } from './ionic-global-abe366ea.js';
+import { b as clamp } from './helpers-dc474de0.js';
 import { b as hapticSelectionChanged, c as hapticSelectionEnd, a as hapticSelectionStart } from './haptic-e7d5ef4d.js';
+import { g as getClassMap } from './theme-7cf2cab0.js';
 
 const pickerColumnIosCss = ".picker-col{display:flex;position:relative;flex:1;justify-content:center;height:100%;box-sizing:content-box;contain:content}.picker-opts{position:relative;flex:1;max-width:100%}.picker-opt{left:0;top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}[dir=rtl] .picker-opt,:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{justify-content:flex-start}.picker-opts-right{justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;flex:1;text-align:start;white-space:nowrap}.picker-col{padding-left:4px;padding-right:4px;padding-top:0;padding-bottom:0;transform-style:preserve-3d}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.picker-col{padding-left:unset;padding-right:unset;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px}}.picker-prefix,.picker-suffix,.picker-opts{top:77px;transform-style:preserve-3d;color:inherit;font-size:20px;line-height:42px;pointer-events:none}.picker-opt{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;transform-origin:center center;height:46px;transform-style:preserve-3d;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:20px;line-height:42px;backface-visibility:hidden;pointer-events:auto}[dir=rtl] .picker-opt,:host-context([dir=rtl]) .picker-opt{transform-origin:calc(100% - center) center}";
 
@@ -31,7 +32,7 @@ const PickerColumnCmp = class {
     }
     this.rotateFactor = pickerRotateFactor;
     this.scaleFactor = pickerScaleFactor;
-    this.gesture = (await import('./index-d39eb62b.js')).createGesture({
+    this.gesture = (await import('./index-e23280d9.js')).createGesture({
       el: this.el,
       gestureName: 'picker-swipe',
       gesturePriority: 100,
@@ -57,8 +58,10 @@ const PickerColumnCmp = class {
     this.refresh();
   }
   disconnectedCallback() {
-    cancelAnimationFrame(this.rafId);
-    clearTimeout(this.tmrId);
+    if (this.rafId !== undefined)
+      cancelAnimationFrame(this.rafId);
+    if (this.tmrId)
+      clearTimeout(this.tmrId);
     if (this.gesture) {
       this.gesture.destroy();
       this.gesture = undefined;
@@ -73,7 +76,8 @@ const PickerColumnCmp = class {
     const y = selectedIndex > -1 ? -(selectedIndex * this.optHeight) : 0;
     this.velocity = 0;
     // set what y position we're at
-    cancelAnimationFrame(this.rafId);
+    if (this.rafId !== undefined)
+      cancelAnimationFrame(this.rafId);
     this.update(y, duration, true);
     this.emitColChange();
   }
@@ -199,7 +203,8 @@ const PickerColumnCmp = class {
     detail.event.stopPropagation();
     hapticSelectionStart();
     // reset everything
-    cancelAnimationFrame(this.rafId);
+    if (this.rafId !== undefined)
+      cancelAnimationFrame(this.rafId);
     const options = this.col.options;
     let minY = options.length - 1;
     let maxY = 0;
@@ -299,16 +304,10 @@ const PickerColumnCmp = class {
   }
   render() {
     const col = this.col;
-    const Button = 'button';
     const mode = getIonMode(this);
-    return (h(Host, { class: {
-        [mode]: true,
-        'picker-col': true,
-        'picker-opts-left': this.col.align === 'left',
-        'picker-opts-right': this.col.align === 'right',
-      }, style: {
+    return (h(Host, { class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
         'max-width': this.col.columnWidth,
-      } }, col.prefix && (h("div", { class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h(Button, { type: "button", class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+      } }, col.prefix && (h("div", { class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
   }
   get el() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/ion-picker.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, d as createEvent, h, H as Host, c as getElement } from './index-1058e225.js';
-import { g as getIonMode } from './ionic-global-a2c7ad8b.js';
-import { B as BACKDROP, i as isCancel, p as prepareOverlay, a as present, d as dismiss, e as eventMethod, s as safeCall } from './overlays-728c637e.js';
+import { r as registerInstance, e as createEvent, h, H as Host, d as getElement } from './index-33ece0f3.js';
+import { g as getIonMode } from './ionic-global-abe366ea.js';
+import { B as BACKDROP, i as isCancel, p as prepareOverlay, a as present, d as dismiss, e as eventMethod, s as safeCall } from './overlays-3bfecc84.js';
 import { g as getClassMap } from './theme-7cf2cab0.js';
-import { c as createAnimation } from './animation-801a007a.js';
+import { c as createAnimation } from './animation-b5940eb7.js';
 import './hardware-back-button-242191a7.js';
-import './helpers-aeff219b.js';
+import './helpers-dc474de0.js';
 import './index-0dbaca1a.js';
 
 /*!

package/dist/esm/ion-popover.entry.js

@@ -1,11 +1,12 @@
-import { r as registerInstance, d as createEvent, h, H as Host, c as getElement } from './index-1058e225.js';
-import { g as getIonMode, a as isPlatform } from './ionic-global-a2c7ad8b.js';
-import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-7e2b767b.js';
-import { r as raf, g as getElementRoot, e as addEventListener } from './helpers-aeff219b.js';
-import { B as BACKDROP, p as prepareOverlay, d as dismiss, e as eventMethod, a as present, j as focusFirstDescendant } from './overlays-728c637e.js';
+import { r as registerInstance, e as createEvent, h, H as Host, d as getElement } from './index-33ece0f3.js';
+import { g as getIonMode, a as isPlatform } from './ionic-global-abe366ea.js';
+import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-df4b1d47.js';
+import { r as raf, j as getElementRoot, e as addEventListener } from './helpers-dc474de0.js';
+import { p as printIonWarning } from './index-47f5cd9a.js';
+import { B as BACKDROP, p as prepareOverlay, d as dismiss, e as eventMethod, a as present, j as focusFirstDescendant } from './overlays-3bfecc84.js';
 import { g as getClassMap } from './theme-7cf2cab0.js';
-import { d as deepReady } from './index-bd9e43b0.js';
-import { c as createAnimation } from './animation-801a007a.js';
+import { d as deepReady } from './index-8da653e3.js';
+import { c as createAnimation } from './animation-b5940eb7.js';
 import './hardware-back-button-242191a7.js';
 import './index-0dbaca1a.js';
 
@@ -759,6 +760,7 @@ const POPOVER_IOS_BODY_PADDING = 5;
 /**
  * iOS Popover Enter Animation
  */
+// TODO(FW-2832): types
 const iosEnterAnimation = (baseEl, opts) => {
   var _a;
   const { event: ev, size, trigger, reference, side, align } = opts;
@@ -874,6 +876,7 @@ const POPOVER_MD_BODY_PADDING = 12;
 /**
  * Md Popover Enter Animation
  */
+// TODO(FW-2832): types
 const mdEnterAnimation = (baseEl, opts) => {
   var _a;
   const { event: ev, size, trigger, reference, side, align } = opts;
@@ -1109,8 +1112,12 @@ const Popover = class {
       if (destroyTriggerInteraction) {
         destroyTriggerInteraction();
       }
+      if (trigger === undefined) {
+        return;
+      }
       const triggerEl = (this.triggerEl = trigger !== undefined ? document.getElementById(trigger) : null);
       if (!triggerEl) {
+        printIonWarning(`A trigger element with the ID "${trigger}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.`, this.el);
         return;
       }
       this.destroyTriggerInteraction = configureTriggerInteraction(triggerEl, triggerAction, el);
@@ -1246,9 +1253,8 @@ const Popover = class {
     if (this.currentTransition !== undefined) {
       await this.currentTransition;
     }
-    const data = Object.assign(Object.assign({}, this.componentProps), { popover: this.el });
     const { inline, delegate } = this.getDelegate(true);
-    this.usersElement = await attachComponent(delegate, this.el, this.component, ['popover-viewport'], data, inline);
+    this.usersElement = await attachComponent(delegate, this.el, this.component, ['popover-viewport'], this.componentProps, inline);
     await deepReady(this.usersElement);
     if (!this.keyboardEvents) {
       this.configureKeyboardInteraction();

package/dist/esm/ion-range.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, d as createEvent, h, H as Host, c as getElement } from './index-1058e225.js';
-import { g as getIonMode } from './ionic-global-a2c7ad8b.js';
-import { a as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-38d8370e.js';
-import { b as clamp, d as debounceEvent, i as inheritAriaAttributes, o as getAriaLabel, j as renderHiddenInput } from './helpers-aeff219b.js';
+import { r as registerInstance, e as createEvent, h, H as Host, d as getElement } from './index-33ece0f3.js';
+import { g as getIonMode } from './ionic-global-abe366ea.js';
+import { a as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-3f9a18ba.js';
+import { b as clamp, d as debounceEvent, i as inheritAriaAttributes, n as getAriaLabel, k as renderHiddenInput } from './helpers-dc474de0.js';
 import { p as printIonWarning } from './index-47f5cd9a.js';
 import { i as isRTL } from './dir-defb16c6.js';
 import { c as createColorClasses, h as hostContext } from './theme-7cf2cab0.js';
@@ -99,7 +99,7 @@ const Range = class {
     this.setupGesture = async () => {
       const rangeSlider = this.rangeSlider;
       if (rangeSlider) {
-        this.gesture = (await import('./index-d39eb62b.js')).createGesture({
+        this.gesture = (await import('./index-e23280d9.js')).createGesture({
           el: rangeSlider,
           gestureName: 'range',
           gesturePriority: 100,

package/dist/esm/ion-refresher-content.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, c as getElement } from './index-1058e225.js';
-import { o as caretBackSharp, p as arrowDown } from './index-753825bf.js';
-import { g as getIonMode, c as config, a as isPlatform } from './ionic-global-a2c7ad8b.js';
-import { s as sanitizeDOMString } from './index-51e4a829.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-33ece0f3.js';
+import { o as caretBackSharp, p as arrowDown } from './index-b7c84196.js';
+import { g as getIonMode, c as config, a as isPlatform } from './ionic-global-abe366ea.js';
+import { s as sanitizeDOMString } from './index-7bdafbcc.js';
 import { S as SPINNERS } from './spinner-configs-cbcd1f62.js';
 
 const RefresherContent = class {

package/dist/esm/ion-refresher.entry.js

@@ -1,10 +1,10 @@
-import { w as writeTask, r as registerInstance, d as createEvent, e as readTask, h, c as getElement, H as Host } from './index-1058e225.js';
-import { a as isPlatform, g as getIonMode } from './ionic-global-a2c7ad8b.js';
+import { w as writeTask, r as registerInstance, e as createEvent, f as readTask, h, d as getElement, H as Host } from './index-33ece0f3.js';
+import { a as isPlatform, g as getIonMode } from './ionic-global-abe366ea.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-538b6253.js';
-import { I as ION_CONTENT_ELEMENT_SELECTOR, p as printIonContentErrorMsg, b as ION_CONTENT_CLASS_SELECTOR, g as getScrollElement } from './index-38d8370e.js';
-import { t as transitionEndAsync, c as componentOnReady, b as clamp, g as getElementRoot, r as raf } from './helpers-aeff219b.js';
+import { I as ION_CONTENT_ELEMENT_SELECTOR, p as printIonContentErrorMsg, b as ION_CONTENT_CLASS_SELECTOR, g as getScrollElement } from './index-3f9a18ba.js';
+import { t as transitionEndAsync, c as componentOnReady, b as clamp, j as getElementRoot, r as raf } from './helpers-dc474de0.js';
 import { h as hapticImpact } from './haptic-e7d5ef4d.js';
-import { c as createAnimation } from './animation-801a007a.js';
+import { c as createAnimation } from './animation-b5940eb7.js';
 import './index-47f5cd9a.js';
 import './index-0dbaca1a.js';
 
@@ -22,6 +22,7 @@ const createPullingAnimation = (type, pullingSpinner, refresherEl) => {
     : createTranslateAnimation(pullingSpinner, refresherEl);
 };
 const createBaseAnimation = (pullingRefresherIcon) => {
+  // TODO(FW-2832): add types/re-evaluate asserting so many things
   const spinner = pullingRefresherIcon.querySelector('ion-spinner');
   const circle = spinner.shadowRoot.querySelector('circle');
   const spinnerArrowContainer = pullingRefresherIcon.querySelector('.spinner-arrow-container');
@@ -368,7 +369,7 @@ const Refresher = class {
       });
     };
     this.scrollEl.addEventListener('scroll', this.scrollListenerCallback);
-    this.gesture = (await import('./index-d39eb62b.js')).createGesture({
+    this.gesture = (await import('./index-e23280d9.js')).createGesture({
       el: this.scrollEl,
       gestureName: 'refresher',
       gesturePriority: 31,
@@ -420,7 +421,7 @@ const Refresher = class {
         refreshingCircle.style.setProperty('animation-delay', '-655ms');
       });
     }
-    this.gesture = (await import('./index-d39eb62b.js')).createGesture({
+    this.gesture = (await import('./index-e23280d9.js')).createGesture({
       el: this.scrollEl,
       gestureName: 'refresher',
       gesturePriority: 31,
@@ -541,7 +542,7 @@ const Refresher = class {
         this.setupNativeRefresher(contentEl);
       }
       else {
-        this.gesture = (await import('./index-d39eb62b.js')).createGesture({
+        this.gesture = (await import('./index-e23280d9.js')).createGesture({
           el: contentEl,
           gestureName: 'refresher',
           gesturePriority: 31,
@@ -629,6 +630,7 @@ const Refresher = class {
   onStart() {
     this.progress = 0;
     this.state = 1 /* RefresherState.Inactive */;
+    this.memoizeOverflowStyle();
   }
   onMove(detail) {
     if (!this.scrollEl) {
@@ -750,7 +752,7 @@ const Refresher = class {
       this.didStart = false;
       this.setCss(0, '0ms', false, '');
     }, 600);
-    // reset set the styles on the scroll element
+    // reset the styles on the scroll element
     // set that the refresh is actively cancelling/completing
     this.state = state;
     this.setCss(0, this.closeDuration, true, delay);
@@ -767,10 +769,34 @@ const Refresher = class {
         scrollStyle.transform = backgroundStyle.transform = y > 0 ? `translateY(${y}px) translateZ(0px)` : '';
         scrollStyle.transitionDuration = backgroundStyle.transitionDuration = duration;
         scrollStyle.transitionDelay = backgroundStyle.transitionDelay = delay;
-        scrollStyle.overflow = overflowVisible ? 'hidden' : '';
+        if (overflowVisible) {
+          scrollStyle.overflow = 'hidden';
+        }
+        else {
+          this.restoreOverflowStyle();
+        }
       }
     });
   }
+  memoizeOverflowStyle() {
+    if (this.scrollEl) {
+      const { overflow, overflowX, overflowY } = this.scrollEl.style;
+      this.overflowStyles = {
+        overflow: overflow !== null && overflow !== void 0 ? overflow : '',
+        overflowX: overflowX !== null && overflowX !== void 0 ? overflowX : '',
+        overflowY: overflowY !== null && overflowY !== void 0 ? overflowY : '',
+      };
+    }
+  }
+  restoreOverflowStyle() {
+    if (this.overflowStyles !== undefined && this.scrollEl !== undefined) {
+      const { overflow, overflowX, overflowY } = this.overflowStyles;
+      this.scrollEl.style.overflow = overflow;
+      this.scrollEl.style.overflowX = overflowX;
+      this.scrollEl.style.overflowY = overflowY;
+      this.overflowStyles = undefined;
+    }
+  }
   render() {
     const mode = getIonMode(this);
     return (h(Host, { slot: "fixed", class: {

package/dist/esm/ion-reorder-group.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, d as createEvent, h, c as getElement, H as Host } from './index-1058e225.js';
-import { g as getIonMode } from './ionic-global-a2c7ad8b.js';
-import { a as findClosestIonContent, g as getScrollElement } from './index-38d8370e.js';
-import { r as raf } from './helpers-aeff219b.js';
+import { r as registerInstance, e as createEvent, h, d as getElement, H as Host } from './index-33ece0f3.js';
+import { g as getIonMode } from './ionic-global-abe366ea.js';
+import { a as findClosestIonContent, g as getScrollElement } from './index-3f9a18ba.js';
+import { r as raf } from './helpers-dc474de0.js';
 import { a as hapticSelectionStart, b as hapticSelectionChanged, c as hapticSelectionEnd } from './haptic-e7d5ef4d.js';
 import './index-47f5cd9a.js';
 
@@ -34,7 +34,7 @@ const ReorderGroup = class {
     if (contentEl) {
       this.scrollEl = await getScrollElement(contentEl);
     }
-    this.gesture = (await import('./index-d39eb62b.js')).createGesture({
+    this.gesture = (await import('./index-e23280d9.js')).createGesture({
       el: this.el,
       gestureName: 'reorder',
       gesturePriority: 110,

package/dist/esm/ion-reorder.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, c as getElement } from './index-1058e225.js';
-import { r as reorderThreeOutline, q as reorderTwoSharp } from './index-753825bf.js';
-import { g as getIonMode } from './ionic-global-a2c7ad8b.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-33ece0f3.js';
+import { r as reorderThreeOutline, q as reorderTwoSharp } from './index-b7c84196.js';
+import { g as getIonMode } from './ionic-global-abe366ea.js';
 
 const reorderIosCss = ":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block;font-size:22px}.reorder-icon{font-size:34px;opacity:0.4}";
 

package/dist/esm/ion-route-redirect.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent } from './index-1058e225.js';
+import { r as registerInstance, e as createEvent } from './index-33ece0f3.js';
 
 const RouteRedirect = class {
   constructor(hostRef) {

package/dist/esm/ion-route.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent } from './index-1058e225.js';
+import { r as registerInstance, e as createEvent } from './index-33ece0f3.js';
 
 const Route = class {
   constructor(hostRef) {

package/dist/esm/ion-router-link.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-1058e225.js';
-import { g as getIonMode } from './ionic-global-a2c7ad8b.js';
+import { r as registerInstance, h, H as Host } from './index-33ece0f3.js';
+import { g as getIonMode } from './ionic-global-abe366ea.js';
 import { o as openURL, c as createColorClasses } from './theme-7cf2cab0.js';
 
 const routerLinkCss = ":host{--background:transparent;--color:var(--ion-color-primary, #3880ff);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}";