@ionic/core 8.8.19-dev.11786610762.137bbb21 → 8.8.19-dev.11786735826.1fad7c0a

package/dist/esm/scroll-hide-controller-CfbtPBWv.js

@@ -1,342 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { w as win, d as doc } from './ionic-global-CEwbmRLz.js';
-import { e as config, a as readTask, w as writeTask } from './index-C0EQceqV.js';
-import { K as Keyboard, a as KeyboardResize } from './keyboard-DYGmALa7.js';
-import { g as getScrollElement } from './index-taYRjZGp.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 appRootSelector = config.get('appRootSelector', 'ion-app');
-    const ionApp = doc.querySelector(appRootSelector);
-    return ionApp !== null && ionApp !== void 0 ? 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 === null || win === void 0 ? void 0 : win.addEventListener('keyboardWillShow', keyboardWillShowHandler);
-        win === null || win === void 0 ? void 0 : 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 === null || win === void 0 ? void 0 : win.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
-        win === null || win === void 0 ? void 0 : win.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
-        keyboardWillShowHandler = keyboardWillHideHandler = undefined;
-    };
-    const isKeyboardVisible = () => keyboardVisible;
-    await init();
-    return { init, destroy, isKeyboardVisible };
-};
-
-const TOP_VISIBLE_THRESHOLD = 80;
-const SCROLL_HIDE_THRESHOLD = 60;
-const WHEEL_SUPPRESS_DURATION_MS = 80;
-const SUPPRESS_SHOW_DURATION_MS = 400;
-/**
- * Creates a controller that manages scroll-based hide/show behavior
- * for headers, footers, and tab bars.
- *
- * Listens to both wheel and scroll events. Wheel events (desktop mice)
- * give direction instantly via deltaY. Scroll events cover touch,
- * trackpad, and programmatic scrolling where wheel doesn't fire.
- * A short suppression window stops them from double-processing the
- * same gesture.
- *
- * When the user reverses scroll direction, we save that position as
- * an anchor. The bar only hides after scrolling 60px past that
- * anchor, which prevents flickering on small or jittery movements.
- * Showing is immediate on direction change.
- *
- * When `options` is provided, the controller also handles the DOM
- * setup: ResizeObserver for height tracking, CSS variable read/write,
- * content partner/hidden class toggling, inert/aria-hidden, and
- * full teardown cleanup. This avoids duplicating the same setup
- * across header, footer, and tab-bar.
- *
- * @internal
- * @param contentEl The content element to resolve the scroll element from.
- * @param options Configuration for DOM setup (classes, CSS vars, a11y).
- */
-const createScrollHideController = async (contentEl, options) => {
-    const { el, cssVar, hiddenClass, contentPartnerClass, contentHiddenClass, shouldKeepAriaHidden } = options;
-    let controllerIsHidden = false;
-    let resizeObserver;
-    // --- DOM setup: height tracking, classes, a11y ---
-    const updateHideHeight = () => {
-        readTask(() => {
-            const heightPx = el.offsetHeight;
-            writeTask(() => {
-                el.style.setProperty(cssVar, `${heightPx}px`);
-                contentEl.style.setProperty(cssVar, `${heightPx}px`);
-            });
-        });
-    };
-    const setHidden = (hidden) => {
-        controllerIsHidden = hidden;
-        el.classList.toggle(hiddenClass, hidden);
-        if (hidden) {
-            el.setAttribute('inert', '');
-            el.setAttribute('aria-hidden', 'true');
-        }
-        else {
-            el.removeAttribute('inert');
-            if (!shouldKeepAriaHidden || !shouldKeepAriaHidden()) {
-                el.removeAttribute('aria-hidden');
-            }
-        }
-        contentEl.classList.toggle(contentHiddenClass, hidden);
-    };
-    // --- Scroll math ---
-    const scrollEl = await getScrollElement(contentEl);
-    let lastScrollPosition = 0;
-    let scrollPositionAtDirectionChange = 0;
-    let lastWheelEventTimestamp = 0;
-    let suppressShowUntil = 0;
-    const commitHide = (hidden) => {
-        if (hidden) {
-            suppressShowUntil = Date.now() + SUPPRESS_SHOW_DURATION_MS;
-        }
-        else {
-            suppressShowUntil = 0;
-        }
-        setHidden(hidden);
-    };
-    const handleWheel = (wheelEvent) => {
-        lastWheelEventTimestamp = Date.now();
-        readTask(() => {
-            const currentScrollTop = scrollEl.scrollTop;
-            // Both wheel and scroll events fire for mouse wheel input.
-            // Scroll events are suppressed for 80ms after a wheel event,
-            // but when they resume, handleScroll needs an up-to-date
-            // lastScrollPosition or it may detect the wrong direction.
-            lastScrollPosition = currentScrollTop;
-            if (currentScrollTop <= TOP_VISIBLE_THRESHOLD) {
-                if (controllerIsHidden) {
-                    writeTask(() => commitHide(false));
-                }
-                return;
-            }
-            if (wheelEvent.deltaY < 0) {
-                scrollPositionAtDirectionChange = currentScrollTop;
-                if (controllerIsHidden) {
-                    writeTask(() => commitHide(false));
-                }
-            }
-            else if (wheelEvent.deltaY > 0) {
-                const scrolledSinceDirectionChange = currentScrollTop - scrollPositionAtDirectionChange;
-                if (scrolledSinceDirectionChange >= SCROLL_HIDE_THRESHOLD && !controllerIsHidden) {
-                    writeTask(() => commitHide(true));
-                }
-            }
-        });
-    };
-    const handleScroll = () => {
-        if (Date.now() - lastWheelEventTimestamp < WHEEL_SUPPRESS_DURATION_MS) {
-            return;
-        }
-        readTask(() => {
-            const currentScrollTop = scrollEl.scrollTop;
-            if (currentScrollTop <= TOP_VISIBLE_THRESHOLD) {
-                if (controllerIsHidden) {
-                    writeTask(() => commitHide(false));
-                }
-                lastScrollPosition = currentScrollTop;
-                return;
-            }
-            if (currentScrollTop === lastScrollPosition) {
-                return;
-            }
-            const isScrollingDown = currentScrollTop > lastScrollPosition;
-            const wasScrollingDown = lastScrollPosition > scrollPositionAtDirectionChange;
-            if (isScrollingDown !== wasScrollingDown) {
-                scrollPositionAtDirectionChange = lastScrollPosition;
-            }
-            const scrolledSinceDirectionChange = Math.abs(currentScrollTop - scrollPositionAtDirectionChange);
-            const requiredScrollDistance = isScrollingDown ? SCROLL_HIDE_THRESHOLD : 0;
-            lastScrollPosition = currentScrollTop;
-            if (scrolledSinceDirectionChange < requiredScrollDistance) {
-                return;
-            }
-            const shouldHide = isScrollingDown;
-            if (shouldHide !== controllerIsHidden) {
-                if (!shouldHide && Date.now() < suppressShowUntil) {
-                    return;
-                }
-                writeTask(() => commitHide(shouldHide));
-            }
-        });
-    };
-    // --- Controller ---
-    let initialized = false;
-    const init = () => {
-        initialized = true;
-        updateHideHeight();
-        if (typeof ResizeObserver !== 'undefined') {
-            resizeObserver = new ResizeObserver(() => updateHideHeight());
-            resizeObserver.observe(el);
-        }
-        scrollEl.addEventListener('scroll', handleScroll, { passive: true });
-        scrollEl.addEventListener('wheel', handleWheel, { passive: true });
-        contentEl.classList.add(contentPartnerClass);
-    };
-    const destroy = () => {
-        if (!initialized)
-            return;
-        scrollEl.removeEventListener('scroll', handleScroll);
-        scrollEl.removeEventListener('wheel', handleWheel);
-        if (resizeObserver) {
-            resizeObserver.disconnect();
-            resizeObserver = undefined;
-        }
-        contentEl.classList.remove(contentPartnerClass, contentHiddenClass);
-        contentEl.style.removeProperty(cssVar);
-        if (controllerIsHidden) {
-            el.classList.remove(hiddenClass);
-            el.removeAttribute('inert');
-            el.removeAttribute('aria-hidden');
-            controllerIsHidden = false;
-        }
-        el.style.removeProperty(cssVar);
-    };
-    const isHidden = () => controllerIsHidden;
-    return { isHidden, init, destroy };
-};
-
-export { createKeyboardController as a, createScrollHideController as c };

