@pod-os/elements 0.26.0 → 0.26.1-rc.52f6cf9.0

package/dist/elements/{p-6cc9961e.entry.js → p-11466af2.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,i,h as t,H as s,e as n}from"./p-42169e41.js";import{g as o}from"./p-da0d920d.js";const d=":host{--side-width:100%;left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:row;flex-wrap:nowrap;contain:strict}::slotted(ion-menu.menu-pane-visible){flex:0 1 auto;width:var(--side-width);min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side),:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;box-shadow:none;z-index:0}:host(.split-pane-visible) ::slotted(.split-pane-main){flex:1;overflow:hidden}:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled){display:flex;flex-shrink:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host(.split-pane-visible) ::slotted(.split-pane-side){order:-1}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){order:1}:host{--border:0.55px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--side-min-width:270px;--side-max-width:28%}:host(.split-pane-visible) ::slotted(.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}";const r=d;const a=":host{--side-width:100%;left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:row;flex-wrap:nowrap;contain:strict}::slotted(ion-menu.menu-pane-visible){flex:0 1 auto;width:var(--side-width);min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side),:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;box-shadow:none;z-index:0}:host(.split-pane-visible) ::slotted(.split-pane-main){flex:1;overflow:hidden}:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled){display:flex;flex-shrink:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host(.split-pane-visible) ::slotted(.split-pane-side){order:-1}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){order:1}:host{--border:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--side-min-width:270px;--side-max-width:28%}:host(.split-pane-visible) ::slotted(.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}";const l=a;const p="split-pane-main";const h="split-pane-side";const b={xs:"(min-width: 0px)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)",never:""};const m=class{constructor(t){e(this,t);this.ionSplitPaneVisible=i(this,"ionSplitPaneVisible",7);this.visible=false;this.contentId=undefined;this.disabled=false;this.when=b["lg"]}visibleChanged(e){const i={visible:e,isPane:this.isPane.bind(this)};this.ionSplitPaneVisible.emit(i)}async connectedCallback(){if(typeof customElements!=="undefined"&&customElements!=null){await customElements.whenDefined("ion-split-pane")}this.styleChildren();this.updateState()}disconnectedCallback(){if(this.rmL){this.rmL();this.rmL=undefined}}updateState(){if(this.rmL){this.rmL();this.rmL=undefined}if(this.disabled){this.visible=false;return}const e=this.when;if(typeof e==="boolean"){this.visible=e;return}const i=b[e]||e;if(i.length===0){this.visible=false;return}const t=e=>{this.visible=e.matches};const s=window.matchMedia(i);s.addListener(t);this.rmL=()=>s.removeListener(t);this.visible=s.matches}isPane(e){if(!this.visible){return false}return e.parentElement===this.el&&e.classList.contains(h)}styleChildren(){const e=this.contentId;const i=this.el.children;const t=this.el.childElementCount;let s=false;for(let n=0;n<t;n++){const t=i[n];const o=e!==undefined&&t.id===e;if(o){if(s){console.warn("split pane cannot have more than one main node");return}s=true}c(t,o)}if(!s){console.warn("split pane does not have a specified main node")}}render(){const e=o(this);return t(s,{key:"57ee198506248916e74d8d082ad547a471e6cc73",class:{[e]:true,[`split-pane-${e}`]:true,"split-pane-visible":this.visible}},t("slot",{key:"2cd89fa50cfe8a7a6bdda981bb89d5a24a8eec88"}))}get el(){return n(this)}static get watchers(){return{visible:["visibleChanged"],disabled:["updateState"],when:["updateState"]}}};const c=(e,i)=>{let t;let s;if(i){t=p;s=h}else{t=h;s=p}const n=e.classList;n.add(t);n.remove(s)};m.style={ios:r,md:l};export{m as ion_split_pane};
-//# sourceMappingURL=p-6cc9961e.entry.js.map
+import{r as e,i,h as t,H as s,e as n}from"./p-97889672.js";import{g as o}from"./p-ebe1c8ca.js";const d=":host{--side-width:100%;left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:row;flex-wrap:nowrap;contain:strict}::slotted(ion-menu.menu-pane-visible){flex:0 1 auto;width:var(--side-width);min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side),:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;box-shadow:none;z-index:0}:host(.split-pane-visible) ::slotted(.split-pane-main){flex:1;overflow:hidden}:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled){display:flex;flex-shrink:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host(.split-pane-visible) ::slotted(.split-pane-side){order:-1}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){order:1}:host{--border:0.55px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--side-min-width:270px;--side-max-width:28%}:host(.split-pane-visible) ::slotted(.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}";const r=d;const a=":host{--side-width:100%;left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:row;flex-wrap:nowrap;contain:strict}::slotted(ion-menu.menu-pane-visible){flex:0 1 auto;width:var(--side-width);min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side),:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;box-shadow:none;z-index:0}:host(.split-pane-visible) ::slotted(.split-pane-main){flex:1;overflow:hidden}:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled){display:flex;flex-shrink:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host(.split-pane-visible) ::slotted(.split-pane-side){order:-1}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){order:1}:host{--border:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--side-min-width:270px;--side-max-width:28%}:host(.split-pane-visible) ::slotted(.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}";const l=a;const p="split-pane-main";const h="split-pane-side";const b={xs:"(min-width: 0px)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)",never:""};const m=class{constructor(t){e(this,t);this.ionSplitPaneVisible=i(this,"ionSplitPaneVisible",7);this.visible=false;this.contentId=undefined;this.disabled=false;this.when=b["lg"]}visibleChanged(e){const i={visible:e,isPane:this.isPane.bind(this)};this.ionSplitPaneVisible.emit(i)}async connectedCallback(){if(typeof customElements!=="undefined"&&customElements!=null){await customElements.whenDefined("ion-split-pane")}this.styleChildren();this.updateState()}disconnectedCallback(){if(this.rmL){this.rmL();this.rmL=undefined}}updateState(){if(this.rmL){this.rmL();this.rmL=undefined}if(this.disabled){this.visible=false;return}const e=this.when;if(typeof e==="boolean"){this.visible=e;return}const i=b[e]||e;if(i.length===0){this.visible=false;return}const t=e=>{this.visible=e.matches};const s=window.matchMedia(i);s.addListener(t);this.rmL=()=>s.removeListener(t);this.visible=s.matches}isPane(e){if(!this.visible){return false}return e.parentElement===this.el&&e.classList.contains(h)}styleChildren(){const e=this.contentId;const i=this.el.children;const t=this.el.childElementCount;let s=false;for(let n=0;n<t;n++){const t=i[n];const o=e!==undefined&&t.id===e;if(o){if(s){console.warn("split pane cannot have more than one main node");return}s=true}c(t,o)}if(!s){console.warn("split pane does not have a specified main node")}}render(){const e=o(this);return t(s,{key:"57ee198506248916e74d8d082ad547a471e6cc73",class:{[e]:true,[`split-pane-${e}`]:true,"split-pane-visible":this.visible}},t("slot",{key:"2cd89fa50cfe8a7a6bdda981bb89d5a24a8eec88"}))}get el(){return n(this)}static get watchers(){return{visible:["visibleChanged"],disabled:["updateState"],when:["updateState"]}}};const c=(e,i)=>{let t;let s;if(i){t=p;s=h}else{t=h;s=p}const n=e.classList;n.add(t);n.remove(s)};m.style={ios:r,md:l};export{m as ion_split_pane};
+//# sourceMappingURL=p-11466af2.entry.js.map

package/dist/elements/{p-3e6ffc13.entry.js → p-11845ff3.entry.js}

@@ -1,5 +1,5 @@
-import{r as i,j as n,h as d,H as a}from"./p-42169e41.js";import{g as o}from"./p-da0d920d.js";
+import{r as i,k as n,h as d,H as a}from"./p-97889672.js";import{g as o}from"./p-ebe1c8ca.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */const r={xs:"(min-width: 0px)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)"};const g=i=>{if(i===undefined||i===""){return true}if(window.matchMedia){const n=r[i];return window.matchMedia(n).matches}return false};const t=":host{-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;box-sizing:border-box;position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}";const e=t;const p=typeof window!=="undefined"?window:undefined;const l=p&&!!(p.CSS&&p.CSS.supports&&p.CSS.supports("--a: 0"));const u=["","xs","sm","md","lg","xl"];const s=class{constructor(n){i(this,n);this.offset=undefined;this.offsetXs=undefined;this.offsetSm=undefined;this.offsetMd=undefined;this.offsetLg=undefined;this.offsetXl=undefined;this.pull=undefined;this.pullXs=undefined;this.pullSm=undefined;this.pullMd=undefined;this.pullLg=undefined;this.pullXl=undefined;this.push=undefined;this.pushXs=undefined;this.pushSm=undefined;this.pushMd=undefined;this.pushLg=undefined;this.pushXl=undefined;this.size=undefined;this.sizeXs=undefined;this.sizeSm=undefined;this.sizeMd=undefined;this.sizeLg=undefined;this.sizeXl=undefined}onResize(){n(this)}getColumns(i){let n;for(const d of u){const a=g(d);const o=this[i+d.charAt(0).toUpperCase()+d.slice(1)];if(a&&o!==undefined){n=o}}return n}calculateSize(){const i=this.getColumns("size");if(!i||i===""){return}const n=i==="auto"?"auto":l?`calc(calc(${i} / var(--ion-grid-columns, 12)) * 100%)`:i/12*100+"%";return{flex:`0 0 ${n}`,width:`${n}`,"max-width":`${n}`}}calculatePosition(i,n){const d=this.getColumns(i);if(!d){return}const a=l?`calc(calc(${d} / var(--ion-grid-columns, 12)) * 100%)`:d>0&&d<12?d/12*100+"%":"auto";return{[n]:a}}calculateOffset(i){return this.calculatePosition("offset",i?"margin-right":"margin-left")}calculatePull(i){return this.calculatePosition("pull",i?"left":"right")}calculatePush(i){return this.calculatePosition("push",i?"right":"left")}render(){const i=document.dir==="rtl";const n=o(this);return d(a,{key:"56ecf3b3f2be05d5f179f2d136d4ab05a4525da9",class:{[n]:true},style:Object.assign(Object.assign(Object.assign(Object.assign({},this.calculateOffset(i)),this.calculatePull(i)),this.calculatePush(i)),this.calculateSize())},d("slot",{key:"8f1113d39dcb709300ebbeaf81bc092c1dd8da3e"}))}};s.style=e;export{s as ion_col};
-//# sourceMappingURL=p-3e6ffc13.entry.js.map
+//# sourceMappingURL=p-11845ff3.entry.js.map

package/dist/elements/p-13b1d6fe.entry.js

@@ -0,0 +1,2 @@
+import{r as o,i as r,h as e,H as i,e as t}from"./p-97889672.js";import{i as a}from"./p-3f316fc4.js";import{o as n,c,h as s}from"./p-669fab6c.js";import{d,e as l}from"./p-acfa402f.js";import{g as b}from"./p-ebe1c8ca.js";const p=":host{display:flex;flex:0 0 auto;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:flex;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: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:flex;flex:1 1 100%;align-items:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-850, #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, 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, #445b78)}.breadcrumb-separator{color:var(--ion-color-step-550, #73849a)}::slotted(ion-icon){color:var(--ion-color-step-400, #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, #242d39)}.breadcrumbs-collapsed-indicator{border-radius:4px;background:var(--ion-color-step-100, #e9edf3);color:var(--ion-color-step-550, #73849a)}.breadcrumbs-collapsed-indicator:hover{opacity:0.45}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, #d9e0ea)}.breadcrumbs-collapsed-indicator ion-icon{font-size:min(1.375rem, 22px)}";const h=p;const u=":host{display:flex;flex:0 0 auto;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:flex;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: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:flex;flex:1 1 100%;align-items:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-600, #677483);--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--ion-color-step-800, #35404e);--background-focused:var(--ion-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;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, #73849a)}::slotted(ion-icon){color:var(--ion-color-step-550, #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, #222d3a)}.breadcrumbs-collapsed-indicator{border-radius:2px;background:var(--ion-color-step-100, #eef1f3);color:var(--ion-color-step-550, #73849a)}.breadcrumbs-collapsed-indicator:hover{opacity:0.7}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, #dfe5e8)}";const m=u;const f=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.onFocus=()=>{this.ionFocus.emit()};this.onBlur=()=>{this.ionBlur.emit()};this.collapsedIndicatorClick=()=>{this.collapsedClick.emit({ionShadowTarget:this.collapsedRef})};this.collapsed=false;this.last=undefined;this.showCollapsedIndicator=undefined;this.color=undefined;this.active=false;this.disabled=false;this.download=undefined;this.href=undefined;this.rel=undefined;this.separator=undefined;this.target=undefined;this.routerDirection="forward";this.routerAnimation=undefined}componentWillLoad(){this.inheritedAttributes=a(this.el)}isClickable(){return this.href!==undefined}render(){const{color:o,active:r,collapsed:t,disabled:a,download:p,el:h,inheritedAttributes:u,last:m,routerAnimation:f,routerDirection:g,separator:v,showCollapsedIndicator:x,target:k}=this;const w=this.isClickable();const y=this.href===undefined?"span":"a";const z=a?undefined:this.href;const j=b(this);const C=y==="span"?{}:{download:p,href:z,target:k};const A=m?false:t?x&&!m?true:false:v;return e(i,{key:"6d354439f90ec3cfab9fbf93cb17a67fb9ca6034",onClick:o=>n(z,o,g,f),"aria-disabled":a?"true":null,class:c(o,{[j]:true,"breadcrumb-active":r,"breadcrumb-collapsed":t,"breadcrumb-disabled":a,"in-breadcrumbs-color":s("ion-breadcrumbs[color]",h),"in-toolbar":s("ion-toolbar",this.el),"in-toolbar-color":s("ion-toolbar[color]",this.el),"ion-activatable":w,"ion-focusable":w})},e(y,Object.assign({key:"4782977969bd84af02b1834573a6e51069b798ae"},C,{class:"breadcrumb-native",part:"native",disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},u),e("slot",{key:"7d5fb845e463b8195142099773e7f258fc8ed31d",name:"start"}),e("slot",{key:"6b642ccb9101c12f72124fed5dd0f6362345fb41"}),e("slot",{key:"9fb0841fed712e21d1e84b187e1bc9159cf80b56",name:"end"})),x&&e("button",{key:"4b64544d879224d491447a79da8f8672b994af0b",part:"collapsed-indicator","aria-label":"Show more breadcrumbs",onClick:()=>this.collapsedIndicatorClick(),ref:o=>this.collapsedRef=o,class:{"breadcrumbs-collapsed-indicator":true}},e("ion-icon",{key:"5a2511b237aa8c401f416e967a831f8315423949","aria-hidden":"true",icon:l,lazy:false})),A&&e("span",{key:"348952855dd79eb92f8d370e5839a8d09aff4097",class:"breadcrumb-separator",part:"separator","aria-hidden":"true"},e("slot",{key:"0120f416edb1d776fa6900b5986b2b57eef554b3",name:"separator"},j==="ios"?e("ion-icon",{icon:d,lazy:false,"flip-rtl":true}):e("span",null,"/"))))}get el(){return t(this)}};f.style={ios:h,md:m};export{f as ion_breadcrumb};
+//# sourceMappingURL=p-13b1d6fe.entry.js.map

