@ionic/core 9.0.3-dev.11788456135.1ab1d6cd → 9.0.3-dev.11790116791.11c9cd1e

package/components/ion-footer.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{k as o,w as t,p as e,H as i,f as r,c as s,h as n,d as a,t as c}from"./p-Bkk8447d.js";import{f,p as b,g as l}from"./p-DhBOoebx.js";import{c as d}from"./p-VLn2Ytmp.js";import{c as h}from"./p-DtPgvez6.js";import{b as m}from"./p-Uo-TYRpE.js";import{f as p}from"./p-DwAij6DN.js";const u=(e,i)=>{o((()=>{const o=p(0,1-(e.scrollTop-(e.scrollHeight-e.clientHeight-10))/10,1);t((()=>{i.style.setProperty("--opacity-scale",""+o)}))}))},w=e(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.keyboardCtrl=null,this.keyboardCtrlPromise=null,this.scrollHideCtrlPromise=null,this.hasWarnedCollapse=!1,this.fadeSetupId=0,this.keyboardVisible=!1,this.translucent=!1,this.checkCollapsibleFooter=async()=>{const{scrollEffect:o,collapse:t}=this;void 0===t||void 0!==o||this.hasWarnedCollapse||(this.hasWarnedCollapse=!0,r(`[ion-footer] - The \`collapse\` property is deprecated. Use \`scrollEffect\` instead.\nExample: <ion-footer scroll-effect="${t}">`,this.el));const e=o??t;if(e===this.activeEffect)return;const i="hide"===e,n="fade"===e;this.destroyCollapsibleFooter();const a=s.get("appRootSelector","ion-app"),c=this.el.closest(a+", ion-page, .ion-page, page-inner"),l=c?f(c):null;if(i&&l)return this.activeEffect=e,void await this.setupScrollEffectHide(l);const d=void 0===o&&"ios"!==m(this);if(n&&!d){if(!l)return void b(this.el);this.setupFadeFooter(l),this.activeEffect=e}},this.setupScrollEffectHide=async o=>{const t=h(o,{el:this.el,cssVar:"--internal-footer-hide-height",hiddenClass:"footer-scroll-hidden",contentPartnerClass:"content-footer-hide-scroll-partner",contentHiddenClass:"content-footer-hide-scroll-hidden"});this.scrollHideCtrlPromise=t;const e=await t;this.scrollHideCtrlPromise===t&&(this.scrollHideCtrlPromise=null,e.init(),this.scrollHideCtrl=e)},this.setupFadeFooter=async o=>{const t=++this.fadeSetupId,e=await l(o);this.fadeSetupId===t&&(this.scrollEl=e,this.contentScrollCallback=()=>{u(e,this.el)},e.addEventListener("scroll",this.contentScrollCallback),u(e,this.el))}}componentDidLoad(){this.checkCollapsibleFooter()}componentDidUpdate(){this.checkCollapsibleFooter()}async connectedCallback(){const o=d((async(o,t)=>{!1===o&&void 0!==t&&await t,this.keyboardVisible=o}));this.keyboardCtrlPromise=o;const t=await o;this.keyboardCtrlPromise===o?(this.keyboardCtrl=t,this.keyboardCtrlPromise=null):t.destroy()}disconnectedCallback(){this.destroyCollapsibleFooter(),this.keyboardCtrlPromise&&(this.keyboardCtrlPromise.then((o=>o.destroy())),this.keyboardCtrlPromise=null),this.keyboardCtrl&&(this.keyboardCtrl.destroy(),this.keyboardCtrl=null)}destroyCollapsibleFooter(){this.activeEffect=void 0,this.fadeSetupId++,this.scrollHideCtrlPromise=null,this.scrollHideCtrl&&(this.scrollHideCtrl.destroy(),this.scrollHideCtrl=void 0),this.scrollEl&&this.contentScrollCallback&&(this.scrollEl.removeEventListener("scroll",this.contentScrollCallback),this.contentScrollCallback=void 0)}render(){const{translucent:o,scrollEffect:t,collapse:e}=this,i=m(this),r=t??e,s="hide"===r,c="fade"===r&&!(void 0===t&&"ios"!==i),f=this.el.closest("ion-tabs"),b=f?.querySelector(":scope > ion-tab-bar");return n(a,{key:"a0777b4a639d22e15374879f018efcf589e756f8",role:"contentinfo",class:{[i]:!0,["footer-"+i]:!0,"footer-translucent":o,["footer-translucent-"+i]:o,"footer-toolbar-padding":!(this.keyboardVisible||b&&"bottom"===b.slot),"footer-collapse-fade":c,"footer-scroll-effect-hide":s}},"ios"===i&&o&&n("div",{key:"d78b46870cbf11c95b066d649c04ec398b66e614",class:"footer-background"}),n("slot",{key:"9dc34787cd29597fe1b1198db317602014ac1483"}))}get el(){return this}static get style(){return{ionic:"ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-collapse-fade ion-toolbar{--opacity-scale:inherit}ion-footer.footer-scroll-effect-hide{-webkit-transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1)}ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1)}@media (prefers-reduced-motion: reduce){ion-footer.footer-scroll-effect-hide,ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transition:none;transition:none}}.footer-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.footer-md.footer-collapse-fade{-webkit-box-shadow:none;box-shadow:none}.footer-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}",ios:"ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-collapse-fade ion-toolbar{--opacity-scale:inherit}ion-footer.footer-scroll-effect-hide{-webkit-transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1)}ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1)}@media (prefers-reduced-motion: reduce){ion-footer.footer-scroll-effect-hide,ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transition:none;transition:none}}.footer-ios ion-toolbar:first-of-type{--border-width:0.55px 0 0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.footer-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.footer-translucent-ios ion-toolbar{--opacity:0.8}}.footer-ios.ion-no-border ion-toolbar:first-of-type{--border-width:0}",md:"ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-collapse-fade ion-toolbar{--opacity-scale:inherit}ion-footer.footer-scroll-effect-hide{-webkit-transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1)}ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1)}@media (prefers-reduced-motion: reduce){ion-footer.footer-scroll-effect-hide,ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transition:none;transition:none}}.footer-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.footer-md.footer-collapse-fade{-webkit-box-shadow:none;box-shadow:none}.footer-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}"}}},[292,"ion-footer",{scrollEffect:[513,"scroll-effect"],collapse:[1],translucent:[4],keyboardVisible:[32]}]),k=w,x=function(){"undefined"!=typeof customElements&&["ion-footer"].forEach((o=>{"ion-footer"===o&&(customElements.get(c(o))||customElements.define(c(o),w))}))};export{k as IonFooter,x as defineCustomElement}
+import{k as o,w as t,p as e,H as i,f as r,c as s,h as n,d as a,t as c}from"./p-Bkk8447d.js";import{f,p as b,g as l}from"./p-Ce2nAsLZ.js";import{c as d}from"./p-CEKVY_H-.js";import{c as h}from"./p-CO6vPcgh.js";import{b as m}from"./p-hJBybumI.js";import{f as p}from"./p-DxjhU4Lj.js";const u=(e,i)=>{o((()=>{const o=p(0,1-(e.scrollTop-(e.scrollHeight-e.clientHeight-10))/10,1);t((()=>{i.style.setProperty("--opacity-scale",""+o)}))}))},w=e(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.keyboardCtrl=null,this.keyboardCtrlPromise=null,this.scrollHideCtrlPromise=null,this.hasWarnedCollapse=!1,this.fadeSetupId=0,this.keyboardVisible=!1,this.translucent=!1,this.checkCollapsibleFooter=async()=>{const{scrollEffect:o,collapse:t}=this;void 0===t||void 0!==o||this.hasWarnedCollapse||(this.hasWarnedCollapse=!0,r(`[ion-footer] - The \`collapse\` property is deprecated. Use \`scrollEffect\` instead.\nExample: <ion-footer scroll-effect="${t}">`,this.el));const e=o??t;if(e===this.activeEffect)return;const i="hide"===e,n="fade"===e;this.destroyCollapsibleFooter();const a=s.get("appRootSelector","ion-app"),c=this.el.closest(a+", ion-page, .ion-page, page-inner"),l=c?f(c):null;if(i&&l)return this.activeEffect=e,void await this.setupScrollEffectHide(l);const d=void 0===o&&"ios"!==m(this);if(n&&!d){if(!l)return void b(this.el);this.setupFadeFooter(l),this.activeEffect=e}},this.setupScrollEffectHide=async o=>{const t=h(o,{el:this.el,cssVar:"--internal-footer-hide-height",hiddenClass:"footer-scroll-hidden",contentPartnerClass:"content-footer-hide-scroll-partner",contentHiddenClass:"content-footer-hide-scroll-hidden"});this.scrollHideCtrlPromise=t;const e=await t;this.scrollHideCtrlPromise===t&&(this.scrollHideCtrlPromise=null,e.init(),this.scrollHideCtrl=e)},this.setupFadeFooter=async o=>{const t=++this.fadeSetupId,e=await l(o);this.fadeSetupId===t&&(this.scrollEl=e,this.contentScrollCallback=()=>{u(e,this.el)},e.addEventListener("scroll",this.contentScrollCallback),u(e,this.el))}}componentDidLoad(){this.checkCollapsibleFooter()}componentDidUpdate(){this.checkCollapsibleFooter()}async connectedCallback(){const o=d((async(o,t)=>{!1===o&&void 0!==t&&await t,this.keyboardVisible=o}));this.keyboardCtrlPromise=o;const t=await o;this.keyboardCtrlPromise===o?(this.keyboardCtrl=t,this.keyboardCtrlPromise=null):t.destroy()}disconnectedCallback(){this.destroyCollapsibleFooter(),this.keyboardCtrlPromise&&(this.keyboardCtrlPromise.then((o=>o.destroy())),this.keyboardCtrlPromise=null),this.keyboardCtrl&&(this.keyboardCtrl.destroy(),this.keyboardCtrl=null)}destroyCollapsibleFooter(){this.activeEffect=void 0,this.fadeSetupId++,this.scrollHideCtrlPromise=null,this.scrollHideCtrl&&(this.scrollHideCtrl.destroy(),this.scrollHideCtrl=void 0),this.scrollEl&&this.contentScrollCallback&&(this.scrollEl.removeEventListener("scroll",this.contentScrollCallback),this.contentScrollCallback=void 0)}render(){const{translucent:o,scrollEffect:t,collapse:e}=this,i=m(this),r=t??e,s="hide"===r,c="fade"===r&&!(void 0===t&&"ios"!==i),f=this.el.closest("ion-tabs"),b=f?.querySelector(":scope > ion-tab-bar");return n(a,{key:"a0777b4a639d22e15374879f018efcf589e756f8",role:"contentinfo",class:{[i]:!0,["footer-"+i]:!0,"footer-translucent":o,["footer-translucent-"+i]:o,"footer-toolbar-padding":!(this.keyboardVisible||b&&"bottom"===b.slot),"footer-collapse-fade":c,"footer-scroll-effect-hide":s}},"ios"===i&&o&&n("div",{key:"d78b46870cbf11c95b066d649c04ec398b66e614",class:"footer-background"}),n("slot",{key:"9dc34787cd29597fe1b1198db317602014ac1483"}))}get el(){return this}static get style(){return{ionic:"ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-collapse-fade ion-toolbar{--opacity-scale:inherit}ion-footer.footer-scroll-effect-hide{-webkit-transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1)}ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1)}@media (prefers-reduced-motion: reduce){ion-footer.footer-scroll-effect-hide,ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transition:none;transition:none}}.footer-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.footer-md.footer-collapse-fade{-webkit-box-shadow:none;box-shadow:none}.footer-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}",ios:"ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-collapse-fade ion-toolbar{--opacity-scale:inherit}ion-footer.footer-scroll-effect-hide{-webkit-transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1)}ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1)}@media (prefers-reduced-motion: reduce){ion-footer.footer-scroll-effect-hide,ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transition:none;transition:none}}.footer-ios ion-toolbar:first-of-type{--border-width:0.55px 0 0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.footer-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.footer-translucent-ios ion-toolbar{--opacity:0.8}}.footer-ios.ion-no-border ion-toolbar:first-of-type{--border-width:0}",md:"ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-collapse-fade ion-toolbar{--opacity-scale:inherit}ion-footer.footer-scroll-effect-hide{-webkit-transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:-webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 200ms cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 200ms cubic-bezier(0.16, 1, 0.3, 1)}ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1);transition:transform 350ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 350ms cubic-bezier(0.4, 0, 1, 1)}@media (prefers-reduced-motion: reduce){ion-footer.footer-scroll-effect-hide,ion-footer.footer-scroll-effect-hide.footer-scroll-hidden{-webkit-transition:none;transition:none}}.footer-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.footer-md.footer-collapse-fade{-webkit-box-shadow:none;box-shadow:none}.footer-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}"}}},[292,"ion-footer",{scrollEffect:[513,"scroll-effect"],collapse:[1],translucent:[4],keyboardVisible:[32]}]),k=w,x=function(){"undefined"!=typeof customElements&&["ion-footer"].forEach((o=>{"ion-footer"===o&&(customElements.get(c(o))||customElements.define(c(o),w))}))};export{k as IonFooter,x as defineCustomElement}

