@ionic/core 9.0.6-dev.11790349282.1a877abd → 9.0.6-dev.11790776272.1d27d1bd

package/dist/cjs/keyboard-controller-CLcFxSnb.js

@@ -1,167 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-var helpers = require('./helpers-Crluoxqu.js');
-var keyboard = require('./keyboard-C-C7xMKk.js');
-
-/**
- * The element that resizes when the keyboard opens
- * is going to depend on the resize mode
- * which is why we check that here.
- */
-const getResizeContainer = (resizeMode) => {
-    /**
-     * If doc is undefined then we are
-     * in an SSR environment, so the keyboard
-     * adjustment does not apply.
-     * If the webview does not resize then there
-     * is no container to resize.
-     */
-    if (helpers.doc === undefined || resizeMode === keyboard.KeyboardResize.None || resizeMode === undefined) {
-        return null;
-    }
-    /**
-     * The three remaining resize modes: Native, Ionic, and Body
-     * all cause `ion-app` to resize, so we can listen for changes
-     * on that. In the event `ion-app` is not available then
-     * we can fall back to `body`.
-     */
-    const ionApp = helpers.doc.querySelector('ion-app');
-    return ionApp ?? helpers.doc.body;
-};
-/**
- * Get the height of ion-app or body.
- * This is used for determining if the webview
- * has resized before the keyboard closed.
- * */
-const getResizeContainerHeight = (resizeMode) => {
-    const containerElement = getResizeContainer(resizeMode);
-    return containerElement === null ? 0 : containerElement.clientHeight;
-};
-/**
- * Creates a controller that tracks and reacts to opening or closing the keyboard.
- *
- * @internal
- * @param keyboardChangeCallback A function to call when the keyboard opens or closes.
- */
-const createKeyboardController = async (keyboardChangeCallback) => {
-    let keyboardWillShowHandler;
-    let keyboardWillHideHandler;
-    let keyboardVisible;
-    /**
-     * This lets us determine if the webview content
-     * has resized as a result of the keyboard.
-     */
-    let initialResizeContainerHeight;
-    const init = async () => {
-        const resizeOptions = await keyboard.Keyboard.getResizeMode();
-        const resizeMode = resizeOptions === undefined ? undefined : resizeOptions.mode;
-        keyboardWillShowHandler = () => {
-            /**
-             * We need to compute initialResizeContainerHeight right before
-             * the keyboard opens to guarantee the resize container is visible.
-             * The resize container may not be visible if we compute this
-             * as soon as the keyboard controller is created.
-             * We should only need to do this once to avoid additional clientHeight
-             * computations.
-             */
-            if (initialResizeContainerHeight === undefined) {
-                initialResizeContainerHeight = getResizeContainerHeight(resizeMode);
-            }
-            keyboardVisible = true;
-            fireChangeCallback(keyboardVisible, resizeMode);
-        };
-        keyboardWillHideHandler = () => {
-            keyboardVisible = false;
-            fireChangeCallback(keyboardVisible, resizeMode);
-        };
-        helpers.win?.addEventListener('keyboardWillShow', keyboardWillShowHandler);
-        helpers.win?.addEventListener('keyboardWillHide', keyboardWillHideHandler);
-    };
-    const fireChangeCallback = (state, resizeMode) => {
-        if (keyboardChangeCallback) {
-            keyboardChangeCallback(state, createResizePromiseIfNeeded(resizeMode));
-        }
-    };
-    /**
-     * Code responding to keyboard lifecycles may need
-     * to show/hide content once the webview has
-     * resized as a result of the keyboard showing/hiding.
-     * createResizePromiseIfNeeded provides a way for code to wait for the
-     * resize event that was triggered as a result of the keyboard.
-     */
-    const createResizePromiseIfNeeded = (resizeMode) => {
-        if (
-        /**
-         * If we are in an SSR environment then there is
-         * no window to resize. Additionally, if there
-         * is no resize mode or the resize mode is "None"
-         * then initialResizeContainerHeight will be 0
-         */
-        initialResizeContainerHeight === 0 ||
-            /**
-             * If the keyboard is closed before the webview resizes initially
-             * then the webview will never resize.
-             */
-            initialResizeContainerHeight === getResizeContainerHeight(resizeMode)) {
-            return;
-        }
-        /**
-         * Get the resize container so we can
-         * attach the ResizeObserver below to
-         * the correct element.
-         */
-        const containerElement = getResizeContainer(resizeMode);
-        if (containerElement === null) {
-            return;
-        }
-        /**
-         * Some part of the web content should resize,
-         * and we need to listen for a resize.
-         */
-        return new Promise((resolve) => {
-            const callback = () => {
-                /**
-                 * As per the spec, the ResizeObserver
-                 * will fire when observation starts if
-                 * the observed element is rendered and does not
-                 * have a size of 0 x 0. However, the watched element
-                 * may or may not have resized by the time this first
-                 * callback is fired. As a result, we need to check
-                 * the dimensions of the element.
-                 *
-                 * https://www.w3.org/TR/resize-observer/#intro
-                 */
-                if (containerElement.clientHeight === initialResizeContainerHeight) {
-                    /**
-                     * The resize happened, so stop listening
-                     * for resize on this element.
-                     */
-                    ro.disconnect();
-                    resolve();
-                }
-            };
-            /**
-             * In Capacitor there can be delay between when the window
-             * resizes and when the container element resizes, so we cannot
-             * rely on a 'resize' event listener on the window.
-             * Instead, we need to determine when the container
-             * element resizes using a ResizeObserver.
-             */
-            const ro = new ResizeObserver(callback);
-            ro.observe(containerElement);
-        });
-    };
-    const destroy = () => {
-        helpers.win?.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
-        helpers.win?.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
-        keyboardWillShowHandler = keyboardWillHideHandler = undefined;
-    };
-    const isKeyboardVisible = () => keyboardVisible;
-    await init();
-    return { init, destroy, isKeyboardVisible };
-};
-
-exports.createKeyboardController = createKeyboardController;