package/dist/elements/{p-d358565a.entry.js.map → p-13b1d6fe.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["breadcrumbIosCss","IonBreadcrumbIosStyle0","breadcrumbMdCss","IonBreadcrumbMdStyle0","Breadcrumb","constructor","hostRef","this","inheritedAttributes","onFocus","ionFocus","emit","onBlur","ionBlur","collapsedIndicatorClick","collapsedClick","ionShadowTarget","collapsedRef","collapsed","last","undefined","showCollapsedIndicator","color","active","disabled","download","href","rel","separator","target","routerDirection","routerAnimation","componentWillLoad","inheritAriaAttributes","el","isClickable","render","clickable","TagType","mode","getIonMode","attrs","showSeparator","h","Host","key","onClick","ev","openURL","class","createColorClasses","hostContext","Object","assign","part","name","ref","collapsedEl","icon","ellipsisHorizontal","lazy","chevronForwardOutline"],"sources":["../node_modules/@ionic/core/dist/collection/components/breadcrumb/breadcrumb.ios.css?tag=ion-breadcrumb&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/breadcrumb/breadcrumb.md.css?tag=ion-breadcrumb&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/breadcrumb/breadcrumb.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n    * @prop --color: Text color of the breadcrumb\n    * @prop --color-active: Text color of the active breadcrumb\n    * @prop --color-hover: Text color of the breadcrumb on hover\n    * @prop --color-focused: Text color of the breadcrumb when focused\n    * @prop --background-focused: Background color of the breadcrumb when focused\n    */\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  color: var(--color);\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n}\n\n.breadcrumb-native {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  outline: none;\n  background: inherit;\n}\n\n:host(.breadcrumb-disabled) {\n  cursor: default;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n:host(.breadcrumb-active) {\n  color: var(--color-active);\n}\n\n:host(.ion-focused) {\n  color: var(--color-focused);\n}\n\n:host(.ion-focused) .breadcrumb-native {\n  background: var(--background-focused);\n}\n\n@media (any-hover: hover) {\n  :host(.ion-activatable:hover) {\n    color: var(--color-hover);\n  }\n  :host(.ion-activatable.in-breadcrumbs-color:hover),\n  :host(.ion-activatable.ion-color:hover) {\n    color: var(--ion-color-shade);\n  }\n}\n.breadcrumb-separator {\n  display: inline-flex;\n}\n\n:host(.breadcrumb-collapsed) .breadcrumb-native {\n  display: none;\n}\n\n:host(.in-breadcrumbs-color),\n:host(.in-breadcrumbs-color.breadcrumb-active) {\n  color: var(--ion-color-base);\n}\n\n:host(.in-breadcrumbs-color) .breadcrumb-separator {\n  color: var(--ion-color-base);\n}\n\n:host(.ion-color) {\n  color: var(--ion-color-base);\n}\n\n:host(.in-toolbar-color),\n:host(.in-toolbar-color) .breadcrumb-separator {\n  color: rgba(var(--ion-color-contrast-rgb), 0.8);\n}\n\n:host(.in-toolbar-color.breadcrumb-active) {\n  color: var(--ion-color-contrast);\n}\n\n.breadcrumbs-collapsed-indicator {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  -webkit-margin-start: 14px;\n  margin-inline-start: 14px;\n  -webkit-margin-end: 14px;\n  margin-inline-end: 14px;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: flex;\n  flex: 1 1 100%;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 18px;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n  appearance: none;\n}\n\n.breadcrumbs-collapsed-indicator ion-icon {\n  margin-top: 1px;\n  font-size: 1.375rem;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --color: var(--ion-color-step-850, #2d4665);\n  --color-active: var(--ion-text-color, #03060b);\n  --color-hover: var(--ion-text-color, #03060b);\n  --color-focused: var(--color-active);\n  --background-focused: var(--ion-color-step-50, rgba(233, 237, 243, 0.7));\n  /**\n   * Main content should be prioritized\n   * on iOS, so we set max font size for breadcrumbs.\n   * Breadcrumbs can be placed in the content too, so\n   * we add a min font size to keep the text legible.\n   */\n  font-size: clamp(16px, 1rem, 22px);\n}\n\n:host(.breadcrumb-active) {\n  font-weight: 600;\n}\n\n.breadcrumb-native {\n  border-radius: 4px;\n  -webkit-padding-start: 12px;\n  padding-inline-start: 12px;\n  -webkit-padding-end: 12px;\n  padding-inline-end: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  border: 1px solid transparent;\n}\n\n:host(.ion-focused) .breadcrumb-native {\n  border-radius: 8px;\n}\n\n:host(.in-breadcrumbs-color.ion-focused) .breadcrumb-native,\n:host(.ion-color.ion-focused) .breadcrumb-native {\n  background: rgba(var(--ion-color-base-rgb), 0.1);\n  color: var(--ion-color-base);\n}\n\n:host(.ion-focused) ::slotted(ion-icon),\n:host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),\n:host(.ion-color.ion-focused) ::slotted(ion-icon) {\n  color: var(--ion-color-step-750, #445b78);\n}\n\n.breadcrumb-separator {\n  color: var(--ion-color-step-550, #73849a);\n}\n\n::slotted(ion-icon) {\n  color: var(--ion-color-step-400, #92a0b3);\n  font-size: min(1.125rem, 21.6px);\n}\n\n::slotted(ion-icon[slot=start]) {\n  -webkit-margin-end: 8px;\n  margin-inline-end: 8px;\n}\n\n::slotted(ion-icon[slot=end]) {\n  -webkit-margin-start: 8px;\n  margin-inline-start: 8px;\n}\n\n:host(.breadcrumb-active) ::slotted(ion-icon) {\n  color: var(--ion-color-step-850, #242d39);\n}\n\n.breadcrumbs-collapsed-indicator {\n  border-radius: 4px;\n  background: var(--ion-color-step-100, #e9edf3);\n  color: var(--ion-color-step-550, #73849a);\n}\n\n.breadcrumbs-collapsed-indicator:hover {\n  opacity: 0.45;\n}\n\n.breadcrumbs-collapsed-indicator:focus {\n  background: var(--ion-color-step-150, #d9e0ea);\n}\n\n.breadcrumbs-collapsed-indicator ion-icon {\n  font-size: min(1.375rem, 22px);\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n    * @prop --color: Text color of the breadcrumb\n    * @prop --color-active: Text color of the active breadcrumb\n    * @prop --color-hover: Text color of the breadcrumb on hover\n    * @prop --color-focused: Text color of the breadcrumb when focused\n    * @prop --background-focused: Background color of the breadcrumb when focused\n    */\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  color: var(--color);\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n}\n\n.breadcrumb-native {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  outline: none;\n  background: inherit;\n}\n\n:host(.breadcrumb-disabled) {\n  cursor: default;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n:host(.breadcrumb-active) {\n  color: var(--color-active);\n}\n\n:host(.ion-focused) {\n  color: var(--color-focused);\n}\n\n:host(.ion-focused) .breadcrumb-native {\n  background: var(--background-focused);\n}\n\n@media (any-hover: hover) {\n  :host(.ion-activatable:hover) {\n    color: var(--color-hover);\n  }\n  :host(.ion-activatable.in-breadcrumbs-color:hover),\n  :host(.ion-activatable.ion-color:hover) {\n    color: var(--ion-color-shade);\n  }\n}\n.breadcrumb-separator {\n  display: inline-flex;\n}\n\n:host(.breadcrumb-collapsed) .breadcrumb-native {\n  display: none;\n}\n\n:host(.in-breadcrumbs-color),\n:host(.in-breadcrumbs-color.breadcrumb-active) {\n  color: var(--ion-color-base);\n}\n\n:host(.in-breadcrumbs-color) .breadcrumb-separator {\n  color: var(--ion-color-base);\n}\n\n:host(.ion-color) {\n  color: var(--ion-color-base);\n}\n\n:host(.in-toolbar-color),\n:host(.in-toolbar-color) .breadcrumb-separator {\n  color: rgba(var(--ion-color-contrast-rgb), 0.8);\n}\n\n:host(.in-toolbar-color.breadcrumb-active) {\n  color: var(--ion-color-contrast);\n}\n\n.breadcrumbs-collapsed-indicator {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  -webkit-margin-start: 14px;\n  margin-inline-start: 14px;\n  -webkit-margin-end: 14px;\n  margin-inline-end: 14px;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: flex;\n  flex: 1 1 100%;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 18px;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n  appearance: none;\n}\n\n.breadcrumbs-collapsed-indicator ion-icon {\n  margin-top: 1px;\n  font-size: 1.375rem;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --color: var(--ion-color-step-600, #677483);\n  --color-active: var(--ion-text-color, #03060b);\n  --color-hover: var(--ion-text-color, #03060b);\n  --color-focused: var(--ion-color-step-800, #35404e);\n  --background-focused: var(--ion-color-step-50, #fff);\n}\n\n:host(.breadcrumb-active) {\n  font-weight: 500;\n}\n\n.breadcrumb-native {\n  -webkit-padding-start: 12px;\n  padding-inline-start: 12px;\n  -webkit-padding-end: 12px;\n  padding-inline-end: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n}\n\n.breadcrumb-separator {\n  -webkit-margin-start: 10px;\n  margin-inline-start: 10px;\n  -webkit-margin-end: 10px;\n  margin-inline-end: 10px;\n  margin-top: -1px;\n}\n\n:host(.ion-focused) .breadcrumb-native {\n  border-radius: 4px;\n  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12);\n}\n\n.breadcrumb-separator {\n  color: var(--ion-color-step-550, #73849a);\n}\n\n::slotted(ion-icon) {\n  color: var(--ion-color-step-550, #7d8894);\n  font-size: 1.125rem;\n}\n\n::slotted(ion-icon[slot=start]) {\n  -webkit-margin-end: 8px;\n  margin-inline-end: 8px;\n}\n\n::slotted(ion-icon[slot=end]) {\n  -webkit-margin-start: 8px;\n  margin-inline-start: 8px;\n}\n\n:host(.breadcrumb-active) ::slotted(ion-icon) {\n  color: var(--ion-color-step-850, #222d3a);\n}\n\n.breadcrumbs-collapsed-indicator {\n  border-radius: 2px;\n  background: var(--ion-color-step-100, #eef1f3);\n  color: var(--ion-color-step-550, #73849a);\n}\n\n.breadcrumbs-collapsed-indicator:hover {\n  opacity: 0.7;\n}\n\n.breadcrumbs-collapsed-indicator:focus {\n  background: var(--ion-color-step-150, #dfe5e8);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { inheritAriaAttributes } from \"../../utils/helpers\";\nimport { createColorClasses, hostContext, openURL } from \"../../utils/theme\";\nimport { chevronForwardOutline, ellipsisHorizontal } from \"ionicons/icons\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n *\n * @part native - The native HTML anchor or div element that wraps all child elements.\n * @part separator - The separator element between each breadcrumb.\n * @part collapsed-indicator - The indicator element that shows the breadcrumbs are collapsed.\n */\nexport class Breadcrumb {\n    constructor() {\n        this.inheritedAttributes = {};\n        this.onFocus = () => {\n            this.ionFocus.emit();\n        };\n        this.onBlur = () => {\n            this.ionBlur.emit();\n        };\n        this.collapsedIndicatorClick = () => {\n            this.collapsedClick.emit({ ionShadowTarget: this.collapsedRef });\n        };\n        this.collapsed = false;\n        this.last = undefined;\n        this.showCollapsedIndicator = undefined;\n        this.color = undefined;\n        this.active = false;\n        this.disabled = false;\n        this.download = undefined;\n        this.href = undefined;\n        this.rel = undefined;\n        this.separator = undefined;\n        this.target = undefined;\n        this.routerDirection = 'forward';\n        this.routerAnimation = undefined;\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAriaAttributes(this.el);\n    }\n    isClickable() {\n        return this.href !== undefined;\n    }\n    render() {\n        const { color, active, collapsed, disabled, download, el, inheritedAttributes, last, routerAnimation, routerDirection, separator, showCollapsedIndicator, target, } = this;\n        const clickable = this.isClickable();\n        const TagType = this.href === undefined ? 'span' : 'a';\n        // Links can still be tabbed to when set to disabled if they have an href\n        // in order to truly disable them we can keep it as an anchor but remove the href\n        const href = disabled ? undefined : this.href;\n        const mode = getIonMode(this);\n        const attrs = TagType === 'span'\n            ? {}\n            : {\n                download,\n                href,\n                target,\n            };\n        // If the breadcrumb is collapsed, check if it contains the collapsed indicator\n        // to show the separator as long as it isn't also the last breadcrumb\n        // otherwise if not collapsed use the value in separator\n        const showSeparator = last ? false : collapsed ? (showCollapsedIndicator && !last ? true : false) : separator;\n        return (h(Host, { key: '6d354439f90ec3cfab9fbf93cb17a67fb9ca6034', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), \"aria-disabled\": disabled ? 'true' : null, class: createColorClasses(color, {\n                [mode]: true,\n                'breadcrumb-active': active,\n                'breadcrumb-collapsed': collapsed,\n                'breadcrumb-disabled': disabled,\n                'in-breadcrumbs-color': hostContext('ion-breadcrumbs[color]', el),\n                'in-toolbar': hostContext('ion-toolbar', this.el),\n                'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),\n                'ion-activatable': clickable,\n                'ion-focusable': clickable,\n            }) }, h(TagType, Object.assign({ key: '4782977969bd84af02b1834573a6e51069b798ae' }, attrs, { class: \"breadcrumb-native\", part: \"native\", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h(\"slot\", { key: '7d5fb845e463b8195142099773e7f258fc8ed31d', name: \"start\" }), h(\"slot\", { key: '6b642ccb9101c12f72124fed5dd0f6362345fb41' }), h(\"slot\", { key: '9fb0841fed712e21d1e84b187e1bc9159cf80b56', name: \"end\" })), showCollapsedIndicator && (h(\"button\", { key: '4b64544d879224d491447a79da8f8672b994af0b', part: \"collapsed-indicator\", \"aria-label\": \"Show more breadcrumbs\", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {\n                'breadcrumbs-collapsed-indicator': true,\n            } }, h(\"ion-icon\", { key: '5a2511b237aa8c401f416e967a831f8315423949', \"aria-hidden\": \"true\", icon: ellipsisHorizontal, lazy: false }))), showSeparator && (\n        /**\n         * Separators should not be announced by narrators.\n         * We add aria-hidden on the span so that this applies\n         * to any custom separators too.\n         */\n        h(\"span\", { key: '348952855dd79eb92f8d370e5839a8d09aff4097', class: \"breadcrumb-separator\", part: \"separator\", \"aria-hidden\": \"true\" }, h(\"slot\", { key: '0120f416edb1d776fa6900b5986b2b57eef554b3', name: \"separator\" }, mode === 'ios' ? (h(\"ion-icon\", { icon: chevronForwardOutline, lazy: false, \"flip-rtl\": true })) : (h(\"span\", null, \"/\")))))));\n    }\n    static get is() { return \"ion-breadcrumb\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"breadcrumb.ios.scss\"],\n            \"md\": [\"breadcrumb.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"breadcrumb.ios.css\"],\n            \"md\": [\"breadcrumb.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"collapsed\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"collapsed\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"last\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"last\",\n                \"reflect\": false\n            },\n            \"showCollapsedIndicator\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"show-collapsed-indicator\",\n                \"reflect\": false\n            },\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"active\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the breadcrumb will take on a different look to show that\\nit is the currently active breadcrumb. Defaults to `true` for the\\nlast breadcrumb if it is not set on any.\"\n                },\n                \"attribute\": \"active\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user cannot interact with the breadcrumb.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"download\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute instructs browsers to download a URL instead of navigating to\\nit, so the user will be prompted to save it as a local file. If the attribute\\nhas a value, it is used as the pre-filled file name in the Save prompt\\n(the user can still change the file name if they want).\"\n                },\n                \"attribute\": \"download\",\n                \"reflect\": false\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Contains a URL or a URL fragment that the hyperlink points to.\\nIf this property is set, an anchor tag will be rendered.\"\n                },\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"rel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the relationship of the target object to the link object.\\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).\"\n                },\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"separator\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean | undefined\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, show a separator between this breadcrumb and the next.\\nDefaults to `true` for all breadcrumbs except the last.\"\n                },\n                \"attribute\": \"separator\",\n                \"reflect\": false\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies where to display the linked URL.\\nOnly applies when an `href` is provided.\\nSpecial keywords: `\\\"_blank\\\"`, `\\\"_self\\\"`, `\\\"_parent\\\"`, `\\\"_top\\\"`.\"\n                },\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"routerDirection\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"RouterDirection\",\n                    \"resolved\": \"\\\"back\\\" | \\\"forward\\\" | \\\"root\\\"\",\n                    \"references\": {\n                        \"RouterDirection\": {\n                            \"location\": \"import\",\n                            \"path\": \"../router/utils/interface\",\n                            \"id\": \"src/components/router/utils/interface.ts::RouterDirection\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"When using a router, it specifies the transition direction when navigating to\\nanother page using `href`.\"\n                },\n                \"attribute\": \"router-direction\",\n                \"reflect\": false,\n                \"defaultValue\": \"'forward'\"\n            },\n            \"routerAnimation\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AnimationBuilder | undefined\",\n                    \"resolved\": \"((baseEl: any, opts?: any) => Animation) | undefined\",\n                    \"references\": {\n                        \"AnimationBuilder\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::AnimationBuilder\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"When using a router, it specifies the transition animation when navigating to\\nanother page using `href`.\"\n                }\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionFocus\",\n                \"name\": \"ionFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the breadcrumb has focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionBlur\",\n                \"name\": \"ionBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the breadcrumb loses focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"collapsedClick\",\n                \"name\": \"collapsedClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"Emitted when the collapsed indicator is clicked on.\\n`ion-breadcrumbs` will listen for this and emit ionCollapsedClick.\\nNormally we could just emit this as `ionCollapsedClick`\\nand let the event bubble to `ion-breadcrumbs`,\\nbut if the event custom event is not set on `ion-breadcrumbs`,\\nTypeScript will throw an error in user applications.\"\n                },\n                \"complexType\": {\n                    \"original\": \"BreadcrumbCollapsedClickEventDetail\",\n                    \"resolved\": \"BreadcrumbCollapsedClickEventDetail\",\n                    \"references\": {\n                        \"BreadcrumbCollapsedClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./breadcrumb-interface\",\n                            \"id\": \"src/components/breadcrumb/breadcrumb-interface.ts::BreadcrumbCollapsedClickEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n}\n"],"mappings":"gOAAA,MAAMA,EAAmB,ynHACzB,MAAAC,EAAeD,ECDf,MAAME,EAAkB,uyGACxB,MAAAC,EAAeD,E,MCcFE,EAAU,MACnB,WAAAC,CAAAC,G,6HACIC,KAAKC,oBAAsB,GAC3BD,KAAKE,QAAU,KACXF,KAAKG,SAASC,MAAM,EAExBJ,KAAKK,OAAS,KACVL,KAAKM,QAAQF,MAAM,EAEvBJ,KAAKO,wBAA0B,KAC3BP,KAAKQ,eAAeJ,KAAK,CAAEK,gBAAiBT,KAAKU,cAAe,EAEpEV,KAAKW,UAAY,MACjBX,KAAKY,KAAOC,UACZb,KAAKc,uBAAyBD,UAC9Bb,KAAKe,MAAQF,UACbb,KAAKgB,OAAS,MACdhB,KAAKiB,SAAW,MAChBjB,KAAKkB,SAAWL,UAChBb,KAAKmB,KAAON,UACZb,KAAKoB,IAAMP,UACXb,KAAKqB,UAAYR,UACjBb,KAAKsB,OAAST,UACdb,KAAKuB,gBAAkB,UACvBvB,KAAKwB,gBAAkBX,S,CAE3B,iBAAAY,GACIzB,KAAKC,oBAAsByB,EAAsB1B,KAAK2B,G,CAE1D,WAAAC,GACI,OAAO5B,KAAKmB,OAASN,S,CAEzB,MAAAgB,GACI,MAAMd,MAAEA,EAAKC,OAAEA,EAAML,UAAEA,EAASM,SAAEA,EAAQC,SAAEA,EAAQS,GAAEA,EAAE1B,oBAAEA,EAAmBW,KAAEA,EAAIY,gBAAEA,EAAeD,gBAAEA,EAAeF,UAAEA,EAASP,uBAAEA,EAAsBQ,OAAEA,GAAYtB,KACtK,MAAM8B,EAAY9B,KAAK4B,cACvB,MAAMG,EAAU/B,KAAKmB,OAASN,UAAY,OAAS,IAGnD,MAAMM,EAAOF,EAAWJ,UAAYb,KAAKmB,KACzC,MAAMa,EAAOC,EAAWjC,MACxB,MAAMkC,EAAQH,IAAY,OACpB,GACA,CACEb,WACAC,OACAG,UAKR,MAAMa,EAAgBvB,EAAO,MAAQD,EAAaG,IAA2BF,EAAO,KAAO,MAASS,EACpG,OAAQe,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,QAAUC,GAAOC,EAAQtB,EAAMqB,EAAIjB,EAAiBC,GAAkB,gBAAiBP,EAAW,OAAS,KAAMyB,MAAOC,EAAmB5B,EAAO,CAC7MiB,CAACA,GAAO,KACR,oBAAqBhB,EACrB,uBAAwBL,EACxB,sBAAuBM,EACvB,uBAAwB2B,EAAY,yBAA0BjB,GAC9D,aAAciB,EAAY,cAAe5C,KAAK2B,IAC9C,mBAAoBiB,EAAY,qBAAsB5C,KAAK2B,IAC3D,kBAAmBG,EACnB,gBAAiBA,KACfM,EAAEL,EAASc,OAAOC,OAAO,CAAER,IAAK,4CAA8CJ,EAAO,CAAEQ,MAAO,oBAAqBK,KAAM,SAAU9B,SAAUA,EAAUf,QAASF,KAAKE,QAASG,OAAQL,KAAKK,QAAUJ,GAAsBmC,EAAE,OAAQ,CAAEE,IAAK,2CAA4CU,KAAM,UAAYZ,EAAE,OAAQ,CAAEE,IAAK,6CAA+CF,EAAE,OAAQ,CAAEE,IAAK,2CAA4CU,KAAM,SAAWlC,GAA2BsB,EAAE,SAAU,CAAEE,IAAK,2CAA4CS,KAAM,sBAAuB,aAAc,wBAAyBR,QAAS,IAAMvC,KAAKO,0BAA2B0C,IAAMC,GAAiBlD,KAAKU,aAAewC,EAAcR,MAAO,CACvsB,kCAAmC,OAClCN,EAAE,WAAY,CAAEE,IAAK,2CAA4C,cAAe,OAAQa,KAAMC,EAAoBC,KAAM,SAAYlB,GAM7IC,EAAE,OAAQ,CAAEE,IAAK,2CAA4CI,MAAO,uBAAwBK,KAAM,YAAa,cAAe,QAAUX,EAAE,OAAQ,CAAEE,IAAK,2CAA4CU,KAAM,aAAehB,IAAS,MAASI,EAAE,WAAY,CAAEe,KAAMG,EAAuBD,KAAM,MAAO,WAAY,OAAYjB,EAAE,OAAQ,KAAM,O","ignoreList":[]}
+{"version":3,"names":["breadcrumbIosCss","IonBreadcrumbIosStyle0","breadcrumbMdCss","IonBreadcrumbMdStyle0","Breadcrumb","constructor","hostRef","this","inheritedAttributes","onFocus","ionFocus","emit","onBlur","ionBlur","collapsedIndicatorClick","collapsedClick","ionShadowTarget","collapsedRef","collapsed","last","undefined","showCollapsedIndicator","color","active","disabled","download","href","rel","separator","target","routerDirection","routerAnimation","componentWillLoad","inheritAriaAttributes","el","isClickable","render","clickable","TagType","mode","getIonMode","attrs","showSeparator","h","Host","key","onClick","ev","openURL","class","createColorClasses","hostContext","Object","assign","part","name","ref","collapsedEl","icon","ellipsisHorizontal","lazy","chevronForwardOutline"],"sources":["../node_modules/@ionic/core/dist/collection/components/breadcrumb/breadcrumb.ios.css?tag=ion-breadcrumb&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/breadcrumb/breadcrumb.md.css?tag=ion-breadcrumb&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/breadcrumb/breadcrumb.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n    * @prop --color: Text color of the breadcrumb\n    * @prop --color-active: Text color of the active breadcrumb\n    * @prop --color-hover: Text color of the breadcrumb on hover\n    * @prop --color-focused: Text color of the breadcrumb when focused\n    * @prop --background-focused: Background color of the breadcrumb when focused\n    */\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  color: var(--color);\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n}\n\n.breadcrumb-native {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  outline: none;\n  background: inherit;\n}\n\n:host(.breadcrumb-disabled) {\n  cursor: default;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n:host(.breadcrumb-active) {\n  color: var(--color-active);\n}\n\n:host(.ion-focused) {\n  color: var(--color-focused);\n}\n\n:host(.ion-focused) .breadcrumb-native {\n  background: var(--background-focused);\n}\n\n@media (any-hover: hover) {\n  :host(.ion-activatable:hover) {\n    color: var(--color-hover);\n  }\n  :host(.ion-activatable.in-breadcrumbs-color:hover),\n  :host(.ion-activatable.ion-color:hover) {\n    color: var(--ion-color-shade);\n  }\n}\n.breadcrumb-separator {\n  display: inline-flex;\n}\n\n:host(.breadcrumb-collapsed) .breadcrumb-native {\n  display: none;\n}\n\n:host(.in-breadcrumbs-color),\n:host(.in-breadcrumbs-color.breadcrumb-active) {\n  color: var(--ion-color-base);\n}\n\n:host(.in-breadcrumbs-color) .breadcrumb-separator {\n  color: var(--ion-color-base);\n}\n\n:host(.ion-color) {\n  color: var(--ion-color-base);\n}\n\n:host(.in-toolbar-color),\n:host(.in-toolbar-color) .breadcrumb-separator {\n  color: rgba(var(--ion-color-contrast-rgb), 0.8);\n}\n\n:host(.in-toolbar-color.breadcrumb-active) {\n  color: var(--ion-color-contrast);\n}\n\n.breadcrumbs-collapsed-indicator {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  -webkit-margin-start: 14px;\n  margin-inline-start: 14px;\n  -webkit-margin-end: 14px;\n  margin-inline-end: 14px;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: flex;\n  flex: 1 1 100%;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 18px;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n  appearance: none;\n}\n\n.breadcrumbs-collapsed-indicator ion-icon {\n  margin-top: 1px;\n  font-size: 1.375rem;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --color: var(--ion-color-step-850, #2d4665);\n  --color-active: var(--ion-text-color, #03060b);\n  --color-hover: var(--ion-text-color, #03060b);\n  --color-focused: var(--color-active);\n  --background-focused: var(--ion-color-step-50, rgba(233, 237, 243, 0.7));\n  /**\n   * Main content should be prioritized\n   * on iOS, so we set max font size for breadcrumbs.\n   * Breadcrumbs can be placed in the content too, so\n   * we add a min font size to keep the text legible.\n   */\n  font-size: clamp(16px, 1rem, 22px);\n}\n\n:host(.breadcrumb-active) {\n  font-weight: 600;\n}\n\n.breadcrumb-native {\n  border-radius: 4px;\n  -webkit-padding-start: 12px;\n  padding-inline-start: 12px;\n  -webkit-padding-end: 12px;\n  padding-inline-end: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  border: 1px solid transparent;\n}\n\n:host(.ion-focused) .breadcrumb-native {\n  border-radius: 8px;\n}\n\n:host(.in-breadcrumbs-color.ion-focused) .breadcrumb-native,\n:host(.ion-color.ion-focused) .breadcrumb-native {\n  background: rgba(var(--ion-color-base-rgb), 0.1);\n  color: var(--ion-color-base);\n}\n\n:host(.ion-focused) ::slotted(ion-icon),\n:host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),\n:host(.ion-color.ion-focused) ::slotted(ion-icon) {\n  color: var(--ion-color-step-750, #445b78);\n}\n\n.breadcrumb-separator {\n  color: var(--ion-color-step-550, #73849a);\n}\n\n::slotted(ion-icon) {\n  color: var(--ion-color-step-400, #92a0b3);\n  font-size: min(1.125rem, 21.6px);\n}\n\n::slotted(ion-icon[slot=start]) {\n  -webkit-margin-end: 8px;\n  margin-inline-end: 8px;\n}\n\n::slotted(ion-icon[slot=end]) {\n  -webkit-margin-start: 8px;\n  margin-inline-start: 8px;\n}\n\n:host(.breadcrumb-active) ::slotted(ion-icon) {\n  color: var(--ion-color-step-850, #242d39);\n}\n\n.breadcrumbs-collapsed-indicator {\n  border-radius: 4px;\n  background: var(--ion-color-step-100, #e9edf3);\n  color: var(--ion-color-step-550, #73849a);\n}\n\n.breadcrumbs-collapsed-indicator:hover {\n  opacity: 0.45;\n}\n\n.breadcrumbs-collapsed-indicator:focus {\n  background: var(--ion-color-step-150, #d9e0ea);\n}\n\n.breadcrumbs-collapsed-indicator ion-icon {\n  font-size: min(1.375rem, 22px);\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n    * @prop --color: Text color of the breadcrumb\n    * @prop --color-active: Text color of the active breadcrumb\n    * @prop --color-hover: Text color of the breadcrumb on hover\n    * @prop --color-focused: Text color of the breadcrumb when focused\n    * @prop --background-focused: Background color of the breadcrumb when focused\n    */\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  color: var(--color);\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n}\n\n.breadcrumb-native {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  outline: none;\n  background: inherit;\n}\n\n:host(.breadcrumb-disabled) {\n  cursor: default;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n:host(.breadcrumb-active) {\n  color: var(--color-active);\n}\n\n:host(.ion-focused) {\n  color: var(--color-focused);\n}\n\n:host(.ion-focused) .breadcrumb-native {\n  background: var(--background-focused);\n}\n\n@media (any-hover: hover) {\n  :host(.ion-activatable:hover) {\n    color: var(--color-hover);\n  }\n  :host(.ion-activatable.in-breadcrumbs-color:hover),\n  :host(.ion-activatable.ion-color:hover) {\n    color: var(--ion-color-shade);\n  }\n}\n.breadcrumb-separator {\n  display: inline-flex;\n}\n\n:host(.breadcrumb-collapsed) .breadcrumb-native {\n  display: none;\n}\n\n:host(.in-breadcrumbs-color),\n:host(.in-breadcrumbs-color.breadcrumb-active) {\n  color: var(--ion-color-base);\n}\n\n:host(.in-breadcrumbs-color) .breadcrumb-separator {\n  color: var(--ion-color-base);\n}\n\n:host(.ion-color) {\n  color: var(--ion-color-base);\n}\n\n:host(.in-toolbar-color),\n:host(.in-toolbar-color) .breadcrumb-separator {\n  color: rgba(var(--ion-color-contrast-rgb), 0.8);\n}\n\n:host(.in-toolbar-color.breadcrumb-active) {\n  color: var(--ion-color-contrast);\n}\n\n.breadcrumbs-collapsed-indicator {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  -webkit-margin-start: 14px;\n  margin-inline-start: 14px;\n  -webkit-margin-end: 14px;\n  margin-inline-end: 14px;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: flex;\n  flex: 1 1 100%;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 18px;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n  appearance: none;\n}\n\n.breadcrumbs-collapsed-indicator ion-icon {\n  margin-top: 1px;\n  font-size: 1.375rem;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --color: var(--ion-color-step-600, #677483);\n  --color-active: var(--ion-text-color, #03060b);\n  --color-hover: var(--ion-text-color, #03060b);\n  --color-focused: var(--ion-color-step-800, #35404e);\n  --background-focused: var(--ion-color-step-50, #fff);\n}\n\n:host(.breadcrumb-active) {\n  font-weight: 500;\n}\n\n.breadcrumb-native {\n  -webkit-padding-start: 12px;\n  padding-inline-start: 12px;\n  -webkit-padding-end: 12px;\n  padding-inline-end: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n}\n\n.breadcrumb-separator {\n  -webkit-margin-start: 10px;\n  margin-inline-start: 10px;\n  -webkit-margin-end: 10px;\n  margin-inline-end: 10px;\n  margin-top: -1px;\n}\n\n:host(.ion-focused) .breadcrumb-native {\n  border-radius: 4px;\n  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12);\n}\n\n.breadcrumb-separator {\n  color: var(--ion-color-step-550, #73849a);\n}\n\n::slotted(ion-icon) {\n  color: var(--ion-color-step-550, #7d8894);\n  font-size: 1.125rem;\n}\n\n::slotted(ion-icon[slot=start]) {\n  -webkit-margin-end: 8px;\n  margin-inline-end: 8px;\n}\n\n::slotted(ion-icon[slot=end]) {\n  -webkit-margin-start: 8px;\n  margin-inline-start: 8px;\n}\n\n:host(.breadcrumb-active) ::slotted(ion-icon) {\n  color: var(--ion-color-step-850, #222d3a);\n}\n\n.breadcrumbs-collapsed-indicator {\n  border-radius: 2px;\n  background: var(--ion-color-step-100, #eef1f3);\n  color: var(--ion-color-step-550, #73849a);\n}\n\n.breadcrumbs-collapsed-indicator:hover {\n  opacity: 0.7;\n}\n\n.breadcrumbs-collapsed-indicator:focus {\n  background: var(--ion-color-step-150, #dfe5e8);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { inheritAriaAttributes } from \"../../utils/helpers\";\nimport { createColorClasses, hostContext, openURL } from \"../../utils/theme\";\nimport { chevronForwardOutline, ellipsisHorizontal } from \"ionicons/icons\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n *\n * @part native - The native HTML anchor or div element that wraps all child elements.\n * @part separator - The separator element between each breadcrumb.\n * @part collapsed-indicator - The indicator element that shows the breadcrumbs are collapsed.\n */\nexport class Breadcrumb {\n    constructor() {\n        this.inheritedAttributes = {};\n        this.onFocus = () => {\n            this.ionFocus.emit();\n        };\n        this.onBlur = () => {\n            this.ionBlur.emit();\n        };\n        this.collapsedIndicatorClick = () => {\n            this.collapsedClick.emit({ ionShadowTarget: this.collapsedRef });\n        };\n        this.collapsed = false;\n        this.last = undefined;\n        this.showCollapsedIndicator = undefined;\n        this.color = undefined;\n        this.active = false;\n        this.disabled = false;\n        this.download = undefined;\n        this.href = undefined;\n        this.rel = undefined;\n        this.separator = undefined;\n        this.target = undefined;\n        this.routerDirection = 'forward';\n        this.routerAnimation = undefined;\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAriaAttributes(this.el);\n    }\n    isClickable() {\n        return this.href !== undefined;\n    }\n    render() {\n        const { color, active, collapsed, disabled, download, el, inheritedAttributes, last, routerAnimation, routerDirection, separator, showCollapsedIndicator, target, } = this;\n        const clickable = this.isClickable();\n        const TagType = this.href === undefined ? 'span' : 'a';\n        // Links can still be tabbed to when set to disabled if they have an href\n        // in order to truly disable them we can keep it as an anchor but remove the href\n        const href = disabled ? undefined : this.href;\n        const mode = getIonMode(this);\n        const attrs = TagType === 'span'\n            ? {}\n            : {\n                download,\n                href,\n                target,\n            };\n        // If the breadcrumb is collapsed, check if it contains the collapsed indicator\n        // to show the separator as long as it isn't also the last breadcrumb\n        // otherwise if not collapsed use the value in separator\n        const showSeparator = last ? false : collapsed ? (showCollapsedIndicator && !last ? true : false) : separator;\n        return (h(Host, { key: '6d354439f90ec3cfab9fbf93cb17a67fb9ca6034', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), \"aria-disabled\": disabled ? 'true' : null, class: createColorClasses(color, {\n                [mode]: true,\n                'breadcrumb-active': active,\n                'breadcrumb-collapsed': collapsed,\n                'breadcrumb-disabled': disabled,\n                'in-breadcrumbs-color': hostContext('ion-breadcrumbs[color]', el),\n                'in-toolbar': hostContext('ion-toolbar', this.el),\n                'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),\n                'ion-activatable': clickable,\n                'ion-focusable': clickable,\n            }) }, h(TagType, Object.assign({ key: '4782977969bd84af02b1834573a6e51069b798ae' }, attrs, { class: \"breadcrumb-native\", part: \"native\", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h(\"slot\", { key: '7d5fb845e463b8195142099773e7f258fc8ed31d', name: \"start\" }), h(\"slot\", { key: '6b642ccb9101c12f72124fed5dd0f6362345fb41' }), h(\"slot\", { key: '9fb0841fed712e21d1e84b187e1bc9159cf80b56', name: \"end\" })), showCollapsedIndicator && (h(\"button\", { key: '4b64544d879224d491447a79da8f8672b994af0b', part: \"collapsed-indicator\", \"aria-label\": \"Show more breadcrumbs\", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {\n                'breadcrumbs-collapsed-indicator': true,\n            } }, h(\"ion-icon\", { key: '5a2511b237aa8c401f416e967a831f8315423949', \"aria-hidden\": \"true\", icon: ellipsisHorizontal, lazy: false }))), showSeparator && (\n        /**\n         * Separators should not be announced by narrators.\n         * We add aria-hidden on the span so that this applies\n         * to any custom separators too.\n         */\n        h(\"span\", { key: '348952855dd79eb92f8d370e5839a8d09aff4097', class: \"breadcrumb-separator\", part: \"separator\", \"aria-hidden\": \"true\" }, h(\"slot\", { key: '0120f416edb1d776fa6900b5986b2b57eef554b3', name: \"separator\" }, mode === 'ios' ? (h(\"ion-icon\", { icon: chevronForwardOutline, lazy: false, \"flip-rtl\": true })) : (h(\"span\", null, \"/\")))))));\n    }\n    static get is() { return \"ion-breadcrumb\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"breadcrumb.ios.scss\"],\n            \"md\": [\"breadcrumb.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"breadcrumb.ios.css\"],\n            \"md\": [\"breadcrumb.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"collapsed\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"collapsed\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"last\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"last\",\n                \"reflect\": false\n            },\n            \"showCollapsedIndicator\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"show-collapsed-indicator\",\n                \"reflect\": false\n            },\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"active\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the breadcrumb will take on a different look to show that\\nit is the currently active breadcrumb. Defaults to `true` for the\\nlast breadcrumb if it is not set on any.\"\n                },\n                \"attribute\": \"active\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user cannot interact with the breadcrumb.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"download\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute instructs browsers to download a URL instead of navigating to\\nit, so the user will be prompted to save it as a local file. If the attribute\\nhas a value, it is used as the pre-filled file name in the Save prompt\\n(the user can still change the file name if they want).\"\n                },\n                \"attribute\": \"download\",\n                \"reflect\": false\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Contains a URL or a URL fragment that the hyperlink points to.\\nIf this property is set, an anchor tag will be rendered.\"\n                },\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"rel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the relationship of the target object to the link object.\\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).\"\n                },\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"separator\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean | undefined\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, show a separator between this breadcrumb and the next.\\nDefaults to `true` for all breadcrumbs except the last.\"\n                },\n                \"attribute\": \"separator\",\n                \"reflect\": false\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | undefined\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies where to display the linked URL.\\nOnly applies when an `href` is provided.\\nSpecial keywords: `\\\"_blank\\\"`, `\\\"_self\\\"`, `\\\"_parent\\\"`, `\\\"_top\\\"`.\"\n                },\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"routerDirection\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"RouterDirection\",\n                    \"resolved\": \"\\\"back\\\" | \\\"forward\\\" | \\\"root\\\"\",\n                    \"references\": {\n                        \"RouterDirection\": {\n                            \"location\": \"import\",\n                            \"path\": \"../router/utils/interface\",\n                            \"id\": \"src/components/router/utils/interface.ts::RouterDirection\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"When using a router, it specifies the transition direction when navigating to\\nanother page using `href`.\"\n                },\n                \"attribute\": \"router-direction\",\n                \"reflect\": false,\n                \"defaultValue\": \"'forward'\"\n            },\n            \"routerAnimation\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AnimationBuilder | undefined\",\n                    \"resolved\": \"((baseEl: any, opts?: any) => Animation) | undefined\",\n                    \"references\": {\n                        \"AnimationBuilder\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::AnimationBuilder\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"When using a router, it specifies the transition animation when navigating to\\nanother page using `href`.\"\n                }\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionFocus\",\n                \"name\": \"ionFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the breadcrumb has focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionBlur\",\n                \"name\": \"ionBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the breadcrumb loses focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"collapsedClick\",\n                \"name\": \"collapsedClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"Emitted when the collapsed indicator is clicked on.\\n`ion-breadcrumbs` will listen for this and emit ionCollapsedClick.\\nNormally we could just emit this as `ionCollapsedClick`\\nand let the event bubble to `ion-breadcrumbs`,\\nbut if the event custom event is not set on `ion-breadcrumbs`,\\nTypeScript will throw an error in user applications.\"\n                },\n                \"complexType\": {\n                    \"original\": \"BreadcrumbCollapsedClickEventDetail\",\n                    \"resolved\": \"BreadcrumbCollapsedClickEventDetail\",\n                    \"references\": {\n                        \"BreadcrumbCollapsedClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./breadcrumb-interface\",\n                            \"id\": \"src/components/breadcrumb/breadcrumb-interface.ts::BreadcrumbCollapsedClickEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n}\n"],"mappings":"2NAAA,MAAMA,EAAmB,ynHACzB,MAAAC,EAAeD,ECDf,MAAME,EAAkB,uyGACxB,MAAAC,EAAeD,E,MCcFE,EAAU,MACnB,WAAAC,CAAAC,G,6HACIC,KAAKC,oBAAsB,GAC3BD,KAAKE,QAAU,KACXF,KAAKG,SAASC,MAAM,EAExBJ,KAAKK,OAAS,KACVL,KAAKM,QAAQF,MAAM,EAEvBJ,KAAKO,wBAA0B,KAC3BP,KAAKQ,eAAeJ,KAAK,CAAEK,gBAAiBT,KAAKU,cAAe,EAEpEV,KAAKW,UAAY,MACjBX,KAAKY,KAAOC,UACZb,KAAKc,uBAAyBD,UAC9Bb,KAAKe,MAAQF,UACbb,KAAKgB,OAAS,MACdhB,KAAKiB,SAAW,MAChBjB,KAAKkB,SAAWL,UAChBb,KAAKmB,KAAON,UACZb,KAAKoB,IAAMP,UACXb,KAAKqB,UAAYR,UACjBb,KAAKsB,OAAST,UACdb,KAAKuB,gBAAkB,UACvBvB,KAAKwB,gBAAkBX,S,CAE3B,iBAAAY,GACIzB,KAAKC,oBAAsByB,EAAsB1B,KAAK2B,G,CAE1D,WAAAC,GACI,OAAO5B,KAAKmB,OAASN,S,CAEzB,MAAAgB,GACI,MAAMd,MAAEA,EAAKC,OAAEA,EAAML,UAAEA,EAASM,SAAEA,EAAQC,SAAEA,EAAQS,GAAEA,EAAE1B,oBAAEA,EAAmBW,KAAEA,EAAIY,gBAAEA,EAAeD,gBAAEA,EAAeF,UAAEA,EAASP,uBAAEA,EAAsBQ,OAAEA,GAAYtB,KACtK,MAAM8B,EAAY9B,KAAK4B,cACvB,MAAMG,EAAU/B,KAAKmB,OAASN,UAAY,OAAS,IAGnD,MAAMM,EAAOF,EAAWJ,UAAYb,KAAKmB,KACzC,MAAMa,EAAOC,EAAWjC,MACxB,MAAMkC,EAAQH,IAAY,OACpB,GACA,CACEb,WACAC,OACAG,UAKR,MAAMa,EAAgBvB,EAAO,MAAQD,EAAaG,IAA2BF,EAAO,KAAO,MAASS,EACpG,OAAQe,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,QAAUC,GAAOC,EAAQtB,EAAMqB,EAAIjB,EAAiBC,GAAkB,gBAAiBP,EAAW,OAAS,KAAMyB,MAAOC,EAAmB5B,EAAO,CAC7MiB,CAACA,GAAO,KACR,oBAAqBhB,EACrB,uBAAwBL,EACxB,sBAAuBM,EACvB,uBAAwB2B,EAAY,yBAA0BjB,GAC9D,aAAciB,EAAY,cAAe5C,KAAK2B,IAC9C,mBAAoBiB,EAAY,qBAAsB5C,KAAK2B,IAC3D,kBAAmBG,EACnB,gBAAiBA,KACfM,EAAEL,EAASc,OAAOC,OAAO,CAAER,IAAK,4CAA8CJ,EAAO,CAAEQ,MAAO,oBAAqBK,KAAM,SAAU9B,SAAUA,EAAUf,QAASF,KAAKE,QAASG,OAAQL,KAAKK,QAAUJ,GAAsBmC,EAAE,OAAQ,CAAEE,IAAK,2CAA4CU,KAAM,UAAYZ,EAAE,OAAQ,CAAEE,IAAK,6CAA+CF,EAAE,OAAQ,CAAEE,IAAK,2CAA4CU,KAAM,SAAWlC,GAA2BsB,EAAE,SAAU,CAAEE,IAAK,2CAA4CS,KAAM,sBAAuB,aAAc,wBAAyBR,QAAS,IAAMvC,KAAKO,0BAA2B0C,IAAMC,GAAiBlD,KAAKU,aAAewC,EAAcR,MAAO,CACvsB,kCAAmC,OAClCN,EAAE,WAAY,CAAEE,IAAK,2CAA4C,cAAe,OAAQa,KAAMC,EAAoBC,KAAM,SAAYlB,GAM7IC,EAAE,OAAQ,CAAEE,IAAK,2CAA4CI,MAAO,uBAAwBK,KAAM,YAAa,cAAe,QAAUX,EAAE,OAAQ,CAAEE,IAAK,2CAA4CU,KAAM,aAAehB,IAAS,MAASI,EAAE,WAAY,CAAEe,KAAMG,EAAuBD,KAAM,MAAO,WAAY,OAAYjB,EAAE,OAAQ,KAAM,O","ignoreList":[]}

