@amwaljs/checkout-button 0.3.1 → 0.3.2

package/dist/components/ion-reorder-group.js

@@ -1 +1,300 @@
-import{p as t,H as s,c as e,h as r,t as i,d as o}from"./p-BnQDByf2.js";import{a as n,g as h}from"./p-B5ZghgSh.js";import{r as a}from"./p-BwKjt_Dc.js";import{b as d,a as c,h as l}from"./p-CLrB3zV0.js";import{g as u}from"./p-CN34uOrj.js";const p=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.ionItemReorder=e(this,"ionItemReorder",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-BEVStXwd.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=m(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;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+b,this.scrollElBottom=t.bottom-b}else this.scrollElInitial=0,this.scrollElTop=0,this.scrollElBottom=0;this.lastToIndex=f(s),this.selectedItemHeight=s.offsetHeight,this.state=1,s.classList.add(v),d()}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.itemIndexForTop(i-r);if(n!==this.lastToIndex){const t=f(s);this.lastToIndex=n,c(),this.reorderMove(t,n)}s.style.transform=`translateY(${o}px)`}onEnd(){const t=this.selectedItemEl;if(this.state=2,!t)return void(this.state=0);const s=this.lastToIndex,e=f(t);s===e?this.completeReorder():this.ionItemReorder.emit({from:e,to:s,complete:this.completeReorder.bind(this)}),l()}completeReorder(t){const s=this.selectedItemEl;if(s&&2===this.state){const e=this.el.children,r=e.length,i=this.lastToIndex,o=f(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=y(t,o,i)),s.style.transition="",s.classList.remove(v),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;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=u(this);return r(o,{key:"68b5e5fa00a0531c74597964d84c82da8bc3252f",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;transition:transform 300ms;will-change:transform}.reorder-enabled{user-select:none}.reorder-enabled ion-reorder{display:block;cursor:grab;pointer-events:all;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:grabbing}.reorder-selected{position:relative;transition:none !important;box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{transform:translate3d(0,  0,  0)}"}},[0,"ion-reorder-group",{disabled:[4],state:[32],complete:[64]},void 0,{disabled:[{disabledChanged:0}]}]),f=t=>t.$ionIndex,m=(t,s)=>{let e;for(;t;){if(e=t.parentElement,e===s)return t;t=e}},b=60,g=10,v="reorder-selected",y=(t,s,e)=>{const r=t[s];return t.splice(s,1),t.splice(e,0,r),t.slice()},x=p,j=function(){"undefined"!=typeof customElements&&["ion-reorder-group"].forEach((t=>{"ion-reorder-group"===t&&(customElements.get(i(t))||customElements.define(i(t),p))}))};export{x as IonReorderGroup,j as defineCustomElement}
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-ec0e3f3f.js';
+import { a as findClosestIonContent, g as getScrollElement } from './p-1596e301.js';
+import { b as raf } from './p-2bb89b46.js';
+import { a as hapticSelectionStart, b as hapticSelectionChanged, h as hapticSelectionEnd } from './p-af073aaf.js';
+import { g as getIonMode } from './p-901c16c5.js';
+
+const reorderGroupCss = ".reorder-list-active>*{display:block;transition:transform 300ms;will-change:transform}.reorder-enabled{user-select:none}.reorder-enabled ion-reorder{display:block;cursor:grab;pointer-events:all;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:grabbing}.reorder-selected{position:relative;transition:none !important;box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{transform:translate3d(0,  0,  0)}";
+
+const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ionItemReorder = createEvent(this, "ionItemReorder", 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 */;
+    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-77104220.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 `ionItemReorder` 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;
+    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();
+  }
+  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 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)`;
+  }
+  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 {
+      this.ionItemReorder.emit({
+        from: fromIndex,
+        to: toIndex,
+        complete: this.completeReorder.bind(this),
+      });
+    }
+    hapticSelectionEnd();
+  }
+  completeReorder(listOrReorder) {
+    const selectedItemEl = this.selectedItemEl;
+    if (selectedItemEl && this.state === 2 /* ReorderGroupState.Complete */) {
+      const 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;
+    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 = -SCROLL_JUMP;
+    }
+    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: '68b5e5fa00a0531c74597964d84c82da8bc3252f', 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; }
+}, [0, "ion-reorder-group", {
+    "disabled": [4],
+    "state": [32],
+    "complete": [64]
+  }]);
+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/dist/components/ion-reorder.js

@@ -1 +1,58 @@
-import{p as o,H as e,h as i,d as n,t as s}from"./p-BnQDByf2.js";import{r as t,p as r}from"./p-CwRU9ccI.js";import{g as c}from"./p-CN34uOrj.js";import{d as a}from"./p-DMmSL7_l.js";const d=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(n,{key:"5747b63aa64b05bfed96bbce8087186c7e14c6d5",class:o},i("slot",{key:"a745f29a23c905cd0bff572acb755b597a3fb3c3"},i("ion-icon",{key:"48f433e85a3a68c16bc426623b2b74957b4b2eb7",icon:"ios"===o?t: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=d,p=function(){"undefined"!=typeof customElements&&["ion-reorder","ion-icon"].forEach((o=>{switch(o){case"ion-reorder":customElements.get(s(o))||customElements.define(s(o),d);break;case"ion-icon":customElements.get(s(o))||a()}}))};export{l as IonReorder,p as defineCustomElement}
+import { p as proxyCustomElement, H, h, d as Host } from './p-ec0e3f3f.js';
+import { r as reorderThreeOutline, p as reorderTwoSharp } from './p-b8fdd517.js';
+import { g as getIonMode } from './p-901c16c5.js';
+import { d as defineCustomElement$2 } from './p-83e529db.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() {
+    super();
+    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: '5747b63aa64b05bfed96bbce8087186c7e14c6d5', class: mode }, h("slot", { key: 'a745f29a23c905cd0bff572acb755b597a3fb3c3' }, h("ion-icon", { key: '48f433e85a3a68c16bc426623b2b74957b4b2eb7', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+  }
+  get el() { return this; }
+  static get style() { return {
+    ios: reorderIosCss,
+    md: reorderMdCss
+  }; }
+}, [33, "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/dist/components/ion-ripple-effect.js

@@ -1 +1,6 @@
-import{R as o,d as s}from"./p-B5XH2zAk.js";const p=o,r=s;export{p as IonRippleEffect,r as defineCustomElement}
+import { R as RippleEffect, d as defineCustomElement$1 } from './p-51c44f42.js';
+
+const IonRippleEffect = RippleEffect;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonRippleEffect, defineCustomElement };

package/dist/components/ion-route-redirect.js

@@ -1 +1,42 @@
-import{p as t,H as e,c as o,t as i}from"./p-BnQDByf2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.ionRouteRedirectChanged=o(this,"ionRouteRedirectChanged",7),this.from=void 0,this.to=void 0}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}]}]),s=r,n=function(){"undefined"!=typeof customElements&&["ion-route-redirect"].forEach((t=>{"ion-route-redirect"===t&&(customElements.get(i(t))||customElements.define(i(t),r))}))};export{s as IonRouteRedirect,n as defineCustomElement}
+import { p as proxyCustomElement, H, c as createEvent } from './p-ec0e3f3f.js';
+
+const RouteRedirect = /*@__PURE__*/ proxyCustomElement(class RouteRedirect extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ionRouteRedirectChanged = createEvent(this, "ionRouteRedirectChanged", 7);
+    this.from = undefined;
+    this.to = undefined;
+  }
+  propDidChange() {
+    this.ionRouteRedirectChanged.emit();
+  }
+  connectedCallback() {
+    this.ionRouteRedirectChanged.emit();
+  }
+  static get watchers() { return {
+    "from": ["propDidChange"],
+    "to": ["propDidChange"]
+  }; }
+}, [0, "ion-route-redirect", {
+    "from": [1],
+    "to": [1]
+  }]);
+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/dist/components/ion-route.js

@@ -1 +1,66 @@
-import{p as o,H as t,c as e,t as n}from"./p-BnQDByf2.js";const s=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.ionRouteDataChanged=e(this,"ionRouteDataChanged",7),this.url="",this.component=void 0,this.componentProps=void 0,this.beforeLeave=void 0,this.beforeEnter=void 0}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}]}]),i=s,r=function(){"undefined"!=typeof customElements&&["ion-route"].forEach((o=>{"ion-route"===o&&(customElements.get(n(o))||customElements.define(n(o),s))}))};export{i as IonRoute,r as defineCustomElement}
+import { p as proxyCustomElement, H, c as createEvent } from './p-ec0e3f3f.js';
+
+const Route = /*@__PURE__*/ proxyCustomElement(class Route extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ionRouteDataChanged = createEvent(this, "ionRouteDataChanged", 7);
+    this.url = '';
+    this.component = undefined;
+    this.componentProps = undefined;
+    this.beforeLeave = undefined;
+    this.beforeEnter = undefined;
+  }
+  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]
+  }]);
+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/dist/components/ion-router-link.js

@@ -1 +1,60 @@
-import{p as t,H as i,h as e,d as r,t as o}from"./p-BnQDByf2.js";import{o as n,c as s}from"./p-DiVJyqlX.js";import{g as c}from"./p-CN34uOrj.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onClick=t=>{n(this.href,t,this.routerDirection,this.routerAnimation)},this.color=void 0,this.href=void 0,this.rel=void 0,this.routerDirection="forward",this.routerAnimation=void 0,this.target=void 0}render(){const t=c(this),i={href:this.href,rel:this.rel,target:this.target};return e(r,{key:"e69892f4c6a6baf040a20c429afdec0e4db2dc0e",onClick:this.onClick,class:s(this.color,{[t]:!0,"ion-activatable":!0})},e("a",Object.assign({key:"648cb22526f2933abe0865c86da6f30eac3ccb87"},i),e("slot",{key:"d6bc2e28b7c5cc228caedffebe653bde35934b67"})))}static get style(){return":host{--background:transparent;--color:var(--ion-color-primary, #3880ff);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}"}},[257,"ion-router-link",{color:[513],href:[1],rel:[1],routerDirection:[1,"router-direction"],routerAnimation:[16],target:[1]}]),h=a,l=function(){"undefined"!=typeof customElements&&["ion-router-link"].forEach((t=>{"ion-router-link"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{h as IonRouterLink,l as defineCustomElement}
+import { p as proxyCustomElement, H, h, d as Host } from './p-ec0e3f3f.js';
+import { o as openURL, c as createColorClasses } from './p-350e7423.js';
+import { g as getIonMode } from './p-901c16c5.js';
+
+const routerLinkCss = ":host{--background:transparent;--color:var(--ion-color-primary, #3880ff);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}";
+
+const RouterLink = /*@__PURE__*/ proxyCustomElement(class RouterLink extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.onClick = (ev) => {
+      openURL(this.href, ev, this.routerDirection, this.routerAnimation);
+    };
+    this.color = undefined;
+    this.href = undefined;
+    this.rel = undefined;
+    this.routerDirection = 'forward';
+    this.routerAnimation = undefined;
+    this.target = undefined;
+  }
+  render() {
+    const mode = getIonMode(this);
+    const attrs = {
+      href: this.href,
+      rel: this.rel,
+      target: this.target,
+    };
+    return (h(Host, { key: 'e69892f4c6a6baf040a20c429afdec0e4db2dc0e', onClick: this.onClick, class: createColorClasses(this.color, {
+        [mode]: true,
+        'ion-activatable': true,
+      }) }, h("a", Object.assign({ key: '648cb22526f2933abe0865c86da6f30eac3ccb87' }, attrs), h("slot", { key: 'd6bc2e28b7c5cc228caedffebe653bde35934b67' }))));
+  }
+  static get style() { return routerLinkCss; }
+}, [1, "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 };