package/dist/esm/theme-DaJxRxSQ.js

@@ -1,67 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-/**
- * Checks if an element has a parent matching the specified selector.
- * This handles an element in both light DOM and shadow DOM contexts.
- * @param selector The parent selector to check for (e.g., 'ion-datetime'
- * or 'ion-toolbar[color]').
- * @param el The element to check.
- * @returns `true` if the element has a parent matching the specified selector,
- * `false` otherwise.
- */
-const hostContext = (selector, el) => {
-    // Check the light DOM first
-    if (el.closest(selector) !== null) {
-        return true;
-    }
-    // For attribute or class selectors (e.g., 'ion-toolbar[color]' or
-    // 'ion-toolbar.ion-color') we can only check light DOM since tagName
-    // doesn't include attributes or classes.
-    if (selector.includes('[') || selector.includes('.')) {
-        return false;
-    }
-    // Check the shadow DOM by looking at the shadow root host and
-    // converting the selector to uppercase to compare with tagName
-    const upperCaseTagName = selector.toUpperCase();
-    const rootNode = el.getRootNode();
-    const shadowHost = rootNode instanceof ShadowRoot ? rootNode.host : null;
-    return (shadowHost === null || shadowHost === void 0 ? void 0 : shadowHost.tagName) === upperCaseTagName;
-};
-/**
- * Create the mode and color classes for the component based on the classes passed in
- */
-const createColorClasses = (color, cssClassMap) => {
-    return typeof color === 'string' && color.length > 0
-        ? Object.assign({ 'ion-color': true, [`ion-color-${color}`]: true }, cssClassMap) : cssClassMap;
-};
-const getClassList = (classes) => {
-    if (classes !== undefined) {
-        const array = Array.isArray(classes) ? classes : classes.split(' ');
-        return array
-            .filter((c) => c != null)
-            .map((c) => c.trim())
-            .filter((c) => c !== '');
-    }
-    return [];
-};
-const getClassMap = (classes) => {
-    const map = {};
-    getClassList(classes).forEach((c) => (map[c] = true));
-    return map;
-};
-const SCHEME = /^[a-z][a-z0-9+\-.]*:/;
-const openURL = async (url, ev, direction, animation) => {
-    if (url != null && url[0] !== '#' && !SCHEME.test(url)) {
-        const router = document.querySelector('ion-router');
-        if (router) {
-            if (ev != null) {
-                ev.preventDefault();
-            }
-            return router.push(url, direction, animation);
-        }
-    }
-    return false;
-};
-
-export { createColorClasses as c, getClassMap as g, hostContext as h, openURL as o };