package/dist/elements/p-14bf4c7a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,i,h as e,H as s,e as n}from"./p-97889672.js";import{e as r}from"./p-3f316fc4.js";import{g as o}from"./p-ebe1c8ca.js";const d=":host{display:block;object-fit:contain}img{display:block;width:100%;height:100%;object-fit:inherit;object-position:inherit}";const h=d;const a=class{constructor(e){t(this,e);this.ionImgWillLoad=i(this,"ionImgWillLoad",7);this.ionImgDidLoad=i(this,"ionImgDidLoad",7);this.ionError=i(this,"ionError",7);this.inheritedAttributes={};this.onLoad=()=>{this.ionImgDidLoad.emit()};this.onError=()=>{this.ionError.emit()};this.loadSrc=undefined;this.loadError=undefined;this.alt=undefined;this.src=undefined}srcChanged(){this.addIO()}componentWillLoad(){this.inheritedAttributes=r(this.el,["draggable"])}componentDidLoad(){this.addIO()}addIO(){if(this.src===undefined){return}if(typeof window!=="undefined"&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype){this.removeIO();this.io=new IntersectionObserver((t=>{if(t[t.length-1].isIntersecting){this.load();this.removeIO()}}));this.io.observe(this.el)}else{setTimeout((()=>this.load()),200)}}load(){this.loadError=this.onError;this.loadSrc=this.src;this.ionImgWillLoad.emit()}removeIO(){if(this.io){this.io.disconnect();this.io=undefined}}render(){const{loadSrc:t,alt:i,onLoad:n,loadError:r,inheritedAttributes:d}=this;const{draggable:h}=d;return e(s,{key:"efff4d1bd0e54dbeff140c137eb50b803a9f6f60",class:o(this)},e("img",{key:"3a1e0276ae67a7e40ec8c4ecd0061634573b2094",decoding:"async",src:t,alt:i,onLoad:n,onError:r,part:"image",draggable:c(h)}))}get el(){return n(this)}static get watchers(){return{src:["srcChanged"]}}};const c=t=>{switch(t){case"true":return true;case"false":return false;default:return undefined}};a.style=h;export{a as ion_img};
+//# sourceMappingURL=p-14bf4c7a.entry.js.map

