@ionic/core 8.4.2-dev.11740495088.1d73faf5 → 8.4.2-dev.11741080979.1715cc06

package/hydrate/index.mjs

@@ -2366,6 +2366,99 @@ var modeResolutionChain = [];
 
 const caretDownSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMTMuNjYsMTAxLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzIsMGwtODAtODBBOCw4LDAsMCwxLDUzLjY2LDkwLjM0TDEyOCwxNjQuNjlsNzQuMzQtNzQuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiIvPjwvc3ZnPg==';
 
+const ION_FOCUSED = 'ion-focused';
+const ION_FOCUSABLE = 'ion-focusable';
+const FOCUS_KEYS = [
+    'Tab',
+    'ArrowDown',
+    'Space',
+    'Escape',
+    ' ',
+    'Shift',
+    'Enter',
+    'ArrowLeft',
+    'ArrowRight',
+    'ArrowUp',
+    'Home',
+    'End',
+];
+let focusVisibleUtility = null;
+const getOrInitFocusVisibleUtility = () => {
+    if (!focusVisibleUtility) {
+        focusVisibleUtility = startFocusVisible();
+    }
+    return focusVisibleUtility;
+};
+/**
+ * Used to set focus on an element that uses `ion-focusable`.
+ * Do not use this if focusing the element as a result of a keyboard
+ * event as the focus utility should handle this for us. This method
+ * should be used when we want to programmatically focus an element as
+ * a result of another user action. (Ex: We focus the first element
+ * inside of a popover when the user presents it, but the popover is not always
+ * presented as a result of keyboard action.)
+ *
+ * @param elements - The elements to set focus on.
+ */
+const focusElements = (elements) => {
+    const focusVisible = getOrInitFocusVisibleUtility();
+    focusVisible.setFocus(elements);
+};
+const startFocusVisible = (rootEl) => {
+    let currentFocus = [];
+    let keyboardMode = true;
+    const ref = rootEl ? rootEl.shadowRoot : document;
+    const root = rootEl ? rootEl : document.body;
+    const setFocus = (elements) => {
+        currentFocus.forEach((el) => el.classList.remove(ION_FOCUSED));
+        elements.forEach((el) => el.classList.add(ION_FOCUSED));
+        currentFocus = elements;
+    };
+    const pointerDown = () => {
+        keyboardMode = false;
+        setFocus([]);
+    };
+    const onKeydown = (ev) => {
+        keyboardMode = FOCUS_KEYS.includes(ev.key);
+        if (!keyboardMode) {
+            setFocus([]);
+        }
+    };
+    const onFocusin = (ev) => {
+        if (keyboardMode && ev.composedPath !== undefined) {
+            const toFocus = ev.composedPath().filter((el) => {
+                // TODO(FW-2832): type
+                if (el.classList) {
+                    return el.classList.contains(ION_FOCUSABLE);
+                }
+                return false;
+            });
+            setFocus(toFocus);
+        }
+    };
+    const onFocusout = () => {
+        if (ref.activeElement === root) {
+            setFocus([]);
+        }
+    };
+    ref.addEventListener('keydown', onKeydown);
+    ref.addEventListener('focusin', onFocusin);
+    ref.addEventListener('focusout', onFocusout);
+    ref.addEventListener('touchstart', pointerDown, { passive: true });
+    ref.addEventListener('mousedown', pointerDown);
+    const destroy = () => {
+        ref.removeEventListener('keydown', onKeydown);
+        ref.removeEventListener('focusin', onFocusin);
+        ref.removeEventListener('focusout', onFocusout);
+        ref.removeEventListener('touchstart', pointerDown);
+        ref.removeEventListener('mousedown', pointerDown);
+    };
+    return {
+        destroy,
+        setFocus,
+    };
+};
+
 // TODO(FW-2832): types
 class Config {
     constructor() {
@@ -2627,6 +2720,17 @@ const raf = (h) => {
 const hasShadowDom = (el) => {
     return !!el.shadowRoot && !!el.attachShadow;
 };
+/**
+ * Focuses a given element while ensuring proper focus management
+ * within the Ionic framework. If the element is marked as `ion-focusable`,
+ * this function will delegate focus handling to `ion-app` or manually
+ * apply focus when a custom app root is used.
+ *
+ * This function helps maintain accessibility and expected focus behavior
+ * in both standard and custom root environments.
+ *
+ * @param el - The element to focus.
+ */
 const focusVisibleElement = (el) => {
     el.focus();
     /**
@@ -2641,7 +2745,33 @@ const focusVisibleElement = (el) => {
         const appRootSelector = config.get('appRootSelector', 'ion-app');
         const app = el.closest(appRootSelector);
         if (app) {
-            app.setFocus([el]);
+            if (appRootSelector === 'ion-app') {
+                /**
+                 * If the app root is the default, then it will be
+                 * in charge of setting focus. This is because the
+                 * focus-visible utility is attached to the app root
+                 * and will handle setting focus on the correct element.
+                 */
+                app.setFocus([el]);
+            }
+            else {
+                /**
+                 * When using a custom app root selector, the focus-visible
+                 * utility is not available to manage focus automatically.
+                 * If we set focus immediately, the element may not be fully
+                 * rendered or interactive, especially if it was just added
+                 * to the DOM. Using requestAnimationFrame ensures that focus
+                 * is applied on the next frame, allowing the DOM to settle
+                 * before changing focus.
+                 */
+                requestAnimationFrame(() => {
+                    /**
+                     * The focus-visible utility is used to set focus on an
+                     * element that uses `ion-focusable`.
+                     */
+                    focusElements([el]);
+                });
+            }
         }
     }
 };
@@ -7521,84 +7651,6 @@ const buttonClass$2 = (button) => {
     return Object.assign({ 'alert-button': true, 'ion-focusable': true, 'ion-activatable': true, [`alert-button-role-${button.role}`]: button.role !== undefined }, getClassMap(button.cssClass));
 };
 
-const ION_FOCUSED = 'ion-focused';
-const ION_FOCUSABLE = 'ion-focusable';
-const FOCUS_KEYS = [
-    'Tab',
-    'ArrowDown',
-    'Space',
-    'Escape',
-    ' ',
-    'Shift',
-    'Enter',
-    'ArrowLeft',
-    'ArrowRight',
-    'ArrowUp',
-    'Home',
-    'End',
-];
-let focusVisibleUtility = null;
-const getOrInitFocusVisibleUtility = () => {
-    if (!focusVisibleUtility) {
-        focusVisibleUtility = startFocusVisible();
-    }
-    return focusVisibleUtility;
-};
-const startFocusVisible = (rootEl) => {
-    let currentFocus = [];
-    let keyboardMode = true;
-    const ref = rootEl ? rootEl.shadowRoot : document;
-    const root = rootEl ? rootEl : document.body;
-    const setFocus = (elements) => {
-        currentFocus.forEach((el) => el.classList.remove(ION_FOCUSED));
-        elements.forEach((el) => el.classList.add(ION_FOCUSED));
-        currentFocus = elements;
-    };
-    const pointerDown = () => {
-        keyboardMode = false;
-        setFocus([]);
-    };
-    const onKeydown = (ev) => {
-        keyboardMode = FOCUS_KEYS.includes(ev.key);
-        if (!keyboardMode) {
-            setFocus([]);
-        }
-    };
-    const onFocusin = (ev) => {
-        if (keyboardMode && ev.composedPath !== undefined) {
-            const toFocus = ev.composedPath().filter((el) => {
-                // TODO(FW-2832): type
-                if (el.classList) {
-                    return el.classList.contains(ION_FOCUSABLE);
-                }
-                return false;
-            });
-            setFocus(toFocus);
-        }
-    };
-    const onFocusout = () => {
-        if (ref.activeElement === root) {
-            setFocus([]);
-        }
-    };
-    ref.addEventListener('keydown', onKeydown);
-    ref.addEventListener('focusin', onFocusin);
-    ref.addEventListener('focusout', onFocusout);
-    ref.addEventListener('touchstart', pointerDown, { passive: true });
-    ref.addEventListener('mousedown', pointerDown);
-    const destroy = () => {
-        ref.removeEventListener('keydown', onKeydown);
-        ref.removeEventListener('focusin', onFocusin);
-        ref.removeEventListener('focusout', onFocusout);
-        ref.removeEventListener('touchstart', pointerDown);
-        ref.removeEventListener('mousedown', pointerDown);
-    };
-    return {
-        destroy,
-        setFocus,
-    };
-};
-
 const appCss = "html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";
 var IonAppStyle0 = appCss;
 