package/dist/esm/validity-BjW8SOqw.js

@@ -1,48 +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;
-};
-const getValidityFlags = (validity) => {
-    return {
-        badInput: validity.badInput,
-        customError: validity.customError,
-        patternMismatch: validity.patternMismatch,
-        rangeOverflow: validity.rangeOverflow,
-        rangeUnderflow: validity.rangeUnderflow,
-        stepMismatch: validity.stepMismatch,
-        tooLong: validity.tooLong,
-        tooShort: validity.tooShort,
-        typeMismatch: validity.typeMismatch,
-        valueMissing: validity.valueMissing,
-    };
-};
-/**
- * Reports the validity state of a native form element to ElementInternals.
- * This delegates to the native element's built-in validation, which automatically
- * handles required, minlength, maxlength, and other constraints.
- */
-const reportValidityToElementInternals = (nativeElement, internals) => {
-    if (!(nativeElement === null || nativeElement === void 0 ? void 0 : nativeElement.validity)) {
-        return;
-    }
-    if (nativeElement.validity.valid) {
-        internals.setValidity({});
-    }
-    else {
-        const validityFlags = getValidityFlags(nativeElement.validity);
-        internals.setValidity(validityFlags, nativeElement.validationMessage, nativeElement);
-    }
-};
-
-export { checkInvalidState as c, reportValidityToElementInternals as r };

package/dist/esm/x-BDqjX7Z_.js

@@ -1,6 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const xSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMDUuNjYsMTk0LjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMkwxMjgsMTM5LjMxLDYxLjY2LDIwNS42NmE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTE2LjY5LDEyOCw1MC4zNCw2MS42NkE4LDgsMCwwLDEsNjEuNjYsNTAuMzRMMTI4LDExNi42OWw2Ni4zNC02Ni4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiLz48L3N2Zz4=';
-
-export { xSvg as x };