package/dist/cjs/validity-BpS37YFM.js

@@ -1,19 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-'use strict';
-
-/**
- * Checks if the form element is in an invalid state based on
- * Ionic validation classes.
- *
- * @param el The form element to check.
- * @returns `true` if the element is invalid, `false` otherwise.
- */
-const checkInvalidState = (el) => {
-    const hasIonTouched = el.classList.contains('ion-touched');
-    const hasIonInvalid = el.classList.contains('ion-invalid');
-    return hasIonTouched && hasIonInvalid;
-};
-
-exports.checkInvalidState = checkInvalidState;

package/dist/esm/focus-visible-BmVRXR1y.js

@@ -1,75 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const ION_FOCUSED = 'ion-focused';
-const ION_FOCUSABLE = 'ion-focusable';
-const FOCUS_KEYS = [
-    'Tab',
-    'ArrowDown',
-    'Space',
-    'Escape',
-    ' ',
-    'Shift',
-    'Enter',
-    'ArrowLeft',
-    'ArrowRight',
-    'ArrowUp',
-    'Home',
-    'End',
-];
-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,
-    };
-};
-
-export { startFocusVisible };

package/dist/esm/ionic-global-B-G43ddm.js

@@ -1,151 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { i as config, l as configFromURL, m as configFromSession, n as saveConfig, o as getMode, q as setMode, a as printIonWarning } from './index-D9OR05yj.js';
-
-const getPlatforms = (win) => setupPlatforms(win);
-const isPlatform = (winOrPlatform, platform) => {
-    if (typeof winOrPlatform === 'string') {
-        platform = winOrPlatform;
-        winOrPlatform = undefined;
-    }
-    return getPlatforms(winOrPlatform).includes(platform);
-};
-const setupPlatforms = (win = window) => {
-    if (typeof win === 'undefined') {
-        return [];
-    }
-    win.Ionic = win.Ionic || {};
-    let platforms = win.Ionic.platforms;
-    if (platforms == null) {
-        platforms = win.Ionic.platforms = detectPlatforms(win);
-        platforms.forEach((p) => win.document.documentElement.classList.add(`plt-${p}`));
-    }
-    return platforms;
-};
-const detectPlatforms = (win) => {
-    const customPlatformMethods = config.get('platform');
-    return Object.keys(PLATFORMS_MAP).filter((p) => {
-        const customMethod = customPlatformMethods?.[p];
-        return typeof customMethod === 'function' ? customMethod(win) : PLATFORMS_MAP[p](win);
-    });
-};
-const isMobileWeb = (win) => isMobile(win) && !isHybrid(win);
-const isIpad = (win) => {
-    // iOS 12 and below
-    if (testUserAgent(win, /iPad/i)) {
-        return true;
-    }
-    // iOS 13+
-    if (testUserAgent(win, /Macintosh/i) && isMobile(win)) {
-        return true;
-    }
-    return false;
-};
-const isIphone = (win) => testUserAgent(win, /iPhone/i);
-const isIOS = (win) => testUserAgent(win, /iPhone|iPod/i) || isIpad(win);
-const isAndroid = (win) => testUserAgent(win, /android|sink/i);
-const isAndroidTablet = (win) => {
-    return isAndroid(win) && !testUserAgent(win, /mobile/i);
-};
-const isPhablet = (win) => {
-    const width = win.innerWidth;
-    const height = win.innerHeight;
-    const smallest = Math.min(width, height);
-    const largest = Math.max(width, height);
-    return smallest > 390 && smallest < 520 && largest > 620 && largest < 800;
-};
-const isTablet = (win) => {
-    const width = win.innerWidth;
-    const height = win.innerHeight;
-    const smallest = Math.min(width, height);
-    const largest = Math.max(width, height);
-    return isIpad(win) || isAndroidTablet(win) || (smallest > 460 && smallest < 820 && largest > 780 && largest < 1400);
-};
-const isMobile = (win) => matchMedia(win, '(any-pointer:coarse)');
-const isDesktop = (win) => !isMobile(win);
-const isHybrid = (win) => isCordova(win) || isCapacitorNative(win);
-const isCordova = (win) => !!(win['cordova'] || win['phonegap'] || win['PhoneGap']);
-const isCapacitorNative = (win) => {
-    const capacitor = win['Capacitor'];
-    return !!capacitor?.isNativePlatform?.();
-};
-const isElectron = (win) => testUserAgent(win, /electron/i);
-const isPWA = (win) => !!(win.matchMedia?.('(display-mode: standalone)').matches || win.navigator.standalone);
-const testUserAgent = (win, expr) => expr.test(win.navigator.userAgent);
-const matchMedia = (win, query) => win.matchMedia?.(query).matches;
-const PLATFORMS_MAP = {
-    ipad: isIpad,
-    iphone: isIphone,
-    ios: isIOS,
-    android: isAndroid,
-    phablet: isPhablet,
-    tablet: isTablet,
-    cordova: isCordova,
-    capacitor: isCapacitorNative,
-    electron: isElectron,
-    pwa: isPWA,
-    mobile: isMobile,
-    mobileweb: isMobileWeb,
-    desktop: isDesktop,
-    hybrid: isHybrid,
-};
-
-// TODO(FW-2832): types
-let defaultMode;
-const getIonMode = (ref) => {
-    return (ref && getMode(ref)) || defaultMode;
-};
-const initialize = (userConfig = {}) => {
-    if (typeof window === 'undefined') {
-        return;
-    }
-    const doc = window.document;
-    const win = window;
-    const Ionic = (win.Ionic = win.Ionic || {});
-    // create the Ionic.config from raw config object (if it exists)
-    // and convert Ionic.config into a ConfigApi that has a get() fn
-    const configObj = {
-        ...configFromSession(win),
-        persistConfig: false,
-        ...Ionic.config,
-        ...configFromURL(win),
-        ...userConfig,
-    };
-    config.reset(configObj);
-    if (config.getBoolean('persistConfig')) {
-        saveConfig(win, configObj);
-    }
-    // Setup platforms
-    setupPlatforms(win);
-    // first see if the mode was set as an attribute on <html>
-    // which could have been set by the user, or by pre-rendering
-    // otherwise get the mode via config settings, and fallback to md
-    Ionic.config = config;
-    Ionic.mode = defaultMode = config.get('mode', doc.documentElement.getAttribute('mode') || (isPlatform(win, 'ios') ? 'ios' : 'md'));
-    config.set('mode', defaultMode);
-    doc.documentElement.setAttribute('mode', defaultMode);
-    doc.documentElement.classList.add(defaultMode);
-    if (config.getBoolean('_testing')) {
-        config.set('animated', false);
-    }
-    const isIonicElement = (elm) => elm.tagName?.startsWith('ION-');
-    const isAllowedIonicModeValue = (elmMode) => ['ios', 'md'].includes(elmMode);
-    setMode((elm) => {
-        while (elm) {
-            const elmMode = elm.mode || elm.getAttribute('mode');
-            if (elmMode) {
-                if (isAllowedIonicModeValue(elmMode)) {
-                    return elmMode;
-                }
-                else if (isIonicElement(elm)) {
-                    printIonWarning('Invalid ionic mode: "' + elmMode + '", expected: "ios" or "md"');
-                }
-            }
-            elm = elm.parentElement;
-        }
-        return defaultMode;
-    });
-};
-
-export { isPlatform as a, getIonMode as b, getPlatforms as g, initialize as i };

