@ionic/core 8.7.19-dev.11772655618.1af0949f → 8.7.19-dev.11773072221.15efeed0

package/components/ion-reorder-group.js

@@ -1,4 +1,325 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as t,H as s,e,h as r,t as i,d as o}from"./p-BJoMtgfR.js";import{a as n,g as h}from"./p-C59ryAuS.js";import{r as a}from"./p-DgbT0exM.js";import{b as d,a as c,h as l}from"./p-cyNmxje6.js";import{b as m}from"./p-CDfQnFrd.js";const b=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.ionItemReorder=e(this,"ionItemReorder",7),this.ionReorderStart=e(this,"ionReorderStart",7),this.ionReorderMove=e(this,"ionReorderMove",7),this.ionReorderEnd=e(this,"ionReorderEnd",7),this.lastToIndex=-1,this.cachedHeights=[],this.scrollElTop=0,this.scrollElBottom=0,this.scrollElInitial=0,this.containerTop=0,this.containerBottom=0,this.state=0,this.disabled=!0}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled)}async connectedCallback(){const t=n(this.el);t&&(this.scrollEl=await h(t)),this.gesture=(await import("./p-Cl0B-RWe.js")).createGesture({el:this.el,gestureName:"reorder",gesturePriority:110,threshold:0,direction:"y",passive:!1,canStart:t=>this.canStart(t),onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:()=>this.onEnd()}),this.disabledChanged()}disconnectedCallback(){this.onEnd(),this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}complete(t){return Promise.resolve(this.completeReorder(t))}canStart(t){if(this.selectedItemEl||0!==this.state)return!1;const s=t.event.target.closest("ion-reorder");if(!s)return!1;const e=f(s,this.el);return!!e&&(t.data=e,!0)}onStart(t){t.event.preventDefault();const s=this.selectedItemEl=t.data,e=this.cachedHeights;e.length=0;const r=this.el,i=r.__children||r.children;if(!i||0===i.length)return;let o=0;for(let t=0;t<i.length;t++){const s=i[t];o+=s.offsetHeight,e.push(o),s.$ionIndex=t}const n=r.getBoundingClientRect();if(this.containerTop=n.top,this.containerBottom=n.bottom,this.scrollEl){const t=this.scrollEl.getBoundingClientRect();this.scrollElInitial=this.scrollEl.scrollTop,this.scrollElTop=t.top+p,this.scrollElBottom=t.bottom-p}else this.scrollElInitial=0,this.scrollElTop=0,this.scrollElBottom=0;this.lastToIndex=u(s),this.selectedItemHeight=s.offsetHeight,this.state=1,s.classList.add(w),d(),this.ionReorderStart.emit()}onMove(t){const s=this.selectedItemEl;if(!s)return;const e=this.autoscroll(t.currentY),r=this.containerTop-e,i=Math.max(r,Math.min(t.currentY,this.containerBottom-e)),o=e+i-t.startY,n=this.lastToIndex,h=this.itemIndexForTop(i-r);if(h!==this.lastToIndex){const t=u(s);this.lastToIndex=h,c(),this.reorderMove(t,h)}s.style.transform=`translateY(${o}px)`,this.ionReorderMove.emit({from:n,to:h})}onEnd(){const t=this.selectedItemEl;if(this.state=2,!t)return void(this.state=0);const s=this.lastToIndex,e=u(t);s===e?this.completeReorder():this.ionItemReorder.emit({from:e,to:s,complete:this.completeReorder.bind(this)}),l(),this.ionReorderEnd.emit({from:e,to:s,complete:this.completeReorder.bind(this)})}completeReorder(t){const s=this.selectedItemEl;if(s&&2===this.state){const e=this.el.__children||this.el.children,r=e.length,i=this.lastToIndex,o=u(s);a((()=>{i===o||void 0!==t&&!0!==t||this.el.insertBefore(s,o<i?e[i+1]:e[i]);for(let t=0;t<r;t++)e[t].style.transform=""})),Array.isArray(t)&&(t=k(t,o,i)),s.style.transition="",s.classList.remove(w),this.selectedItemEl=void 0,this.state=0}return t}itemIndexForTop(t){const s=this.cachedHeights;for(let e=0;e<s.length;e++)if(s[e]>t)return e;return s.length-1}reorderMove(t,s){const e=this.selectedItemHeight,r=this.el.__children||this.el.children;for(let i=0;i<r.length;i++){let o="";i>t&&i<=s?o=`translateY(${-e}px)`:i<t&&i>=s&&(o=`translateY(${e}px)`),r[i].style.transform=o}}autoscroll(t){if(!this.scrollEl)return 0;let s=0;return t<this.scrollElTop?s=-10:t>this.scrollElBottom&&(s=g),0!==s&&this.scrollEl.scrollBy(0,s),this.scrollEl.scrollTop-this.scrollElInitial}render(){const t=m(this);return r(o,{key:"9527bbdedaab63d31f562c874a7332ea60c4b47b",class:{[t]:!0,"reorder-enabled":!this.disabled,"reorder-list-active":0!==this.state}})}get el(){return this}static get watchers(){return{disabled:[{disabledChanged:0}]}}static get style(){return".reorder-list-active>*{display:block;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;will-change:transform}.reorder-enabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reorder-enabled ion-reorder{display:block;cursor:-webkit-grab;cursor:grab;pointer-events:all;-ms-touch-action:none;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:-webkit-grabbing;cursor:grabbing}.reorder-selected{position:relative;-webkit-transition:none !important;transition:none !important;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}"}},[0,"ion-reorder-group",{disabled:[4],state:[32],complete:[64]},void 0,{disabled:[{disabledChanged:0}]}]),u=t=>t.$ionIndex,f=(t,s)=>{let e;for(;t;){if(e=t.parentElement,e===s)return t;t=e}},p=60,g=10,w="reorder-selected",k=(t,s,e)=>{const r=t[s];return t.splice(s,1),t.splice(e,0,r),t.slice()},v=b,x=function(){"undefined"!=typeof customElements&&["ion-reorder-group"].forEach((t=>{"ion-reorder-group"===t&&(customElements.get(i(t))||customElements.define(i(t),b))}))};export{v as IonReorderGroup,x as defineCustomElement}
+import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-DWoUQeZ3.js';
+import { a as findClosestIonContent, g as getScrollElement } from './p-DNDUsygf.js';
+import { r as raf } from './p-D5hF6rwn.js';
+import { b as hapticSelectionStart, a as hapticSelectionChanged, h as hapticSelectionEnd } from './p-cyNmxje6.js';
+import { b as getIonMode } from './p-Bxl5etF4.js';
+
+const reorderGroupCss = ".reorder-list-active>*{display:block;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;will-change:transform}.reorder-enabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reorder-enabled ion-reorder{display:block;cursor:-webkit-grab;cursor:grab;pointer-events:all;-ms-touch-action:none;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:-webkit-grabbing;cursor:grabbing}.reorder-selected{position:relative;-webkit-transition:none !important;transition:none !important;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}";
+
+const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.ionItemReorder = createEvent(this, "ionItemReorder", 7);
+        this.ionReorderStart = createEvent(this, "ionReorderStart", 7);
+        this.ionReorderMove = createEvent(this, "ionReorderMove", 7);
+        this.ionReorderEnd = createEvent(this, "ionReorderEnd", 7);
+        this.lastToIndex = -1;
+        this.cachedHeights = [];
+        this.scrollElTop = 0;
+        this.scrollElBottom = 0;
+        this.scrollElInitial = 0;
+        this.containerTop = 0;
+        this.containerBottom = 0;
+        this.state = 0 /* ReorderGroupState.Idle */;
+        /**
+         * If `true`, the reorder will be hidden.
+         */
+        this.disabled = true;
+    }
+    disabledChanged() {
+        if (this.gesture) {
+            this.gesture.enable(!this.disabled);
+        }
+    }
+    async connectedCallback() {
+        const contentEl = findClosestIonContent(this.el);
+        if (contentEl) {
+            this.scrollEl = await getScrollElement(contentEl);
+        }
+        this.gesture = (await import('./p-Cl0B-RWe.js')).createGesture({
+            el: this.el,
+            gestureName: 'reorder',
+            gesturePriority: 110,
+            threshold: 0,
+            direction: 'y',
+            passive: false,
+            canStart: (detail) => this.canStart(detail),
+            onStart: (ev) => this.onStart(ev),
+            onMove: (ev) => this.onMove(ev),
+            onEnd: () => this.onEnd(),
+        });
+        this.disabledChanged();
+    }
+    disconnectedCallback() {
+        this.onEnd();
+        if (this.gesture) {
+            this.gesture.destroy();
+            this.gesture = undefined;
+        }
+    }
+    /**
+     * Completes the reorder operation. Must be called by the `ionReorderEnd` event.
+     *
+     * If a list of items is passed, the list will be reordered and returned in the
+     * proper order.
+     *
+     * If no parameters are passed or if `true` is passed in, the reorder will complete
+     * and the item will remain in the position it was dragged to. If `false` is passed,
+     * the reorder will complete and the item will bounce back to its original position.
+     *
+     * @param listOrReorder A list of items to be sorted and returned in the new order or a
+     * boolean of whether or not the reorder should reposition the item.
+     */
+    complete(listOrReorder) {
+        return Promise.resolve(this.completeReorder(listOrReorder));
+    }
+    canStart(ev) {
+        if (this.selectedItemEl || this.state !== 0 /* ReorderGroupState.Idle */) {
+            return false;
+        }
+        const target = ev.event.target;
+        const reorderEl = target.closest('ion-reorder');
+        if (!reorderEl) {
+            return false;
+        }
+        const item = findReorderItem(reorderEl, this.el);
+        if (!item) {
+            return false;
+        }
+        ev.data = item;
+        return true;
+    }
+    onStart(ev) {
+        ev.event.preventDefault();
+        const item = (this.selectedItemEl = ev.data);
+        const heights = this.cachedHeights;
+        heights.length = 0;
+        const el = this.el;
+        const children = el.__children || el.children;
+        if (!children || children.length === 0) {
+            return;
+        }
+        let sum = 0;
+        for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            sum += child.offsetHeight;
+            heights.push(sum);
+            child.$ionIndex = i;
+        }
+        const box = el.getBoundingClientRect();
+        this.containerTop = box.top;
+        this.containerBottom = box.bottom;
+        if (this.scrollEl) {
+            const scrollBox = this.scrollEl.getBoundingClientRect();
+            this.scrollElInitial = this.scrollEl.scrollTop;
+            this.scrollElTop = scrollBox.top + AUTO_SCROLL_MARGIN;
+            this.scrollElBottom = scrollBox.bottom - AUTO_SCROLL_MARGIN;
+        }
+        else {
+            this.scrollElInitial = 0;
+            this.scrollElTop = 0;
+            this.scrollElBottom = 0;
+        }
+        this.lastToIndex = indexForItem(item);
+        this.selectedItemHeight = item.offsetHeight;
+        this.state = 1 /* ReorderGroupState.Active */;
+        item.classList.add(ITEM_REORDER_SELECTED);
+        hapticSelectionStart();
+        this.ionReorderStart.emit();
+    }
+    onMove(ev) {
+        const selectedItem = this.selectedItemEl;
+        if (!selectedItem) {
+            return;
+        }
+        // Scroll if we reach the scroll margins
+        const scroll = this.autoscroll(ev.currentY);
+        // // Get coordinate
+        const top = this.containerTop - scroll;
+        const bottom = this.containerBottom - scroll;
+        const currentY = Math.max(top, Math.min(ev.currentY, bottom));
+        const deltaY = scroll + currentY - ev.startY;
+        const normalizedY = currentY - top;
+        const fromIndex = this.lastToIndex;
+        const toIndex = this.itemIndexForTop(normalizedY);
+        if (toIndex !== this.lastToIndex) {
+            const fromIndex = indexForItem(selectedItem);
+            this.lastToIndex = toIndex;
+            hapticSelectionChanged();
+            this.reorderMove(fromIndex, toIndex);
+        }
+        // Update selected item position
+        selectedItem.style.transform = `translateY(${deltaY}px)`;
+        this.ionReorderMove.emit({
+            from: fromIndex,
+            to: toIndex,
+        });
+    }
+    onEnd() {
+        const selectedItemEl = this.selectedItemEl;
+        this.state = 2 /* ReorderGroupState.Complete */;
+        if (!selectedItemEl) {
+            this.state = 0 /* ReorderGroupState.Idle */;
+            return;
+        }
+        const toIndex = this.lastToIndex;
+        const fromIndex = indexForItem(selectedItemEl);
+        if (toIndex === fromIndex) {
+            this.completeReorder();
+        }
+        else {
+            // TODO(FW-6590): Remove this once the deprecated event is removed
+            this.ionItemReorder.emit({
+                from: fromIndex,
+                to: toIndex,
+                complete: this.completeReorder.bind(this),
+            });
+        }
+        hapticSelectionEnd();
+        this.ionReorderEnd.emit({
+            from: fromIndex,
+            to: toIndex,
+            complete: this.completeReorder.bind(this),
+        });
+    }
+    completeReorder(listOrReorder) {
+        const selectedItemEl = this.selectedItemEl;
+        if (selectedItemEl && this.state === 2 /* ReorderGroupState.Complete */) {
+            const children = this.el.__children || this.el.children;
+            const len = children.length;
+            const toIndex = this.lastToIndex;
+            const fromIndex = indexForItem(selectedItemEl);
+            /**
+             * insertBefore and setting the transform
+             * needs to happen in the same frame otherwise
+             * there will be a duplicate transition. This primarily
+             * impacts Firefox where insertBefore and transform operations
+             * are happening in two separate frames.
+             */
+            raf(() => {
+                if (toIndex !== fromIndex && (listOrReorder === undefined || listOrReorder === true)) {
+                    const ref = fromIndex < toIndex ? children[toIndex + 1] : children[toIndex];
+                    this.el.insertBefore(selectedItemEl, ref);
+                }
+                for (let i = 0; i < len; i++) {
+                    children[i].style['transform'] = '';
+                }
+            });
+            if (Array.isArray(listOrReorder)) {
+                listOrReorder = reorderArray(listOrReorder, fromIndex, toIndex);
+            }
+            selectedItemEl.style.transition = '';
+            selectedItemEl.classList.remove(ITEM_REORDER_SELECTED);
+            this.selectedItemEl = undefined;
+            this.state = 0 /* ReorderGroupState.Idle */;
+        }
+        return listOrReorder;
+    }
+    itemIndexForTop(deltaY) {
+        const heights = this.cachedHeights;
+        for (let i = 0; i < heights.length; i++) {
+            if (heights[i] > deltaY) {
+                return i;
+            }
+        }
+        return heights.length - 1;
+    }
+    /********* DOM WRITE ********* */
+    reorderMove(fromIndex, toIndex) {
+        const itemHeight = this.selectedItemHeight;
+        const children = this.el.__children || this.el.children;
+        for (let i = 0; i < children.length; i++) {
+            const style = children[i].style;
+            let value = '';
+            if (i > fromIndex && i <= toIndex) {
+                value = `translateY(${-itemHeight}px)`;
+            }
+            else if (i < fromIndex && i >= toIndex) {
+                value = `translateY(${itemHeight}px)`;
+            }
+            style['transform'] = value;
+        }
+    }
+    autoscroll(posY) {
+        if (!this.scrollEl) {
+            return 0;
+        }
+        let amount = 0;
+        if (posY < this.scrollElTop) {
+            amount = -10;
+        }
+        else if (posY > this.scrollElBottom) {
+            amount = SCROLL_JUMP;
+        }
+        if (amount !== 0) {
+            this.scrollEl.scrollBy(0, amount);
+        }
+        return this.scrollEl.scrollTop - this.scrollElInitial;
+    }
+    render() {
+        const mode = getIonMode(this);
+        return (h(Host, { key: '9527bbdedaab63d31f562c874a7332ea60c4b47b', class: {
+                [mode]: true,
+                'reorder-enabled': !this.disabled,
+                'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
+            } }));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "disabled": ["disabledChanged"]
+    }; }
+    static get style() { return reorderGroupCss; }
+}, [256, "ion-reorder-group", {
+        "disabled": [4],
+        "state": [32],
+        "complete": [64]
+    }, undefined, {
+        "disabled": ["disabledChanged"]
+    }]);
+const indexForItem = (element) => {
+    return element['$ionIndex'];
+};
+const findReorderItem = (node, container) => {
+    let parent;
+    while (node) {
+        parent = node.parentElement;
+        if (parent === container) {
+            return node;
+        }
+        node = parent;
+    }
+    return undefined;
+};
+const AUTO_SCROLL_MARGIN = 60;
+const SCROLL_JUMP = 10;
+const ITEM_REORDER_SELECTED = 'reorder-selected';
+const reorderArray = (array, from, to) => {
+    const element = array[from];
+    array.splice(from, 1);
+    array.splice(to, 0, element);
+    return array.slice();
+};
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ion-reorder-group"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ion-reorder-group":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ReorderGroup);
+            }
+            break;
+    } });
+}
+
+const IonReorderGroup = ReorderGroup;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonReorderGroup, defineCustomElement };