package/dist/ionic/p--sroV-k-.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{j as t}from"./p-C0EQceqV.js";const e=e=>{try{if(e instanceof v)return e.value;if(!s()||"string"!=typeof e||""===e)return e;if(e.includes("onload="))return"";const t=document.createDocumentFragment(),o=document.createElement("div");t.appendChild(o),o.innerHTML=e,m.forEach((e=>{const o=t.querySelectorAll(e);for(let e=o.length-1;e>=0;e--){const s=o[e];s.parentNode?s.parentNode.removeChild(s):t.removeChild(s);const r=i(s);for(let t=0;t<r.length;t++)n(r[t],a)}}));const r=i(t);for(let t=0;t<r.length;t++)n(r[t],a);const c=document.createElement("div");c.appendChild(t);const l=c.querySelector("div");return null!==l?l.innerHTML:c.innerHTML}catch(e){return t("sanitizeDOMString",e),""}},o=t=>{s()&&(m.forEach((e=>{const o=t.querySelectorAll(e);for(let t=o.length-1;t>=0;t--)o[t].remove()})),n(t,c,l))},n=(t,e,o=[])=>{if(t.nodeType&&1!==t.nodeType)return;if("undefined"!=typeof NamedNodeMap&&!(t.attributes instanceof NamedNodeMap))return void t.remove();t.removeAttribute("style");for(let n=t.attributes.length-1;n>=0;n--){const i=t.attributes.item(n),s=i.name,r=s.toLowerCase();if(!f(r,e,o)){t.removeAttribute(s);continue}const a=i.value;if(null==a)continue;const c=a.replace(d,"").toLowerCase();(c.includes("javascript:")||c.includes("vbscript:")||u.includes(r)&&c.startsWith("data:")&&!p.test(c))&&t.removeAttribute(s)}const s=i(t);for(let t=0;t<s.length;t++)n(s[t],e,o)},i=t=>null!=t.children?t.children:t.childNodes,s=()=>{var t;const e=window,o=null===(t=null==e?void 0:e.Ionic)||void 0===t?void 0:t.config;return!o||(o.get?o.get("sanitizerEnabled",!0):!0===o.sanitizerEnabled||void 0===o.sanitizerEnabled)},r=t=>{const e=[];t.tagName in y&&e.push(t);for(const o of Object.keys(y))e.push(...Array.from(t.querySelectorAll(o.toLowerCase())));for(const t of e){if(!(t.tagName in y))continue;const e=y[t.tagName];for(const o of e){const e=t[o];"string"==typeof e&&e.length>0&&!t.hasAttribute(o)&&t.setAttribute(o,e)}}},a=["class","id","href","src","name","slot"],c=["class","id","slot","name","title","alt","lang","dir","role","type","value","disabled","width","height","href","src","color","size","shape","fill","expand","mode","theme","icon","label","label-placement","justify","inset","lines","ios","md","xmlns","viewbox","preserveaspectratio","stroke","stroke-width","stroke-linecap","stroke-linejoin","stroke-opacity","stroke-dasharray","fill-rule","fill-opacity","clip-rule","d","points","cx","cy","r","rx","ry","x","y","x1","y1","x2","y2","transform","opacity"],l=["aria-","data-"],f=(t,e,o)=>!!e.includes(t)||o.some((e=>t.startsWith(e))),d=/[\u0000-\u0020\u007f-\u00a0]/g,u=["href","src"],p=/^data:image\/(?:png|jpe?g|gif|webp|bmp|avif|x-icon|vnd\.microsoft\.icon)[;,]/,m=["script","style","iframe","meta","link","object","embed","base"],y={"ION-ICON":["icon","name","src","ios","md"]};class v{constructor(t){this.value=t}}export{v as I,o as a,r,e as s}