package/dist/esm/keyboard-controller-Dzjet5wD.js

@@ -1,165 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { w as win, n as doc } from './helpers-B54ynME_.js';
-import { K as Keyboard, a as KeyboardResize } from './keyboard-ly3M0GO7.js';
-
-/**
- * The element that resizes when the keyboard opens
- * is going to depend on the resize mode
- * which is why we check that here.
- */
-const getResizeContainer = (resizeMode) => {
-    /**
-     * If doc is undefined then we are
-     * in an SSR environment, so the keyboard
-     * adjustment does not apply.
-     * If the webview does not resize then there
-     * is no container to resize.
-     */
-    if (doc === undefined || resizeMode === KeyboardResize.None || resizeMode === undefined) {
-        return null;
-    }
-    /**
-     * The three remaining resize modes: Native, Ionic, and Body
-     * all cause `ion-app` to resize, so we can listen for changes
-     * on that. In the event `ion-app` is not available then
-     * we can fall back to `body`.
-     */
-    const ionApp = doc.querySelector('ion-app');
-    return ionApp ?? doc.body;
-};
-/**
- * Get the height of ion-app or body.
- * This is used for determining if the webview
- * has resized before the keyboard closed.
- * */
-const getResizeContainerHeight = (resizeMode) => {
-    const containerElement = getResizeContainer(resizeMode);
-    return containerElement === null ? 0 : containerElement.clientHeight;
-};
-/**
- * Creates a controller that tracks and reacts to opening or closing the keyboard.
- *
- * @internal
- * @param keyboardChangeCallback A function to call when the keyboard opens or closes.
- */
-const createKeyboardController = async (keyboardChangeCallback) => {
-    let keyboardWillShowHandler;
-    let keyboardWillHideHandler;
-    let keyboardVisible;
-    /**
-     * This lets us determine if the webview content
-     * has resized as a result of the keyboard.
-     */
-    let initialResizeContainerHeight;
-    const init = async () => {
-        const resizeOptions = await Keyboard.getResizeMode();
-        const resizeMode = resizeOptions === undefined ? undefined : resizeOptions.mode;
-        keyboardWillShowHandler = () => {
-            /**
-             * We need to compute initialResizeContainerHeight right before
-             * the keyboard opens to guarantee the resize container is visible.
-             * The resize container may not be visible if we compute this
-             * as soon as the keyboard controller is created.
-             * We should only need to do this once to avoid additional clientHeight
-             * computations.
-             */
-            if (initialResizeContainerHeight === undefined) {
-                initialResizeContainerHeight = getResizeContainerHeight(resizeMode);
-            }
-            keyboardVisible = true;
-            fireChangeCallback(keyboardVisible, resizeMode);
-        };
-        keyboardWillHideHandler = () => {
-            keyboardVisible = false;
-            fireChangeCallback(keyboardVisible, resizeMode);
-        };
-        win?.addEventListener('keyboardWillShow', keyboardWillShowHandler);
-        win?.addEventListener('keyboardWillHide', keyboardWillHideHandler);
-    };
-    const fireChangeCallback = (state, resizeMode) => {
-        if (keyboardChangeCallback) {
-            keyboardChangeCallback(state, createResizePromiseIfNeeded(resizeMode));
-        }
-    };
-    /**
-     * Code responding to keyboard lifecycles may need
-     * to show/hide content once the webview has
-     * resized as a result of the keyboard showing/hiding.
-     * createResizePromiseIfNeeded provides a way for code to wait for the
-     * resize event that was triggered as a result of the keyboard.
-     */
-    const createResizePromiseIfNeeded = (resizeMode) => {
-        if (
-        /**
-         * If we are in an SSR environment then there is
-         * no window to resize. Additionally, if there
-         * is no resize mode or the resize mode is "None"
-         * then initialResizeContainerHeight will be 0
-         */
-        initialResizeContainerHeight === 0 ||
-            /**
-             * If the keyboard is closed before the webview resizes initially
-             * then the webview will never resize.
-             */
-            initialResizeContainerHeight === getResizeContainerHeight(resizeMode)) {
-            return;
-        }
-        /**
-         * Get the resize container so we can
-         * attach the ResizeObserver below to
-         * the correct element.
-         */
-        const containerElement = getResizeContainer(resizeMode);
-        if (containerElement === null) {
-            return;
-        }
-        /**
-         * Some part of the web content should resize,
-         * and we need to listen for a resize.
-         */
-        return new Promise((resolve) => {
-            const callback = () => {
-                /**
-                 * As per the spec, the ResizeObserver
-                 * will fire when observation starts if
-                 * the observed element is rendered and does not
-                 * have a size of 0 x 0. However, the watched element
-                 * may or may not have resized by the time this first
-                 * callback is fired. As a result, we need to check
-                 * the dimensions of the element.
-                 *
-                 * https://www.w3.org/TR/resize-observer/#intro
-                 */
-                if (containerElement.clientHeight === initialResizeContainerHeight) {
-                    /**
-                     * The resize happened, so stop listening
-                     * for resize on this element.
-                     */
-                    ro.disconnect();
-                    resolve();
-                }
-            };
-            /**
-             * In Capacitor there can be delay between when the window
-             * resizes and when the container element resizes, so we cannot
-             * rely on a 'resize' event listener on the window.
-             * Instead, we need to determine when the container
-             * element resizes using a ResizeObserver.
-             */
-            const ro = new ResizeObserver(callback);
-            ro.observe(containerElement);
-        });
-    };
-    const destroy = () => {
-        win?.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
-        win?.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
-        keyboardWillShowHandler = keyboardWillHideHandler = undefined;
-    };
-    const isKeyboardVisible = () => keyboardVisible;
-    await init();
-    return { init, destroy, isKeyboardVisible };
-};
-
-export { createKeyboardController as c };

