@pod-os/elements 0.17.1-fef97c9.0 → 0.18.1-a971174.0

package/dist/elements/{p-9b369d09.js → p-cebe59d4.js}

@@ -1,5 +1,5 @@
-import{w as t}from"./p-7efd6867.js";import{c as e}from"./p-2dddbb15.js";import"./p-3c2b721e.js";
+import{w as t}from"./p-7efd6867.js";import{c as e}from"./p-f1ef82a9.js";import"./p-7f507bcb.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */const n=()=>e.get("experimentalCloseWatcher",false)&&t!==undefined&&"CloseWatcher"in t;const o=()=>{document.addEventListener("backbutton",(()=>{}))};const s=()=>{const e=document;let o=false;const s=()=>{if(o){return}let t=0;let n=[];const s=new CustomEvent("ionBackButton",{bubbles:false,detail:{register(e,o){n.push({priority:e,handler:o,id:t++})}}});e.dispatchEvent(s);const i=async t=>{try{if(t===null||t===void 0?void 0:t.handler){const e=t.handler(c);if(e!=null){await e}}}catch(t){console.error(t)}};const c=()=>{if(n.length>0){let t={priority:Number.MIN_SAFE_INTEGER,handler:()=>undefined,id:-1};n.forEach((e=>{if(e.priority>=t.priority){t=e}}));o=true;n=n.filter((e=>e.id!==t.id));i(t).then((()=>o=false))}};c()};if(n()){let e;const n=()=>{e===null||e===void 0?void 0:e.destroy();e=new t.CloseWatcher;e.onclose=()=>{s();n()}};n()}else{e.addEventListener("backbutton",s)}};const i=100;const c=99;export{c as MENU_BACK_BUTTON_PRIORITY,i as OVERLAY_BACK_BUTTON_PRIORITY,o as blockHardwareBackButton,n as shouldUseCloseWatcher,s as startHardwareBackButton};
-//# sourceMappingURL=p-9b369d09.js.map
+//# sourceMappingURL=p-cebe59d4.js.map