package/dist/elements/{p-66a58eb0.entry.js.map → p-14bf4c7a.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["imgCss","IonImgStyle0","Img","constructor","hostRef","this","inheritedAttributes","onLoad","ionImgDidLoad","emit","onError","ionError","loadSrc","undefined","loadError","alt","src","srcChanged","addIO","componentWillLoad","inheritAttributes","el","componentDidLoad","window","IntersectionObserverEntry","prototype","removeIO","io","IntersectionObserver","data","length","isIntersecting","load","observe","setTimeout","ionImgWillLoad","disconnect","render","draggable","h","Host","key","class","getIonMode","decoding","part","isDraggable"],"sources":["../node_modules/@ionic/core/dist/collection/components/img/img.css?tag=ion-img&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/img/img.js"],"sourcesContent":[":host {\n  display: block;\n  object-fit: contain;\n}\n\nimg {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: inherit;\n  object-position: inherit;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { inheritAttributes } from \"../../utils/helpers\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @part image - The inner `img` element.\n */\nexport class Img {\n    constructor() {\n        this.inheritedAttributes = {};\n        this.onLoad = () => {\n            this.ionImgDidLoad.emit();\n        };\n        this.onError = () => {\n            this.ionError.emit();\n        };\n        this.loadSrc = undefined;\n        this.loadError = undefined;\n        this.alt = undefined;\n        this.src = undefined;\n    }\n    srcChanged() {\n        this.addIO();\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAttributes(this.el, ['draggable']);\n    }\n    componentDidLoad() {\n        this.addIO();\n    }\n    addIO() {\n        if (this.src === undefined) {\n            return;\n        }\n        if (typeof window !== 'undefined' &&\n            'IntersectionObserver' in window &&\n            'IntersectionObserverEntry' in window &&\n            'isIntersecting' in window.IntersectionObserverEntry.prototype) {\n            this.removeIO();\n            this.io = new IntersectionObserver((data) => {\n                /**\n                 * On slower devices, it is possible for an intersection observer entry to contain multiple\n                 * objects in the array. This happens when quickly scrolling an image into view and then out of\n                 * view. In this case, the last object represents the current state of the component.\n                 */\n                if (data[data.length - 1].isIntersecting) {\n                    this.load();\n                    this.removeIO();\n                }\n            });\n            this.io.observe(this.el);\n        }\n        else {\n            // fall back to setTimeout for Safari and IE\n            setTimeout(() => this.load(), 200);\n        }\n    }\n    load() {\n        this.loadError = this.onError;\n        this.loadSrc = this.src;\n        this.ionImgWillLoad.emit();\n    }\n    removeIO() {\n        if (this.io) {\n            this.io.disconnect();\n            this.io = undefined;\n        }\n    }\n    render() {\n        const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;\n        const { draggable } = inheritedAttributes;\n        return (h(Host, { key: 'efff4d1bd0e54dbeff140c137eb50b803a9f6f60', class: getIonMode(this) }, h(\"img\", { key: '3a1e0276ae67a7e40ec8c4ecd0061634573b2094', decoding: \"async\", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: \"image\", draggable: isDraggable(draggable) })));\n    }\n    static get is() { return \"ion-img\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"img.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"img.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"alt\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute defines the alternative text describing the image.\\nUsers will see this text displayed if the image URL is wrong,\\nthe image is not in one of the supported formats, or if the image is not yet downloaded.\"\n                },\n                \"attribute\": \"alt\",\n                \"reflect\": false\n            },\n            \"src\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The image URL. This attribute is mandatory for the `<img>` element.\"\n                },\n                \"attribute\": \"src\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"loadSrc\": {},\n            \"loadError\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionImgWillLoad\",\n                \"name\": \"ionImgWillLoad\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the img src has been set\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionImgDidLoad\",\n                \"name\": \"ionImgDidLoad\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the image has finished loading\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionError\",\n                \"name\": \"ionError\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the img fails to load\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"src\",\n                \"methodName\": \"srcChanged\"\n            }];\n    }\n}\n/**\n * Enumerated strings must be set as booleans\n * as Stencil will not render 'false' in the DOM.\n * The need to explicitly render draggable=\"true\"\n * as only certain elements are draggable by default.\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable.\n */\nconst isDraggable = (draggable) => {\n    switch (draggable) {\n        case 'true':\n            return true;\n        case 'false':\n            return false;\n        default:\n            return undefined;\n    }\n};\n"],"mappings":"wIAAA,MAAMA,EAAS,8HACf,MAAAC,EAAeD,E,MCQFE,EAAG,MACZ,WAAAC,CAAAC,G,yIACIC,KAAKC,oBAAsB,GAC3BD,KAAKE,OAAS,KACVF,KAAKG,cAAcC,MAAM,EAE7BJ,KAAKK,QAAU,KACXL,KAAKM,SAASF,MAAM,EAExBJ,KAAKO,QAAUC,UACfR,KAAKS,UAAYD,UACjBR,KAAKU,IAAMF,UACXR,KAAKW,IAAMH,S,CAEf,UAAAI,GACIZ,KAAKa,O,CAET,iBAAAC,GACId,KAAKC,oBAAsBc,EAAkBf,KAAKgB,GAAI,CAAC,a,CAE3D,gBAAAC,GACIjB,KAAKa,O,CAET,KAAAA,GACI,GAAIb,KAAKW,MAAQH,UAAW,CACxB,M,CAEJ,UAAWU,SAAW,aAClB,yBAA0BA,QAC1B,8BAA+BA,QAC/B,mBAAoBA,OAAOC,0BAA0BC,UAAW,CAChEpB,KAAKqB,WACLrB,KAAKsB,GAAK,IAAIC,sBAAsBC,IAMhC,GAAIA,EAAKA,EAAKC,OAAS,GAAGC,eAAgB,CACtC1B,KAAK2B,OACL3B,KAAKqB,U,KAGbrB,KAAKsB,GAAGM,QAAQ5B,KAAKgB,G,KAEpB,CAEDa,YAAW,IAAM7B,KAAK2B,QAAQ,I,EAGtC,IAAAA,GACI3B,KAAKS,UAAYT,KAAKK,QACtBL,KAAKO,QAAUP,KAAKW,IACpBX,KAAK8B,eAAe1B,M,CAExB,QAAAiB,GACI,GAAIrB,KAAKsB,GAAI,CACTtB,KAAKsB,GAAGS,aACR/B,KAAKsB,GAAKd,S,EAGlB,MAAAwB,GACI,MAAMzB,QAAEA,EAAOG,IAAEA,EAAGR,OAAEA,EAAMO,UAAEA,EAASR,oBAAEA,GAAwBD,KACjE,MAAMiC,UAAEA,GAAchC,EACtB,OAAQiC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAOC,EAAWtC,OAASkC,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,SAAU,QAAS5B,IAAKJ,EAASG,IAAKA,EAAKR,OAAQA,EAAQG,QAASI,EAAW+B,KAAM,QAASP,UAAWQ,EAAYR,K,4EAyHvR,MAAMQ,EAAeR,IACjB,OAAQA,GACJ,IAAK,OACD,OAAO,KACX,IAAK,QACD,OAAO,MACX,QACI,OAAOzB,U","ignoreList":[]}
+{"version":3,"names":["imgCss","IonImgStyle0","Img","constructor","hostRef","this","inheritedAttributes","onLoad","ionImgDidLoad","emit","onError","ionError","loadSrc","undefined","loadError","alt","src","srcChanged","addIO","componentWillLoad","inheritAttributes","el","componentDidLoad","window","IntersectionObserverEntry","prototype","removeIO","io","IntersectionObserver","data","length","isIntersecting","load","observe","setTimeout","ionImgWillLoad","disconnect","render","draggable","h","Host","key","class","getIonMode","decoding","part","isDraggable"],"sources":["../node_modules/@ionic/core/dist/collection/components/img/img.css?tag=ion-img&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/img/img.js"],"sourcesContent":[":host {\n  display: block;\n  object-fit: contain;\n}\n\nimg {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: inherit;\n  object-position: inherit;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { inheritAttributes } from \"../../utils/helpers\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @part image - The inner `img` element.\n */\nexport class Img {\n    constructor() {\n        this.inheritedAttributes = {};\n        this.onLoad = () => {\n            this.ionImgDidLoad.emit();\n        };\n        this.onError = () => {\n            this.ionError.emit();\n        };\n        this.loadSrc = undefined;\n        this.loadError = undefined;\n        this.alt = undefined;\n        this.src = undefined;\n    }\n    srcChanged() {\n        this.addIO();\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAttributes(this.el, ['draggable']);\n    }\n    componentDidLoad() {\n        this.addIO();\n    }\n    addIO() {\n        if (this.src === undefined) {\n            return;\n        }\n        if (typeof window !== 'undefined' &&\n            'IntersectionObserver' in window &&\n            'IntersectionObserverEntry' in window &&\n            'isIntersecting' in window.IntersectionObserverEntry.prototype) {\n            this.removeIO();\n            this.io = new IntersectionObserver((data) => {\n                /**\n                 * On slower devices, it is possible for an intersection observer entry to contain multiple\n                 * objects in the array. This happens when quickly scrolling an image into view and then out of\n                 * view. In this case, the last object represents the current state of the component.\n                 */\n                if (data[data.length - 1].isIntersecting) {\n                    this.load();\n                    this.removeIO();\n                }\n            });\n            this.io.observe(this.el);\n        }\n        else {\n            // fall back to setTimeout for Safari and IE\n            setTimeout(() => this.load(), 200);\n        }\n    }\n    load() {\n        this.loadError = this.onError;\n        this.loadSrc = this.src;\n        this.ionImgWillLoad.emit();\n    }\n    removeIO() {\n        if (this.io) {\n            this.io.disconnect();\n            this.io = undefined;\n        }\n    }\n    render() {\n        const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;\n        const { draggable } = inheritedAttributes;\n        return (h(Host, { key: 'efff4d1bd0e54dbeff140c137eb50b803a9f6f60', class: getIonMode(this) }, h(\"img\", { key: '3a1e0276ae67a7e40ec8c4ecd0061634573b2094', decoding: \"async\", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: \"image\", draggable: isDraggable(draggable) })));\n    }\n    static get is() { return \"ion-img\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"img.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"img.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"alt\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute defines the alternative text describing the image.\\nUsers will see this text displayed if the image URL is wrong,\\nthe image is not in one of the supported formats, or if the image is not yet downloaded.\"\n                },\n                \"attribute\": \"alt\",\n                \"reflect\": false\n            },\n            \"src\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The image URL. This attribute is mandatory for the `<img>` element.\"\n                },\n                \"attribute\": \"src\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"loadSrc\": {},\n            \"loadError\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionImgWillLoad\",\n                \"name\": \"ionImgWillLoad\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the img src has been set\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionImgDidLoad\",\n                \"name\": \"ionImgDidLoad\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the image has finished loading\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionError\",\n                \"name\": \"ionError\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the img fails to load\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"src\",\n                \"methodName\": \"srcChanged\"\n            }];\n    }\n}\n/**\n * Enumerated strings must be set as booleans\n * as Stencil will not render 'false' in the DOM.\n * The need to explicitly render draggable=\"true\"\n * as only certain elements are draggable by default.\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable.\n */\nconst isDraggable = (draggable) => {\n    switch (draggable) {\n        case 'true':\n            return true;\n        case 'false':\n            return false;\n        default:\n            return undefined;\n    }\n};\n"],"mappings":"mIAAA,MAAMA,EAAS,8HACf,MAAAC,EAAeD,E,MCQFE,EAAG,MACZ,WAAAC,CAAAC,G,yIACIC,KAAKC,oBAAsB,GAC3BD,KAAKE,OAAS,KACVF,KAAKG,cAAcC,MAAM,EAE7BJ,KAAKK,QAAU,KACXL,KAAKM,SAASF,MAAM,EAExBJ,KAAKO,QAAUC,UACfR,KAAKS,UAAYD,UACjBR,KAAKU,IAAMF,UACXR,KAAKW,IAAMH,S,CAEf,UAAAI,GACIZ,KAAKa,O,CAET,iBAAAC,GACId,KAAKC,oBAAsBc,EAAkBf,KAAKgB,GAAI,CAAC,a,CAE3D,gBAAAC,GACIjB,KAAKa,O,CAET,KAAAA,GACI,GAAIb,KAAKW,MAAQH,UAAW,CACxB,M,CAEJ,UAAWU,SAAW,aAClB,yBAA0BA,QAC1B,8BAA+BA,QAC/B,mBAAoBA,OAAOC,0BAA0BC,UAAW,CAChEpB,KAAKqB,WACLrB,KAAKsB,GAAK,IAAIC,sBAAsBC,IAMhC,GAAIA,EAAKA,EAAKC,OAAS,GAAGC,eAAgB,CACtC1B,KAAK2B,OACL3B,KAAKqB,U,KAGbrB,KAAKsB,GAAGM,QAAQ5B,KAAKgB,G,KAEpB,CAEDa,YAAW,IAAM7B,KAAK2B,QAAQ,I,EAGtC,IAAAA,GACI3B,KAAKS,UAAYT,KAAKK,QACtBL,KAAKO,QAAUP,KAAKW,IACpBX,KAAK8B,eAAe1B,M,CAExB,QAAAiB,GACI,GAAIrB,KAAKsB,GAAI,CACTtB,KAAKsB,GAAGS,aACR/B,KAAKsB,GAAKd,S,EAGlB,MAAAwB,GACI,MAAMzB,QAAEA,EAAOG,IAAEA,EAAGR,OAAEA,EAAMO,UAAEA,EAASR,oBAAEA,GAAwBD,KACjE,MAAMiC,UAAEA,GAAchC,EACtB,OAAQiC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAOC,EAAWtC,OAASkC,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,SAAU,QAAS5B,IAAKJ,EAASG,IAAKA,EAAKR,OAAQA,EAAQG,QAASI,EAAW+B,KAAM,QAASP,UAAWQ,EAAYR,K,4EAyHvR,MAAMQ,EAAeR,IACjB,OAAQA,GACJ,IAAK,OACD,OAAO,KACX,IAAK,QACD,OAAO,MACX,QACI,OAAOzB,U","ignoreList":[]}

