@pod-os/elements 0.21.1-aba77d3.0 → 0.22.1

package/dist/elements/p-4b87a344.entry.js

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

package/dist/elements/{p-1b2beb49.entry.js.map → p-4b87a344.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["segmentIosCss","IonSegmentIosStyle0","segmentMdCss","IonSegmentMdStyle0","Segment","constructor","hostRef","this","onClick","ev","current","target","previous","checked","tagName","value","emitValueChange","scrollable","swipeGesture","checkButton","setCheckedClasses","getSegmentButton","selector","_a","_b","buttons","getButtons","filter","button","disabled","currIndex","findIndex","document","activeElement","length","activated","color","undefined","selectOnFocus","colorChanged","oldValue","emitStyle","swipeGestureChanged","gestureChanged","valueChanged","ionSelect","emit","scrollActiveButtonIntoView","disabledChanged","gesture","enable","connectedCallback","componentWillLoad","componentDidLoad","raf","import","createGesture","el","gestureName","gesturePriority","threshold","passive","onStart","onMove","onEnd","detail","valueBeforeGesture","activate","setNextIndex","setActivated","event","stopImmediatePropagation","ionChange","Array","from","querySelectorAll","find","forEach","classList","add","remove","clicked","getIndicator","root","shadowRoot","querySelector","previousIndicator","currentIndicator","previousClientRect","getBoundingClientRect","currentClientRect","widthDelta","width","xPosition","left","transform","writeTask","style","setProperty","index","next","smoothScroll","activeButton","scrollContainerBox","activeButtonBox","activeButtonLeft","x","centeredX","scrollBy","top","behavior","isEnd","rtl","isRTL","nextIndex","rect","currentX","previousY","height","getRootNode","nextEl","elementFromPoint","decreaseIndex","increaseIndex","newIndex","ionStyle","segment","onKeyDown","keyDownSelectsButton","key","preventDefault","setFocus","render","mode","getIonMode","h","Host","role","class","createColorClasses","hostContext"],"sources":["../node_modules/@ionic/core/dist/collection/components/segment/segment.ios.css?tag=ion-segment&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/segment/segment.md.css?tag=ion-segment&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/segment/segment.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the segment button\n   */\n  --ripple-color: currentColor;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: grid;\n  grid-auto-columns: 1fr;\n  position: relative;\n  align-items: stretch;\n  justify-content: center;\n  width: 100%;\n  background: var(--background);\n  font-family: var(--ion-font-family, inherit);\n  text-align: center;\n  contain: paint;\n  user-select: none;\n}\n\n:host(.segment-scrollable) {\n  justify-content: start;\n  width: auto;\n  overflow-x: auto;\n  grid-auto-columns: minmax(min-content, 1fr);\n}\n\n:host(.segment-scrollable::-webkit-scrollbar) {\n  display: none;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);\n  border-radius: 8px;\n  overflow: hidden;\n  z-index: 0;\n}\n\n:host(.ion-color) {\n  background: rgba(var(--ion-color-base-rgb), 0.065);\n}\n\n:host(.in-toolbar) {\n  -webkit-margin-start: auto;\n  margin-inline-start: auto;\n  -webkit-margin-end: auto;\n  margin-inline-end: auto;\n  margin-top: 0;\n  margin-bottom: 0;\n  width: auto;\n}\n\n:host(.in-toolbar:not(.ion-color)) {\n  background: var(--ion-toolbar-segment-background, var(--background));\n}\n\n:host(.in-toolbar-color:not(.ion-color)) {\n  background: rgba(var(--ion-color-contrast-rgb), 0.11);\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the segment button\n   */\n  --ripple-color: currentColor;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: grid;\n  grid-auto-columns: 1fr;\n  position: relative;\n  align-items: stretch;\n  justify-content: center;\n  width: 100%;\n  background: var(--background);\n  font-family: var(--ion-font-family, inherit);\n  text-align: center;\n  contain: paint;\n  user-select: none;\n}\n\n:host(.segment-scrollable) {\n  justify-content: start;\n  width: auto;\n  overflow-x: auto;\n  grid-auto-columns: minmax(min-content, 1fr);\n}\n\n:host(.segment-scrollable::-webkit-scrollbar) {\n  display: none;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --background: transparent;\n  grid-auto-columns: minmax(auto, 360px);\n}\n\n:host(.in-toolbar) {\n  /**\n   * Segment should inherit the\n   * height of the toolbar.\n   * Note: --min-height is initially\n   * set on ion-toolbar, not ion-segment\n   */\n  min-height: var(--min-height);\n}\n\n:host(.segment-scrollable) ::slotted(ion-segment-button) {\n  min-width: auto;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h, writeTask } from \"@stencil/core\";\nimport { raf } from \"../../utils/helpers\";\nimport { isRTL } from \"../../utils/rtl/index\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class Segment {\n    constructor() {\n        this.onClick = (ev) => {\n            const current = ev.target;\n            const previous = this.checked;\n            // If the current element is a segment then that means\n            // the user tried to swipe to a segment button and\n            // click a segment button at the same time so we should\n            // not update the checked segment button\n            if (current.tagName === 'ION-SEGMENT') {\n                return;\n            }\n            this.value = current.value;\n            if (current !== previous) {\n                this.emitValueChange();\n            }\n            if (this.scrollable || !this.swipeGesture) {\n                if (previous) {\n                    this.checkButton(previous, current);\n                }\n                else {\n                    this.setCheckedClasses();\n                }\n            }\n        };\n        this.getSegmentButton = (selector) => {\n            var _a, _b;\n            const buttons = this.getButtons().filter((button) => !button.disabled);\n            const currIndex = buttons.findIndex((button) => button === document.activeElement);\n            switch (selector) {\n                case 'first':\n                    return buttons[0];\n                case 'last':\n                    return buttons[buttons.length - 1];\n                case 'next':\n                    return (_a = buttons[currIndex + 1]) !== null && _a !== void 0 ? _a : buttons[0];\n                case 'previous':\n                    return (_b = buttons[currIndex - 1]) !== null && _b !== void 0 ? _b : buttons[buttons.length - 1];\n                default:\n                    return null;\n            }\n        };\n        this.activated = false;\n        this.color = undefined;\n        this.disabled = false;\n        this.scrollable = false;\n        this.swipeGesture = true;\n        this.value = undefined;\n        this.selectOnFocus = false;\n    }\n    colorChanged(value, oldValue) {\n        /**\n         * If color is set after not having\n         * previously been set (or vice versa),\n         * we need to emit style so the segment-buttons\n         * can apply their color classes properly.\n         */\n        if ((oldValue === undefined && value !== undefined) || (oldValue !== undefined && value === undefined)) {\n            this.emitStyle();\n        }\n    }\n    swipeGestureChanged() {\n        this.gestureChanged();\n    }\n    valueChanged(value) {\n        /**\n         * `ionSelect` is emitted every time the value changes (internal or external changes).\n         * Used by `ion-segment-button` to determine if the button should be checked.\n         */\n        this.ionSelect.emit({ value });\n        this.scrollActiveButtonIntoView();\n    }\n    disabledChanged() {\n        this.gestureChanged();\n        const buttons = this.getButtons();\n        for (const button of buttons) {\n            button.disabled = this.disabled;\n        }\n    }\n    gestureChanged() {\n        if (this.gesture) {\n            this.gesture.enable(!this.scrollable && !this.disabled && this.swipeGesture);\n        }\n    }\n    connectedCallback() {\n        this.emitStyle();\n    }\n    componentWillLoad() {\n        this.emitStyle();\n    }\n    async componentDidLoad() {\n        this.setCheckedClasses();\n        /**\n         * If the value changes before watchers\n         * are setup, then the ionSelect watch callback\n         * will not fire. As a result, we manually\n         * fire this event when Select is loaded.\n         */\n        this.ionSelect.emit({ value: this.value });\n        /**\n         * We need to wait for the buttons to all be rendered\n         * before we can scroll.\n         */\n        raf(() => {\n            /**\n             * When the segment loads for the first\n             * time we just want to snap the active button into\n             * place instead of scroll. Smooth scrolling should only\n             * happen when the user interacts with the segment.\n             */\n            this.scrollActiveButtonIntoView(false);\n        });\n        this.gesture = (await import('../../utils/gesture')).createGesture({\n            el: this.el,\n            gestureName: 'segment',\n            gesturePriority: 100,\n            threshold: 0,\n            passive: false,\n            onStart: (ev) => this.onStart(ev),\n            onMove: (ev) => this.onMove(ev),\n            onEnd: (ev) => this.onEnd(ev),\n        });\n        this.gestureChanged();\n        if (this.disabled) {\n            this.disabledChanged();\n        }\n    }\n    onStart(detail) {\n        this.valueBeforeGesture = this.value;\n        this.activate(detail);\n    }\n    onMove(detail) {\n        this.setNextIndex(detail);\n    }\n    onEnd(detail) {\n        this.setActivated(false);\n        this.setNextIndex(detail, true);\n        detail.event.stopImmediatePropagation();\n        const value = this.value;\n        if (value !== undefined) {\n            if (this.valueBeforeGesture !== value) {\n                this.emitValueChange();\n            }\n        }\n        this.valueBeforeGesture = undefined;\n    }\n    /**\n     * Emits an `ionChange` event.\n     *\n     * This API should be called for user committed changes.\n     * This API should not be used for external value changes.\n     */\n    emitValueChange() {\n        const { value } = this;\n        this.ionChange.emit({ value });\n    }\n    getButtons() {\n        return Array.from(this.el.querySelectorAll('ion-segment-button'));\n    }\n    get checked() {\n        return this.getButtons().find((button) => button.value === this.value);\n    }\n    /*\n     * Activate both the segment and the buttons\n     * due to a bug with ::slotted in Safari\n     */\n    setActivated(activated) {\n        const buttons = this.getButtons();\n        buttons.forEach((button) => {\n            if (activated) {\n                button.classList.add('segment-button-activated');\n            }\n            else {\n                button.classList.remove('segment-button-activated');\n            }\n        });\n        this.activated = activated;\n    }\n    activate(detail) {\n        const clicked = detail.event.target;\n        const buttons = this.getButtons();\n        const checked = buttons.find((button) => button.value === this.value);\n        // Make sure we are only checking for activation on a segment button\n        // since disabled buttons will get the click on the segment\n        if (clicked.tagName !== 'ION-SEGMENT-BUTTON') {\n            return;\n        }\n        // If there are no checked buttons, set the current button to checked\n        if (!checked) {\n            this.value = clicked.value;\n            this.setCheckedClasses();\n        }\n        // If the gesture began on the clicked button with the indicator\n        // then we should activate the indicator\n        if (this.value === clicked.value) {\n            this.setActivated(true);\n        }\n    }\n    getIndicator(button) {\n        const root = button.shadowRoot || button;\n        return root.querySelector('.segment-button-indicator');\n    }\n    checkButton(previous, current) {\n        const previousIndicator = this.getIndicator(previous);\n        const currentIndicator = this.getIndicator(current);\n        if (previousIndicator === null || currentIndicator === null) {\n            return;\n        }\n        const previousClientRect = previousIndicator.getBoundingClientRect();\n        const currentClientRect = currentIndicator.getBoundingClientRect();\n        const widthDelta = previousClientRect.width / currentClientRect.width;\n        const xPosition = previousClientRect.left - currentClientRect.left;\n        // Scale the indicator width to match the previous indicator width\n        // and translate it on top of the previous indicator\n        const transform = `translate3d(${xPosition}px, 0, 0) scaleX(${widthDelta})`;\n        writeTask(() => {\n            // Remove the transition before positioning on top of the previous indicator\n            currentIndicator.classList.remove('segment-button-indicator-animated');\n            currentIndicator.style.setProperty('transform', transform);\n            // Force a repaint to ensure the transform happens\n            currentIndicator.getBoundingClientRect();\n            // Add the transition to move the indicator into place\n            currentIndicator.classList.add('segment-button-indicator-animated');\n            // Remove the transform to slide the indicator back to the button clicked\n            currentIndicator.style.setProperty('transform', '');\n        });\n        this.value = current.value;\n        this.setCheckedClasses();\n    }\n    setCheckedClasses() {\n        const buttons = this.getButtons();\n        const index = buttons.findIndex((button) => button.value === this.value);\n        const next = index + 1;\n        for (const button of buttons) {\n            button.classList.remove('segment-button-after-checked');\n        }\n        if (next < buttons.length) {\n            buttons[next].classList.add('segment-button-after-checked');\n        }\n    }\n    scrollActiveButtonIntoView(smoothScroll = true) {\n        const { scrollable, value, el } = this;\n        if (scrollable) {\n            const buttons = this.getButtons();\n            const activeButton = buttons.find((button) => button.value === value);\n            if (activeButton !== undefined) {\n                const scrollContainerBox = el.getBoundingClientRect();\n                const activeButtonBox = activeButton.getBoundingClientRect();\n                /**\n                 * Subtract the active button x position from the scroll\n                 * container x position. This will give us the x position\n                 * of the active button within the scroll container.\n                 */\n                const activeButtonLeft = activeButtonBox.x - scrollContainerBox.x;\n                /**\n                 * If we just used activeButtonLeft, then the active button\n                 * would be aligned with the left edge of the scroll container.\n                 * Instead, we want the segment button to be centered. As a result,\n                 * we subtract half of the scroll container width. This will position\n                 * the left edge of the active button at the midpoint of the scroll container.\n                 * We then add half of the active button width. This will position the active\n                 * button such that the midpoint of the active button is at the midpoint of the\n                 * scroll container.\n                 */\n                const centeredX = activeButtonLeft - scrollContainerBox.width / 2 + activeButtonBox.width / 2;\n                /**\n                 * We intentionally use scrollBy here instead of scrollIntoView\n                 * to avoid a WebKit bug where accelerated animations break\n                 * when using scrollIntoView. Using scrollIntoView will cause the\n                 * segment container to jump during the transition and then snap into place.\n                 * This is because scrollIntoView can potentially cause parent element\n                 * containers to also scroll. scrollBy does not have this same behavior, so\n                 * we use this API instead.\n                 *\n                 * Note that if there is not enough scrolling space to center the element\n                 * within the scroll container, the browser will attempt\n                 * to center by as much as it can.\n                 */\n                el.scrollBy({\n                    top: 0,\n                    left: centeredX,\n                    behavior: smoothScroll ? 'smooth' : 'instant',\n                });\n            }\n        }\n    }\n    setNextIndex(detail, isEnd = false) {\n        const rtl = isRTL(this.el);\n        const activated = this.activated;\n        const buttons = this.getButtons();\n        const index = buttons.findIndex((button) => button.value === this.value);\n        const previous = buttons[index];\n        let current;\n        let nextIndex;\n        if (index === -1) {\n            return;\n        }\n        // Get the element that the touch event started on in case\n        // it was the checked button, then we will move the indicator\n        const rect = previous.getBoundingClientRect();\n        const left = rect.left;\n        const width = rect.width;\n        // Get the element that the gesture is on top of based on the currentX of the\n        // gesture event and the Y coordinate of the starting element, since the gesture\n        // can move up and down off of the segment\n        const currentX = detail.currentX;\n        const previousY = rect.top + rect.height / 2;\n        /**\n         * Segment can be used inside the shadow dom\n         * so doing document.elementFromPoint would never\n         * return a segment button in that instance.\n         * We use getRootNode to which will return the parent\n         * shadow root if used inside a shadow component and\n         * returns document otherwise.\n         */\n        const root = this.el.getRootNode();\n        const nextEl = root.elementFromPoint(currentX, previousY);\n        const decreaseIndex = rtl ? currentX > left + width : currentX < left;\n        const increaseIndex = rtl ? currentX < left : currentX > left + width;\n        // If the indicator is currently activated then we have started the gesture\n        // on top of the checked button so we need to slide the indicator\n        // by checking the button next to it as we move\n        if (activated && !isEnd) {\n            // Decrease index, move left in LTR & right in RTL\n            if (decreaseIndex) {\n                const newIndex = index - 1;\n                if (newIndex >= 0) {\n                    nextIndex = newIndex;\n                }\n                // Increase index, moves right in LTR & left in RTL\n            }\n            else if (increaseIndex) {\n                if (activated && !isEnd) {\n                    const newIndex = index + 1;\n                    if (newIndex < buttons.length) {\n                        nextIndex = newIndex;\n                    }\n                }\n            }\n            if (nextIndex !== undefined && !buttons[nextIndex].disabled) {\n                current = buttons[nextIndex];\n            }\n        }\n        // If the indicator is not activated then we will just set the indicator\n        // to the element where the gesture ended\n        if (!activated && isEnd) {\n            current = nextEl;\n        }\n        if (current != null) {\n            /**\n             * If current element is ion-segment then that means\n             * user tried to select a disabled ion-segment-button,\n             * and we should not update the ripple.\n             */\n            if (current.tagName === 'ION-SEGMENT') {\n                return false;\n            }\n            if (previous !== current) {\n                this.checkButton(previous, current);\n            }\n        }\n        return true;\n    }\n    emitStyle() {\n        this.ionStyle.emit({\n            segment: true,\n        });\n    }\n    onKeyDown(ev) {\n        const rtl = isRTL(this.el);\n        let keyDownSelectsButton = this.selectOnFocus;\n        let current;\n        switch (ev.key) {\n            case 'ArrowRight':\n                ev.preventDefault();\n                current = rtl ? this.getSegmentButton('previous') : this.getSegmentButton('next');\n                break;\n            case 'ArrowLeft':\n                ev.preventDefault();\n                current = rtl ? this.getSegmentButton('next') : this.getSegmentButton('previous');\n                break;\n            case 'Home':\n                ev.preventDefault();\n                current = this.getSegmentButton('first');\n                break;\n            case 'End':\n                ev.preventDefault();\n                current = this.getSegmentButton('last');\n                break;\n            case ' ':\n            case 'Enter':\n                ev.preventDefault();\n                current = document.activeElement;\n                keyDownSelectsButton = true;\n            default:\n                break;\n        }\n        if (!current) {\n            return;\n        }\n        if (keyDownSelectsButton) {\n            const previous = this.checked;\n            this.checkButton(previous || current, current);\n            if (current !== previous) {\n                this.emitValueChange();\n            }\n        }\n        current.setFocus();\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '01c94f9fcc51fb5a7612588c87155a130b7c8a9d', role: \"tablist\", onClick: this.onClick, class: createColorClasses(this.color, {\n                [mode]: true,\n                'in-toolbar': hostContext('ion-toolbar', this.el),\n                'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),\n                'segment-activated': this.activated,\n                'segment-disabled': this.disabled,\n                'segment-scrollable': this.scrollable,\n            }) }, h(\"slot\", { key: 'b0afdfcb7506a765df42d1d6eb4e1d81bf8fd92a' })));\n    }\n    static get is() { return \"ion-segment\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"segment.ios.scss\"],\n            \"md\": [\"segment.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"segment.ios.css\"],\n            \"md\": [\"segment.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": true\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user cannot interact with the segment.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"scrollable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the segment buttons will overflow and the user can swipe to see them.\\nIn addition, this will disable the gesture to drag the indicator between the buttons\\nin order to swipe to see hidden buttons.\"\n                },\n                \"attribute\": \"scrollable\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"swipeGesture\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, users will be able to swipe between segment buttons to activate them.\"\n                },\n                \"attribute\": \"swipe-gesture\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"value\": {\n                \"type\": \"any\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"SegmentValue\",\n                    \"resolved\": \"number | string | undefined\",\n                    \"references\": {\n                        \"SegmentValue\": {\n                            \"location\": \"import\",\n                            \"path\": \"./segment-interface\",\n                            \"id\": \"src/components/segment/segment-interface.ts::SegmentValue\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the value of the segment.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"selectOnFocus\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, navigating to an `ion-segment-button` with the keyboard will focus and select the element.\\nIf `false`, keyboard navigation will only focus the `ion-segment-button` element.\"\n                },\n                \"attribute\": \"select-on-focus\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"activated\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionChange\",\n                \"name\": \"ionChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the value property has changed and any\\ndragging pointer has been released from `ion-segment`.\"\n                },\n                \"complexType\": {\n                    \"original\": \"SegmentChangeEventDetail\",\n                    \"resolved\": \"SegmentChangeEventDetail\",\n                    \"references\": {\n                        \"SegmentChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./segment-interface\",\n                            \"id\": \"src/components/segment/segment-interface.ts::SegmentChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionSelect\",\n                \"name\": \"ionSelect\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"Emitted when the value of the segment changes from user committed actions\\nor from externally assigning a value.\"\n                },\n                \"complexType\": {\n                    \"original\": \"SegmentChangeEventDetail\",\n                    \"resolved\": \"SegmentChangeEventDetail\",\n                    \"references\": {\n                        \"SegmentChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./segment-interface\",\n                            \"id\": \"src/components/segment/segment-interface.ts::SegmentChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionStyle\",\n                \"name\": \"ionStyle\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"Emitted when the styles change.\"\n                },\n                \"complexType\": {\n                    \"original\": \"StyleEventDetail\",\n                    \"resolved\": \"StyleEventDetail\",\n                    \"references\": {\n                        \"StyleEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::StyleEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"color\",\n                \"methodName\": \"colorChanged\"\n            }, {\n                \"propName\": \"swipeGesture\",\n                \"methodName\": \"swipeGestureChanged\"\n            }, {\n                \"propName\": \"value\",\n                \"methodName\": \"valueChanged\"\n            }, {\n                \"propName\": \"disabled\",\n                \"methodName\": \"disabledChanged\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"onKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["segmentIosCss","IonSegmentIosStyle0","segmentMdCss","IonSegmentMdStyle0","Segment","constructor","hostRef","this","onClick","ev","current","target","previous","checked","tagName","value","emitValueChange","scrollable","swipeGesture","checkButton","setCheckedClasses","getSegmentButton","selector","_a","_b","buttons","getButtons","filter","button","disabled","currIndex","findIndex","document","activeElement","length","activated","color","undefined","selectOnFocus","colorChanged","oldValue","emitStyle","swipeGestureChanged","gestureChanged","valueChanged","ionSelect","emit","scrollActiveButtonIntoView","disabledChanged","gesture","enable","connectedCallback","componentWillLoad","componentDidLoad","raf","import","createGesture","el","gestureName","gesturePriority","threshold","passive","onStart","onMove","onEnd","detail","valueBeforeGesture","activate","setNextIndex","setActivated","event","stopImmediatePropagation","ionChange","Array","from","querySelectorAll","find","forEach","classList","add","remove","clicked","getIndicator","root","shadowRoot","querySelector","previousIndicator","currentIndicator","previousClientRect","getBoundingClientRect","currentClientRect","widthDelta","width","xPosition","left","transform","writeTask","style","setProperty","index","next","smoothScroll","activeButton","scrollContainerBox","activeButtonBox","activeButtonLeft","x","centeredX","scrollBy","top","behavior","isEnd","rtl","isRTL","nextIndex","rect","currentX","previousY","height","getRootNode","nextEl","elementFromPoint","decreaseIndex","increaseIndex","newIndex","ionStyle","segment","onKeyDown","keyDownSelectsButton","key","preventDefault","setFocus","render","mode","getIonMode","h","Host","role","class","createColorClasses","hostContext"],"sources":["../node_modules/@ionic/core/dist/collection/components/segment/segment.ios.css?tag=ion-segment&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/segment/segment.md.css?tag=ion-segment&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/segment/segment.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the segment button\n   */\n  --ripple-color: currentColor;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: grid;\n  grid-auto-columns: 1fr;\n  position: relative;\n  align-items: stretch;\n  justify-content: center;\n  width: 100%;\n  background: var(--background);\n  font-family: var(--ion-font-family, inherit);\n  text-align: center;\n  contain: paint;\n  user-select: none;\n}\n\n:host(.segment-scrollable) {\n  justify-content: start;\n  width: auto;\n  overflow-x: auto;\n  grid-auto-columns: minmax(min-content, 1fr);\n}\n\n:host(.segment-scrollable::-webkit-scrollbar) {\n  display: none;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);\n  border-radius: 8px;\n  overflow: hidden;\n  z-index: 0;\n}\n\n:host(.ion-color) {\n  background: rgba(var(--ion-color-base-rgb), 0.065);\n}\n\n:host(.in-toolbar) {\n  -webkit-margin-start: auto;\n  margin-inline-start: auto;\n  -webkit-margin-end: auto;\n  margin-inline-end: auto;\n  margin-top: 0;\n  margin-bottom: 0;\n  width: auto;\n}\n\n:host(.in-toolbar:not(.ion-color)) {\n  background: var(--ion-toolbar-segment-background, var(--background));\n}\n\n:host(.in-toolbar-color:not(.ion-color)) {\n  background: rgba(var(--ion-color-contrast-rgb), 0.11);\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  /**\n   * @prop --background: Background of the segment button\n   */\n  --ripple-color: currentColor;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: grid;\n  grid-auto-columns: 1fr;\n  position: relative;\n  align-items: stretch;\n  justify-content: center;\n  width: 100%;\n  background: var(--background);\n  font-family: var(--ion-font-family, inherit);\n  text-align: center;\n  contain: paint;\n  user-select: none;\n}\n\n:host(.segment-scrollable) {\n  justify-content: start;\n  width: auto;\n  overflow-x: auto;\n  grid-auto-columns: minmax(min-content, 1fr);\n}\n\n:host(.segment-scrollable::-webkit-scrollbar) {\n  display: none;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --background: transparent;\n  grid-auto-columns: minmax(auto, 360px);\n}\n\n:host(.in-toolbar) {\n  /**\n   * Segment should inherit the\n   * height of the toolbar.\n   * Note: --min-height is initially\n   * set on ion-toolbar, not ion-segment\n   */\n  min-height: var(--min-height);\n}\n\n:host(.segment-scrollable) ::slotted(ion-segment-button) {\n  min-width: auto;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h, writeTask } from \"@stencil/core\";\nimport { raf } from \"../../utils/helpers\";\nimport { isRTL } from \"../../utils/rtl/index\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class Segment {\n    constructor() {\n        this.onClick = (ev) => {\n            const current = ev.target;\n            const previous = this.checked;\n            // If the current element is a segment then that means\n            // the user tried to swipe to a segment button and\n            // click a segment button at the same time so we should\n            // not update the checked segment button\n            if (current.tagName === 'ION-SEGMENT') {\n                return;\n            }\n            this.value = current.value;\n            if (current !== previous) {\n                this.emitValueChange();\n            }\n            if (this.scrollable || !this.swipeGesture) {\n                if (previous) {\n                    this.checkButton(previous, current);\n                }\n                else {\n                    this.setCheckedClasses();\n                }\n            }\n        };\n        this.getSegmentButton = (selector) => {\n            var _a, _b;\n            const buttons = this.getButtons().filter((button) => !button.disabled);\n            const currIndex = buttons.findIndex((button) => button === document.activeElement);\n            switch (selector) {\n                case 'first':\n                    return buttons[0];\n                case 'last':\n                    return buttons[buttons.length - 1];\n                case 'next':\n                    return (_a = buttons[currIndex + 1]) !== null && _a !== void 0 ? _a : buttons[0];\n                case 'previous':\n                    return (_b = buttons[currIndex - 1]) !== null && _b !== void 0 ? _b : buttons[buttons.length - 1];\n                default:\n                    return null;\n            }\n        };\n        this.activated = false;\n        this.color = undefined;\n        this.disabled = false;\n        this.scrollable = false;\n        this.swipeGesture = true;\n        this.value = undefined;\n        this.selectOnFocus = false;\n    }\n    colorChanged(value, oldValue) {\n        /**\n         * If color is set after not having\n         * previously been set (or vice versa),\n         * we need to emit style so the segment-buttons\n         * can apply their color classes properly.\n         */\n        if ((oldValue === undefined && value !== undefined) || (oldValue !== undefined && value === undefined)) {\n            this.emitStyle();\n        }\n    }\n    swipeGestureChanged() {\n        this.gestureChanged();\n    }\n    valueChanged(value) {\n        /**\n         * `ionSelect` is emitted every time the value changes (internal or external changes).\n         * Used by `ion-segment-button` to determine if the button should be checked.\n         */\n        this.ionSelect.emit({ value });\n        this.scrollActiveButtonIntoView();\n    }\n    disabledChanged() {\n        this.gestureChanged();\n        const buttons = this.getButtons();\n        for (const button of buttons) {\n            button.disabled = this.disabled;\n        }\n    }\n    gestureChanged() {\n        if (this.gesture) {\n            this.gesture.enable(!this.scrollable && !this.disabled && this.swipeGesture);\n        }\n    }\n    connectedCallback() {\n        this.emitStyle();\n    }\n    componentWillLoad() {\n        this.emitStyle();\n    }\n    async componentDidLoad() {\n        this.setCheckedClasses();\n        /**\n         * If the value changes before watchers\n         * are setup, then the ionSelect watch callback\n         * will not fire. As a result, we manually\n         * fire this event when Select is loaded.\n         */\n        this.ionSelect.emit({ value: this.value });\n        /**\n         * We need to wait for the buttons to all be rendered\n         * before we can scroll.\n         */\n        raf(() => {\n            /**\n             * When the segment loads for the first\n             * time we just want to snap the active button into\n             * place instead of scroll. Smooth scrolling should only\n             * happen when the user interacts with the segment.\n             */\n            this.scrollActiveButtonIntoView(false);\n        });\n        this.gesture = (await import('../../utils/gesture')).createGesture({\n            el: this.el,\n            gestureName: 'segment',\n            gesturePriority: 100,\n            threshold: 0,\n            passive: false,\n            onStart: (ev) => this.onStart(ev),\n            onMove: (ev) => this.onMove(ev),\n            onEnd: (ev) => this.onEnd(ev),\n        });\n        this.gestureChanged();\n        if (this.disabled) {\n            this.disabledChanged();\n        }\n    }\n    onStart(detail) {\n        this.valueBeforeGesture = this.value;\n        this.activate(detail);\n    }\n    onMove(detail) {\n        this.setNextIndex(detail);\n    }\n    onEnd(detail) {\n        this.setActivated(false);\n        this.setNextIndex(detail, true);\n        detail.event.stopImmediatePropagation();\n        const value = this.value;\n        if (value !== undefined) {\n            if (this.valueBeforeGesture !== value) {\n                this.emitValueChange();\n            }\n        }\n        this.valueBeforeGesture = undefined;\n    }\n    /**\n     * Emits an `ionChange` event.\n     *\n     * This API should be called for user committed changes.\n     * This API should not be used for external value changes.\n     */\n    emitValueChange() {\n        const { value } = this;\n        this.ionChange.emit({ value });\n    }\n    getButtons() {\n        return Array.from(this.el.querySelectorAll('ion-segment-button'));\n    }\n    get checked() {\n        return this.getButtons().find((button) => button.value === this.value);\n    }\n    /*\n     * Activate both the segment and the buttons\n     * due to a bug with ::slotted in Safari\n     */\n    setActivated(activated) {\n        const buttons = this.getButtons();\n        buttons.forEach((button) => {\n            if (activated) {\n                button.classList.add('segment-button-activated');\n            }\n            else {\n                button.classList.remove('segment-button-activated');\n            }\n        });\n        this.activated = activated;\n    }\n    activate(detail) {\n        const clicked = detail.event.target;\n        const buttons = this.getButtons();\n        const checked = buttons.find((button) => button.value === this.value);\n        // Make sure we are only checking for activation on a segment button\n        // since disabled buttons will get the click on the segment\n        if (clicked.tagName !== 'ION-SEGMENT-BUTTON') {\n            return;\n        }\n        // If there are no checked buttons, set the current button to checked\n        if (!checked) {\n            this.value = clicked.value;\n            this.setCheckedClasses();\n        }\n        // If the gesture began on the clicked button with the indicator\n        // then we should activate the indicator\n        if (this.value === clicked.value) {\n            this.setActivated(true);\n        }\n    }\n    getIndicator(button) {\n        const root = button.shadowRoot || button;\n        return root.querySelector('.segment-button-indicator');\n    }\n    checkButton(previous, current) {\n        const previousIndicator = this.getIndicator(previous);\n        const currentIndicator = this.getIndicator(current);\n        if (previousIndicator === null || currentIndicator === null) {\n            return;\n        }\n        const previousClientRect = previousIndicator.getBoundingClientRect();\n        const currentClientRect = currentIndicator.getBoundingClientRect();\n        const widthDelta = previousClientRect.width / currentClientRect.width;\n        const xPosition = previousClientRect.left - currentClientRect.left;\n        // Scale the indicator width to match the previous indicator width\n        // and translate it on top of the previous indicator\n        const transform = `translate3d(${xPosition}px, 0, 0) scaleX(${widthDelta})`;\n        writeTask(() => {\n            // Remove the transition before positioning on top of the previous indicator\n            currentIndicator.classList.remove('segment-button-indicator-animated');\n            currentIndicator.style.setProperty('transform', transform);\n            // Force a repaint to ensure the transform happens\n            currentIndicator.getBoundingClientRect();\n            // Add the transition to move the indicator into place\n            currentIndicator.classList.add('segment-button-indicator-animated');\n            // Remove the transform to slide the indicator back to the button clicked\n            currentIndicator.style.setProperty('transform', '');\n        });\n        this.value = current.value;\n        this.setCheckedClasses();\n    }\n    setCheckedClasses() {\n        const buttons = this.getButtons();\n        const index = buttons.findIndex((button) => button.value === this.value);\n        const next = index + 1;\n        for (const button of buttons) {\n            button.classList.remove('segment-button-after-checked');\n        }\n        if (next < buttons.length) {\n            buttons[next].classList.add('segment-button-after-checked');\n        }\n    }\n    scrollActiveButtonIntoView(smoothScroll = true) {\n        const { scrollable, value, el } = this;\n        if (scrollable) {\n            const buttons = this.getButtons();\n            const activeButton = buttons.find((button) => button.value === value);\n            if (activeButton !== undefined) {\n                const scrollContainerBox = el.getBoundingClientRect();\n                const activeButtonBox = activeButton.getBoundingClientRect();\n                /**\n                 * Subtract the active button x position from the scroll\n                 * container x position. This will give us the x position\n                 * of the active button within the scroll container.\n                 */\n                const activeButtonLeft = activeButtonBox.x - scrollContainerBox.x;\n                /**\n                 * If we just used activeButtonLeft, then the active button\n                 * would be aligned with the left edge of the scroll container.\n                 * Instead, we want the segment button to be centered. As a result,\n                 * we subtract half of the scroll container width. This will position\n                 * the left edge of the active button at the midpoint of the scroll container.\n                 * We then add half of the active button width. This will position the active\n                 * button such that the midpoint of the active button is at the midpoint of the\n                 * scroll container.\n                 */\n                const centeredX = activeButtonLeft - scrollContainerBox.width / 2 + activeButtonBox.width / 2;\n                /**\n                 * We intentionally use scrollBy here instead of scrollIntoView\n                 * to avoid a WebKit bug where accelerated animations break\n                 * when using scrollIntoView. Using scrollIntoView will cause the\n                 * segment container to jump during the transition and then snap into place.\n                 * This is because scrollIntoView can potentially cause parent element\n                 * containers to also scroll. scrollBy does not have this same behavior, so\n                 * we use this API instead.\n                 *\n                 * Note that if there is not enough scrolling space to center the element\n                 * within the scroll container, the browser will attempt\n                 * to center by as much as it can.\n                 */\n                el.scrollBy({\n                    top: 0,\n                    left: centeredX,\n                    behavior: smoothScroll ? 'smooth' : 'instant',\n                });\n            }\n        }\n    }\n    setNextIndex(detail, isEnd = false) {\n        const rtl = isRTL(this.el);\n        const activated = this.activated;\n        const buttons = this.getButtons();\n        const index = buttons.findIndex((button) => button.value === this.value);\n        const previous = buttons[index];\n        let current;\n        let nextIndex;\n        if (index === -1) {\n            return;\n        }\n        // Get the element that the touch event started on in case\n        // it was the checked button, then we will move the indicator\n        const rect = previous.getBoundingClientRect();\n        const left = rect.left;\n        const width = rect.width;\n        // Get the element that the gesture is on top of based on the currentX of the\n        // gesture event and the Y coordinate of the starting element, since the gesture\n        // can move up and down off of the segment\n        const currentX = detail.currentX;\n        const previousY = rect.top + rect.height / 2;\n        /**\n         * Segment can be used inside the shadow dom\n         * so doing document.elementFromPoint would never\n         * return a segment button in that instance.\n         * We use getRootNode to which will return the parent\n         * shadow root if used inside a shadow component and\n         * returns document otherwise.\n         */\n        const root = this.el.getRootNode();\n        const nextEl = root.elementFromPoint(currentX, previousY);\n        const decreaseIndex = rtl ? currentX > left + width : currentX < left;\n        const increaseIndex = rtl ? currentX < left : currentX > left + width;\n        // If the indicator is currently activated then we have started the gesture\n        // on top of the checked button so we need to slide the indicator\n        // by checking the button next to it as we move\n        if (activated && !isEnd) {\n            // Decrease index, move left in LTR & right in RTL\n            if (decreaseIndex) {\n                const newIndex = index - 1;\n                if (newIndex >= 0) {\n                    nextIndex = newIndex;\n                }\n                // Increase index, moves right in LTR & left in RTL\n            }\n            else if (increaseIndex) {\n                if (activated && !isEnd) {\n                    const newIndex = index + 1;\n                    if (newIndex < buttons.length) {\n                        nextIndex = newIndex;\n                    }\n                }\n            }\n            if (nextIndex !== undefined && !buttons[nextIndex].disabled) {\n                current = buttons[nextIndex];\n            }\n        }\n        // If the indicator is not activated then we will just set the indicator\n        // to the element where the gesture ended\n        if (!activated && isEnd) {\n            current = nextEl;\n        }\n        if (current != null) {\n            /**\n             * If current element is ion-segment then that means\n             * user tried to select a disabled ion-segment-button,\n             * and we should not update the ripple.\n             */\n            if (current.tagName === 'ION-SEGMENT') {\n                return false;\n            }\n            if (previous !== current) {\n                this.checkButton(previous, current);\n            }\n        }\n        return true;\n    }\n    emitStyle() {\n        this.ionStyle.emit({\n            segment: true,\n        });\n    }\n    onKeyDown(ev) {\n        const rtl = isRTL(this.el);\n        let keyDownSelectsButton = this.selectOnFocus;\n        let current;\n        switch (ev.key) {\n            case 'ArrowRight':\n                ev.preventDefault();\n                current = rtl ? this.getSegmentButton('previous') : this.getSegmentButton('next');\n                break;\n            case 'ArrowLeft':\n                ev.preventDefault();\n                current = rtl ? this.getSegmentButton('next') : this.getSegmentButton('previous');\n                break;\n            case 'Home':\n                ev.preventDefault();\n                current = this.getSegmentButton('first');\n                break;\n            case 'End':\n                ev.preventDefault();\n                current = this.getSegmentButton('last');\n                break;\n            case ' ':\n            case 'Enter':\n                ev.preventDefault();\n                current = document.activeElement;\n                keyDownSelectsButton = true;\n            default:\n                break;\n        }\n        if (!current) {\n            return;\n        }\n        if (keyDownSelectsButton) {\n            const previous = this.checked;\n            this.checkButton(previous || current, current);\n            if (current !== previous) {\n                this.emitValueChange();\n            }\n        }\n        current.setFocus();\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '01c94f9fcc51fb5a7612588c87155a130b7c8a9d', role: \"tablist\", onClick: this.onClick, class: createColorClasses(this.color, {\n                [mode]: true,\n                'in-toolbar': hostContext('ion-toolbar', this.el),\n                'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),\n                'segment-activated': this.activated,\n                'segment-disabled': this.disabled,\n                'segment-scrollable': this.scrollable,\n            }) }, h(\"slot\", { key: 'b0afdfcb7506a765df42d1d6eb4e1d81bf8fd92a' })));\n    }\n    static get is() { return \"ion-segment\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"segment.ios.scss\"],\n            \"md\": [\"segment.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"segment.ios.css\"],\n            \"md\": [\"segment.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": true\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user cannot interact with the segment.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"scrollable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the segment buttons will overflow and the user can swipe to see them.\\nIn addition, this will disable the gesture to drag the indicator between the buttons\\nin order to swipe to see hidden buttons.\"\n                },\n                \"attribute\": \"scrollable\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"swipeGesture\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, users will be able to swipe between segment buttons to activate them.\"\n                },\n                \"attribute\": \"swipe-gesture\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"value\": {\n                \"type\": \"any\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"SegmentValue\",\n                    \"resolved\": \"number | string | undefined\",\n                    \"references\": {\n                        \"SegmentValue\": {\n                            \"location\": \"import\",\n                            \"path\": \"./segment-interface\",\n                            \"id\": \"src/components/segment/segment-interface.ts::SegmentValue\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the value of the segment.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"selectOnFocus\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, navigating to an `ion-segment-button` with the keyboard will focus and select the element.\\nIf `false`, keyboard navigation will only focus the `ion-segment-button` element.\"\n                },\n                \"attribute\": \"select-on-focus\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"activated\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionChange\",\n                \"name\": \"ionChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the value property has changed and any\\ndragging pointer has been released from `ion-segment`.\"\n                },\n                \"complexType\": {\n                    \"original\": \"SegmentChangeEventDetail\",\n                    \"resolved\": \"SegmentChangeEventDetail\",\n                    \"references\": {\n                        \"SegmentChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./segment-interface\",\n                            \"id\": \"src/components/segment/segment-interface.ts::SegmentChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionSelect\",\n                \"name\": \"ionSelect\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"Emitted when the value of the segment changes from user committed actions\\nor from externally assigning a value.\"\n                },\n                \"complexType\": {\n                    \"original\": \"SegmentChangeEventDetail\",\n                    \"resolved\": \"SegmentChangeEventDetail\",\n                    \"references\": {\n                        \"SegmentChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./segment-interface\",\n                            \"id\": \"src/components/segment/segment-interface.ts::SegmentChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionStyle\",\n                \"name\": \"ionStyle\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"Emitted when the styles change.\"\n                },\n                \"complexType\": {\n                    \"original\": \"StyleEventDetail\",\n                    \"resolved\": \"StyleEventDetail\",\n                    \"references\": {\n                        \"StyleEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::StyleEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"color\",\n                \"methodName\": \"colorChanged\"\n            }, {\n                \"propName\": \"swipeGesture\",\n                \"methodName\": \"swipeGestureChanged\"\n            }, {\n                \"propName\": \"value\",\n                \"methodName\": \"valueChanged\"\n            }, {\n                \"propName\": \"disabled\",\n                \"methodName\": \"disabledChanged\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"onKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/{p-85072c74.js → p-4ccc1b59.js}

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

package/dist/elements/{p-7fb5107a.entry.js → p-4da973b2.entry.js}

@@ -1,8 +1,8 @@
-import{r as t,i as e,w as n,h as i,H as a,d as o}from"./p-c427a5e9.js";import{startFocusVisible as s}from"./p-6cdaf5e6.js";import{r,k as d,g as l}from"./p-25270f1a.js";import{a as h,p as c}from"./p-d6769f21.js";import{i as p}from"./p-4d0cb38d.js";import{c as m}from"./p-669fab6c.js";import{f as u,i as f,e as y,j as b,k as g}from"./p-0ee8b7a7.js";import{g as x}from"./p-49248534.js";import{g as w,a as v,i as k,b as j,c as O,d as C,e as P,v as D,f as z,h as V,j as $,k as T,l as A,m as I,n as E,o as S,p as R,q as W,r as M,s as F,w as L,t as B,u as H,x as q,y as Y,z as G,A as N,B as K,C as U,D as Z,E as J,F as Q,G as _,H as X,I as tt,J as et,K as nt,L as it,M as at,N as ot,O as st,P as rt,Q as dt,R as lt}from"./p-ecdb52e8.js";
+import{r as t,i as e,w as n,h as a,H as i,d as o}from"./p-7a6a7690.js";import{startFocusVisible as s}from"./p-6cdaf5e6.js";import{r,k as d,g as l}from"./p-25270f1a.js";import{a as h,p as c}from"./p-d6769f21.js";import{i as p}from"./p-4d0cb38d.js";import{c as m}from"./p-669fab6c.js";import{f as u,i as f,e as y,j as b,k as g}from"./p-0ee8b7a7.js";import{g as x}from"./p-866a6047.js";import{g as w,a as v,i as k,b as j,c as O,d as C,e as P,v as D,f as z,h as V,j as $,k as T,l as A,m as I,n as E,o as S,p as R,q as W,r as M,s as F,w as L,t as B,u as H,x as q,y as Y,z as G,A as N,B as K,C as U,D as Z,E as J,F as Q,G as _,H as X,I as tt,J as et,K as nt,L as at,M as it,N as ot,O as st,P as rt,Q as dt,R as lt}from"./p-ecdb52e8.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const ht=(t,e,n)=>{if(e&&e.year>t){return true}if(n&&n.year<t){return true}return false};const ct=(t,e,n,i)=>{if(t.day===null){return true}if(i!==undefined&&!i.includes(t.day)){return true}if(e&&k(t,e)){return true}if(n&&j(t,n)){return true}return false};const pt=(t,e,n,i,a,o,s)=>{const r=Array.isArray(n)?n:[n];const d=r.find((t=>O(e,t)))!==undefined;const l=O(e,i);const h=ct(e,a,o,s);return{disabled:h,isActive:d,isToday:l,ariaSelected:d?"true":null,ariaLabel:w(t,l,e),text:e.day!=null?v(t,e):null}};const mt=(t,{minParts:e,maxParts:n})=>{if(ht(t.year,e,n)){return true}if(e&&k(t,e)||n&&j(t,n)){return true}return false};const ut=(t,e,n)=>{const i=Object.assign(Object.assign({},C(t)),{day:null});return mt(i,{minParts:e,maxParts:n})};const ft=(t,e)=>{const n=Object.assign(Object.assign({},P(t)),{day:null});return mt(n,{maxParts:e})};const yt=(t,e,n)=>{if(Array.isArray(t)){const n=e.split("T")[0];const i=t.find((t=>t.date===n));if(i){return{textColor:i.textColor,backgroundColor:i.backgroundColor}}}else{try{return t(e)}catch(t){h("Exception thrown from provided `highlightedDates` callback. Please check your function and try again.",n,t)}}return undefined};
+ */const ht=(t,e,n)=>{if(e&&e.year>t){return true}if(n&&n.year<t){return true}return false};const ct=(t,e,n,a)=>{if(t.day===null){return true}if(a!==undefined&&!a.includes(t.day)){return true}if(e&&k(t,e)){return true}if(n&&j(t,n)){return true}return false};const pt=(t,e,n,a,i,o,s)=>{const r=Array.isArray(n)?n:[n];const d=r.find((t=>O(e,t)))!==undefined;const l=O(e,a);const h=ct(e,i,o,s);return{disabled:h,isActive:d,isToday:l,ariaSelected:d?"true":null,ariaLabel:w(t,l,e),text:e.day!=null?v(t,e):null}};const mt=(t,{minParts:e,maxParts:n})=>{if(ht(t.year,e,n)){return true}if(e&&k(t,e)||n&&j(t,n)){return true}return false};const ut=(t,e,n)=>{const a=Object.assign(Object.assign({},C(t)),{day:null});return mt(a,{minParts:e,maxParts:n})};const ft=(t,e)=>{const n=Object.assign(Object.assign({},P(t)),{day:null});return mt(n,{maxParts:e})};const yt=(t,e,n)=>{if(Array.isArray(t)){const n=e.split("T")[0];const a=t.find((t=>t.date===n));if(a){return{textColor:a.textColor,backgroundColor:a.backgroundColor}}}else{try{return t(e)}catch(t){h("Exception thrown from provided `highlightedDates` callback. Please check your function and try again.",n,t)}}return undefined};
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const bt=(t,e)=>{var n,i,a,o;if(((n=e===null||e===void 0?void 0:e.date)===null||n===void 0?void 0:n.timeZone)||((i=e===null||e===void 0?void 0:e.date)===null||i===void 0?void 0:i.timeZoneName)||((a=e===null||e===void 0?void 0:e.time)===null||a===void 0?void 0:a.timeZone)||((o=e===null||e===void 0?void 0:e.time)===null||o===void 0?void 0:o.timeZoneName)){c('Datetime: "timeZone" and "timeZoneName" are not supported in "formatOptions".',t)}};const gt=(t,e,n)=>{if(!n)return;switch(e){case"date":case"month-year":case"month":case"year":if(n.date===undefined){c(`Datetime: The '${e}' presentation requires a date object in formatOptions.`,t)}break;case"time":if(n.time===undefined){c(`Datetime: The 'time' presentation requires a time object in formatOptions.`,t)}break;case"date-time":case"time-date":if(n.date===undefined&&n.time===undefined){c(`Datetime: The '${e}' presentation requires either a date or time object (or both) in formatOptions.`,t)}break}};const xt=":host{display:flex;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{order:3;text-align:end}:host .wheel-order-year-first .month-column{order:2;text-align:end}:host .wheel-order-year-first .year-column{order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:flex;flex:1 1 auto;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year:dir(rtl)) .calendar-next-prev,:host(.show-month-and-year:dir(rtl)) .calendar-days-of-week,:host(.show-month-and-year:dir(rtl)) .calendar-body,:host(.show-month-and-year:dir(rtl)) .datetime-time{left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:flex;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:flex}:host .calendar-action-buttons{display:flex;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:flex;align-items:center;width:auto}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:flex;flex-grow:1;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:flex;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:flex;position:relative;align-items:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:flex;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:flex;align-items:center}:host .time-body{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;appearance:none}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),:host(.datetime-presentation-date:not(.datetime-prefer-wheel)){min-height:350px}:host .datetime-header{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc);font-size:min(0.875rem, 22.4px)}:host .datetime-header .datetime-title{color:var(--title-color)}:host .datetime-header .datetime-selected-date{margin-top:10px}:host .calendar-action-buttons ion-item{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:min(1rem, 25.6px);font-weight:600}:host .calendar-action-buttons ion-item ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}:host .calendar-action-buttons ion-buttons ion-button{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host .calendar-days-of-week{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:min(0.75rem, 19.2px);font-weight:600;line-height:24px;text-transform:uppercase}@supports (border-radius: mod(1px, 1px)){.calendar-days-of-week .day-of-week{width:clamp(20px, calc(mod(min(1rem, 24px), 24px) * 10), 100%);height:24px;overflow:hidden}.calendar-day{border-radius:max(8px, mod(min(1rem, 24px), 24px) * 10)}}@supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))){.calendar-days-of-week .day-of-week{width:auto;height:auto;overflow:initial}.calendar-day{border-radius:32px}}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;align-items:center;height:calc(100% - 16px)}:host .calendar-day-wrapper{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:1rem}:host .calendar-day{width:40px;min-width:40px;height:40px;font-size:min(1.25rem, 32px)}.calendar-day.calendar-day-active{background:rgba(var(--ion-color-base-rgb), 0.2)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-today.calendar-day-active{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:min(1rem, 25.6px)}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}:host .datetime-buttons ::slotted(ion-buttons),:host .datetime-buttons ion-buttons{display:flex;align-items:center;justify-content:space-between}:host .datetime-action-buttons{width:100%}";const wt=xt;const vt=":host{display:flex;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{order:3;text-align:end}:host .wheel-order-year-first .month-column{order:2;text-align:end}:host .wheel-order-year-first .year-column{order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:flex;flex:1 1 auto;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year:dir(rtl)) .calendar-next-prev,:host(.show-month-and-year:dir(rtl)) .calendar-days-of-week,:host(.show-month-and-year:dir(rtl)) .calendar-body,:host(.show-month-and-year:dir(rtl)) .datetime-time{left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:flex;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:flex}:host .calendar-action-buttons{display:flex;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:flex;align-items:center;width:auto}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:flex;flex-grow:1;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:flex;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:flex;position:relative;align-items:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:flex;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:flex;align-items:center}:host .time-body{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;appearance:none}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}:host .datetime-header{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}:host .datetime-header .datetime-title{font-size:0.75rem;text-transform:uppercase}:host .datetime-header .datetime-selected-date{margin-top:30px;font-size:2.125rem}:host .datetime-calendar .calendar-action-buttons ion-item{--padding-start:20px}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--color:var(--ion-color-step-650, #595959)}:host .calendar-days-of-week{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:0.875rem;line-height:36px}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:4px;padding-bottom:4px;grid-template-rows:repeat(6, 1fr)}:host .calendar-day{width:42px;min-width:42px;height:42px;font-size:0.875rem}:host .calendar-day.calendar-day-today{border:1px solid var(--ion-color-base);color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-contrast)}.calendar-day.calendar-day-active{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}:host .time-header{color:var(--ion-color-step-650, #595959)}:host(.datetime-presentation-month) .datetime-year,:host(.datetime-presentation-year) .datetime-year,:host(.datetime-presentation-month-year) .datetime-year{margin-top:20px;margin-bottom:20px}:host .datetime-buttons{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;display:flex;align-items:center;justify-content:flex-end}";const kt=vt;const jt=class{constructor(i){t(this,i);this.ionCancel=e(this,"ionCancel",7);this.ionChange=e(this,"ionChange",7);this.ionValueChange=e(this,"ionValueChange",7);this.ionFocus=e(this,"ionFocus",7);this.ionBlur=e(this,"ionBlur",7);this.ionStyle=e(this,"ionStyle",7);this.ionRender=e(this,"ionRender",7);this.inputId=`ion-dt-${Ot++}`;this.prevPresentation=null;this.warnIfIncorrectValueUsage=()=>{const{multiple:t,value:e}=this;if(!t&&Array.isArray(e)){c(`ion-datetime was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n  Value Passed: [${e.map((t=>`'${t}'`)).join(", ")}]\n`,this.el)}};this.setValue=t=>{this.value=t;this.ionChange.emit({value:t})};this.getActivePartsWithFallback=()=>{var t;const{defaultParts:e}=this;return(t=this.getActivePart())!==null&&t!==void 0?t:e};this.getActivePart=()=>{const{activeParts:t}=this;return Array.isArray(t)?t[0]:t};this.closeParentOverlay=()=>{const t=this.el.closest("ion-modal, ion-popover");if(t){t.dismiss()}};this.setWorkingParts=t=>{this.workingParts=Object.assign({},t)};this.setActiveParts=(t,e=false)=>{if(this.readonly){return}const{multiple:n,minParts:i,maxParts:a,activeParts:o}=this;const s=D(t,i,a);this.setWorkingParts(s);if(n){const t=Array.isArray(o)?o:[o];if(e){this.activeParts=t.filter((t=>!O(t,s)))}else{this.activeParts=[...t,s]}}else{this.activeParts=Object.assign({},s)}const r=this.el.querySelector('[slot="buttons"]')!==null;if(r||this.showDefaultButtons){return}this.confirm()};this.initializeKeyboardListeners=()=>{const t=this.calendarBodyRef;if(!t){return}const e=this.el.shadowRoot;const n=t.querySelector(".calendar-month:nth-of-type(2)");const i=e=>{var i;const a=e[0];if(((i=a.oldValue)===null||i===void 0?void 0:i.includes("ion-focused"))||!t.classList.contains("ion-focused")){return}this.focusWorkingDay(n)};const a=new MutationObserver(i);a.observe(t,{attributeFilter:["class"],attributeOldValue:true});this.destroyKeyboardMO=()=>{a===null||a===void 0?void 0:a.disconnect()};t.addEventListener("keydown",(t=>{const i=e.activeElement;if(!i||!i.classList.contains("calendar-day")){return}const a=z(i);let o;switch(t.key){case"ArrowDown":t.preventDefault();o=R(a);break;case"ArrowUp":t.preventDefault();o=S(a);break;case"ArrowRight":t.preventDefault();o=E(a);break;case"ArrowLeft":t.preventDefault();o=I(a);break;case"Home":t.preventDefault();o=A(a);break;case"End":t.preventDefault();o=T(a);break;case"PageUp":t.preventDefault();o=t.shiftKey?$(a):C(a);break;case"PageDown":t.preventDefault();o=t.shiftKey?V(a):P(a);break;default:return}if(ct(o,this.minParts,this.maxParts)){return}this.setWorkingParts(Object.assign(Object.assign({},this.workingParts),o));requestAnimationFrame((()=>this.focusWorkingDay(n)))}))};this.focusWorkingDay=t=>{const e=t.querySelectorAll(".calendar-day-padding");const{day:n}=this.workingParts;if(n===null){return}const i=t.querySelector(`.calendar-day-wrapper:nth-of-type(${e.length+n}) .calendar-day`);if(i){i.focus()}};this.processMinParts=()=>{const{min:t,defaultParts:e}=this;if(t===undefined){this.minParts=undefined;return}this.minParts=W(t,e)};this.processMaxParts=()=>{const{max:t,defaultParts:e}=this;if(t===undefined){this.maxParts=undefined;return}this.maxParts=M(t,e)};this.initializeCalendarListener=()=>{const t=this.calendarBodyRef;if(!t){return}const e=t.querySelectorAll(".calendar-month");const i=e[0];const a=e[1];const o=e[2];const s=x(this);const r=s==="ios"&&typeof navigator!=="undefined"&&navigator.maxTouchPoints>1;n((()=>{t.scrollLeft=i.clientWidth*(p(this.el)?-1:1);const e=e=>{const n=t.getBoundingClientRect();const a=t.scrollLeft<=2?i:o;const s=a.getBoundingClientRect();if(Math.abs(s.x-n.x)>2)return;const{forceRenderDate:r}=this;if(r!==undefined){return{month:r.month,year:r.year,day:r.day}}if(a===i){return C(e)}else if(a===o){return P(e)}else{return}};const s=()=>{if(r){t.style.removeProperty("pointer-events");l=false}const i=e(this.workingParts);if(!i)return;const{month:o,day:s,year:d}=i;if(mt({month:o,year:d,day:null},{minParts:Object.assign(Object.assign({},this.minParts),{day:null}),maxParts:Object.assign(Object.assign({},this.maxParts),{day:null})})){return}t.style.setProperty("overflow","hidden");n((()=>{this.setWorkingParts(Object.assign(Object.assign({},this.workingParts),{month:o,day:s,year:d}));t.scrollLeft=a.clientWidth*(p(this.el)?-1:1);t.style.removeProperty("overflow");if(this.resolveForceDateScrolling){this.resolveForceDateScrolling()}}))};let d;let l=false;const h=()=>{if(d){clearTimeout(d)}if(!l&&r){t.style.setProperty("pointer-events","none");l=true}d=setTimeout(s,50)};t.addEventListener("scroll",h);this.destroyCalendarListener=()=>{t.removeEventListener("scroll",h)}}))};this.destroyInteractionListeners=()=>{const{destroyCalendarListener:t,destroyKeyboardMO:e}=this;if(t!==undefined){t()}if(e!==undefined){e()}};this.processValue=t=>{const e=t!==null&&t!==undefined&&(!Array.isArray(t)||t.length>0);const n=e?F(t):this.defaultParts;const{minParts:i,maxParts:a,workingParts:o,el:s}=this;this.warnIfIncorrectValueUsage();if(!n){return}if(e){L(n,i,a)}const r=Array.isArray(n)?n[0]:n;const d=rt(r,i,a);const{month:l,day:h,year:c,hour:p,minute:m}=d;const u=dt(p);if(e){if(Array.isArray(n)){this.activeParts=[...n]}else{this.activeParts={month:l,day:h,year:c,hour:p,minute:m,ampm:u}}}else{this.activeParts=[]}const f=l!==undefined&&l!==o.month||c!==undefined&&c!==o.year;const y=s.classList.contains("datetime-ready");const{isGridStyle:b,showMonthAndYear:g}=this;let x=true;if(Array.isArray(n)){const t=n[0].month;for(const e of n){if(e.month!==t){x=false;break}}}if(x){if(b&&f&&y&&!g){this.animateToDate(d)}else{this.setWorkingParts({month:l,day:h,year:c,hour:p,minute:m,ampm:u})}}};this.animateToDate=async t=>{const{workingParts:e}=this;this.forceRenderDate=t;const n=new Promise((t=>{this.resolveForceDateScrolling=t}));const i=k(t,e);i?this.prevMonth():this.nextMonth();await n;this.resolveForceDateScrolling=undefined;this.forceRenderDate=undefined};this.onFocus=()=>{this.ionFocus.emit()};this.onBlur=()=>{this.ionBlur.emit()};this.hasValue=()=>this.value!=null;this.nextMonth=()=>{const t=this.calendarBodyRef;if(!t){return}const e=t.querySelector(".calendar-month:last-of-type");if(!e){return}const n=e.offsetWidth*2;t.scrollTo({top:0,left:n*(p(this.el)?-1:1),behavior:"smooth"})};this.prevMonth=()=>{const t=this.calendarBodyRef;if(!t){return}const e=t.querySelector(".calendar-month:first-of-type");if(!e){return}t.scrollTo({top:0,left:0,behavior:"smooth"})};this.toggleMonthAndYearView=()=>{this.showMonthAndYear=!this.showMonthAndYear};this.showMonthAndYear=false;this.activeParts=[];this.workingParts={month:5,day:28,year:2021,hour:13,minute:52,ampm:"pm"};this.isTimePopoverOpen=false;this.forceRenderDate=undefined;this.color="primary";this.name=this.inputId;this.disabled=false;this.formatOptions=undefined;this.readonly=false;this.isDateEnabled=undefined;this.min=undefined;this.max=undefined;this.presentation="date-time";this.cancelText="Cancel";this.doneText="Done";this.clearText="Clear";this.yearValues=undefined;this.monthValues=undefined;this.dayValues=undefined;this.hourValues=undefined;this.minuteValues=undefined;this.locale="default";this.firstDayOfWeek=0;this.titleSelectedDatesFormatter=undefined;this.multiple=false;this.highlightedDates=undefined;this.value=undefined;this.showDefaultTitle=false;this.showDefaultButtons=false;this.showClearButton=false;this.showDefaultTimeLabel=true;this.hourCycle=undefined;this.size="fixed";this.preferWheel=false}formatOptionsChanged(){const{el:t,formatOptions:e,presentation:n}=this;gt(t,n,e);bt(t,e)}disabledChanged(){this.emitStyle()}minChanged(){this.processMinParts()}maxChanged(){this.processMaxParts()}presentationChanged(){const{el:t,formatOptions:e,presentation:n}=this;gt(t,n,e)}get isGridStyle(){const{presentation:t,preferWheel:e}=this;const n=t==="date"||t==="date-time"||t==="time-date";return n&&!e}yearValuesChanged(){this.parsedYearValues=B(this.yearValues)}monthValuesChanged(){this.parsedMonthValues=B(this.monthValues)}dayValuesChanged(){this.parsedDayValues=B(this.dayValues)}hourValuesChanged(){this.parsedHourValues=B(this.hourValues)}minuteValuesChanged(){this.parsedMinuteValues=B(this.minuteValues)}async valueChanged(){const{value:t}=this;if(this.hasValue()){this.processValue(t)}this.emitStyle();this.ionValueChange.emit({value:t})}async confirm(t=false){const{isCalendarPicker:e,activeParts:n,preferWheel:i,workingParts:a}=this;if(n!==undefined||!e){const t=Array.isArray(n);if(t&&n.length===0){if(i){this.setValue(H(a))}else{this.setValue(undefined)}}else{this.setValue(H(n))}}if(t){this.closeParentOverlay()}}async reset(t){this.processValue(t)}async cancel(t=false){this.ionCancel.emit();if(t){this.closeParentOverlay()}}get isCalendarPicker(){const{presentation:t}=this;return t==="date"||t==="date-time"||t==="time-date"}connectedCallback(){this.clearFocusVisible=s(this.el).destroy}disconnectedCallback(){if(this.clearFocusVisible){this.clearFocusVisible();this.clearFocusVisible=undefined}}initializeListeners(){this.initializeCalendarListener();this.initializeKeyboardListeners()}componentDidLoad(){const{el:t,intersectionTrackerRef:e}=this;const i=t=>{const e=t[0];if(!e.isIntersecting){return}this.initializeListeners();n((()=>{this.el.classList.add("datetime-ready")}))};const a=new IntersectionObserver(i,{threshold:.01,root:t});r((()=>a===null||a===void 0?void 0:a.observe(e)));const o=t=>{const e=t[0];if(e.isIntersecting){return}this.destroyInteractionListeners();this.showMonthAndYear=false;n((()=>{this.el.classList.remove("datetime-ready")}))};const s=new IntersectionObserver(o,{threshold:0,root:t});r((()=>s===null||s===void 0?void 0:s.observe(e)));const d=l(this.el);d.addEventListener("ionFocus",(t=>t.stopPropagation()));d.addEventListener("ionBlur",(t=>t.stopPropagation()))}componentDidRender(){const{presentation:t,prevPresentation:e,calendarBodyRef:n,minParts:i,preferWheel:a,forceRenderDate:o}=this;const s=!a&&["date-time","time-date","date"].includes(t);if(i!==undefined&&s&&n){const t=n.querySelector(".calendar-month:nth-of-type(1)");if(t&&o===undefined){n.scrollLeft=t.clientWidth*(p(this.el)?-1:1)}}if(e===null){this.prevPresentation=t;return}if(t===e){return}this.prevPresentation=t;this.destroyInteractionListeners();this.initializeListeners();this.showMonthAndYear=false;r((()=>{this.ionRender.emit()}))}componentWillLoad(){const{el:t,formatOptions:e,highlightedDates:n,multiple:i,presentation:a,preferWheel:o}=this;if(i){if(a!=="date"){c('Multiple date selection is only supported for presentation="date".',t)}if(o){c('Multiple date selection is not supported with preferWheel="true".',t)}}if(n!==undefined){if(a!=="date"&&a!=="date-time"&&a!=="time-date"){c("The highlightedDates property is only supported with the date, date-time, and time-date presentations.",t)}if(o){c('The highlightedDates property is not supported with preferWheel="true".',t)}}if(e){gt(t,a,e);bt(t,e)}const s=this.parsedHourValues=B(this.hourValues);const r=this.parsedMinuteValues=B(this.minuteValues);const d=this.parsedMonthValues=B(this.monthValues);const l=this.parsedYearValues=B(this.yearValues);const h=this.parsedDayValues=B(this.dayValues);const p=this.todayParts=F(q());this.processMinParts();this.processMaxParts();this.defaultParts=Y({refParts:p,monthValues:d,dayValues:h,yearValues:l,hourValues:s,minuteValues:r,minParts:this.minParts,maxParts:this.maxParts});this.processValue(this.value);this.emitStyle()}emitStyle(){this.ionStyle.emit({interactive:true,datetime:true,"interactive-disabled":this.disabled})}renderFooter(){const{disabled:t,readonly:e,showDefaultButtons:n,showClearButton:a}=this;const o=t||e;const s=this.el.querySelector('[slot="buttons"]')!==null;if(!s&&!n&&!a){return}const r=()=>{this.reset();this.setValue(undefined)};return i("div",{class:"datetime-footer"},i("div",{class:"datetime-buttons"},i("div",{class:{["datetime-action-buttons"]:true,["has-clear-button"]:this.showClearButton}},i("slot",{name:"buttons"},i("ion-buttons",null,n&&i("ion-button",{id:"cancel-button",color:this.color,onClick:()=>this.cancel(true),disabled:o},this.cancelText),i("div",{class:"datetime-action-buttons-container"},a&&i("ion-button",{id:"clear-button",color:this.color,onClick:()=>r(),disabled:o},this.clearText),n&&i("ion-button",{id:"confirm-button",color:this.color,onClick:()=>this.confirm(true),disabled:o},this.doneText)))))))}renderWheelPicker(t=this.presentation){const e=t==="time-date"?[this.renderTimePickerColumns(t),this.renderDatePickerColumns(t)]:[this.renderDatePickerColumns(t),this.renderTimePickerColumns(t)];return i("ion-picker-internal",null,e)}renderDatePickerColumns(t){return t==="date-time"||t==="time-date"?this.renderCombinedDatePickerColumn():this.renderIndividualDatePickerColumns(t)}renderCombinedDatePickerColumn(){const{defaultParts:t,disabled:e,workingParts:n,locale:a,minParts:o,maxParts:s,todayParts:r,isDateEnabled:d}=this;const l=this.getActivePartsWithFallback();const c=G(n);const p=c[c.length-1];c[0].day=1;p.day=N(p.month,p.year);const m=o!==undefined&&j(o,c[0])?o:c[0];const u=s!==undefined&&k(s,p)?s:p;const f=K(a,r,m,u,this.parsedDayValues,this.parsedMonthValues);let y=f.items;const b=f.parts;if(d){y=y.map(((t,e)=>{const n=b[e];let i;try{i=!d(H(n))}catch(t){h("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",t)}return Object.assign(Object.assign({},t),{disabled:i})}))}const g=n.day!==null?`${n.year}-${n.month}-${n.day}`:`${t.year}-${t.month}-${t.day}`;return i("ion-picker-column-internal",{class:"date-column",color:this.color,disabled:e,items:y,value:g,onIonChange:t=>{if(this.destroyCalendarListener){this.destroyCalendarListener()}const{value:e}=t.detail;const i=b.find((({month:t,day:n,year:i})=>e===`${i}-${t}-${n}`));this.setWorkingParts(Object.assign(Object.assign({},n),i));this.setActiveParts(Object.assign(Object.assign({},l),i));this.initializeCalendarListener();t.stopPropagation()}})}renderIndividualDatePickerColumns(t){const{workingParts:e,isDateEnabled:n}=this;const i=t!=="year"&&t!=="time";const a=i?U(this.locale,e,this.minParts,this.maxParts,this.parsedMonthValues):[];const o=t==="date";let s=o?Z(this.locale,e,this.minParts,this.maxParts,this.parsedDayValues):[];if(n){s=s.map((t=>{const{value:i}=t;const a=typeof i==="string"?parseInt(i):i;const o={month:e.month,day:a,year:e.year};let s;try{s=!n(H(o))}catch(t){h("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",t)}return Object.assign(Object.assign({},t),{disabled:s})}))}const r=t!=="month"&&t!=="time";const d=r?J(this.locale,this.defaultParts,this.minParts,this.maxParts,this.parsedYearValues):[];const l=Q(this.locale,{month:"numeric",day:"numeric"});let c=[];if(l){c=[this.renderMonthPickerColumn(a),this.renderDayPickerColumn(s),this.renderYearPickerColumn(d)]}else{c=[this.renderDayPickerColumn(s),this.renderMonthPickerColumn(a),this.renderYearPickerColumn(d)]}return c}renderDayPickerColumn(t){var e;if(t.length===0){return[]}const{disabled:n,workingParts:a}=this;const o=this.getActivePartsWithFallback();return i("ion-picker-column-internal",{class:"day-column",color:this.color,disabled:n,items:t,value:(e=a.day!==null?a.day:this.defaultParts.day)!==null&&e!==void 0?e:undefined,onIonChange:t=>{if(this.destroyCalendarListener){this.destroyCalendarListener()}this.setWorkingParts(Object.assign(Object.assign({},a),{day:t.detail.value}));this.setActiveParts(Object.assign(Object.assign({},o),{day:t.detail.value}));this.initializeCalendarListener();t.stopPropagation()}})}renderMonthPickerColumn(t){if(t.length===0){return[]}const{disabled:e,workingParts:n}=this;const a=this.getActivePartsWithFallback();return i("ion-picker-column-internal",{class:"month-column",color:this.color,disabled:e,items:t,value:n.month,onIonChange:t=>{if(this.destroyCalendarListener){this.destroyCalendarListener()}this.setWorkingParts(Object.assign(Object.assign({},n),{month:t.detail.value}));this.setActiveParts(Object.assign(Object.assign({},a),{month:t.detail.value}));this.initializeCalendarListener();t.stopPropagation()}})}renderYearPickerColumn(t){if(t.length===0){return[]}const{disabled:e,workingParts:n}=this;const a=this.getActivePartsWithFallback();return i("ion-picker-column-internal",{class:"year-column",color:this.color,disabled:e,items:t,value:n.year,onIonChange:t=>{if(this.destroyCalendarListener){this.destroyCalendarListener()}this.setWorkingParts(Object.assign(Object.assign({},n),{year:t.detail.value}));this.setActiveParts(Object.assign(Object.assign({},a),{year:t.detail.value}));this.initializeCalendarListener();t.stopPropagation()}})}renderTimePickerColumns(t){if(["date","month","month-year","year"].includes(t)){return[]}const e=this.getActivePart();const n=e!==undefined;const{hoursData:i,minutesData:a,dayPeriodData:o}=_(this.locale,this.workingParts,this.hourCycle,n?this.minParts:undefined,n?this.maxParts:undefined,this.parsedHourValues,this.parsedMinuteValues);return[this.renderHourPickerColumn(i),this.renderMinutePickerColumn(a),this.renderDayPeriodPickerColumn(o)]}renderHourPickerColumn(t){const{disabled:e,workingParts:n}=this;if(t.length===0)return[];const a=this.getActivePartsWithFallback();return i("ion-picker-column-internal",{color:this.color,disabled:e,value:a.hour,items:t,numericInput:true,onIonChange:t=>{this.setWorkingParts(Object.assign(Object.assign({},n),{hour:t.detail.value}));this.setActiveParts(Object.assign(Object.assign({},a),{hour:t.detail.value}));t.stopPropagation()}})}renderMinutePickerColumn(t){const{disabled:e,workingParts:n}=this;if(t.length===0)return[];const a=this.getActivePartsWithFallback();return i("ion-picker-column-internal",{color:this.color,disabled:e,value:a.minute,items:t,numericInput:true,onIonChange:t=>{this.setWorkingParts(Object.assign(Object.assign({},n),{minute:t.detail.value}));this.setActiveParts(Object.assign(Object.assign({},a),{minute:t.detail.value}));t.stopPropagation()}})}renderDayPeriodPickerColumn(t){const{disabled:e,workingParts:n}=this;if(t.length===0){return[]}const a=this.getActivePartsWithFallback();const o=X(this.locale);return i("ion-picker-column-internal",{style:o?{order:"-1"}:{},color:this.color,disabled:e,value:a.ampm,items:t,onIonChange:t=>{const e=lt(n,t.detail.value);this.setWorkingParts(Object.assign(Object.assign({},n),{ampm:t.detail.value,hour:e}));this.setActiveParts(Object.assign(Object.assign({},a),{ampm:t.detail.value,hour:e}));t.stopPropagation()}})}renderWheelView(t){const{locale:e}=this;const n=Q(e);const a=n?"month-first":"year-first";return i("div",{class:{[`wheel-order-${a}`]:true}},this.renderWheelPicker(t))}renderCalendarHeader(t){const{disabled:e}=this;const n=t==="ios"?y:b;const a=t==="ios"?f:g;const o=e||ut(this.workingParts,this.minParts,this.maxParts);const s=e||ft(this.workingParts,this.maxParts);const r=this.el.getAttribute("dir")||undefined;return i("div",{class:"calendar-header"},i("div",{class:"calendar-action-buttons"},i("div",{class:"calendar-month-year"},i("ion-item",{part:"month-year-button",ref:t=>this.monthYearToggleItemRef=t,button:true,"aria-label":"Show year picker",detail:false,lines:"none",disabled:e,onClick:()=>{var t;this.toggleMonthAndYearView();const{monthYearToggleItemRef:e}=this;if(e){const n=(t=e.shadowRoot)===null||t===void 0?void 0:t.querySelector(".item-native");if(n){const t=this.showMonthAndYear?"Hide year picker":"Show year picker";n.setAttribute("aria-label",t)}}}},i("ion-label",null,et(this.locale,this.workingParts),i("ion-icon",{"aria-hidden":"true",icon:this.showMonthAndYear?n:a,lazy:false,flipRtl:true})))),i("div",{class:"calendar-next-prev"},i("ion-buttons",null,i("ion-button",{"aria-label":"Previous month",disabled:o,onClick:()=>this.prevMonth()},i("ion-icon",{dir:r,"aria-hidden":"true",slot:"icon-only",icon:u,lazy:false,flipRtl:true})),i("ion-button",{"aria-label":"Next month",disabled:s,onClick:()=>this.nextMonth()},i("ion-icon",{dir:r,"aria-hidden":"true",slot:"icon-only",icon:f,lazy:false,flipRtl:true}))))),i("div",{class:"calendar-days-of-week","aria-hidden":"true"},tt(this.locale,t,this.firstDayOfWeek%7).map((t=>i("div",{class:"day-of-week"},t)))))}renderMonth(t,e){const{disabled:n,readonly:a}=this;const o=this.parsedYearValues===undefined||this.parsedYearValues.includes(e);const s=this.parsedMonthValues===undefined||this.parsedMonthValues.includes(t);const r=!o||!s;const d=n||a;const l=n||mt({month:t,year:e,day:null},{minParts:Object.assign(Object.assign({},this.minParts),{day:null}),maxParts:Object.assign(Object.assign({},this.maxParts),{day:null})});const c=this.workingParts.month===t&&this.workingParts.year===e;const p=this.getActivePartsWithFallback();return i("div",{"aria-hidden":!c?"true":null,class:{"calendar-month":true,"calendar-month-disabled":!c&&l}},i("div",{class:"calendar-month-grid"},nt(t,e,this.firstDayOfWeek%7).map(((n,a)=>{const{day:o,dayOfWeek:s}=n;const{el:l,highlightedDates:c,isDateEnabled:m,multiple:u}=this;const f={month:t,day:o,year:e};const y=o===null;const{isActive:b,isToday:g,ariaLabel:x,ariaSelected:w,disabled:v,text:k}=pt(this.locale,f,this.activeParts,this.todayParts,this.minParts,this.maxParts,this.parsedDayValues);const j=H(f);let O=r||v;if(!O&&m!==undefined){try{O=!m(j)}catch(t){h("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",l,t)}}const C=O&&d;const P=O||d;let D=undefined;if(c!==undefined&&!b&&o!==null){D=yt(c,j,l)}let z=undefined;if(!y){z=`calendar-day${b?" active":""}${g?" today":""}${O?" disabled":""}`}return i("div",{class:"calendar-day-wrapper"},i("button",{ref:t=>{if(t){t.style.setProperty("color",`${D?D.textColor:""}`,"important");t.style.setProperty("background-color",`${D?D.backgroundColor:""}`,"important")}},tabindex:"-1","data-day":o,"data-month":t,"data-year":e,"data-index":a,"data-day-of-week":s,disabled:P,class:{"calendar-day-padding":y,"calendar-day":true,"calendar-day-active":b,"calendar-day-constrained":C,"calendar-day-today":g},part:z,"aria-hidden":y?"true":null,"aria-selected":w,"aria-label":x,onClick:()=>{if(y){return}this.setWorkingParts(Object.assign(Object.assign({},this.workingParts),{month:t,day:o,year:e}));if(u){this.setActiveParts({month:t,day:o,year:e},b)}else{this.setActiveParts(Object.assign(Object.assign({},p),{month:t,day:o,year:e}))}}},k))}))))}renderCalendarBody(){return i("div",{class:"calendar-body ion-focusable",ref:t=>this.calendarBodyRef=t,tabindex:"0"},G(this.workingParts,this.forceRenderDate).map((({month:t,year:e})=>this.renderMonth(t,e))))}renderCalendar(t){return i("div",{class:"datetime-calendar",key:"datetime-calendar"},this.renderCalendarHeader(t),this.renderCalendarBody())}renderTimeLabel(){const t=this.el.querySelector('[slot="time-label"]')!==null;if(!t&&!this.showDefaultTimeLabel){return}return i("slot",{name:"time-label"},"Time")}renderTimeOverlay(){const{disabled:t,hourCycle:e,isTimePopoverOpen:n,locale:a,formatOptions:o}=this;const s=it(a,e);const r=this.getActivePartsWithFallback();return[i("div",{class:"time-header"},this.renderTimeLabel()),i("button",{class:{"time-body":true,"time-body-active":n},part:`time-button${n?" active":""}`,"aria-expanded":"false","aria-haspopup":"true",disabled:t,onClick:async t=>{const{popoverRef:e}=this;if(e){this.isTimePopoverOpen=true;e.present(new CustomEvent("ionShadowTarget",{detail:{ionShadowTarget:t.target}}));await e.onWillDismiss();this.isTimePopoverOpen=false}}},at(a,r,s,o===null||o===void 0?void 0:o.time)),i("ion-popover",{alignment:"center",translucent:true,overlayIndex:1,arrow:false,onWillPresent:t=>{const e=t.target.querySelectorAll("ion-picker-column-internal");e.forEach((t=>t.scrollActiveItemIntoView()))},style:{"--offset-y":"-10px","--min-width":"fit-content"},keyboardEvents:true,ref:t=>this.popoverRef=t},this.renderWheelPicker("time"))]}getHeaderSelectedDateText(){var t;const{activeParts:e,formatOptions:n,multiple:i,titleSelectedDatesFormatter:a}=this;const o=Array.isArray(e);let s;if(i&&o&&e.length!==1){s=`${e.length} days`;if(a!==undefined){try{s=a(H(e))}catch(t){h("Exception in provided `titleSelectedDatesFormatter`: ",t)}}}else{s=ot(this.locale,this.getActivePartsWithFallback(),(t=n===null||n===void 0?void 0:n.date)!==null&&t!==void 0?t:{weekday:"short",month:"short",day:"numeric"})}return s}renderHeader(t=true){const e=this.el.querySelector('[slot="title"]')!==null;if(!e&&!this.showDefaultTitle){return}return i("div",{class:"datetime-header"},i("div",{class:"datetime-title"},i("slot",{name:"title"},"Select Date")),t&&i("div",{class:"datetime-selected-date"},this.getHeaderSelectedDateText()))}renderTime(){const{presentation:t}=this;const e=t==="time";return i("div",{class:"datetime-time"},e?this.renderWheelPicker():this.renderTimeOverlay())}renderCalendarViewMonthYearPicker(){return i("div",{class:"datetime-year"},this.renderWheelView("month-year"))}renderDatetime(t){const{presentation:e,preferWheel:n}=this;const i=e==="date"||e==="date-time"||e==="time-date";if(n&&i){return[this.renderHeader(false),this.renderWheelView(),this.renderFooter()]}switch(e){case"date-time":return[this.renderHeader(),this.renderCalendar(t),this.renderCalendarViewMonthYearPicker(),this.renderTime(),this.renderFooter()];case"time-date":return[this.renderHeader(),this.renderTime(),this.renderCalendar(t),this.renderCalendarViewMonthYearPicker(),this.renderFooter()];case"time":return[this.renderHeader(false),this.renderTime(),this.renderFooter()];case"month":case"month-year":case"year":return[this.renderHeader(false),this.renderWheelView(),this.renderFooter()];default:return[this.renderHeader(),this.renderCalendar(t),this.renderCalendarViewMonthYearPicker(),this.renderFooter()]}}render(){const{name:t,value:e,disabled:n,el:o,color:s,readonly:r,showMonthAndYear:l,preferWheel:h,presentation:c,size:p,isGridStyle:u}=this;const f=x(this);const y=c==="year"||c==="month"||c==="month-year";const b=l||y;const g=l&&!y;const w=c==="date"||c==="date-time"||c==="time-date";const v=w&&h;d(true,o,t,st(e),n);return i(a,{key:"8490192beb6c5c6064ed8f2a7be2d51846f84f36","aria-disabled":n?"true":null,onFocus:this.onFocus,onBlur:this.onBlur,class:Object.assign({},m(s,{[f]:true,["datetime-readonly"]:r,["datetime-disabled"]:n,"show-month-and-year":b,"month-year-picker-open":g,[`datetime-presentation-${c}`]:true,[`datetime-size-${p}`]:true,[`datetime-prefer-wheel`]:v,[`datetime-grid`]:u}))},i("div",{key:"a2959c07ed871f9004a2f11ab1385a5a7b5737fd",class:"intersection-tracker",ref:t=>this.intersectionTrackerRef=t}),this.renderDatetime(f))}get el(){return o(this)}static get watchers(){return{formatOptions:["formatOptionsChanged"],disabled:["disabledChanged"],min:["minChanged"],max:["maxChanged"],presentation:["presentationChanged"],yearValues:["yearValuesChanged"],monthValues:["monthValuesChanged"],dayValues:["dayValuesChanged"],hourValues:["hourValuesChanged"],minuteValues:["minuteValuesChanged"],value:["valueChanged"]}}};let Ot=0;jt.style={ios:wt,md:kt};export{jt as ion_datetime};
-//# sourceMappingURL=p-7fb5107a.entry.js.map
+ */const bt=(t,e)=>{var n,a,i,o;if(((n=e===null||e===void 0?void 0:e.date)===null||n===void 0?void 0:n.timeZone)||((a=e===null||e===void 0?void 0:e.date)===null||a===void 0?void 0:a.timeZoneName)||((i=e===null||e===void 0?void 0:e.time)===null||i===void 0?void 0:i.timeZone)||((o=e===null||e===void 0?void 0:e.time)===null||o===void 0?void 0:o.timeZoneName)){c('Datetime: "timeZone" and "timeZoneName" are not supported in "formatOptions".',t)}};const gt=(t,e,n)=>{if(!n)return;switch(e){case"date":case"month-year":case"month":case"year":if(n.date===undefined){c(`Datetime: The '${e}' presentation requires a date object in formatOptions.`,t)}break;case"time":if(n.time===undefined){c(`Datetime: The 'time' presentation requires a time object in formatOptions.`,t)}break;case"date-time":case"time-date":if(n.date===undefined&&n.time===undefined){c(`Datetime: The '${e}' presentation requires either a date or time object (or both) in formatOptions.`,t)}break}};const xt=":host{display:flex;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{order:3;text-align:end}:host .wheel-order-year-first .month-column{order:2;text-align:end}:host .wheel-order-year-first .year-column{order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:flex;flex:1 1 auto;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year:dir(rtl)) .calendar-next-prev,:host(.show-month-and-year:dir(rtl)) .calendar-days-of-week,:host(.show-month-and-year:dir(rtl)) .calendar-body,:host(.show-month-and-year:dir(rtl)) .datetime-time{left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:flex;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:flex}:host .calendar-action-buttons{display:flex;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:flex;align-items:center;width:auto}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:flex;flex-grow:1;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:flex;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:flex;position:relative;align-items:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:flex;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:flex;align-items:center}:host .time-body{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;appearance:none}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),:host(.datetime-presentation-date:not(.datetime-prefer-wheel)){min-height:350px}:host .datetime-header{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc);font-size:min(0.875rem, 22.4px)}:host .datetime-header .datetime-title{color:var(--title-color)}:host .datetime-header .datetime-selected-date{margin-top:10px}:host .calendar-action-buttons ion-item{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:min(1rem, 25.6px);font-weight:600}:host .calendar-action-buttons ion-item ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}:host .calendar-action-buttons ion-buttons ion-button{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host .calendar-days-of-week{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:min(0.75rem, 19.2px);font-weight:600;line-height:24px;text-transform:uppercase}@supports (border-radius: mod(1px, 1px)){.calendar-days-of-week .day-of-week{width:clamp(20px, calc(mod(min(1rem, 24px), 24px) * 10), 100%);height:24px;overflow:hidden}.calendar-day{border-radius:max(8px, mod(min(1rem, 24px), 24px) * 10)}}@supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))){.calendar-days-of-week .day-of-week{width:auto;height:auto;overflow:initial}.calendar-day{border-radius:32px}}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;align-items:center;height:calc(100% - 16px)}:host .calendar-day-wrapper{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:1rem}:host .calendar-day{width:40px;min-width:40px;height:40px;font-size:min(1.25rem, 32px)}.calendar-day.calendar-day-active{background:rgba(var(--ion-color-base-rgb), 0.2)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-today.calendar-day-active{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:min(1rem, 25.6px)}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}:host .datetime-buttons ::slotted(ion-buttons),:host .datetime-buttons ion-buttons{display:flex;align-items:center;justify-content:space-between}:host .datetime-action-buttons{width:100%}";const wt=xt;const vt=":host{display:flex;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{order:3;text-align:end}:host .wheel-order-year-first .month-column{order:2;text-align:end}:host .wheel-order-year-first .year-column{order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:flex;flex:1 1 auto;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year:dir(rtl)) .calendar-next-prev,:host(.show-month-and-year:dir(rtl)) .calendar-days-of-week,:host(.show-month-and-year:dir(rtl)) .calendar-body,:host(.show-month-and-year:dir(rtl)) .datetime-time{left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:flex;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:flex}:host .calendar-action-buttons{display:flex;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:flex;align-items:center;width:auto}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:flex;flex-grow:1;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:flex;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:flex;position:relative;align-items:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:flex;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:flex;align-items:center}:host .time-body{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;appearance:none}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}:host .datetime-header{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}:host .datetime-header .datetime-title{font-size:0.75rem;text-transform:uppercase}:host .datetime-header .datetime-selected-date{margin-top:30px;font-size:2.125rem}:host .datetime-calendar .calendar-action-buttons ion-item{--padding-start:20px}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--color:var(--ion-color-step-650, #595959)}:host .calendar-days-of-week{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:0.875rem;line-height:36px}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:4px;padding-bottom:4px;grid-template-rows:repeat(6, 1fr)}:host .calendar-day{width:42px;min-width:42px;height:42px;font-size:0.875rem}:host .calendar-day.calendar-day-today{border:1px solid var(--ion-color-base);color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-contrast)}.calendar-day.calendar-day-active{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}:host .time-header{color:var(--ion-color-step-650, #595959)}:host(.datetime-presentation-month) .datetime-year,:host(.datetime-presentation-year) .datetime-year,:host(.datetime-presentation-month-year) .datetime-year{margin-top:20px;margin-bottom:20px}:host .datetime-buttons{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;display:flex;align-items:center;justify-content:flex-end}";const kt=vt;const jt=class{constructor(a){t(this,a);this.ionCancel=e(this,"ionCancel",7);this.ionChange=e(this,"ionChange",7);this.ionValueChange=e(this,"ionValueChange",7);this.ionFocus=e(this,"ionFocus",7);this.ionBlur=e(this,"ionBlur",7);this.ionStyle=e(this,"ionStyle",7);this.ionRender=e(this,"ionRender",7);this.inputId=`ion-dt-${Ot++}`;this.prevPresentation=null;this.warnIfIncorrectValueUsage=()=>{const{multiple:t,value:e}=this;if(!t&&Array.isArray(e)){c(`ion-datetime was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".\n\n  Value Passed: [${e.map((t=>`'${t}'`)).join(", ")}]\n`,this.el)}};this.setValue=t=>{this.value=t;this.ionChange.emit({value:t})};this.getActivePartsWithFallback=()=>{var t;const{defaultParts:e}=this;return(t=this.getActivePart())!==null&&t!==void 0?t:e};this.getActivePart=()=>{const{activeParts:t}=this;return Array.isArray(t)?t[0]:t};this.closeParentOverlay=()=>{const t=this.el.closest("ion-modal, ion-popover");if(t){t.dismiss()}};this.setWorkingParts=t=>{this.workingParts=Object.assign({},t)};this.setActiveParts=(t,e=false)=>{if(this.readonly){return}const{multiple:n,minParts:a,maxParts:i,activeParts:o}=this;const s=D(t,a,i);this.setWorkingParts(s);if(n){const t=Array.isArray(o)?o:[o];if(e){this.activeParts=t.filter((t=>!O(t,s)))}else{this.activeParts=[...t,s]}}else{this.activeParts=Object.assign({},s)}const r=this.el.querySelector('[slot="buttons"]')!==null;if(r||this.showDefaultButtons){return}this.confirm()};this.initializeKeyboardListeners=()=>{const t=this.calendarBodyRef;if(!t){return}const e=this.el.shadowRoot;const n=t.querySelector(".calendar-month:nth-of-type(2)");const a=e=>{var a;const i=e[0];if(((a=i.oldValue)===null||a===void 0?void 0:a.includes("ion-focused"))||!t.classList.contains("ion-focused")){return}this.focusWorkingDay(n)};const i=new MutationObserver(a);i.observe(t,{attributeFilter:["class"],attributeOldValue:true});this.destroyKeyboardMO=()=>{i===null||i===void 0?void 0:i.disconnect()};t.addEventListener("keydown",(t=>{const a=e.activeElement;if(!a||!a.classList.contains("calendar-day")){return}const i=z(a);let o;switch(t.key){case"ArrowDown":t.preventDefault();o=R(i);break;case"ArrowUp":t.preventDefault();o=S(i);break;case"ArrowRight":t.preventDefault();o=E(i);break;case"ArrowLeft":t.preventDefault();o=I(i);break;case"Home":t.preventDefault();o=A(i);break;case"End":t.preventDefault();o=T(i);break;case"PageUp":t.preventDefault();o=t.shiftKey?$(i):C(i);break;case"PageDown":t.preventDefault();o=t.shiftKey?V(i):P(i);break;default:return}if(ct(o,this.minParts,this.maxParts)){return}this.setWorkingParts(Object.assign(Object.assign({},this.workingParts),o));requestAnimationFrame((()=>this.focusWorkingDay(n)))}))};this.focusWorkingDay=t=>{const e=t.querySelectorAll(".calendar-day-padding");const{day:n}=this.workingParts;if(n===null){return}const a=t.querySelector(`.calendar-day-wrapper:nth-of-type(${e.length+n}) .calendar-day`);if(a){a.focus()}};this.processMinParts=()=>{const{min:t,defaultParts:e}=this;if(t===undefined){this.minParts=undefined;return}this.minParts=W(t,e)};this.processMaxParts=()=>{const{max:t,defaultParts:e}=this;if(t===undefined){this.maxParts=undefined;return}this.maxParts=M(t,e)};this.initializeCalendarListener=()=>{const t=this.calendarBodyRef;if(!t){return}const e=t.querySelectorAll(".calendar-month");const a=e[0];const i=e[1];const o=e[2];const s=x(this);const r=s==="ios"&&typeof navigator!=="undefined"&&navigator.maxTouchPoints>1;n((()=>{t.scrollLeft=a.clientWidth*(p(this.el)?-1:1);const e=e=>{const n=t.getBoundingClientRect();const i=t.scrollLeft<=2?a:o;const s=i.getBoundingClientRect();if(Math.abs(s.x-n.x)>2)return;const{forceRenderDate:r}=this;if(r!==undefined){return{month:r.month,year:r.year,day:r.day}}if(i===a){return C(e)}else if(i===o){return P(e)}else{return}};const s=()=>{if(r){t.style.removeProperty("pointer-events");l=false}const a=e(this.workingParts);if(!a)return;const{month:o,day:s,year:d}=a;if(mt({month:o,year:d,day:null},{minParts:Object.assign(Object.assign({},this.minParts),{day:null}),maxParts:Object.assign(Object.assign({},this.maxParts),{day:null})})){return}t.style.setProperty("overflow","hidden");n((()=>{this.setWorkingParts(Object.assign(Object.assign({},this.workingParts),{month:o,day:s,year:d}));t.scrollLeft=i.clientWidth*(p(this.el)?-1:1);t.style.removeProperty("overflow");if(this.resolveForceDateScrolling){this.resolveForceDateScrolling()}}))};let d;let l=false;const h=()=>{if(d){clearTimeout(d)}if(!l&&r){t.style.setProperty("pointer-events","none");l=true}d=setTimeout(s,50)};t.addEventListener("scroll",h);this.destroyCalendarListener=()=>{t.removeEventListener("scroll",h)}}))};this.destroyInteractionListeners=()=>{const{destroyCalendarListener:t,destroyKeyboardMO:e}=this;if(t!==undefined){t()}if(e!==undefined){e()}};this.processValue=t=>{const e=t!==null&&t!==undefined&&(!Array.isArray(t)||t.length>0);const n=e?F(t):this.defaultParts;const{minParts:a,maxParts:i,workingParts:o,el:s}=this;this.warnIfIncorrectValueUsage();if(!n){return}if(e){L(n,a,i)}const r=Array.isArray(n)?n[0]:n;const d=rt(r,a,i);const{month:l,day:h,year:c,hour:p,minute:m}=d;const u=dt(p);if(e){if(Array.isArray(n)){this.activeParts=[...n]}else{this.activeParts={month:l,day:h,year:c,hour:p,minute:m,ampm:u}}}else{this.activeParts=[]}const f=l!==undefined&&l!==o.month||c!==undefined&&c!==o.year;const y=s.classList.contains("datetime-ready");const{isGridStyle:b,showMonthAndYear:g}=this;let x=true;if(Array.isArray(n)){const t=n[0].month;for(const e of n){if(e.month!==t){x=false;break}}}if(x){if(b&&f&&y&&!g){this.animateToDate(d)}else{this.setWorkingParts({month:l,day:h,year:c,hour:p,minute:m,ampm:u})}}};this.animateToDate=async t=>{const{workingParts:e}=this;this.forceRenderDate=t;const n=new Promise((t=>{this.resolveForceDateScrolling=t}));const a=k(t,e);a?this.prevMonth():this.nextMonth();await n;this.resolveForceDateScrolling=undefined;this.forceRenderDate=undefined};this.onFocus=()=>{this.ionFocus.emit()};this.onBlur=()=>{this.ionBlur.emit()};this.hasValue=()=>this.value!=null;this.nextMonth=()=>{const t=this.calendarBodyRef;if(!t){return}const e=t.querySelector(".calendar-month:last-of-type");if(!e){return}const n=e.offsetWidth*2;t.scrollTo({top:0,left:n*(p(this.el)?-1:1),behavior:"smooth"})};this.prevMonth=()=>{const t=this.calendarBodyRef;if(!t){return}const e=t.querySelector(".calendar-month:first-of-type");if(!e){return}t.scrollTo({top:0,left:0,behavior:"smooth"})};this.toggleMonthAndYearView=()=>{this.showMonthAndYear=!this.showMonthAndYear};this.showMonthAndYear=false;this.activeParts=[];this.workingParts={month:5,day:28,year:2021,hour:13,minute:52,ampm:"pm"};this.isTimePopoverOpen=false;this.forceRenderDate=undefined;this.color="primary";this.name=this.inputId;this.disabled=false;this.formatOptions=undefined;this.readonly=false;this.isDateEnabled=undefined;this.min=undefined;this.max=undefined;this.presentation="date-time";this.cancelText="Cancel";this.doneText="Done";this.clearText="Clear";this.yearValues=undefined;this.monthValues=undefined;this.dayValues=undefined;this.hourValues=undefined;this.minuteValues=undefined;this.locale="default";this.firstDayOfWeek=0;this.titleSelectedDatesFormatter=undefined;this.multiple=false;this.highlightedDates=undefined;this.value=undefined;this.showDefaultTitle=false;this.showDefaultButtons=false;this.showClearButton=false;this.showDefaultTimeLabel=true;this.hourCycle=undefined;this.size="fixed";this.preferWheel=false}formatOptionsChanged(){const{el:t,formatOptions:e,presentation:n}=this;gt(t,n,e);bt(t,e)}disabledChanged(){this.emitStyle()}minChanged(){this.processMinParts()}maxChanged(){this.processMaxParts()}presentationChanged(){const{el:t,formatOptions:e,presentation:n}=this;gt(t,n,e)}get isGridStyle(){const{presentation:t,preferWheel:e}=this;const n=t==="date"||t==="date-time"||t==="time-date";return n&&!e}yearValuesChanged(){this.parsedYearValues=B(this.yearValues)}monthValuesChanged(){this.parsedMonthValues=B(this.monthValues)}dayValuesChanged(){this.parsedDayValues=B(this.dayValues)}hourValuesChanged(){this.parsedHourValues=B(this.hourValues)}minuteValuesChanged(){this.parsedMinuteValues=B(this.minuteValues)}async valueChanged(){const{value:t}=this;if(this.hasValue()){this.processValue(t)}this.emitStyle();this.ionValueChange.emit({value:t})}async confirm(t=false){const{isCalendarPicker:e,activeParts:n,preferWheel:a,workingParts:i}=this;if(n!==undefined||!e){const t=Array.isArray(n);if(t&&n.length===0){if(a){this.setValue(H(i))}else{this.setValue(undefined)}}else{this.setValue(H(n))}}if(t){this.closeParentOverlay()}}async reset(t){this.processValue(t)}async cancel(t=false){this.ionCancel.emit();if(t){this.closeParentOverlay()}}get isCalendarPicker(){const{presentation:t}=this;return t==="date"||t==="date-time"||t==="time-date"}connectedCallback(){this.clearFocusVisible=s(this.el).destroy}disconnectedCallback(){if(this.clearFocusVisible){this.clearFocusVisible();this.clearFocusVisible=undefined}}initializeListeners(){this.initializeCalendarListener();this.initializeKeyboardListeners()}componentDidLoad(){const{el:t,intersectionTrackerRef:e}=this;const a=t=>{const e=t[0];if(!e.isIntersecting){return}this.initializeListeners();n((()=>{this.el.classList.add("datetime-ready")}))};const i=new IntersectionObserver(a,{threshold:.01,root:t});r((()=>i===null||i===void 0?void 0:i.observe(e)));const o=t=>{const e=t[0];if(e.isIntersecting){return}this.destroyInteractionListeners();this.showMonthAndYear=false;n((()=>{this.el.classList.remove("datetime-ready")}))};const s=new IntersectionObserver(o,{threshold:0,root:t});r((()=>s===null||s===void 0?void 0:s.observe(e)));const d=l(this.el);d.addEventListener("ionFocus",(t=>t.stopPropagation()));d.addEventListener("ionBlur",(t=>t.stopPropagation()))}componentDidRender(){const{presentation:t,prevPresentation:e,calendarBodyRef:n,minParts:a,preferWheel:i,forceRenderDate:o}=this;const s=!i&&["date-time","time-date","date"].includes(t);if(a!==undefined&&s&&n){const t=n.querySelector(".calendar-month:nth-of-type(1)");if(t&&o===undefined){n.scrollLeft=t.clientWidth*(p(this.el)?-1:1)}}if(e===null){this.prevPresentation=t;return}if(t===e){return}this.prevPresentation=t;this.destroyInteractionListeners();this.initializeListeners();this.showMonthAndYear=false;r((()=>{this.ionRender.emit()}))}componentWillLoad(){const{el:t,formatOptions:e,highlightedDates:n,multiple:a,presentation:i,preferWheel:o}=this;if(a){if(i!=="date"){c('Multiple date selection is only supported for presentation="date".',t)}if(o){c('Multiple date selection is not supported with preferWheel="true".',t)}}if(n!==undefined){if(i!=="date"&&i!=="date-time"&&i!=="time-date"){c("The highlightedDates property is only supported with the date, date-time, and time-date presentations.",t)}if(o){c('The highlightedDates property is not supported with preferWheel="true".',t)}}if(e){gt(t,i,e);bt(t,e)}const s=this.parsedHourValues=B(this.hourValues);const r=this.parsedMinuteValues=B(this.minuteValues);const d=this.parsedMonthValues=B(this.monthValues);const l=this.parsedYearValues=B(this.yearValues);const h=this.parsedDayValues=B(this.dayValues);const p=this.todayParts=F(q());this.processMinParts();this.processMaxParts();this.defaultParts=Y({refParts:p,monthValues:d,dayValues:h,yearValues:l,hourValues:s,minuteValues:r,minParts:this.minParts,maxParts:this.maxParts});this.processValue(this.value);this.emitStyle()}emitStyle(){this.ionStyle.emit({interactive:true,datetime:true,"interactive-disabled":this.disabled})}renderFooter(){const{disabled:t,readonly:e,showDefaultButtons:n,showClearButton:i}=this;const o=t||e;const s=this.el.querySelector('[slot="buttons"]')!==null;if(!s&&!n&&!i){return}const r=()=>{this.reset();this.setValue(undefined)};return a("div",{class:"datetime-footer"},a("div",{class:"datetime-buttons"},a("div",{class:{["datetime-action-buttons"]:true,["has-clear-button"]:this.showClearButton}},a("slot",{name:"buttons"},a("ion-buttons",null,n&&a("ion-button",{id:"cancel-button",color:this.color,onClick:()=>this.cancel(true),disabled:o},this.cancelText),a("div",{class:"datetime-action-buttons-container"},i&&a("ion-button",{id:"clear-button",color:this.color,onClick:()=>r(),disabled:o},this.clearText),n&&a("ion-button",{id:"confirm-button",color:this.color,onClick:()=>this.confirm(true),disabled:o},this.doneText)))))))}renderWheelPicker(t=this.presentation){const e=t==="time-date"?[this.renderTimePickerColumns(t),this.renderDatePickerColumns(t)]:[this.renderDatePickerColumns(t),this.renderTimePickerColumns(t)];return a("ion-picker-internal",null,e)}renderDatePickerColumns(t){return t==="date-time"||t==="time-date"?this.renderCombinedDatePickerColumn():this.renderIndividualDatePickerColumns(t)}renderCombinedDatePickerColumn(){const{defaultParts:t,disabled:e,workingParts:n,locale:i,minParts:o,maxParts:s,todayParts:r,isDateEnabled:d}=this;const l=this.getActivePartsWithFallback();const c=G(n);const p=c[c.length-1];c[0].day=1;p.day=N(p.month,p.year);const m=o!==undefined&&j(o,c[0])?o:c[0];const u=s!==undefined&&k(s,p)?s:p;const f=K(i,r,m,u,this.parsedDayValues,this.parsedMonthValues);let y=f.items;const b=f.parts;if(d){y=y.map(((t,e)=>{const n=b[e];let a;try{a=!d(H(n))}catch(t){h("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",t)}return Object.assign(Object.assign({},t),{disabled:a})}))}const g=n.day!==null?`${n.year}-${n.month}-${n.day}`:`${t.year}-${t.month}-${t.day}`;return a("ion-picker-column-internal",{class:"date-column",color:this.color,disabled:e,items:y,value:g,onIonChange:t=>{if(this.destroyCalendarListener){this.destroyCalendarListener()}const{value:e}=t.detail;const a=b.find((({month:t,day:n,year:a})=>e===`${a}-${t}-${n}`));this.setWorkingParts(Object.assign(Object.assign({},n),a));this.setActiveParts(Object.assign(Object.assign({},l),a));this.initializeCalendarListener();t.stopPropagation()}})}renderIndividualDatePickerColumns(t){const{workingParts:e,isDateEnabled:n}=this;const a=t!=="year"&&t!=="time";const i=a?U(this.locale,e,this.minParts,this.maxParts,this.parsedMonthValues):[];const o=t==="date";let s=o?Z(this.locale,e,this.minParts,this.maxParts,this.parsedDayValues):[];if(n){s=s.map((t=>{const{value:a}=t;const i=typeof a==="string"?parseInt(a):a;const o={month:e.month,day:i,year:e.year};let s;try{s=!n(H(o))}catch(t){h("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",t)}return Object.assign(Object.assign({},t),{disabled:s})}))}const r=t!=="month"&&t!=="time";const d=r?J(this.locale,this.defaultParts,this.minParts,this.maxParts,this.parsedYearValues):[];const l=Q(this.locale,{month:"numeric",day:"numeric"});let c=[];if(l){c=[this.renderMonthPickerColumn(i),this.renderDayPickerColumn(s),this.renderYearPickerColumn(d)]}else{c=[this.renderDayPickerColumn(s),this.renderMonthPickerColumn(i),this.renderYearPickerColumn(d)]}return c}renderDayPickerColumn(t){var e;if(t.length===0){return[]}const{disabled:n,workingParts:i}=this;const o=this.getActivePartsWithFallback();return a("ion-picker-column-internal",{class:"day-column",color:this.color,disabled:n,items:t,value:(e=i.day!==null?i.day:this.defaultParts.day)!==null&&e!==void 0?e:undefined,onIonChange:t=>{if(this.destroyCalendarListener){this.destroyCalendarListener()}this.setWorkingParts(Object.assign(Object.assign({},i),{day:t.detail.value}));this.setActiveParts(Object.assign(Object.assign({},o),{day:t.detail.value}));this.initializeCalendarListener();t.stopPropagation()}})}renderMonthPickerColumn(t){if(t.length===0){return[]}const{disabled:e,workingParts:n}=this;const i=this.getActivePartsWithFallback();return a("ion-picker-column-internal",{class:"month-column",color:this.color,disabled:e,items:t,value:n.month,onIonChange:t=>{if(this.destroyCalendarListener){this.destroyCalendarListener()}this.setWorkingParts(Object.assign(Object.assign({},n),{month:t.detail.value}));this.setActiveParts(Object.assign(Object.assign({},i),{month:t.detail.value}));this.initializeCalendarListener();t.stopPropagation()}})}renderYearPickerColumn(t){if(t.length===0){return[]}const{disabled:e,workingParts:n}=this;const i=this.getActivePartsWithFallback();return a("ion-picker-column-internal",{class:"year-column",color:this.color,disabled:e,items:t,value:n.year,onIonChange:t=>{if(this.destroyCalendarListener){this.destroyCalendarListener()}this.setWorkingParts(Object.assign(Object.assign({},n),{year:t.detail.value}));this.setActiveParts(Object.assign(Object.assign({},i),{year:t.detail.value}));this.initializeCalendarListener();t.stopPropagation()}})}renderTimePickerColumns(t){if(["date","month","month-year","year"].includes(t)){return[]}const e=this.getActivePart();const n=e!==undefined;const{hoursData:a,minutesData:i,dayPeriodData:o}=_(this.locale,this.workingParts,this.hourCycle,n?this.minParts:undefined,n?this.maxParts:undefined,this.parsedHourValues,this.parsedMinuteValues);return[this.renderHourPickerColumn(a),this.renderMinutePickerColumn(i),this.renderDayPeriodPickerColumn(o)]}renderHourPickerColumn(t){const{disabled:e,workingParts:n}=this;if(t.length===0)return[];const i=this.getActivePartsWithFallback();return a("ion-picker-column-internal",{color:this.color,disabled:e,value:i.hour,items:t,numericInput:true,onIonChange:t=>{this.setWorkingParts(Object.assign(Object.assign({},n),{hour:t.detail.value}));this.setActiveParts(Object.assign(Object.assign({},i),{hour:t.detail.value}));t.stopPropagation()}})}renderMinutePickerColumn(t){const{disabled:e,workingParts:n}=this;if(t.length===0)return[];const i=this.getActivePartsWithFallback();return a("ion-picker-column-internal",{color:this.color,disabled:e,value:i.minute,items:t,numericInput:true,onIonChange:t=>{this.setWorkingParts(Object.assign(Object.assign({},n),{minute:t.detail.value}));this.setActiveParts(Object.assign(Object.assign({},i),{minute:t.detail.value}));t.stopPropagation()}})}renderDayPeriodPickerColumn(t){const{disabled:e,workingParts:n}=this;if(t.length===0){return[]}const i=this.getActivePartsWithFallback();const o=X(this.locale);return a("ion-picker-column-internal",{style:o?{order:"-1"}:{},color:this.color,disabled:e,value:i.ampm,items:t,onIonChange:t=>{const e=lt(n,t.detail.value);this.setWorkingParts(Object.assign(Object.assign({},n),{ampm:t.detail.value,hour:e}));this.setActiveParts(Object.assign(Object.assign({},i),{ampm:t.detail.value,hour:e}));t.stopPropagation()}})}renderWheelView(t){const{locale:e}=this;const n=Q(e);const i=n?"month-first":"year-first";return a("div",{class:{[`wheel-order-${i}`]:true}},this.renderWheelPicker(t))}renderCalendarHeader(t){const{disabled:e}=this;const n=t==="ios"?y:b;const i=t==="ios"?f:g;const o=e||ut(this.workingParts,this.minParts,this.maxParts);const s=e||ft(this.workingParts,this.maxParts);const r=this.el.getAttribute("dir")||undefined;return a("div",{class:"calendar-header"},a("div",{class:"calendar-action-buttons"},a("div",{class:"calendar-month-year"},a("ion-item",{part:"month-year-button",ref:t=>this.monthYearToggleItemRef=t,button:true,"aria-label":"Show year picker",detail:false,lines:"none",disabled:e,onClick:()=>{var t;this.toggleMonthAndYearView();const{monthYearToggleItemRef:e}=this;if(e){const n=(t=e.shadowRoot)===null||t===void 0?void 0:t.querySelector(".item-native");if(n){const t=this.showMonthAndYear?"Hide year picker":"Show year picker";n.setAttribute("aria-label",t)}}}},a("ion-label",null,et(this.locale,this.workingParts),a("ion-icon",{"aria-hidden":"true",icon:this.showMonthAndYear?n:i,lazy:false,flipRtl:true})))),a("div",{class:"calendar-next-prev"},a("ion-buttons",null,a("ion-button",{"aria-label":"Previous month",disabled:o,onClick:()=>this.prevMonth()},a("ion-icon",{dir:r,"aria-hidden":"true",slot:"icon-only",icon:u,lazy:false,flipRtl:true})),a("ion-button",{"aria-label":"Next month",disabled:s,onClick:()=>this.nextMonth()},a("ion-icon",{dir:r,"aria-hidden":"true",slot:"icon-only",icon:f,lazy:false,flipRtl:true}))))),a("div",{class:"calendar-days-of-week","aria-hidden":"true"},tt(this.locale,t,this.firstDayOfWeek%7).map((t=>a("div",{class:"day-of-week"},t)))))}renderMonth(t,e){const{disabled:n,readonly:i}=this;const o=this.parsedYearValues===undefined||this.parsedYearValues.includes(e);const s=this.parsedMonthValues===undefined||this.parsedMonthValues.includes(t);const r=!o||!s;const d=n||i;const l=n||mt({month:t,year:e,day:null},{minParts:Object.assign(Object.assign({},this.minParts),{day:null}),maxParts:Object.assign(Object.assign({},this.maxParts),{day:null})});const c=this.workingParts.month===t&&this.workingParts.year===e;const p=this.getActivePartsWithFallback();return a("div",{"aria-hidden":!c?"true":null,class:{"calendar-month":true,"calendar-month-disabled":!c&&l}},a("div",{class:"calendar-month-grid"},nt(t,e,this.firstDayOfWeek%7).map(((n,i)=>{const{day:o,dayOfWeek:s}=n;const{el:l,highlightedDates:c,isDateEnabled:m,multiple:u}=this;const f={month:t,day:o,year:e};const y=o===null;const{isActive:b,isToday:g,ariaLabel:x,ariaSelected:w,disabled:v,text:k}=pt(this.locale,f,this.activeParts,this.todayParts,this.minParts,this.maxParts,this.parsedDayValues);const j=H(f);let O=r||v;if(!O&&m!==undefined){try{O=!m(j)}catch(t){h("Exception thrown from provided `isDateEnabled` function. Please check your function and try again.",l,t)}}const C=O&&d;const P=O||d;let D=undefined;if(c!==undefined&&!b&&o!==null){D=yt(c,j,l)}let z=undefined;if(!y){z=`calendar-day${b?" active":""}${g?" today":""}${O?" disabled":""}`}return a("div",{class:"calendar-day-wrapper"},a("button",{ref:t=>{if(t){t.style.setProperty("color",`${D?D.textColor:""}`,"important");t.style.setProperty("background-color",`${D?D.backgroundColor:""}`,"important")}},tabindex:"-1","data-day":o,"data-month":t,"data-year":e,"data-index":i,"data-day-of-week":s,disabled:P,class:{"calendar-day-padding":y,"calendar-day":true,"calendar-day-active":b,"calendar-day-constrained":C,"calendar-day-today":g},part:z,"aria-hidden":y?"true":null,"aria-selected":w,"aria-label":x,onClick:()=>{if(y){return}this.setWorkingParts(Object.assign(Object.assign({},this.workingParts),{month:t,day:o,year:e}));if(u){this.setActiveParts({month:t,day:o,year:e},b)}else{this.setActiveParts(Object.assign(Object.assign({},p),{month:t,day:o,year:e}))}}},k))}))))}renderCalendarBody(){return a("div",{class:"calendar-body ion-focusable",ref:t=>this.calendarBodyRef=t,tabindex:"0"},G(this.workingParts,this.forceRenderDate).map((({month:t,year:e})=>this.renderMonth(t,e))))}renderCalendar(t){return a("div",{class:"datetime-calendar",key:"datetime-calendar"},this.renderCalendarHeader(t),this.renderCalendarBody())}renderTimeLabel(){const t=this.el.querySelector('[slot="time-label"]')!==null;if(!t&&!this.showDefaultTimeLabel){return}return a("slot",{name:"time-label"},"Time")}renderTimeOverlay(){const{disabled:t,hourCycle:e,isTimePopoverOpen:n,locale:i,formatOptions:o}=this;const s=at(i,e);const r=this.getActivePartsWithFallback();return[a("div",{class:"time-header"},this.renderTimeLabel()),a("button",{class:{"time-body":true,"time-body-active":n},part:`time-button${n?" active":""}`,"aria-expanded":"false","aria-haspopup":"true",disabled:t,onClick:async t=>{const{popoverRef:e}=this;if(e){this.isTimePopoverOpen=true;e.present(new CustomEvent("ionShadowTarget",{detail:{ionShadowTarget:t.target}}));await e.onWillDismiss();this.isTimePopoverOpen=false}}},it(i,r,s,o===null||o===void 0?void 0:o.time)),a("ion-popover",{alignment:"center",translucent:true,overlayIndex:1,arrow:false,onWillPresent:t=>{const e=t.target.querySelectorAll("ion-picker-column-internal");e.forEach((t=>t.scrollActiveItemIntoView()))},style:{"--offset-y":"-10px","--min-width":"fit-content"},keyboardEvents:true,ref:t=>this.popoverRef=t},this.renderWheelPicker("time"))]}getHeaderSelectedDateText(){var t;const{activeParts:e,formatOptions:n,multiple:a,titleSelectedDatesFormatter:i}=this;const o=Array.isArray(e);let s;if(a&&o&&e.length!==1){s=`${e.length} days`;if(i!==undefined){try{s=i(H(e))}catch(t){h("Exception in provided `titleSelectedDatesFormatter`: ",t)}}}else{s=ot(this.locale,this.getActivePartsWithFallback(),(t=n===null||n===void 0?void 0:n.date)!==null&&t!==void 0?t:{weekday:"short",month:"short",day:"numeric"})}return s}renderHeader(t=true){const e=this.el.querySelector('[slot="title"]')!==null;if(!e&&!this.showDefaultTitle){return}return a("div",{class:"datetime-header"},a("div",{class:"datetime-title"},a("slot",{name:"title"},"Select Date")),t&&a("div",{class:"datetime-selected-date"},this.getHeaderSelectedDateText()))}renderTime(){const{presentation:t}=this;const e=t==="time";return a("div",{class:"datetime-time"},e?this.renderWheelPicker():this.renderTimeOverlay())}renderCalendarViewMonthYearPicker(){return a("div",{class:"datetime-year"},this.renderWheelView("month-year"))}renderDatetime(t){const{presentation:e,preferWheel:n}=this;const a=e==="date"||e==="date-time"||e==="time-date";if(n&&a){return[this.renderHeader(false),this.renderWheelView(),this.renderFooter()]}switch(e){case"date-time":return[this.renderHeader(),this.renderCalendar(t),this.renderCalendarViewMonthYearPicker(),this.renderTime(),this.renderFooter()];case"time-date":return[this.renderHeader(),this.renderTime(),this.renderCalendar(t),this.renderCalendarViewMonthYearPicker(),this.renderFooter()];case"time":return[this.renderHeader(false),this.renderTime(),this.renderFooter()];case"month":case"month-year":case"year":return[this.renderHeader(false),this.renderWheelView(),this.renderFooter()];default:return[this.renderHeader(),this.renderCalendar(t),this.renderCalendarViewMonthYearPicker(),this.renderFooter()]}}render(){const{name:t,value:e,disabled:n,el:o,color:s,readonly:r,showMonthAndYear:l,preferWheel:h,presentation:c,size:p,isGridStyle:u}=this;const f=x(this);const y=c==="year"||c==="month"||c==="month-year";const b=l||y;const g=l&&!y;const w=c==="date"||c==="date-time"||c==="time-date";const v=w&&h;d(true,o,t,st(e),n);return a(i,{key:"8490192beb6c5c6064ed8f2a7be2d51846f84f36","aria-disabled":n?"true":null,onFocus:this.onFocus,onBlur:this.onBlur,class:Object.assign({},m(s,{[f]:true,["datetime-readonly"]:r,["datetime-disabled"]:n,"show-month-and-year":b,"month-year-picker-open":g,[`datetime-presentation-${c}`]:true,[`datetime-size-${p}`]:true,[`datetime-prefer-wheel`]:v,[`datetime-grid`]:u}))},a("div",{key:"a2959c07ed871f9004a2f11ab1385a5a7b5737fd",class:"intersection-tracker",ref:t=>this.intersectionTrackerRef=t}),this.renderDatetime(f))}get el(){return o(this)}static get watchers(){return{formatOptions:["formatOptionsChanged"],disabled:["disabledChanged"],min:["minChanged"],max:["maxChanged"],presentation:["presentationChanged"],yearValues:["yearValuesChanged"],monthValues:["monthValuesChanged"],dayValues:["dayValuesChanged"],hourValues:["hourValuesChanged"],minuteValues:["minuteValuesChanged"],value:["valueChanged"]}}};let Ot=0;jt.style={ios:wt,md:kt};export{jt as ion_datetime};
+//# sourceMappingURL=p-4da973b2.entry.js.map

package/dist/elements/p-4e2d793c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,i,h as e}from"./p-7a6a7690.js";import{s as r,B as s}from"./p-4ccc1b59.js";const o="iframe{width:100%;height:100vh}.error{display:flex;opacity:0.8;background:repeating-linear-gradient( -45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px );flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error ion-icon{color:#282828;--ionicon-stroke-width:calc(var(--width) / 5);font-size:calc(var(--width) / 2)}a{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}";const a=o;const h=class{constructor(e){t(this,e);this.initializeOsEmitter=i(this,"pod-os:init",7);this.resourceLoadedEmitter=i(this,"pod-os:resource-loaded",7);this.loading=true;this.setOs=async t=>{this.os=t}}componentWillLoad(){r.onChange("isLoggedIn",(()=>this.fetchBlob()));this.initializeOsEmitter.emit(this.setOs)}async fetchBlob(){try{this.loading=true;const t=await this.os.fetchFile(this.src);this.resourceLoadedEmitter.emit(this.src);if(t.blob()){this.dataUri=URL.createObjectURL(t.blob());this.error=null}else{this.brokenFile=t}}catch(t){this.error=t}finally{this.loading=false}}render(){if(this.loading){return e("ion-skeleton-text",{animated:true})}if(this.error){return e("div",{class:"error"},this.error.message)}if(this.brokenFile){return e(s,{file:this.brokenFile})}return e("iframe",{src:this.dataUri})}static get watchers(){return{os:["fetchBlob"],src:["fetchBlob"]}}};h.style=a;export{h as pos_document};
+//# sourceMappingURL=p-4e2d793c.entry.js.map

package/dist/elements/p-4e2d793c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["posDocumentCss","PosDocumentStyle0","PosDocument","constructor","hostRef","this","loading","setOs","async","os","componentWillLoad","session","onChange","fetchBlob","initializeOsEmitter","emit","file","fetchFile","src","resourceLoadedEmitter","blob","dataUri","URL","createObjectURL","error","brokenFile","err","render","h","animated","class","message","BrokenFile"],"sources":["src/components/pos-document/pos-document.css?tag=pos-document&encapsulation=shadow","src/components/pos-document/pos-document.tsx"],"sourcesContent":["\n:host {\n}\n\niframe {\n  width: 100%;\n  height: 100vh;\n}\n\n/* consolidate with styles from pos-image */\n.error {\n  display: flex;\n  opacity: 0.8;\n  background: repeating-linear-gradient( -45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px );\n  flex-direction: column;\n  border: 1px solid red;\n  color: black;\n  align-items: center;\n  justify-content: center;\n  word-break: break-all;\n  padding: 1rem;\n  box-sizing: border-box;\n}\n\n.error ion-icon {\n  color: #282828;\n  --ionicon-stroke-width: calc(var(--width) / 5) ;\n  font-size: calc(var(--width) / 2)\n}\n\na {\n  text-decoration: none;\n  width: var(--width);\n  height: var(--height);\n}\n\n.code {\n  font-weight: bold;\n  font-size: calc(var(--width) / 8);\n}\n\n.text {\n  font-size: calc(var(--width) / 20)\n}\n","import { PodOS, BrokenFile as BrokenFileData } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport session from '../../store/session';\nimport { BrokenFile } from '../broken-file/BrokenFile';\n\n@Component({\n  tag: 'pos-document',\n  styleUrl: 'pos-document.css',\n  shadow: true,\n})\nexport class PosDocument {\n  @Prop() src: string;\n\n  @Prop() alt: string;\n\n  @State() os: PodOS;\n\n  @State()\n  private dataUri: string;\n\n  @State()\n  private brokenFile: BrokenFileData;\n\n  @State()\n  private error: Error;\n\n  @State()\n  private loading: boolean = true;\n\n  @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n  /**\n   * Indicates that the resource given in `src` property has been loaded.\n   */\n  @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter<string>;\n\n  componentWillLoad() {\n    session.onChange('isLoggedIn', () => this.fetchBlob());\n    this.initializeOsEmitter.emit(this.setOs);\n  }\n\n  setOs = async (os: PodOS) => {\n    this.os = os;\n  };\n\n  @Watch('os')\n  @Watch('src')\n  async fetchBlob() {\n    try {\n      this.loading = true;\n      const file = await this.os.fetchFile(this.src);\n      this.resourceLoadedEmitter.emit(this.src);\n      if (file.blob()) {\n        this.dataUri = URL.createObjectURL(file.blob());\n        this.error = null;\n      } else {\n        this.brokenFile = file as BrokenFileData;\n      }\n    } catch (err) {\n      this.error = err;\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return <ion-skeleton-text animated={true}></ion-skeleton-text>;\n    }\n    if (this.error) {\n      return <div class=\"error\">{this.error.message}</div>;\n    }\n    if (this.brokenFile) {\n      return <BrokenFile file={this.brokenFile} />;\n    }\n    return <iframe src={this.dataUri}></iframe>;\n  }\n}\n"],"mappings":"wFAAA,MAAMA,EAAiB,4lBACvB,MAAAC,EAAeD,E,MCSFE,EAAW,MALxB,WAAAC,CAAAC,G,yHAsBUC,KAAAC,QAAmB,KAc3BD,KAAAE,MAAQC,MAAOC,IACbJ,KAAKI,GAAKA,CAAE,C,CANd,iBAAAC,GACEC,EAAQC,SAAS,cAAc,IAAMP,KAAKQ,cAC1CR,KAAKS,oBAAoBC,KAAKV,KAAKE,M,CASrC,eAAMM,GACJ,IACER,KAAKC,QAAU,KACf,MAAMU,QAAaX,KAAKI,GAAGQ,UAAUZ,KAAKa,KAC1Cb,KAAKc,sBAAsBJ,KAAKV,KAAKa,KACrC,GAAIF,EAAKI,OAAQ,CACff,KAAKgB,QAAUC,IAAIC,gBAAgBP,EAAKI,QACxCf,KAAKmB,MAAQ,I,KACR,CACLnB,KAAKoB,WAAaT,C,EAEpB,MAAOU,GACPrB,KAAKmB,MAAQE,C,SAEbrB,KAAKC,QAAU,K,EAInB,MAAAqB,GACE,GAAItB,KAAKC,QAAS,CAChB,OAAOsB,EAAA,qBAAmBC,SAAU,M,CAEtC,GAAIxB,KAAKmB,MAAO,CACd,OAAOI,EAAA,OAAKE,MAAM,SAASzB,KAAKmB,MAAMO,Q,CAExC,GAAI1B,KAAKoB,WAAY,CACnB,OAAOG,EAACI,EAAU,CAAChB,KAAMX,KAAKoB,Y,CAEhC,OAAOG,EAAA,UAAQV,IAAKb,KAAKgB,S","ignoreList":[]}

package/dist/elements/p-50ad1338.entry.js

@@ -0,0 +1,2 @@
+import{r as t,i as s,h as o}from"./p-7a6a7690.js";import{s as i}from"./p-f6671856.js";function n(t){if(r(t,"http://www.w3.org/ns/ldp#Container")){return"folder-outline"}else if(r(t,"http://www.w3.org/ns/ldp#Resource")){return"document-outline"}else{return"help-outline"}}function r(t,s){return t.some((t=>t.uri===s))}const e=class{constructor(o){t(this,o);this.linkEmitter=s(this,"pod-os:link",7);this.subscribeResource=s(this,"pod-os:resource",7);this.receiveResource=t=>{this.resource=t}}componentWillLoad(){i(this)}render(){if(!this.resource)return null;const t=n(this.resource.types());return o("ion-item",{href:this.resource.uri,onClick:t=>{t.preventDefault();this.linkEmitter.emit(this.resource.uri)}},o("ion-icon",{name:t,slot:"start"}),o("slot",null))}};export{e as pos_container_item};
+//# sourceMappingURL=p-50ad1338.entry.js.map