package/components/ion-gallery-item.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as t,H as e,f as o,h as l,d as i,t as s}from"./p-Bkk8447d.js";import{b as a}from"./p-Uo-TYRpE.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasWarnedInvalidParent=!1,this.onSlotChange=()=>{this.warnInvalidParent()}}componentWillLoad(){this.syncGalleryLayout()}componentDidLoad(){this.warnInvalidParent()}connectedCallback(){this.syncGalleryLayout()}async syncGalleryLayout(){this.galleryLayout=this.el.closest("ion-gallery")?.layout}warnInvalidParent(){this.hasWarnedInvalidParent||null!==this.el.closest("ion-gallery")||(o('[ion-gallery-item] - This component should be used as a child of an "ion-gallery" component.',this.el),this.hasWarnedInvalidParent=!0)}render(){const{galleryLayout:t}=this,e=a(this);return l(i,{key:"989b13983917f237604ab2d18456ceef140a7f8c",class:{[e]:!0,["in-gallery-layout-"+t]:null!=t}},l("slot",{key:"e4cc9398e55cc1bb19654c8f954eed1edab2e38a",onSlotchange:this.onSlotChange}))}get el(){return this}static get style(){return":host{display:block;width:100%}::slotted(*){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%}::slotted(img){display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}:host(.in-gallery-layout-uniform),:host(.in-gallery-layout-uniform) ::slotted(*){aspect-ratio:1/1}:host(.in-gallery-layout-masonry){margin-bottom:var(--internal-gallery-gap, 16px)}"}},[257,"ion-gallery-item",{galleryLayout:[32],syncGalleryLayout:[64]}]),r=n,c=function(){"undefined"!=typeof customElements&&["ion-gallery-item"].forEach((t=>{"ion-gallery-item"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{r as IonGalleryItem,c as defineCustomElement}
+import{p as t,H as e,f as o,h as l,d as i,t as s}from"./p-Bkk8447d.js";import{b as a}from"./p-hJBybumI.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasWarnedInvalidParent=!1,this.onSlotChange=()=>{this.warnInvalidParent()}}componentWillLoad(){this.syncGalleryLayout()}componentDidLoad(){this.warnInvalidParent()}connectedCallback(){this.syncGalleryLayout()}async syncGalleryLayout(){this.galleryLayout=this.el.closest("ion-gallery")?.layout}warnInvalidParent(){this.hasWarnedInvalidParent||null!==this.el.closest("ion-gallery")||(o('[ion-gallery-item] - This component should be used as a child of an "ion-gallery" component.',this.el),this.hasWarnedInvalidParent=!0)}render(){const{galleryLayout:t}=this,e=a(this);return l(i,{key:"989b13983917f237604ab2d18456ceef140a7f8c",class:{[e]:!0,["in-gallery-layout-"+t]:null!=t}},l("slot",{key:"e4cc9398e55cc1bb19654c8f954eed1edab2e38a",onSlotchange:this.onSlotChange}))}get el(){return this}static get style(){return":host{display:block;width:100%}::slotted(*){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%}::slotted(img){display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}:host(.in-gallery-layout-uniform),:host(.in-gallery-layout-uniform) ::slotted(*){aspect-ratio:1/1}:host(.in-gallery-layout-masonry){margin-bottom:var(--internal-gallery-gap, 16px)}"}},[257,"ion-gallery-item",{galleryLayout:[32],syncGalleryLayout:[64]}]),r=n,c=function(){"undefined"!=typeof customElements&&["ion-gallery-item"].forEach((t=>{"ion-gallery-item"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{r as IonGalleryItem,c as defineCustomElement}

package/components/ion-gallery.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as t,H as s,f as i,h as e,d as r,t as o}from"./p-Bkk8447d.js";import{r as n}from"./p-DwAij6DN.js";import{b as a}from"./p-Uo-TYRpE.js";const l=/^[-+]?(?:\d+\.?\d*|\.\d+)(?:%|[a-z]+)$/i,h=/^(calc|min|max|clamp)\s*\(.+\)$/i,d=/^var\(\s*--[^\s,)]+\s*(?:,[\s\S]*)?\)$/i,u={xs:2,sm:3,md:4,lg:6,xl:8,xxl:10},m="16px",p={xs:0,sm:576,md:768,lg:992,xl:1200,xxl:1400},c=["xs","sm","md","lg","xl","xxl"],g="ion-gallery-item",y=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasWarnedInvalidColumns=!1,this.hasWarnedInvalidGap=!1,this.hasWarnedUnusedOrder=!1,this.hasWarnedInvalidItems=!1,this.layout="uniform",this.columns=u,this.gap=m,this.onSlotChange=()=>{this.collapseWrappers(),this.observeResizes(),this.scheduleMasonryResize()},this.resizeMasonryGrid=()=>{if(this.masonryRaf=void 0,"masonry"!==this.layout)return void this.clearMasonryStyles();const t=this.el.getBoundingClientRect().width,s=this.getColumnsForWidth(t);if(void 0===s)return;const i=getComputedStyle(this.el),e=parseFloat(i.getPropertyValue("grid-auto-rows"))||0,r=parseFloat(i.getPropertyValue("row-gap"))||parseFloat(i.getPropertyValue("gap"))||0,o=this.getItems();this.layoutMasonry(o,e,r,s)}}onColumnsOrGapChanged(){this.syncResponsiveLayout()}onLayoutOrOrderChanged(){this.syncResponsiveLayout(),this.syncItemLayout(),n((()=>{this.warnUnusedOrder()}))}syncItemLayout(){this.getItems().forEach((t=>{t.syncGalleryLayout()}))}componentDidLoad(){this.collapseWrappers(),this.updateResponsiveStyles(!0),this.resizeObserver=new ResizeObserver((()=>{this.updateResponsiveStyles(),this.scheduleMasonryResize()})),this.observeResizes(),this.scheduleMasonryResize(),this.warnUnusedOrder()}disconnectedCallback(){void 0!==this.masonryRaf&&(cancelAnimationFrame(this.masonryRaf),this.masonryRaf=void 0),this.resizeObserver?.disconnect(),this.resizeObserver=void 0}observeResizes(){const t=this.resizeObserver;void 0!==t&&(t.disconnect(),t.observe(this.el),this.getItems().forEach((s=>t.observe(s))))}onChildLoad(t){if("masonry"!==this.layout)return;const s=t.target;s instanceof Node&&this.el.contains(s)&&this.scheduleMasonryResize()}syncResponsiveLayout(){this.updateResponsiveStyles(!0),this.scheduleMasonryResize()}scheduleMasonryResize(){"masonry"===this.layout?(void 0!==this.masonryRaf&&cancelAnimationFrame(this.masonryRaf),this.masonryRaf=requestAnimationFrame(this.resizeMasonryGrid)):this.clearMasonryStyles()}sanitizeColumns(t){if(void 0===t)return;const s="number"==typeof t?t:Number(t);return!Number.isFinite(s)||!Number.isInteger(s)||s<=0?void 0:s}sanitizeGap(t){if(void 0===t)return;const s="string"==typeof t?t.trim():t;if(""===s||"object"==typeof s)return;const i=Number(s);return Number.isFinite(i)?i<0?void 0:i+"px":"string"==typeof s&&(function(t){return d.test(t.trim())}(s)||function(t){const s=t.trim();return!!s&&(h.test(s)||l.test(s))}(s))?s:void 0}isBreakpointMap(t){return"object"==typeof t&&null!==t&&!Array.isArray(t)}hasInvalidBreakpointMap(t,s){let i=!1;for(const e of c){const r=t[e];if(void 0!==r&&(i=!0,void 0===s(r)))return!0}return!i}resolveFromBreakpoints(t,s,i,e){let r;for(const o of c){const n=s[o],a=i(n),l=e(o),h=void 0===n||void 0===a?l:a;void 0!==h&&t>=p[o]&&(r=h)}return r}getColumnsFromBreakpointMap(t,s){return this.resolveFromBreakpoints(t,s,(t=>this.sanitizeColumns(t)),(t=>this.sanitizeColumns(u[t])))}getGapFromBreakpointMap(t,s){return this.resolveFromBreakpoints(t,s,(t=>this.sanitizeGap(t)),(()=>this.sanitizeGap(m)))}warnInvalidColumns(t){this.hasWarnedInvalidColumns||(i(`[ion-gallery] - Invalid "columns" value (${JSON.stringify(t)}). Expected a positive integer or breakpoint map object (e.g. { xs: 2, md: 4 }). Falling back to default responsive columns.`,this.el),this.hasWarnedInvalidColumns=!0)}warnInvalidGap(t){this.hasWarnedInvalidGap||(i(`[ion-gallery] - Invalid "gap" value (${JSON.stringify(t)}). Expected a non-negative number, CSS length string, CSS variable (e.g. var(--app-gap)), or breakpoint map object (e.g. { xs: 8, md: "1rem" }).`,this.el),this.hasWarnedInvalidGap=!0)}warnUnusedOrder(){const{layout:t}=this;this.hasWarnedUnusedOrder||"uniform"!==t||void 0===(null==this.order?void 0:this.order)||(i('[ion-gallery] - "order" has no effect when "layout" is "uniform". Set "layout" to "masonry" for "order" to apply.',this.el),this.hasWarnedUnusedOrder=!0)}getColumnsForWidth(t){const{columns:s}=this,i=this.isBreakpointMap(s),e=i&&this.hasInvalidBreakpointMap(s,(t=>this.sanitizeColumns(t))),r=i?this.getColumnsFromBreakpointMap(t,s):this.sanitizeColumns(s);return(e||!i&&void 0===r)&&this.warnInvalidColumns(s),void 0!==r?r:this.getColumnsFromBreakpointMap(t,u)}getGapForWidth(t){const{gap:s}=this,i=s??m,e=this.isBreakpointMap(i),r=e&&this.hasInvalidBreakpointMap(i,(t=>this.sanitizeGap(t))),o=e?this.getGapFromBreakpointMap(t,i):this.sanitizeGap(i);return(r||!e&&void 0===o)&&this.warnInvalidGap(i),void 0!==o?o:this.sanitizeGap(m)}updateResponsiveStyles(t=!1){const s=this.el.getBoundingClientRect().width;if(!s||!t&&void 0!==this.lastWidth&&Math.abs(this.lastWidth-s)<1)return;this.lastWidth=s;const i=this.getColumnsForWidth(s);this.el.style.setProperty("--internal-gallery-columns",""+i);const e=this.getGapForWidth(s);this.el.style.setProperty("--internal-gallery-gap",""+e)}getItems(){return Array.from(this.el.querySelectorAll(g)).filter((t=>t.closest("ion-gallery")===this.el))}collapseWrappers(){const t=this.getItems();Array.from(this.el.children).forEach((s=>{if(!s.matches(g))return t.some((t=>s.contains(t)))?void(s.style.display="contents"):("contents"===s.style.display&&(s.style.display=""),void this.warnInvalidItems())}))}warnInvalidItems(){this.hasWarnedInvalidItems||(i('[ion-gallery] - Gallery items must be wrapped in "ion-gallery-item" components. Direct children that are not "ion-gallery-item" (and do not contain one) are ignored.',this.el),this.hasWarnedInvalidItems=!0)}clearItemStyles(t){t.style.gridRowStart="",t.style.gridRowEnd="",t.style.gridColumn="",t.style.marginBottom=""}clearMasonryStyles(){this.getItems().forEach((t=>this.clearItemStyles(t)))}hasUnloadedImages(t){return Array.from(t.querySelectorAll("img")).some((t=>!t.complete||0===t.naturalHeight))}calculateRowSpan(t,s,i){if(this.hasUnloadedImages(t))return;const e=t.getBoundingClientRect().height,r=getComputedStyle(t),o=parseFloat(r.getPropertyValue("margin-bottom"))||0,n=s+i;return n&&Number.isFinite(n)&&Math.ceil((e+o+i)/n)||1}getColumnIndex(t,s,i){if("best-fit"===this.getOrder()){let t=0;for(let e=1;e<i;e++)s[e]<s[t]&&(t=e);return t}return t%i}layoutMasonry(t,s,i,e){const r=Array(e).fill(0),o=Array(e).fill(void 0);t.forEach(((t,n)=>{t.style.marginBottom="";const a=this.calculateRowSpan(t,s,i);if(void 0===a)return void this.clearItemStyles(t);const l=this.getColumnIndex(n,r,e),h=r[l]+1;t.style.gridColumn=""+(l+1),t.style.gridRowStart=""+h,t.style.gridRowEnd="span "+a,r[l]=h+a-1,o[l]=t})),o.forEach((t=>{if(void 0===t)return;t.style.marginBottom="0px";const e=this.calculateRowSpan(t,s,i);void 0!==e?t.style.gridRowEnd="span "+e:this.clearItemStyles(t)}))}getOrder(){const{layout:t}=this,s=null==this.order?void 0:this.order;if("uniform"!==t)return"masonry"===t&&void 0===s?"sequential":s}render(){const{layout:t}=this,s=this.getOrder(),i=a(this);return e(r,{key:"4a0a9cdd0da106ac0bd2c188a4c6612edab43b33",class:{[i]:!0,["gallery-layout-"+t]:!0,["gallery-order-"+s]:"masonry"===t&&void 0!==s}},e("slot",{key:"dc6414ce9762ad7daaedc1583db35e0613a76e11",onSlotchange:this.onSlotChange}))}get el(){return this}static get watchers(){return{columns:[{onColumnsOrGapChanged:0}],gap:[{onColumnsOrGapChanged:0}],layout:[{onLayoutOrOrderChanged:0}],order:[{onLayoutOrOrderChanged:0}]}}static get style(){return":host{display:grid;grid-template-columns:repeat(var(--internal-gallery-columns, 2), minmax(0, 1fr))}:host(.gallery-layout-uniform){gap:var(--internal-gallery-gap, 16px)}:host(.gallery-layout-masonry){-ms-flex-align:start;align-items:start;-webkit-column-gap:var(--internal-gallery-gap, 16px);-moz-column-gap:var(--internal-gallery-gap, 16px);column-gap:var(--internal-gallery-gap, 16px);row-gap:0;grid-auto-rows:1px}"}},[257,"ion-gallery",{layout:[1],order:[1],columns:[8],gap:[8]},[[2,"load","onChildLoad"]],{columns:[{onColumnsOrGapChanged:0}],gap:[{onColumnsOrGapChanged:0}],layout:[{onLayoutOrOrderChanged:0}],order:[{onLayoutOrOrderChanged:0}]}]),v=y,f=function(){"undefined"!=typeof customElements&&["ion-gallery"].forEach((t=>{"ion-gallery"===t&&(customElements.get(o(t))||customElements.define(o(t),y))}))};export{v as IonGallery,f as defineCustomElement}
+import{p as t,H as s,f as i,h as e,d as r,t as o}from"./p-Bkk8447d.js";import{r as n}from"./p-DxjhU4Lj.js";import{b as a}from"./p-hJBybumI.js";const l=/^[-+]?(?:\d+\.?\d*|\.\d+)(?:%|[a-z]+)$/i,h=/^(calc|min|max|clamp)\s*\(.+\)$/i,d=/^var\(\s*--[^\s,)]+\s*(?:,[\s\S]*)?\)$/i,u={xs:2,sm:3,md:4,lg:6,xl:8,xxl:10},m="16px",c={xs:0,sm:576,md:768,lg:992,xl:1200,xxl:1400},p=["xs","sm","md","lg","xl","xxl"],g="ion-gallery-item",y=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasWarnedInvalidColumns=!1,this.hasWarnedInvalidGap=!1,this.hasWarnedUnusedOrder=!1,this.hasWarnedInvalidItems=!1,this.layout="uniform",this.columns=u,this.gap=m,this.onSlotChange=()=>{this.collapseWrappers(),this.observeResizes(),this.scheduleMasonryResize()},this.resizeMasonryGrid=()=>{if(this.masonryRaf=void 0,"masonry"!==this.layout)return void this.clearMasonryStyles();const t=this.el.getBoundingClientRect().width,s=this.getColumnsForWidth(t);if(void 0===s)return;const i=getComputedStyle(this.el),e=parseFloat(i.getPropertyValue("grid-auto-rows"))||0,r=parseFloat(i.getPropertyValue("row-gap"))||parseFloat(i.getPropertyValue("gap"))||0,o=this.getItems();this.layoutMasonry(o,e,r,s)}}onColumnsOrGapChanged(){this.syncResponsiveLayout()}onLayoutOrOrderChanged(){this.syncResponsiveLayout(),this.syncItemLayout(),n((()=>{this.warnUnusedOrder()}))}syncItemLayout(){this.getItems().forEach((t=>{t.syncGalleryLayout()}))}componentDidLoad(){this.collapseWrappers(),this.updateResponsiveStyles(!0),this.resizeObserver=new ResizeObserver((()=>{this.updateResponsiveStyles(),this.scheduleMasonryResize()})),this.observeResizes(),this.scheduleMasonryResize(),this.warnUnusedOrder()}disconnectedCallback(){void 0!==this.masonryRaf&&(cancelAnimationFrame(this.masonryRaf),this.masonryRaf=void 0),this.resizeObserver?.disconnect(),this.resizeObserver=void 0}observeResizes(){const t=this.resizeObserver;void 0!==t&&(t.disconnect(),t.observe(this.el),this.getItems().forEach((s=>t.observe(s))))}onChildLoad(t){if("masonry"!==this.layout)return;const s=t.target;s instanceof Node&&this.el.contains(s)&&this.scheduleMasonryResize()}syncResponsiveLayout(){this.updateResponsiveStyles(!0),this.scheduleMasonryResize()}scheduleMasonryResize(){"masonry"===this.layout?(void 0!==this.masonryRaf&&cancelAnimationFrame(this.masonryRaf),this.masonryRaf=requestAnimationFrame(this.resizeMasonryGrid)):this.clearMasonryStyles()}sanitizeColumns(t){if(void 0===t)return;const s="number"==typeof t?t:Number(t);return!Number.isFinite(s)||!Number.isInteger(s)||s<=0?void 0:s}sanitizeGap(t){if(void 0===t)return;const s="string"==typeof t?t.trim():t;if(""===s||"object"==typeof s)return;const i=Number(s);return Number.isFinite(i)?i<0?void 0:i+"px":"string"==typeof s&&(function(t){return d.test(t.trim())}(s)||function(t){const s=t.trim();return!!s&&(h.test(s)||l.test(s))}(s))?s:void 0}isBreakpointMap(t){return"object"==typeof t&&null!==t&&!Array.isArray(t)}hasInvalidBreakpointMap(t,s){let i=!1;for(const e of p){const r=t[e];if(void 0!==r&&(i=!0,void 0===s(r)))return!0}return!i}resolveFromBreakpoints(t,s,i,e){let r;for(const o of p){const n=s[o],a=i(n),l=e(o),h=void 0===n||void 0===a?l:a;void 0!==h&&t>=c[o]&&(r=h)}return r}getColumnsFromBreakpointMap(t,s){return this.resolveFromBreakpoints(t,s,(t=>this.sanitizeColumns(t)),(t=>this.sanitizeColumns(u[t])))}getGapFromBreakpointMap(t,s){return this.resolveFromBreakpoints(t,s,(t=>this.sanitizeGap(t)),(()=>this.sanitizeGap(m)))}warnInvalidColumns(t){this.hasWarnedInvalidColumns||(i(`[ion-gallery] - Invalid "columns" value (${JSON.stringify(t)}). Expected a positive integer or breakpoint map object (e.g. { xs: 2, md: 4 }). Falling back to default responsive columns.`,this.el),this.hasWarnedInvalidColumns=!0)}warnInvalidGap(t){this.hasWarnedInvalidGap||(i(`[ion-gallery] - Invalid "gap" value (${JSON.stringify(t)}). Expected a non-negative number, CSS length string, CSS variable (e.g. var(--app-gap)), or breakpoint map object (e.g. { xs: 8, md: "1rem" }).`,this.el),this.hasWarnedInvalidGap=!0)}warnUnusedOrder(){const{layout:t}=this;this.hasWarnedUnusedOrder||"uniform"!==t||void 0===(null==this.order?void 0:this.order)||(i('[ion-gallery] - "order" has no effect when "layout" is "uniform". Set "layout" to "masonry" for "order" to apply.',this.el),this.hasWarnedUnusedOrder=!0)}getColumnsForWidth(t){const{columns:s}=this,i=this.isBreakpointMap(s),e=i&&this.hasInvalidBreakpointMap(s,(t=>this.sanitizeColumns(t))),r=i?this.getColumnsFromBreakpointMap(t,s):this.sanitizeColumns(s);return(e||!i&&void 0===r)&&this.warnInvalidColumns(s),void 0!==r?r:this.getColumnsFromBreakpointMap(t,u)}getGapForWidth(t){const{gap:s}=this,i=s??m,e=this.isBreakpointMap(i),r=e&&this.hasInvalidBreakpointMap(i,(t=>this.sanitizeGap(t))),o=e?this.getGapFromBreakpointMap(t,i):this.sanitizeGap(i);return(r||!e&&void 0===o)&&this.warnInvalidGap(i),void 0!==o?o:this.sanitizeGap(m)}updateResponsiveStyles(t=!1){const s=this.el.getBoundingClientRect().width;if(!s||!t&&void 0!==this.lastWidth&&Math.abs(this.lastWidth-s)<1)return;this.lastWidth=s;const i=this.getColumnsForWidth(s);this.el.style.setProperty("--internal-gallery-columns",""+i);const e=this.getGapForWidth(s);this.el.style.setProperty("--internal-gallery-gap",""+e)}getItems(){return Array.from(this.el.querySelectorAll(g)).filter((t=>t.closest("ion-gallery")===this.el))}collapseWrappers(){const t=this.getItems();Array.from(this.el.children).forEach((s=>{if(!s.matches(g))return t.some((t=>s.contains(t)))?void(s.style.display="contents"):("contents"===s.style.display&&(s.style.display=""),void this.warnInvalidItems())}))}warnInvalidItems(){this.hasWarnedInvalidItems||(i('[ion-gallery] - Gallery items must be wrapped in "ion-gallery-item" components. Direct children that are not "ion-gallery-item" (and do not contain one) are ignored.',this.el),this.hasWarnedInvalidItems=!0)}clearItemStyles(t){t.style.gridRowStart="",t.style.gridRowEnd="",t.style.gridColumn="",t.style.marginBottom=""}clearMasonryStyles(){this.getItems().forEach((t=>this.clearItemStyles(t)))}hasUnloadedImages(t){return Array.from(t.querySelectorAll("img")).some((t=>!t.complete||0===t.naturalHeight))}calculateRowSpan(t,s,i){if(this.hasUnloadedImages(t))return;const e=t.getBoundingClientRect().height,r=getComputedStyle(t),o=parseFloat(r.getPropertyValue("margin-bottom"))||0,n=s+i;return n&&Number.isFinite(n)&&Math.ceil((e+o+i)/n)||1}getColumnIndex(t,s,i){if("best-fit"===this.getOrder()){let t=0;for(let e=1;e<i;e++)s[e]<s[t]&&(t=e);return t}return t%i}layoutMasonry(t,s,i,e){const r=Array(e).fill(0),o=Array(e).fill(void 0);t.forEach(((t,n)=>{t.style.marginBottom="";const a=this.calculateRowSpan(t,s,i);if(void 0===a)return void this.clearItemStyles(t);const l=this.getColumnIndex(n,r,e),h=r[l]+1;t.style.gridColumn=""+(l+1),t.style.gridRowStart=""+h,t.style.gridRowEnd="span "+a,r[l]=h+a-1,o[l]=t})),o.forEach((t=>{if(void 0===t)return;t.style.marginBottom="0px";const e=this.calculateRowSpan(t,s,i);void 0!==e?t.style.gridRowEnd="span "+e:this.clearItemStyles(t)}))}getOrder(){const{layout:t}=this,s=null==this.order?void 0:this.order;if("uniform"!==t)return"masonry"===t&&void 0===s?"sequential":s}render(){const{layout:t}=this,s=this.getOrder(),i=a(this);return e(r,{key:"4a0a9cdd0da106ac0bd2c188a4c6612edab43b33",class:{[i]:!0,["gallery-layout-"+t]:!0,["gallery-order-"+s]:"masonry"===t&&void 0!==s}},e("slot",{key:"dc6414ce9762ad7daaedc1583db35e0613a76e11",onSlotchange:this.onSlotChange}))}get el(){return this}static get watchers(){return{columns:[{onColumnsOrGapChanged:0}],gap:[{onColumnsOrGapChanged:0}],layout:[{onLayoutOrOrderChanged:0}],order:[{onLayoutOrOrderChanged:0}]}}static get style(){return":host{display:grid;grid-template-columns:repeat(var(--internal-gallery-columns, 2), minmax(0, 1fr))}:host(.gallery-layout-uniform){gap:var(--internal-gallery-gap, 16px)}:host(.gallery-layout-masonry){-ms-flex-align:start;align-items:start;-webkit-column-gap:var(--internal-gallery-gap, 16px);-moz-column-gap:var(--internal-gallery-gap, 16px);column-gap:var(--internal-gallery-gap, 16px);row-gap:0;grid-auto-rows:1px}"}},[257,"ion-gallery",{layout:[1],order:[1],columns:[8],gap:[8]},[[2,"load","onChildLoad"]],{columns:[{onColumnsOrGapChanged:0}],gap:[{onColumnsOrGapChanged:0}],layout:[{onLayoutOrOrderChanged:0}],order:[{onLayoutOrOrderChanged:0}]}]),v=y,f=function(){"undefined"!=typeof customElements&&["ion-gallery"].forEach((t=>{"ion-gallery"===t&&(customElements.get(o(t))||customElements.define(o(t),y))}))};export{v as IonGallery,f as defineCustomElement}