package/dist/elements/{p-a507d627.entry.js → p-151d1ec8.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,i as o,h as r}from"./p-42169e41.js";import{s as a}from"./p-f6671856.js";const l=":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\n}\n\ndt {\n  margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n  background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n  background-color: var(--background-color-even);\n}\n\n.predicate-values {\n  display: flex;\n  flex-direction: column;\n  border: var(--size-px) solid var(--border-color);\n  padding: var(--size-2);\n  gap: var(--size-1);\n\n  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n";const s=l;const c=class{constructor(r){n(this,r);this.subscribeResource=o(this,"pod-os:resource",7);this.data=[];this.receiveResource=n=>{this.data=n.relations()}}componentWillLoad(){a(this)}render(){const n=this.data.map((n=>r("div",{class:"predicate-values"},r("dt",null,r("pos-predicate",{uri:n.predicate,label:n.label})),r("div",{class:"values"},n.uris.map((n=>r("dd",null,r("pos-rich-link",{uri:n}))))))));return this.data.length>0?r("dl",null,n):null}};c.style=s;const e=":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\n}\n\ndt {\n  margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n  background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n  background-color: var(--background-color-even);\n}\n\n.predicate-values {\n  display: flex;\n  flex-direction: column;\n  border: var(--size-px) solid var(--border-color);\n  padding: var(--size-2);\n  gap: var(--size-1);\n  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n";const d=e;const i=class{constructor(r){n(this,r);this.subscribeResource=o(this,"pod-os:resource",7);this.data=[];this.receiveResource=n=>{this.data=n.reverseRelations()}}componentWillLoad(){a(this)}render(){const n=this.data.map((n=>r("div",{class:"predicate-values"},r("dt",null,r("pos-predicate",{uri:n.predicate,label:`is ${n.label} of`})),r("div",{class:"values"},n.uris.map((n=>r("dd",null,r("pos-rich-link",{uri:n}))))))));return this.data.length>0?r("dl",null,n):null}};i.style=d;export{c as pos_relations,i as pos_reverse_relations};
-//# sourceMappingURL=p-a507d627.entry.js.map
+import{r as n,i as o,h as r}from"./p-97889672.js";import{s as a}from"./p-f6671856.js";const l=":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\n}\n\ndt {\n  margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n  background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n  background-color: var(--background-color-even);\n}\n\n.predicate-values {\n  display: flex;\n  flex-direction: column;\n  border: var(--size-px) solid var(--border-color);\n  padding: var(--size-2);\n  gap: var(--size-1);\n\n  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n";const s=l;const c=class{constructor(r){n(this,r);this.subscribeResource=o(this,"pod-os:resource",7);this.data=[];this.receiveResource=n=>{this.data=n.relations()}}componentWillLoad(){a(this)}render(){const n=this.data.map((n=>r("div",{class:"predicate-values"},r("dt",null,r("pos-predicate",{uri:n.predicate,label:n.label})),r("div",{class:"values"},n.uris.map((n=>r("dd",null,r("pos-rich-link",{uri:n}))))))));return this.data.length>0?r("dl",null,n):null}};c.style=s;const e=":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\ndd {\n  padding: 0;\n  margin: 0;\n}\n\ndl {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  padding: 0;\n  margin: 0;\n}\n\ndt {\n  margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n  background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n  background-color: var(--background-color-even);\n}\n\n.predicate-values {\n  display: flex;\n  flex-direction: column;\n  border: var(--size-px) solid var(--border-color);\n  padding: var(--size-2);\n  gap: var(--size-1);\n  .values {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-3);\n  }\n}\n\npos-rich-link {\n  --background-color: inherit;\n}\n";const d=e;const i=class{constructor(r){n(this,r);this.subscribeResource=o(this,"pod-os:resource",7);this.data=[];this.receiveResource=n=>{this.data=n.reverseRelations()}}componentWillLoad(){a(this)}render(){const n=this.data.map((n=>r("div",{class:"predicate-values"},r("dt",null,r("pos-predicate",{uri:n.predicate,label:`is ${n.label} of`})),r("div",{class:"values"},n.uris.map((n=>r("dd",null,r("pos-rich-link",{uri:n}))))))));return this.data.length>0?r("dl",null,n):null}};i.style=d;export{c as pos_relations,i as pos_reverse_relations};
+//# sourceMappingURL=p-151d1ec8.entry.js.map

package/dist/elements/{p-89aef852.js → p-1930ffd5.js}