package/components/ion-reorder.js

@@ -1,4 +1,63 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as o,H as e,h as i,d as s,t}from"./p-BJoMtgfR.js";import{r as n,s as r}from"./p-CO7fmmxt.js";import{b as c}from"./p-CDfQnFrd.js";import{d}from"./p-YLXPWgVj.js";const a=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}onClick(o){const e=this.el.closest("ion-reorder-group");o.preventDefault(),e&&e.disabled||o.stopImmediatePropagation()}render(){const o=c(this);return i(s,{key:"b869db61ca6393cf1476f2111a66b387b567c6d1",class:o},i("slot",{key:"a78edd1776835282b8b5c841377018f36c83296c"},i("ion-icon",{key:"7fb067c47bbb9a7258e5063f028282cc097d0f94",icon:"ios"===o?n:r,lazy:!1,class:"reorder-icon",part:"icon","aria-hidden":"true"})))}get el(){return this}static get style(){return{ios:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:2.125rem;opacity:0.4}",md:":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}"}}},[289,"ion-reorder",void 0,[[2,"click","onClick"]]]),l=a,m=function(){"undefined"!=typeof customElements&&["ion-reorder","ion-icon"].forEach((o=>{switch(o){case"ion-reorder":customElements.get(t(o))||customElements.define(t(o),a);break;case"ion-icon":customElements.get(t(o))||d()}}))};export{l as IonReorder,m as defineCustomElement}
+import { p as proxyCustomElement, H, h, d as Host } from './p-DWoUQeZ3.js';
+import { r as reorderThreeOutline, s as reorderTwoSharp } from './p-CO7fmmxt.js';
+import { b as getIonMode } from './p-Bxl5etF4.js';
+import { d as defineCustomElement$2 } from './p-Wro9IPHE.js';
+
+const reorderIosCss = ":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:2.125rem;opacity:0.4}";
+
+const reorderMdCss = ":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}";
+
+const Reorder = /*@__PURE__*/ proxyCustomElement(class Reorder extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    onClick(ev) {
+        const reorderGroup = this.el.closest('ion-reorder-group');
+        ev.preventDefault();
+        // Only stop event propagation if the reorder is inside of an enabled
+        // reorder group. This allows interaction with clickable children components.
+        if (!reorderGroup || !reorderGroup.disabled) {
+            ev.stopImmediatePropagation();
+        }
+    }
+    render() {
+        const mode = getIonMode(this);
+        const reorderIcon = mode === 'ios' ? reorderThreeOutline : reorderTwoSharp;
+        return (h(Host, { key: 'b869db61ca6393cf1476f2111a66b387b567c6d1', class: mode }, h("slot", { key: 'a78edd1776835282b8b5c841377018f36c83296c' }, h("ion-icon", { key: '7fb067c47bbb9a7258e5063f028282cc097d0f94', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+    }
+    get el() { return this; }
+    static get style() { return {
+        ios: reorderIosCss,
+        md: reorderMdCss
+    }; }
+}, [289, "ion-reorder", undefined, [[2, "click", "onClick"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ion-reorder", "ion-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ion-reorder":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Reorder);
+            }
+            break;
+        case "ion-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const IonReorder = Reorder;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonReorder, defineCustomElement };

package/components/ion-ripple-effect.js

@@ -1,4 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{R as o,d as p}from"./p-fpbh6w3f.js";const s=o,f=p;export{s as IonRippleEffect,f as defineCustomElement}
+import { R as RippleEffect, d as defineCustomElement$1 } from './p-LgLeKTkH.js';
+
+const IonRippleEffect = RippleEffect;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonRippleEffect, defineCustomElement };

package/components/ion-route-redirect.js

@@ -1,4 +1,48 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as t,H as e,e as o,t as r}from"./p-BJoMtgfR.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.ionRouteRedirectChanged=o(this,"ionRouteRedirectChanged",7)}propDidChange(){this.ionRouteRedirectChanged.emit()}connectedCallback(){this.ionRouteRedirectChanged.emit()}static get watchers(){return{from:[{propDidChange:0}],to:[{propDidChange:0}]}}},[0,"ion-route-redirect",{from:[1],to:[1]},void 0,{from:[{propDidChange:0}],to:[{propDidChange:0}]}]),n=i,s=function(){"undefined"!=typeof customElements&&["ion-route-redirect"].forEach((t=>{"ion-route-redirect"===t&&(customElements.get(r(t))||customElements.define(r(t),i))}))};export{n as IonRouteRedirect,s as defineCustomElement}
+import { p as proxyCustomElement, H, e as createEvent } from './p-DWoUQeZ3.js';
+
+const RouteRedirect = /*@__PURE__*/ proxyCustomElement(class RouteRedirect extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.ionRouteRedirectChanged = createEvent(this, "ionRouteRedirectChanged", 7);
+    }
+    propDidChange() {
+        this.ionRouteRedirectChanged.emit();
+    }
+    connectedCallback() {
+        this.ionRouteRedirectChanged.emit();
+    }
+    static get watchers() { return {
+        "from": ["propDidChange"],
+        "to": ["propDidChange"]
+    }; }
+}, [0, "ion-route-redirect", {
+        "from": [1],
+        "to": [1]
+    }, undefined, {
+        "from": ["propDidChange"],
+        "to": ["propDidChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ion-route-redirect"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ion-route-redirect":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RouteRedirect);
+            }
+            break;
+    } });
+}
+
+const IonRouteRedirect = RouteRedirect;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonRouteRedirect, defineCustomElement };

package/components/ion-route.js

@@ -1,4 +1,77 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as o,H as t,e,t as n}from"./p-BJoMtgfR.js";const s=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.ionRouteDataChanged=e(this,"ionRouteDataChanged",7),this.url=""}onUpdate(o){this.ionRouteDataChanged.emit(o)}onComponentProps(o,t){if(o===t)return;const e=o?Object.keys(o):[];if(e.length===(t?Object.keys(t):[]).length){for(const n of e)if(o[n]!==t[n])return void this.onUpdate(o)}else this.onUpdate(o)}connectedCallback(){this.ionRouteDataChanged.emit()}static get watchers(){return{url:[{onUpdate:0}],component:[{onUpdate:0}],componentProps:[{onComponentProps:0}]}}},[0,"ion-route",{url:[1],component:[1],componentProps:[16],beforeLeave:[16],beforeEnter:[16]},void 0,{url:[{onUpdate:0}],component:[{onUpdate:0}],componentProps:[{onComponentProps:0}]}]),r=s,p=function(){"undefined"!=typeof customElements&&["ion-route"].forEach((o=>{"ion-route"===o&&(customElements.get(n(o))||customElements.define(n(o),s))}))};export{r as IonRoute,p as defineCustomElement}
+import { p as proxyCustomElement, H, e as createEvent } from './p-DWoUQeZ3.js';
+
+const Route = /*@__PURE__*/ proxyCustomElement(class Route extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.ionRouteDataChanged = createEvent(this, "ionRouteDataChanged", 7);
+        /**
+         * Relative path that needs to match in order for this route to apply.
+         *
+         * Accepts paths similar to expressjs so that you can define parameters
+         * in the url /foo/:bar where bar would be available in incoming props.
+         */
+        this.url = '';
+    }
+    onUpdate(newValue) {
+        this.ionRouteDataChanged.emit(newValue);
+    }
+    onComponentProps(newValue, oldValue) {
+        if (newValue === oldValue) {
+            return;
+        }
+        const keys1 = newValue ? Object.keys(newValue) : [];
+        const keys2 = oldValue ? Object.keys(oldValue) : [];
+        if (keys1.length !== keys2.length) {
+            this.onUpdate(newValue);
+            return;
+        }
+        for (const key of keys1) {
+            if (newValue[key] !== oldValue[key]) {
+                this.onUpdate(newValue);
+                return;
+            }
+        }
+    }
+    connectedCallback() {
+        this.ionRouteDataChanged.emit();
+    }
+    static get watchers() { return {
+        "url": ["onUpdate"],
+        "component": ["onUpdate"],
+        "componentProps": ["onComponentProps"]
+    }; }
+}, [0, "ion-route", {
+        "url": [1],
+        "component": [1],
+        "componentProps": [16],
+        "beforeLeave": [16],
+        "beforeEnter": [16]
+    }, undefined, {
+        "url": ["onUpdate"],
+        "component": ["onUpdate"],
+        "componentProps": ["onComponentProps"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ion-route"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ion-route":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Route);
+            }
+            break;
+    } });
+}
+
+const IonRoute = Route;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonRoute, defineCustomElement };