package/components/ion-grid.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as i,H as d,h as n,d as a,t as g}from"./p-Bkk8447d.js";import{b as r}from"./p-Uo-TYRpE.js";const p=i(class extends d{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.fixed=!1}render(){const i=r(this);return n(a,{key:"e3320fc2fc5391d26898cc119505cd3be30dd48b",class:{[i]:!0,"grid-fixed":this.fixed}},n("slot",{key:"2000e6b336c294aadf4585269c301d734d2fe478"}))}static get style(){return":host{-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;display:block;-ms-flex:1;flex:1}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}"}},[257,"ion-grid",{fixed:[4]}]),o=p,t=function(){"undefined"!=typeof customElements&&["ion-grid"].forEach((i=>{"ion-grid"===i&&(customElements.get(g(i))||customElements.define(g(i),p))}))};export{o as IonGrid,t as defineCustomElement}
+import{p as i,H as d,h as n,d as a,t as g}from"./p-Bkk8447d.js";import{b as r}from"./p-hJBybumI.js";const p=i(class extends d{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.fixed=!1}render(){const i=r(this);return n(a,{key:"e3320fc2fc5391d26898cc119505cd3be30dd48b",class:{[i]:!0,"grid-fixed":this.fixed}},n("slot",{key:"2000e6b336c294aadf4585269c301d734d2fe478"}))}static get style(){return":host{-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;display:block;-ms-flex:1;flex:1}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}"}},[257,"ion-grid",{fixed:[4]}]),o=p,t=function(){"undefined"!=typeof customElements&&["ion-grid"].forEach((i=>{"ion-grid"===i&&(customElements.get(g(i))||customElements.define(g(i),p))}))};export{o as IonGrid,t as defineCustomElement}

package/components/ion-header.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{H as s,d as o}from"./p-DG-ZC7Js.js";const p=s,r=o;export{p as IonHeader,r as defineCustomElement}
+import{H as o,d as s}from"./p-YP5ydNow.js";const p=o,r=s;export{p as IonHeader,r as defineCustomElement}