@@ -1,5 +1,5 @@
-import{d as t}from"./p-7efd6867.js";import{u as e,v as n}from"./p-71ee259b.js";
+import{d as t}from"./p-7efd6867.js";import{u as e,v as n}from"./p-3f316fc4.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */const o=o=>{if(t===undefined){return}let d=-a*10;let l=0;let p;let m;let h;const v=o.getBoolean("animated",true)&&o.getBoolean("rippleEffect",true);const w=new WeakMap;const T=t=>{d=e(t);E(t)};const b=t=>{d=e(t);k(t)};const j=t=>{if(t.button===2){return}const n=e(t)-a;if(d<n){E(t)}};const x=t=>{const n=e(t)-a;if(d<n){k(t)}};const D=()=>{if(h)clearTimeout(h);h=undefined;if(p){M(false);p=undefined}};const E=t=>{if(p){return}y(i(t),t)};const k=t=>{y(undefined,t)};const y=(t,e)=>{if(t&&t===p){return}if(h)clearTimeout(h);h=undefined;const{x:o,y:i}=n(e);if(p){if(w.has(p)){throw new Error("internal error")}if(!p.classList.contains(s)){C(p,o,i)}M(true)}if(t){const e=w.get(t);if(e){clearTimeout(e);w.delete(t)}t.classList.remove(s);const n=()=>{C(t,o,i);h=undefined};if(r(t)){n()}else{h=setTimeout(n,f)}}p=t};const C=(t,e,n)=>{l=Date.now();t.classList.add(s);if(!v)return;const o=c(t);if(o!==null){G();m=o.addRipple(e,n)}};const G=()=>{if(m!==undefined){m.then((t=>t()));m=undefined}};const M=t=>{G();const e=p;if(!e){return}const n=u-Date.now()+l;if(t&&n>0&&!r(e)){const t=setTimeout((()=>{e.classList.remove(s);w.delete(e)}),u);w.set(e,t)}else{e.classList.remove(s)}};t.addEventListener("ionGestureCaptured",D);t.addEventListener("touchstart",T,true);t.addEventListener("touchcancel",b,true);t.addEventListener("touchend",b,true);t.addEventListener("pointercancel",D,true);t.addEventListener("mousedown",j,true);t.addEventListener("mouseup",x,true)};const i=t=>{if(t.composedPath!==undefined){const e=t.composedPath();for(let t=0;t<e.length-2;t++){const n=e[t];if(!(n instanceof ShadowRoot)&&n.classList.contains("ion-activatable")){return n}}}else{return t.target.closest(".ion-activatable")}};const r=t=>t.classList.contains("ion-activatable-instant");const c=t=>{if(t.shadowRoot){const e=t.shadowRoot.querySelector("ion-ripple-effect");if(e){return e}}return t.querySelector("ion-ripple-effect")};const s="ion-activated";const f=100;const u=150;const a=2500;export{o as startTapClick};
-//# sourceMappingURL=p-89aef852.js.map
+//# sourceMappingURL=p-1930ffd5.js.map

package/dist/elements/{p-aa7d93f1.entry.js → p-1a1222a3.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,i as t,h as i,e}from"./p-42169e41.js";import{s as h}from"./p-f6671856.js";const o=class{constructor(i){s(this,i);this.subscribeResource=t(this,"pod-os:resource",7);this.fetch=false;this.error=null;this.items=[];this.receiveResource=s=>{this.items=[];if(this.rel)this.items=s.relations(this.rel).flatMap((s=>s.uris))}}componentWillLoad(){h(this);const s=this.host.querySelector("template");if(s==null){this.error="No template element found"}else{this.templateString=s.innerHTML}}render(){if(this.error)return this.error;const s=this.items.map((s=>i("pos-resource",{uri:s,lazy:!this.fetch,innerHTML:this.templateString,about:s})));return this.items.length>0?s:null}get host(){return e(this)}};export{o as pos_list};
-//# sourceMappingURL=p-aa7d93f1.entry.js.map
+import{r as s,i as t,h as i,e}from"./p-97889672.js";import{s as h}from"./p-f6671856.js";const o=class{constructor(i){s(this,i);this.subscribeResource=t(this,"pod-os:resource",7);this.fetch=false;this.error=null;this.items=[];this.receiveResource=s=>{this.items=[];if(this.rel)this.items=s.relations(this.rel).flatMap((s=>s.uris))}}componentWillLoad(){h(this);const s=this.host.querySelector("template");if(s==null){this.error="No template element found"}else{this.templateString=s.innerHTML}}render(){if(this.error)return this.error;const s=this.items.map((s=>i("pos-resource",{uri:s,lazy:!this.fetch,innerHTML:this.templateString,about:s})));return this.items.length>0?s:null}get host(){return e(this)}};export{o as pos_list};
+//# sourceMappingURL=p-1a1222a3.entry.js.map

package/dist/elements/{p-4dd65d40.entry.js → p-1e05efd7.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as o,e as n}from"./p-42169e41.js";import{r as i,b as s,e as a,g as c,t as d}from"./p-71ee259b.js";import{e as r}from"./p-0ee8b7a7.js";import{c as h,g as l}from"./p-da0d920d.js";const f=":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";const u=f;const p=":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{transition:none !important}}";const m=p;const b=class{constructor(e){t(this,e);this.updateListener=()=>this.updateState(false);this.setItemDefaults=()=>{const t=this.getSlottedHeaderIonItem();if(!t){return}t.button=true;t.detail=false;if(t.lines===undefined){t.lines="full"}};this.getSlottedHeaderIonItem=()=>{const{headerEl:t}=this;if(!t){return}const e=t.querySelector("slot");if(!e){return}if(e.assignedElements===undefined)return;return e.assignedElements().find((t=>t.tagName==="ION-ITEM"))};this.setAria=(t=false)=>{const e=this.getSlottedHeaderIonItem();if(!e){return}const o=c(e);const n=o.querySelector("button");if(!n){return}n.setAttribute("aria-expanded",`${t}`)};this.slotToggleIcon=()=>{const t=this.getSlottedHeaderIonItem();if(!t){return}const{toggleIconSlot:e,toggleIcon:o}=this;const n=t.querySelector(".ion-accordion-toggle-icon");if(n){return}const i=document.createElement("ion-icon");i.slot=e;i.lazy=false;i.classList.add("ion-accordion-toggle-icon");i.icon=o;i.setAttribute("aria-hidden","true");t.appendChild(i)};this.expandAccordion=(t=false)=>{const{contentEl:e,contentElWrapper:o}=this;if(t||e===undefined||o===undefined){this.state=4;return}if(this.state===4){return}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){i((()=>{this.state=8;this.currentRaf=i((async()=>{const t=o.offsetHeight;const n=d(e,2e3);e.style.setProperty("max-height",`${t}px`);await n;this.state=4;e.style.removeProperty("max-height")}))}))}else{this.state=4}};this.collapseAccordion=(t=false)=>{const{contentEl:e}=this;if(t||e===undefined){this.state=1;return}if(this.state===1){return}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){this.currentRaf=i((async()=>{const t=e.offsetHeight;e.style.setProperty("max-height",`${t}px`);i((async()=>{const t=d(e,2e3);this.state=2;await t;this.state=1;e.style.removeProperty("max-height")}))}))}else{this.state=1}};this.shouldAnimate=()=>{if(typeof window==="undefined"){return false}const t=matchMedia("(prefers-reduced-motion: reduce)").matches;if(t){return false}const e=h.get("animated",true);if(!e){return false}if(this.accordionGroupEl&&!this.accordionGroupEl.animated){return false}return true};this.updateState=async(t=false)=>{const e=this.accordionGroupEl;const o=this.value;if(!e){return}const n=e.value;const i=Array.isArray(n)?n.includes(o):n===o;if(i){this.expandAccordion(t);this.isNext=this.isPrevious=false}else{this.collapseAccordion(t);const e=this.getNextSibling();const o=e===null||e===void 0?void 0:e.value;if(o!==undefined){this.isPrevious=Array.isArray(n)?n.includes(o):n===o}const i=this.getPreviousSibling();const s=i===null||i===void 0?void 0:i.value;if(s!==undefined){this.isNext=Array.isArray(n)?n.includes(s):n===s}}};this.getNextSibling=()=>{if(!this.el){return}const t=this.el.nextElementSibling;if((t===null||t===void 0?void 0:t.tagName)!=="ION-ACCORDION"){return}return t};this.getPreviousSibling=()=>{if(!this.el){return}const t=this.el.previousElementSibling;if((t===null||t===void 0?void 0:t.tagName)!=="ION-ACCORDION"){return}return t};this.state=1;this.isNext=false;this.isPrevious=false;this.value=`ion-accordion-${g++}`;this.disabled=false;this.readonly=false;this.toggleIcon=r;this.toggleIconSlot="end"}valueChanged(){this.updateState()}connectedCallback(){var t;const e=this.accordionGroupEl=(t=this.el)===null||t===void 0?void 0:t.closest("ion-accordion-group");if(e){this.updateState(true);s(e,"ionValueChange",this.updateListener)}}disconnectedCallback(){const t=this.accordionGroupEl;if(t){a(t,"ionValueChange",this.updateListener)}}componentDidLoad(){this.setItemDefaults();this.slotToggleIcon();i((()=>{const t=this.state===4||this.state===8;this.setAria(t)}))}toggleExpanded(){const{accordionGroupEl:t,disabled:e,readonly:o,value:n,state:i}=this;if(e||o)return;if(t){const e=i===1||i===2;t.requestAccordionToggle(n,e)}}render(){const{disabled:t,readonly:n}=this;const i=l(this);const s=this.state===4||this.state===8;const a=s?"header expanded":"header";const c=s?"content expanded":"content";this.setAria(s);return e(o,{key:"073e1d02c18dcbc20c68648426e87c14750c031d",class:{[i]:true,"accordion-expanding":this.state===8,"accordion-expanded":this.state===4,"accordion-collapsing":this.state===2,"accordion-collapsed":this.state===1,"accordion-next":this.isNext,"accordion-previous":this.isPrevious,"accordion-disabled":t,"accordion-readonly":n,"accordion-animated":this.shouldAnimate()}},e("div",{key:"9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc",onClick:()=>this.toggleExpanded(),id:"header",part:a,"aria-controls":"content",ref:t=>this.headerEl=t},e("slot",{key:"464c32a37f64655eacf4218284214f5f30b14a1e",name:"header"})),e("div",{key:"8bb52e6a62d7de0106b253201a89a32e79d9a594",id:"content",part:c,role:"region","aria-labelledby":"header",ref:t=>this.contentEl=t},e("div",{key:"1d9dfd952ad493754aaeea7a8f625b33c2dd90a0",id:"content-wrapper",ref:t=>this.contentElWrapper=t},e("slot",{key:"970dfbc55a612d739d0ca3b7b1a08e5c96d0c479",name:"content"}))))}static get delegatesFocus(){return true}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};let g=0;b.style={ios:u,md:m};export{b as ion_accordion};
-//# sourceMappingURL=p-4dd65d40.entry.js.map
+import{r as t,h as e,H as o,e as n}from"./p-97889672.js";import{r as i,b as s,d as a,g as c,t as r}from"./p-3f316fc4.js";import{c as d}from"./p-acfa402f.js";import{c as h,g as l}from"./p-ebe1c8ca.js";const f=":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";const u=f;const p=":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{transition:none !important}}";const m=p;const b=class{constructor(e){t(this,e);this.updateListener=()=>this.updateState(false);this.setItemDefaults=()=>{const t=this.getSlottedHeaderIonItem();if(!t){return}t.button=true;t.detail=false;if(t.lines===undefined){t.lines="full"}};this.getSlottedHeaderIonItem=()=>{const{headerEl:t}=this;if(!t){return}const e=t.querySelector("slot");if(!e){return}if(e.assignedElements===undefined)return;return e.assignedElements().find((t=>t.tagName==="ION-ITEM"))};this.setAria=(t=false)=>{const e=this.getSlottedHeaderIonItem();if(!e){return}const o=c(e);const n=o.querySelector("button");if(!n){return}n.setAttribute("aria-expanded",`${t}`)};this.slotToggleIcon=()=>{const t=this.getSlottedHeaderIonItem();if(!t){return}const{toggleIconSlot:e,toggleIcon:o}=this;const n=t.querySelector(".ion-accordion-toggle-icon");if(n){return}const i=document.createElement("ion-icon");i.slot=e;i.lazy=false;i.classList.add("ion-accordion-toggle-icon");i.icon=o;i.setAttribute("aria-hidden","true");t.appendChild(i)};this.expandAccordion=(t=false)=>{const{contentEl:e,contentElWrapper:o}=this;if(t||e===undefined||o===undefined){this.state=4;return}if(this.state===4){return}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){i((()=>{this.state=8;this.currentRaf=i((async()=>{const t=o.offsetHeight;const n=r(e,2e3);e.style.setProperty("max-height",`${t}px`);await n;this.state=4;e.style.removeProperty("max-height")}))}))}else{this.state=4}};this.collapseAccordion=(t=false)=>{const{contentEl:e}=this;if(t||e===undefined){this.state=1;return}if(this.state===1){return}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){this.currentRaf=i((async()=>{const t=e.offsetHeight;e.style.setProperty("max-height",`${t}px`);i((async()=>{const t=r(e,2e3);this.state=2;await t;this.state=1;e.style.removeProperty("max-height")}))}))}else{this.state=1}};this.shouldAnimate=()=>{if(typeof window==="undefined"){return false}const t=matchMedia("(prefers-reduced-motion: reduce)").matches;if(t){return false}const e=h.get("animated",true);if(!e){return false}if(this.accordionGroupEl&&!this.accordionGroupEl.animated){return false}return true};this.updateState=async(t=false)=>{const e=this.accordionGroupEl;const o=this.value;if(!e){return}const n=e.value;const i=Array.isArray(n)?n.includes(o):n===o;if(i){this.expandAccordion(t);this.isNext=this.isPrevious=false}else{this.collapseAccordion(t);const e=this.getNextSibling();const o=e===null||e===void 0?void 0:e.value;if(o!==undefined){this.isPrevious=Array.isArray(n)?n.includes(o):n===o}const i=this.getPreviousSibling();const s=i===null||i===void 0?void 0:i.value;if(s!==undefined){this.isNext=Array.isArray(n)?n.includes(s):n===s}}};this.getNextSibling=()=>{if(!this.el){return}const t=this.el.nextElementSibling;if((t===null||t===void 0?void 0:t.tagName)!=="ION-ACCORDION"){return}return t};this.getPreviousSibling=()=>{if(!this.el){return}const t=this.el.previousElementSibling;if((t===null||t===void 0?void 0:t.tagName)!=="ION-ACCORDION"){return}return t};this.state=1;this.isNext=false;this.isPrevious=false;this.value=`ion-accordion-${g++}`;this.disabled=false;this.readonly=false;this.toggleIcon=d;this.toggleIconSlot="end"}valueChanged(){this.updateState()}connectedCallback(){var t;const e=this.accordionGroupEl=(t=this.el)===null||t===void 0?void 0:t.closest("ion-accordion-group");if(e){this.updateState(true);s(e,"ionValueChange",this.updateListener)}}disconnectedCallback(){const t=this.accordionGroupEl;if(t){a(t,"ionValueChange",this.updateListener)}}componentDidLoad(){this.setItemDefaults();this.slotToggleIcon();i((()=>{const t=this.state===4||this.state===8;this.setAria(t)}))}toggleExpanded(){const{accordionGroupEl:t,disabled:e,readonly:o,value:n,state:i}=this;if(e||o)return;if(t){const e=i===1||i===2;t.requestAccordionToggle(n,e)}}render(){const{disabled:t,readonly:n}=this;const i=l(this);const s=this.state===4||this.state===8;const a=s?"header expanded":"header";const c=s?"content expanded":"content";this.setAria(s);return e(o,{key:"073e1d02c18dcbc20c68648426e87c14750c031d",class:{[i]:true,"accordion-expanding":this.state===8,"accordion-expanded":this.state===4,"accordion-collapsing":this.state===2,"accordion-collapsed":this.state===1,"accordion-next":this.isNext,"accordion-previous":this.isPrevious,"accordion-disabled":t,"accordion-readonly":n,"accordion-animated":this.shouldAnimate()}},e("div",{key:"9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc",onClick:()=>this.toggleExpanded(),id:"header",part:a,"aria-controls":"content",ref:t=>this.headerEl=t},e("slot",{key:"464c32a37f64655eacf4218284214f5f30b14a1e",name:"header"})),e("div",{key:"8bb52e6a62d7de0106b253201a89a32e79d9a594",id:"content",part:c,role:"region","aria-labelledby":"header",ref:t=>this.contentEl=t},e("div",{key:"1d9dfd952ad493754aaeea7a8f625b33c2dd90a0",id:"content-wrapper",ref:t=>this.contentElWrapper=t},e("slot",{key:"970dfbc55a612d739d0ca3b7b1a08e5c96d0c479",name:"content"}))))}static get delegatesFocus(){return true}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};let g=0;b.style={ios:u,md:m};export{b as ion_accordion};
+//# sourceMappingURL=p-1e05efd7.entry.js.map