@@ -7618,14 +7670,19 @@ class App {
      * a result of another user action. (Ex: We focus the first element
      * inside of a popover when the user presents it, but the popover is not always
      * presented as a result of keyboard action.)
+     *
+     * @param elements - The elements to set focus on.
      */
     async setFocus(elements) {
-        const focusVisible = getOrInitFocusVisibleUtility();
-        focusVisible.setFocus(elements);
+        /**
+         * The focus-visible utility is used to set focus on an
+         * element that uses `ion-focusable`.
+         */
+        focusElements(elements);
     }
     render() {
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '109f9e80230b5f7dfab0714ed18be1162c589c04', class: {
+        return (hAsync(Host, { key: '25667e21b2fffa03ccf013044c340e96bd7faad9', class: {
                 [theme]: true,
                 'ion-page': true,
                 'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
@@ -7645,13 +7702,13 @@ class App {
     }; }
 }
 
-const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ion-primitives-neutral-100, #f5f5f5);color:var(--ion-primitives-neutral-800, #626262);font-weight:var(--ion-font-weight-medium, 500);line-height:var(--ion-font-line-height-700, 28px)}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}:host(.avatar-xxsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-xsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-small){--padding-end:var(--ion-space-150, 6px);--padding-start:var(--ion-space-150, 6px);width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ion-space-200, 8px);--padding-start:var(--ion-space-200, 8px);width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ion-space-250, 10px);--padding-start:var(--ion-space-250, 10px);width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ion-space-300, 12px);--padding-start:var(--ion-space-300, 12px);width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ion-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ion-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ion-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}";
+const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ion-primitives-neutral-100, #f5f5f5);color:var(--ion-primitives-neutral-800, #626262);font-weight:var(--ion-font-weight-medium, 500);line-height:var(--ion-font-line-height-700, 28px)}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}:host(.avatar-xxsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-xsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-small){--padding-end:var(--ion-space-150, 6px);--padding-start:var(--ion-space-150, 6px);width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ion-space-200, 8px);--padding-start:var(--ion-space-200, 8px);width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ion-space-250, 10px);--padding-start:var(--ion-space-250, 10px);width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ion-space-300, 12px);--padding-start:var(--ion-space-300, 12px);width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ion-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ion-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ion-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1));transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(0, var(--ion-scale-100, 4px));transform:translate(0, var(--ion-scale-100, 4px))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px)));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px)))}";
 var IonAvatarIonicStyle0 = avatarIonicCss;
 
-const avatarIosCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";
+const avatarIosCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";
 var IonAvatarIosStyle0 = avatarIosCss;
 
-const avatarMdCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:64px;height:64px}";
+const avatarMdCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:64px;height:64px}::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translateX(-100%);transform:translateX(-100%)}";
 var IonAvatarMdStyle0 = avatarMdCss;
 
 /**
@@ -7903,13 +7960,13 @@ class Backdrop {
     }; }
 }
 
-const badgeIonicCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--background:var(--ion-color-primary, #105cef);--color:var(--ion-color-primary-contrast, #fff);--padding-start:var(--ion-space-200, 8px);--padding-end:var(--ion-space-200, 8px);--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ion-font-weight-medium, 500)}:host(.badge-soft){border-radius:var(--ion-border-radius-200, 8px)}:host(.badge-xxsmall.badge-soft),:host(.badge-xsmall.badge-soft),:host(.badge-small.badge-soft){border-radius:var(--ion-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ion-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ion-border-radius-0, 0px)}:host(.badge-xxsmall){--padding-start:var(--ion-space-050, 2px);--padding-end:var(--ion-space-050, 2px);min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-400, 16px)}:host(.badge-xsmall){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-350, 0.875rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-small){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-medium){min-width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-large){min-width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-xlarge){min-width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem);line-height:var(--ion-font-line-height-700, 28px)}";
+const badgeIonicCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]){position:absolute}:host([vertical]){inset-inline-end:0}:host(:empty.badge-vertical-top){top:0}:host(:empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #105cef);--color:var(--ion-color-primary-contrast, #fff);--padding-start:var(--ion-space-200, 8px);--padding-end:var(--ion-space-200, 8px);--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ion-font-weight-medium, 500)}:host(.badge-soft){border-radius:var(--ion-border-radius-200, 8px)}:host(.badge-xxsmall.badge-soft),:host(.badge-xsmall.badge-soft),:host(.badge-small.badge-soft){border-radius:var(--ion-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ion-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ion-border-radius-0, 0px)}:host(.badge-xxsmall){--padding-start:var(--ion-space-050, 2px);--padding-end:var(--ion-space-050, 2px);min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-400, 16px)}:host(.badge-xxsmall) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-xsmall){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-350, 0.875rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.badge-small){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.badge-medium){min-width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.badge-large){min-width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.badge-xlarge){min-width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host(:empty){--padding-start:0;--padding-end:0}:host(.badge-small:empty){min-width:var(--ion-scale-200, 8px);height:var(--ion-scale-200, 8px)}:host(.badge-medium:empty){min-width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-large:empty){min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}";
 var IonBadgeIonicStyle0 = badgeIonicCss;
 
-const badgeIosCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";
+const badgeIosCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]){position:absolute}:host([vertical]){inset-inline-end:0}:host(:empty.badge-vertical-top){top:0}:host(:empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";
 var IonBadgeIosStyle0 = badgeIosCss;
 
-const badgeMdCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
+const badgeMdCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]){position:absolute}:host([vertical]){inset-inline-end:0}:host(:empty.badge-vertical-top){top:0}:host(:empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
 var IonBadgeMdStyle0 = badgeMdCss;
 
 /**
@@ -7922,6 +7979,7 @@ class Badge {
         this.color = undefined;
         this.shape = undefined;
         this.size = undefined;
+        this.vertical = undefined;
     }
     getShape() {
         const theme = getIonTheme(this);
@@ -7951,11 +8009,12 @@ class Badge {
         const shape = this.getShape();
         const size = this.getSize();
         const theme = getIonTheme(this);
-        return (hAsync(Host, { key: '81deb3e063e9a3af5059ddbdfdc0a24fce4031c6', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'aebcad9a9d4e650344cc855085ab30c376f9b367', class: createColorClasses$1(this.color, {
                 [theme]: true,
                 [`badge-${shape}`]: shape !== undefined,
                 [`badge-${size}`]: size !== undefined,
-            }) }, hAsync("slot", { key: 'e398740a75207679e3eff7bf7510cc0409aaf351' })));
+                [`badge-vertical-${this.vertical}`]: this.vertical !== undefined,
+            }) }, hAsync("slot", { key: 'b62bca8ec3666dce3283573497b7c4306ecc7fc4' })));
     }
     static get style() { return {
         ionic: IonBadgeIonicStyle0,
@@ -7968,7 +8027,8 @@ class Badge {
         "$members$": {
             "color": [513],
             "shape": [1],
-            "size": [1]
+            "size": [1],
+            "vertical": [1]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -29335,7 +29395,7 @@ const arrowLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53
 
 const magnifyingGlassSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsMjE4LjM0bC01MC4wNy01MC4wNmE4OC4xMSw4OC4xMSwwLDEsMC0xMS4zMSwxMS4zMWw1MC4wNiw1MC4wN2E4LDgsMCwwLDAsMTEuMzItMTEuMzJaTTQwLDExMmE3Miw3MiwwLDEsMSw3Miw3MkE3Mi4wOCw3Mi4wOCwwLDAsMSw0MCwxMTJaIi8+PC9zdmc+';
 
-const searchbarIonicCss = ".sc-ion-searchbar-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ionic{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ionic{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ionic{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ionic::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ionic>div.sc-ion-searchbar-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ionic:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{display:block}.sc-ion-searchbar-ionic-h{--background:var(--ion-primitives-neutral-100, #f5f5f5);--border-radius:var(--ion-border-radius-400, 16px);--box-shadow:none;--cancel-button-color:var(--ion-primitives-neutral-800, #626262);--clear-button-color:var(--ion-primitives-neutral-1000, #3b3b3b);--color:var(--ion-primitives-neutral-1200, #242424);--icon-color:var(--ion-primitives-neutral-800, #626262);--placeholder-color:var(--ion-primitives-neutral-800, #626262);--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-size-050, 2px);font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.searchbar-search-icon.sc-ion-searchbar-ionic{top:var(--ion-scale-400, 16px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}.searchbar-search-icon.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-scale-400, 16px)}.searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-start:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));-webkit-padding-end:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-end:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-top:var(--ion-space-300, 12px);padding-bottom:var(--ion-space-300, 12px);min-height:var(--ion-scale-1200, 48px);contain:strict}.searchbar-clear-button.sc-ion-searchbar-ionic{top:var(--ion-scale-400, 16px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-scale-400, 16px);contain:strict}.searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-scale-400, 16px)}.searchbar-cancel-button.sc-ion-searchbar-ionic{top:0;background-color:transparent;font-size:var(--ion-font-size-400, 1rem)}.searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:9px}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{position:absolute}.searchbar-clear-button.sc-ion-searchbar-ionic:focus-visible,.searchbar-cancel-button.sc-ion-searchbar-ionic:focus-visible ion-icon.sc-ion-searchbar-ionic{border-radius:var(--ion-border-radius-100, 4px);outline:var(--ion-border-size-050, 2px) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, #b5c0f7);opacity:1}ion-toolbar.sc-ion-searchbar-ionic-h,ion-toolbar .sc-ion-searchbar-ionic-h{min-height:var(--ion-scale-1200, 48px)}.sc-ion-searchbar-ionic-h:hover{--background:var(--ion-primitives-neutral-200, #e7e7e7)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{display:block}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic{display:none}.searchbar-disabled.sc-ion-searchbar-ionic-h{--color:var(--ion-primitives-neutral-500, #a2a2a2);--icon-color:var(--ion-primitives-neutral-500, #a2a2a2);--placeholder-color:var(--ion-primitives-neutral-500, #a2a2a2);cursor:default;pointer-events:none}";
+const searchbarIonicCss = ".sc-ion-searchbar-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ionic{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ionic{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ionic{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ionic::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ionic>div.sc-ion-searchbar-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ionic:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{display:block}.sc-ion-searchbar-ionic-h{--background:var(--ion-primitives-neutral-100, #f5f5f5);--border-radius:var(--ion-border-radius-400, 16px);--box-shadow:none;--cancel-button-color:var(--ion-primitives-neutral-800, #626262);--clear-button-color:var(--ion-primitives-neutral-1000, #3b3b3b);--color:var(--ion-primitives-neutral-1200, #242424);--icon-color:var(--ion-primitives-neutral-800, #626262);--placeholder-color:var(--ion-primitives-neutral-800, #626262);--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-size-050, 2px);font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.searchbar-search-icon.sc-ion-searchbar-ionic{top:var(--ion-scale-400, 16px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}.searchbar-search-icon.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-scale-400, 16px)}.searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-start:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));-webkit-padding-end:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-end:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-top:var(--ion-space-300, 12px);padding-bottom:var(--ion-space-300, 12px);min-height:var(--ion-scale-1200, 48px);contain:strict}.searchbar-clear-button.sc-ion-searchbar-ionic{top:var(--ion-scale-400, 16px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-scale-400, 16px);contain:strict}.searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-scale-400, 16px)}.searchbar-cancel-button.sc-ion-searchbar-ionic{top:0;background-color:transparent;font-size:var(--ion-font-size-400, 1rem)}.searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:9px}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{position:absolute}.searchbar-clear-button.sc-ion-searchbar-ionic:focus-visible,.searchbar-cancel-button.sc-ion-searchbar-ionic:focus-visible ion-icon.sc-ion-searchbar-ionic{border-radius:var(--ion-border-radius-100, 4px);outline:var(--ion-border-size-050, 2px) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, #b5c0f7);opacity:1}ion-toolbar.sc-ion-searchbar-ionic-h,ion-toolbar .sc-ion-searchbar-ionic-h{min-height:var(--ion-scale-1200, 48px)}.sc-ion-searchbar-ionic-h:hover{--background:var(--ion-primitives-neutral-200, #e7e7e7)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{display:block}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic{display:none}.searchbar-disabled.sc-ion-searchbar-ionic-h{--color:var(--ion-primitives-neutral-500, #a2a2a2);--icon-color:var(--ion-primitives-neutral-500, #a2a2a2);--placeholder-color:var(--ion-primitives-neutral-500, #a2a2a2);cursor:default;pointer-events:none}.searchbar-shape-soft.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-200, 8px)}.searchbar-shape-round.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-400, 16px)}.searchbar-shape-rectangular.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-0, 0px)}";
 var IonSearchbarIonicStyle0 = searchbarIonicCss;
 
 const searchbarIosCss = ".sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios>div.sc-ion-searchbar-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ios:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.sc-ion-searchbar-ios-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);font-family:var(--ion-font-family, inherit)}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #0054e9);--clear-button-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;min-height:60px;contain:content}.searchbar-input-container.sc-ion-searchbar-ios{min-height:36px}.searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px);top:0;position:absolute;width:1.375rem;height:100%;contain:strict}.searchbar-search-icon.sc-ion-searchbar-ios{inset-inline-start:5px}.searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:6px;padding-bottom:6px;height:100%;font-size:1.0625rem;font-weight:400;contain:strict}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem;-webkit-padding-end:1.75rem;padding-inline-end:1.75rem}.searchbar-clear-button.sc-ion-searchbar-ios{top:0;background-position:center;position:absolute;width:1.875rem;height:100%;border:0;background-color:transparent}.searchbar-clear-button.sc-ion-searchbar-ios{inset-inline-end:0}.searchbar-clear-icon.sc-ion-searchbar-ios{width:1.125rem;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;font-size:17px}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:0;margin-inline-start:0}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.875rem;padding-inline-start:1.875rem}.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-transition:all 300ms ease;transition:all 300ms ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-margin-end:-100%;margin-inline-end:-100%;-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0);-webkit-transition:all 300ms ease;transition:all 300ms ease;opacity:0;pointer-events:none}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-transition-duration:0ms;transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}@media (any-hover: hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;min-height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color),ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb), 0.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}";
@@ -29482,6 +29542,7 @@ class Searchbar {
         this.spellcheck = false;
         this.type = 'search';
         this.value = '';
+        this.shape = undefined;
     }
     /**
      * lang and dir are globally enumerated attributes.
@@ -29713,6 +29774,18 @@ class Searchbar {
         }
         return true;
     }
+    getShape() {
+        const theme = getIonTheme(this);
+        const { shape } = this;
+        // TODO(ROU-11677): Remove theme check when shapes are defined for all themes.
+        if (theme !== 'ionic') {
+            return undefined;
+        }
+        if (shape === undefined) {
+            return 'round';
+        }
+        return shape;
+    }
     /**
      * Get the icon to use for the clear icon.
      * If an icon is set on the component, use that.
@@ -29787,8 +29860,9 @@ class Searchbar {
         const animated = this.animated && config.getBoolean('animated', true);
         const theme = getIonTheme(this);
         const shouldShowCancelButton = this.shouldShowCancelButton();
-        const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '3301b510959fa5a426230175f5b61b4ead9bcfbb', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: 'cb3a77783c75bbc78acdc7df9c75abcc415188d9', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (hAsync(Host, { key: '33fdf75d5f7ce578cfbb7c4befa816c2b30469ac', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
+        const shape = this.getShape();
+        const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: 'd7382dd39f5699330fa1c981cd252a903029d1b5', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: '3b3c4a16c23d7406be4eda6076deca41e79e196d', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (hAsync(Host, { key: '4890a1478e7e1ff0a85d5e6ca2214c50aee96777', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
                 [theme]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -29798,14 +29872,15 @@ class Searchbar {
                 'searchbar-has-focus': this.focused,
                 'searchbar-should-show-clear': this.shouldShowClearButton(),
                 'searchbar-should-show-cancel': this.shouldShowCancelButton(),
-            }) }, hAsync("div", { key: '8a5accb217a1efccc1cd417cef8b95996e277c07', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: 'dccb39de2157490b1e937c9a2737edb55b7001e6', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, hAsync("ion-icon", { key: 'e85d30887e0b8eb264f86f682362882f4d14bf61', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" }), hAsync("button", { key: '73aeda33d35e499a7f9edbb550707f2d5a234110', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+                [`searchbar-shape-${shape}`]: shape !== undefined,
+            }) }, hAsync("div", { key: 'e2b95c0f77605f8d1e9b3f8b971d07fba72cb794', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '6dd8ff97d0ef85190addbd20a1093d22fecf9a80', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, hAsync("ion-icon", { key: '626aefedcd35c36bd9a697b5f5bdbaec4f0142eb', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" }), hAsync("button", { key: '9996031c9eeba745d37b6600b6594f69c4808842', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '9c9c376352470fc45877f1b89dfecf2c5ca2cc71', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '403a5866e82ca6be91101a1719c3ad2f273a652f', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29846,6 +29921,7 @@ class Searchbar {
             "spellcheck": [4],
             "type": [1],
             "value": [1025],
+            "shape": [1],
             "focused": [32],
             "noAnimate": [32],
             "setFocus": [64],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.4.2-dev.11740495088.1d73faf5",
+  "version": "8.4.2-dev.11741080979.1715cc06",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",

package/dist/esm-es5/app-globals-eceadabb.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{i as initialize}from"./ionic-global-3c97a4aa.js";var globalScripts=initialize;export{globalScripts as g};

package/dist/esm-es5/focus-visible-501aff19.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-var ION_FOCUSED="ion-focused";var ION_FOCUSABLE="ion-focusable";var FOCUS_KEYS=["Tab","ArrowDown","Space","Escape"," ","Shift","Enter","ArrowLeft","ArrowRight","ArrowUp","Home","End"];var focusVisibleUtility=null;var getOrInitFocusVisibleUtility=function(){if(!focusVisibleUtility){focusVisibleUtility=startFocusVisible()}return focusVisibleUtility};var startFocusVisible=function(t){var i=[];var o=true;var r=t?t.shadowRoot:document;var n=t?t:document.body;var u=function(t){i.forEach((function(t){return t.classList.remove(ION_FOCUSED)}));t.forEach((function(t){return t.classList.add(ION_FOCUSED)}));i=t};var e=function(){o=false;u([])};var s=function(t){o=FOCUS_KEYS.includes(t.key);if(!o){u([])}};var c=function(t){if(o&&t.composedPath!==undefined){var i=t.composedPath().filter((function(t){if(t.classList){return t.classList.contains(ION_FOCUSABLE)}return false}));u(i)}};var f=function(){if(r.activeElement===n){u([])}};r.addEventListener("keydown",s);r.addEventListener("focusin",c);r.addEventListener("focusout",f);r.addEventListener("touchstart",e,{passive:true});r.addEventListener("mousedown",e);var a=function(){r.removeEventListener("keydown",s);r.removeEventListener("focusin",c);r.removeEventListener("focusout",f);r.removeEventListener("touchstart",e);r.removeEventListener("mousedown",e)};return{destroy:a,setFocus:u}};export{getOrInitFocusVisibleUtility,startFocusVisible};

package/dist/esm-es5/helpers-f08d15bd.js

@@ -1,4 +0,0 @@
-import{__spreadArray}from"tslib";
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */import{c as config}from"./config-84eb9670.js";var transitionEndAsync=function(r,a){if(a===void 0){a=0}return new Promise((function(i){transitionEnd(r,a,i)}))};var transitionEnd=function(r,a,i){if(a===void 0){a=0}var e;var n;var t={passive:true};var o=500;var u=function(){if(e){e()}};var s=function(a){if(a===undefined||r===a.target){u();i(a)}};if(r){r.addEventListener("webkitTransitionEnd",s,t);r.addEventListener("transitionend",s,t);n=setTimeout(s,a+o);e=function(){if(n!==undefined){clearTimeout(n);n=undefined}r.removeEventListener("webkitTransitionEnd",s,t);r.removeEventListener("transitionend",s,t)}}return u};var componentOnReady=function(r,a){if(r.componentOnReady){r.componentOnReady().then((function(r){return a(r)}))}else{raf((function(){return a(r)}))}};var hasLazyBuild=function(r){return r.componentOnReady!==undefined};var inheritAttributes=function(r,a){if(a===void 0){a=[]}var i={};a.forEach((function(a){if(r.hasAttribute(a)){var e=r.getAttribute(a);if(e!==null){i[a]=r.getAttribute(a)}r.removeAttribute(a)}}));return i};var ariaAttributes=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"];var inheritAriaAttributes=function(r,a){var i=ariaAttributes;if(a&&a.length>0){i=i.filter((function(r){return!a.includes(r)}))}return inheritAttributes(r,i)};var addEventListener=function(r,a,i,e){var n;if(typeof window!=="undefined"){var t=window;var o=(n=t===null||t===void 0?void 0:t.Ionic)===null||n===void 0?void 0:n.config;if(o){var u=o.get("_ael");if(u){return u(r,a,i,e)}else if(o._ael){return o._ael(r,a,i,e)}}}return r.addEventListener(a,i,e)};var removeEventListener=function(r,a,i,e){var n;if(typeof window!=="undefined"){var t=window;var o=(n=t===null||t===void 0?void 0:t.Ionic)===null||n===void 0?void 0:n.config;if(o){var u=o.get("_rel");if(u){return u(r,a,i,e)}else if(o._rel){return o._rel(r,a,i,e)}}}return r.removeEventListener(a,i,e)};var getElementRoot=function(r,a){if(a===void 0){a=r}return r.shadowRoot||a};var raf=function(r){if(typeof __zone_symbol__requestAnimationFrame==="function"){return __zone_symbol__requestAnimationFrame(r)}if(typeof requestAnimationFrame==="function"){return requestAnimationFrame(r)}return setTimeout(r)};var hasShadowDom=function(r){return!!r.shadowRoot&&!!r.attachShadow};var focusVisibleElement=function(r){r.focus();if(r.classList.contains("ion-focusable")){var a=config.get("appRootSelector","ion-app");var i=r.closest(a);if(i){i.setFocus([r])}}};var renderHiddenInput=function(r,a,i,e,n){if(r||hasShadowDom(a)){var t=a.querySelector("input.aux-input");if(!t){t=a.ownerDocument.createElement("input");t.type="hidden";t.classList.add("aux-input");a.appendChild(t)}t.disabled=n;t.name=i;t.value=e||""}};var clamp=function(r,a,i){return Math.max(r,Math.min(a,i))};var assert=function(r,a){if(!r){var i="ASSERT: "+a;console.error(i);debugger;throw new Error(i)}};var pointerCoord=function(r){if(r){var a=r.changedTouches;if(a&&a.length>0){var i=a[0];return{x:i.clientX,y:i.clientY}}if(r.pageX!==undefined){return{x:r.pageX,y:r.pageY}}}return{x:0,y:0}};var isEndSide=function(r){var a=document.dir==="rtl";switch(r){case"start":return a;case"end":return!a;default:throw new Error('"'.concat(r,'" is not a valid value for [side]. Use "start" or "end" instead.'))}};var debounceEvent=function(r,a){var i=r._original||r;return{_original:r,emit:debounce(i.emit.bind(i),a)}};var debounce=function(r,a){if(a===void 0){a=0}var i;return function(){var e=[];for(var n=0;n<arguments.length;n++){e[n]=arguments[n]}clearTimeout(i);i=setTimeout.apply(void 0,__spreadArray([r,a],e,false))}};var shallowEqualStringMap=function(r,a){r!==null&&r!==void 0?r:r={};a!==null&&a!==void 0?a:a={};if(r===a){return true}var i=Object.keys(r);if(i.length!==Object.keys(a).length){return false}for(var e=0,n=i;e<n.length;e++){var t=n[e];if(!(t in a)){return false}if(r[t]!==a[t]){return false}}return true};export{addEventListener as a,removeEventListener as b,componentOnReady as c,renderHiddenInput as d,debounceEvent as e,focusVisibleElement as f,getElementRoot as g,inheritAttributes as h,inheritAriaAttributes as i,clamp as j,hasLazyBuild as k,hasShadowDom as l,assert as m,isEndSide as n,debounce as o,pointerCoord as p,raf as r,shallowEqualStringMap as s,transitionEndAsync as t};

package/dist/esm-es5/index-62b4a18b.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{d as doc}from"./ionic-global-3c97a4aa.js";import{p as pointerCoord}from"./helpers-f08d15bd.js";import"./index-723c0e5d.js";import"./config-84eb9670.js";var startTapClick=function(e){if(doc===undefined){return}var r=0;var t;var n;var i;var a=e.getBoolean("animated",true)&&e.getBoolean("rippleEffect",true);var f=new WeakMap;var o=function(){if(i)clearTimeout(i);i=undefined;if(t){E(false);t=undefined}};var u=function(e){if(t||e.button===2){return}v(getActivatableTarget(e),e)};var c=function(e){v(undefined,e)};var v=function(e,r){if(e&&e===t){return}if(i)clearTimeout(i);i=undefined;var n=pointerCoord(r),a=n.x,o=n.y;if(t){if(f.has(t)){throw new Error("internal error")}if(!t.classList.contains(ACTIVATED)){d(t,a,o)}E(true)}if(e){var u=f.get(e);if(u){clearTimeout(u);f.delete(e)}e.classList.remove(ACTIVATED);var c=function(){d(e,a,o);i=undefined};if(isInstant(e)){c()}else{i=setTimeout(c,ADD_ACTIVATED_DEFERS)}}t=e};var d=function(e,t,i){r=Date.now();e.classList.add(ACTIVATED);if(!a)return;var f=getRippleEffect(e);if(f!==null){T();n=f.addRipple(t,i)}};var T=function(){if(n!==undefined){n.then((function(e){return e()}));n=undefined}};var E=function(e){T();var n=t;if(!n){return}var i=CLEAR_STATE_DEFERS-Date.now()+r;if(e&&i>0&&!isInstant(n)){var a=setTimeout((function(){n.classList.remove(ACTIVATED);f.delete(n)}),CLEAR_STATE_DEFERS);f.set(n,a)}else{n.classList.remove(ACTIVATED)}};doc.addEventListener("ionGestureCaptured",o);doc.addEventListener("pointerdown",u,true);doc.addEventListener("pointerup",c,true);doc.addEventListener("pointercancel",o,true)};var getActivatableTarget=function(e){if(e.composedPath!==undefined){var r=e.composedPath();for(var t=0;t<r.length-2;t++){var n=r[t];if(!(n instanceof ShadowRoot)&&n.classList.contains("ion-activatable")){return n}}}else{return e.target.closest(".ion-activatable")}};var isInstant=function(e){return e.classList.contains("ion-activatable-instant")};var getRippleEffect=function(e){if(e.shadowRoot){var r=e.shadowRoot.querySelector("ion-ripple-effect");if(r){return r}}return e.querySelector("ion-ripple-effect")};var ACTIVATED="ion-activated";var ADD_ACTIVATED_DEFERS=100;var CLEAR_STATE_DEFERS=150;export{startTapClick};

package/dist/esm-es5/input-shims-6be83e59.js

@@ -1,4 +0,0 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */import{w as win,d as doc}from"./ionic-global-3c97a4aa.js";import{g as getScrollElement,c as scrollByPoint,f as findClosestIonContent}from"./index-7bd160c2.js";import{a as addEventListener,b as removeEventListener,r as raf,c as componentOnReady}from"./helpers-f08d15bd.js";import{a as KeyboardResize,K as Keyboard}from"./keyboard-9bbd546a.js";import"./index-723c0e5d.js";import"./config-84eb9670.js";import"./capacitor-6b0341c8.js";var cloneMap=new WeakMap;var relocateInput=function(r,n,e,t,i){if(t===void 0){t=0}if(i===void 0){i=false}if(cloneMap.has(r)===e){return}if(e){addClone(r,n,t,i)}else{removeClone(r,n)}};var isFocused=function(r){return r===r.getRootNode().activeElement};var addClone=function(r,n,e,t){if(t===void 0){t=false}var i=n.parentNode;var o=n.cloneNode(false);o.classList.add("cloned-input");o.tabIndex=-1;if(t){o.disabled=true}i.appendChild(o);cloneMap.set(r,o);var a=r.ownerDocument;var u=a.dir==="rtl"?9999:-9999;r.style.pointerEvents="none";n.style.transform="translate3d(".concat(u,"px,").concat(e,"px,0) scale(0)")};var removeClone=function(r,n){var e=cloneMap.get(r);if(e){cloneMap.delete(r);e.remove()}r.style.pointerEvents="";n.style.transform=""};var SCROLL_AMOUNT_PADDING=50;var enableHideCaretOnScroll=function(r,n,e){if(!e||!n){return function(){return}}var t=function(e){if(isFocused(n)){relocateInput(r,n,e)}};var i=function(){return relocateInput(r,n,false)};var o=function(){return t(true)};var a=function(){return t(false)};addEventListener(e,"ionScrollStart",o);addEventListener(e,"ionScrollEnd",a);n.addEventListener("blur",i);return function(){removeEventListener(e,"ionScrollStart",o);removeEventListener(e,"ionScrollEnd",a);n.removeEventListener("blur",i)}};var SKIP_SELECTOR="input, textarea, [no-blur], [contenteditable]";var enableInputBlurring=function(){var r=true;var n=false;var e=document;var t=function(){n=true};var i=function(){r=true};var o=function(t){if(n){n=false;return}var i=e.activeElement;if(!i){return}if(i.matches(SKIP_SELECTOR)){return}var o=t.target;if(o===i){return}if(o.matches(SKIP_SELECTOR)||o.closest(SKIP_SELECTOR)){return}r=false;setTimeout((function(){if(!r){i.blur()}}),50)};addEventListener(e,"ionScrollStart",t);e.addEventListener("focusin",i,true);e.addEventListener("touchend",o,false);return function(){removeEventListener(e,"ionScrollStart",t,true);e.removeEventListener("focusin",i,true);e.removeEventListener("touchend",o,false)}};var SCROLL_ASSIST_SPEED=.3;var getScrollData=function(r,n,e,t){var i;var o=(i=r.closest("ion-item,[ion-item]"))!==null&&i!==void 0?i:r;return calcScrollData(o.getBoundingClientRect(),n.getBoundingClientRect(),e,t)};var calcScrollData=function(r,n,e,t){var i=r.top;var o=r.bottom;var a=n.top;var u=Math.min(n.bottom,t-e);var c=a+15;var d=u-SCROLL_AMOUNT_PADDING;var l=d-o;var f=c-i;var s=Math.round(l<0?-l:f>0?-f:0);var v=Math.min(s,i-a);var S=Math.abs(v);var _=S/SCROLL_ASSIST_SPEED;var w=Math.min(400,Math.max(150,_));return{scrollAmount:v,scrollDuration:w,scrollPadding:e,inputSafeY:-(i-c)+4}};var PADDING_TIMER_KEY="$ionPaddingTimer";var setScrollPadding=function(r,n,e){var t=r[PADDING_TIMER_KEY];if(t){clearTimeout(t)}if(n>0){r.style.setProperty("--keyboard-offset","".concat(n,"px"))}else{r[PADDING_TIMER_KEY]=setTimeout((function(){r.style.setProperty("--keyboard-offset","0px");if(e){e()}}),120)}};var setClearScrollPaddingListener=function(r,n,e){var t=function(){if(n){setScrollPadding(n,0,e)}};r.addEventListener("focusout",t,{once:true})};var currentPadding=0;var SKIP_SCROLL_ASSIST="data-ionic-skip-scroll-assist";var enableScrollAssist=function(r,n,e,t,i,o,a,u){if(u===void 0){u=false}var c=o&&(a===undefined||a.mode===KeyboardResize.None);var d=false;var l=win!==undefined?win.innerHeight:0;var f=function(i){if(d===false){d=true;return}jsSetFocus(r,n,e,t,i.detail.keyboardHeight,c,u,l,false)};var s=function(){d=false;win===null||win===void 0?void 0:win.removeEventListener("ionKeyboardDidShow",f);r.removeEventListener("focusout",s)};var v=function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(o){if(n.hasAttribute(SKIP_SCROLL_ASSIST)){n.removeAttribute(SKIP_SCROLL_ASSIST);return[2]}jsSetFocus(r,n,e,t,i,c,u,l);win===null||win===void 0?void 0:win.addEventListener("ionKeyboardDidShow",f);r.addEventListener("focusout",s);return[2]}))}))};r.addEventListener("focusin",v);return function(){r.removeEventListener("focusin",v);win===null||win===void 0?void 0:win.removeEventListener("ionKeyboardDidShow",f);r.removeEventListener("focusout",s)}};var setManualFocus=function(r){if(document.activeElement===r){return}r.setAttribute(SKIP_SCROLL_ASSIST,"true");r.focus()};var jsSetFocus=function(r,n,e,t,i,o){var a=[];for(var u=6;u<arguments.length;u++){a[u-6]=arguments[u]}return __awaiter(void 0,__spreadArray([r,n,e,t,i,o],a,true),void 0,(function(r,n,e,t,i,o,a,u,c){var d,l,f,s,v,S;if(a===void 0){a=false}if(u===void 0){u=0}if(c===void 0){c=true}return __generator(this,(function(_){switch(_.label){case 0:if(!e&&!t){return[2]}d=getScrollData(r,e||t,i,u);if(e&&Math.abs(d.scrollAmount)<4){setManualFocus(n);if(o&&e!==null){setScrollPadding(e,currentPadding);setClearScrollPaddingListener(n,e,(function(){return currentPadding=0}))}return[2]}relocateInput(r,n,true,d.inputSafeY,a);setManualFocus(n);raf((function(){return r.click()}));if(o&&e){currentPadding=d.scrollPadding;setScrollPadding(e,currentPadding)}if(!(typeof window!=="undefined"))return[3,3];f=function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(l!==undefined){clearTimeout(l)}window.removeEventListener("ionKeyboardDidShow",s);window.removeEventListener("ionKeyboardDidShow",f);if(!e)return[3,2];return[4,scrollByPoint(e,0,d.scrollAmount,d.scrollDuration)];case 1:t.sent();t.label=2;case 2:relocateInput(r,n,false,d.inputSafeY);setManualFocus(n);if(o){setClearScrollPaddingListener(n,e,(function(){return currentPadding=0}))}return[2]}}))}))};s=function(){window.removeEventListener("ionKeyboardDidShow",s);window.addEventListener("ionKeyboardDidShow",f)};if(!e)return[3,2];return[4,getScrollElement(e)];case 1:v=_.sent();S=v.scrollHeight-v.clientHeight;if(c&&d.scrollAmount>S-v.scrollTop){if(n.type==="password"){d.scrollAmount+=SCROLL_AMOUNT_PADDING;window.addEventListener("ionKeyboardDidShow",s)}else{window.addEventListener("ionKeyboardDidShow",f)}l=setTimeout(f,1e3);return[2]}_.label=2;case 2:f();_.label=3;case 3:return[2]}}))}))};var INPUT_BLURRING=true;var startInputShims=function(r,n){return __awaiter(void 0,void 0,void 0,(function(){var e,t,i,o,a,u,c,d,l,f,s,v,S,_,w,p;return __generator(this,(function(I){switch(I.label){case 0:if(doc===undefined){return[2]}e=n==="ios";t=n==="android";i=r.getNumber("keyboardHeight",290);o=r.getBoolean("scrollAssist",true);a=r.getBoolean("hideCaretOnScroll",e);u=r.getBoolean("inputBlurring",false);c=r.getBoolean("scrollPadding",true);d=Array.from(doc.querySelectorAll("ion-input, ion-textarea"));l=new WeakMap;f=new WeakMap;return[4,Keyboard.getResizeMode()];case 1:s=I.sent();v=function(r){return __awaiter(void 0,void 0,void 0,(function(){var n,e,u,d,v,S,v;return __generator(this,(function(_){switch(_.label){case 0:return[4,new Promise((function(n){return componentOnReady(r,n)}))];case 1:_.sent();n=r.shadowRoot||r;e=n.querySelector("input")||n.querySelector("textarea");u=findClosestIonContent(r);d=!u?r.closest("ion-footer"):null;if(!e){return[2]}if(!!u&&a&&!l.has(r)){v=enableHideCaretOnScroll(r,e,u);l.set(r,v)}S=e.type==="date"||e.type==="datetime-local";if(!S&&(!!u||!!d)&&o&&!f.has(r)){v=enableScrollAssist(r,e,u,d,i,c,s,t);f.set(r,v)}return[2]}}))}))};S=function(r){if(a){var n=l.get(r);if(n){n()}l.delete(r)}if(o){var n=f.get(r);if(n){n()}f.delete(r)}};if(u&&INPUT_BLURRING){enableInputBlurring()}for(_=0,w=d;_<w.length;_++){p=w[_];v(p)}doc.addEventListener("ionInputDidLoad",(function(r){v(r.detail)}));doc.addEventListener("ionInputDidUnload",(function(r){S(r.detail)}));return[2]}}))}))};export{startInputShims};