package/components/ion-router-link.js

@@ -1,4 +1,64 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as t,H as r,h as e,d as i,t as o}from"./p-BJoMtgfR.js";import{o as n,c as s}from"./p-DiVJyqlX.js";import{b as a}from"./p-CDfQnFrd.js";const c=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.routerDirection="forward",this.onClick=t=>{n(this.href,t,this.routerDirection,this.routerAnimation)}}render(){const t=a(this),r={href:this.href,rel:this.rel,target:this.target};return e(i,{key:"8372835161d507c7b821b7536c55f912eb6ce704",onClick:this.onClick,class:s(this.color,{[t]:!0,"ion-activatable":!0})},e("a",Object.assign({key:"315966e14a17760f3f64197e8315200039787897"},r),e("slot",{key:"95fc1697b884225e85e647dddcaa8f4af8b9a979"})))}static get style(){return":host{--background:transparent;--color:var(--ion-color-primary, #0054e9);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}"}},[257,"ion-router-link",{color:[513],href:[1],rel:[1],routerDirection:[1,"router-direction"],routerAnimation:[16],target:[1]}]),h=c,l=function(){"undefined"!=typeof customElements&&["ion-router-link"].forEach((t=>{"ion-router-link"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{h as IonRouterLink,l as defineCustomElement}
+import { p as proxyCustomElement, H, h, d as Host } from './p-DWoUQeZ3.js';
+import { o as openURL, c as createColorClasses } from './p-DiVJyqlX.js';
+import { b as getIonMode } from './p-Bxl5etF4.js';
+
+const routerLinkCss = ":host{--background:transparent;--color:var(--ion-color-primary, #0054e9);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}";
+
+const RouterLink = /*@__PURE__*/ proxyCustomElement(class RouterLink extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * When using a router, it specifies the transition direction when navigating to
+         * another page using `href`.
+         */
+        this.routerDirection = 'forward';
+        this.onClick = (ev) => {
+            openURL(this.href, ev, this.routerDirection, this.routerAnimation);
+        };
+    }
+    render() {
+        const mode = getIonMode(this);
+        const attrs = {
+            href: this.href,
+            rel: this.rel,
+            target: this.target,
+        };
+        return (h(Host, { key: '8372835161d507c7b821b7536c55f912eb6ce704', onClick: this.onClick, class: createColorClasses(this.color, {
+                [mode]: true,
+                'ion-activatable': true,
+            }) }, h("a", Object.assign({ key: '315966e14a17760f3f64197e8315200039787897' }, attrs), h("slot", { key: '95fc1697b884225e85e647dddcaa8f4af8b9a979' }))));
+    }
+    static get style() { return routerLinkCss; }
+}, [257, "ion-router-link", {
+        "color": [513],
+        "href": [1],
+        "rel": [1],
+        "routerDirection": [1, "router-direction"],
+        "routerAnimation": [16],
+        "target": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ion-router-link"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ion-router-link":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RouterLink);
+            }
+            break;
+    } });
+}
+
+const IonRouterLink = RouterLink;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonRouterLink, defineCustomElement };