package/dist/ionic/p-00731d20.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{r as o,c as r,e,h as t,d as i,g as a}from"./p-C0EQceqV.js";import{c as n}from"./p-BYSs-jZz.js";import{i as s}from"./p-CEkwLb3L.js";import{c,o as l,h as d}from"./p-DaJxRxSQ.js";import{m as b,n as p}from"./p-B4Kq2YNk.js";import{c as m}from"./p-DIvCXVmD.js";import"./p-vXpMhGrs.js";const h=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=s(this.el)}get breadcrumbCollapsedIcon(){const o=m(this),r={ios:b,ionic:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNDAsMTI4YTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDE0MCwxMjhabTU2LTEyYTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE5NiwxMTZaTTYwLDExNmExMiwxMiwwLDEsMCwxMiwxMkExMiwxMiwwLDAsMCw2MCwxMTZaIi8+PC9zdmc+",md:b};return e.get("breadcrumbCollapsedIcon",r[o]||r.md)}get breadcrumbSeparatorIcon(){const o=m(this),r={ios:p,ionic:n,md:p};return e.get("breadcrumbSeparatorIcon",r[o]||r.md)}isClickable(){return void 0!==this.href}render(){const{color:o,active:r,breadcrumbCollapsedIcon:e,breadcrumbSeparatorIcon:a,collapsed:n,disabled:s,download:b,el:p,inheritedAttributes:h,last:x,routerAnimation:g,routerDirection:u,separator:f,showCollapsedIndicator:v,target:w}=this,k=this.isClickable(),y=void 0===this.href?"span":"a",C=s?void 0:this.href,z=m(this),M="span"===y?{}:{download:b,href:C,target:w},I=!x&&(n?!(!v||x):f);return t(i,{key:"eb02645656f4ee3752aa9f6c4dee2e57a8ee7527",onClick:o=>l(C,o,u,g),"aria-disabled":s?"true":null,class:c(o,{[z]:!0,"breadcrumb-active":r,"breadcrumb-collapsed":n,"breadcrumb-disabled":s,"in-breadcrumbs-color":d("ion-breadcrumbs[color]",p),"in-toolbar":d("ion-toolbar",this.el),"in-toolbar-color":d("ion-toolbar[color]",this.el),"ion-activatable":k,"ion-focusable":k})},t(y,Object.assign({key:"54ea53cd2e2f6cabca07565574971c80681f49d8"},M,{class:"breadcrumb-native",part:"native",disabled:s,onFocus:this.onFocus,onBlur:this.onBlur},h),t("slot",{key:"bd61fa6839550c381d559b0c3dccd42469374de2",name:"start"}),t("slot",{key:"095a422dc68e1ed78ea1b301bbea9c53e177cbba"}),t("slot",{key:"958b819ab4a37c9e6d6b5ea06da5bbcb01840627",name:"end"})),v&&t("button",{key:"068f87ca666e09286e2fc09fae63e8bdbaad0900",part:"collapsed-indicator","aria-label":"Show more breadcrumbs",onClick:()=>this.collapsedIndicatorClick(),ref:o=>this.collapsedRef=o,class:{"breadcrumbs-collapsed-indicator":!0}},t("ion-icon",{key:"46d5821fee23327a23a4dfd7ad507ce551f7b00c","aria-hidden":"true",icon:e,lazy:!1})),I&&t("span",{key:"2520520d582b923c635548be4da74c138db38b46",class:"breadcrumb-separator",part:"separator","aria-hidden":"true"},t("slot",{key:"e134f59f8fdc1d8602817a072adfc6f2a89885d7",name:"separator"},"ios"===z||"ionic"===z?t("ion-icon",{icon:a,lazy:!1,"flip-rtl":!0}):t("span",null,"/"))))}get el(){return a(this)}};h.style={ionic:":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{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;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))}",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{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;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{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;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 x=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(Object.assign(Object.assign({},o.detail),{collapsedBreadcrumbs:r}))}maxItemsChanged(){this.resetActiveBreadcrumb(),this.breadcrumbsInit()}componentWillLoad(){this.breadcrumbsInit()}render(){const{color:o,collapsed:r}=this,e=m(this);return t(i,{key:"40b6dc5e9e13ca903d2e67b726f505813365a653",class:c(o,{[e]:!0,"in-toolbar":d("ion-toolbar",this.el),"in-toolbar-color":d("ion-toolbar[color]",this.el),"breadcrumbs-collapsed":r})},t("slot",{key:"40eac8ef488b237dc9d21b349d0837c9bf3e52f3",onSlotchange:this.slotChanged}))}get el(){return a(this)}static get watchers(){return{maxItems:[{maxItemsChanged:0}],itemsBeforeCollapse:[{maxItemsChanged:0}],itemsAfterCollapse:[{maxItemsChanged:0}]}}};x.style={ionic:":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}",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{h as ion_breadcrumb,x as ion_breadcrumbs}