package/dist/esm-es5/ios.transition-06b78ea0.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{c as createAnimation}from"./animation-f1a88600.js";import{g as getIonPageElement}from"./index-59f81cb8.js";import"./ionic-global-3c97a4aa.js";import"./index-723c0e5d.js";import"./config-84eb9670.js";import"./helpers-f08d15bd.js";var DURATION=540;var getClonedElement=function(a){return document.querySelector("".concat(a,".ion-cloned-element"))};var shadow=function(a){return a.shadowRoot||a};var getLargeTitle=function(a){var t=a.tagName==="ION-TABS"?a:a.querySelector("ion-tabs");var r="ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large";if(t!=null){var n=t.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");return n!=null?n.querySelector(r):null}return a.querySelector(r)};var getBackButton=function(a,t){var r=a.tagName==="ION-TABS"?a:a.querySelector("ion-tabs");var n=[];if(r!=null){var o=r.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");if(o!=null){n=o.querySelectorAll("ion-buttons")}}else{n=a.querySelectorAll("ion-buttons")}for(var e=0,i=n;e<i.length;e++){var s=i[e];var l=s.closest("ion-header");var v=l&&!l.classList.contains("header-collapse-condense-inactive");var c=s.querySelector("ion-back-button");var f=s.classList.contains("buttons-collapse");var p=s.slot==="start"||s.slot==="";if(c!==null&&p&&(f&&v&&t||!f)){return c}}return null};var createLargeTitleTransition=function(a,t,r,n,o){var e=getBackButton(n,r);var i=getLargeTitle(o);var s=getLargeTitle(n);var l=getBackButton(o,r);var v=e!==null&&i!==null&&!r;var c=s!==null&&l!==null&&r;if(v){var f=i.getBoundingClientRect();var p=e.getBoundingClientRect();var d=shadow(e).querySelector(".button-text");var m=d===null||d===void 0?void 0:d.getBoundingClientRect();var u=shadow(i).querySelector(".toolbar-title");var b=u.getBoundingClientRect();animateLargeTitle(a,t,r,i,f,b,p,d,m);animateBackButton(a,t,r,e,p,d,m,i,b)}else if(c){var g=s.getBoundingClientRect();var h=l.getBoundingClientRect();var A=shadow(l).querySelector(".button-text");var y=A===null||A===void 0?void 0:A.getBoundingClientRect();var X=shadow(s).querySelector(".toolbar-title");var x=X.getBoundingClientRect();animateLargeTitle(a,t,r,s,g,x,h,A,y);animateBackButton(a,t,r,l,h,A,y,s,x)}return{forward:v,backward:c}};var animateBackButton=function(a,t,r,n,o,e,i,s,l){var v;var c,f;var p=t?"calc(100% - ".concat(o.right+4,"px)"):"".concat(o.left-4,"px");var d=t?"right":"left";var m=t?"left":"right";var u=t?"right":"left";var b=1;var g=1;var h="scale(".concat(g,")");var A="scale(1)";if(e&&i){var y=((c=e.textContent)===null||c===void 0?void 0:c.trim())===((f=s.textContent)===null||f===void 0?void 0:f.trim());b=l.width/i.width;g=(l.height-LARGE_TITLE_SIZE_OFFSET)/i.height;h=y?"scale(".concat(b,", ").concat(g,")"):"scale(".concat(g,")")}var X=shadow(n).querySelector("ion-icon");var x=X.getBoundingClientRect();var T=t?"".concat(x.width/2-(x.right-o.right),"px"):"".concat(o.left-x.width/2,"px");var w=t?"-".concat(window.innerWidth-o.right,"px"):"".concat(o.left,"px");var k="".concat(l.top,"px");var E="".concat(o.top,"px");var B=[{offset:0,transform:"translate3d(".concat(T,", ").concat(k,", 0)")},{offset:1,transform:"translate3d(".concat(w,", ").concat(E,", 0)")}];var L=[{offset:0,transform:"translate3d(".concat(w,", ").concat(E,", 0)")},{offset:1,transform:"translate3d(".concat(T,", ").concat(k,", 0)")}];var I=r?L:B;var _=[{offset:0,opacity:0,transform:h},{offset:1,opacity:1,transform:A}];var S=[{offset:0,opacity:1,transform:A},{offset:1,opacity:0,transform:h}];var O=r?S:_;var j=[{offset:0,opacity:0,transform:"scale(0.6)"},{offset:.6,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:1,transform:"scale(1)"}];var F=[{offset:0,opacity:1,transform:"scale(1)"},{offset:.2,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:0,transform:"scale(0.6)"}];var R=r?F:j;var N=createAnimation();var C=createAnimation();var G=createAnimation();var Z=getClonedElement("ion-back-button");var D=shadow(Z).querySelector(".button-text");var P=shadow(Z).querySelector("ion-icon");Z.text=n.text;Z.mode=n.mode;Z.theme=n.theme;Z.icon=n.icon;Z.color=n.color;Z.disabled=n.disabled;Z.style.setProperty("display","block");Z.style.setProperty("position","fixed");C.addElement(P);N.addElement(D);G.addElement(Z);G.beforeStyles((v={position:"absolute",top:"0px"},v[u]="0px",v)).beforeAddWrite((function(){n.style.setProperty("display","none");Z.style.setProperty(d,p)})).afterAddWrite((function(){n.style.setProperty("display","");Z.style.setProperty("display","none");Z.style.removeProperty(d)})).keyframes(I);N.beforeStyles({"transform-origin":"".concat(d," top")}).keyframes(O);C.beforeStyles({"transform-origin":"".concat(m," center")}).keyframes(R);a.addAnimation([N,C,G])};var animateLargeTitle=function(a,t,r,n,o,e,i,s,l){var v;var c,f;var p=t?"right":"left";var d=t?"calc(100% - ".concat(o.right,"px)"):"".concat(o.left,"px");var m="0px";var u="".concat(o.top,"px");var b=8;var g=t?"-".concat(window.innerWidth-i.right-b,"px"):"".concat(i.x+b,"px");var h=.5;var A="scale(1)";var y="scale(".concat(h,")");if(s&&l){g=t?"-".concat(window.innerWidth-l.right-b,"px"):"".concat(l.x-b,"px");var X=((c=s.textContent)===null||c===void 0?void 0:c.trim())===((f=n.textContent)===null||f===void 0?void 0:f.trim());var x=l.width/e.width;h=l.height/(e.height-LARGE_TITLE_SIZE_OFFSET);y=X?"scale(".concat(x,", ").concat(h,")"):"scale(".concat(h,")")}var T=i.top+i.height/2;var w=o.height*h/2;var k="".concat(T-w,"px");var E=[{offset:0,opacity:0,transform:"translate3d(".concat(g,", ").concat(k,", 0) ").concat(y)},{offset:.1,opacity:0},{offset:1,opacity:1,transform:"translate3d(".concat(m,", ").concat(u,", 0) ").concat(A)}];var B=[{offset:0,opacity:.99,transform:"translate3d(".concat(m,", ").concat(u,", 0) ").concat(A)},{offset:.6,opacity:0},{offset:1,opacity:0,transform:"translate3d(".concat(g,", ").concat(k,", 0) ").concat(y)}];var L=r?E:B;var I=getClonedElement("ion-title");var _=createAnimation();I.innerText=n.innerText;I.size=n.size;I.color=n.color;_.addElement(I);_.beforeStyles((v={"transform-origin":"".concat(p," top"),height:"".concat(o.height,"px"),display:"",position:"relative"},v[p]=d,v)).beforeAddWrite((function(){n.style.setProperty("opacity","0")})).afterAddWrite((function(){n.style.setProperty("opacity","");I.style.setProperty("display","none")})).keyframes(L);a.addAnimation(_)};var iosTransitionAnimation=function(a,t){var r;try{var n="cubic-bezier(0.32,0.72,0,1)";var o="opacity";var e="transform";var i="0%";var s=.8;var l=a.ownerDocument.dir==="rtl";var v=l?"-99.5%":"99.5%";var c=l?"33%":"-33%";var f=t.enteringEl;var p=t.leavingEl;var d=t.direction==="back";var m=f.querySelector(":scope > ion-content");var u=f.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");var b=f.querySelectorAll(":scope > ion-header > ion-toolbar");var g=createAnimation();var h=createAnimation();g.addElement(f).duration(((r=t.duration)!==null&&r!==void 0?r:0)||DURATION).easing(t.easing||n).fill("both").beforeRemoveClass("ion-page-invisible");if(p&&a!==null&&a!==undefined){var A=createAnimation();A.addElement(a);g.addAnimation(A)}if(!m&&b.length===0&&u.length===0){h.addElement(f.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{h.addElement(m);h.addElement(u)}g.addAnimation(h);if(d){h.beforeClearStyles([o]).fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(i,")")).fromTo(o,s,1)}else{h.beforeClearStyles([o]).fromTo("transform","translateX(".concat(v,")"),"translateX(".concat(i,")"))}if(m){var y=shadow(m).querySelector(".transition-effect");if(y){var X=y.querySelector(".transition-cover");var x=y.querySelector(".transition-shadow");var T=createAnimation();var w=createAnimation();var k=createAnimation();T.addElement(y).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});w.addElement(X).beforeClearStyles([o]).fromTo(o,0,.1);k.addElement(x).beforeClearStyles([o]).fromTo(o,.03,.7);T.addAnimation([w,k]);h.addAnimation([T])}}var E=f.querySelector("ion-header.header-collapse-condense");var B=createLargeTitleTransition(g,l,d,f,p),L=B.forward,I=B.backward;b.forEach((function(a){var t=createAnimation();t.addElement(a);g.addAnimation(t);var r=createAnimation();r.addElement(a.querySelector("ion-title"));var n=createAnimation();var e=Array.from(a.querySelectorAll("ion-buttons,[menuToggle]"));var s=a.closest("ion-header");var f=s===null||s===void 0?void 0:s.classList.contains("header-collapse-condense-inactive");var p;if(d){p=e.filter((function(a){var t=a.classList.contains("buttons-collapse");return t&&!f||!t}))}else{p=e.filter((function(a){return!a.classList.contains("buttons-collapse")}))}n.addElement(p);var m=createAnimation();m.addElement(a.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));var u=createAnimation();u.addElement(shadow(a).querySelector(".toolbar-background"));var b=createAnimation();var h=a.querySelector("ion-back-button");if(h){b.addElement(h)}t.addAnimation([r,n,m,u,b]);n.fromTo(o,.01,1);m.fromTo(o,.01,1);if(d){if(!f){r.fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(i,")")).fromTo(o,.01,1)}m.fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(i,")"));b.fromTo(o,.01,1)}else{if(!E){r.fromTo("transform","translateX(".concat(v,")"),"translateX(".concat(i,")")).fromTo(o,.01,1)}m.fromTo("transform","translateX(".concat(v,")"),"translateX(".concat(i,")"));u.beforeClearStyles([o,"transform"]);var A=s===null||s===void 0?void 0:s.translucent;if(!A){u.fromTo(o,.01,"var(--opacity)")}else{u.fromTo("transform",l?"translateX(-100%)":"translateX(100%)","translateX(0px)")}if(!L){b.fromTo(o,.01,1)}if(h&&!L){var y=createAnimation();y.addElement(shadow(h).querySelector(".button-text")).fromTo("transform",l?"translateX(-100px)":"translateX(100px)","translateX(0px)");t.addAnimation(y)}}}));if(p){var _=createAnimation();var S=p.querySelector(":scope > ion-content");var O=p.querySelectorAll(":scope > ion-header > ion-toolbar");var j=p.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(!S&&O.length===0&&j.length===0){_.addElement(p.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{_.addElement(S);_.addElement(j)}g.addAnimation(_);if(d){_.beforeClearStyles([o]).fromTo("transform","translateX(".concat(i,")"),l?"translateX(-100%)":"translateX(100%)");var F=getIonPageElement(p);g.afterAddWrite((function(){if(g.getDirection()==="normal"){F.style.setProperty("display","none")}}))}else{_.fromTo("transform","translateX(".concat(i,")"),"translateX(".concat(c,")")).fromTo(o,1,s)}if(S){var R=shadow(S).querySelector(".transition-effect");if(R){var N=R.querySelector(".transition-cover");var C=R.querySelector(".transition-shadow");var G=createAnimation();var Z=createAnimation();var D=createAnimation();G.addElement(R).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});Z.addElement(N).beforeClearStyles([o]).fromTo(o,.1,0);D.addElement(C).beforeClearStyles([o]).fromTo(o,.7,.03);G.addAnimation([Z,D]);_.addAnimation([G])}}O.forEach((function(a){var t=createAnimation();t.addElement(a);var r=createAnimation();r.addElement(a.querySelector("ion-title"));var n=createAnimation();var s=a.querySelectorAll("ion-buttons,[menuToggle]");var v=a.closest("ion-header");var f=v===null||v===void 0?void 0:v.classList.contains("header-collapse-condense-inactive");var p=Array.from(s).filter((function(a){var t=a.classList.contains("buttons-collapse");return t&&!f||!t}));n.addElement(p);var m=createAnimation();var u=a.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");if(u.length>0){m.addElement(u)}var b=createAnimation();b.addElement(shadow(a).querySelector(".toolbar-background"));var h=createAnimation();var A=a.querySelector("ion-back-button");if(A){h.addElement(A)}t.addAnimation([r,n,m,h,b]);g.addAnimation(t);h.fromTo(o,.99,0);n.fromTo(o,.99,0);m.fromTo(o,.99,0);if(d){if(!f){r.fromTo("transform","translateX(".concat(i,")"),l?"translateX(-100%)":"translateX(100%)").fromTo(o,.99,0)}m.fromTo("transform","translateX(".concat(i,")"),l?"translateX(-100%)":"translateX(100%)");b.beforeClearStyles([o,"transform"]);var y=v===null||v===void 0?void 0:v.translucent;if(!y){b.fromTo(o,"var(--opacity)",0)}else{b.fromTo("transform","translateX(0px)",l?"translateX(-100%)":"translateX(100%)")}if(A&&!I){var X=createAnimation();X.addElement(shadow(A).querySelector(".button-text")).fromTo("transform","translateX(".concat(i,")"),"translateX(".concat((l?-124:124)+"px",")"));t.addAnimation(X)}}else{if(!f){r.fromTo("transform","translateX(".concat(i,")"),"translateX(".concat(c,")")).fromTo(o,.99,0).afterClearStyles([e,o])}m.fromTo("transform","translateX(".concat(i,")"),"translateX(".concat(c,")")).afterClearStyles([e,o]);h.afterClearStyles([o]);r.afterClearStyles([o]);n.afterClearStyles([o])}}))}return g}catch(a){throw a}};var LARGE_TITLE_SIZE_OFFSET=10;export{iosTransitionAnimation,shadow};