package/dist/elements/{p-f50c3045.entry.js → p-1faf2d02.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,i,h as e,H as s,e as r}from"./p-42169e41.js";import{c as n}from"./p-71ee259b.js";import{b as o,c as p,a}from"./p-c8020dbc.js";import{g as h}from"./p-669fab6c.js";import{g as c}from"./p-da0d920d.js";import"./p-21b22219.js";import"./p-7efd6867.js";const l=".picker-col{display:flex;position:relative;flex:1;justify-content:center;height:100%;box-sizing:content-box;contain:content}.picker-opts{position:relative;flex:1;max-width:100%}.picker-opt{top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){left:unset;right:unset;right:0}}}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{justify-content:flex-start}.picker-opts-right{justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;flex:1;text-align:start;white-space:nowrap}.picker-col{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:0;padding-bottom:0;transform-style:preserve-3d}.picker-prefix,.picker-suffix,.picker-opts{top:77px;transform-style:preserve-3d;color:inherit;font-size:20px;line-height:42px;pointer-events:none}.picker-opt{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;transform-origin:center center;height:46px;transform-style:preserve-3d;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:20px;line-height:42px;backface-visibility:hidden;pointer-events:auto}:host-context([dir=rtl]) .picker-opt{transform-origin:calc(100% - center) center}[dir=rtl] .picker-opt{transform-origin:calc(100% - center) center}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){transform-origin:calc(100% - center) center}}";const d=l;const f=".picker-col{display:flex;position:relative;flex:1;justify-content:center;height:100%;box-sizing:content-box;contain:content}.picker-opts{position:relative;flex:1;max-width:100%}.picker-opt{top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){left:unset;right:unset;right:0}}}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{justify-content:flex-start}.picker-opts-right{justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;flex:1;text-align:start;white-space:nowrap}.picker-col{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;transform-style:preserve-3d}.picker-prefix,.picker-suffix,.picker-opts{top:77px;transform-style:preserve-3d;color:inherit;font-size:22px;line-height:42px;pointer-events:none}.picker-opt{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;height:43px;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:22px;line-height:42px;backface-visibility:hidden;pointer-events:auto}.picker-prefix,.picker-suffix,.picker-opt.picker-opt-selected{color:var(--ion-color-primary, #3880ff)}";const g=f;const u=class{constructor(e){t(this,e);this.ionPickerColChange=i(this,"ionPickerColChange",7);this.optHeight=0;this.rotateFactor=0;this.scaleFactor=1;this.velocity=0;this.y=0;this.noAnimate=true;this.colDidChange=false;this.col=undefined}colChanged(){this.colDidChange=true}async connectedCallback(){let t=0;let i=.81;const e=c(this);if(e==="ios"){t=-.46;i=1}this.rotateFactor=t;this.scaleFactor=i;this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.el,gestureName:"picker-swipe",gesturePriority:100,threshold:0,passive:false,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.gesture.enable();this.tmrId=setTimeout((()=>{this.noAnimate=false;this.refresh(true)}),250)}componentDidLoad(){this.onDomChange()}componentDidUpdate(){if(this.colDidChange){this.onDomChange(true,false);this.colDidChange=false}}disconnectedCallback(){if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);if(this.tmrId)clearTimeout(this.tmrId);if(this.gesture){this.gesture.destroy();this.gesture=undefined}}emitColChange(){this.ionPickerColChange.emit(this.col)}setSelected(t,i){const e=t>-1?-(t*this.optHeight):0;this.velocity=0;if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);this.update(e,i,true);this.emitColChange()}update(t,i,e){if(!this.optsEl){return}let s=0;let r=0;const{col:n,rotateFactor:p}=this;const a=n.selectedIndex;const h=n.selectedIndex=this.indexForY(-t);const c=i===0?"":i+"ms";const l=`scale(${this.scaleFactor})`;const d=this.optsEl.children;for(let e=0;e<d.length;e++){const o=d[e];const a=n.options[e];const f=e*this.optHeight+t;let g="";if(p!==0){const t=f*p;if(Math.abs(t)<=90){s=0;r=90;g=`rotateX(${t}deg) `}else{s=-9999}}else{r=0;s=f}const u=h===e;g+=`translate3d(0px,${s}px,${r}px) `;if(this.scaleFactor!==1&&!u){g+=l}if(this.noAnimate){a.duration=0;o.style.transitionDuration=""}else if(i!==a.duration){a.duration=i;o.style.transitionDuration=c}if(g!==a.transform){a.transform=g}o.style.transform=g;a.selected=u;if(u){o.classList.add(k)}else{o.classList.remove(k)}}this.col.prevSelected=a;if(e){this.y=t}if(this.lastIndex!==h){o();this.lastIndex=h}}decelerate(){if(this.velocity!==0){this.velocity*=x;this.velocity=this.velocity>0?Math.max(this.velocity,1):Math.min(this.velocity,-1);let t=this.y+this.velocity;if(t>this.minY){t=this.minY;this.velocity=0}else if(t<this.maxY){t=this.maxY;this.velocity=0}this.update(t,0,true);const i=Math.round(t)%this.optHeight!==0||Math.abs(this.velocity)>1;if(i){this.rafId=requestAnimationFrame((()=>this.decelerate()))}else{this.velocity=0;this.emitColChange();p()}}else if(this.y%this.optHeight!==0){const t=Math.abs(this.y%this.optHeight);this.velocity=t>this.optHeight/2?1:-1;this.decelerate()}}indexForY(t){return Math.min(Math.max(Math.abs(Math.round(t/this.optHeight)),0),this.col.options.length-1)}onStart(t){if(t.event.cancelable){t.event.preventDefault()}t.event.stopPropagation();a();if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);const i=this.col.options;let e=i.length-1;let s=0;for(let t=0;t<i.length;t++){if(!i[t].disabled){e=Math.min(e,t);s=Math.max(s,t)}}this.minY=-(e*this.optHeight);this.maxY=-(s*this.optHeight)}onMove(t){if(t.event.cancelable){t.event.preventDefault()}t.event.stopPropagation();let i=this.y+t.deltaY;if(i>this.minY){i=Math.pow(i,.8);this.bounceFrom=i}else if(i<this.maxY){i+=Math.pow(this.maxY-i,.9);this.bounceFrom=i}else{this.bounceFrom=0}this.update(i,0,false)}onEnd(t){if(this.bounceFrom>0){this.update(this.minY,100,true);this.emitColChange();return}else if(this.bounceFrom<0){this.update(this.maxY,100,true);this.emitColChange();return}this.velocity=n(-m,t.velocityY*23,m);if(this.velocity===0&&t.deltaY===0){const i=t.event.target.closest(".picker-opt");if(i===null||i===void 0?void 0:i.hasAttribute("opt-index")){this.setSelected(parseInt(i.getAttribute("opt-index"),10),b)}}else{this.y+=t.deltaY;if(Math.abs(t.velocityY)<.05){const i=t.deltaY>0;const e=Math.abs(this.y)%this.optHeight/this.optHeight;if(i&&e>.5){this.velocity=Math.abs(this.velocity)*-1}else if(!i&&e<=.5){this.velocity=Math.abs(this.velocity)}}this.decelerate()}}refresh(t,i){var e;let s=this.col.options.length-1;let r=0;const o=this.col.options;for(let t=0;t<o.length;t++){if(!o[t].disabled){s=Math.min(s,t);r=Math.max(r,t)}}if(this.velocity!==0){return}const p=n(s,(e=this.col.selectedIndex)!==null&&e!==void 0?e:0,r);if(this.col.prevSelected!==p||t){const t=p*this.optHeight*-1;const e=i?b:0;this.velocity=0;this.update(t,e,true)}}onDomChange(t,i){const e=this.optsEl;if(e){this.optHeight=e.firstElementChild?e.firstElementChild.clientHeight:0}this.refresh(t,i)}render(){const t=this.col;const i=c(this);return e(s,{key:"49bb4c67a67c7318d4c305df78ceabae36355112",class:Object.assign({[i]:true,"picker-col":true,"picker-opts-left":this.col.align==="left","picker-opts-right":this.col.align==="right"},h(t.cssClass)),style:{"max-width":this.col.columnWidth}},t.prefix&&e("div",{key:"7e65761d24473e4ba0ce2d4fc707a5c5e8127903",class:"picker-prefix",style:{width:t.prefixWidth}},t.prefix),e("div",{key:"65c3aea609401e8ae4ea6d363a1b9436796c0a86",class:"picker-opts",style:{maxWidth:t.optionsWidth},ref:t=>this.optsEl=t},t.options.map(((t,i)=>e("button",{"aria-label":t.ariaLabel,class:{"picker-opt":true,"picker-opt-disabled":!!t.disabled},"opt-index":i},t.text)))),t.suffix&&e("div",{key:"c2e5a324ba95dd8832d3eb81b139e1f674d74a35",class:"picker-suffix",style:{width:t.suffixWidth}},t.suffix))}get el(){return r(this)}static get watchers(){return{col:["colChanged"]}}};const k="picker-opt-selected";const x=.97;const m=90;const b=150;u.style={ios:d,md:g};export{u as ion_picker_column};
-//# sourceMappingURL=p-f50c3045.entry.js.map
+import{r as t,i,h as e,H as s,e as r}from"./p-97889672.js";import{c as n}from"./p-3f316fc4.js";import{b as o,c as p,a}from"./p-c8020dbc.js";import{g as c}from"./p-669fab6c.js";import{g as h}from"./p-ebe1c8ca.js";import"./p-21b22219.js";import"./p-7efd6867.js";const l=".picker-col{display:flex;position:relative;flex:1;justify-content:center;height:100%;box-sizing:content-box;contain:content}.picker-opts{position:relative;flex:1;max-width:100%}.picker-opt{top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){left:unset;right:unset;right:0}}}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{justify-content:flex-start}.picker-opts-right{justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;flex:1;text-align:start;white-space:nowrap}.picker-col{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:0;padding-bottom:0;transform-style:preserve-3d}.picker-prefix,.picker-suffix,.picker-opts{top:77px;transform-style:preserve-3d;color:inherit;font-size:20px;line-height:42px;pointer-events:none}.picker-opt{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;transform-origin:center center;height:46px;transform-style:preserve-3d;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:20px;line-height:42px;backface-visibility:hidden;pointer-events:auto}:host-context([dir=rtl]) .picker-opt{transform-origin:calc(100% - center) center}[dir=rtl] .picker-opt{transform-origin:calc(100% - center) center}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){transform-origin:calc(100% - center) center}}";const d=l;const f=".picker-col{display:flex;position:relative;flex:1;justify-content:center;height:100%;box-sizing:content-box;contain:content}.picker-opts{position:relative;flex:1;max-width:100%}.picker-opt{top:0;display:block;position:absolute;width:100%;border:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;contain:strict;overflow:hidden;will-change:transform}@supports (inset-inline-start: 0){.picker-opt{inset-inline-start:0}}@supports not (inset-inline-start: 0){.picker-opt{left:0}:host-context([dir=rtl]) .picker-opt{left:unset;right:unset;right:0}[dir=rtl] .picker-opt{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.picker-opt:dir(rtl){left:unset;right:unset;right:0}}}.picker-opt.picker-opt-disabled{pointer-events:none}.picker-opt-disabled{opacity:0}.picker-opts-left{justify-content:flex-start}.picker-opts-right{justify-content:flex-end}.picker-opt:active,.picker-opt:focus{outline:none}.picker-prefix{position:relative;flex:1;text-align:end;white-space:nowrap}.picker-suffix{position:relative;flex:1;text-align:start;white-space:nowrap}.picker-col{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;transform-style:preserve-3d}.picker-prefix,.picker-suffix,.picker-opts{top:77px;transform-style:preserve-3d;color:inherit;font-size:22px;line-height:42px;pointer-events:none}.picker-opt{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;height:43px;transition-timing-function:ease-out;background:transparent;color:inherit;font-size:22px;line-height:42px;backface-visibility:hidden;pointer-events:auto}.picker-prefix,.picker-suffix,.picker-opt.picker-opt-selected{color:var(--ion-color-primary, #3880ff)}";const g=f;const u=class{constructor(e){t(this,e);this.ionPickerColChange=i(this,"ionPickerColChange",7);this.optHeight=0;this.rotateFactor=0;this.scaleFactor=1;this.velocity=0;this.y=0;this.noAnimate=true;this.colDidChange=false;this.col=undefined}colChanged(){this.colDidChange=true}async connectedCallback(){let t=0;let i=.81;const e=h(this);if(e==="ios"){t=-.46;i=1}this.rotateFactor=t;this.scaleFactor=i;this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.el,gestureName:"picker-swipe",gesturePriority:100,threshold:0,passive:false,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.gesture.enable();this.tmrId=setTimeout((()=>{this.noAnimate=false;this.refresh(true)}),250)}componentDidLoad(){this.onDomChange()}componentDidUpdate(){if(this.colDidChange){this.onDomChange(true,false);this.colDidChange=false}}disconnectedCallback(){if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);if(this.tmrId)clearTimeout(this.tmrId);if(this.gesture){this.gesture.destroy();this.gesture=undefined}}emitColChange(){this.ionPickerColChange.emit(this.col)}setSelected(t,i){const e=t>-1?-(t*this.optHeight):0;this.velocity=0;if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);this.update(e,i,true);this.emitColChange()}update(t,i,e){if(!this.optsEl){return}let s=0;let r=0;const{col:n,rotateFactor:p}=this;const a=n.selectedIndex;const c=n.selectedIndex=this.indexForY(-t);const h=i===0?"":i+"ms";const l=`scale(${this.scaleFactor})`;const d=this.optsEl.children;for(let e=0;e<d.length;e++){const o=d[e];const a=n.options[e];const f=e*this.optHeight+t;let g="";if(p!==0){const t=f*p;if(Math.abs(t)<=90){s=0;r=90;g=`rotateX(${t}deg) `}else{s=-9999}}else{r=0;s=f}const u=c===e;g+=`translate3d(0px,${s}px,${r}px) `;if(this.scaleFactor!==1&&!u){g+=l}if(this.noAnimate){a.duration=0;o.style.transitionDuration=""}else if(i!==a.duration){a.duration=i;o.style.transitionDuration=h}if(g!==a.transform){a.transform=g}o.style.transform=g;a.selected=u;if(u){o.classList.add(k)}else{o.classList.remove(k)}}this.col.prevSelected=a;if(e){this.y=t}if(this.lastIndex!==c){o();this.lastIndex=c}}decelerate(){if(this.velocity!==0){this.velocity*=x;this.velocity=this.velocity>0?Math.max(this.velocity,1):Math.min(this.velocity,-1);let t=this.y+this.velocity;if(t>this.minY){t=this.minY;this.velocity=0}else if(t<this.maxY){t=this.maxY;this.velocity=0}this.update(t,0,true);const i=Math.round(t)%this.optHeight!==0||Math.abs(this.velocity)>1;if(i){this.rafId=requestAnimationFrame((()=>this.decelerate()))}else{this.velocity=0;this.emitColChange();p()}}else if(this.y%this.optHeight!==0){const t=Math.abs(this.y%this.optHeight);this.velocity=t>this.optHeight/2?1:-1;this.decelerate()}}indexForY(t){return Math.min(Math.max(Math.abs(Math.round(t/this.optHeight)),0),this.col.options.length-1)}onStart(t){if(t.event.cancelable){t.event.preventDefault()}t.event.stopPropagation();a();if(this.rafId!==undefined)cancelAnimationFrame(this.rafId);const i=this.col.options;let e=i.length-1;let s=0;for(let t=0;t<i.length;t++){if(!i[t].disabled){e=Math.min(e,t);s=Math.max(s,t)}}this.minY=-(e*this.optHeight);this.maxY=-(s*this.optHeight)}onMove(t){if(t.event.cancelable){t.event.preventDefault()}t.event.stopPropagation();let i=this.y+t.deltaY;if(i>this.minY){i=Math.pow(i,.8);this.bounceFrom=i}else if(i<this.maxY){i+=Math.pow(this.maxY-i,.9);this.bounceFrom=i}else{this.bounceFrom=0}this.update(i,0,false)}onEnd(t){if(this.bounceFrom>0){this.update(this.minY,100,true);this.emitColChange();return}else if(this.bounceFrom<0){this.update(this.maxY,100,true);this.emitColChange();return}this.velocity=n(-m,t.velocityY*23,m);if(this.velocity===0&&t.deltaY===0){const i=t.event.target.closest(".picker-opt");if(i===null||i===void 0?void 0:i.hasAttribute("opt-index")){this.setSelected(parseInt(i.getAttribute("opt-index"),10),b)}}else{this.y+=t.deltaY;if(Math.abs(t.velocityY)<.05){const i=t.deltaY>0;const e=Math.abs(this.y)%this.optHeight/this.optHeight;if(i&&e>.5){this.velocity=Math.abs(this.velocity)*-1}else if(!i&&e<=.5){this.velocity=Math.abs(this.velocity)}}this.decelerate()}}refresh(t,i){var e;let s=this.col.options.length-1;let r=0;const o=this.col.options;for(let t=0;t<o.length;t++){if(!o[t].disabled){s=Math.min(s,t);r=Math.max(r,t)}}if(this.velocity!==0){return}const p=n(s,(e=this.col.selectedIndex)!==null&&e!==void 0?e:0,r);if(this.col.prevSelected!==p||t){const t=p*this.optHeight*-1;const e=i?b:0;this.velocity=0;this.update(t,e,true)}}onDomChange(t,i){const e=this.optsEl;if(e){this.optHeight=e.firstElementChild?e.firstElementChild.clientHeight:0}this.refresh(t,i)}render(){const t=this.col;const i=h(this);return e(s,{key:"49bb4c67a67c7318d4c305df78ceabae36355112",class:Object.assign({[i]:true,"picker-col":true,"picker-opts-left":this.col.align==="left","picker-opts-right":this.col.align==="right"},c(t.cssClass)),style:{"max-width":this.col.columnWidth}},t.prefix&&e("div",{key:"7e65761d24473e4ba0ce2d4fc707a5c5e8127903",class:"picker-prefix",style:{width:t.prefixWidth}},t.prefix),e("div",{key:"65c3aea609401e8ae4ea6d363a1b9436796c0a86",class:"picker-opts",style:{maxWidth:t.optionsWidth},ref:t=>this.optsEl=t},t.options.map(((t,i)=>e("button",{"aria-label":t.ariaLabel,class:{"picker-opt":true,"picker-opt-disabled":!!t.disabled},"opt-index":i},t.text)))),t.suffix&&e("div",{key:"c2e5a324ba95dd8832d3eb81b139e1f674d74a35",class:"picker-suffix",style:{width:t.suffixWidth}},t.suffix))}get el(){return r(this)}static get watchers(){return{col:["colChanged"]}}};const k="picker-opt-selected";const x=.97;const m=90;const b=150;u.style={ios:d,md:g};export{u as ion_picker_column};
+//# sourceMappingURL=p-1faf2d02.entry.js.map