package/dist/elements/{p-b67ce91f.entry.js → p-cfec477d.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,e as t,h as r,H as a,d as n}from"./p-3c2b721e.js";import{c as e}from"./p-55f1e3d8.js";import{c as s}from"./p-669fab6c.js";import{g as c}from"./p-2dddbb15.js";import"./p-7efd6867.js";import"./p-67b68c5d.js";import"./p-21b22219.js";const i=":host{display:flex;align-items:center;justify-content:center;width:auto;padding-right:var(--ion-safe-area-right);padding-bottom:var(--ion-safe-area-bottom, 0);padding-left:var(--ion-safe-area-left);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;user-select:none;z-index:10;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-color-step-50, #f7f7f7));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:0.55px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--color:var(--ion-tab-bar-color, var(--ion-color-step-600, #666666));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:50px}@supports (backdrop-filter: blur(0)){:host(.tab-bar-translucent){--background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);backdrop-filter:saturate(210%) blur(20px)}:host(.ion-color.tab-bar-translucent){background:rgba(var(--ion-color-base-rgb), 0.8)}:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.6)}}";const b=i;const d=":host{display:flex;align-items:center;justify-content:center;width:auto;padding-right:var(--ion-safe-area-right);padding-bottom:var(--ion-safe-area-bottom, 0);padding-left:var(--ion-safe-area-left);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;user-select:none;z-index:10;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.07))));--color:var(--ion-tab-bar-color, var(--ion-color-step-650, #595959));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:56px}";const l=d;const u=class{constructor(r){o(this,r);this.ionTabBarChanged=t(this,"ionTabBarChanged",7);this.ionTabBarLoaded=t(this,"ionTabBarLoaded",7);this.keyboardCtrl=null;this.keyboardVisible=false;this.color=undefined;this.selectedTab=undefined;this.translucent=false}selectedTabChanged(){if(this.selectedTab!==undefined){this.ionTabBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}async connectedCallback(){this.keyboardCtrl=await e((async(o,t)=>{if(o===false&&t!==undefined){await t}this.keyboardVisible=o}))}disconnectedCallback(){if(this.keyboardCtrl){this.keyboardCtrl.destroy()}}componentDidLoad(){this.ionTabBarLoaded.emit()}render(){const{color:o,translucent:t,keyboardVisible:n}=this;const e=c(this);const i=n&&this.el.getAttribute("slot")!=="top";return r(a,{key:"5083528e7f802d2f323ce50585edc98eeb9754c6",role:"tablist","aria-hidden":i?"true":null,class:s(o,{[e]:true,"tab-bar-translucent":t,"tab-bar-hidden":i})},r("slot",{key:"eb33cdd12da49062219d4aa17a319c3e6361c5c5"}))}get el(){return n(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};u.style={ios:b,md:l};export{u as ion_tab_bar};
-//# sourceMappingURL=p-b67ce91f.entry.js.map
+import{r as o,i as t,h as r,H as a,d as n}from"./p-7f507bcb.js";import{c as e}from"./p-55f1e3d8.js";import{c as s}from"./p-669fab6c.js";import{g as c}from"./p-f1ef82a9.js";import"./p-7efd6867.js";import"./p-67b68c5d.js";import"./p-21b22219.js";const i=":host{display:flex;align-items:center;justify-content:center;width:auto;padding-right:var(--ion-safe-area-right);padding-bottom:var(--ion-safe-area-bottom, 0);padding-left:var(--ion-safe-area-left);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;user-select:none;z-index:10;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-color-step-50, #f7f7f7));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:0.55px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--color:var(--ion-tab-bar-color, var(--ion-color-step-600, #666666));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:50px}@supports (backdrop-filter: blur(0)){:host(.tab-bar-translucent){--background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);backdrop-filter:saturate(210%) blur(20px)}:host(.ion-color.tab-bar-translucent){background:rgba(var(--ion-color-base-rgb), 0.8)}:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.6)}}";const b=i;const d=":host{display:flex;align-items:center;justify-content:center;width:auto;padding-right:var(--ion-safe-area-right);padding-bottom:var(--ion-safe-area-bottom, 0);padding-left:var(--ion-safe-area-left);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;user-select:none;z-index:10;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0;border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.07))));--color:var(--ion-tab-bar-color, var(--ion-color-step-650, #595959));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #3880ff));height:56px}";const l=d;const u=class{constructor(r){o(this,r);this.ionTabBarChanged=t(this,"ionTabBarChanged",7);this.ionTabBarLoaded=t(this,"ionTabBarLoaded",7);this.keyboardCtrl=null;this.keyboardVisible=false;this.color=undefined;this.selectedTab=undefined;this.translucent=false}selectedTabChanged(){if(this.selectedTab!==undefined){this.ionTabBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}async connectedCallback(){this.keyboardCtrl=await e((async(o,t)=>{if(o===false&&t!==undefined){await t}this.keyboardVisible=o}))}disconnectedCallback(){if(this.keyboardCtrl){this.keyboardCtrl.destroy()}}componentDidLoad(){this.ionTabBarLoaded.emit()}render(){const{color:o,translucent:t,keyboardVisible:n}=this;const e=c(this);const i=n&&this.el.getAttribute("slot")!=="top";return r(a,{key:"5083528e7f802d2f323ce50585edc98eeb9754c6",role:"tablist","aria-hidden":i?"true":null,class:s(o,{[e]:true,"tab-bar-translucent":t,"tab-bar-hidden":i})},r("slot",{key:"eb33cdd12da49062219d4aa17a319c3e6361c5c5"}))}get el(){return n(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};u.style={ios:b,md:l};export{u as ion_tab_bar};
+//# sourceMappingURL=p-cfec477d.entry.js.map

package/dist/elements/{p-1c69ca01.js → p-d0fcc589.js}

@@ -1,2 +1,2 @@
-import{k as e,i as t,h as n}from"./p-3c2b721e.js";const s=(e,t,n)=>{const s=e.get(t);if(!s){e.set(t,[n])}else if(!s.includes(n)){s.push(n)}};const o=(e,t)=>{let n;return(...s)=>{if(n){clearTimeout(n)}n=setTimeout((()=>{n=0;e(...s)}),t)}};const r=e=>!("isConnected"in e)||e.isConnected;const c=o((e=>{for(let t of e.keys()){e.set(t,e.get(t).filter(r))}}),2e3);const i=()=>{if(typeof e!=="function"){return{}}const n=new Map;return{dispose:()=>n.clear(),get:t=>{const o=e();if(o){s(n,t,o)}},set:e=>{const s=n.get(e);if(s){n.set(e,s.filter(t))}c(n)},reset:()=>{n.forEach((e=>e.forEach(t)));c(n)}}};const u=e=>typeof e==="function"?e():e;const l=(e,t=((e,t)=>e!==t))=>{const n=u(e);let s=new Map(Object.entries(n!==null&&n!==void 0?n:{}));const o={dispose:[],get:[],set:[],reset:[]};const r=()=>{var t;s=new Map(Object.entries((t=u(e))!==null&&t!==void 0?t:{}));o.reset.forEach((e=>e()))};const c=()=>{o.dispose.forEach((e=>e()));r()};const i=e=>{o.get.forEach((t=>t(e)));return s.get(e)};const l=(e,n)=>{const r=s.get(e);if(t(n,r,e)){s.set(e,n);o.set.forEach((t=>t(e,n,r)))}};const a=typeof Proxy==="undefined"?{}:new Proxy(n,{get(e,t){return i(t)},ownKeys(e){return Array.from(s.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(e,t){return s.has(t)},set(e,t,n){l(t,n);return true}});const d=(e,t)=>{o[e].push(t);return()=>{f(o[e],t)}};const p=(t,n)=>{const s=d("set",((e,s)=>{if(e===t){n(s)}}));const o=d("reset",(()=>n(u(e)[t])));return()=>{s();o()}};const g=(...e)=>{const t=e.reduce(((e,t)=>{if(t.set){e.push(d("set",t.set))}if(t.get){e.push(d("get",t.get))}if(t.reset){e.push(d("reset",t.reset))}if(t.dispose){e.push(d("dispose",t.dispose))}return e}),[]);return()=>t.forEach((e=>e()))};const w=e=>{const t=s.get(e);o.set.forEach((n=>n(e,t,t)))};return{state:a,get:i,set:l,on:d,onChange:p,use:g,dispose:c,reset:r,forceUpdate:w}};const f=(e,t)=>{const n=e.indexOf(t);if(n>=0){e[n]=e[e.length-1];e.length--}};const a=(e,t)=>{const n=l(e,t);n.use(i());return n};const d=a({isLoggedIn:false,webId:"",profile:null});const p=({file:e})=>{const t=g(e.status);return n("div",null,n("a",{class:"error",href:e.url},n("div",null,n("ion-icon",{name:t})),n("div",{class:"code"},e.status.code),n("div",{class:"text"},e.status.text)))};function g(e){switch(e.code){case 401:case 403:return"lock-closed-outline";case 404:return"help-circle-outline";default:return"alert-circle-outline"}}export{p as B,d as s};
-//# sourceMappingURL=p-1c69ca01.js.map
+import{k as e,j as t,h as n}from"./p-7f507bcb.js";const s=(e,t,n)=>{const s=e.get(t);if(!s){e.set(t,[n])}else if(!s.includes(n)){s.push(n)}};const o=(e,t)=>{let n;return(...s)=>{if(n){clearTimeout(n)}n=setTimeout((()=>{n=0;e(...s)}),t)}};const r=e=>!("isConnected"in e)||e.isConnected;const c=o((e=>{for(let t of e.keys()){e.set(t,e.get(t).filter(r))}}),2e3);const i=()=>{if(typeof e!=="function"){return{}}const n=new Map;return{dispose:()=>n.clear(),get:t=>{const o=e();if(o){s(n,t,o)}},set:e=>{const s=n.get(e);if(s){n.set(e,s.filter(t))}c(n)},reset:()=>{n.forEach((e=>e.forEach(t)));c(n)}}};const u=e=>typeof e==="function"?e():e;const l=(e,t=((e,t)=>e!==t))=>{const n=u(e);let s=new Map(Object.entries(n!==null&&n!==void 0?n:{}));const o={dispose:[],get:[],set:[],reset:[]};const r=()=>{var t;s=new Map(Object.entries((t=u(e))!==null&&t!==void 0?t:{}));o.reset.forEach((e=>e()))};const c=()=>{o.dispose.forEach((e=>e()));r()};const i=e=>{o.get.forEach((t=>t(e)));return s.get(e)};const l=(e,n)=>{const r=s.get(e);if(t(n,r,e)){s.set(e,n);o.set.forEach((t=>t(e,n,r)))}};const a=typeof Proxy==="undefined"?{}:new Proxy(n,{get(e,t){return i(t)},ownKeys(e){return Array.from(s.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(e,t){return s.has(t)},set(e,t,n){l(t,n);return true}});const d=(e,t)=>{o[e].push(t);return()=>{f(o[e],t)}};const p=(t,n)=>{const s=d("set",((e,s)=>{if(e===t){n(s)}}));const o=d("reset",(()=>n(u(e)[t])));return()=>{s();o()}};const g=(...e)=>{const t=e.reduce(((e,t)=>{if(t.set){e.push(d("set",t.set))}if(t.get){e.push(d("get",t.get))}if(t.reset){e.push(d("reset",t.reset))}if(t.dispose){e.push(d("dispose",t.dispose))}return e}),[]);return()=>t.forEach((e=>e()))};const w=e=>{const t=s.get(e);o.set.forEach((n=>n(e,t,t)))};return{state:a,get:i,set:l,on:d,onChange:p,use:g,dispose:c,reset:r,forceUpdate:w}};const f=(e,t)=>{const n=e.indexOf(t);if(n>=0){e[n]=e[e.length-1];e.length--}};const a=(e,t)=>{const n=l(e,t);n.use(i());return n};const d=a({isLoggedIn:false,webId:"",profile:null});const p=({file:e})=>{const t=g(e.status);return n("div",null,n("a",{class:"error",href:e.url},n("div",null,n("ion-icon",{name:t})),n("div",{class:"code"},e.status.code),n("div",{class:"text"},e.status.text)))};function g(e){switch(e.code){case 401:case 403:return"lock-closed-outline";case 404:return"help-circle-outline";default:return"alert-circle-outline"}}export{p as B,d as s};
+//# sourceMappingURL=p-d0fcc589.js.map

package/dist/elements/{p-257248f2.entry.js → p-d2458575.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as i,H as r}from"./p-3c2b721e.js";import{c as n}from"./p-669fab6c.js";import{g as t}from"./p-2dddbb15.js";const a=":host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:inline-flex;position:relative;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:clamp(13px, 0.875rem, 22px)}";const e=a;const g=":host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:inline-flex;position:relative;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:0.875rem}";const l=g;const s=class{constructor(i){o(this,i);this.color=undefined;this.outline=false;this.disabled=false}render(){const o=t(this);return i(r,{key:"886c26b6e7b3e3ca8622a4a0926bdf6dea0a71d4","aria-disabled":this.disabled?"true":null,class:n(this.color,{[o]:true,"chip-outline":this.outline,"chip-disabled":this.disabled,"ion-activatable":true})},i("slot",{key:"d24353e79ac84013758cee1acb1b0f9b2ebb4d67"}),o==="md"&&i("ion-ripple-effect",{key:"b69bb3ce3d464251d5e11ba6a5240e4567f72f05"}))}};s.style={ios:e,md:l};export{s as ion_chip};
-//# sourceMappingURL=p-257248f2.entry.js.map
+import{r as o,h as i,H as r}from"./p-7f507bcb.js";import{c as n}from"./p-669fab6c.js";import{g as t}from"./p-f1ef82a9.js";const a=":host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:inline-flex;position:relative;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:clamp(13px, 0.875rem, 22px)}";const e=a;const g=":host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:inline-flex;position:relative;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:0.875rem}";const l=g;const s=class{constructor(i){o(this,i);this.color=undefined;this.outline=false;this.disabled=false}render(){const o=t(this);return i(r,{key:"886c26b6e7b3e3ca8622a4a0926bdf6dea0a71d4","aria-disabled":this.disabled?"true":null,class:n(this.color,{[o]:true,"chip-outline":this.outline,"chip-disabled":this.disabled,"ion-activatable":true})},i("slot",{key:"d24353e79ac84013758cee1acb1b0f9b2ebb4d67"}),o==="md"&&i("ion-ripple-effect",{key:"b69bb3ce3d464251d5e11ba6a5240e4567f72f05"}))}};s.style={ios:e,md:l};export{s as ion_chip};
+//# sourceMappingURL=p-d2458575.entry.js.map

package/dist/elements/p-d2e7f4d4.entry.js

@@ -0,0 +1,2 @@
+import{r as t,i,h as e,H as s,d as n}from"./p-7f507bcb.js";const o=":host{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;width:100%;height:100%;contain:layout size style;z-index:0}.tabs-inner{position:relative;flex:1;contain:layout size style}";const a=o;const r=class{constructor(e){t(this,e);this.ionNavWillLoad=i(this,"ionNavWillLoad",7);this.ionTabsWillChange=i(this,"ionTabsWillChange",3);this.ionTabsDidChange=i(this,"ionTabsDidChange",3);this.transitioning=false;this.onTabClicked=t=>{const{href:i,tab:e}=t.detail;if(this.useRouter&&i!==undefined){const t=document.querySelector("ion-router");if(t){t.push(i)}}else{this.select(e)}};this.selectedTab=undefined;this.useRouter=false}async componentWillLoad(){if(!this.useRouter){this.useRouter=!!document.querySelector("ion-router")&&!this.el.closest("[no-router]")}if(!this.useRouter){const t=this.tabs;if(t.length>0){await this.select(t[0])}}this.ionNavWillLoad.emit()}componentWillRender(){const t=this.el.querySelector("ion-tab-bar");if(t){const i=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=i}}async select(t){const i=h(this.tabs,t);if(!this.shouldSwitch(i)){return false}await this.setActive(i);await this.notifyRouter();this.tabSwitch();return true}async getTab(t){return h(this.tabs,t)}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)}async setRouteId(t){const i=h(this.tabs,t);if(!this.shouldSwitch(i)){return{changed:false,element:this.selectedTab}}await this.setActive(i);return{changed:true,element:this.selectedTab,markVisible:()=>this.tabSwitch()}}async getRouteId(){var t;const i=(t=this.selectedTab)===null||t===void 0?void 0:t.tab;return i!==undefined?{id:i,element:this.selectedTab}:undefined}setActive(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.ionTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()}tabSwitch(){const t=this.selectedTab;const i=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(i!==t){if(i){i.active=false}this.ionTabsDidChange.emit({tab:t.tab})}}notifyRouter(){if(this.useRouter){const t=document.querySelector("ion-router");if(t){return t.navChanged("forward")}}return Promise.resolve(false)}shouldSwitch(t){const i=this.selectedTab;return t!==undefined&&t!==i&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("ion-tab"))}render(){return e(s,{key:"5102fdd8ae80408811312631f0739c356d913840",onIonTabButtonClick:this.onTabClicked},e("slot",{key:"55f781cd010dcebf9675f2a0b4eab9f4271b780e",name:"top"}),e("div",{key:"2da0ee7b8c82e4bfa42f8bc5873e23e50a88c405",class:"tabs-inner"},e("slot",{key:"6335a62a10398c008c91f87f15b4a940a95e175d"})),e("slot",{key:"9b6f08a21c703cc7fdebd48eb746d0fde6a8454d",name:"bottom"}))}get el(){return n(this)}};const h=(t,i)=>{const e=typeof i==="string"?t.find((t=>t.tab===i)):i;if(!e){console.error(`tab with id: "${e}" does not exist`)}return e};r.style=a;export{r as ion_tabs};
+//# sourceMappingURL=p-d2e7f4d4.entry.js.map

package/dist/elements/p-d65caf7a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,i,h as e,H as s,d as r}from"./p-7f507bcb.js";import{c as n}from"./p-25270f1a.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-f1ef82a9.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-d65caf7a.entry.js.map

package/dist/elements/{p-acbfc962.entry.js.map → p-d65caf7a.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pickerColumnIosCss","IonPickerColumnIosStyle0","pickerColumnMdCss","IonPickerColumnMdStyle0","PickerColumnCmp","constructor","hostRef","this","optHeight","rotateFactor","scaleFactor","velocity","y","noAnimate","colDidChange","col","undefined","colChanged","connectedCallback","pickerRotateFactor","pickerScaleFactor","mode","getIonMode","gesture","import","createGesture","el","gestureName","gesturePriority","threshold","passive","onStart","ev","onMove","onEnd","enable","tmrId","setTimeout","refresh","componentDidLoad","onDomChange","componentDidUpdate","disconnectedCallback","rafId","cancelAnimationFrame","clearTimeout","destroy","emitColChange","ionPickerColChange","emit","setSelected","selectedIndex","duration","update","saveY","optsEl","translateY","translateZ","prevSelected","indexForY","durationStr","scaleStr","children","i","length","button","opt","options","optOffset","transform","rotateX","Math","abs","selected","style","transitionDuration","classList","add","PICKER_OPT_SELECTED","remove","lastIndex","hapticSelectionChanged","decelerate","DECELERATION_FRICTION","max","min","minY","maxY","notLockedIn","round","requestAnimationFrame","hapticSelectionEnd","currentPos","detail","event","cancelable","preventDefault","stopPropagation","hapticSelectionStart","disabled","deltaY","pow","bounceFrom","clamp","MAX_PICKER_SPEED","velocityY","target","closest","hasAttribute","parseInt","getAttribute","TRANSITION_DURATION","isScrollingUp","optHeightFraction","forceRefresh","animated","_a","colEl","firstElementChild","clientHeight","render","h","Host","key","class","Object","assign","align","getClassMap","cssClass","columnWidth","prefix","width","prefixWidth","maxWidth","optionsWidth","ref","map","o","index","ariaLabel","text","suffix","suffixWidth"],"sources":["../node_modules/@ionic/core/dist/collection/components/picker-column/picker-column.ios.css?tag=ion-picker-column&mode=ios","../node_modules/@ionic/core/dist/collection/components/picker-column/picker-column.md.css?tag=ion-picker-column&mode=md","../node_modules/@ionic/core/dist/collection/components/picker-column/picker-column.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.picker-col {\n  display: flex;\n  position: relative;\n  flex: 1;\n  justify-content: center;\n  height: 100%;\n  box-sizing: content-box;\n  contain: content;\n}\n\n.picker-opts {\n  position: relative;\n  flex: 1;\n  max-width: 100%;\n}\n\n.picker-opt {\n  top: 0;\n  display: block;\n  position: absolute;\n  width: 100%;\n  border: 0;\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  contain: strict;\n  overflow: hidden;\n  will-change: transform;\n}\n@supports (inset-inline-start: 0) {\n  .picker-opt {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .picker-opt {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .picker-opt {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  [dir=rtl] .picker-opt {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    .picker-opt:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n\n.picker-opt.picker-opt-disabled {\n  pointer-events: none;\n}\n\n.picker-opt-disabled {\n  opacity: 0;\n}\n\n.picker-opts-left {\n  justify-content: flex-start;\n}\n\n.picker-opts-right {\n  justify-content: flex-end;\n}\n\n.picker-opt:active, .picker-opt:focus {\n  outline: none;\n}\n\n.picker-prefix {\n  position: relative;\n  flex: 1;\n  text-align: end;\n  white-space: nowrap;\n}\n\n.picker-suffix {\n  position: relative;\n  flex: 1;\n  text-align: start;\n  white-space: nowrap;\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.picker-col {\n  -webkit-padding-start: 4px;\n  padding-inline-start: 4px;\n  -webkit-padding-end: 4px;\n  padding-inline-end: 4px;\n  padding-top: 0;\n  padding-bottom: 0;\n  transform-style: preserve-3d;\n}\n\n.picker-prefix,\n.picker-suffix,\n.picker-opts {\n  top: 77px;\n  transform-style: preserve-3d;\n  color: inherit;\n  font-size: 20px;\n  line-height: 42px;\n  pointer-events: none;\n}\n\n.picker-opt {\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  transform-origin: center center;\n  height: 46px;\n  transform-style: preserve-3d;\n  transition-timing-function: ease-out;\n  background: transparent;\n  color: inherit;\n  font-size: 20px;\n  line-height: 42px;\n  backface-visibility: hidden;\n  pointer-events: auto;\n}\n:host-context([dir=rtl]) .picker-opt {\n  transform-origin: calc(100% - center) center;\n}\n\n[dir=rtl] .picker-opt {\n  transform-origin: calc(100% - center) center;\n}\n\n@supports selector(:dir(rtl)) {\n  .picker-opt:dir(rtl) {\n    transform-origin: calc(100% - center) center;\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.picker-col {\n  display: flex;\n  position: relative;\n  flex: 1;\n  justify-content: center;\n  height: 100%;\n  box-sizing: content-box;\n  contain: content;\n}\n\n.picker-opts {\n  position: relative;\n  flex: 1;\n  max-width: 100%;\n}\n\n.picker-opt {\n  top: 0;\n  display: block;\n  position: absolute;\n  width: 100%;\n  border: 0;\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  contain: strict;\n  overflow: hidden;\n  will-change: transform;\n}\n@supports (inset-inline-start: 0) {\n  .picker-opt {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .picker-opt {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .picker-opt {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  [dir=rtl] .picker-opt {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    .picker-opt:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n\n.picker-opt.picker-opt-disabled {\n  pointer-events: none;\n}\n\n.picker-opt-disabled {\n  opacity: 0;\n}\n\n.picker-opts-left {\n  justify-content: flex-start;\n}\n\n.picker-opts-right {\n  justify-content: flex-end;\n}\n\n.picker-opt:active, .picker-opt:focus {\n  outline: none;\n}\n\n.picker-prefix {\n  position: relative;\n  flex: 1;\n  text-align: end;\n  white-space: nowrap;\n}\n\n.picker-suffix {\n  position: relative;\n  flex: 1;\n  text-align: start;\n  white-space: nowrap;\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.picker-col {\n  -webkit-padding-start: 8px;\n  padding-inline-start: 8px;\n  -webkit-padding-end: 8px;\n  padding-inline-end: 8px;\n  padding-top: 0;\n  padding-bottom: 0;\n  transform-style: preserve-3d;\n}\n\n.picker-prefix,\n.picker-suffix,\n.picker-opts {\n  top: 77px;\n  transform-style: preserve-3d;\n  color: inherit;\n  font-size: 22px;\n  line-height: 42px;\n  pointer-events: none;\n}\n\n.picker-opt {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  height: 43px;\n  transition-timing-function: ease-out;\n  background: transparent;\n  color: inherit;\n  font-size: 22px;\n  line-height: 42px;\n  backface-visibility: hidden;\n  pointer-events: auto;\n}\n\n.picker-prefix,\n.picker-suffix,\n.picker-opt.picker-opt-selected {\n  color: var(--ion-color-primary, #3880ff);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { clamp } from \"../../utils/helpers\";\nimport { hapticSelectionChanged, hapticSelectionEnd, hapticSelectionStart } from \"../../utils/native/haptic\";\nimport { getClassMap } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @internal\n */\nexport class PickerColumnCmp {\n    constructor() {\n        this.optHeight = 0;\n        this.rotateFactor = 0;\n        this.scaleFactor = 1;\n        this.velocity = 0;\n        this.y = 0;\n        this.noAnimate = true;\n        // `colDidChange` is a flag that gets set when the column is changed\n        // dynamically. When this flag is set, the column will refresh\n        // after the component re-renders to incorporate the new column data.\n        // This is necessary because `this.refresh` queries for the option elements,\n        // so it needs to wait for the latest elements to be available in the DOM.\n        // Ex: column is created with 3 options. User updates the column data\n        // to have 5 options. The column will still think it only has 3 options.\n        this.colDidChange = false;\n        this.col = undefined;\n    }\n    colChanged() {\n        this.colDidChange = true;\n    }\n    async connectedCallback() {\n        let pickerRotateFactor = 0;\n        let pickerScaleFactor = 0.81;\n        const mode = getIonMode(this);\n        if (mode === 'ios') {\n            pickerRotateFactor = -0.46;\n            pickerScaleFactor = 1;\n        }\n        this.rotateFactor = pickerRotateFactor;\n        this.scaleFactor = pickerScaleFactor;\n        this.gesture = (await import('../../utils/gesture')).createGesture({\n            el: this.el,\n            gestureName: 'picker-swipe',\n            gesturePriority: 100,\n            threshold: 0,\n            passive: false,\n            onStart: (ev) => this.onStart(ev),\n            onMove: (ev) => this.onMove(ev),\n            onEnd: (ev) => this.onEnd(ev),\n        });\n        this.gesture.enable();\n        // Options have not been initialized yet\n        // Animation must be disabled through the `noAnimate` flag\n        // Otherwise, the options will render\n        // at the top of the column and transition down\n        this.tmrId = setTimeout(() => {\n            this.noAnimate = false;\n            // After initialization, `refresh()` will be called\n            // At this point, animation will be enabled. The options will\n            // animate as they are being selected.\n            this.refresh(true);\n        }, 250);\n    }\n    componentDidLoad() {\n        this.onDomChange();\n    }\n    componentDidUpdate() {\n        // Options may have changed since last update.\n        if (this.colDidChange) {\n            // Animation must be disabled through the `onDomChange` parameter.\n            // Otherwise, the recently added options will render\n            // at the top of the column and transition down\n            this.onDomChange(true, false);\n            this.colDidChange = false;\n        }\n    }\n    disconnectedCallback() {\n        if (this.rafId !== undefined)\n            cancelAnimationFrame(this.rafId);\n        if (this.tmrId)\n            clearTimeout(this.tmrId);\n        if (this.gesture) {\n            this.gesture.destroy();\n            this.gesture = undefined;\n        }\n    }\n    emitColChange() {\n        this.ionPickerColChange.emit(this.col);\n    }\n    setSelected(selectedIndex, duration) {\n        // if there is a selected index, then figure out it's y position\n        // if there isn't a selected index, then just use the top y position\n        const y = selectedIndex > -1 ? -(selectedIndex * this.optHeight) : 0;\n        this.velocity = 0;\n        // set what y position we're at\n        if (this.rafId !== undefined)\n            cancelAnimationFrame(this.rafId);\n        this.update(y, duration, true);\n        this.emitColChange();\n    }\n    update(y, duration, saveY) {\n        if (!this.optsEl) {\n            return;\n        }\n        // ensure we've got a good round number :)\n        let translateY = 0;\n        let translateZ = 0;\n        const { col, rotateFactor } = this;\n        const prevSelected = col.selectedIndex;\n        const selectedIndex = (col.selectedIndex = this.indexForY(-y));\n        const durationStr = duration === 0 ? '' : duration + 'ms';\n        const scaleStr = `scale(${this.scaleFactor})`;\n        const children = this.optsEl.children;\n        for (let i = 0; i < children.length; i++) {\n            const button = children[i];\n            const opt = col.options[i];\n            const optOffset = i * this.optHeight + y;\n            let transform = '';\n            if (rotateFactor !== 0) {\n                const rotateX = optOffset * rotateFactor;\n                if (Math.abs(rotateX) <= 90) {\n                    translateY = 0;\n                    translateZ = 90;\n                    transform = `rotateX(${rotateX}deg) `;\n                }\n                else {\n                    translateY = -9999;\n                }\n            }\n            else {\n                translateZ = 0;\n                translateY = optOffset;\n            }\n            const selected = selectedIndex === i;\n            transform += `translate3d(0px,${translateY}px,${translateZ}px) `;\n            if (this.scaleFactor !== 1 && !selected) {\n                transform += scaleStr;\n            }\n            // Update transition duration\n            if (this.noAnimate) {\n                opt.duration = 0;\n                button.style.transitionDuration = '';\n            }\n            else if (duration !== opt.duration) {\n                opt.duration = duration;\n                button.style.transitionDuration = durationStr;\n            }\n            // Update transform\n            if (transform !== opt.transform) {\n                opt.transform = transform;\n            }\n            button.style.transform = transform;\n            /**\n             * Ensure that the select column\n             * item has the selected class\n             */\n            opt.selected = selected;\n            if (selected) {\n                button.classList.add(PICKER_OPT_SELECTED);\n            }\n            else {\n                button.classList.remove(PICKER_OPT_SELECTED);\n            }\n        }\n        this.col.prevSelected = prevSelected;\n        if (saveY) {\n            this.y = y;\n        }\n        if (this.lastIndex !== selectedIndex) {\n            // have not set a last index yet\n            hapticSelectionChanged();\n            this.lastIndex = selectedIndex;\n        }\n    }\n    decelerate() {\n        if (this.velocity !== 0) {\n            // still decelerating\n            this.velocity *= DECELERATION_FRICTION;\n            // do not let it go slower than a velocity of 1\n            this.velocity = this.velocity > 0 ? Math.max(this.velocity, 1) : Math.min(this.velocity, -1);\n            let y = this.y + this.velocity;\n            if (y > this.minY) {\n                // whoops, it's trying to scroll up farther than the options we have!\n                y = this.minY;\n                this.velocity = 0;\n            }\n            else if (y < this.maxY) {\n                // gahh, it's trying to scroll down farther than we can!\n                y = this.maxY;\n                this.velocity = 0;\n            }\n            this.update(y, 0, true);\n            const notLockedIn = Math.round(y) % this.optHeight !== 0 || Math.abs(this.velocity) > 1;\n            if (notLockedIn) {\n                // isn't locked in yet, keep decelerating until it is\n                this.rafId = requestAnimationFrame(() => this.decelerate());\n            }\n            else {\n                this.velocity = 0;\n                this.emitColChange();\n                hapticSelectionEnd();\n            }\n        }\n        else if (this.y % this.optHeight !== 0) {\n            // needs to still get locked into a position so options line up\n            const currentPos = Math.abs(this.y % this.optHeight);\n            // create a velocity in the direction it needs to scroll\n            this.velocity = currentPos > this.optHeight / 2 ? 1 : -1;\n            this.decelerate();\n        }\n    }\n    indexForY(y) {\n        return Math.min(Math.max(Math.abs(Math.round(y / this.optHeight)), 0), this.col.options.length - 1);\n    }\n    onStart(detail) {\n        // We have to prevent default in order to block scrolling under the picker\n        // but we DO NOT have to stop propagation, since we still want\n        // some \"click\" events to capture\n        if (detail.event.cancelable) {\n            detail.event.preventDefault();\n        }\n        detail.event.stopPropagation();\n        hapticSelectionStart();\n        // reset everything\n        if (this.rafId !== undefined)\n            cancelAnimationFrame(this.rafId);\n        const options = this.col.options;\n        let minY = options.length - 1;\n        let maxY = 0;\n        for (let i = 0; i < options.length; i++) {\n            if (!options[i].disabled) {\n                minY = Math.min(minY, i);\n                maxY = Math.max(maxY, i);\n            }\n        }\n        this.minY = -(minY * this.optHeight);\n        this.maxY = -(maxY * this.optHeight);\n    }\n    onMove(detail) {\n        if (detail.event.cancelable) {\n            detail.event.preventDefault();\n        }\n        detail.event.stopPropagation();\n        // update the scroll position relative to pointer start position\n        let y = this.y + detail.deltaY;\n        if (y > this.minY) {\n            // scrolling up higher than scroll area\n            y = Math.pow(y, 0.8);\n            this.bounceFrom = y;\n        }\n        else if (y < this.maxY) {\n            // scrolling down below scroll area\n            y += Math.pow(this.maxY - y, 0.9);\n            this.bounceFrom = y;\n        }\n        else {\n            this.bounceFrom = 0;\n        }\n        this.update(y, 0, false);\n    }\n    onEnd(detail) {\n        if (this.bounceFrom > 0) {\n            // bounce back up\n            this.update(this.minY, 100, true);\n            this.emitColChange();\n            return;\n        }\n        else if (this.bounceFrom < 0) {\n            // bounce back down\n            this.update(this.maxY, 100, true);\n            this.emitColChange();\n            return;\n        }\n        this.velocity = clamp(-MAX_PICKER_SPEED, detail.velocityY * 23, MAX_PICKER_SPEED);\n        if (this.velocity === 0 && detail.deltaY === 0) {\n            const opt = detail.event.target.closest('.picker-opt');\n            if (opt === null || opt === void 0 ? void 0 : opt.hasAttribute('opt-index')) {\n                this.setSelected(parseInt(opt.getAttribute('opt-index'), 10), TRANSITION_DURATION);\n            }\n        }\n        else {\n            this.y += detail.deltaY;\n            if (Math.abs(detail.velocityY) < 0.05) {\n                const isScrollingUp = detail.deltaY > 0;\n                const optHeightFraction = (Math.abs(this.y) % this.optHeight) / this.optHeight;\n                if (isScrollingUp && optHeightFraction > 0.5) {\n                    this.velocity = Math.abs(this.velocity) * -1;\n                }\n                else if (!isScrollingUp && optHeightFraction <= 0.5) {\n                    this.velocity = Math.abs(this.velocity);\n                }\n            }\n            this.decelerate();\n        }\n    }\n    refresh(forceRefresh, animated) {\n        var _a;\n        let min = this.col.options.length - 1;\n        let max = 0;\n        const options = this.col.options;\n        for (let i = 0; i < options.length; i++) {\n            if (!options[i].disabled) {\n                min = Math.min(min, i);\n                max = Math.max(max, i);\n            }\n        }\n        /**\n         * Only update selected value if column has a\n         * velocity of 0. If it does not, then the\n         * column is animating might land on\n         * a value different than the value at\n         * selectedIndex\n         */\n        if (this.velocity !== 0) {\n            return;\n        }\n        const selectedIndex = clamp(min, (_a = this.col.selectedIndex) !== null && _a !== void 0 ? _a : 0, max);\n        if (this.col.prevSelected !== selectedIndex || forceRefresh) {\n            const y = selectedIndex * this.optHeight * -1;\n            const duration = animated ? TRANSITION_DURATION : 0;\n            this.velocity = 0;\n            this.update(y, duration, true);\n        }\n    }\n    onDomChange(forceRefresh, animated) {\n        const colEl = this.optsEl;\n        if (colEl) {\n            // DOM READ\n            // We perfom a DOM read over a rendered item, this needs to happen after the first render or after the the column has changed\n            this.optHeight = colEl.firstElementChild ? colEl.firstElementChild.clientHeight : 0;\n        }\n        this.refresh(forceRefresh, animated);\n    }\n    render() {\n        const col = this.col;\n        const mode = getIonMode(this);\n        return (h(Host, { key: '49bb4c67a67c7318d4c305df78ceabae36355112', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {\n                'max-width': this.col.columnWidth,\n            } }, col.prefix && (h(\"div\", { key: '7e65761d24473e4ba0ce2d4fc707a5c5e8127903', class: \"picker-prefix\", style: { width: col.prefixWidth } }, col.prefix)), h(\"div\", { key: '65c3aea609401e8ae4ea6d363a1b9436796c0a86', class: \"picker-opts\", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h(\"button\", { \"aria-label\": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, \"opt-index\": index }, o.text)))), col.suffix && (h(\"div\", { key: 'c2e5a324ba95dd8832d3eb81b139e1f674d74a35', class: \"picker-suffix\", style: { width: col.suffixWidth } }, col.suffix))));\n    }\n    static get is() { return \"ion-picker-column\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"picker-column.ios.scss\"],\n            \"md\": [\"picker-column.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"picker-column.ios.css\"],\n            \"md\": [\"picker-column.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"col\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"PickerColumn\",\n                    \"resolved\": \"PickerColumn\",\n                    \"references\": {\n                        \"PickerColumn\": {\n                            \"location\": \"import\",\n                            \"path\": \"../picker/picker-interface\",\n                            \"id\": \"src/components/picker/picker-interface.ts::PickerColumn\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Picker column data\"\n                }\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionPickerColChange\",\n                \"name\": \"ionPickerColChange\",\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 selected value has changed\"\n                },\n                \"complexType\": {\n                    \"original\": \"PickerColumn\",\n                    \"resolved\": \"PickerColumn\",\n                    \"references\": {\n                        \"PickerColumn\": {\n                            \"location\": \"import\",\n                            \"path\": \"../picker/picker-interface\",\n                            \"id\": \"src/components/picker/picker-interface.ts::PickerColumn\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"col\",\n                \"methodName\": \"colChanged\"\n            }];\n    }\n}\nconst PICKER_OPT_SELECTED = 'picker-opt-selected';\nconst DECELERATION_FRICTION = 0.97;\nconst MAX_PICKER_SPEED = 90;\nconst TRANSITION_DURATION = 150;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pickerColumnIosCss","IonPickerColumnIosStyle0","pickerColumnMdCss","IonPickerColumnMdStyle0","PickerColumnCmp","constructor","hostRef","this","optHeight","rotateFactor","scaleFactor","velocity","y","noAnimate","colDidChange","col","undefined","colChanged","connectedCallback","pickerRotateFactor","pickerScaleFactor","mode","getIonMode","gesture","import","createGesture","el","gestureName","gesturePriority","threshold","passive","onStart","ev","onMove","onEnd","enable","tmrId","setTimeout","refresh","componentDidLoad","onDomChange","componentDidUpdate","disconnectedCallback","rafId","cancelAnimationFrame","clearTimeout","destroy","emitColChange","ionPickerColChange","emit","setSelected","selectedIndex","duration","update","saveY","optsEl","translateY","translateZ","prevSelected","indexForY","durationStr","scaleStr","children","i","length","button","opt","options","optOffset","transform","rotateX","Math","abs","selected","style","transitionDuration","classList","add","PICKER_OPT_SELECTED","remove","lastIndex","hapticSelectionChanged","decelerate","DECELERATION_FRICTION","max","min","minY","maxY","notLockedIn","round","requestAnimationFrame","hapticSelectionEnd","currentPos","detail","event","cancelable","preventDefault","stopPropagation","hapticSelectionStart","disabled","deltaY","pow","bounceFrom","clamp","MAX_PICKER_SPEED","velocityY","target","closest","hasAttribute","parseInt","getAttribute","TRANSITION_DURATION","isScrollingUp","optHeightFraction","forceRefresh","animated","_a","colEl","firstElementChild","clientHeight","render","h","Host","key","class","Object","assign","align","getClassMap","cssClass","columnWidth","prefix","width","prefixWidth","maxWidth","optionsWidth","ref","map","o","index","ariaLabel","text","suffix","suffixWidth"],"sources":["../node_modules/@ionic/core/dist/collection/components/picker-column/picker-column.ios.css?tag=ion-picker-column&mode=ios","../node_modules/@ionic/core/dist/collection/components/picker-column/picker-column.md.css?tag=ion-picker-column&mode=md","../node_modules/@ionic/core/dist/collection/components/picker-column/picker-column.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.picker-col {\n  display: flex;\n  position: relative;\n  flex: 1;\n  justify-content: center;\n  height: 100%;\n  box-sizing: content-box;\n  contain: content;\n}\n\n.picker-opts {\n  position: relative;\n  flex: 1;\n  max-width: 100%;\n}\n\n.picker-opt {\n  top: 0;\n  display: block;\n  position: absolute;\n  width: 100%;\n  border: 0;\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  contain: strict;\n  overflow: hidden;\n  will-change: transform;\n}\n@supports (inset-inline-start: 0) {\n  .picker-opt {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .picker-opt {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .picker-opt {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  [dir=rtl] .picker-opt {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    .picker-opt:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n\n.picker-opt.picker-opt-disabled {\n  pointer-events: none;\n}\n\n.picker-opt-disabled {\n  opacity: 0;\n}\n\n.picker-opts-left {\n  justify-content: flex-start;\n}\n\n.picker-opts-right {\n  justify-content: flex-end;\n}\n\n.picker-opt:active, .picker-opt:focus {\n  outline: none;\n}\n\n.picker-prefix {\n  position: relative;\n  flex: 1;\n  text-align: end;\n  white-space: nowrap;\n}\n\n.picker-suffix {\n  position: relative;\n  flex: 1;\n  text-align: start;\n  white-space: nowrap;\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.picker-col {\n  -webkit-padding-start: 4px;\n  padding-inline-start: 4px;\n  -webkit-padding-end: 4px;\n  padding-inline-end: 4px;\n  padding-top: 0;\n  padding-bottom: 0;\n  transform-style: preserve-3d;\n}\n\n.picker-prefix,\n.picker-suffix,\n.picker-opts {\n  top: 77px;\n  transform-style: preserve-3d;\n  color: inherit;\n  font-size: 20px;\n  line-height: 42px;\n  pointer-events: none;\n}\n\n.picker-opt {\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  transform-origin: center center;\n  height: 46px;\n  transform-style: preserve-3d;\n  transition-timing-function: ease-out;\n  background: transparent;\n  color: inherit;\n  font-size: 20px;\n  line-height: 42px;\n  backface-visibility: hidden;\n  pointer-events: auto;\n}\n:host-context([dir=rtl]) .picker-opt {\n  transform-origin: calc(100% - center) center;\n}\n\n[dir=rtl] .picker-opt {\n  transform-origin: calc(100% - center) center;\n}\n\n@supports selector(:dir(rtl)) {\n  .picker-opt:dir(rtl) {\n    transform-origin: calc(100% - center) center;\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.picker-col {\n  display: flex;\n  position: relative;\n  flex: 1;\n  justify-content: center;\n  height: 100%;\n  box-sizing: content-box;\n  contain: content;\n}\n\n.picker-opts {\n  position: relative;\n  flex: 1;\n  max-width: 100%;\n}\n\n.picker-opt {\n  top: 0;\n  display: block;\n  position: absolute;\n  width: 100%;\n  border: 0;\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  contain: strict;\n  overflow: hidden;\n  will-change: transform;\n}\n@supports (inset-inline-start: 0) {\n  .picker-opt {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .picker-opt {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .picker-opt {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  [dir=rtl] .picker-opt {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    .picker-opt:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n\n.picker-opt.picker-opt-disabled {\n  pointer-events: none;\n}\n\n.picker-opt-disabled {\n  opacity: 0;\n}\n\n.picker-opts-left {\n  justify-content: flex-start;\n}\n\n.picker-opts-right {\n  justify-content: flex-end;\n}\n\n.picker-opt:active, .picker-opt:focus {\n  outline: none;\n}\n\n.picker-prefix {\n  position: relative;\n  flex: 1;\n  text-align: end;\n  white-space: nowrap;\n}\n\n.picker-suffix {\n  position: relative;\n  flex: 1;\n  text-align: start;\n  white-space: nowrap;\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.picker-col {\n  -webkit-padding-start: 8px;\n  padding-inline-start: 8px;\n  -webkit-padding-end: 8px;\n  padding-inline-end: 8px;\n  padding-top: 0;\n  padding-bottom: 0;\n  transform-style: preserve-3d;\n}\n\n.picker-prefix,\n.picker-suffix,\n.picker-opts {\n  top: 77px;\n  transform-style: preserve-3d;\n  color: inherit;\n  font-size: 22px;\n  line-height: 42px;\n  pointer-events: none;\n}\n\n.picker-opt {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  height: 43px;\n  transition-timing-function: ease-out;\n  background: transparent;\n  color: inherit;\n  font-size: 22px;\n  line-height: 42px;\n  backface-visibility: hidden;\n  pointer-events: auto;\n}\n\n.picker-prefix,\n.picker-suffix,\n.picker-opt.picker-opt-selected {\n  color: var(--ion-color-primary, #3880ff);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { clamp } from \"../../utils/helpers\";\nimport { hapticSelectionChanged, hapticSelectionEnd, hapticSelectionStart } from \"../../utils/native/haptic\";\nimport { getClassMap } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @internal\n */\nexport class PickerColumnCmp {\n    constructor() {\n        this.optHeight = 0;\n        this.rotateFactor = 0;\n        this.scaleFactor = 1;\n        this.velocity = 0;\n        this.y = 0;\n        this.noAnimate = true;\n        // `colDidChange` is a flag that gets set when the column is changed\n        // dynamically. When this flag is set, the column will refresh\n        // after the component re-renders to incorporate the new column data.\n        // This is necessary because `this.refresh` queries for the option elements,\n        // so it needs to wait for the latest elements to be available in the DOM.\n        // Ex: column is created with 3 options. User updates the column data\n        // to have 5 options. The column will still think it only has 3 options.\n        this.colDidChange = false;\n        this.col = undefined;\n    }\n    colChanged() {\n        this.colDidChange = true;\n    }\n    async connectedCallback() {\n        let pickerRotateFactor = 0;\n        let pickerScaleFactor = 0.81;\n        const mode = getIonMode(this);\n        if (mode === 'ios') {\n            pickerRotateFactor = -0.46;\n            pickerScaleFactor = 1;\n        }\n        this.rotateFactor = pickerRotateFactor;\n        this.scaleFactor = pickerScaleFactor;\n        this.gesture = (await import('../../utils/gesture')).createGesture({\n            el: this.el,\n            gestureName: 'picker-swipe',\n            gesturePriority: 100,\n            threshold: 0,\n            passive: false,\n            onStart: (ev) => this.onStart(ev),\n            onMove: (ev) => this.onMove(ev),\n            onEnd: (ev) => this.onEnd(ev),\n        });\n        this.gesture.enable();\n        // Options have not been initialized yet\n        // Animation must be disabled through the `noAnimate` flag\n        // Otherwise, the options will render\n        // at the top of the column and transition down\n        this.tmrId = setTimeout(() => {\n            this.noAnimate = false;\n            // After initialization, `refresh()` will be called\n            // At this point, animation will be enabled. The options will\n            // animate as they are being selected.\n            this.refresh(true);\n        }, 250);\n    }\n    componentDidLoad() {\n        this.onDomChange();\n    }\n    componentDidUpdate() {\n        // Options may have changed since last update.\n        if (this.colDidChange) {\n            // Animation must be disabled through the `onDomChange` parameter.\n            // Otherwise, the recently added options will render\n            // at the top of the column and transition down\n            this.onDomChange(true, false);\n            this.colDidChange = false;\n        }\n    }\n    disconnectedCallback() {\n        if (this.rafId !== undefined)\n            cancelAnimationFrame(this.rafId);\n        if (this.tmrId)\n            clearTimeout(this.tmrId);\n        if (this.gesture) {\n            this.gesture.destroy();\n            this.gesture = undefined;\n        }\n    }\n    emitColChange() {\n        this.ionPickerColChange.emit(this.col);\n    }\n    setSelected(selectedIndex, duration) {\n        // if there is a selected index, then figure out it's y position\n        // if there isn't a selected index, then just use the top y position\n        const y = selectedIndex > -1 ? -(selectedIndex * this.optHeight) : 0;\n        this.velocity = 0;\n        // set what y position we're at\n        if (this.rafId !== undefined)\n            cancelAnimationFrame(this.rafId);\n        this.update(y, duration, true);\n        this.emitColChange();\n    }\n    update(y, duration, saveY) {\n        if (!this.optsEl) {\n            return;\n        }\n        // ensure we've got a good round number :)\n        let translateY = 0;\n        let translateZ = 0;\n        const { col, rotateFactor } = this;\n        const prevSelected = col.selectedIndex;\n        const selectedIndex = (col.selectedIndex = this.indexForY(-y));\n        const durationStr = duration === 0 ? '' : duration + 'ms';\n        const scaleStr = `scale(${this.scaleFactor})`;\n        const children = this.optsEl.children;\n        for (let i = 0; i < children.length; i++) {\n            const button = children[i];\n            const opt = col.options[i];\n            const optOffset = i * this.optHeight + y;\n            let transform = '';\n            if (rotateFactor !== 0) {\n                const rotateX = optOffset * rotateFactor;\n                if (Math.abs(rotateX) <= 90) {\n                    translateY = 0;\n                    translateZ = 90;\n                    transform = `rotateX(${rotateX}deg) `;\n                }\n                else {\n                    translateY = -9999;\n                }\n            }\n            else {\n                translateZ = 0;\n                translateY = optOffset;\n            }\n            const selected = selectedIndex === i;\n            transform += `translate3d(0px,${translateY}px,${translateZ}px) `;\n            if (this.scaleFactor !== 1 && !selected) {\n                transform += scaleStr;\n            }\n            // Update transition duration\n            if (this.noAnimate) {\n                opt.duration = 0;\n                button.style.transitionDuration = '';\n            }\n            else if (duration !== opt.duration) {\n                opt.duration = duration;\n                button.style.transitionDuration = durationStr;\n            }\n            // Update transform\n            if (transform !== opt.transform) {\n                opt.transform = transform;\n            }\n            button.style.transform = transform;\n            /**\n             * Ensure that the select column\n             * item has the selected class\n             */\n            opt.selected = selected;\n            if (selected) {\n                button.classList.add(PICKER_OPT_SELECTED);\n            }\n            else {\n                button.classList.remove(PICKER_OPT_SELECTED);\n            }\n        }\n        this.col.prevSelected = prevSelected;\n        if (saveY) {\n            this.y = y;\n        }\n        if (this.lastIndex !== selectedIndex) {\n            // have not set a last index yet\n            hapticSelectionChanged();\n            this.lastIndex = selectedIndex;\n        }\n    }\n    decelerate() {\n        if (this.velocity !== 0) {\n            // still decelerating\n            this.velocity *= DECELERATION_FRICTION;\n            // do not let it go slower than a velocity of 1\n            this.velocity = this.velocity > 0 ? Math.max(this.velocity, 1) : Math.min(this.velocity, -1);\n            let y = this.y + this.velocity;\n            if (y > this.minY) {\n                // whoops, it's trying to scroll up farther than the options we have!\n                y = this.minY;\n                this.velocity = 0;\n            }\n            else if (y < this.maxY) {\n                // gahh, it's trying to scroll down farther than we can!\n                y = this.maxY;\n                this.velocity = 0;\n            }\n            this.update(y, 0, true);\n            const notLockedIn = Math.round(y) % this.optHeight !== 0 || Math.abs(this.velocity) > 1;\n            if (notLockedIn) {\n                // isn't locked in yet, keep decelerating until it is\n                this.rafId = requestAnimationFrame(() => this.decelerate());\n            }\n            else {\n                this.velocity = 0;\n                this.emitColChange();\n                hapticSelectionEnd();\n            }\n        }\n        else if (this.y % this.optHeight !== 0) {\n            // needs to still get locked into a position so options line up\n            const currentPos = Math.abs(this.y % this.optHeight);\n            // create a velocity in the direction it needs to scroll\n            this.velocity = currentPos > this.optHeight / 2 ? 1 : -1;\n            this.decelerate();\n        }\n    }\n    indexForY(y) {\n        return Math.min(Math.max(Math.abs(Math.round(y / this.optHeight)), 0), this.col.options.length - 1);\n    }\n    onStart(detail) {\n        // We have to prevent default in order to block scrolling under the picker\n        // but we DO NOT have to stop propagation, since we still want\n        // some \"click\" events to capture\n        if (detail.event.cancelable) {\n            detail.event.preventDefault();\n        }\n        detail.event.stopPropagation();\n        hapticSelectionStart();\n        // reset everything\n        if (this.rafId !== undefined)\n            cancelAnimationFrame(this.rafId);\n        const options = this.col.options;\n        let minY = options.length - 1;\n        let maxY = 0;\n        for (let i = 0; i < options.length; i++) {\n            if (!options[i].disabled) {\n                minY = Math.min(minY, i);\n                maxY = Math.max(maxY, i);\n            }\n        }\n        this.minY = -(minY * this.optHeight);\n        this.maxY = -(maxY * this.optHeight);\n    }\n    onMove(detail) {\n        if (detail.event.cancelable) {\n            detail.event.preventDefault();\n        }\n        detail.event.stopPropagation();\n        // update the scroll position relative to pointer start position\n        let y = this.y + detail.deltaY;\n        if (y > this.minY) {\n            // scrolling up higher than scroll area\n            y = Math.pow(y, 0.8);\n            this.bounceFrom = y;\n        }\n        else if (y < this.maxY) {\n            // scrolling down below scroll area\n            y += Math.pow(this.maxY - y, 0.9);\n            this.bounceFrom = y;\n        }\n        else {\n            this.bounceFrom = 0;\n        }\n        this.update(y, 0, false);\n    }\n    onEnd(detail) {\n        if (this.bounceFrom > 0) {\n            // bounce back up\n            this.update(this.minY, 100, true);\n            this.emitColChange();\n            return;\n        }\n        else if (this.bounceFrom < 0) {\n            // bounce back down\n            this.update(this.maxY, 100, true);\n            this.emitColChange();\n            return;\n        }\n        this.velocity = clamp(-MAX_PICKER_SPEED, detail.velocityY * 23, MAX_PICKER_SPEED);\n        if (this.velocity === 0 && detail.deltaY === 0) {\n            const opt = detail.event.target.closest('.picker-opt');\n            if (opt === null || opt === void 0 ? void 0 : opt.hasAttribute('opt-index')) {\n                this.setSelected(parseInt(opt.getAttribute('opt-index'), 10), TRANSITION_DURATION);\n            }\n        }\n        else {\n            this.y += detail.deltaY;\n            if (Math.abs(detail.velocityY) < 0.05) {\n                const isScrollingUp = detail.deltaY > 0;\n                const optHeightFraction = (Math.abs(this.y) % this.optHeight) / this.optHeight;\n                if (isScrollingUp && optHeightFraction > 0.5) {\n                    this.velocity = Math.abs(this.velocity) * -1;\n                }\n                else if (!isScrollingUp && optHeightFraction <= 0.5) {\n                    this.velocity = Math.abs(this.velocity);\n                }\n            }\n            this.decelerate();\n        }\n    }\n    refresh(forceRefresh, animated) {\n        var _a;\n        let min = this.col.options.length - 1;\n        let max = 0;\n        const options = this.col.options;\n        for (let i = 0; i < options.length; i++) {\n            if (!options[i].disabled) {\n                min = Math.min(min, i);\n                max = Math.max(max, i);\n            }\n        }\n        /**\n         * Only update selected value if column has a\n         * velocity of 0. If it does not, then the\n         * column is animating might land on\n         * a value different than the value at\n         * selectedIndex\n         */\n        if (this.velocity !== 0) {\n            return;\n        }\n        const selectedIndex = clamp(min, (_a = this.col.selectedIndex) !== null && _a !== void 0 ? _a : 0, max);\n        if (this.col.prevSelected !== selectedIndex || forceRefresh) {\n            const y = selectedIndex * this.optHeight * -1;\n            const duration = animated ? TRANSITION_DURATION : 0;\n            this.velocity = 0;\n            this.update(y, duration, true);\n        }\n    }\n    onDomChange(forceRefresh, animated) {\n        const colEl = this.optsEl;\n        if (colEl) {\n            // DOM READ\n            // We perfom a DOM read over a rendered item, this needs to happen after the first render or after the the column has changed\n            this.optHeight = colEl.firstElementChild ? colEl.firstElementChild.clientHeight : 0;\n        }\n        this.refresh(forceRefresh, animated);\n    }\n    render() {\n        const col = this.col;\n        const mode = getIonMode(this);\n        return (h(Host, { key: '49bb4c67a67c7318d4c305df78ceabae36355112', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {\n                'max-width': this.col.columnWidth,\n            } }, col.prefix && (h(\"div\", { key: '7e65761d24473e4ba0ce2d4fc707a5c5e8127903', class: \"picker-prefix\", style: { width: col.prefixWidth } }, col.prefix)), h(\"div\", { key: '65c3aea609401e8ae4ea6d363a1b9436796c0a86', class: \"picker-opts\", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h(\"button\", { \"aria-label\": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, \"opt-index\": index }, o.text)))), col.suffix && (h(\"div\", { key: 'c2e5a324ba95dd8832d3eb81b139e1f674d74a35', class: \"picker-suffix\", style: { width: col.suffixWidth } }, col.suffix))));\n    }\n    static get is() { return \"ion-picker-column\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"picker-column.ios.scss\"],\n            \"md\": [\"picker-column.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"picker-column.ios.css\"],\n            \"md\": [\"picker-column.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"col\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"PickerColumn\",\n                    \"resolved\": \"PickerColumn\",\n                    \"references\": {\n                        \"PickerColumn\": {\n                            \"location\": \"import\",\n                            \"path\": \"../picker/picker-interface\",\n                            \"id\": \"src/components/picker/picker-interface.ts::PickerColumn\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Picker column data\"\n                }\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionPickerColChange\",\n                \"name\": \"ionPickerColChange\",\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 selected value has changed\"\n                },\n                \"complexType\": {\n                    \"original\": \"PickerColumn\",\n                    \"resolved\": \"PickerColumn\",\n                    \"references\": {\n                        \"PickerColumn\": {\n                            \"location\": \"import\",\n                            \"path\": \"../picker/picker-interface\",\n                            \"id\": \"src/components/picker/picker-interface.ts::PickerColumn\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"col\",\n                \"methodName\": \"colChanged\"\n            }];\n    }\n}\nconst PICKER_OPT_SELECTED = 'picker-opt-selected';\nconst DECELERATION_FRICTION = 0.97;\nconst MAX_PICKER_SPEED = 90;\nconst TRANSITION_DURATION = 150;\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/{p-3505dfe2.js → p-d6769f21.js}

@@ -1,5 +1,5 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-const o=(o,...s)=>console.warn(`[Ionic Warning]: ${o}`,...s);const s=(o,...s)=>console.error(`[Ionic Error]: ${o}`,...s);const n=(o,...s)=>console.error(`<${o.tagName.toLowerCase()}> must be used inside ${s.join(" or ")}.`);export{n as a,s as b,o as p};
-//# sourceMappingURL=p-3505dfe2.js.map
+const o=(o,...s)=>console.warn(`[Ionic Warning]: ${o}`,...s);const s=(o,...s)=>console.error(`[Ionic Error]: ${o}`,...s);const n=(o,...s)=>console.error(`<${o.tagName.toLowerCase()}> must be used inside ${s.join(" or ")}.`);export{s as a,n as b,o as p};
+//# sourceMappingURL=p-d6769f21.js.map

package/dist/elements/{p-a1a15808.entry.js → p-d6bf2b98.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a,H as o,d as e}from"./p-3c2b721e.js";import{g as i}from"./p-2dddbb15.js";const s=":host{position:absolute;width:fit-content;height:fit-content;z-index:999}:host(.fab-horizontal-center){left:0px;right:0px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}:host(.fab-horizontal-start){left:calc(10px + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-start),:host-context([dir=rtl]).fab-horizontal-start{right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-start:dir(rtl)){right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}}:host(.fab-horizontal-end){right:calc(10px + var(--ion-safe-area-right, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-end),:host-context([dir=rtl]).fab-horizontal-end{left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-end:dir(rtl)){left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}}:host(.fab-vertical-top){top:10px}:host(.fab-vertical-top.fab-edge){top:0}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-top:calc((-100% + 16px) / 2)}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-top:calc(50% + 10px)}:host(.fab-vertical-bottom){bottom:10px}:host(.fab-vertical-bottom.fab-edge){bottom:0}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-bottom:calc((-100% + 16px) / 2)}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-bottom:calc(50% + 10px)}:host(.fab-vertical-center){top:0px;bottom:0px;margin-top:auto;margin-bottom:auto}";const r=s;const n=class{constructor(a){t(this,a);this.horizontal=undefined;this.vertical=undefined;this.edge=false;this.activated=false}activatedChanged(){const t=this.activated;const a=this.getFab();if(a){a.activated=t}Array.from(this.el.querySelectorAll("ion-fab-list")).forEach((a=>{a.activated=t}))}componentDidLoad(){if(this.activated){this.activatedChanged()}}async close(){this.activated=false}getFab(){return this.el.querySelector("ion-fab-button")}async toggle(){const t=!!this.el.querySelector("ion-fab-list");if(t){this.activated=!this.activated}}render(){const{horizontal:t,vertical:e,edge:s}=this;const r=i(this);return a(o,{key:"71df1068c3a2739a69d3571c2fe9bdf401a252cb",class:{[r]:true,[`fab-horizontal-${t}`]:t!==undefined,[`fab-vertical-${e}`]:e!==undefined,"fab-edge":s}},a("slot",{key:"c3afd4a009d355d664f8c04057acf86196bda844"}))}get el(){return e(this)}static get watchers(){return{activated:["activatedChanged"]}}};n.style=r;export{n as ion_fab};
-//# sourceMappingURL=p-a1a15808.entry.js.map
+import{r as t,h as a,H as o,d as e}from"./p-7f507bcb.js";import{g as i}from"./p-f1ef82a9.js";const s=":host{position:absolute;width:fit-content;height:fit-content;z-index:999}:host(.fab-horizontal-center){left:0px;right:0px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}:host(.fab-horizontal-start){left:calc(10px + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-start),:host-context([dir=rtl]).fab-horizontal-start{right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-start:dir(rtl)){right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}}:host(.fab-horizontal-end){right:calc(10px + var(--ion-safe-area-right, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-end),:host-context([dir=rtl]).fab-horizontal-end{left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-end:dir(rtl)){left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}}:host(.fab-vertical-top){top:10px}:host(.fab-vertical-top.fab-edge){top:0}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-top:calc((-100% + 16px) / 2)}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-top:calc(50% + 10px)}:host(.fab-vertical-bottom){bottom:10px}:host(.fab-vertical-bottom.fab-edge){bottom:0}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-bottom:calc((-100% + 16px) / 2)}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-bottom:calc(50% + 10px)}:host(.fab-vertical-center){top:0px;bottom:0px;margin-top:auto;margin-bottom:auto}";const r=s;const n=class{constructor(a){t(this,a);this.horizontal=undefined;this.vertical=undefined;this.edge=false;this.activated=false}activatedChanged(){const t=this.activated;const a=this.getFab();if(a){a.activated=t}Array.from(this.el.querySelectorAll("ion-fab-list")).forEach((a=>{a.activated=t}))}componentDidLoad(){if(this.activated){this.activatedChanged()}}async close(){this.activated=false}getFab(){return this.el.querySelector("ion-fab-button")}async toggle(){const t=!!this.el.querySelector("ion-fab-list");if(t){this.activated=!this.activated}}render(){const{horizontal:t,vertical:e,edge:s}=this;const r=i(this);return a(o,{key:"71df1068c3a2739a69d3571c2fe9bdf401a252cb",class:{[r]:true,[`fab-horizontal-${t}`]:t!==undefined,[`fab-vertical-${e}`]:e!==undefined,"fab-edge":s}},a("slot",{key:"c3afd4a009d355d664f8c04057acf86196bda844"}))}get el(){return e(this)}static get watchers(){return{activated:["activatedChanged"]}}};n.style=r;export{n as ion_fab};
+//# sourceMappingURL=p-d6bf2b98.entry.js.map

package/dist/elements/{p-75cbc833.entry.js → p-d86570da.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,e as n}from"./p-3c2b721e.js";const o=class{constructor(o){t(this,o);this.ionRouteDataChanged=n(this,"ionRouteDataChanged",7);this.url="";this.component=undefined;this.componentProps=undefined;this.beforeLeave=undefined;this.beforeEnter=undefined}onUpdate(t){this.ionRouteDataChanged.emit(t)}onComponentProps(t,n){if(t===n){return}const o=t?Object.keys(t):[];const e=n?Object.keys(n):[];if(o.length!==e.length){this.onUpdate(t);return}for(const e of o){if(t[e]!==n[e]){this.onUpdate(t);return}}}connectedCallback(){this.ionRouteDataChanged.emit()}static get watchers(){return{url:["onUpdate"],component:["onUpdate"],componentProps:["onComponentProps"]}}};export{o as ion_route};
-//# sourceMappingURL=p-75cbc833.entry.js.map
+import{r as t,i as n}from"./p-7f507bcb.js";const o=class{constructor(o){t(this,o);this.ionRouteDataChanged=n(this,"ionRouteDataChanged",7);this.url="";this.component=undefined;this.componentProps=undefined;this.beforeLeave=undefined;this.beforeEnter=undefined}onUpdate(t){this.ionRouteDataChanged.emit(t)}onComponentProps(t,n){if(t===n){return}const o=t?Object.keys(t):[];const e=n?Object.keys(n):[];if(o.length!==e.length){this.onUpdate(t);return}for(const e of o){if(t[e]!==n[e]){this.onUpdate(t);return}}}connectedCallback(){this.ionRouteDataChanged.emit()}static get watchers(){return{url:["onUpdate"],component:["onUpdate"],componentProps:["onComponentProps"]}}};export{o as ion_route};
+//# sourceMappingURL=p-d86570da.entry.js.map

package/dist/elements/p-d8e8bd9b.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,H as i}from"./p-7f507bcb.js";import{m as e}from"./p-a91046dc.js";import{g as o}from"./p-f1ef82a9.js";import{u as a}from"./p-595c0a57.js";import"./p-7efd6867.js";import"./p-cebe59d4.js";import"./p-d6769f21.js";import"./p-25270f1a.js";import"./p-592177e8.js";const c=":host(.menu-toggle-hidden){display:none}";const n=c;const r=class{constructor(t){s(this,t);this.onClick=()=>e.toggle(this.menu);this.visible=false;this.menu=undefined;this.autoHide=true}connectedCallback(){this.visibilityChanged()}async visibilityChanged(){this.visible=await a(this.menu)}render(){const s=o(this);const e=this.autoHide&&!this.visible;return t(i,{key:"94a0815a634c6fb1991854bfbcf5b2b4b61d7710",onClick:this.onClick,"aria-hidden":e?"true":null,class:{[s]:true,"menu-toggle-hidden":e}},t("slot",{key:"f3ac6d17d5421390ab05f3f31ad00ec4f2ca5c7c"}))}};r.style=n;export{r as ion_menu_toggle};
+//# sourceMappingURL=p-d8e8bd9b.entry.js.map

package/dist/elements/p-d8fc8b11.js

@@ -0,0 +1,2 @@
+import{i as o}from"./p-f1ef82a9.js";const s=()=>{};const r=()=>Promise.all([s(),o()]);export{r as g};
+//# sourceMappingURL=p-d8fc8b11.js.map

package/dist/elements/{p-0ddd5da3.entry.js → p-da5f6dcd.entry.js}

@@ -1,5 +1,5 @@
-import{r as t,e,h as i,d as s}from"./p-3c2b721e.js";import{g as n}from"./p-bc04bd54.js";import{m as r,s as o}from"./p-9e7f0522.js";import{l as a,t as h,s as c,L as f,a as u,b as d}from"./p-9b56d918.js";import{g as l,c as m}from"./p-2dddbb15.js";import{a as v}from"./p-0feec79b.js";
+import{r as t,i as e,h as i,d as s}from"./p-7f507bcb.js";import{g as n}from"./p-bc04bd54.js";import{m as r,s as o}from"./p-25270f1a.js";import{l as a,t as h,s as f,L as c,a as u,b as l}from"./p-18d4a4f4.js";import{g as d,c as m}from"./p-f1ef82a9.js";import{a as v}from"./p-8206b1f1.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const p=1;const w=2;const b=3;class g{constructor(t,e){this.component=t;this.params=e;this.state=p}async init(t){this.state=w;if(!this.element){const e=this.component;this.element=await v(this.delegate,t,e,["ion-page","ion-page-invisible"],this.params)}}_destroy(){r(this.state!==b,"view state must be ATTACHED");const t=this.element;if(t){if(this.delegate){this.delegate.removeViewFromDom(t.parentElement,t)}else{t.remove()}}this.nav=undefined;this.state=b}}const y=(t,e,i)=>{if(!t){return false}if(t.component!==e){return false}return o(t.params,i)};const k=(t,e)=>{if(!t){return null}if(t instanceof g){return t}return new g(t,e)};const C=t=>t.map((t=>{if(t instanceof g){return t}if("component"in t){return k(t.component,t.componentProps===null?undefined:t.componentProps)}return k(t,undefined)})).filter((t=>t!==null));const j=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";const V=j;const E=class{constructor(i){t(this,i);this.ionNavWillLoad=e(this,"ionNavWillLoad",7);this.ionNavWillChange=e(this,"ionNavWillChange",3);this.ionNavDidChange=e(this,"ionNavDidChange",3);this.transInstr=[];this.gestureOrAnimationInProgress=false;this.useRouter=false;this.isTransitioning=false;this.destroyed=false;this.views=[];this.didLoad=false;this.delegate=undefined;this.swipeGesture=undefined;this.animated=true;this.animation=undefined;this.rootParams=undefined;this.root=undefined}swipeGestureChanged(){if(this.gesture){this.gesture.enable(this.swipeGesture===true)}}rootChanged(){if(this.root===undefined){return}if(this.didLoad===false){return}if(!this.useRouter){if(this.root!==undefined){this.setRoot(this.root,this.rootParams)}}}componentWillLoad(){this.useRouter=document.querySelector("ion-router")!==null&&this.el.closest("[no-router]")===null;if(this.swipeGesture===undefined){const t=l(this);this.swipeGesture=m.getBoolean("swipeBackEnabled",t==="ios")}this.ionNavWillLoad.emit()}async componentDidLoad(){this.didLoad=true;this.rootChanged();this.gesture=(await import("./p-6579450f.js")).createSwipeBackGesture(this.el,this.canStart.bind(this),this.onStart.bind(this),this.onMove.bind(this),this.onEnd.bind(this));this.swipeGestureChanged()}connectedCallback(){this.destroyed=false}disconnectedCallback(){for(const t of this.views){a(t.element,f);t._destroy()}if(this.gesture){this.gesture.destroy();this.gesture=undefined}this.transInstr.length=0;this.views.length=0;this.destroyed=true}push(t,e,i,s){return this.insert(-1,t,e,i,s)}insert(t,e,i,s,n){return this.insertPages(t,[{component:e,componentProps:i}],s,n)}insertPages(t,e,i,s){return this.queueTrns({insertStart:t,insertViews:e,opts:i},s)}pop(t,e){return this.removeIndex(-1,1,t,e)}popTo(t,e,i){const s={removeStart:-1,removeCount:-1,opts:e};if(typeof t==="object"&&t.component){s.removeView=t;s.removeStart=1}else if(typeof t==="number"){s.removeStart=t+1}return this.queueTrns(s,i)}popToRoot(t,e){return this.removeIndex(1,-1,t,e)}removeIndex(t,e=1,i,s){return this.queueTrns({removeStart:t,removeCount:e,opts:i},s)}setRoot(t,e,i,s){return this.setPages([{component:t,componentProps:e}],i,s)}setPages(t,e,i){e!==null&&e!==void 0?e:e={};if(e.animated!==true){e.animated=false}return this.queueTrns({insertStart:0,insertViews:t,removeStart:0,removeCount:-1,opts:e},i)}setRouteId(t,e,i,s){const n=this.getActiveSync();if(y(n,t,e)){return Promise.resolve({changed:false,element:n.element})}let r;const o=new Promise((t=>r=t));let a;const h={updateURL:false,viewIsReady:t=>{let e;const i=new Promise((t=>e=t));r({changed:true,element:t,markVisible:async()=>{e();await a}});return i}};if(i==="root"){a=this.setRoot(t,e,h)}else{const n=this.views.find((i=>y(i,t,e)));if(n){a=this.popTo(n,Object.assign(Object.assign({},h),{direction:"back",animationBuilder:s}))}else if(i==="forward"){a=this.push(t,e,Object.assign(Object.assign({},h),{animationBuilder:s}))}else if(i==="back"){a=this.setRoot(t,e,Object.assign(Object.assign({},h),{direction:"back",animated:true,animationBuilder:s}))}}return o}async getRouteId(){const t=this.getActiveSync();if(t){return{id:t.element.tagName,params:t.params,element:t.element}}return undefined}async getActive(){return this.getActiveSync()}async getByIndex(t){return this.views[t]}async canGoBack(t){return this.canGoBackSync(t)}async getPrevious(t){return this.getPreviousSync(t)}getLength(){return this.views.length}getActiveSync(){return this.views[this.views.length-1]}canGoBackSync(t=this.getActiveSync()){return!!(t&&this.getPreviousSync(t))}getPreviousSync(t=this.getActiveSync()){if(!t){return undefined}const e=this.views;const i=e.indexOf(t);return i>0?e[i-1]:undefined}async queueTrns(t,e){var i,s;if(this.isTransitioning&&((i=t.opts)===null||i===void 0?void 0:i.skipIfBusy)){return false}const n=new Promise(((e,i)=>{t.resolve=e;t.reject=i}));t.done=e;if(t.opts&&t.opts.updateURL!==false&&this.useRouter){const e=document.querySelector("ion-router");if(e){const i=await e.canTransition();if(i===false){return false}if(typeof i==="string"){e.push(i,t.opts.direction||"back");return false}}}if(((s=t.insertViews)===null||s===void 0?void 0:s.length)===0){t.insertViews=undefined}this.transInstr.push(t);this.nextTrns();return n}success(t,e){if(this.destroyed){this.fireError("nav controller was destroyed",e);return}if(e.done){e.done(t.hasCompleted,t.requiresTransition,t.enteringView,t.leavingView,t.direction)}e.resolve(t.hasCompleted);if(e.opts.updateURL!==false&&this.useRouter){const e=document.querySelector("ion-router");if(e){const i=t.direction==="back"?"back":"forward";e.navChanged(i)}}}failed(t,e){if(this.destroyed){this.fireError("nav controller was destroyed",e);return}this.transInstr.length=0;this.fireError(t,e)}fireError(t,e){if(e.done){e.done(false,false,t)}if(e.reject&&!this.destroyed){e.reject(t)}else{e.resolve(false)}}nextTrns(){if(this.isTransitioning){return false}const t=this.transInstr.shift();if(!t){return false}this.runTransition(t);return true}async runTransition(t){try{this.ionNavWillChange.emit();this.isTransitioning=true;this.prepareTI(t);const e=this.getActiveSync();const i=this.getEnteringView(t,e);if(!e&&!i){throw new Error("no views in the stack to be removed")}if(i&&i.state===p){await i.init(this.el)}this.postViewInit(i,e,t);const s=(t.enteringRequiresTransition||t.leavingRequiresTransition)&&i!==e;if(s&&t.opts&&e){const s=t.opts.direction==="back";if(s){t.opts.animationBuilder=t.opts.animationBuilder||(i===null||i===void 0?void 0:i.animationBuilder)}e.animationBuilder=t.opts.animationBuilder}let n;if(s){n=await this.transition(i,e,t)}else{n={hasCompleted:true,requiresTransition:false}}this.success(n,t);this.ionNavDidChange.emit()}catch(e){this.failed(e,t)}this.isTransitioning=false;this.nextTrns()}prepareTI(t){var e,i;var s;const n=this.views.length;(e=t.opts)!==null&&e!==void 0?e:t.opts={};(i=(s=t.opts).delegate)!==null&&i!==void 0?i:s.delegate=this.delegate;if(t.removeView!==undefined){r(t.removeStart!==undefined,"removeView needs removeStart");r(t.removeCount!==undefined,"removeView needs removeCount");const e=this.views.indexOf(t.removeView);if(e<0){throw new Error("removeView was not found")}t.removeStart+=e}if(t.removeStart!==undefined){if(t.removeStart<0){t.removeStart=n-1}if(t.removeCount<0){t.removeCount=n-t.removeStart}t.leavingRequiresTransition=t.removeCount>0&&t.removeStart+t.removeCount===n}if(t.insertViews){if(t.insertStart<0||t.insertStart>n){t.insertStart=n}t.enteringRequiresTransition=t.insertStart===n}const o=t.insertViews;if(!o){return}r(o.length>0,"length can not be zero");const a=C(o);if(a.length===0){throw new Error("invalid views to insert")}for(const e of a){e.delegate=t.opts.delegate;const i=e.nav;if(i&&i!==this){throw new Error("inserted view was already inserted")}if(e.state===b){throw new Error("inserted view was already destroyed")}}t.insertViews=a}getEnteringView(t,e){const i=t.insertViews;if(i!==undefined){return i[i.length-1]}const s=t.removeStart;if(s!==undefined){const i=this.views;const n=s+t.removeCount;for(let t=i.length-1;t>=0;t--){const r=i[t];if((t<s||t>=n)&&r!==e){return r}}}return undefined}postViewInit(t,e,i){var s,n,o;r(e||t,"Both leavingView and enteringView are null");r(i.resolve,"resolve must be valid");r(i.reject,"reject must be valid");const h=i.opts;const{insertViews:c,removeStart:l,removeCount:m}=i;let v;if(l!==undefined&&m!==undefined){r(l>=0,"removeStart can not be negative");r(m>=0,"removeCount can not be negative");v=[];for(let i=l;i<l+m;i++){const s=this.views[i];if(s!==undefined&&s!==t&&s!==e){v.push(s)}}(s=h.direction)!==null&&s!==void 0?s:h.direction="back"}const p=this.views.length+((n=c===null||c===void 0?void 0:c.length)!==null&&n!==void 0?n:0)-(m!==null&&m!==void 0?m:0);r(p>=0,"final balance can not be negative");if(p===0){console.warn(`You can't remove all the pages in the navigation stack. nav.pop() is probably called too many times.`,this,this.el);throw new Error("navigation stack needs at least one root page")}if(c){let t=i.insertStart;for(const e of c){this.insertViewAt(e,t);t++}if(i.enteringRequiresTransition){(o=h.direction)!==null&&o!==void 0?o:h.direction="forward"}}if(v&&v.length>0){for(const t of v){a(t.element,u);a(t.element,d);a(t.element,f)}for(const t of v){this.destroyView(t)}}}async transition(t,e,i){const s=i.opts;const n=s.progressAnimation?t=>{if(t!==undefined&&!this.gestureOrAnimationInProgress){this.gestureOrAnimationInProgress=true;t.onFinish((()=>{this.gestureOrAnimationInProgress=false}),{oneTimeCallback:true});t.progressEnd(0,0,0)}else{this.sbAni=t}}:undefined;const r=l(this);const o=t.element;const a=e&&e.element;const c=Object.assign(Object.assign({mode:r,showGoBack:this.canGoBackSync(t),baseEl:this.el,progressCallback:n,animated:this.animated&&m.getBoolean("animated",true),enteringEl:o,leavingEl:a},s),{animationBuilder:s.animationBuilder||this.animation||m.get("navAnimation")});const{hasCompleted:f}=await h(c);return this.transitionFinish(f,t,e,s)}transitionFinish(t,e,i,s){const n=t?e:i;if(n){this.unmountInactiveViews(n)}return{hasCompleted:t,requiresTransition:true,enteringView:e,leavingView:i,direction:s.direction}}insertViewAt(t,e){const i=this.views;const s=i.indexOf(t);if(s>-1){r(t.nav===this,"view is not part of the nav");i.splice(s,1);i.splice(e,0,t)}else{r(!t.nav,"nav is used");t.nav=this;i.splice(e,0,t)}}removeView(t){r(t.state===w||t.state===b,"view state should be loaded or destroyed");const e=this.views;const i=e.indexOf(t);r(i>-1,"view must be part of the stack");if(i>=0){e.splice(i,1)}}destroyView(t){t._destroy();this.removeView(t)}unmountInactiveViews(t){if(this.destroyed){return}const e=this.views;const i=e.indexOf(t);for(let t=e.length-1;t>=0;t--){const s=e[t];const n=s.element;if(n){if(t>i){a(n,f);this.destroyView(s)}else if(t<i){c(n,true)}}}}canStart(){return!this.gestureOrAnimationInProgress&&!!this.swipeGesture&&!this.isTransitioning&&this.transInstr.length===0&&this.canGoBackSync()}onStart(){this.gestureOrAnimationInProgress=true;this.pop({direction:"back",progressAnimation:true})}onMove(t){if(this.sbAni){this.sbAni.progressStep(t)}}onEnd(t,e,i){if(this.sbAni){this.sbAni.onFinish((()=>{this.gestureOrAnimationInProgress=false}),{oneTimeCallback:true});let s=t?-.001:.001;if(!t){this.sbAni.easing("cubic-bezier(1, 0, 0.68, 0.28)");s+=n([0,0],[1,0],[.68,.28],[1,1],e)[0]}else{s+=n([0,0],[.32,.72],[0,1],[1,1],e)[0]}this.sbAni.progressEnd(t?1:0,s,i)}else{this.gestureOrAnimationInProgress=false}}render(){return i("slot",{key:"6894eccc60e446294b01261477691ea1e88348ab"})}get el(){return s(this)}static get watchers(){return{swipeGesture:["swipeGestureChanged"],root:["rootChanged"]}}};E.style=V;export{E as ion_nav};
-//# sourceMappingURL=p-0ddd5da3.entry.js.map
+ */const p=1;const w=2;const b=3;class g{constructor(t,e){this.component=t;this.params=e;this.state=p}async init(t){this.state=w;if(!this.element){const e=this.component;this.element=await v(this.delegate,t,e,["ion-page","ion-page-invisible"],this.params)}}_destroy(){r(this.state!==b,"view state must be ATTACHED");const t=this.element;if(t){if(this.delegate){this.delegate.removeViewFromDom(t.parentElement,t)}else{t.remove()}}this.nav=undefined;this.state=b}}const y=(t,e,i)=>{if(!t){return false}if(t.component!==e){return false}return o(t.params,i)};const k=(t,e)=>{if(!t){return null}if(t instanceof g){return t}return new g(t,e)};const C=t=>t.map((t=>{if(t instanceof g){return t}if("component"in t){return k(t.component,t.componentProps===null?undefined:t.componentProps)}return k(t,undefined)})).filter((t=>t!==null));const j=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";const V=j;const E=class{constructor(i){t(this,i);this.ionNavWillLoad=e(this,"ionNavWillLoad",7);this.ionNavWillChange=e(this,"ionNavWillChange",3);this.ionNavDidChange=e(this,"ionNavDidChange",3);this.transInstr=[];this.gestureOrAnimationInProgress=false;this.useRouter=false;this.isTransitioning=false;this.destroyed=false;this.views=[];this.didLoad=false;this.delegate=undefined;this.swipeGesture=undefined;this.animated=true;this.animation=undefined;this.rootParams=undefined;this.root=undefined}swipeGestureChanged(){if(this.gesture){this.gesture.enable(this.swipeGesture===true)}}rootChanged(){if(this.root===undefined){return}if(this.didLoad===false){return}if(!this.useRouter){if(this.root!==undefined){this.setRoot(this.root,this.rootParams)}}}componentWillLoad(){this.useRouter=document.querySelector("ion-router")!==null&&this.el.closest("[no-router]")===null;if(this.swipeGesture===undefined){const t=d(this);this.swipeGesture=m.getBoolean("swipeBackEnabled",t==="ios")}this.ionNavWillLoad.emit()}async componentDidLoad(){this.didLoad=true;this.rootChanged();this.gesture=(await import("./p-7a563988.js")).createSwipeBackGesture(this.el,this.canStart.bind(this),this.onStart.bind(this),this.onMove.bind(this),this.onEnd.bind(this));this.swipeGestureChanged()}connectedCallback(){this.destroyed=false}disconnectedCallback(){for(const t of this.views){a(t.element,c);t._destroy()}if(this.gesture){this.gesture.destroy();this.gesture=undefined}this.transInstr.length=0;this.views.length=0;this.destroyed=true}push(t,e,i,s){return this.insert(-1,t,e,i,s)}insert(t,e,i,s,n){return this.insertPages(t,[{component:e,componentProps:i}],s,n)}insertPages(t,e,i,s){return this.queueTrns({insertStart:t,insertViews:e,opts:i},s)}pop(t,e){return this.removeIndex(-1,1,t,e)}popTo(t,e,i){const s={removeStart:-1,removeCount:-1,opts:e};if(typeof t==="object"&&t.component){s.removeView=t;s.removeStart=1}else if(typeof t==="number"){s.removeStart=t+1}return this.queueTrns(s,i)}popToRoot(t,e){return this.removeIndex(1,-1,t,e)}removeIndex(t,e=1,i,s){return this.queueTrns({removeStart:t,removeCount:e,opts:i},s)}setRoot(t,e,i,s){return this.setPages([{component:t,componentProps:e}],i,s)}setPages(t,e,i){e!==null&&e!==void 0?e:e={};if(e.animated!==true){e.animated=false}return this.queueTrns({insertStart:0,insertViews:t,removeStart:0,removeCount:-1,opts:e},i)}setRouteId(t,e,i,s){const n=this.getActiveSync();if(y(n,t,e)){return Promise.resolve({changed:false,element:n.element})}let r;const o=new Promise((t=>r=t));let a;const h={updateURL:false,viewIsReady:t=>{let e;const i=new Promise((t=>e=t));r({changed:true,element:t,markVisible:async()=>{e();await a}});return i}};if(i==="root"){a=this.setRoot(t,e,h)}else{const n=this.views.find((i=>y(i,t,e)));if(n){a=this.popTo(n,Object.assign(Object.assign({},h),{direction:"back",animationBuilder:s}))}else if(i==="forward"){a=this.push(t,e,Object.assign(Object.assign({},h),{animationBuilder:s}))}else if(i==="back"){a=this.setRoot(t,e,Object.assign(Object.assign({},h),{direction:"back",animated:true,animationBuilder:s}))}}return o}async getRouteId(){const t=this.getActiveSync();if(t){return{id:t.element.tagName,params:t.params,element:t.element}}return undefined}async getActive(){return this.getActiveSync()}async getByIndex(t){return this.views[t]}async canGoBack(t){return this.canGoBackSync(t)}async getPrevious(t){return this.getPreviousSync(t)}getLength(){return this.views.length}getActiveSync(){return this.views[this.views.length-1]}canGoBackSync(t=this.getActiveSync()){return!!(t&&this.getPreviousSync(t))}getPreviousSync(t=this.getActiveSync()){if(!t){return undefined}const e=this.views;const i=e.indexOf(t);return i>0?e[i-1]:undefined}async queueTrns(t,e){var i,s;if(this.isTransitioning&&((i=t.opts)===null||i===void 0?void 0:i.skipIfBusy)){return false}const n=new Promise(((e,i)=>{t.resolve=e;t.reject=i}));t.done=e;if(t.opts&&t.opts.updateURL!==false&&this.useRouter){const e=document.querySelector("ion-router");if(e){const i=await e.canTransition();if(i===false){return false}if(typeof i==="string"){e.push(i,t.opts.direction||"back");return false}}}if(((s=t.insertViews)===null||s===void 0?void 0:s.length)===0){t.insertViews=undefined}this.transInstr.push(t);this.nextTrns();return n}success(t,e){if(this.destroyed){this.fireError("nav controller was destroyed",e);return}if(e.done){e.done(t.hasCompleted,t.requiresTransition,t.enteringView,t.leavingView,t.direction)}e.resolve(t.hasCompleted);if(e.opts.updateURL!==false&&this.useRouter){const e=document.querySelector("ion-router");if(e){const i=t.direction==="back"?"back":"forward";e.navChanged(i)}}}failed(t,e){if(this.destroyed){this.fireError("nav controller was destroyed",e);return}this.transInstr.length=0;this.fireError(t,e)}fireError(t,e){if(e.done){e.done(false,false,t)}if(e.reject&&!this.destroyed){e.reject(t)}else{e.resolve(false)}}nextTrns(){if(this.isTransitioning){return false}const t=this.transInstr.shift();if(!t){return false}this.runTransition(t);return true}async runTransition(t){try{this.ionNavWillChange.emit();this.isTransitioning=true;this.prepareTI(t);const e=this.getActiveSync();const i=this.getEnteringView(t,e);if(!e&&!i){throw new Error("no views in the stack to be removed")}if(i&&i.state===p){await i.init(this.el)}this.postViewInit(i,e,t);const s=(t.enteringRequiresTransition||t.leavingRequiresTransition)&&i!==e;if(s&&t.opts&&e){const s=t.opts.direction==="back";if(s){t.opts.animationBuilder=t.opts.animationBuilder||(i===null||i===void 0?void 0:i.animationBuilder)}e.animationBuilder=t.opts.animationBuilder}let n;if(s){n=await this.transition(i,e,t)}else{n={hasCompleted:true,requiresTransition:false}}this.success(n,t);this.ionNavDidChange.emit()}catch(e){this.failed(e,t)}this.isTransitioning=false;this.nextTrns()}prepareTI(t){var e,i;var s;const n=this.views.length;(e=t.opts)!==null&&e!==void 0?e:t.opts={};(i=(s=t.opts).delegate)!==null&&i!==void 0?i:s.delegate=this.delegate;if(t.removeView!==undefined){r(t.removeStart!==undefined,"removeView needs removeStart");r(t.removeCount!==undefined,"removeView needs removeCount");const e=this.views.indexOf(t.removeView);if(e<0){throw new Error("removeView was not found")}t.removeStart+=e}if(t.removeStart!==undefined){if(t.removeStart<0){t.removeStart=n-1}if(t.removeCount<0){t.removeCount=n-t.removeStart}t.leavingRequiresTransition=t.removeCount>0&&t.removeStart+t.removeCount===n}if(t.insertViews){if(t.insertStart<0||t.insertStart>n){t.insertStart=n}t.enteringRequiresTransition=t.insertStart===n}const o=t.insertViews;if(!o){return}r(o.length>0,"length can not be zero");const a=C(o);if(a.length===0){throw new Error("invalid views to insert")}for(const e of a){e.delegate=t.opts.delegate;const i=e.nav;if(i&&i!==this){throw new Error("inserted view was already inserted")}if(e.state===b){throw new Error("inserted view was already destroyed")}}t.insertViews=a}getEnteringView(t,e){const i=t.insertViews;if(i!==undefined){return i[i.length-1]}const s=t.removeStart;if(s!==undefined){const i=this.views;const n=s+t.removeCount;for(let t=i.length-1;t>=0;t--){const r=i[t];if((t<s||t>=n)&&r!==e){return r}}}return undefined}postViewInit(t,e,i){var s,n,o;r(e||t,"Both leavingView and enteringView are null");r(i.resolve,"resolve must be valid");r(i.reject,"reject must be valid");const h=i.opts;const{insertViews:f,removeStart:d,removeCount:m}=i;let v;if(d!==undefined&&m!==undefined){r(d>=0,"removeStart can not be negative");r(m>=0,"removeCount can not be negative");v=[];for(let i=d;i<d+m;i++){const s=this.views[i];if(s!==undefined&&s!==t&&s!==e){v.push(s)}}(s=h.direction)!==null&&s!==void 0?s:h.direction="back"}const p=this.views.length+((n=f===null||f===void 0?void 0:f.length)!==null&&n!==void 0?n:0)-(m!==null&&m!==void 0?m:0);r(p>=0,"final balance can not be negative");if(p===0){console.warn(`You can't remove all the pages in the navigation stack. nav.pop() is probably called too many times.`,this,this.el);throw new Error("navigation stack needs at least one root page")}if(f){let t=i.insertStart;for(const e of f){this.insertViewAt(e,t);t++}if(i.enteringRequiresTransition){(o=h.direction)!==null&&o!==void 0?o:h.direction="forward"}}if(v&&v.length>0){for(const t of v){a(t.element,u);a(t.element,l);a(t.element,c)}for(const t of v){this.destroyView(t)}}}async transition(t,e,i){const s=i.opts;const n=s.progressAnimation?t=>{if(t!==undefined&&!this.gestureOrAnimationInProgress){this.gestureOrAnimationInProgress=true;t.onFinish((()=>{this.gestureOrAnimationInProgress=false}),{oneTimeCallback:true});t.progressEnd(0,0,0)}else{this.sbAni=t}}:undefined;const r=d(this);const o=t.element;const a=e&&e.element;const f=Object.assign(Object.assign({mode:r,showGoBack:this.canGoBackSync(t),baseEl:this.el,progressCallback:n,animated:this.animated&&m.getBoolean("animated",true),enteringEl:o,leavingEl:a},s),{animationBuilder:s.animationBuilder||this.animation||m.get("navAnimation")});const{hasCompleted:c}=await h(f);return this.transitionFinish(c,t,e,s)}transitionFinish(t,e,i,s){const n=t?e:i;if(n){this.unmountInactiveViews(n)}return{hasCompleted:t,requiresTransition:true,enteringView:e,leavingView:i,direction:s.direction}}insertViewAt(t,e){const i=this.views;const s=i.indexOf(t);if(s>-1){r(t.nav===this,"view is not part of the nav");i.splice(s,1);i.splice(e,0,t)}else{r(!t.nav,"nav is used");t.nav=this;i.splice(e,0,t)}}removeView(t){r(t.state===w||t.state===b,"view state should be loaded or destroyed");const e=this.views;const i=e.indexOf(t);r(i>-1,"view must be part of the stack");if(i>=0){e.splice(i,1)}}destroyView(t){t._destroy();this.removeView(t)}unmountInactiveViews(t){if(this.destroyed){return}const e=this.views;const i=e.indexOf(t);for(let t=e.length-1;t>=0;t--){const s=e[t];const n=s.element;if(n){if(t>i){a(n,c);this.destroyView(s)}else if(t<i){f(n,true)}}}}canStart(){return!this.gestureOrAnimationInProgress&&!!this.swipeGesture&&!this.isTransitioning&&this.transInstr.length===0&&this.canGoBackSync()}onStart(){this.gestureOrAnimationInProgress=true;this.pop({direction:"back",progressAnimation:true})}onMove(t){if(this.sbAni){this.sbAni.progressStep(t)}}onEnd(t,e,i){if(this.sbAni){this.sbAni.onFinish((()=>{this.gestureOrAnimationInProgress=false}),{oneTimeCallback:true});let s=t?-.001:.001;if(!t){this.sbAni.easing("cubic-bezier(1, 0, 0.68, 0.28)");s+=n([0,0],[1,0],[.68,.28],[1,1],e)[0]}else{s+=n([0,0],[.32,.72],[0,1],[1,1],e)[0]}this.sbAni.progressEnd(t?1:0,s,i)}else{this.gestureOrAnimationInProgress=false}}render(){return i("slot",{key:"6894eccc60e446294b01261477691ea1e88348ab"})}get el(){return s(this)}static get watchers(){return{swipeGesture:["swipeGestureChanged"],root:["rootChanged"]}}};E.style=V;export{E as ion_nav};
+//# sourceMappingURL=p-da5f6dcd.entry.js.map

package/dist/elements/{p-ab5544fc.entry.js → p-db793eec.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,e as t}from"./p-3c2b721e.js";import{s as i}from"./p-f6671856.js";const o=class{constructor(i){s(this,i);this.subscribeResource=t(this,"pod-os:resource",7);this.receiveResource=s=>{this.resource=s};this.predicate=undefined;this.resource=undefined}componentWillLoad(){i(this)}render(){return this.resource?this.resource.anyValue(this.predicate):null}};export{o as pos_value};
-//# sourceMappingURL=p-ab5544fc.entry.js.map
+import{r as s,i as t}from"./p-7f507bcb.js";import{s as i}from"./p-f6671856.js";const o=class{constructor(i){s(this,i);this.subscribeResource=t(this,"pod-os:resource",7);this.receiveResource=s=>{this.resource=s};this.predicate=undefined;this.resource=undefined}componentWillLoad(){i(this)}render(){return this.resource?this.resource.anyValue(this.predicate):null}};export{o as pos_value};
+//# sourceMappingURL=p-db793eec.entry.js.map

package/dist/elements/p-db973275.js

@@ -0,0 +1,5 @@
+import{c as o}from"./p-592177e8.js";import{g as t}from"./p-18d4a4f4.js";import"./p-7efd6867.js";import"./p-25270f1a.js";import"./p-7f507bcb.js";
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const s=(s,i)=>{var n,r,c;const a="40px";const e="0px";const p=i.direction==="back";const l=i.enteringEl;const b=i.leavingEl;const f=t(l);const m=f.querySelector("ion-toolbar");const u=o();u.addElement(f).fill("both").beforeRemoveClass("ion-page-invisible");if(p){u.duration(((n=i.duration)!==null&&n!==void 0?n:0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)")}else{u.duration(((r=i.duration)!==null&&r!==void 0?r:0)||280).easing("cubic-bezier(0.36,0.66,0.04,1)").fromTo("transform",`translateY(${a})`,`translateY(${e})`).fromTo("opacity",.01,1)}if(m){const t=o();t.addElement(m);u.addAnimation(t)}if(b&&p){u.duration(((c=i.duration)!==null&&c!==void 0?c:0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)");const s=o();s.addElement(t(b)).onFinish((o=>{if(o===1&&s.elements.length>0){s.elements[0].style.setProperty("display","none")}})).fromTo("transform",`translateY(${e})`,`translateY(${a})`).fromTo("opacity",1,0);u.addAnimation(s)}return u};export{s as mdTransitionAnimation};
+//# sourceMappingURL=p-db973275.js.map

package/dist/elements/{p-5f2c1e33.entry.js → p-e134ddc9.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,e as t,h as o}from"./p-3c2b721e.js";import{R as i}from"./p-bcf4ed78.js";import{s as r}from"./p-f6671856.js";const c=class{constructor(o){s(this,o);this.subscribeResource=t(this,"pod-os:resource",7);this.receiveResource=s=>{const t=s.assume(i);this.data=t.subjects()};this.data=[]}componentWillLoad(){r(this)}render(){const s=this.data.map((s=>o("pos-rich-link",{uri:s.uri})));return this.data.length>0?o("ion-list",null,s):null}};export{c as pos_subjects};
-//# sourceMappingURL=p-5f2c1e33.entry.js.map
+import{r as s,i as t,h as o}from"./p-7f507bcb.js";import{R as i}from"./p-bcf4ed78.js";import{s as r}from"./p-f6671856.js";const c=class{constructor(o){s(this,o);this.subscribeResource=t(this,"pod-os:resource",7);this.receiveResource=s=>{const t=s.assume(i);this.data=t.subjects()};this.data=[]}componentWillLoad(){r(this)}render(){const s=this.data.map((s=>o("pos-rich-link",{uri:s.uri})));return this.data.length>0?o("ion-list",null,s):null}};export{c as pos_subjects};
+//# sourceMappingURL=p-e134ddc9.entry.js.map

package/dist/elements/{p-0752ec21.entry.js → p-e3ae9b45.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,e as t,h as i,H as n,d as r}from"./p-3c2b721e.js";import{p as e}from"./p-3505dfe2.js";import{g as s}from"./p-2dddbb15.js";const a=":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}";const d=a;const c=":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";const p=c;const l=class{constructor(i){o(this,i);this.ionChange=t(this,"ionChange",7);this.ionValueChange=t(this,"ionValueChange",7);this.animated=true;this.multiple=undefined;this.value=undefined;this.disabled=false;this.readonly=false;this.expand="compact"}valueChanged(){const{value:o,multiple:t}=this;if(!t&&Array.isArray(o)){e(`ion-accordion-group was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n  Value Passed: [${o.map((o=>`'${o}'`)).join(", ")}]\n`,this.el)}this.ionValueChange.emit({value:this.value})}async disabledChanged(){const{disabled:o}=this;const t=await this.getAccordions();for(const i of t){i.disabled=o}}async readonlyChanged(){const{readonly:o}=this;const t=await this.getAccordions();for(const i of t){i.readonly=o}}async onKeydown(o){const t=document.activeElement;if(!t){return}const i=t.closest('ion-accordion [slot="header"]');if(!i){return}const n=t.tagName==="ION-ACCORDION"?t:t.closest("ion-accordion");if(!n){return}const r=n.closest("ion-accordion-group");if(r!==this.el){return}const e=await this.getAccordions();const s=e.findIndex((o=>o===n));if(s===-1){return}let a;if(o.key==="ArrowDown"){a=this.findNextAccordion(e,s)}else if(o.key==="ArrowUp"){a=this.findPreviousAccordion(e,s)}else if(o.key==="Home"){a=e[0]}else if(o.key==="End"){a=e[e.length-1]}if(a!==undefined&&a!==t){a.focus()}}async componentDidLoad(){if(this.disabled){this.disabledChanged()}if(this.readonly){this.readonlyChanged()}this.valueChanged()}setValue(o){const t=this.value=o;this.ionChange.emit({value:t})}async requestAccordionToggle(o,t){const{multiple:i,value:n,readonly:r,disabled:e}=this;if(r||e){return}if(t){if(i){const t=n!==null&&n!==void 0?n:[];const i=Array.isArray(t)?t:[t];const r=i.find((t=>t===o));if(r===undefined&&o!==undefined){this.setValue([...i,o])}}else{this.setValue(o)}}else{if(i){const t=n!==null&&n!==void 0?n:[];const i=Array.isArray(t)?t:[t];this.setValue(i.filter((t=>t!==o)))}else{this.setValue(undefined)}}}findNextAccordion(o,t){const i=o[t+1];if(i===undefined){return o[0]}return i}findPreviousAccordion(o,t){const i=o[t-1];if(i===undefined){return o[o.length-1]}return i}async getAccordions(){return Array.from(this.el.querySelectorAll(":scope > ion-accordion"))}render(){const{disabled:o,readonly:t,expand:r}=this;const e=s(this);return i(n,{key:"ac2e26ac91c95d08172bd2b51daa7a711c21db9e",class:{[e]:true,"accordion-group-disabled":o,"accordion-group-readonly":t,[`accordion-group-expand-${r}`]:true},role:"presentation"},i("slot",{key:"444adc2af5730897eba57095da046d6bdb5af70f"}))}get el(){return r(this)}static get watchers(){return{value:["valueChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"]}}};l.style={ios:d,md:p};export{l as ion_accordion_group};
-//# sourceMappingURL=p-0752ec21.entry.js.map
+import{r as o,i as t,h as i,H as n,d as r}from"./p-7f507bcb.js";import{p as e}from"./p-d6769f21.js";import{g as s}from"./p-f1ef82a9.js";const a=":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}";const d=a;const c=":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-previous){border-bottom-right-radius:6px;border-bottom-left-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next),:host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}@supports selector(:dir(rtl)){:host(.accordion-group-expand-inset:dir(rtl)) ::slotted(ion-accordion.accordion-next){border-top-left-radius:6px;border-top-right-radius:6px}}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";const p=c;const l=class{constructor(i){o(this,i);this.ionChange=t(this,"ionChange",7);this.ionValueChange=t(this,"ionValueChange",7);this.animated=true;this.multiple=undefined;this.value=undefined;this.disabled=false;this.readonly=false;this.expand="compact"}valueChanged(){const{value:o,multiple:t}=this;if(!t&&Array.isArray(o)){e(`ion-accordion-group was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n  Value Passed: [${o.map((o=>`'${o}'`)).join(", ")}]\n`,this.el)}this.ionValueChange.emit({value:this.value})}async disabledChanged(){const{disabled:o}=this;const t=await this.getAccordions();for(const i of t){i.disabled=o}}async readonlyChanged(){const{readonly:o}=this;const t=await this.getAccordions();for(const i of t){i.readonly=o}}async onKeydown(o){const t=document.activeElement;if(!t){return}const i=t.closest('ion-accordion [slot="header"]');if(!i){return}const n=t.tagName==="ION-ACCORDION"?t:t.closest("ion-accordion");if(!n){return}const r=n.closest("ion-accordion-group");if(r!==this.el){return}const e=await this.getAccordions();const s=e.findIndex((o=>o===n));if(s===-1){return}let a;if(o.key==="ArrowDown"){a=this.findNextAccordion(e,s)}else if(o.key==="ArrowUp"){a=this.findPreviousAccordion(e,s)}else if(o.key==="Home"){a=e[0]}else if(o.key==="End"){a=e[e.length-1]}if(a!==undefined&&a!==t){a.focus()}}async componentDidLoad(){if(this.disabled){this.disabledChanged()}if(this.readonly){this.readonlyChanged()}this.valueChanged()}setValue(o){const t=this.value=o;this.ionChange.emit({value:t})}async requestAccordionToggle(o,t){const{multiple:i,value:n,readonly:r,disabled:e}=this;if(r||e){return}if(t){if(i){const t=n!==null&&n!==void 0?n:[];const i=Array.isArray(t)?t:[t];const r=i.find((t=>t===o));if(r===undefined&&o!==undefined){this.setValue([...i,o])}}else{this.setValue(o)}}else{if(i){const t=n!==null&&n!==void 0?n:[];const i=Array.isArray(t)?t:[t];this.setValue(i.filter((t=>t!==o)))}else{this.setValue(undefined)}}}findNextAccordion(o,t){const i=o[t+1];if(i===undefined){return o[0]}return i}findPreviousAccordion(o,t){const i=o[t-1];if(i===undefined){return o[o.length-1]}return i}async getAccordions(){return Array.from(this.el.querySelectorAll(":scope > ion-accordion"))}render(){const{disabled:o,readonly:t,expand:r}=this;const e=s(this);return i(n,{key:"ac2e26ac91c95d08172bd2b51daa7a711c21db9e",class:{[e]:true,"accordion-group-disabled":o,"accordion-group-readonly":t,[`accordion-group-expand-${r}`]:true},role:"presentation"},i("slot",{key:"444adc2af5730897eba57095da046d6bdb5af70f"}))}get el(){return r(this)}static get watchers(){return{value:["valueChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"]}}};l.style={ios:d,md:p};export{l as ion_accordion_group};
+//# sourceMappingURL=p-e3ae9b45.entry.js.map