package/dist/esm/validity-DJztqcrH.js

@@ -1,17 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-/**
- * Checks if the form element is in an invalid state based on
- * Ionic validation classes.
- *
- * @param el The form element to check.
- * @returns `true` if the element is invalid, `false` otherwise.
- */
-const checkInvalidState = (el) => {
-    const hasIonTouched = el.classList.contains('ion-touched');
-    const hasIonInvalid = el.classList.contains('ion-invalid');
-    return hasIonTouched && hasIonInvalid;
-};
-
-export { checkInvalidState as c };

package/dist/ionic/p-0517aec4.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{r as o,d as r,h as e,f as t,g as i}from"./p-D9OR05yj.js";import{i as a}from"./p-B4xjg_Qu.js";import{c as n,o as s,h as c}from"./p-byZM6qHV.js";import{p as l,q as d}from"./p-BvabGprD.js";import{b}from"./p-CrAPHbJ3.js";import"./p-Dojwmvde.js";const p=class{constructor(e){o(this,e),this.ionFocus=r(this,"ionFocus",7),this.ionBlur=r(this,"ionBlur",7),this.collapsedClick=r(this,"collapsedClick",7),this.inheritedAttributes={},this.collapsed=!1,this.active=!1,this.disabled=!1,this.routerDirection="forward",this.onFocus=()=>{this.ionFocus.emit()},this.onBlur=()=>{this.ionBlur.emit()},this.collapsedIndicatorClick=()=>{this.collapsedClick.emit({ionShadowTarget:this.collapsedRef})}}componentWillLoad(){this.inheritedAttributes=a(this.el)}isClickable(){return void 0!==this.href}render(){const{color:o,active:r,collapsed:i,disabled:a,download:p,el:m,inheritedAttributes:h,last:g,routerAnimation:u,routerDirection:x,separator:f,showCollapsedIndicator:v,target:k}=this,w=this.isClickable(),y=void 0===this.href?"span":"a",C=a?void 0:this.href,z=b(this),j="span"===y?{}:{download:p,href:C,target:k},B=!g&&(i?!(!v||g):f);return e(t,{key:"32ca61c83721dff52b5e97171ed449dce3584a55",onClick:o=>s(C,o,x,u),"aria-disabled":a?"true":null,class:n(o,{[z]:!0,"breadcrumb-active":r,"breadcrumb-collapsed":i,"breadcrumb-disabled":a,"in-breadcrumbs-color":c("ion-breadcrumbs[color]",m),"in-toolbar":c("ion-toolbar",this.el),"in-toolbar-color":c("ion-toolbar[color]",this.el),"ion-activatable":w,"ion-focusable":w})},e(y,{key:"479feb845f4a6d8009d5422b33eb423730b9722b",...j,class:"breadcrumb-native",part:"native",disabled:a,onFocus:this.onFocus,onBlur:this.onBlur,...h},e("slot",{key:"3c5dcaeb0d258235d1b7707868026ff1d1404099",name:"start"}),e("slot",{key:"f1cfb934443cd97dc220882c5e3596ea879d66cf"}),e("slot",{key:"539710121b5b1f3ee8d4c24a9651b67c2ae08add",name:"end"})),v&&e("button",{key:"ed53a95ccd89022c8b7bee0658a221ec62a5c73b",part:"collapsed-indicator","aria-label":"Show more breadcrumbs",onClick:()=>this.collapsedIndicatorClick(),ref:o=>this.collapsedRef=o,class:{"breadcrumbs-collapsed-indicator":!0}},e("ion-icon",{key:"a849e1142a86f06f207cf11662fa2a560ab7fc6a","aria-hidden":"true",icon:d,lazy:!1})),B&&e("span",{key:"fc3c741cb01fafef8b26046c7ee5b190efc69a7c",class:"breadcrumb-separator",part:"separator","aria-hidden":"true"},e("slot",{key:"4871932ae1dae520767e0713e7cee2d11b0bba6d",name:"separator"},"ios"===z?e("ion-icon",{icon:l,lazy:!1,"flip-rtl":!0}):e("span",null,"/"))))}get el(){return i(this)}};p.style={ios:":host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #2d4665));--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--color-active);--background-focused:var(--ion-color-step-50, var(--ion-background-color-step-50, rgba(233, 237, 243, 0.7)));font-size:clamp(16px, 1rem, 22px)}:host(.breadcrumb-active){font-weight:600}.breadcrumb-native{border-radius:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:5px;padding-bottom:5px;border:1px solid transparent}:host(.ion-focused) .breadcrumb-native{border-radius:8px}:host(.in-breadcrumbs-color.ion-focused) .breadcrumb-native,:host(.ion-color.ion-focused) .breadcrumb-native{background:rgba(var(--ion-color-base-rgb), 0.1);color:var(--ion-color-base)}:host(.ion-focused) ::slotted(ion-icon),:host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),:host(.ion-color.ion-focused) ::slotted(ion-icon){color:var(--ion-color-step-750, var(--ion-text-color-step-250, #445b78))}.breadcrumb-separator{color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}::slotted(ion-icon){color:var(--ion-color-step-400, var(--ion-text-color-step-600, #92a0b3));font-size:min(1.125rem, 21.6px)}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, var(--ion-text-color-step-150, #242d39))}.breadcrumbs-collapsed-indicator{border-radius:4px;background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e9edf3));color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}.breadcrumbs-collapsed-indicator:hover{opacity:0.45}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9e0ea))}.breadcrumbs-collapsed-indicator ion-icon{font-size:min(1.375rem, 22px)}",md:":host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-600, var(--ion-text-color-step-400, #677483));--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--ion-color-step-800, var(--ion-text-color-step-200, #35404e));--background-focused:var(--ion-color-step-50, var(--ion-background-color-step-50, #fff))}:host(.breadcrumb-active){font-weight:500}.breadcrumb-native{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}.breadcrumb-separator{-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:-1px}:host(.ion-focused) .breadcrumb-native{border-radius:4px;-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12)}.breadcrumb-separator{color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}::slotted(ion-icon){color:var(--ion-color-step-550, var(--ion-text-color-step-450, #7d8894));font-size:1.125rem}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, var(--ion-text-color-step-150, #222d3a))}.breadcrumbs-collapsed-indicator{border-radius:2px;background:var(--ion-color-step-100, var(--ion-background-color-step-100, #eef1f3));color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}.breadcrumbs-collapsed-indicator:hover{opacity:0.7}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, var(--ion-background-color-step-150, #dfe5e8))}"};const m=class{constructor(e){o(this,e),this.ionCollapsedClick=r(this,"ionCollapsedClick",7),this.itemsBeforeCollapse=1,this.itemsAfterCollapse=1,this.breadcrumbsInit=()=>{this.setBreadcrumbSeparator(),this.setMaxItems()},this.resetActiveBreadcrumb=()=>{const o=this.getBreadcrumbs().find((o=>o.active));o&&this.activeChanged&&(o.active=!1)},this.setMaxItems=()=>{const{itemsAfterCollapse:o,itemsBeforeCollapse:r,maxItems:e}=this,t=this.getBreadcrumbs();for(const o of t)o.showCollapsedIndicator=!1,o.collapsed=!1;void 0!==e&&t.length>e&&r+o<=e&&t.forEach(((e,i)=>{i===r&&(e.showCollapsedIndicator=!0),i>=r&&i<t.length-o&&(e.collapsed=!0)}))},this.setBreadcrumbSeparator=()=>{const{itemsAfterCollapse:o,itemsBeforeCollapse:r,maxItems:e}=this,t=this.getBreadcrumbs(),i=t.find((o=>o.active));for(const a of t){const n=void 0!==e&&0===o?a===t[r]:a===t[t.length-1];a.last=n,a.separator=void 0!==a.separator?a.separator:!n||void 0,!i&&n&&(a.active=!0,this.activeChanged=!0)}},this.getBreadcrumbs=()=>Array.from(this.el.querySelectorAll("ion-breadcrumb")),this.slotChanged=()=>{this.resetActiveBreadcrumb(),this.breadcrumbsInit()}}onCollapsedClick(o){const r=this.getBreadcrumbs().filter((o=>o.collapsed));this.ionCollapsedClick.emit({...o.detail,collapsedBreadcrumbs:r})}maxItemsChanged(){this.resetActiveBreadcrumb(),this.breadcrumbsInit()}componentWillLoad(){this.breadcrumbsInit()}render(){const{color:o,collapsed:r}=this,i=b(this);return e(t,{key:"fe64e9cdf597ede2db140bf5fa05a0359d82db57",class:n(o,{[i]:!0,"in-toolbar":c("ion-toolbar",this.el),"in-toolbar-color":c("ion-toolbar[color]",this.el),"breadcrumbs-collapsed":r})},e("slot",{key:"a2c99b579e339055c50a613d5c6b61032f5ddffe",onSlotchange:this.slotChanged}))}get el(){return i(this)}static get watchers(){return{maxItems:[{maxItemsChanged:0}],itemsBeforeCollapse:[{maxItemsChanged:0}],itemsAfterCollapse:[{maxItemsChanged:0}]}}};m.style={ios:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;-ms-flex-pack:center;justify-content:center}",md:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}"};export{p as ion_breadcrumb,m as ion_breadcrumbs}