package/dist/elements/{p-a421bbe5.entry.js → p-21e90439.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,i as s,w as e,h as i,H as n,e as o}from"./p-42169e41.js";import{r}from"./p-71ee259b.js";import{i as a}from"./p-4d0cb38d.js";import{c,h}from"./p-669fab6c.js";import{g as l}from"./p-da0d920d.js";const d=":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);border-radius:8px;overflow:hidden;z-index:0}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.065)}:host(.in-toolbar){-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:auto}:host(.in-toolbar:not(.ion-color)){background:var(--ion-toolbar-segment-background, var(--background))}:host(.in-toolbar-color:not(.ion-color)){background:rgba(var(--ion-color-contrast-rgb), 0.11)}";const u=d;const f=":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent;grid-auto-columns:minmax(auto, 360px)}:host(.in-toolbar){min-height:var(--min-height)}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}";const g=f;const m=class{constructor(e){t(this,e);this.ionChange=s(this,"ionChange",7);this.ionSelect=s(this,"ionSelect",7);this.ionStyle=s(this,"ionStyle",7);this.onClick=t=>{const s=t.target;const e=this.checked;if(s.tagName==="ION-SEGMENT"){return}this.value=s.value;if(s!==e){this.emitValueChange()}if(this.scrollable||!this.swipeGesture){if(e){this.checkButton(e,s)}else{this.setCheckedClasses()}}};this.getSegmentButton=t=>{var s,e;const i=this.getButtons().filter((t=>!t.disabled));const n=i.findIndex((t=>t===document.activeElement));switch(t){case"first":return i[0];case"last":return i[i.length-1];case"next":return(s=i[n+1])!==null&&s!==void 0?s:i[0];case"previous":return(e=i[n-1])!==null&&e!==void 0?e:i[i.length-1];default:return null}};this.activated=false;this.color=undefined;this.disabled=false;this.scrollable=false;this.swipeGesture=true;this.value=undefined;this.selectOnFocus=false}colorChanged(t,s){if(s===undefined&&t!==undefined||s!==undefined&&t===undefined){this.emitStyle()}}swipeGestureChanged(){this.gestureChanged()}valueChanged(t){this.ionSelect.emit({value:t});this.scrollActiveButtonIntoView()}disabledChanged(){this.gestureChanged();const t=this.getButtons();for(const s of t){s.disabled=this.disabled}}gestureChanged(){if(this.gesture){this.gesture.enable(!this.scrollable&&!this.disabled&&this.swipeGesture)}}connectedCallback(){this.emitStyle()}componentWillLoad(){this.emitStyle()}async componentDidLoad(){this.setCheckedClasses();this.ionSelect.emit({value:this.value});r((()=>{this.scrollActiveButtonIntoView(false)}));this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.el,gestureName:"segment",gesturePriority:100,threshold:0,passive:false,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.gestureChanged();if(this.disabled){this.disabledChanged()}}onStart(t){this.valueBeforeGesture=this.value;this.activate(t)}onMove(t){this.setNextIndex(t)}onEnd(t){this.setActivated(false);this.setNextIndex(t,true);t.event.stopImmediatePropagation();const s=this.value;if(s!==undefined){if(this.valueBeforeGesture!==s){this.emitValueChange()}}this.valueBeforeGesture=undefined}emitValueChange(){const{value:t}=this;this.ionChange.emit({value:t})}getButtons(){return Array.from(this.el.querySelectorAll("ion-segment-button"))}get checked(){return this.getButtons().find((t=>t.value===this.value))}setActivated(t){const s=this.getButtons();s.forEach((s=>{if(t){s.classList.add("segment-button-activated")}else{s.classList.remove("segment-button-activated")}}));this.activated=t}activate(t){const s=t.event.target;const e=this.getButtons();const i=e.find((t=>t.value===this.value));if(s.tagName!=="ION-SEGMENT-BUTTON"){return}if(!i){this.value=s.value;this.setCheckedClasses()}if(this.value===s.value){this.setActivated(true)}}getIndicator(t){const s=t.shadowRoot||t;return s.querySelector(".segment-button-indicator")}checkButton(t,s){const i=this.getIndicator(t);const n=this.getIndicator(s);if(i===null||n===null){return}const o=i.getBoundingClientRect();const r=n.getBoundingClientRect();const a=o.width/r.width;const c=o.left-r.left;const h=`translate3d(${c}px, 0, 0) scaleX(${a})`;e((()=>{n.classList.remove("segment-button-indicator-animated");n.style.setProperty("transform",h);n.getBoundingClientRect();n.classList.add("segment-button-indicator-animated");n.style.setProperty("transform","")}));this.value=s.value;this.setCheckedClasses()}setCheckedClasses(){const t=this.getButtons();const s=t.findIndex((t=>t.value===this.value));const e=s+1;for(const s of t){s.classList.remove("segment-button-after-checked")}if(e<t.length){t[e].classList.add("segment-button-after-checked")}}scrollActiveButtonIntoView(t=true){const{scrollable:s,value:e,el:i}=this;if(s){const s=this.getButtons();const n=s.find((t=>t.value===e));if(n!==undefined){const s=i.getBoundingClientRect();const e=n.getBoundingClientRect();const o=e.x-s.x;const r=o-s.width/2+e.width/2;i.scrollBy({top:0,left:r,behavior:t?"smooth":"instant"})}}}setNextIndex(t,s=false){const e=a(this.el);const i=this.activated;const n=this.getButtons();const o=n.findIndex((t=>t.value===this.value));const r=n[o];let c;let h;if(o===-1){return}const l=r.getBoundingClientRect();const d=l.left;const u=l.width;const f=t.currentX;const g=l.top+l.height/2;const m=this.el.getRootNode();const b=m.elementFromPoint(f,g);const p=e?f>d+u:f<d;const v=e?f<d:f>d+u;if(i&&!s){if(p){const t=o-1;if(t>=0){h=t}}else if(v){if(i&&!s){const t=o+1;if(t<n.length){h=t}}}if(h!==undefined&&!n[h].disabled){c=n[h]}}if(!i&&s){c=b}if(c!=null){if(c.tagName==="ION-SEGMENT"){return false}if(r!==c){this.checkButton(r,c)}}return true}emitStyle(){this.ionStyle.emit({segment:true})}onKeyDown(t){const s=a(this.el);let e=this.selectOnFocus;let i;switch(t.key){case"ArrowRight":t.preventDefault();i=s?this.getSegmentButton("previous"):this.getSegmentButton("next");break;case"ArrowLeft":t.preventDefault();i=s?this.getSegmentButton("next"):this.getSegmentButton("previous");break;case"Home":t.preventDefault();i=this.getSegmentButton("first");break;case"End":t.preventDefault();i=this.getSegmentButton("last");break;case" ":case"Enter":t.preventDefault();i=document.activeElement;e=true}if(!i){return}if(e){const t=this.checked;this.checkButton(t||i,i);if(i!==t){this.emitValueChange()}}i.setFocus()}render(){const t=l(this);return i(n,{key:"01c94f9fcc51fb5a7612588c87155a130b7c8a9d",role:"tablist",onClick:this.onClick,class:c(this.color,{[t]:true,"in-toolbar":h("ion-toolbar",this.el),"in-toolbar-color":h("ion-toolbar[color]",this.el),"segment-activated":this.activated,"segment-disabled":this.disabled,"segment-scrollable":this.scrollable})},i("slot",{key:"b0afdfcb7506a765df42d1d6eb4e1d81bf8fd92a"}))}get el(){return o(this)}static get watchers(){return{color:["colorChanged"],swipeGesture:["swipeGestureChanged"],value:["valueChanged"],disabled:["disabledChanged"]}}};m.style={ios:u,md:g};export{m as ion_segment};
-//# sourceMappingURL=p-a421bbe5.entry.js.map
+import{r as t,i as s,w as e,h as i,H as n,e as o}from"./p-97889672.js";import{r}from"./p-3f316fc4.js";import{i as a}from"./p-4d0cb38d.js";import{c,h}from"./p-669fab6c.js";import{g as l}from"./p-ebe1c8ca.js";const u=":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);border-radius:8px;overflow:hidden;z-index:0}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.065)}:host(.in-toolbar){-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:auto}:host(.in-toolbar:not(.ion-color)){background:var(--ion-toolbar-segment-background, var(--background))}:host(.in-toolbar-color:not(.ion-color)){background:rgba(var(--ion-color-contrast-rgb), 0.11)}";const d=u;const f=":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent;grid-auto-columns:minmax(auto, 360px)}:host(.in-toolbar){min-height:var(--min-height)}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}";const g=f;const m=class{constructor(e){t(this,e);this.ionChange=s(this,"ionChange",7);this.ionSelect=s(this,"ionSelect",7);this.ionStyle=s(this,"ionStyle",7);this.onClick=t=>{const s=t.target;const e=this.checked;if(s.tagName==="ION-SEGMENT"){return}this.value=s.value;if(s!==e){this.emitValueChange()}if(this.scrollable||!this.swipeGesture){if(e){this.checkButton(e,s)}else{this.setCheckedClasses()}}};this.getSegmentButton=t=>{var s,e;const i=this.getButtons().filter((t=>!t.disabled));const n=i.findIndex((t=>t===document.activeElement));switch(t){case"first":return i[0];case"last":return i[i.length-1];case"next":return(s=i[n+1])!==null&&s!==void 0?s:i[0];case"previous":return(e=i[n-1])!==null&&e!==void 0?e:i[i.length-1];default:return null}};this.activated=false;this.color=undefined;this.disabled=false;this.scrollable=false;this.swipeGesture=true;this.value=undefined;this.selectOnFocus=false}colorChanged(t,s){if(s===undefined&&t!==undefined||s!==undefined&&t===undefined){this.emitStyle()}}swipeGestureChanged(){this.gestureChanged()}valueChanged(t){this.ionSelect.emit({value:t});this.scrollActiveButtonIntoView()}disabledChanged(){this.gestureChanged();const t=this.getButtons();for(const s of t){s.disabled=this.disabled}}gestureChanged(){if(this.gesture){this.gesture.enable(!this.scrollable&&!this.disabled&&this.swipeGesture)}}connectedCallback(){this.emitStyle()}componentWillLoad(){this.emitStyle()}async componentDidLoad(){this.setCheckedClasses();this.ionSelect.emit({value:this.value});r((()=>{this.scrollActiveButtonIntoView(false)}));this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.el,gestureName:"segment",gesturePriority:100,threshold:0,passive:false,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.gestureChanged();if(this.disabled){this.disabledChanged()}}onStart(t){this.valueBeforeGesture=this.value;this.activate(t)}onMove(t){this.setNextIndex(t)}onEnd(t){this.setActivated(false);this.setNextIndex(t,true);t.event.stopImmediatePropagation();const s=this.value;if(s!==undefined){if(this.valueBeforeGesture!==s){this.emitValueChange()}}this.valueBeforeGesture=undefined}emitValueChange(){const{value:t}=this;this.ionChange.emit({value:t})}getButtons(){return Array.from(this.el.querySelectorAll("ion-segment-button"))}get checked(){return this.getButtons().find((t=>t.value===this.value))}setActivated(t){const s=this.getButtons();s.forEach((s=>{if(t){s.classList.add("segment-button-activated")}else{s.classList.remove("segment-button-activated")}}));this.activated=t}activate(t){const s=t.event.target;const e=this.getButtons();const i=e.find((t=>t.value===this.value));if(s.tagName!=="ION-SEGMENT-BUTTON"){return}if(!i){this.value=s.value;this.setCheckedClasses()}if(this.value===s.value){this.setActivated(true)}}getIndicator(t){const s=t.shadowRoot||t;return s.querySelector(".segment-button-indicator")}checkButton(t,s){const i=this.getIndicator(t);const n=this.getIndicator(s);if(i===null||n===null){return}const o=i.getBoundingClientRect();const r=n.getBoundingClientRect();const a=o.width/r.width;const c=o.left-r.left;const h=`translate3d(${c}px, 0, 0) scaleX(${a})`;e((()=>{n.classList.remove("segment-button-indicator-animated");n.style.setProperty("transform",h);n.getBoundingClientRect();n.classList.add("segment-button-indicator-animated");n.style.setProperty("transform","")}));this.value=s.value;this.setCheckedClasses()}setCheckedClasses(){const t=this.getButtons();const s=t.findIndex((t=>t.value===this.value));const e=s+1;for(const s of t){s.classList.remove("segment-button-after-checked")}if(e<t.length){t[e].classList.add("segment-button-after-checked")}}scrollActiveButtonIntoView(t=true){const{scrollable:s,value:e,el:i}=this;if(s){const s=this.getButtons();const n=s.find((t=>t.value===e));if(n!==undefined){const s=i.getBoundingClientRect();const e=n.getBoundingClientRect();const o=e.x-s.x;const r=o-s.width/2+e.width/2;i.scrollBy({top:0,left:r,behavior:t?"smooth":"instant"})}}}setNextIndex(t,s=false){const e=a(this.el);const i=this.activated;const n=this.getButtons();const o=n.findIndex((t=>t.value===this.value));const r=n[o];let c;let h;if(o===-1){return}const l=r.getBoundingClientRect();const u=l.left;const d=l.width;const f=t.currentX;const g=l.top+l.height/2;const m=this.el.getRootNode();const b=m.elementFromPoint(f,g);const p=e?f>u+d:f<u;const v=e?f<u:f>u+d;if(i&&!s){if(p){const t=o-1;if(t>=0){h=t}}else if(v){if(i&&!s){const t=o+1;if(t<n.length){h=t}}}if(h!==undefined&&!n[h].disabled){c=n[h]}}if(!i&&s){c=b}if(c!=null){if(c.tagName==="ION-SEGMENT"){return false}if(r!==c){this.checkButton(r,c)}}return true}emitStyle(){this.ionStyle.emit({segment:true})}onKeyDown(t){const s=a(this.el);let e=this.selectOnFocus;let i;switch(t.key){case"ArrowRight":t.preventDefault();i=s?this.getSegmentButton("previous"):this.getSegmentButton("next");break;case"ArrowLeft":t.preventDefault();i=s?this.getSegmentButton("next"):this.getSegmentButton("previous");break;case"Home":t.preventDefault();i=this.getSegmentButton("first");break;case"End":t.preventDefault();i=this.getSegmentButton("last");break;case" ":case"Enter":t.preventDefault();i=document.activeElement;e=true}if(!i){return}if(e){const t=this.checked;this.checkButton(t||i,i);if(i!==t){this.emitValueChange()}}i.setFocus()}render(){const t=l(this);return i(n,{key:"01c94f9fcc51fb5a7612588c87155a130b7c8a9d",role:"tablist",onClick:this.onClick,class:c(this.color,{[t]:true,"in-toolbar":h("ion-toolbar",this.el),"in-toolbar-color":h("ion-toolbar[color]",this.el),"segment-activated":this.activated,"segment-disabled":this.disabled,"segment-scrollable":this.scrollable})},i("slot",{key:"b0afdfcb7506a765df42d1d6eb4e1d81bf8fd92a"}))}get el(){return o(this)}static get watchers(){return{color:["colorChanged"],swipeGesture:["swipeGestureChanged"],value:["valueChanged"],disabled:["disabledChanged"]}}};m.style={ios:d,md:g};export{m as ion_segment};
+//# sourceMappingURL=p-21e90439.entry.js.map