package/components/ion-img.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as t,H as i,e,f as s,h as o,d as n,t as r}from"./p-Bkk8447d.js";import{d as a}from"./p-DwAij6DN.js";import{b as h}from"./p-Uo-TYRpE.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ionImgWillLoad=e(this,"ionImgWillLoad",7),this.ionImgDidLoad=e(this,"ionImgDidLoad",7),this.ionError=e(this,"ionError",7),this.inheritedAttributes={},this.onLoad=()=>{this.ionImgDidLoad.emit()},this.onError=()=>{this.ionError.emit()}}srcChanged(){this.addIO()}componentWillLoad(){this.inheritedAttributes=a(this.el,["draggable"])}componentDidLoad(){s('[ion-img] - This component is deprecated and will be removed in Ionic v10. Use a native <img> with the loading="lazy" attribute instead.',this.el),this.addIO()}disconnectedCallback(){this.loadTimeout&&clearTimeout(this.loadTimeout)}addIO(){this.loadTimeout&&(clearTimeout(this.loadTimeout),this.loadTimeout=void 0),void 0!==this.src&&("undefined"!=typeof window&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype?(this.removeIO(),this.io=new IntersectionObserver((t=>{t[t.length-1].isIntersecting&&(this.load(),this.removeIO())})),this.io.observe(this.el)):this.loadTimeout=setTimeout((()=>this.load()),200))}load(){this.loadError=this.onError,this.loadSrc=this.src,this.ionImgWillLoad.emit()}removeIO(){this.io&&(this.io.disconnect(),this.io=void 0)}render(){const{loadSrc:t,alt:i,onLoad:e,loadError:s,inheritedAttributes:r}=this,{draggable:a}=r,d=h(this);return o(n,{key:"048531a0d848bdc8b8c3196e63859a65f21e1a67",class:{[d]:!0}},o("img",{key:"e1453ea5ced5ed2d2e1ef8b67ae7b616c8e60029",decoding:"async",src:t,alt:i,onLoad:e,onError:s,part:"image",draggable:c(a)}))}get el(){return this}static get watchers(){return{src:[{srcChanged:0}]}}static get style(){return":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}"}},[1,"ion-img",{alt:[1],src:[1],loadSrc:[32],loadError:[32]},void 0,{src:[{srcChanged:0}]}]),c=t=>{switch(t){case"true":return!0;case"false":return!1;default:return}},l=d,m=function(){"undefined"!=typeof customElements&&["ion-img"].forEach((t=>{"ion-img"===t&&(customElements.get(r(t))||customElements.define(r(t),d))}))};export{l as IonImg,m as defineCustomElement}
+import{p as t,H as i,e,f as s,h as o,d as n,t as r}from"./p-Bkk8447d.js";import{d as a}from"./p-DxjhU4Lj.js";import{b as h}from"./p-hJBybumI.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ionImgWillLoad=e(this,"ionImgWillLoad",7),this.ionImgDidLoad=e(this,"ionImgDidLoad",7),this.ionError=e(this,"ionError",7),this.inheritedAttributes={},this.onLoad=()=>{this.ionImgDidLoad.emit()},this.onError=()=>{this.ionError.emit()}}srcChanged(){this.addIO()}componentWillLoad(){this.inheritedAttributes=a(this.el,["draggable"])}componentDidLoad(){s('[ion-img] - This component is deprecated and will be removed in Ionic v10. Use a native <img> with the loading="lazy" attribute instead.',this.el),this.addIO()}disconnectedCallback(){this.loadTimeout&&clearTimeout(this.loadTimeout)}addIO(){this.loadTimeout&&(clearTimeout(this.loadTimeout),this.loadTimeout=void 0),void 0!==this.src&&("undefined"!=typeof window&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype?(this.removeIO(),this.io=new IntersectionObserver((t=>{t[t.length-1].isIntersecting&&(this.load(),this.removeIO())})),this.io.observe(this.el)):this.loadTimeout=setTimeout((()=>this.load()),200))}load(){this.loadError=this.onError,this.loadSrc=this.src,this.ionImgWillLoad.emit()}removeIO(){this.io&&(this.io.disconnect(),this.io=void 0)}render(){const{loadSrc:t,alt:i,onLoad:e,loadError:s,inheritedAttributes:r}=this,{draggable:a}=r,d=h(this);return o(n,{key:"048531a0d848bdc8b8c3196e63859a65f21e1a67",class:{[d]:!0}},o("img",{key:"e1453ea5ced5ed2d2e1ef8b67ae7b616c8e60029",decoding:"async",src:t,alt:i,onLoad:e,onError:s,part:"image",draggable:c(a)}))}get el(){return this}static get watchers(){return{src:[{srcChanged:0}]}}static get style(){return":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}"}},[1,"ion-img",{alt:[1],src:[1],loadSrc:[32],loadError:[32]},void 0,{src:[{srcChanged:0}]}]),c=t=>{switch(t){case"true":return!0;case"false":return!1;default:return}},l=d,m=function(){"undefined"!=typeof customElements&&["ion-img"].forEach((t=>{"ion-img"===t&&(customElements.get(r(t))||customElements.define(r(t),d))}))};export{l as IonImg,m as defineCustomElement}

package/components/ion-infinite-scroll-content.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as n,H as i,c as e,h as t,d as o,t as l}from"./p-Bkk8447d.js";import{E as s}from"./p-DWCzVL3Y.js";import{a as r}from"./p-ClnMyzlV.js";import{b as c}from"./p-Uo-TYRpE.js";import{d as a}from"./p-BQUTtt8S.js";const p=n(class extends i{constructor(n){super(),!1!==n&&this.__registerHost(),this.customHTMLEnabled=e.get("innerHTMLTemplatesEnabled",s)}componentDidLoad(){if(void 0===this.loadingSpinner){const n=c(this);this.loadingSpinner=e.get("infiniteLoadingSpinner",e.get("spinner","ios"===n?"lines":"crescent"))}}renderLoadingText(){const{customHTMLEnabled:n,loadingText:i}=this;return n?t("div",{class:"infinite-loading-text",innerHTML:r(i)}):t("div",{class:"infinite-loading-text"},this.loadingText)}render(){const n=c(this);return t(o,{key:"263a27297159ced042f7552a1e14b8c6aba62fa8",class:{[n]:!0,["infinite-scroll-content-"+n]:!0}},t("div",{key:"ee38d3c52df9dc5de186406b3087f20917a17252",class:"infinite-loading"},this.loadingSpinner&&t("div",{key:"e2348727f79a26f52f42641d4334a0ba9d4aa03e",class:"infinite-loading-spinner"},t("ion-spinner",{key:"41be6f2747f3af5f46c8738e2ef56083ecd95e99",name:this.loadingSpinner})),void 0!==this.loadingText&&this.renderLoadingText()))}static get style(){return{ionic:"ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-md .infinite-loading-text{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-small-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-md .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}",ios:"ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-ios .infinite-loading-text{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-small-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}",md:"ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-md .infinite-loading-text{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-small-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-md .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}"}}},[32,"ion-infinite-scroll-content",{loadingSpinner:[1025,"loading-spinner"],loadingText:[1,"loading-text"]}]),d=p,f=function(){"undefined"!=typeof customElements&&["ion-infinite-scroll-content","ion-spinner"].forEach((n=>{switch(n){case"ion-infinite-scroll-content":customElements.get(l(n))||customElements.define(l(n),p);break;case"ion-spinner":customElements.get(l(n))||a()}}))};export{d as IonInfiniteScrollContent,f as defineCustomElement}
+import{p as n,H as i,c as e,h as t,d as o,t as l}from"./p-Bkk8447d.js";import{E as s}from"./p-DWCzVL3Y.js";import{a as r}from"./p-ClnMyzlV.js";import{b as c}from"./p-hJBybumI.js";import{d as a}from"./p-oaWlbHN_.js";const p=n(class extends i{constructor(n){super(),!1!==n&&this.__registerHost(),this.customHTMLEnabled=e.get("innerHTMLTemplatesEnabled",s)}componentDidLoad(){if(void 0===this.loadingSpinner){const n=c(this);this.loadingSpinner=e.get("infiniteLoadingSpinner",e.get("spinner","ios"===n?"lines":"crescent"))}}renderLoadingText(){const{customHTMLEnabled:n,loadingText:i}=this;return n?t("div",{class:"infinite-loading-text",innerHTML:r(i)}):t("div",{class:"infinite-loading-text"},this.loadingText)}render(){const n=c(this);return t(o,{key:"263a27297159ced042f7552a1e14b8c6aba62fa8",class:{[n]:!0,["infinite-scroll-content-"+n]:!0}},t("div",{key:"ee38d3c52df9dc5de186406b3087f20917a17252",class:"infinite-loading"},this.loadingSpinner&&t("div",{key:"e2348727f79a26f52f42641d4334a0ba9d4aa03e",class:"infinite-loading-spinner"},t("ion-spinner",{key:"41be6f2747f3af5f46c8738e2ef56083ecd95e99",name:this.loadingSpinner})),void 0!==this.loadingText&&this.renderLoadingText()))}static get style(){return{ionic:"ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-md .infinite-loading-text{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-small-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-md .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}",ios:"ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-ios .infinite-loading-text{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-small-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}",md:"ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:84px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-md .infinite-loading-text{color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-small-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}.infinite-scroll-content-md .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}"}}},[32,"ion-infinite-scroll-content",{loadingSpinner:[1025,"loading-spinner"],loadingText:[1,"loading-text"]}]),d=p,f=function(){"undefined"!=typeof customElements&&["ion-infinite-scroll-content","ion-spinner"].forEach((n=>{switch(n){case"ion-infinite-scroll-content":customElements.get(l(n))||customElements.define(l(n),p);break;case"ion-spinner":customElements.get(l(n))||a()}}))};export{d as IonInfiniteScrollContent,f as defineCustomElement}

package/components/ion-infinite-scroll.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as t,H as s,e as i,w as e,k as h,h as n,t as o,d as r}from"./p-Bkk8447d.js";import{a as l,p as a,g as c}from"./p-DhBOoebx.js";import{b as d}from"./p-Uo-TYRpE.js";const p=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.ionInfinite=i(this,"ionInfinite",7),this.thrPx=0,this.thrPc=0,this.minHeightLocked=!1,this.didFire=!1,this.isBusy=!1,this.isLoading=!1,this.threshold="15%",this.disabled=!1,this.position="bottom",this.preserveRerenderScrollPosition=!1,this.onScroll=()=>{const t=this.scrollEl;if(!t||!this.canStart())return 1;const s=this.el.offsetHeight;if(0===s)return 2;const i=t.scrollTop,e=t.offsetHeight,h=0!==this.thrPc?e*this.thrPc:this.thrPx;return("bottom"===this.position?t.scrollHeight-s-i-h-e:i-s-h)<0&&!this.didFire?(this.isLoading=!0,this.didFire=!0,this.preserveRerenderScrollPosition?this.lockSiblingMinHeight(!0).then((()=>{this.ionInfinite.emit()})):this.ionInfinite.emit(),3):4}}thresholdChanged(){const t=this.threshold;t.lastIndexOf("%")>-1?(this.thrPx=0,this.thrPc=parseFloat(t)/100):(this.thrPx=parseFloat(t),this.thrPc=0)}disabledChanged(){const t=this.disabled;t&&(this.isLoading=!1,this.isBusy=!1),this.enableScrollEvents(!t)}async connectedCallback(){const t=l(this.el);t?(this.scrollEl=await c(t),this.thresholdChanged(),this.disabledChanged(),"top"===this.position&&e((()=>{this.scrollEl&&(this.scrollEl.scrollTop=this.scrollEl.scrollHeight-this.scrollEl.clientHeight)}))):a(this.el)}disconnectedCallback(){this.enableScrollEvents(!1),this.scrollEl=void 0}lockSiblingMinHeight(t){return new Promise((i=>{const h=this.el.parentElement?.children||[],n=[];for(const i of h)if(i!==this.el&&i instanceof s)if(t){const t=i.getBoundingClientRect().height;n.push((()=>{if(this.minHeightLocked){const t=i.style.minHeight;t&&i.style.setProperty("--ion-previous-min-height",t)}i.style.minHeight=t+"px"}))}else n.push((()=>{const t=i.style.getPropertyValue("--ion-previous-min-height");i.style.minHeight=t||"auto",i.style.removeProperty("--ion-previous-min-height")}));e((()=>{n.forEach((t=>t())),this.minHeightLocked=t,i()}))}))}async complete(){const t=this.scrollEl;if(this.isLoading&&t){if(this.isLoading=!1,"top"===this.position){this.isBusy=!0;const s=t.scrollHeight-t.scrollTop;requestAnimationFrame((()=>{h((()=>{const i=t.scrollHeight-s;requestAnimationFrame((()=>{e((()=>{t.scrollTop=i,this.isBusy=!1,this.didFire=!1}))}))}))}))}else this.didFire=!1;this.preserveRerenderScrollPosition&&setTimeout((async()=>{await this.lockSiblingMinHeight(!1)}),100)}}canStart(){return!(this.disabled||this.isBusy||!this.scrollEl||this.isLoading)}enableScrollEvents(t){this.scrollEl&&(t?this.scrollEl.addEventListener("scroll",this.onScroll):this.scrollEl.removeEventListener("scroll",this.onScroll))}render(){const t=d(this),s=this.disabled;return n(r,{key:"e3a3cde079dfd6f07e565eb462765df757cbb128",class:{[t]:!0,"infinite-scroll-loading":this.isLoading,"infinite-scroll-enabled":!s}})}get el(){return this}static get watchers(){return{threshold:[{thresholdChanged:0}],disabled:[{disabledChanged:0}]}}static get style(){return"ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}"}},[0,"ion-infinite-scroll",{threshold:[1],disabled:[4],position:[1],preserveRerenderScrollPosition:[4,"preserve-rerender-scroll-position"],isLoading:[32],complete:[64]},void 0,{threshold:[{thresholdChanged:0}],disabled:[{disabledChanged:0}]}]),f=p,m=function(){"undefined"!=typeof customElements&&["ion-infinite-scroll"].forEach((t=>{"ion-infinite-scroll"===t&&(customElements.get(o(t))||customElements.define(o(t),p))}))};export{f as IonInfiniteScroll,m as defineCustomElement}
+import{p as t,H as s,e as i,w as e,k as h,h as n,t as o,d as r}from"./p-Bkk8447d.js";import{a as l,p as a,g as c}from"./p-Ce2nAsLZ.js";import{b as d}from"./p-hJBybumI.js";const f=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.ionInfinite=i(this,"ionInfinite",7),this.thrPx=0,this.thrPc=0,this.minHeightLocked=!1,this.didFire=!1,this.isBusy=!1,this.isLoading=!1,this.threshold="15%",this.disabled=!1,this.position="bottom",this.preserveRerenderScrollPosition=!1,this.onScroll=()=>{const t=this.scrollEl;if(!t||!this.canStart())return 1;const s=this.el.offsetHeight;if(0===s)return 2;const i=t.scrollTop,e=t.offsetHeight,h=0!==this.thrPc?e*this.thrPc:this.thrPx;return("bottom"===this.position?t.scrollHeight-s-i-h-e:i-s-h)<0&&!this.didFire?(this.isLoading=!0,this.didFire=!0,this.preserveRerenderScrollPosition?this.lockSiblingMinHeight(!0).then((()=>{this.ionInfinite.emit()})):this.ionInfinite.emit(),3):4}}thresholdChanged(){const t=this.threshold;t.lastIndexOf("%")>-1?(this.thrPx=0,this.thrPc=parseFloat(t)/100):(this.thrPx=parseFloat(t),this.thrPc=0)}disabledChanged(){const t=this.disabled;t&&(this.isLoading=!1,this.isBusy=!1),this.enableScrollEvents(!t)}async connectedCallback(){const t=l(this.el);t?(this.scrollEl=await c(t),this.thresholdChanged(),this.disabledChanged(),"top"===this.position&&e((()=>{this.scrollEl&&(this.scrollEl.scrollTop=this.scrollEl.scrollHeight-this.scrollEl.clientHeight)}))):a(this.el)}disconnectedCallback(){this.enableScrollEvents(!1),this.scrollEl=void 0}lockSiblingMinHeight(t){return new Promise((i=>{const h=this.el.parentElement?.children||[],n=[];for(const i of h)if(i!==this.el&&i instanceof s)if(t){const t=i.getBoundingClientRect().height;n.push((()=>{if(this.minHeightLocked){const t=i.style.minHeight;t&&i.style.setProperty("--ion-previous-min-height",t)}i.style.minHeight=t+"px"}))}else n.push((()=>{const t=i.style.getPropertyValue("--ion-previous-min-height");i.style.minHeight=t||"auto",i.style.removeProperty("--ion-previous-min-height")}));e((()=>{n.forEach((t=>t())),this.minHeightLocked=t,i()}))}))}async complete(){const t=this.scrollEl;if(this.isLoading&&t){if(this.isLoading=!1,"top"===this.position){this.isBusy=!0;const s=t.scrollHeight-t.scrollTop;requestAnimationFrame((()=>{h((()=>{const i=t.scrollHeight-s;requestAnimationFrame((()=>{e((()=>{t.scrollTop=i,this.isBusy=!1,this.didFire=!1}))}))}))}))}else this.didFire=!1;this.preserveRerenderScrollPosition&&setTimeout((async()=>{await this.lockSiblingMinHeight(!1)}),100)}}canStart(){return!(this.disabled||this.isBusy||!this.scrollEl||this.isLoading)}enableScrollEvents(t){this.scrollEl&&(t?this.scrollEl.addEventListener("scroll",this.onScroll):this.scrollEl.removeEventListener("scroll",this.onScroll))}render(){const t=d(this),s=this.disabled;return n(r,{key:"e3a3cde079dfd6f07e565eb462765df757cbb128",class:{[t]:!0,"infinite-scroll-loading":this.isLoading,"infinite-scroll-enabled":!s}})}get el(){return this}static get watchers(){return{threshold:[{thresholdChanged:0}],disabled:[{disabledChanged:0}]}}static get style(){return"ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}"}},[0,"ion-infinite-scroll",{threshold:[1],disabled:[4],position:[1],preserveRerenderScrollPosition:[4,"preserve-rerender-scroll-position"],isLoading:[32],complete:[64]},void 0,{threshold:[{thresholdChanged:0}],disabled:[{disabledChanged:0}]}]),p=f,m=function(){"undefined"!=typeof customElements&&["ion-infinite-scroll"].forEach((t=>{"ion-infinite-scroll"===t&&(customElements.get(o(t))||customElements.define(o(t),f))}))};export{p as IonInfiniteScroll,m as defineCustomElement}