package/dist/esm-es5/md.transition-e5712bda.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{c as createAnimation}from"./animation-f1a88600.js";import{g as getIonPageElement}from"./index-59f81cb8.js";import"./ionic-global-3c97a4aa.js";import"./index-723c0e5d.js";import"./config-84eb9670.js";import"./helpers-f08d15bd.js";var mdTransitionAnimation=function(a,i){var n,e,t;var r="40px";var o="0px";var m=i.direction==="back";var c=i.enteringEl;var l=i.leavingEl;var s=getIonPageElement(c);var v=s.querySelector("ion-toolbar");var b=createAnimation();b.addElement(s).fill("both").beforeRemoveClass("ion-page-invisible");if(m){b.duration(((n=i.duration)!==null&&n!==void 0?n:0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)")}else{b.duration(((e=i.duration)!==null&&e!==void 0?e:0)||280).easing("cubic-bezier(0.36,0.66,0.04,1)").fromTo("transform","translateY(".concat(r,")"),"translateY(".concat(o,")")).fromTo("opacity",.01,1)}if(v){var f=createAnimation();f.addElement(v);b.addAnimation(f)}if(l&&m){b.duration(((t=i.duration)!==null&&t!==void 0?t:0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)");var p=createAnimation();p.addElement(getIonPageElement(l)).onFinish((function(a){if(a===1&&p.elements.length>0){p.elements[0].style.setProperty("display","none")}})).fromTo("transform","translateY(".concat(o,")"),"translateY(".concat(r,")")).fromTo("opacity",1,0);b.addAnimation(p)}return b};export{mdTransitionAnimation};

package/dist/esm-es5/status-tap-edf9f395.js

@@ -1,4 +0,0 @@
-import{__awaiter,__generator}from"tslib";
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */import{f as readTask,w as writeTask}from"./index-723c0e5d.js";import{f as findClosestIonContent,s as scrollToTop}from"./index-7bd160c2.js";import{c as componentOnReady}from"./helpers-f08d15bd.js";import"./ionic-global-3c97a4aa.js";import"./config-84eb9670.js";var startStatusTap=function(){var o=window;o.addEventListener("statusTap",(function(){readTask((function(){var t=o.innerWidth;var r=o.innerHeight;var n=document.elementFromPoint(t/2,r/2);if(!n){return}var a=findClosestIonContent(n);if(a){new Promise((function(o){return componentOnReady(a,o)})).then((function(){writeTask((function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:a.style.setProperty("--overflow","hidden");return[4,scrollToTop(a,300)];case 1:o.sent();a.style.removeProperty("--overflow");return[2]}}))}))}))}))}}))}))};export{startStatusTap};