package/components/ion-input-otp.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as t,H as o,e as i,f as r,h as e,F as n,d as a,t as s}from"./p-Bkk8447d.js";import{i as l}from"./p-DwAij6DN.js";import{i as p}from"./p-Dojwmvde.js";import{r as d}from"./p-NcQUGze-.js";import{c as h}from"./p-BUF_V-Kg.js";import{c as u}from"./p-Uo-TYRpE.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ionInput=i(this,"ionInput",7),this.ionChange=i(this,"ionChange",7),this.ionComplete=i(this,"ionComplete",7),this.ionBlur=i(this,"ionBlur",7),this.ionFocus=i(this,"ionFocus",7),this.internals=this.attachInternals(),this.inheritedAttributes={},this.inputRefs=[],this.inputId="ion-input-otp-"+v++,this.parsedSeparators=[],this.isKeyboardNavigation=!1,this.inputValues=[],this.hasFocus=!1,this.previousInputValues=[],this.autocapitalize="off",this.disabled=!1,this.fill="outline",this.length=4,this.readonly=!1,this.shape="round",this.size="medium",this.type="number",this.value="",this.onFocus=t=>o=>{const{inputRefs:i}=this;this.hasFocus||(this.ionFocus.emit(o),this.focusedValue=this.value),this.hasFocus=!0;let r=t;if(!this.isKeyboardNavigation){const o=this.inputValues[t]?t:this.getFirstEmptyIndex();r=-1===o?this.length-1:o,this.inputRefs[r]?.focus()}i.forEach(((t,o)=>{t.tabIndex=o===r?0:-1})),this.isKeyboardNavigation=!1},this.onBlur=t=>{const{inputRefs:o}=this,i=t.relatedTarget;null!=i&&o.includes(i)||(this.hasFocus=!1,this.updateTabIndexes(),this.ionBlur.emit(t),this.focusedValue!==this.value&&this.emitIonChange(t))},this.onKeyDown=t=>o=>{const{disabled:i,length:r,readonly:e}=this,n=p(this.el),a=o.target;if(!i)if(!e||"Backspace"!==o.key&&"Delete"!==o.key){if(!(a.selectionStart!==a.selectionEnd||(o.metaKey||o.ctrlKey)&&["a","c","v","x","r","z","y"].includes(o.key.toLowerCase())))if("Backspace"===o.key)if(this.inputValues[t]){for(let o=t;o<r-1;o++)this.inputValues[o]=this.inputValues[o+1];this.inputValues[r-1]="";for(let t=0;t<r;t++)this.inputRefs[t].value=this.inputValues[t]||"";this.updateValue(o),o.preventDefault()}else!this.inputValues[t]&&t>0&&this.focusPrevious(t);else if("ArrowLeft"===o.key||"ArrowRight"===o.key){this.isKeyboardNavigation=!0,o.preventDefault();const i="ArrowLeft"===o.key;i&&n||!i&&!n?this.inputValues[t]&&t<r-1&&this.focusNext(t):this.focusPrevious(t)}else if("Tab"===o.key)return void(this.isKeyboardNavigation=!0)}else o.preventDefault()},this.onInput=t=>o=>{const{disabled:i,length:r,readonly:e,validKeyPattern:n}=this,a=o.target,s=a.value,l=this.previousInputValues[t]||"";if(i||e)return;if(s.length-l.length>1){const t=s.split("").filter((t=>n.test(t))).slice(0,r);0===t.length&&requestAnimationFrame((()=>{this.inputRefs.forEach((t=>{t.value=""}))}));for(let o=0;o<r;o++)this.inputValues[o]=t[o]||"",this.inputRefs[o].value=t[o]||"";return this.updateValue(o),setTimeout((()=>{const o=t.length<r?t.length:r-1;this.inputRefs[o]?.focus()}),20),void(this.previousInputValues=[...this.inputValues])}if(s.length>0&&!n.test(s[s.length-1]))return a.value=this.inputValues[t]||"",void(this.previousInputValues=[...this.inputValues]);if(0===a.selectionStart&&a.selectionEnd===s.length||!this.inputValues[t])return this.inputValues[t]=s,a.value=s,this.updateValue(o),this.focusNext(t),void(this.previousInputValues=[...this.inputValues]);if(this.inputValues[t]&&""===this.inputValues[this.inputValues.length-1]&&2===s.length){let i=o.data;if(i||(i=s.split("").find(((t,o)=>t!==l[o]))||s[s.length-1]),!n.test(i))return a.value=this.inputValues[t]||"",void(this.previousInputValues=[...this.inputValues]);for(let o=this.inputValues.length-1;o>t;o--)this.inputValues[o]=this.inputValues[o-1],this.inputRefs[o].value=this.inputValues[o]||"";return this.inputValues[t]=i,this.inputRefs[t].value=i,this.updateValue(o),void(this.previousInputValues=[...this.inputValues])}const p=s[(a.selectionStart??s.length)-1]??s[0];if(!n.test(p))return a.value=this.inputValues[t]||"",void(this.previousInputValues=[...this.inputValues]);this.inputValues[t]=p,a.value=p,this.updateValue(o),this.previousInputValues=[...this.inputValues]},this.onPaste=t=>{const{disabled:o,inputRefs:i,length:r,readonly:e,validKeyPattern:n}=this;if(t.preventDefault(),o||e)return;const a=t.clipboardData?.getData("text");if(!a)return void this.emitIonInput(t);const s=a.split("").filter((t=>n.test(t))).slice(0,r);s.forEach(((t,o)=>{o<r&&(this.inputRefs[o].value=t,this.inputValues[o]=t)})),this.value=s.join(""),this.updateValue(t);const l=s.length<r?s.length:r-1;i[l]?.focus()}}disabledChanged(){this.updateElementInternals()}async setFocus(t){if("number"==typeof t){const o=Math.max(0,Math.min(t,this.length-1));this.inputRefs[o]?.focus()}else{const t=this.getTabbableIndex();this.inputRefs[t]?.focus()}}valueChanged(){this.initializeValues(),this.updateTabIndexes(),this.updateElementInternals()}processSeparators(){const{separators:t,length:o}=this;if(void 0===t)return void(this.parsedSeparators=[]);if("string"==typeof t&&"all"!==t&&!/^(\d+)(,\d+)*$/.test(t))return r('[ion-input-otp] - Invalid separators format. Expected a comma-separated list of numbers, an array of numbers, or "all". Received: '+t,this.el),void(this.parsedSeparators=[]);let i;i="all"===t?Array.from({length:o-1},((t,o)=>o+1)):Array.isArray(t)?t:t.split(",").map((t=>parseInt(t,10))).filter((t=>!isNaN(t))),i.filter(((t,o)=>i.indexOf(t)!==o)).length>0&&r("[ion-input-otp] - Duplicate separator positions are not allowed. Received: "+t,this.el);const e=i.filter((t=>t>o));e.length>0&&r(`[ion-input-otp] - The following separator positions are greater than the input length (${o}): ${e.join(", ")}. These separators will be ignored.`,this.el),this.parsedSeparators=i.filter((t=>t<=o))}componentWillLoad(){this.inheritedAttributes=l(this.el),this.processSeparators(),this.initializeValues()}componentDidLoad(){this.updateTabIndexes(),this.updateElementInternals()}get validKeyPattern(){return RegExp(`^${this.getPattern()}$`,"u")}getPattern(){const{pattern:t,type:o}=this;return t||("number"===o?"[\\p{N}]":"[\\p{L}\\p{N}]")}getInputmode(){const{inputmode:t}=this;return t||("number"==this.type?"numeric":"text")}initializeValues(){this.inputValues=Array(this.length).fill(""),null!=this.value&&0!==(this.value+"").length&&((this.value+"").split("").slice(0,this.length).forEach(((t,o)=>{this.validKeyPattern.test(t)&&(this.inputValues[o]=t)})),this.value=this.inputValues.join(""),this.previousInputValues=[...this.inputValues])}updateValue(t){const{inputValues:o,length:i}=this,r=o.join("");this.value=r,this.emitIonInput(t),r.length===i&&this.ionComplete.emit({value:r})}getValue(){return null!=this.value?""+this.value:""}formStateRestoreCallback(t){this.value=t}formResetCallback(){this.value=""}updateElementInternals(){const t=this.disabled?null:this.getValue();"function"==typeof this.internals.setFormValue&&this.internals.setFormValue(t),d(this.inputRefs[0]??null,this.internals)}emitIonChange(t){const{value:o}=this;this.ionChange.emit({value:null==o?o:""+o,event:t})}emitIonInput(t){const{value:o}=this;this.ionInput.emit({value:null==o?o:""+o,event:t})}focusNext(t){const{inputRefs:o,length:i}=this;t<i-1&&o[t+1]?.focus()}focusPrevious(t){const{inputRefs:o}=this;t>0&&o[t-1]?.focus()}getFirstEmptyIndex(){const{inputValues:t,length:o}=this;return Array.from({length:o},((o,i)=>t[i]||"")).findIndex((t=>!t||""===t))??-1}getTabbableIndex(){const{length:t}=this,o=this.getFirstEmptyIndex();return-1===o?t-1:o}updateTabIndexes(){const{inputRefs:t,inputValues:o,length:i}=this;let r=-1;for(let t=0;t<i;t++)if(!o[t]||""===o[t]){r=t;break}t.forEach(((t,e)=>{const n=-1===r?e===i-1:r===e;t.tabIndex=n?0:-1,t.setAttribute("aria-hidden",o[e]&&""!==o[e]||n?"false":"true")}))}showSeparator(t){const{length:o}=this;return this.parsedSeparators.includes(t+1)&&t<o-1}render(){const{autocapitalize:t,color:o,disabled:i,el:r,fill:s,hasFocus:l,inheritedAttributes:p,inputId:d,inputRefs:c,inputValues:v,length:g,readonly:b,shape:f,size:m}=this,k=u(this),x=this.getInputmode(),w=this.getTabbableIndex(),y=this.getPattern(),z=""!==r.querySelector(".input-otp-description")?.textContent?.trim();return e(a,{key:"d99bff609d2d00aca46e507ed1907e5e40a96c79",class:h(o,{[k]:!0,"has-focus":l,["input-otp-size-"+m]:!0,["input-otp-shape-"+f]:!0,["input-otp-fill-"+s]:!0,"input-otp-disabled":i,"input-otp-readonly":b})},e("div",{key:"983375d9c53ae17d167c36b0c946f5c6ee12f934",role:"group","aria-label":"One-time password input",class:"input-otp-group",part:"group",...p},Array.from({length:g}).map(((o,r)=>e(n,null,e("div",{class:"native-wrapper",part:"container"},e("input",{class:"native-input",part:"native",id:`${d}-${r}`,"aria-label":`Input ${r+1} of ${g}`,type:"text",autoCapitalize:t,inputmode:x,pattern:y,disabled:i,readOnly:b,tabIndex:r===w?0:-1,value:v[r]||"",autocomplete:"one-time-code",ref:t=>c[r]=t,onInput:this.onInput(r),onBlur:this.onBlur,onFocus:this.onFocus(r),onKeyDown:this.onKeyDown(r),onPaste:this.onPaste})),this.showSeparator(r)&&e("div",{class:"input-otp-separator",part:"separator"}))))),e("div",{key:"2a9c8ecb15a45ea8fecce7221ec47ba3fffb8313",class:{"input-otp-description":!0,"input-otp-description-hidden":!z},part:"description"},e("slot",{key:"84236b7c3220342b26f96c3ed88f0f2eb74730bd"})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{disabled:[{disabledChanged:0}],value:[{valueChanged:0}],separators:[{processSeparators:0}],length:[{processSeparators:0}]}}static get style(){return{ionic:":host{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--separator-height:var(--separator-width);--highlight-color:var(--highlight-color-focused);display:block;position:relative}.input-otp-group{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);font-family:inherit;font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.has-focus) .native-input{caret-color:var(--highlight-color)}.input-otp-description{text-align:center}.input-otp-description-hidden{display:none}.input-otp-separator{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}:host(.input-otp-disabled),:host(.input-otp-disabled) .native-input:disabled{cursor:not-allowed}:host(.has-focus) .native-input:focus{--border-color:var(--highlight-color);outline:none}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--padding-top:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));--padding-start:var(--token-space-0, var(--token-scale-0, 0px));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--min-width:var(--token-scale-1000, 40px);--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--border-color:var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));--separator-width:var(--token-scale-200, 8px);--separator-border-radius:var(--token-border-radius-full, 999px);--separator-color:var(--token-bg-neutral-subtle-press, var(--token-primitives-neutral-400, #d5d5d5));--highlight-color-focused:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--highlight-color-valid:var(--token-border-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));--highlight-color-invalid:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none}:host(.has-focus) .native-input:focus{--border-width:var(--token-border-size-050, var(--token-scale-050, 2px))}.input-otp-description{font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.input-otp-size-small){--width:var(--token-scale-1000, 40px);--height:var(--token-scale-1000, 40px)}:host(.input-otp-size-small) .input-otp-group{gap:var(--token-space-200, var(--token-scale-200, 8px))}:host(.input-otp-size-medium){--width:var(--token-scale-1200, 48px);--height:var(--token-scale-1200, 48px)}:host(.input-otp-size-large){--width:var(--token-scale-1400, 56px);--height:var(--token-scale-1400, 56px)}:host(.input-otp-size-medium) .input-otp-group,:host(.input-otp-size-large) .input-otp-group{gap:var(--token-space-300, var(--token-scale-300, 12px))}:host(.input-otp-shape-round){--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}:host(.input-otp-shape-soft){--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.input-otp-shape-rectangular){--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host(.input-otp-fill-outline){--background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff))}:host(.input-otp-fill-solid){--border-color:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));--background:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9))}:host(.input-otp-disabled){--color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2))}:host(.input-otp-fill-outline.input-otp-disabled){--background:var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f3f3f3));--border-color:var(--token-border-disabled, var(--token-primitives-neutral-300, #e0e0e0))}:host(.input-otp-fill-outline.input-otp-readonly){--background:var(--token-bg-input-read-only, var(--token-primitives-neutral-100, #f3f3f3))}:host(.input-otp-fill-solid.input-otp-disabled){--border-color:var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0));--background:var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0))}:host(.input-otp-fill-solid.input-otp-readonly){--border-color:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0));--background:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0))}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.input-otp-fill-outline.ion-color) .native-input,:host(.input-otp-fill-solid.ion-color) .native-input:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}:host(.input-otp-fill-outline.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input{border-color:var(--ion-color-danger, var(--token-bg-danger-base-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222))))}:host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input{border-color:var(--ion-color-success, var(--token-bg-success-base-default, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23))))}:host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input{border-color:rgba(var(--ion-color-base-rgb), 0.3)}",ios:":host{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--separator-height:var(--separator-width);--highlight-color:var(--highlight-color-focused);display:block;position:relative}.input-otp-group{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);font-family:inherit;font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.has-focus) .native-input{caret-color:var(--highlight-color)}.input-otp-description{text-align:center}.input-otp-description-hidden{display:none}.input-otp-separator{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}:host(.input-otp-disabled),:host(.input-otp-disabled) .native-input:disabled{cursor:not-allowed}:host(.has-focus) .native-input:focus{--border-color:var(--highlight-color);outline:none}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--padding-top:16px;--padding-end:0;--padding-bottom:16px;--padding-start:0;--color:initial;--min-width:40px;--border-style:solid;--separator-width:8px;--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);font-family:var(--ion-font-family, inherit);font-size:0.875rem}.input-otp-description{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem}:host(.input-otp-size-small){--width:40px;--height:40px}:host(.input-otp-size-small) .input-otp-group{gap:8px}:host(.input-otp-size-medium){--width:48px;--height:48px}:host(.input-otp-size-large){--width:56px;--height:56px}:host(.input-otp-size-medium) .input-otp-group,:host(.input-otp-size-large) .input-otp-group{gap:12px}:host(.input-otp-shape-round){--border-radius:16px}:host(.input-otp-shape-soft){--border-radius:8px}:host(.input-otp-shape-rectangular){--border-radius:0}:host(.input-otp-fill-outline){--background:none}:host(.input-otp-fill-solid){--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-disabled){--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}:host(.input-otp-fill-outline.input-otp-disabled){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.input-otp-fill-outline.input-otp-readonly){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-fill-solid.input-otp-disabled),:host(.input-otp-fill-solid.input-otp-readonly){--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.input-otp-fill-outline.ion-color) .native-input,:host(.input-otp-fill-solid.ion-color) .native-input:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}:host(.input-otp-fill-outline.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input{border-color:var(--ion-color-danger, #c5000f)}:host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input{border-color:var(--ion-color-success, #2dd55b)}:host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input{border-color:rgba(var(--ion-color-base-rgb), 0.3)}:host{--border-width:0.55px}:host(.has-focus) .native-input:focus{--border-width:1px}:host(.input-otp-fill-outline){--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))))}",md:":host{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--separator-height:var(--separator-width);--highlight-color:var(--highlight-color-focused);display:block;position:relative}.input-otp-group{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);font-family:inherit;font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.has-focus) .native-input{caret-color:var(--highlight-color)}.input-otp-description{text-align:center}.input-otp-description-hidden{display:none}.input-otp-separator{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}:host(.input-otp-disabled),:host(.input-otp-disabled) .native-input:disabled{cursor:not-allowed}:host(.has-focus) .native-input:focus{--border-color:var(--highlight-color);outline:none}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--padding-top:16px;--padding-end:0;--padding-bottom:16px;--padding-start:0;--color:initial;--min-width:40px;--border-style:solid;--separator-width:8px;--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);font-family:var(--ion-font-family, inherit);font-size:0.875rem}.input-otp-description{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem}:host(.input-otp-size-small){--width:40px;--height:40px}:host(.input-otp-size-small) .input-otp-group{gap:8px}:host(.input-otp-size-medium){--width:48px;--height:48px}:host(.input-otp-size-large){--width:56px;--height:56px}:host(.input-otp-size-medium) .input-otp-group,:host(.input-otp-size-large) .input-otp-group{gap:12px}:host(.input-otp-shape-round){--border-radius:16px}:host(.input-otp-shape-soft){--border-radius:8px}:host(.input-otp-shape-rectangular){--border-radius:0}:host(.input-otp-fill-outline){--background:none}:host(.input-otp-fill-solid){--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-disabled){--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}:host(.input-otp-fill-outline.input-otp-disabled){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.input-otp-fill-outline.input-otp-readonly){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-fill-solid.input-otp-disabled),:host(.input-otp-fill-solid.input-otp-readonly){--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.input-otp-fill-outline.ion-color) .native-input,:host(.input-otp-fill-solid.ion-color) .native-input:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}:host(.input-otp-fill-outline.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input{border-color:var(--ion-color-danger, #c5000f)}:host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input{border-color:var(--ion-color-success, #2dd55b)}:host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input{border-color:rgba(var(--ion-color-base-rgb), 0.3)}:host{--border-width:1px}:host(.has-focus) .native-input:focus{--border-width:2px}:host(.input-otp-fill-outline){--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3))}"}}},[353,"ion-input-otp",{autocapitalize:[1],color:[513],disabled:[516],fill:[1],inputmode:[1],length:[2],pattern:[1],readonly:[516],separators:[1],shape:[1],size:[1],type:[1],value:[1032],inputValues:[32],hasFocus:[32],previousInputValues:[32],setFocus:[64]},void 0,{disabled:[{disabledChanged:0}],value:[{valueChanged:0}],separators:[{processSeparators:0}],length:[{processSeparators:0}]}]);let v=0;const g=c,b=function(){"undefined"!=typeof customElements&&["ion-input-otp"].forEach((t=>{"ion-input-otp"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))};export{g as IonInputOtp,b as defineCustomElement}
+import{p as t,H as o,e as i,f as e,h as r,F as n,d as a,t as s}from"./p-Bkk8447d.js";import{i as l}from"./p-DxjhU4Lj.js";import{i as p}from"./p-Dojwmvde.js";import{r as d}from"./p-NcQUGze-.js";import{c as h}from"./p-BUF_V-Kg.js";import{c as u}from"./p-hJBybumI.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ionInput=i(this,"ionInput",7),this.ionChange=i(this,"ionChange",7),this.ionComplete=i(this,"ionComplete",7),this.ionBlur=i(this,"ionBlur",7),this.ionFocus=i(this,"ionFocus",7),this.internals=this.attachInternals(),this.inheritedAttributes={},this.inputRefs=[],this.inputId="ion-input-otp-"+v++,this.parsedSeparators=[],this.isKeyboardNavigation=!1,this.inputValues=[],this.hasFocus=!1,this.previousInputValues=[],this.autocapitalize="off",this.disabled=!1,this.fill="outline",this.length=4,this.readonly=!1,this.shape="round",this.size="medium",this.type="number",this.value="",this.onFocus=t=>o=>{const{inputRefs:i}=this;this.hasFocus||(this.ionFocus.emit(o),this.focusedValue=this.value),this.hasFocus=!0;let e=t;if(!this.isKeyboardNavigation){const o=this.inputValues[t]?t:this.getFirstEmptyIndex();e=-1===o?this.length-1:o,this.inputRefs[e]?.focus()}i.forEach(((t,o)=>{t.tabIndex=o===e?0:-1})),this.isKeyboardNavigation=!1},this.onBlur=t=>{const{inputRefs:o}=this,i=t.relatedTarget;null!=i&&o.includes(i)||(this.hasFocus=!1,this.updateTabIndexes(),this.ionBlur.emit(t),this.focusedValue!==this.value&&this.emitIonChange(t))},this.onKeyDown=t=>o=>{const{disabled:i,length:e,readonly:r}=this,n=p(this.el),a=o.target;if(!i)if(!r||"Backspace"!==o.key&&"Delete"!==o.key){if(!(a.selectionStart!==a.selectionEnd||(o.metaKey||o.ctrlKey)&&["a","c","v","x","r","z","y"].includes(o.key.toLowerCase())))if("Backspace"===o.key)if(this.inputValues[t]){for(let o=t;o<e-1;o++)this.inputValues[o]=this.inputValues[o+1];this.inputValues[e-1]="";for(let t=0;t<e;t++)this.inputRefs[t].value=this.inputValues[t]||"";this.updateValue(o),o.preventDefault()}else!this.inputValues[t]&&t>0&&this.focusPrevious(t);else if("ArrowLeft"===o.key||"ArrowRight"===o.key){this.isKeyboardNavigation=!0,o.preventDefault();const i="ArrowLeft"===o.key;i&&n||!i&&!n?this.inputValues[t]&&t<e-1&&this.focusNext(t):this.focusPrevious(t)}else if("Tab"===o.key)return void(this.isKeyboardNavigation=!0)}else o.preventDefault()},this.onInput=t=>o=>{const{disabled:i,length:e,readonly:r,validKeyPattern:n}=this,a=o.target,s=a.value,l=this.previousInputValues[t]||"";if(i||r)return;if(s.length-l.length>1){const t=s.split("").filter((t=>n.test(t))).slice(0,e);0===t.length&&requestAnimationFrame((()=>{this.inputRefs.forEach((t=>{t.value=""}))}));for(let o=0;o<e;o++)this.inputValues[o]=t[o]||"",this.inputRefs[o].value=t[o]||"";return this.updateValue(o),setTimeout((()=>{const o=t.length<e?t.length:e-1;this.inputRefs[o]?.focus()}),20),void(this.previousInputValues=[...this.inputValues])}if(s.length>0&&!n.test(s[s.length-1]))return a.value=this.inputValues[t]||"",void(this.previousInputValues=[...this.inputValues]);if(0===a.selectionStart&&a.selectionEnd===s.length||!this.inputValues[t])return this.inputValues[t]=s,a.value=s,this.updateValue(o),this.focusNext(t),void(this.previousInputValues=[...this.inputValues]);if(this.inputValues[t]&&""===this.inputValues[this.inputValues.length-1]&&2===s.length){let i=o.data;if(i||(i=s.split("").find(((t,o)=>t!==l[o]))||s[s.length-1]),!n.test(i))return a.value=this.inputValues[t]||"",void(this.previousInputValues=[...this.inputValues]);for(let o=this.inputValues.length-1;o>t;o--)this.inputValues[o]=this.inputValues[o-1],this.inputRefs[o].value=this.inputValues[o]||"";return this.inputValues[t]=i,this.inputRefs[t].value=i,this.updateValue(o),void(this.previousInputValues=[...this.inputValues])}const p=s[(a.selectionStart??s.length)-1]??s[0];if(!n.test(p))return a.value=this.inputValues[t]||"",void(this.previousInputValues=[...this.inputValues]);this.inputValues[t]=p,a.value=p,this.updateValue(o),this.previousInputValues=[...this.inputValues]},this.onPaste=t=>{const{disabled:o,inputRefs:i,length:e,readonly:r,validKeyPattern:n}=this;if(t.preventDefault(),o||r)return;const a=t.clipboardData?.getData("text");if(!a)return void this.emitIonInput(t);const s=a.split("").filter((t=>n.test(t))).slice(0,e);s.forEach(((t,o)=>{o<e&&(this.inputRefs[o].value=t,this.inputValues[o]=t)})),this.value=s.join(""),this.updateValue(t);const l=s.length<e?s.length:e-1;i[l]?.focus()}}disabledChanged(){this.updateElementInternals()}async setFocus(t){if("number"==typeof t){const o=Math.max(0,Math.min(t,this.length-1));this.inputRefs[o]?.focus()}else{const t=this.getTabbableIndex();this.inputRefs[t]?.focus()}}valueChanged(){this.initializeValues(),this.updateTabIndexes(),this.updateElementInternals()}processSeparators(){const{separators:t,length:o}=this;if(void 0===t)return void(this.parsedSeparators=[]);if("string"==typeof t&&"all"!==t&&!/^(\d+)(,\d+)*$/.test(t))return e('[ion-input-otp] - Invalid separators format. Expected a comma-separated list of numbers, an array of numbers, or "all". Received: '+t,this.el),void(this.parsedSeparators=[]);let i;i="all"===t?Array.from({length:o-1},((t,o)=>o+1)):Array.isArray(t)?t:t.split(",").map((t=>parseInt(t,10))).filter((t=>!isNaN(t))),i.filter(((t,o)=>i.indexOf(t)!==o)).length>0&&e("[ion-input-otp] - Duplicate separator positions are not allowed. Received: "+t,this.el);const r=i.filter((t=>t>o));r.length>0&&e(`[ion-input-otp] - The following separator positions are greater than the input length (${o}): ${r.join(", ")}. These separators will be ignored.`,this.el),this.parsedSeparators=i.filter((t=>t<=o))}componentWillLoad(){this.inheritedAttributes=l(this.el),this.processSeparators(),this.initializeValues()}componentDidLoad(){this.updateTabIndexes(),this.updateElementInternals()}get validKeyPattern(){return RegExp(`^${this.getPattern()}$`,"u")}getPattern(){const{pattern:t,type:o}=this;return t||("number"===o?"[\\p{N}]":"[\\p{L}\\p{N}]")}getInputmode(){const{inputmode:t}=this;return t||("number"==this.type?"numeric":"text")}initializeValues(){this.inputValues=Array(this.length).fill(""),null!=this.value&&0!==(this.value+"").length&&((this.value+"").split("").slice(0,this.length).forEach(((t,o)=>{this.validKeyPattern.test(t)&&(this.inputValues[o]=t)})),this.value=this.inputValues.join(""),this.previousInputValues=[...this.inputValues])}updateValue(t){const{inputValues:o,length:i}=this,e=o.join("");this.value=e,this.emitIonInput(t),e.length===i&&this.ionComplete.emit({value:e})}getValue(){return null!=this.value?""+this.value:""}formStateRestoreCallback(t){this.value=t}formResetCallback(){this.value=""}updateElementInternals(){const t=this.disabled?null:this.getValue();"function"==typeof this.internals.setFormValue&&this.internals.setFormValue(t),d(this.inputRefs[0]??null,this.internals)}emitIonChange(t){const{value:o}=this;this.ionChange.emit({value:null==o?o:""+o,event:t})}emitIonInput(t){const{value:o}=this;this.ionInput.emit({value:null==o?o:""+o,event:t})}focusNext(t){const{inputRefs:o,length:i}=this;t<i-1&&o[t+1]?.focus()}focusPrevious(t){const{inputRefs:o}=this;t>0&&o[t-1]?.focus()}getFirstEmptyIndex(){const{inputValues:t,length:o}=this;return Array.from({length:o},((o,i)=>t[i]||"")).findIndex((t=>!t||""===t))??-1}getTabbableIndex(){const{length:t}=this,o=this.getFirstEmptyIndex();return-1===o?t-1:o}updateTabIndexes(){const{inputRefs:t,inputValues:o,length:i}=this;let e=-1;for(let t=0;t<i;t++)if(!o[t]||""===o[t]){e=t;break}t.forEach(((t,r)=>{const n=-1===e?r===i-1:e===r;t.tabIndex=n?0:-1,t.setAttribute("aria-hidden",o[r]&&""!==o[r]||n?"false":"true")}))}showSeparator(t){const{length:o}=this;return this.parsedSeparators.includes(t+1)&&t<o-1}render(){const{autocapitalize:t,color:o,disabled:i,el:e,fill:s,hasFocus:l,inheritedAttributes:p,inputId:d,inputRefs:c,inputValues:v,length:g,readonly:b,shape:f,size:m}=this,k=u(this),x=this.getInputmode(),y=this.getTabbableIndex(),w=this.getPattern(),z=""!==e.querySelector(".input-otp-description")?.textContent?.trim();return r(a,{key:"d99bff609d2d00aca46e507ed1907e5e40a96c79",class:h(o,{[k]:!0,"has-focus":l,["input-otp-size-"+m]:!0,["input-otp-shape-"+f]:!0,["input-otp-fill-"+s]:!0,"input-otp-disabled":i,"input-otp-readonly":b})},r("div",{key:"983375d9c53ae17d167c36b0c946f5c6ee12f934",role:"group","aria-label":"One-time password input",class:"input-otp-group",part:"group",...p},Array.from({length:g}).map(((o,e)=>r(n,null,r("div",{class:"native-wrapper",part:"container"},r("input",{class:"native-input",part:"native",id:`${d}-${e}`,"aria-label":`Input ${e+1} of ${g}`,type:"text",autoCapitalize:t,inputmode:x,pattern:w,disabled:i,readOnly:b,tabIndex:e===y?0:-1,value:v[e]||"",autocomplete:"one-time-code",ref:t=>c[e]=t,onInput:this.onInput(e),onBlur:this.onBlur,onFocus:this.onFocus(e),onKeyDown:this.onKeyDown(e),onPaste:this.onPaste})),this.showSeparator(e)&&r("div",{class:"input-otp-separator",part:"separator"}))))),r("div",{key:"2a9c8ecb15a45ea8fecce7221ec47ba3fffb8313",class:{"input-otp-description":!0,"input-otp-description-hidden":!z},part:"description"},r("slot",{key:"84236b7c3220342b26f96c3ed88f0f2eb74730bd"})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{disabled:[{disabledChanged:0}],value:[{valueChanged:0}],separators:[{processSeparators:0}],length:[{processSeparators:0}]}}static get style(){return{ionic:':host{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--separator-height:var(--separator-width);--highlight-color:var(--highlight-color-focused);display:block;position:relative}.input-otp-group{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);font-family:inherit;font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.has-focus) .native-input{caret-color:var(--highlight-color)}.input-otp-description{text-align:center}.input-otp-description-hidden{display:none}.input-otp-separator{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}:host(.input-otp-disabled),:host(.input-otp-disabled) .native-input:disabled{cursor:not-allowed}:host(.has-focus) .native-input:focus{--border-color:var(--highlight-color);outline:none}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--padding-top:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));--padding-start:var(--token-space-0, var(--token-scale-0, 0px));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));--min-width:var(--token-scale-1000, 40px);--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:solid;--border-color:var(--token-border-input-default, var(--token-primitives-neutral-400, #d0d7df));--separator-width:var(--token-scale-200, 8px);--separator-border-radius:var(--token-border-radius-full, 999px);--separator-color:var(--token-bg-neutral-subtle-press, var(--token-primitives-neutral-300, #e6eaee));--highlight-color-focused:var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));--highlight-color-valid:var(--token-border-success, var(--token-semantics-success-500, var(--token-primitives-green-500, #94d9bb)));--highlight-color-invalid:var(--token-border-danger-default, var(--token-semantics-danger-600, var(--token-primitives-red-600, #ef5264)));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem)}:host(.has-focus) .native-input:focus{--border-width:var(--token-border-size-050, var(--token-scale-050, 2px))}.input-otp-description{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-500, 1.25rem);color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a))}:host(.input-otp-size-small){--width:var(--token-scale-1000, 40px);--height:var(--token-scale-1000, 40px)}:host(.input-otp-size-small) .input-otp-group{gap:var(--token-space-200, var(--token-scale-200, 8px))}:host(.input-otp-size-medium){--width:var(--token-scale-1200, 48px);--height:var(--token-scale-1200, 48px)}:host(.input-otp-size-large){--width:var(--token-scale-1400, 56px);--height:var(--token-scale-1400, 56px)}:host(.input-otp-size-medium) .input-otp-group,:host(.input-otp-size-large) .input-otp-group{gap:var(--token-space-300, var(--token-scale-300, 12px))}:host(.input-otp-shape-round){--border-radius:var(--token-shape-round-xl, 16px)}:host(.input-otp-shape-soft){--border-radius:var(--token-shape-soft-xl, 12px)}:host(.input-otp-shape-rectangular){--border-radius:var(--token-shape-rectangular-xl, 0px)}:host(.input-otp-fill-outline){--background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff))}:host(.input-otp-fill-solid){--border-color:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #ebeef2));--background:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #ebeef2))}:host(.input-otp-disabled){--color:var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad))}:host(.input-otp-fill-outline.input-otp-disabled){--background:var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f6f7fa));--border-color:var(--token-border-disabled, var(--token-primitives-neutral-300, #e6eaee))}:host(.input-otp-fill-outline.input-otp-readonly){--background:var(--token-bg-input-read-only, var(--token-primitives-neutral-100, #f6f7fa))}:host(.input-otp-fill-solid.input-otp-disabled){--border-color:var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e6eaee));--background:var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e6eaee))}:host(.input-otp-fill-solid.input-otp-readonly){--border-color:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e6eaee));--background:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e6eaee))}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.input-otp-fill-outline.ion-color) .native-input,:host(.input-otp-fill-solid.ion-color) .native-input:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}:host(.input-otp-fill-outline.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input{border-color:var(--ion-color-danger, var(--token-bg-danger-base-default, var(--token-semantics-danger-700, var(--token-primitives-red-700, #e0243a))))}:host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input{border-color:var(--ion-color-success, var(--token-bg-success-base-default, var(--token-semantics-success-800, var(--token-primitives-green-800, #038855))))}:host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input{border-color:rgba(var(--ion-color-base-rgb), 0.3)}',ios:":host{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--separator-height:var(--separator-width);--highlight-color:var(--highlight-color-focused);display:block;position:relative}.input-otp-group{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);font-family:inherit;font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.has-focus) .native-input{caret-color:var(--highlight-color)}.input-otp-description{text-align:center}.input-otp-description-hidden{display:none}.input-otp-separator{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}:host(.input-otp-disabled),:host(.input-otp-disabled) .native-input:disabled{cursor:not-allowed}:host(.has-focus) .native-input:focus{--border-color:var(--highlight-color);outline:none}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--padding-top:16px;--padding-end:0;--padding-bottom:16px;--padding-start:0;--color:initial;--min-width:40px;--border-style:solid;--separator-width:8px;--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);font-family:var(--ion-font-family, inherit);font-size:0.875rem}.input-otp-description{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem}:host(.input-otp-size-small){--width:40px;--height:40px}:host(.input-otp-size-small) .input-otp-group{gap:8px}:host(.input-otp-size-medium){--width:48px;--height:48px}:host(.input-otp-size-large){--width:56px;--height:56px}:host(.input-otp-size-medium) .input-otp-group,:host(.input-otp-size-large) .input-otp-group{gap:12px}:host(.input-otp-shape-round){--border-radius:16px}:host(.input-otp-shape-soft){--border-radius:8px}:host(.input-otp-shape-rectangular){--border-radius:0}:host(.input-otp-fill-outline){--background:none}:host(.input-otp-fill-solid){--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-disabled){--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}:host(.input-otp-fill-outline.input-otp-disabled){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.input-otp-fill-outline.input-otp-readonly){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-fill-solid.input-otp-disabled),:host(.input-otp-fill-solid.input-otp-readonly){--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.input-otp-fill-outline.ion-color) .native-input,:host(.input-otp-fill-solid.ion-color) .native-input:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}:host(.input-otp-fill-outline.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input{border-color:var(--ion-color-danger, #c5000f)}:host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input{border-color:var(--ion-color-success, #2dd55b)}:host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input{border-color:rgba(var(--ion-color-base-rgb), 0.3)}:host{--border-width:0.55px}:host(.has-focus) .native-input:focus{--border-width:1px}:host(.input-otp-fill-outline){--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))))}",md:":host{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--separator-height:var(--separator-width);--highlight-color:var(--highlight-color-focused);display:block;position:relative}.input-otp-group{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);font-family:inherit;font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.has-focus) .native-input{caret-color:var(--highlight-color)}.input-otp-description{text-align:center}.input-otp-description-hidden{display:none}.input-otp-separator{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}:host(.input-otp-disabled),:host(.input-otp-disabled) .native-input:disabled{cursor:not-allowed}:host(.has-focus) .native-input:focus{--border-color:var(--highlight-color);outline:none}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--padding-top:16px;--padding-end:0;--padding-bottom:16px;--padding-start:0;--color:initial;--min-width:40px;--border-style:solid;--separator-width:8px;--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);font-family:var(--ion-font-family, inherit);font-size:0.875rem}.input-otp-description{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem}:host(.input-otp-size-small){--width:40px;--height:40px}:host(.input-otp-size-small) .input-otp-group{gap:8px}:host(.input-otp-size-medium){--width:48px;--height:48px}:host(.input-otp-size-large){--width:56px;--height:56px}:host(.input-otp-size-medium) .input-otp-group,:host(.input-otp-size-large) .input-otp-group{gap:12px}:host(.input-otp-shape-round){--border-radius:16px}:host(.input-otp-shape-soft){--border-radius:8px}:host(.input-otp-shape-rectangular){--border-radius:0}:host(.input-otp-fill-outline){--background:none}:host(.input-otp-fill-solid){--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-disabled){--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}:host(.input-otp-fill-outline.input-otp-disabled){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.input-otp-fill-outline.input-otp-readonly){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-fill-solid.input-otp-disabled),:host(.input-otp-fill-solid.input-otp-readonly){--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.input-otp-fill-outline.ion-color) .native-input,:host(.input-otp-fill-solid.ion-color) .native-input:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}:host(.input-otp-fill-outline.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input{border-color:var(--ion-color-danger, #c5000f)}:host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input{border-color:var(--ion-color-success, #2dd55b)}:host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input{border-color:rgba(var(--ion-color-base-rgb), 0.3)}:host{--border-width:1px}:host(.has-focus) .native-input:focus{--border-width:2px}:host(.input-otp-fill-outline){--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3))}"}}},[353,"ion-input-otp",{autocapitalize:[1],color:[513],disabled:[516],fill:[1],inputmode:[1],length:[2],pattern:[1],readonly:[516],separators:[1],shape:[1],size:[1],type:[1],value:[1032],inputValues:[32],hasFocus:[32],previousInputValues:[32],setFocus:[64]},void 0,{disabled:[{disabledChanged:0}],value:[{valueChanged:0}],separators:[{processSeparators:0}],length:[{processSeparators:0}]}]);let v=0;const g=c,b=function(){"undefined"!=typeof customElements&&["ion-input-otp"].forEach((t=>{"ion-input-otp"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))};export{g as IonInputOtp,b as defineCustomElement}

package/components/ion-input-password-toggle.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{p as s,H as M,f as i,c as t,h as w,d as o,t as n}from"./p-Bkk8447d.js";import{c as e}from"./p-BUF_V-Kg.js";import{l as L,m as N}from"./p-Cc3oC60a.js";import{b as a,c as u}from"./p-Uo-TYRpE.js";import{d as c}from"./p-C8aonLbo.js";import{d as D}from"./p-CrNVENZG.js";import{d as y}from"./p-EayFnjkU.js";const j=s(class extends M{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.type="password",this.togglePasswordVisibility=()=>{const{inputElRef:s}=this;s&&(s.type="text"===s.type?"password":"text")}}onTypeChange(s){"text"===s||"password"===s||i(`[ion-input-password-toggle] - Only inputs of type "text" or "password" are supported. Input of type "${s}" is not compatible.`,this.el)}connectedCallback(){const{el:s}=this,M=this.inputElRef=s.closest("ion-input");M?this.type=M.type:i("[ion-input-password-toggle] - No ancestor ion-input found. This component must be slotted inside of an ion-input.",s)}disconnectedCallback(){this.inputElRef=null}get inputPasswordHideIcon(){if(null!=this.hideIcon)return this.hideIcon;const s=a(this),M={ios:L,ionic:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik01My45MiwzNC42MkE4LDgsMCwxLDAsNDIuMDgsNDUuMzhMNjEuMzIsNjYuNTVDMjUsODguODQsOS4zOCwxMjMuMiw4LjY5LDEyNC43NmE4LDgsMCwwLDAsMCw2LjVjLjM1Ljc5LDguODIsMTkuNTcsMjcuNjUsMzguNEM2MS40MywxOTQuNzQsOTMuMTIsMjA4LDEyOCwyMDhhMTI3LjExLDEyNy4xMSwwLDAsMCw1Mi4wNy0xMC44M2wyMiwyNC4yMWE4LDgsMCwxLDAsMTEuODQtMTAuNzZabTQ3LjMzLDc1Ljg0LDQxLjY3LDQ1Ljg1YTMyLDMyLDAsMCwxLTQxLjY3LTQ1Ljg1Wk0xMjgsMTkyYy0zMC43OCwwLTU3LjY3LTExLjE5LTc5LjkzLTMzLjI1QTEzMy4xNiwxMzMuMTYsMCwwLDEsMjUsMTI4YzQuNjktOC43OSwxOS42Ni0zMy4zOSw0Ny4zNS00OS4zOGwxOCwxOS43NWE0OCw0OCwwLDAsMCw2My42Niw3MGwxNC43MywxNi4yQTExMiwxMTIsMCwwLDEsMTI4LDE5MlptNi05NS40M2E4LDgsMCwwLDEsMy0xNS43Miw0OC4xNiw0OC4xNiwwLDAsMSwzOC43Nyw0Mi42NCw4LDgsMCwwLDEtNy4yMiw4LjcxLDYuMzksNi4zOSwwLDAsMS0uNzUsMCw4LDgsMCwwLDEtOC03LjI2QTMyLjA5LDMyLjA5LDAsMCwwLDEzNCw5Ni41N1ptMTEzLjI4LDM0LjY5Yy0uNDIuOTQtMTAuNTUsMjMuMzctMzMuMzYsNDMuOGE4LDgsMCwxLDEtMTAuNjctMTEuOTJBMTMyLjc3LDEzMi43NywwLDAsMCwyMzEuMDUsMTI4YTEzMy4xNSwxMzMuMTUsMCwwLDAtMjMuMTItMzAuNzdDMTg1LjY3LDc1LjE5LDE1OC43OCw2NCwxMjgsNjRhMTE4LjM3LDExOC4zNywwLDAsMC0xOS4zNiwxLjU3QTgsOCwwLDEsMSwxMDYsNDkuNzksMTM0LDEzNCwwLDAsMSwxMjgsNDhjMzQuODgsMCw2Ni41NywxMy4yNiw5MS42NiwzOC4zNSwxOC44MywxOC44MywyNy4zLDM3LjYyLDI3LjY1LDM4LjQxQTgsOCwwLDAsMSwyNDcuMzEsMTMxLjI2WiIvPjwvc3ZnPg==",md:L};return t.get("inputPasswordHideIcon",M[s]||M.md)}get inputPasswordShowIcon(){if(null!=this.showIcon)return this.showIcon;const s=a(this),M={ios:N,ionic:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yNDcuMzEsMTI0Ljc2Yy0uMzUtLjc5LTguODItMTkuNTgtMjcuNjUtMzguNDFDMTk0LjU3LDYxLjI2LDE2Mi44OCw0OCwxMjgsNDhTNjEuNDMsNjEuMjYsMzYuMzQsODYuMzVDMTcuNTEsMTA1LjE4LDksMTI0LDguNjksMTI0Ljc2YTgsOCwwLDAsMCwwLDYuNWMuMzUuNzksOC44MiwxOS41NywyNy42NSwzOC40QzYxLjQzLDE5NC43NCw5My4xMiwyMDgsMTI4LDIwOHM2Ni41Ny0xMy4yNiw5MS42Ni0zOC4zNGMxOC44My0xOC44MywyNy4zLTM3LjYxLDI3LjY1LTM4LjRBOCw4LDAsMCwwLDI0Ny4zMSwxMjQuNzZaTTEyOCwxOTJjLTMwLjc4LDAtNTcuNjctMTEuMTktNzkuOTMtMzMuMjVBMTMzLjQ3LDEzMy40NywwLDAsMSwyNSwxMjgsMTMzLjMzLDEzMy4zMywwLDAsMSw0OC4wNyw5Ny4yNUM3MC4zMyw3NS4xOSw5Ny4yMiw2NCwxMjgsNjRzNTcuNjcsMTEuMTksNzkuOTMsMzMuMjVBMTMzLjQ2LDEzMy40NiwwLDAsMSwyMzEuMDUsMTI4QzIyMy44NCwxNDEuNDYsMTkyLjQzLDE5MiwxMjgsMTkyWm0wLTExMmE0OCw0OCwwLDEsMCw0OCw0OEE0OC4wNSw0OC4wNSwwLDAsMCwxMjgsODBabTAsODBhMzIsMzIsMCwxLDEsMzItMzJBMzIsMzIsMCwwLDEsMTI4LDE2MFoiLz48L3N2Zz4=",md:N};return t.get("inputPasswordShowIcon",M[s]||M.md)}render(){const{color:s,inputPasswordHideIcon:M,inputPasswordShowIcon:i,type:t}=this,n=u(this),L="text"===t;return w(o,{key:"2734787d7024b5662ab5a3f11d8026d5a514baa3",class:e(s,{[n]:!0})},w("ion-button",{key:"f4507daff695b5f2d0b2794ff6cb73ec71917ca8",mode:n,color:s,fill:"clear",shape:"round","aria-label":L?"Hide password":"Show password","aria-pressed":L?"true":"false",type:"button",onPointerDown:s=>{s.preventDefault()},onClick:this.togglePasswordVisibility},w("ion-icon",{key:"b1d55b3625cc0a90249090c29b635064e6086075",slot:"icon-only","aria-hidden":"true",icon:L?M:i})))}get el(){return this}static get watchers(){return{type:[{onTypeChange:0}]}}static get style(){return{ionic:":host ion-button{--color:var(--token-primitives-neutral-800, #626262);--margin-end:calc(-1 * var(--padding-end));--padding-end:inherit;--icon-size:var(--token-font-size-400, 1rem);-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:0;margin-bottom:0;width:var(--size);height:var(--size)}:host ion-button ion-icon{font-size:var(--icon-size)}",ios:"",md:""}}},[33,"ion-input-password-toggle",{color:[513],showIcon:[1,"show-icon"],hideIcon:[1,"hide-icon"],type:[1025]},void 0,{type:[{onTypeChange:0}]}]),r=j,z=function(){"undefined"!=typeof customElements&&["ion-input-password-toggle","ion-button","ion-icon","ion-ripple-effect"].forEach((s=>{switch(s){case"ion-input-password-toggle":customElements.get(n(s))||customElements.define(n(s),j);break;case"ion-button":customElements.get(n(s))||c();break;case"ion-icon":customElements.get(n(s))||D();break;case"ion-ripple-effect":customElements.get(n(s))||y()}}))};export{r as IonInputPasswordToggle,z as defineCustomElement}
+import{p as t,H as o,f as n,c as e,h as i,d as s,t as r}from"./p-Bkk8447d.js";import{c as a}from"./p-BUF_V-Kg.js";import{l as c,m as p}from"./p-0rXxxCTt.js";import{c as d}from"./p-hJBybumI.js";import{d as u}from"./p-DwTxdFPM.js";import{d as l}from"./p-CrNVENZG.js";import{d as m}from"./p-D9UifuBV.js";const h=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.type="password",this.togglePasswordVisibility=()=>{const{inputElRef:t}=this;t&&(t.type="text"===t.type?"password":"text")}}onTypeChange(t){"text"===t||"password"===t||n(`[ion-input-password-toggle] - Only inputs of type "text" or "password" are supported. Input of type "${t}" is not compatible.`,this.el)}connectedCallback(){const{el:t}=this,o=this.inputElRef=t.closest("ion-input");o?this.type=o.type:n("[ion-input-password-toggle] - No ancestor ion-input found. This component must be slotted inside of an ion-input.",t)}disconnectedCallback(){this.inputElRef=null}get inputPasswordHideIcon(){return null!=this.hideIcon?this.hideIcon:e.get("inputPasswordHideIcon",c)}get inputPasswordShowIcon(){return null!=this.showIcon?this.showIcon:e.get("inputPasswordShowIcon",p)}render(){const{color:t,inputPasswordHideIcon:o,inputPasswordShowIcon:n,type:e}=this,r=d(this),c="text"===e;return i(s,{key:"84bc48922e1757b815cc8cfb57120479736c3c60",class:a(t,{[r]:!0})},i("ion-button",{key:"1ffddcd50039cc044a0ad36e5c8e0465d135518c",mode:r,color:t,fill:"clear",shape:"round","aria-label":c?"Hide password":"Show password","aria-pressed":c?"true":"false",type:"button",onPointerDown:t=>{t.preventDefault()},onClick:this.togglePasswordVisibility},i("ion-icon",{key:"6ee118c5044c11b6db743f3ce6be6ef7ba255292",slot:"icon-only","aria-hidden":"true",icon:c?o:n})))}get el(){return this}static get watchers(){return{type:[{onTypeChange:0}]}}static get style(){return{ionic:":host ion-button{--color:var(--token-primitives-neutral-800, #6c727a);--margin-end:calc(-1 * var(--padding-end));--padding-end:inherit;--icon-size:var(--token-font-size-400, 1rem);-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:0;margin-bottom:0;width:var(--size);height:var(--size)}:host ion-button ion-icon{font-size:var(--icon-size)}",ios:"",md:""}}},[33,"ion-input-password-toggle",{color:[513],showIcon:[1,"show-icon"],hideIcon:[1,"hide-icon"],type:[1025]},void 0,{type:[{onTypeChange:0}]}]),g=h,f=function(){"undefined"!=typeof customElements&&["ion-input-password-toggle","ion-button","ion-icon","ion-ripple-effect"].forEach((t=>{switch(t){case"ion-input-password-toggle":customElements.get(r(t))||customElements.define(r(t),h);break;case"ion-button":customElements.get(r(t))||u();break;case"ion-icon":customElements.get(r(t))||l();break;case"ion-ripple-effect":customElements.get(r(t))||m()}}))};export{g as IonInputPasswordToggle,f as defineCustomElement}