@esri/calcite-components 2.3.0-next.1 → 2.3.1-next.0

package/dist/calcite/p-224429d9.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.3.1-next.0
+ */
+import{r as t,c as i,h as e,H as s,g as o}from"./p-1e21abba.js";import{q as n,i as r,y as a,t as l}from"./p-3764e60b.js";import{c,b as h,a as f,r as d,F as u}from"./p-a179158c.js";import{g as p}from"./p-7b791f2a.js";import{o as m}from"./p-8d6359f2.js";import{F as w}from"./p-95192cf8.js";import"./p-628d3c53.js";import"./p-96920004.js";const g={container:"container"};const v=300;const b=500;const y="aria-describedby";function x(t){const{referenceElement:i}=t;return(typeof i==="string"?n(t,{id:i}):i)||null}class E{constructor(){this.registeredElements=new WeakMap;this.registeredShadowRootCounts=new WeakMap;this.hoverOpenTimeout=null;this.hoverCloseTimeout=null;this.hoveredTooltip=null;this.clickedTooltip=null;this.activeTooltip=null;this.registeredElementCount=0;this.queryTooltip=t=>{const{registeredElements:i}=this;const e=t.find((t=>i.has(t)));return i.get(e)};this.keyDownHandler=t=>{if(t.key==="Escape"&&!t.defaultPrevented){const{activeTooltip:i}=this;if(i?.open){this.clearHoverTimeout();this.closeActiveTooltip();const e=x(i);if(e instanceof Element&&e.contains(t.target)){t.preventDefault()}}}};this.pointerMoveHandler=t=>{const i=t.composedPath();const{activeTooltip:e}=this;const s=e?.open&&i.includes(e);if(s){this.clearHoverTimeout();return}const o=this.queryTooltip(i);this.hoveredTooltip=o;if(this.isClosableClickedTooltip(o)){return}this.clickedTooltip=null;if(o){this.openHoveredTooltip(o)}else if(e){this.closeHoveredTooltip()}};this.pointerDownHandler=t=>{if(!r(t)){return}const i=this.queryTooltip(t.composedPath());this.clickedTooltip=i;if(i?.closeOnClick){this.toggleTooltip(i,false);this.clearHoverTimeout()}};this.focusInHandler=t=>{this.queryFocusedTooltip(t,true)};this.focusOutHandler=t=>{this.queryFocusedTooltip(t,false)};this.openHoveredTooltip=t=>{this.hoverOpenTimeout=window.setTimeout((()=>{if(this.hoverOpenTimeout===null){return}this.clearHoverCloseTimeout();if(this.activeTooltip===this.hoveredTooltip){return}this.closeActiveTooltip();if(t!==this.hoveredTooltip){return}this.toggleTooltip(t,true)}),this.activeTooltip?0:v)};this.closeHoveredTooltip=()=>{this.hoverCloseTimeout=window.setTimeout((()=>{if(this.hoverCloseTimeout===null){return}this.closeActiveTooltip()}),b)}}registerElement(t,i){this.registeredElementCount++;this.registeredElements.set(t,i);const e=this.getReferenceElShadowRootNode(t);if(e){this.registerShadowRoot(e)}if(this.registeredElementCount===1){this.addListeners()}}unregisterElement(t){const i=this.getReferenceElShadowRootNode(t);if(i){this.unregisterShadowRoot(i)}if(this.registeredElements.delete(t)){this.registeredElementCount--}if(this.registeredElementCount===0){this.removeListeners()}}addShadowListeners(t){t.addEventListener("focusin",this.focusInHandler,{capture:true});t.addEventListener("focusout",this.focusOutHandler,{capture:true})}removeShadowListeners(t){t.removeEventListener("focusin",this.focusInHandler,{capture:true});t.removeEventListener("focusout",this.focusOutHandler,{capture:true})}addListeners(){window.addEventListener("keydown",this.keyDownHandler,{capture:true});window.addEventListener("pointermove",this.pointerMoveHandler,{capture:true});window.addEventListener("pointerdown",this.pointerDownHandler,{capture:true});window.addEventListener("focusin",this.focusInHandler,{capture:true});window.addEventListener("focusout",this.focusOutHandler,{capture:true})}removeListeners(){window.removeEventListener("keydown",this.keyDownHandler,{capture:true});window.removeEventListener("pointermove",this.pointerMoveHandler,{capture:true});window.removeEventListener("pointerdown",this.pointerDownHandler,{capture:true});window.removeEventListener("focusin",this.focusInHandler,{capture:true});window.removeEventListener("focusout",this.focusOutHandler,{capture:true})}clearHoverOpenTimeout(){window.clearTimeout(this.hoverOpenTimeout);this.hoverOpenTimeout=null}clearHoverCloseTimeout(){window.clearTimeout(this.hoverCloseTimeout);this.hoverCloseTimeout=null}clearHoverTimeout(){this.clearHoverOpenTimeout();this.clearHoverCloseTimeout()}closeActiveTooltip(){const{activeTooltip:t}=this;if(t?.open){this.toggleTooltip(t,false)}}toggleFocusedTooltip(t,i){this.closeActiveTooltip();if(i){this.clearHoverTimeout()}this.toggleTooltip(t,i)}toggleTooltip(t,i){t.open=i;this.activeTooltip=i?t:null}queryFocusedTooltip(t,i){const e=this.queryTooltip(t.composedPath());if(!e||this.isClosableClickedTooltip(e)){return}this.toggleFocusedTooltip(e,i)}isClosableClickedTooltip(t){return t?.closeOnClick&&t===this.clickedTooltip}registerShadowRoot(t){const{registeredShadowRootCounts:i}=this;const e=(i.get(t)??0)+1;if(e===1){this.addShadowListeners(t)}i.set(t,e)}unregisterShadowRoot(t){const{registeredShadowRootCounts:i}=this;const e=i.get(t)-1;if(e===0){this.removeShadowListeners(t)}i.set(t,e)}getReferenceElShadowRootNode(t){return t instanceof Element?a(t):null}}const k=":host{--calcite-floating-ui-z-index:var(--calcite-tooltip-z-index, var(--calcite-z-index-tooltip));display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index)}.calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}.container{position:relative;overflow:hidden;border-radius:0.25rem;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.arrow::before{outline:1px solid var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const H=new E;const T=class{constructor(e){t(this,e);this.calciteTooltipBeforeClose=i(this,"calciteTooltipBeforeClose",6);this.calciteTooltipClose=i(this,"calciteTooltipClose",6);this.calciteTooltipBeforeOpen=i(this,"calciteTooltipBeforeOpen",6);this.calciteTooltipOpen=i(this,"calciteTooltipOpen",6);this.guid=`calcite-tooltip-${p()}`;this.hasLoaded=false;this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.setUpReferenceElement=(t=true)=>{this.removeReferences();this.effectiveReferenceElement=x(this.el);c(this,this.effectiveReferenceElement,this.el);const{el:i,referenceElement:e,effectiveReferenceElement:s}=this;if(t&&e&&!s){console.warn(`${i.tagName}: reference-element id "${e}" was not found.`,{el:i})}this.addReferences()};this.getId=()=>this.el.id||this.guid;this.addReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t){return}const i=this.getId();if("setAttribute"in t){t.setAttribute(y,i)}H.registerElement(t,this.el)};this.removeReferences=()=>{const{effectiveReferenceElement:t}=this;if(!t){return}if("removeAttribute"in t){t.removeAttribute(y)}H.unregisterElement(t)};this.closeOnClick=false;this.label=undefined;this.offsetDistance=h;this.offsetSkidding=0;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.referenceElement=undefined;this.effectiveReferenceElement=undefined;this.floatingLayout="vertical"}offsetDistanceOffsetHandler(){this.reposition(true)}offsetSkiddingHandler(){this.reposition(true)}openHandler(){m(this);this.reposition(true)}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}referenceElementHandler(){this.setUpReferenceElement()}connectedCallback(){this.setUpReferenceElement(this.hasLoaded);if(this.open){m(this)}c(this,this.effectiveReferenceElement,this.el)}async componentWillLoad(){if(this.open){m(this)}}componentDidLoad(){if(this.referenceElement&&!this.effectiveReferenceElement){this.setUpReferenceElement()}this.reposition(true);this.hasLoaded=true}disconnectedCallback(){this.removeReferences();f(this,this.effectiveReferenceElement,this.el)}async reposition(t=false){const{el:i,effectiveReferenceElement:e,placement:s,overlayPositioning:o,offsetDistance:n,offsetSkidding:r,arrowEl:a}=this;return d(this,{floatingEl:i,referenceEl:e,overlayPositioning:o,placement:s,offsetDistance:n,offsetSkidding:r,arrowEl:a,type:"tooltip"},t)}onBeforeOpen(){this.calciteTooltipBeforeOpen.emit()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit()}render(){const{effectiveReferenceElement:t,label:i,open:o,floatingLayout:n}=this;const r=t&&o;const a=!r;return e(s,{"aria-hidden":l(a),"aria-label":i,"aria-live":"polite","calcite-hydrated-hidden":a,id:this.getId(),role:"tooltip"},e("div",{class:{[u.animation]:true,[u.animationActive]:r},ref:this.setTransitionEl},e(w,{floatingLayout:n,ref:t=>this.arrowEl=t}),e("div",{class:g.container},e("slot",null))))}get el(){return o(this)}static get watchers(){return{offsetDistance:["offsetDistanceOffsetHandler"],offsetSkidding:["offsetSkiddingHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],referenceElement:["referenceElementHandler"]}}};T.style=k;export{T as calcite_tooltip};
+//# sourceMappingURL=p-224429d9.entry.js.map

package/dist/calcite/p-236155ed.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.3.1-next.0
+ */
+import{d as _}from"./p-4663c26a.js";import"./p-1e21abba.js";import"./p-43885b4b.js";import"./p-3764e60b.js";import"./p-7b791f2a.js";import"./p-628d3c53.js";import"./p-8b8bc233.js";import"./p-2fd217aa.js";import"./p-742802d2.js";import"./p-4d564c49.js";import"./p-9af3c6bb.js";import"./p-ff063b2d.js";import"./p-c33017fd.js";import"./p-43636470.js";import"./p-5b81304d.js";import"./p-201be191.js";import"./p-09925f1a.js";import"./p-8d6359f2.js";import"./p-06821432.js";var p={name:"el",weekdays:"Κυριακή_Δευτέρα_Τρίτη_Τετάρτη_Πέμπτη_Παρασκευή_Σάββατο".split("_"),weekdaysShort:"Κυρ_Δευ_Τρι_Τετ_Πεμ_Παρ_Σαβ".split("_"),weekdaysMin:"Κυ_Δε_Τρ_Τε_Πε_Πα_Σα".split("_"),months:"Ιανουάριος_Φεβρουάριος_Μάρτιος_Απρίλιος_Μάιος_Ιούνιος_Ιούλιος_Αύγουστος_Σεπτέμβριος_Οκτώβριος_Νοέμβριος_Δεκέμβριος".split("_"),monthsShort:"Ιαν_Φεβ_Μαρ_Απρ_Μαι_Ιουν_Ιουλ_Αυγ_Σεπτ_Οκτ_Νοε_Δεκ".split("_"),ordinal:function _(p){return p},weekStart:1,relativeTime:{future:"σε %s",past:"πριν %s",s:"μερικά δευτερόλεπτα",m:"ένα λεπτό",mm:"%d λεπτά",h:"μία ώρα",hh:"%d ώρες",d:"μία μέρα",dd:"%d μέρες",M:"ένα μήνα",MM:"%d μήνες",y:"ένα χρόνο",yy:"%d χρόνια"},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"}};_.locale(p,null,true);export default p;
+//# sourceMappingURL=p-236155ed.js.map

package/dist/calcite/p-2409e1af.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.3.1-next.0
+ */
+import{r as t,c as e,h as i,H as s,g as n,F as o}from"./p-1e21abba.js";import{z as a,l as c,g as r,A as l,t as d}from"./p-3764e60b.js";import{g as h}from"./p-7b791f2a.js";import{c as b}from"./p-43636470.js";import{c as u,d as p,I as f,u as m}from"./p-8b8bc233.js";import{c as g,d as v}from"./p-c33017fd.js";import{c as x,d as y,s as k,u as T}from"./p-09925f1a.js";import{g as C}from"./p-9af3c6bb.js";import"./p-628d3c53.js";import"./p-2fd217aa.js";import"./p-742802d2.js";const z={container:"container",content:"content"};const w=":host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(i){t(this,i);this.calciteInternalTabRegister=e(this,"calciteInternalTabRegister",6);this.guid=`calcite-tab-title-${h()}`;this.tab=undefined;this.selected=false;this.scale="m";this.labeledBy=undefined}render(){const t=this.el.id||this.guid;return i(s,{"aria-labelledby":this.labeledBy,id:t},i("div",{class:{[z.container]:true,[`scale-${this.scale}`]:true},role:"tabpanel",tabIndex:this.selected?0:-1},i("section",{class:z.content},i("slot",null))))}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs")}componentDidLoad(){this.calciteInternalTabRegister.emit()}disconnectedCallback(){document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}async getTabIndex(){return Array.prototype.indexOf.call(a(this.el.parentElement.children).filter((t=>t.matches("calcite-tab"))),this.el)}async updateAriaInfo(t=[],e=[]){this.labeledBy=e[t.indexOf(this.el.id)]||null}get el(){return n(this)}};I.style=w;const A={container:"tab-nav"};const H=":host{position:relative;display:flex}.scale-s{min-block-size:1.5rem}.scale-m{min-block-size:2rem}.scale-l{min-block-size:2.75rem}:host([layout=center]:not([bordered])){padding-inline:1.25rem}:host([layout=center]:not([bordered])) .tab-nav ::slotted(calcite-tab-title:last-child){margin-inline-end:0px}:host(:not([bordered])) .scale-l ::slotted(calcite-tab-title){margin-inline-end:1.5rem}:host(:not([bordered])) .scale-m ::slotted(calcite-tab-title){margin-inline-end:1.25rem}:host(:not([bordered])) .scale-s ::slotted(calcite-tab-title){margin-inline-end:1rem}.tab-nav{display:flex;inline-size:100%;justify-content:flex-start;overflow:auto}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-color-brand);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host([layout=center]) .tab-nav{justify-content:space-evenly}:host .position-bottom .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host .position-bottom .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered]) .position-bottom .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}";const L=class{constructor(i){t(this,i);this.calciteTabChange=e(this,"calciteTabChange",6);this.calciteInternalTabChange=e(this,"calciteInternalTabChange",6);this.animationActiveDuration=.3;this.resizeObserver=b("resize",(()=>{if(!this.activeIndicatorEl){return}this.activeIndicatorEl.style.transitionDuration="0s";this.updateActiveWidth();this.updateOffsetPosition()}));this.handleTabFocus=(t,e,i)=>{c(this.enabledTabTitles,e,i);t.stopPropagation()};this.handleContainerScroll=()=>{this.activeIndicatorEl.style.transitionDuration="0s";this.updateOffsetPosition()};this.storageId=undefined;this.syncId=undefined;this.selectedTitle=null;this.scale="m";this.layout="inline";this.position="bottom";this.bordered=false;this.indicatorOffset=undefined;this.indicatorWidth=undefined;this.selectedTabId=undefined}async selectedTabIdChanged(){if(localStorage&&this.storageId&&this.selectedTabId!==undefined&&this.selectedTabId!==null){localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId))}this.calciteInternalTabChange.emit({tab:this.selectedTabId});this.selectedTitle=await this.getTabTitleById(this.selectedTabId)}selectedTitleChanged(){this.updateOffsetPosition();this.updateActiveWidth();this.activeIndicatorEl.style.transitionDuration=`${this.animationActiveDuration}s`}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs");this.resizeObserver?.observe(this.el)}componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){const e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}}componentWillRender(){const{parentTabsEl:t}=this;this.layout=t?.layout;this.bordered=t?.bordered;if(this.selectedTitle){this.updateOffsetPosition()}}componentDidRender(){if(this.tabTitles.length&&this.tabTitles.every((t=>!t.selected))&&!this.selectedTabId){this.tabTitles[0].getTabIdentifier().then((t=>{this.calciteInternalTabChange.emit({tab:t})}))}}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const t=r(this.el);const e=`${this.indicatorWidth}px`;const n=`${this.indicatorOffset}px`;const o=t!=="rtl"?{width:e,left:n}:{width:e,right:n};return i(s,{role:"tablist"},i("div",{class:{[A.container]:true,[`scale-${this.scale}`]:true,[`position-${this.position}`]:true},onScroll:this.handleContainerScroll,ref:t=>this.tabNavEl=t},i("slot",null),i("div",{class:"tab-nav-active-indicator-container",ref:t=>this.activeIndicatorContainerEl=t},i("div",{class:"tab-nav-active-indicator",style:o,ref:t=>this.activeIndicatorEl=t}))))}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(t.target);t.stopPropagation()}activateTabHandler(t){this.calciteTabChange.emit();t.stopPropagation()}internalCloseTabHandler(t){const e=t.target;this.handleTabTitleClose(e);t.stopPropagation()}updateTabTitles(t){if(t.target.selected){this.selectedTabId=t.detail}}globalInternalTabChangeHandler(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab){this.selectedTabId=t.detail.tab}t.stopPropagation()}iconStartChangeHandler(){this.updateActiveWidth();this.updateOffsetPosition()}updateOffsetPosition(){const t=r(this.el);const e=this.activeIndicatorContainerEl?.offsetWidth;const i=this.selectedTitle?.offsetLeft;const s=this.selectedTitle?.offsetWidth;const n=e-(i+s);this.indicatorOffset=t!=="rtl"?i-this.tabNavEl?.scrollLeft:n+this.tabNavEl?.scrollLeft}updateActiveWidth(){this.indicatorWidth=this.selectedTitle?.offsetWidth}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}async getTabTitleById(t){return Promise.all(this.tabTitles.map((t=>t.getTabIdentifier()))).then((e=>this.tabTitles[e.indexOf(t)]))}get tabTitles(){return l(this.el,"calcite-tab-title")}get enabledTabTitles(){return l(this.el,"calcite-tab-title:not([disabled])").filter((t=>!t.closed))}handleTabTitleClose(t){const{tabTitles:e}=this;const i=t.selected;const s=e.reduce(((t,e,i)=>!e.closed?[...t,i]:t),[]);const n=s.length;if(n===1&&e[s[0]].closable){e[s[0]].closable=false;this.selectedTabId=s[0];if(i){e[s[0]].activateTab()}}else if(n>1){const i=e.findIndex((e=>e===t));const o=s.find((t=>t>i));if(this.selectedTabId===i){this.selectedTabId=o?o:n-1;e[this.selectedTabId].activateTab()}}requestAnimationFrame((()=>{this.updateOffsetPosition();this.updateActiveWidth();e[this.selectedTabId].focus()}))}get el(){return n(this)}static get watchers(){return{selectedTabId:["selectedTabIdChanged"],selectedTitle:["selectedTitleChanged"]}}};L.style=H;const j={closeButton:"close-button",container:"container",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon"};const E={close:"x"};const S=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;text-align:center;flex-basis:12rem}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{margin:auto}:host([layout=center][closable]) .content{padding-inline-start:32px}:host([layout=center][bordered][closable]) .scale-s .content{padding-inline-start:36px}:host([layout=center][bordered][closable]) .scale-m .content{padding-inline-start:40px}:host([layout=center][closable]) .scale-l .content{padding-inline-start:40px}:host([layout=center][closable][bordered]) .scale-s .content{padding-inline-start:52px}:host([position=bottom]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([closed]){display:none}.container{outline-color:transparent}:host(:focus) .container{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.container{box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;border-block-end-width:2px;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}.content{display:flex;align-items:center;justify-content:center}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:0.5rem}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:0.5rem}.close-button{display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:calc(100% - 2px);background-color:var(--calcite-button-transparent-1);margin-inline-start:auto}.close-button:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:0.5rem}:host([bordered]){margin-inline-end:0}:host([bordered][selected]){box-shadow:inset 0px -2px var(--calcite-color-foreground-1)}:host([bordered][selected][position=bottom]){box-shadow:inset 0 2px 0 var(--calcite-color-foreground-1)}:host([bordered]:hover) .container,:host([bordered]:focus) .container,:host([bordered]:active) .container{position:relative}:host([bordered]:hover) .container{background-color:var(--calcite-color-transparent-hover)}:host([closable]) .container,:host([bordered]) .container{border-inline-start:1px solid transparent;border-inline-end:1px solid transparent}:host([closable]) .container .close-button,:host([bordered]) .container .close-button{margin-inline:0}:host([closable]) .content{box-sizing:border-box;block-size:100%;border-block-end-color:transparent}:host([closable][position=bottom]) .container,:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-color-border-1);border-inline-end-color:var(--calcite-color-border-1)}:host([bordered]) .content{padding-inline:0.75rem}:host([bordered]) .scale-s .content{padding-inline:0.5rem}:host([bordered]) .scale-l .content{padding-inline:1rem}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered][position=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}";const R=class{constructor(i){t(this,i);this.calciteTabsActivate=e(this,"calciteTabsActivate",6);this.calciteInternalTabsActivate=e(this,"calciteInternalTabsActivate",6);this.calciteTabsClose=e(this,"calciteTabsClose",6);this.calciteInternalTabsClose=e(this,"calciteInternalTabsClose",6);this.calciteInternalTabsFocusNext=e(this,"calciteInternalTabsFocusNext",6);this.calciteInternalTabsFocusPrevious=e(this,"calciteInternalTabsFocusPrevious",6);this.calciteInternalTabsFocusFirst=e(this,"calciteInternalTabsFocusFirst",6);this.calciteInternalTabsFocusLast=e(this,"calciteInternalTabsFocusLast",6);this.calciteInternalTabTitleRegister=e(this,"calciteInternalTabTitleRegister",6);this.calciteInternalTabIconChanged=e(this,"calciteInternalTabIconChanged",6);this.closeClickHandler=()=>{this.closeTabTitleAndNotify()};this.mutationObserver=b("mutation",(()=>this.updateHasText()));this.resizeObserver=b("resize",(()=>{this.calciteInternalTabIconChanged.emit()}));this.guid=`calcite-tab-title-${h()}`;this.selected=false;this.closable=false;this.closed=false;this.disabled=false;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.layout=undefined;this.position="top";this.scale="m";this.bordered=false;this.tab=undefined;this.messages=undefined;this.messageOverrides=undefined;this.controls=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false}selectedHandler(){if(this.selected){this.activateTab(false)}}onMessagesChange(){}connectedCallback(){u(this);g(this);x(this);this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){this.mutationObserver?.disconnect();document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}));this.resizeObserver?.disconnect();p(this);v(this);y(this)}async componentWillLoad(){await k(this);{this.updateHasText()}if(this.tab&&this.selected){this.activateTab(false)}}componentWillRender(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.bordered=this.parentTabsEl.bordered}}render(){const{el:t,closed:e}=this;const n=t.id||this.guid;const o=i("calcite-icon",{class:{[j.titleIcon]:true,[j.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:C(this.scale)});const a=i("calcite-icon",{class:{[j.titleIcon]:true,[j.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:C(this.scale)});return i(s,{"aria-controls":this.controls,"aria-selected":d(this.selected),id:n,role:"tab",tabIndex:this.selected&&!this.disabled?0:-1},i(f,{disabled:this.disabled},i("div",{class:{container:true,[j.iconPresent]:!!this.iconStart||!!this.iconEnd,[`scale-${this.scale}`]:true},hidden:e,ref:t=>this.resizeObserver?.observe(t)},i("div",{class:{[j.content]:true,[j.contentHasText]:this.hasText}},this.iconStart?o:null,i("slot",null),this.iconEnd?a:null),this.renderCloseButton())))}renderCloseButton(){const{closable:t,messages:e}=this;return t?i("button",{"aria-label":e.close,class:j.closeButton,disabled:false,key:j.closeButton,onClick:this.closeClickHandler,title:e.close,type:"button",ref:t=>this.closeButtonEl=t},i("calcite-icon",{icon:E.close,scale:C(this.scale)})):null}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){m(this)}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":if(!t.composedPath().includes(this.closeButtonEl)){this.activateTab();t.preventDefault()}break;case"ArrowRight":t.preventDefault();if(r(this.el)==="ltr"){this.calciteInternalTabsFocusNext.emit()}else{this.calciteInternalTabsFocusPrevious.emit()}break;case"ArrowLeft":t.preventDefault();if(r(this.el)==="ltr"){this.calciteInternalTabsFocusPrevious.emit()}else{this.calciteInternalTabsFocusNext.emit()}break;case"Home":t.preventDefault();this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault();this.calciteInternalTabsFocusLast.emit();break}}async getTabIndex(){return Array.prototype.indexOf.call(a(this.el.parentElement.children).filter((t=>t.matches("calcite-tab-title"))),this.el)}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async updateAriaInfo(t=[],e=[]){this.controls=t[e.indexOf(this.el.id)]||null}async activateTab(t=true){if(this.disabled||this.closed){return}const e={tab:this.tab};this.calciteInternalTabsActivate.emit(e);if(t){requestAnimationFrame((()=>this.calciteTabsActivate.emit()))}}effectiveLocaleChange(){T(this,this.effectiveLocale)}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}closeTabTitleAndNotify(){this.closed=true;this.calciteInternalTabsClose.emit({tab:this.tab});this.calciteTabsClose.emit()}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{selected:["selectedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};R.style=S;const $={titleGroup:"title-group"};const P=":host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}";const F=class{constructor(e){t(this,e);this.mutationObserver=b("mutation",(t=>{for(const e of t){const t=e.target;if(t.nodeName==="CALCITE-TAB-NAV"||t.nodeName==="CALCITE-TAB-TITLE"||t.nodeName==="CALCITE-TAB"){this.updateItems()}}}));this.layout="inline";this.position="top";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}handleInheritableProps(){this.updateItems()}connectedCallback(){this.mutationObserver.observe(this.el,{childList:true});this.updateItems()}async componentWillLoad(){this.updateItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i(o,null,i("slot",{name:$.titleGroup}),i("section",null,i("slot",null)))}calciteInternalTabTitleRegister(t){this.titles=[...this.titles,t.target];this.registryHandler();t.stopPropagation()}calciteTabTitleUnregister(t){this.titles=this.titles.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}calciteInternalTabRegister(t){this.tabs=[...this.tabs,t.target];this.registryHandler();t.stopPropagation()}calciteTabUnregister(t){this.tabs=this.tabs.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}updateItems(){const{position:t,scale:e}=this;const i=this.el.querySelector("calcite-tab-nav");if(i){i.position=t;i.scale=e}Array.from(this.el.querySelectorAll("calcite-tab")).forEach((t=>{if(t.parentElement===this.el){t.scale=e}}));Array.from(this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title")).forEach((i=>{i.position=t;i.scale=e}))}async registryHandler(){let t;let e;if(this.tabs.some((t=>t.tab))||this.titles.some((t=>t.tab))){t=this.tabs.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id));e=this.titles.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id))}else{const i=await Promise.all(this.tabs.map((t=>t.getTabIndex())));const s=await Promise.all(this.titles.map((t=>t.getTabIndex())));t=i.reduce(((t,e,i)=>{t[e]=this.tabs[i].id;return t}),[]);e=s.reduce(((t,e,i)=>{t[e]=this.titles[i].id;return t}),[])}this.tabs.forEach((i=>i.updateAriaInfo(t,e)));this.titles.forEach((i=>i.updateAriaInfo(t,e)))}get el(){return n(this)}static get watchers(){return{position:["handleInheritableProps"],scale:["handleInheritableProps"]}}};F.style=P;export{I as calcite_tab,L as calcite_tab_nav,R as calcite_tab_title,F as calcite_tabs};
+//# sourceMappingURL=p-2409e1af.entry.js.map

package/dist/calcite/p-249d8607.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.3.1-next.0
+ */
+import{r as e,h as t,g as s}from"./p-1e21abba.js";import{c as i,d as a}from"./p-c33017fd.js";import{u as n,c,s as r,d as o}from"./p-09925f1a.js";import{c as l}from"./p-43636470.js";import{x as d}from"./p-3764e60b.js";import"./p-742802d2.js";import"./p-7b791f2a.js";import"./p-628d3c53.js";const h={scrim:"scrim",content:"content"};const m={s:72,l:480};const f=":host{--calcite-scrim-background:var(--calcite-color-transparent-scrim);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-color-transparent-scrim))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(t){e(this,t);this.resizeObserver=l("resize",(()=>this.handleResize()));this.handleDefaultSlotChange=e=>{this.hasContent=d(e)};this.storeLoaderEl=e=>{this.loaderEl=e;this.handleResize()};this.loading=false;this.messages=undefined;this.messageOverrides=undefined;this.loaderScale=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasContent=false}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){i(this);c(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await r(this)}disconnectedCallback(){a(this);o(this);this.resizeObserver?.disconnect()}render(){const{hasContent:e,loading:s,messages:i}=this;return t("div",{class:h.scrim},s?t("calcite-loader",{label:i.loading,scale:this.loaderScale,ref:this.storeLoaderEl}):null,t("div",{class:h.content,hidden:!e},t("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(e){if(e<m.s){return"s"}else if(e>=m.l){return"l"}else{return"m"}}handleResize(){const{loaderEl:e,el:t}=this;if(!e){return}this.loaderScale=this.getScale(Math.min(t.clientHeight,t.clientWidth)??0)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};p.style=f;export{p as calcite_scrim};
+//# sourceMappingURL=p-249d8607.entry.js.map

package/dist/calcite/p-27011793.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.3.1-next.0
+ */
+import{h as t,r as i,c as s,H as e,g as a}from"./p-1e21abba.js";import{c as n,d as o,H as r}from"./p-43885b4b.js";import{g as c}from"./p-7b791f2a.js";import{c as l,d as h,u as d,I as p}from"./p-8b8bc233.js";import{c as u,d as f}from"./p-4d564c49.js";import{s as m,a as b,c as g}from"./p-ff063b2d.js";import{c as v,d as y}from"./p-c33017fd.js";import{u as w,c as k,s as x,d as j}from"./p-09925f1a.js";import{f as C}from"./p-3764e60b.js";import"./p-2fd217aa.js";import"./p-9af3c6bb.js";import"./p-742802d2.js";import"./p-43636470.js";import"./p-628d3c53.js";const z=({full:i,scale:s,partial:e})=>t("calcite-icon",{class:e?undefined:"icon",icon:i?"star-f":"star",scale:s});const L=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const D=class{constructor(t){i(this,t);this.calciteRatingChange=s(this,"calciteRatingChange",6);this.handleRatingPointerOver=()=>{this.isKeyboardInteraction=false};this.handleRatingPointerOut=()=>{this.isKeyboardInteraction=true;this.hoverValue=null};this.handleHostKeyDown=()=>{this.isKeyboardInteraction=true};this.handleLabelKeyDown=t=>{const i=this.getValueFromLabelEvent(t);const s=t.key;const e=s==" "?undefined:Number(s);this.emit=true;if(isNaN(e)){switch(s){case"Enter":case" ":this.value=!this.required&&this.value===i?0:i;break;case"ArrowLeft":this.value=this.getPreviousRatingValue(i);this.updateFocus();t.preventDefault();break;case"ArrowRight":this.value=this.getNextRatingValue(i);this.updateFocus();t.preventDefault();break;case"Tab":this.hoverValue=null}}else{if(!this.required&&e>=0&&e<=this.max){this.value=e}else if(this.required&&e>0&&e<=this.max){this.value=e}this.updateFocus()}};this.handleInputChange=t=>{if(this.isKeyboardInteraction===true){const i=Number(t.target["value"]);this.hoverValue=i;this.value=i}};this.handleLabelPointerOver=t=>{this.hoverValue=this.getValueFromLabelEvent(t)};this.handleLabelPointerDown=t=>{const i=t.currentTarget;const s=this.getValueFromLabelEvent(t);this.hoverValue=s;this.emit=true;this.value=!this.required&&this.value===s?0:s;i.focus()};this.handleLabelClick=t=>{t.preventDefault()};this.handleLabelFocus=t=>{const i=this.getValueFromLabelEvent(t);this.hoverValue=i};this.setLabelEl=t=>{this.labelElements.push(t)};this.emit=false;this.guid=`calcite-ratings-${c()}`;this.isKeyboardInteraction=true;this.labelElements=[];this.max=5;this.average=undefined;this.count=undefined;this.disabled=false;this.form=undefined;this.messages=undefined;this.messageOverrides=undefined;this.name=undefined;this.readOnly=false;this.required=false;this.scale="m";this.showChip=false;this.value=0;this.effectiveLocale="";this.defaultMessages=undefined;this.hoverValue=undefined}onMessagesChange(){}handleValueUpdate(t){this.hoverValue=t;if(this.emit){this.calciteRatingChange.emit()}this.emit=false}effectiveLocaleChange(){w(this,this.effectiveLocale)}connectedCallback(){l(this);v(this);k(this);u(this);n(this)}async componentWillLoad(){await x(this);m(this)}componentWillRender(){this.starsMap=Array.from({length:this.max},((t,i)=>{const s=i+1;const e=!this.hoverValue&&this.average&&!this.value&&s<=this.average;const a=s===this.value;const n=this.average&&this.average+1-s;const o=s<=this.hoverValue;const r=`${this.guid}-${s}`;const c=!this.hoverValue&&!this.value&&!o&&n>0&&n<1;const l=this.value>=s;const h=this.getTabIndex(s);return{average:e,checked:a,fraction:n,hovered:o,id:r,partial:c,selected:l,value:s,tabIndex:h}}))}componentDidLoad(){b(this)}disconnectedCallback(){h(this);y(this);j(this);f(this);o(this)}componentDidRender(){d(this)}render(){return t(e,{onKeyDown:this.handleHostKeyDown,onPointerOut:this.handleRatingPointerOut,onPointerOver:this.handleRatingPointerOver},t(p,{disabled:this.disabled},t("span",{class:"wrapper"},t("fieldset",{class:"fieldset",disabled:this.disabled},t("legend",{class:"visually-hidden"},this.messages.rating),this.starsMap.map((({average:i,checked:s,fraction:e,hovered:a,id:n,partial:o,selected:r,value:c,tabIndex:l})=>t("label",{class:{star:true,selected:r,hovered:a,average:i,partial:o},"data-value":c,htmlFor:n,onClick:this.handleLabelClick,onFocus:this.handleLabelFocus,onKeyDown:this.handleLabelKeyDown,onPointerDown:this.handleLabelPointerDown,onPointerOver:this.handleLabelPointerOver,tabIndex:l,ref:this.setLabelEl},t("input",{checked:s,class:"visually-hidden",disabled:this.disabled||this.readOnly,id:n,name:this.guid,onChange:this.handleInputChange,tabIndex:-1,type:"radio",value:c}),t(z,{full:r||i,scale:this.scale}),o&&t("div",{class:"fraction",style:{width:`${e*100}%`}},t(z,{full:true,partial:true,scale:this.scale})),t("span",{class:"visually-hidden"},this.messages.stars.replace("{num}",`${c}`))))),(this.count||this.average)&&this.showChip?t("calcite-chip",{scale:this.scale,value:this.count?.toString()},!!this.average&&t("span",{class:"number--average"},this.average.toString()),!!this.count&&t("span",{class:"number--count"},"(",this.count?.toString(),")")):null),t(r,{component:this}))))}onLabelClick(){this.setFocus()}updateFocus(){this.hoverValue=this.value;this.labelElements[this.value-1].focus()}getTabIndex(t){if(this.readOnly||this.value!==t&&(this.value||t!==1)){return-1}return 0}getValueFromLabelEvent(t){const i=t.currentTarget;return Number(i.getAttribute("data-value"))}getNextRatingValue(t){return t===5?1:t+1}getPreviousRatingValue(t){return t===1?5:t-1}async setFocus(){await g(this);C(this.el)}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],value:["handleValueUpdate"],effectiveLocale:["effectiveLocaleChange"]}}};D.style=L;export{D as calcite_rating};
+//# sourceMappingURL=p-27011793.entry.js.map

package/dist/calcite/p-2a3b2ea3.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.3.1-next.0
+ */
+import{r as t,c as e,h as i,g as s,H as n}from"./p-1e21abba.js";import{b as a,t as o,D as l,g as c}from"./p-3764e60b.js";import{c as r,u as h,d,I as f}from"./p-8b8bc233.js";import{c as u}from"./p-43636470.js";import{d as p,a as g,c as b}from"./p-90cd7991.js";import{S as m}from"./p-3783aded.js";import{s as v,a as w,c as y}from"./p-ff063b2d.js";import{c as C,s as x,d as k,u as I}from"./p-09925f1a.js";import{n as S,c as L,d as E}from"./p-c33017fd.js";import{d as D}from"./p-96920004.js";import"./p-7b791f2a.js";import"./p-628d3c53.js";import"./p-2fd217aa.js";import"./p-742802d2.js";const A={container:"container",containerHover:"container--hover",containerBorder:"container--border",containerBorderSelected:"container--border-selected",containerBorderUnselected:"container--border-unselected",contentContainer:"content-container",contentContainerSelectable:"content-container--selectable",contentContainerHasCenterContent:"content-container--has-center-content",nestedContainer:"nested-container",nestedContainerHidden:"nested-container--hidden",content:"content",customContent:"custom-content",actionsStart:"actions-start",contentStart:"content-start",label:"label",description:"description",contentEnd:"content-end",contentBottom:"content-bottom",actionsEnd:"actions-end",selectionContainer:"selection-container",selectionContainerSingle:"selection-container--single",openContainer:"open-container",dragContainer:"drag-container"};const F={actionsStart:"actions-start",contentStart:"content-start",content:"content",contentBottom:"content-bottom",contentEnd:"content-end",actionsEnd:"actions-end"};const z=0;const M={selectedMultiple:"check-square-f",selectedSingle:"bullet-point-large",unselectedMultiple:"square",unselectedSingle:"bullet-point-large",closedLTR:"chevron-right",closedRTL:"chevron-left",open:"chevron-down",blank:"blank",close:"x"};const j="data-test-active";const H="calcite-list";const P="calcite-list-item-group";const T="calcite-list-item";function R(t){return Array.from(t.assignedElements({flatten:true}).filter((t=>t.matches(H))))}function B(t){const e=t.assignedElements({flatten:true});const i=e.filter((t=>t?.matches(P))).map((t=>Array.from(t.querySelectorAll(T)))).reduce(((t,e)=>[...t,...e]),[]);const s=e.filter((t=>t?.matches(T)));const n=e.filter((t=>t?.matches(H))).map((t=>Array.from(t.querySelectorAll(T)))).reduce(((t,e)=>[...t,...e]),[]);return[...n,...i,...s]}function O(t){t.forEach((e=>{e.setPosition=t.indexOf(e)+1;e.setSize=t.length}))}function _(t,e=false){const i=e?"ancestor::calcite-list-item | ancestor::calcite-list-item-group":"ancestor::calcite-list-item";const s=document.evaluate(i,t,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);return s.snapshotLength}const G={container:"container",table:"table",scrim:"scrim",stack:"stack",tableContainer:"table-container",sticky:"sticky-pos",assistiveText:"assistive-text"};const N=0;const U={filterNoResults:"filter-no-results",filterActionsStart:"filter-actions-start",filterActionsEnd:"filter-actions-end"};const W=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%;border-collapse:collapse}.stack{--calcite-stack-padding-inline:0;--calcite-stack-padding-block:0}::slotted(calcite-list-item){--tw-shadow:0 -1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 -1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:1px}::slotted(calcite-list-item:first-of-type){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item[data-filter]){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:0px}.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky);background-color:var(--calcite-color-foreground-1)}.sticky-pos th{padding:0px}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const $="calcite-list-item";const q=`:scope > calcite-list-item`;const K="calcite-list-item-group, calcite-list-item";const X=class{constructor(i){t(this,i);this.calciteListChange=e(this,"calciteListChange",6);this.calciteListDragEnd=e(this,"calciteListDragEnd",6);this.calciteListDragStart=e(this,"calciteListDragStart",6);this.calciteListFilter=e(this,"calciteListFilter",6);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.calciteInternalListDefaultSlotChange=e(this,"calciteInternalListDefaultSlotChange",6);this.dragSelector=$;this.focusableItems=[];this.handleSelector="calcite-handle";this.listItems=[];this.mutationObserver=u("mutation",(()=>this.updateListItems()));this.visibleItems=[];this.handleDefaultSlotChange=t=>{O(B(t.target));if(this.parentListEl){this.calciteInternalListDefaultSlotChange.emit()}};this.handleFilterActionsStartSlotChange=t=>{this.hasFilterActionsStart=a(t)};this.handleFilterActionsEndSlotChange=t=>{this.hasFilterActionsEnd=a(t)};this.handleFilterNoResultsSlotChange=t=>{this.hasFilterNoResults=a(t)};this.setActiveListItem=()=>{const{focusableItems:t}=this;if(!t.some((t=>t.active))){if(t[0]){t[0].active=true}}};this.updateSelectedItems=(t=false)=>{this.selectedItems=this.visibleItems.filter((t=>t.selected));if(t){this.calciteListChange.emit()}};this.updateFilteredItems=(t=false)=>{const{visibleItems:e,filteredData:i,filterText:s}=this;const n=i.map((t=>t.value));const a=e?.filter((t=>e.every((e=>e===t||!t.contains(e)))));const o=e.filter((t=>!s||n.includes(t.value)))||[];const l=new WeakSet;a.forEach((t=>this.filterElements({el:t,filteredItems:o,visibleParents:l})));if(o.length>0){this.findAncestorOfFirstFilteredItem(o)}this.filteredItems=o;if(t){this.calciteListFilter.emit()}};this.setFilterEl=t=>{this.filterEl=t;this.performFilter()};this.handleFilterChange=t=>{t.stopPropagation();const{value:e}=t.currentTarget;this.filterText=e;this.updateFilteredData(true)};this.getItemData=()=>this.listItems.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value})));this.updateListItems=D(((t=false)=>{const{selectionAppearance:e,selectionMode:i,dragEnabled:s}=this;if(!!this.parentListEl){const t=this.queryListItems(true);t.forEach((t=>{t.dragHandle=s}));this.setUpSorting();return}const n=this.queryListItems();n.forEach((t=>{t.selectionAppearance=e;t.selectionMode=i}));const a=this.queryListItems(true);a.forEach((t=>{t.dragHandle=s}));this.listItems=n;if(this.filterEnabled){this.dataForFilter=this.getItemData();if(this.filterEl){this.filterEl.items=this.dataForFilter}}this.visibleItems=this.listItems.filter((t=>!t.closed&&!t.hidden));this.updateFilteredItems(t);this.focusableItems=this.filteredItems.filter((t=>!t.disabled));this.setActiveListItem();this.updateSelectedItems(t);this.setUpSorting()}),N);this.queryListItems=(t=false)=>Array.from(this.el.querySelectorAll(t?q:$));this.focusRow=t=>{const{focusableItems:e}=this;if(!t){return}e.forEach((e=>e.active=e===t));t.setFocus()};this.isNavigable=t=>{const e=t.parentElement?.closest($);if(!e){return true}return e.open&&this.isNavigable(e)};this.handleListKeydown=t=>{if(t.defaultPrevented||!!this.parentListEl){return}const{key:e}=t;const i=this.focusableItems.filter((t=>this.isNavigable(t)));const s=i.findIndex((t=>t.active));if(e==="ArrowDown"){t.preventDefault();const e=t.target===this.filterEl?0:s+1;if(i[e]){this.focusRow(i[e])}}else if(e==="ArrowUp"){t.preventDefault();if(s===0&&this.filterEnabled){this.filterEl?.setFocus();return}const e=s-1;if(i[e]){this.focusRow(i[e])}}else if(e==="Home"){t.preventDefault();const e=i[0];if(e){this.focusRow(e)}}else if(e==="End"){t.preventDefault();const e=i[i.length-1];if(e){this.focusRow(e)}}};this.findAncestorOfFirstFilteredItem=t=>{this.ancestorOfFirstFilteredItem?.removeAttribute("data-filter");t.forEach((t=>{t.removeAttribute("data-filter")}));this.ancestorOfFirstFilteredItem=this.getTopLevelAncestorItemElement(t[0]);t[0].setAttribute("data-filter","0");this.ancestorOfFirstFilteredItem?.setAttribute("data-filter","0")};this.getTopLevelAncestorItemElement=t=>{let e=t.parentElement.closest($);while(e){const t=e.parentElement.closest($);if(t){e=t}else{return e}}return null};this.disabled=false;this.canPull=undefined;this.canPut=undefined;this.dragEnabled=false;this.group=undefined;this.filterEnabled=false;this.filteredItems=[];this.filteredData=[];this.filterPlaceholder=undefined;this.filterText=undefined;this.label=undefined;this.loading=false;this.messageOverrides=undefined;this.messages=undefined;this.numberingSystem=undefined;this.openable=false;this.selectedItems=[];this.selectionMode="none";this.selectionAppearance="icon";this.effectiveLocale="";this.defaultMessages=undefined;this.assistiveText=undefined;this.dataForFilter=[];this.hasFilterActionsEnd=false;this.hasFilterActionsStart=false;this.hasFilterNoResults=false}async handleFilterTextChange(){this.performFilter()}onMessagesChange(){}handleListItemChange(){this.updateListItems()}handleCalciteInternalFocusPreviousItem(t){if(this.parentListEl){return}t.stopPropagation();const{focusableItems:e}=this;const i=e.findIndex((t=>t.active));const s=i-1;if(e[s]){this.focusRow(e[s])}}handleCalciteInternalListItemActive(t){if(!!this.parentListEl){return}t.stopPropagation();const e=t.target;const{listItems:i}=this;i.forEach((t=>{t.active=t===e}))}handleCalciteListItemSelect(){if(!!this.parentListEl){return}this.updateSelectedItems(true)}handleCalciteInternalAssistiveTextChange(t){this.assistiveText=t.detail.message;t.stopPropagation()}handleCalciteHandleNudge(t){if(!!this.parentListEl){return}this.handleNudgeEvent(t)}handleCalciteInternalListItemSelect(t){if(!!this.parentListEl){return}t.stopPropagation();const e=t.target;const{listItems:i,selectionMode:s}=this;if(e.selected&&(s==="single"||s==="single-persist")){i.forEach((t=>t.selected=t===e))}this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(t){if(!!this.parentListEl){return}t.stopPropagation();const{target:e,detail:i}=t;const{focusableItems:s,lastSelectedInfo:n}=this;const a=e;if(i.selectMultiple&&!!n){const t=s.indexOf(a);const e=s.indexOf(n.selectedItem);const i=Math.min(e,t);const o=Math.max(e,t);s.slice(i,o+1).forEach((t=>t.selected=n.selected))}else{this.lastSelectedInfo={selectedItem:a,selected:a.selected}}}handleCalciteInternalListItemChange(t){if(!!this.parentListEl){return}t.stopPropagation();this.updateListItems()}handleCalciteInternalListItemGroupDefaultSlotChange(t){t.stopPropagation()}connectedCallback(){if(p(this)){return}C(this);this.connectObserver();this.updateListItems();this.setUpSorting();r(this);this.setParentList()}async componentWillLoad(){v(this);await x(this)}componentDidRender(){h(this)}componentDidLoad(){w(this)}disconnectedCallback(){if(p(this)){return}this.disconnectObserver();g(this);d(this);k(this)}effectiveLocaleChange(){I(this,this.effectiveLocale)}async setFocus(){await y(this);if(this.filterEnabled){return this.filterEl?.setFocus()}return this.focusableItems.find((t=>t.active))?.setFocus()}render(){const{loading:t,label:e,disabled:s,dataForFilter:n,filterEnabled:a,filterPlaceholder:l,filterText:c,filteredItems:r,hasFilterActionsStart:h,hasFilterActionsEnd:d,hasFilterNoResults:u}=this;return i(f,{disabled:this.disabled},i("div",{class:G.container},this.dragEnabled?i("span",{"aria-live":"assertive",class:G.assistiveText},this.assistiveText):null,this.renderItemAriaLive(),t?i("calcite-scrim",{class:G.scrim,loading:t}):null,i("table",{"aria-busy":o(t),"aria-label":e||"",class:G.table,onKeyDown:this.handleListKeydown,role:"treegrid"},a||h||d?i("thead",null,i("tr",{class:{[G.sticky]:true}},i("th",{colSpan:z},i("calcite-stack",{class:G.stack},i("slot",{name:U.filterActionsStart,onSlotchange:this.handleFilterActionsStartSlotChange,slot:m.actionsStart}),i("calcite-filter",{"aria-label":l,disabled:s,items:n,onCalciteFilterChange:this.handleFilterChange,placeholder:l,value:c,ref:this.setFilterEl}),i("slot",{name:U.filterActionsEnd,onSlotchange:this.handleFilterActionsEndSlotChange,slot:m.actionsEnd}))))):null,i("tbody",{class:G.tableContainer},i("slot",{onSlotchange:this.handleDefaultSlotChange}))),i("div",{"aria-live":"polite","data-test-id":"no-results-container",hidden:!(u&&a&&c&&!r.length)},i("slot",{name:U.filterNoResults,onSlotchange:this.handleFilterNoResultsSlotChange}))))}renderItemAriaLive(){const{messages:t,filteredItems:e,parentListEl:s,effectiveLocale:n,numberingSystem:a,filterEnabled:o,filterText:l,filteredData:c}=this;S.numberFormatOptions={locale:n,numberingSystem:a};return!s?i("div",{"aria-live":"polite",class:G.assistiveText},o&&l&&c?.length?i("div",{key:"aria-filter-enabled"},t.filterEnabled):null,i("div",{key:"aria-item-count"},t.total.replace("{count}",S.localize(e.length.toString()))),e.length?i("ol",{key:"aria-item-list"},e.map((t=>i("li",null,t.label)))):null):null}connectObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){const{dragEnabled:t}=this;if(!t){return}b(this)}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(t){this.calciteListDragEnd.emit(t)}onDragStart(t){this.calciteListDragStart.emit(t)}onDragSort(t){this.setParentList();this.updateListItems();this.calciteListOrderChange.emit(t)}setParentList(){this.parentListEl=this.el.parentElement?.closest("calcite-list")}filterElements({el:t,filteredItems:e,visibleParents:i}){const s=!i.has(t)&&!e.includes(t);t.filterHidden=s;const n=t.parentElement.closest(K);if(!n){return}if(!s){i.add(n)}this.filterElements({el:n,filteredItems:e,visibleParents:i})}updateFilteredData(t=false){const{filterEl:e}=this;if(!e){return}if(e.filteredItems){this.filteredData=e.filteredItems}this.updateListItems(t)}async performFilter(){const{filterEl:t,filterText:e}=this;if(!t){return}t.value=e;await t.filter(e);this.updateFilteredData()}handleNudgeEvent(t){const{handleSelector:e,dragSelector:i}=this;const{direction:s}=t.detail;const n=t.composedPath();const a=n.find((t=>t?.tagName&&t.matches(e)));const o=n.find((t=>t?.tagName&&t.matches(i)));const l=o?.parentElement;if(!l){return}const{filteredItems:c}=this;const r=c.filter((t=>t.parentElement===l));const h=r.length-1;const d=r.indexOf(o);let f;if(s==="up"){f=d===0?h:d-1}else{f=d===h?0:d+1}this.disconnectObserver();a.blurUnselectDisabled=true;const u=s==="up"&&f!==h||s==="down"&&f===0?r[f]:r[f].nextSibling;l.insertBefore(o,u);this.updateListItems();this.connectObserver();this.calciteListOrderChange.emit({dragEl:o,fromEl:l,toEl:l,newIndex:f,oldIndex:d});a.setFocus().then((()=>a.blurUnselectDisabled=false))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{filterText:["handleFilterTextChange"],messageOverrides:["onMessagesChange"],filterEnabled:["handleListItemChange"],group:["handleListItemChange"],dragEnabled:["handleListItemChange"],selectionMode:["handleListItemChange"],selectionAppearance:["handleListItemChange"],effectiveLocale:["effectiveLocaleChange"]}}};X.style=W;const J=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-color-brand);--calcite-list-item-spacing-indent:1rem}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border{border-inline-start-width:4px;border-inline-start-style:solid}.container--border-selected{border-inline-start-color:var(--calcite-color-brand)}.container--border-unselected{border-inline-start-color:transparent}.container:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description,.content-bottom{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child,.content-bottom:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-color-text-1)}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}:host([selected]) .description{color:var(--calcite-color-text-2)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-bottom{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-color-border-input)}.selection-container--single{color:transparent}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-color-border-1)}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-item-icon-color)}.open-container{color:var(--calcite-color-text-3)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-color-text-1)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}::slotted(calcite-list:empty){padding-block:0.75rem}:host([hidden]){display:none}[hidden]{display:none}";const Q=new Map;const V="calcite-list";const Y=class{constructor(i){t(this,i);this.calciteListItemSelect=e(this,"calciteListItemSelect",6);this.calciteListItemClose=e(this,"calciteListItemClose",6);this.calciteListItemDragHandleChange=e(this,"calciteListItemDragHandleChange",6);this.calciteListItemToggle=e(this,"calciteListItemToggle",6);this.calciteInternalListItemSelect=e(this,"calciteInternalListItemSelect",6);this.calciteInternalListItemSelectMultiple=e(this,"calciteInternalListItemSelectMultiple",6);this.calciteInternalListItemActive=e(this,"calciteInternalListItemActive",6);this.calciteInternalFocusPreviousItem=e(this,"calciteInternalFocusPreviousItem",6);this.calciteInternalListItemChange=e(this,"calciteInternalListItemChange",6);this.dragHandleSelectedChangeHandler=t=>{this.dragSelected=t.target.selected;this.calciteListItemDragHandleChange.emit();t.stopPropagation()};this.emitInternalListItemActive=()=>{this.calciteInternalListItemActive.emit()};this.focusCellHandle=()=>{this.focusCell(this.handleGridEl)};this.focusCellActionsStart=()=>{this.focusCell(this.actionsStartEl)};this.focusCellContent=()=>{this.focusCell(this.contentEl)};this.focusCellActionsEnd=()=>{this.focusCell(this.actionsEndEl)};this.handleCloseClick=()=>{this.closed=true;this.calciteListItemClose.emit()};this.handleContentSlotChange=t=>{this.hasCustomContent=a(t)};this.handleActionsStartSlotChange=t=>{this.hasActionsStart=a(t)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=a(t)};this.handleContentStartSlotChange=t=>{this.hasContentStart=a(t)};this.handleContentEndSlotChange=t=>{this.hasContentEnd=a(t)};this.handleContentBottomSlotChange=t=>{this.hasContentBottom=a(t)};this.handleDefaultSlotChange=t=>{this.handleOpenableChange(t.target)};this.handleToggleClick=()=>{this.toggle()};this.toggle=(t=!this.open)=>{this.open=t;this.calciteListItemToggle.emit()};this.handleItemClick=t=>{if(t.defaultPrevented){return}this.toggleSelected(t.shiftKey)};this.toggleSelected=t=>{const{selectionMode:e,selected:i}=this;if(this.disabled){return}if(e==="multiple"||e==="single"){this.selected=!i}else if(e==="single-persist"){this.selected=true}this.calciteInternalListItemSelectMultiple.emit({selectMultiple:t&&e==="multiple"});this.calciteListItemSelect.emit()};this.handleItemKeyDown=t=>{if(t.defaultPrevented){return}const{key:e}=t;const i=t.composedPath();const{containerEl:s,actionsStartEl:n,actionsEndEl:a,open:o,openable:l}=this;const c=this.getGridCells();const r=c.findIndex((t=>i.includes(t)));if(e==="Enter"&&!i.includes(n)&&!i.includes(a)){t.preventDefault();this.toggleSelected(t.shiftKey)}else if(e==="ArrowRight"){t.preventDefault();const e=r+1;if(r===-1){if(!o&&l){this.toggle(true);this.focusCell(null)}else if(c[0]){this.focusCell(c[0])}}else if(c[r]&&c[e]){this.focusCell(c[e])}}else if(e==="ArrowLeft"){t.preventDefault();const e=r-1;if(r===-1){this.focusCell(null);if(o&&l){this.toggle(false)}else{this.calciteInternalFocusPreviousItem.emit()}}else if(r===0){this.focusCell(null);s.focus()}else if(c[r]&&c[e]){this.focusCell(c[e])}}};this.focusCellNull=()=>{this.focusCell(null)};this.focusCell=(t,e=true)=>{const{parentListEl:i}=this;if(e){Q.set(i,null)}const s=this.getGridCells();s.forEach((t=>{t.tabIndex=-1;t.removeAttribute(j)}));const n=l(t);if(t){t.tabIndex=t===n?0:-1;e&&Q.set(i,s.indexOf(t));t.setAttribute(j,"")}n?.focus()};this.active=false;this.closable=false;this.closed=false;this.description=undefined;this.disabled=false;this.dragDisabled=false;this.dragHandle=false;this.dragSelected=false;this.filterHidden=false;this.label=undefined;this.metadata=undefined;this.open=false;this.setSize=null;this.setPosition=null;this.selected=false;this.value=undefined;this.selectionMode=null;this.selectionAppearance=null;this.messageOverrides=undefined;this.messages=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.level=null;this.visualLevel=null;this.parentListEl=undefined;this.openable=false;this.hasActionsStart=false;this.hasActionsEnd=false;this.hasCustomContent=false;this.hasContentStart=false;this.hasContentEnd=false;this.hasContentBottom=false}activeHandler(t){if(!t){this.focusCell(null,false)}}handleClosedChange(){this.emitCalciteInternalListItemChange()}handleDisabledChange(){this.emitCalciteInternalListItemChange()}handleSelectedChange(){this.calciteInternalListItemSelect.emit()}onMessagesChange(){}handleCalciteInternalListDefaultSlotChanges(t){t.stopPropagation();this.handleOpenableChange(this.defaultSlotEl)}effectiveLocaleChange(){I(this,this.effectiveLocale)}connectedCallback(){r(this);L(this);C(this);const{el:t}=this;this.parentListEl=t.closest(V);this.level=_(t)+1;this.visualLevel=_(t,true);this.setSelectionDefaults()}async componentWillLoad(){v(this);await x(this)}componentDidLoad(){w(this)}componentDidRender(){h(this)}disconnectedCallback(){d(this);E(this);k(this)}async setFocus(){await y(this);const{containerEl:t,parentListEl:e}=this;const i=Q.get(e);if(typeof i==="number"){const e=this.getGridCells();if(e[i]){this.focusCell(e[i])}else{t?.focus()}return}t?.focus()}renderSelected(){const{selected:t,selectionMode:e,selectionAppearance:s}=this;if(e==="none"||s==="border"){return null}return i("td",{class:{[A.selectionContainer]:true,[A.selectionContainerSingle]:e==="single"||e==="single-persist"},key:"selection-container",onClick:this.handleItemClick},i("calcite-icon",{icon:t?e==="multiple"?M.selectedMultiple:M.selectedSingle:e==="multiple"?M.unselectedMultiple:M.unselectedSingle,scale:"s"}))}renderDragHandle(){const{label:t,dragHandle:e,dragSelected:s,dragDisabled:n,setPosition:a,setSize:o}=this;return e?i("td",{"aria-label":t,class:A.dragContainer,key:"drag-handle-container",onFocusin:this.focusCellHandle,role:"gridcell",ref:t=>this.handleGridEl=t},i("calcite-handle",{disabled:n,label:t,onCalciteHandleChange:this.dragHandleSelectedChangeHandler,selected:s,setPosition:a,setSize:o})):null}renderOpen(){const{el:t,open:e,openable:s,messages:n}=this;const a=c(t);const o=e?M.open:a==="rtl"?M.closedRTL:M.closedLTR;const l=e?n.collapse:n.expand;return s?i("td",{class:A.openContainer,key:"open-container",onClick:this.handleToggleClick,title:l},i("calcite-icon",{icon:o,key:o,scale:"s"})):null}renderActionsStart(){const{label:t,hasActionsStart:e}=this;return i("td",{"aria-label":t,class:A.actionsStart,hidden:!e,key:"actions-start-container",onFocusin:this.focusCellActionsStart,role:"gridcell",ref:t=>this.actionsStartEl=t},i("slot",{name:F.actionsStart,onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{label:t,hasActionsEnd:e,closable:s,messages:n}=this;return i("td",{"aria-label":t,class:A.actionsEnd,hidden:!(e||s),key:"actions-end-container",onFocusin:this.focusCellActionsEnd,role:"gridcell",ref:t=>this.actionsEndEl=t},i("slot",{name:F.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),s?i("calcite-action",{appearance:"transparent",icon:M.close,key:"close-action",label:n.close,onClick:this.handleCloseClick,text:n.close}):null)}renderContentStart(){const{hasContentStart:t}=this;return i("div",{class:A.contentStart,hidden:!t},i("slot",{name:F.contentStart,onSlotchange:this.handleContentStartSlotChange}))}renderCustomContent(){const{hasCustomContent:t}=this;return i("div",{class:A.customContent,hidden:!t},i("slot",{name:F.content,onSlotchange:this.handleContentSlotChange}))}renderContentEnd(){const{hasContentEnd:t}=this;return i("div",{class:A.contentEnd,hidden:!t},i("slot",{name:F.contentEnd,onSlotchange:this.handleContentEndSlotChange}))}renderContentBottom(){const{hasContentBottom:t,visualLevel:e}=this;return i("div",{class:A.contentBottom,hidden:!t,style:{"--calcite-list-item-spacing-indent-multiplier":`${e}`}},i("slot",{name:F.contentBottom,onSlotchange:this.handleContentBottomSlotChange}))}renderDefaultContainer(){return i("div",{class:{[A.nestedContainer]:true,[A.nestedContainerHidden]:this.openable&&!this.open}},i("slot",{onSlotchange:this.handleDefaultSlotChange,ref:t=>this.defaultSlotEl=t}))}renderContentProperties(){const{label:t,description:e,hasCustomContent:s}=this;return!s&&(!!t||!!e)?i("div",{class:A.content,key:"content"},t?i("div",{class:A.label,key:"label"},t):null,e?i("div",{class:A.description,key:"description"},e):null):null}renderContentContainer(){const{description:t,label:e,selectionMode:s,hasCustomContent:n}=this;const a=n||!!e||!!t;const o=[this.renderContentStart(),this.renderCustomContent(),this.renderContentProperties(),this.renderContentEnd()];return i("td",{"aria-label":e,class:{[A.contentContainer]:true,[A.contentContainerSelectable]:s!=="none",[A.contentContainerHasCenterContent]:a},key:"content-container",onClick:this.handleItemClick,onFocusin:this.focusCellContent,role:"gridcell",ref:t=>this.contentEl=t},o)}render(){const{openable:t,open:e,level:s,setPosition:a,setSize:l,active:c,label:r,selected:h,selectionAppearance:d,selectionMode:u,closed:p,visualLevel:g}=this;const b=u!=="none"&&d==="border";const m=b&&h;const v=b&&!h;return i(n,null,i(f,{disabled:this.disabled},i("tr",{"aria-expanded":t?o(e):null,"aria-label":r,"aria-level":s,"aria-posinset":a,"aria-selected":o(h),"aria-setsize":l,class:{[A.container]:true,[A.containerHover]:true,[A.containerBorder]:b,[A.containerBorderSelected]:m,[A.containerBorderUnselected]:v},hidden:p,onFocus:this.focusCellNull,onFocusin:this.emitInternalListItemActive,onKeyDown:this.handleItemKeyDown,role:"row",style:{"--calcite-list-item-spacing-indent-multiplier":`${g}`},tabIndex:c?0:-1,ref:t=>this.containerEl=t},this.renderDragHandle(),this.renderSelected(),this.renderOpen(),this.renderActionsStart(),this.renderContentContainer(),this.renderActionsEnd()),this.renderContentBottom(),this.renderDefaultContainer()))}emitCalciteInternalListItemChange(){this.calciteInternalListItemChange.emit()}setSelectionDefaults(){const{parentListEl:t,selectionMode:e,selectionAppearance:i}=this;if(!t){return}if(!e){this.selectionMode=t.selectionMode}if(!i){this.selectionAppearance=t.selectionAppearance}}handleOpenableChange(t){if(!t){return}const e=B(t);const i=R(t);O(e);this.openable=!!e.length||!!i.length}getGridCells(){return[this.handleGridEl,this.actionsStartEl,this.contentEl,this.actionsEndEl].filter((t=>t&&!t.hidden))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{active:["activeHandler"],closed:["handleClosedChange"],disabled:["handleDisabledChange"],selected:["handleSelectedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};Y.style=J;const Z={container:"container",heading:"heading"};const tt=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-spacing-indent:1rem}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.heading{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}::slotted(calcite-list-item){--tw-shadow:0 -1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 -1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:1px}::slotted(calcite-list-item:nth-child(1 of :not([hidden]))){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:0px}:host([hidden]){display:none}[hidden]{display:none}";const et=class{constructor(i){t(this,i);this.calciteInternalListItemGroupDefaultSlotChange=e(this,"calciteInternalListItemGroupDefaultSlotChange",6);this.handleDefaultSlotChange=()=>{this.calciteInternalListItemGroupDefaultSlotChange.emit()};this.disabled=false;this.filterHidden=false;this.heading=undefined;this.visualLevel=null}connectedCallback(){const{el:t}=this;this.visualLevel=_(t,true);r(this)}componentDidRender(){h(this)}disconnectedCallback(){d(this)}render(){const{disabled:t,heading:e,visualLevel:s}=this;return i(n,null,i(f,{disabled:t},i("tr",{class:Z.container,style:{"--calcite-list-item-spacing-indent-multiplier":`${s}`}},i("td",{class:Z.heading,colSpan:z},e)),i("slot",{onSlotchange:this.handleDefaultSlotChange})))}get el(){return s(this)}};et.style=tt;export{X as calcite_list,Y as calcite_list_item,et as calcite_list_item_group};
+//# sourceMappingURL=p-2a3b2ea3.entry.js.map

package/dist/calcite/p-2c5a04c4.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.3.1-next.0
+ */
+import{r as t,c as i,h as e,g as a}from"./p-1e21abba.js";import{c as n,u as o,d as s,I as l}from"./p-8b8bc233.js";import{c,s as r,a as d}from"./p-ff063b2d.js";import"./p-2fd217aa.js";const h={container:"container",dividerContainer:"divider-container",divider:"divider",widthAuto:"width-auto",widthHalf:"width-half",widthFull:"width-full"};const p=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host:host([kind=brand]){--calcite-split-button-background:var(--calcite-color-brand);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host:host([kind=danger]){--calcite-split-button-background:var(--calcite-color-status-danger);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host:host([kind=neutral]){--calcite-split-button-background:var(--calcite-color-foreground-3);--calcite-split-button-divider:var(--calcite-color-text-1)}:host:host([kind=inverse]){--calcite-split-button-background:var(--calcite-color-inverse);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host([appearance=transparent]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-color-text-1);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-color-foreground-1);--calcite-split-button-background:transparent}:host([appearance=outline]){--calcite-split-button-background:transparent}:host([appearance=outline-fill]){--calcite-split-button-background:var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-color-border-1);--calcite-split-button-background:var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{display:flex;inline-size:1px;align-items:stretch;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-split-button-background)}.divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-split-button-divider)}:host([disabled]) .divider-container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const u=class{constructor(e){t(this,e);this.calciteSplitButtonPrimaryClick=i(this,"calciteSplitButtonPrimaryClick",6);this.calciteSplitButtonSecondaryClick=i(this,"calciteSplitButtonSecondaryClick",6);this.calciteSplitButtonPrimaryClickHandler=()=>this.calciteSplitButtonPrimaryClick.emit();this.calciteSplitButtonSecondaryClickHandler=()=>this.calciteSplitButtonSecondaryClick.emit();this.appearance="solid";this.kind="brand";this.disabled=false;this.active=false;this.dropdownIconType="chevron";this.dropdownLabel=undefined;this.loading=false;this.overlayPositioning="absolute";this.primaryIconEnd=undefined;this.primaryIconFlipRtl=undefined;this.primaryIconStart=undefined;this.primaryLabel=undefined;this.primaryText=undefined;this.scale="m";this.width="auto"}handleDisabledChange(t){if(!t){this.active=false}}activeHandler(){if(this.disabled){this.active=false}}async setFocus(){await c(this);this.el.focus()}connectedCallback(){n(this)}componentWillLoad(){r(this)}componentDidLoad(){d(this)}componentDidRender(){o(this)}disconnectedCallback(){s(this)}render(){const t=this.width==="auto"?"auto":"full";return e(l,{disabled:this.disabled},e("div",{class:h.container},e("calcite-button",{appearance:this.appearance,disabled:this.disabled,"icon-end":this.primaryIconEnd?this.primaryIconEnd:null,"icon-start":this.primaryIconStart?this.primaryIconStart:null,iconFlipRtl:this.primaryIconFlipRtl?this.primaryIconFlipRtl:null,kind:this.kind,label:this.primaryLabel,loading:this.loading,onClick:this.calciteSplitButtonPrimaryClickHandler,scale:this.scale,splitChild:"primary",type:"button",width:t},this.primaryText),e("div",{class:h.dividerContainer},e("div",{class:h.divider})),e("calcite-dropdown",{disabled:this.disabled,onClick:this.calciteSplitButtonSecondaryClickHandler,open:this.active,overlayPositioning:this.overlayPositioning,placement:"bottom-end",scale:this.scale,"width-scale":this.scale},e("calcite-button",{appearance:this.appearance,disabled:this.disabled,"icon-start":this.dropdownIcon,kind:this.kind,label:this.dropdownLabel,scale:this.scale,slot:"trigger",splitChild:"secondary",type:"button"}),e("slot",null))))}get dropdownIcon(){return this.dropdownIconType==="chevron"?"chevronDown":this.dropdownIconType==="caret"?"caretDown":this.dropdownIconType==="ellipsis"?"ellipsis":"handle-vertical"}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["handleDisabledChange"],active:["activeHandler"]}}};u.style=p;export{u as calcite_split_button};
+//# sourceMappingURL=p-2c5a04c4.entry.js.map

package/dist/calcite/p-2c5a04c4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","dividerContainer","divider","widthAuto","widthHalf","widthFull","splitButtonCss","SplitButton","this","calciteSplitButtonPrimaryClickHandler","calciteSplitButtonPrimaryClick","emit","calciteSplitButtonSecondaryClickHandler","calciteSplitButtonSecondaryClick","handleDisabledChange","value","active","activeHandler","disabled","setFocus","componentFocusable","el","focus","connectedCallback","connectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","render","buttonWidth","width","h","InteractiveContainer","class","appearance","primaryIconEnd","primaryIconStart","iconFlipRtl","primaryIconFlipRtl","kind","label","primaryLabel","loading","onClick","scale","splitChild","type","primaryText","open","overlayPositioning","placement","dropdownIcon","dropdownLabel","slot","dropdownIconType"],"sources":["src/components/split-button/resources.ts","src/components/split-button/split-button.scss?tag=calcite-split-button&encapsulation=shadow","src/components/split-button/split-button.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  dividerContainer: \"divider-container\",\n  divider: \"divider\",\n  widthAuto: \"width-auto\",\n  widthHalf: \"width-half\",\n  widthFull: \"width-full\",\n};\n",":host {\n  @apply inline-block;\n}\n\n:host([width=\"auto\"]) {\n  @apply w-auto;\n}\n\n:host([width=\"half\"]) {\n  @apply w-2/4;\n}\n\n:host([width=\"full\"]) {\n  @apply w-full;\n}\n\n:host {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-background: theme(\"colors.brand\");\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-background: theme(\"colors.danger\");\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-background: theme(\"colors.background.foreground.3\");\n    --calcite-split-button-divider: theme(\"colors.color.1\");\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-background: var(--calcite-color-inverse);\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n  }\n}\n\n:host([appearance=\"transparent\"]) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-divider: theme(\"colors.color.1\");\n    --calcite-split-button-background: transparent;\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-divider: theme(\"colors.background.foreground.1\");\n    --calcite-split-button-background: transparent;\n  }\n}\n\n:host([appearance=\"outline\"]) {\n  --calcite-split-button-background: transparent;\n}\n\n:host([appearance=\"outline-fill\"]) {\n  --calcite-split-button-background: theme(\"colors.background.foreground.1\");\n}\n\n:host([appearance=\"outline\"]),\n:host([appearance=\"outline-fill\"]) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger\");\n  }\n  &:host([kind=\"neutral\"]) {\n    --calcite-split-button-divider: theme(\"borderColor.color.1\");\n    --calcite-split-button-background: theme(\"borderColor.color.1\");\n  }\n  &:host([kind=\"inverse\"]) {\n    --calcite-split-button-divider: var(--calcite-color-inverse);\n  }\n}\n\n.container {\n  @apply flex items-stretch;\n  > calcite-dropdown > calcite-button {\n    @apply h-full align-top;\n  }\n}\n\n.divider-container {\n  @apply transition-default flex w-px items-stretch;\n  background-color: var(--calcite-split-button-background);\n}\n\n.divider {\n  @apply my-1 inline-block w-px;\n  background-color: var(--calcite-split-button-divider);\n}\n\n:host([appearance=\"outline-fill\"]),\n:host([appearance=\"outline\"]) {\n  .divider-container {\n    border-block: 1px solid var(--calcite-split-button-divider);\n  }\n  &:hover .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n:host([appearance=\"outline-fill\"]:hover),\n:host([appearance=\"outline\"]:hover) {\n  .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n:host([appearance=\"outline-fill\"]:focus-within),\n:host([appearance=\"outline\"]:focus-within) {\n  &:host([kind=\"brand\"]) {\n    --calcite-split-button-divider: theme(\"colors.brand-press\");\n  }\n  &:host([kind=\"danger\"]) {\n    --calcite-split-button-divider: theme(\"colors.danger-press\");\n  }\n  .divider-container {\n    background-color: var(--calcite-split-button-divider);\n  }\n}\n\n@include disabled() {\n  .divider-container {\n    @apply opacity-disabled;\n  }\n\n  calcite-dropdown > calcite-button {\n    @apply pointer-events-none;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { DropdownIconType } from \"../button/interfaces\";\nimport { Appearance, FlipContext, Kind, Scale, Width } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown` content.\n */\n@Component({\n  tag: \"calcite-split-button\",\n  styleUrl: \"split-button.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class SplitButton implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\n    \"outline\" | \"outline-fill\" | \"solid\" | \"transparent\",\n    Appearance\n  > = \"solid\";\n\n  /** Specifies the kind of the component, which will apply to border and background, if applicable. */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"inverse\" | \"neutral\", Kind> =\n    \"brand\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(value: boolean): void {\n    if (!value) {\n      this.active = false;\n    }\n  }\n\n  /**\n   * When `true`, the component is active.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) active = false;\n\n  @Watch(\"active\")\n  activeHandler(): void {\n    if (this.disabled) {\n      this.active = false;\n    }\n  }\n\n  /** Specifies the icon used for the dropdown menu. */\n  @Prop({ reflect: true }) dropdownIconType: DropdownIconType = \"chevron\";\n\n  /** Accessible name for the dropdown menu. */\n  @Prop({ reflect: true }) dropdownLabel: string;\n\n  /**\n    When `true`, a busy indicator is displayed on the primary button.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /** Specifies an icon to display at the end of the primary button. */\n  @Prop({ reflect: true }) primaryIconEnd: string;\n\n  /**  Displays the `primaryIconStart` and/or `primaryIconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) primaryIconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the primary button. */\n  @Prop({ reflect: true }) primaryIconStart: string;\n\n  /** Accessible name for the primary button. */\n  @Prop({ reflect: true }) primaryLabel: string;\n\n  /** Text displayed in the primary button. */\n  @Prop({ reflect: true }) primaryText: string;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  /**\n   * Fires when the primary button is clicked.\n   */\n  @Event({ cancelable: false })\n  calciteSplitButtonPrimaryClick: EventEmitter<void>;\n\n  /**\n   * Fires when the dropdown menu is clicked.\n   */\n  @Event({ cancelable: false })\n  calciteSplitButtonSecondaryClick: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSplitButtonElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  render(): VNode {\n    const buttonWidth = this.width === \"auto\" ? \"auto\" : \"full\";\n\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        <div class={CSS.container}>\n          <calcite-button\n            appearance={this.appearance}\n            disabled={this.disabled}\n            icon-end={this.primaryIconEnd ? this.primaryIconEnd : null}\n            icon-start={this.primaryIconStart ? this.primaryIconStart : null}\n            iconFlipRtl={this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null}\n            kind={this.kind}\n            label={this.primaryLabel}\n            loading={this.loading}\n            onClick={this.calciteSplitButtonPrimaryClickHandler}\n            scale={this.scale}\n            splitChild={\"primary\"}\n            type=\"button\"\n            width={buttonWidth}\n          >\n            {this.primaryText}\n          </calcite-button>\n          <div class={CSS.dividerContainer}>\n            <div class={CSS.divider} />\n          </div>\n          <calcite-dropdown\n            disabled={this.disabled}\n            onClick={this.calciteSplitButtonSecondaryClickHandler}\n            open={this.active}\n            overlayPositioning={this.overlayPositioning}\n            placement=\"bottom-end\"\n            scale={this.scale}\n            width-scale={this.scale}\n          >\n            <calcite-button\n              appearance={this.appearance}\n              disabled={this.disabled}\n              icon-start={this.dropdownIcon}\n              kind={this.kind}\n              label={this.dropdownLabel}\n              scale={this.scale}\n              slot=\"trigger\"\n              splitChild={\"secondary\"}\n              type=\"button\"\n            />\n            <slot />\n          </calcite-dropdown>\n        </div>\n      </InteractiveContainer>\n    );\n  }\n\n  private calciteSplitButtonPrimaryClickHandler = (): CustomEvent =>\n    this.calciteSplitButtonPrimaryClick.emit();\n\n  private calciteSplitButtonSecondaryClickHandler = (): CustomEvent =>\n    this.calciteSplitButtonSecondaryClick.emit();\n\n  private get dropdownIcon(): string {\n    return this.dropdownIconType === \"chevron\"\n      ? \"chevronDown\"\n      : this.dropdownIconType === \"caret\"\n        ? \"caretDown\"\n        : this.dropdownIconType === \"ellipsis\"\n          ? \"ellipsis\"\n          : \"handle-vertical\";\n  }\n}\n"],"mappings":";;;;;uLAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,iBAAkB,oBAClBC,QAAS,UACTC,UAAW,aACXC,UAAW,aACXC,UAAW,cCNb,MAAMC,EAAiB,qvI,MCuCVC,EAAW,M,2LAmMdC,KAAAC,sCAAwC,IAC9CD,KAAKE,+BAA+BC,OAE9BH,KAAAI,wCAA0C,IAChDJ,KAAKK,iCAAiCF,O,gBA5LpC,Q,UAIF,Q,cAGkC,M,YAca,M,sBAUa,U,0CAQ3B,M,wBAU+B,W,kKAkB1B,I,WAGA,M,CA5DxC,oBAAAG,CAAqBC,GACnB,IAAKA,EAAO,CACVP,KAAKQ,OAAS,K,EAYlB,aAAAC,GACE,GAAIT,KAAKU,SAAU,CACjBV,KAAKQ,OAAS,K,EAkElB,cAAMG,SACEC,EAAmBZ,MACzBA,KAAKa,GAAGC,O,CAiBV,iBAAAC,GACEC,EAAmBhB,K,CAGrB,iBAAAiB,GACEC,EAAuBlB,K,CAGzB,gBAAAmB,GACEC,EAAmBpB,K,CAGrB,kBAAAqB,GACEC,EAAsBtB,K,CAGxB,oBAAAuB,GACEC,EAAsBxB,K,CAGxB,MAAAyB,GACE,MAAMC,EAAc1B,KAAK2B,QAAU,OAAS,OAAS,OAErD,OACEC,EAACC,EAAoB,CAACnB,SAAUV,KAAKU,UACnCkB,EAAA,OAAKE,MAAOvC,EAAIC,WACdoC,EAAA,kBACEG,WAAY/B,KAAK+B,WACjBrB,SAAUV,KAAKU,SAAQ,WACbV,KAAKgC,eAAiBhC,KAAKgC,eAAiB,KAAI,aAC9ChC,KAAKiC,iBAAmBjC,KAAKiC,iBAAmB,KAC5DC,YAAalC,KAAKmC,mBAAqBnC,KAAKmC,mBAAqB,KACjEC,KAAMpC,KAAKoC,KACXC,MAAOrC,KAAKsC,aACZC,QAASvC,KAAKuC,QACdC,QAASxC,KAAKC,sCACdwC,MAAOzC,KAAKyC,MACZC,WAAY,UACZC,KAAK,SACLhB,MAAOD,GAEN1B,KAAK4C,aAERhB,EAAA,OAAKE,MAAOvC,EAAIE,kBACdmC,EAAA,OAAKE,MAAOvC,EAAIG,WAElBkC,EAAA,oBACElB,SAAUV,KAAKU,SACf8B,QAASxC,KAAKI,wCACdyC,KAAM7C,KAAKQ,OACXsC,mBAAoB9C,KAAK8C,mBACzBC,UAAU,aACVN,MAAOzC,KAAKyC,MAAK,cACJzC,KAAKyC,OAElBb,EAAA,kBACEG,WAAY/B,KAAK+B,WACjBrB,SAAUV,KAAKU,SAAQ,aACXV,KAAKgD,aACjBZ,KAAMpC,KAAKoC,KACXC,MAAOrC,KAAKiD,cACZR,MAAOzC,KAAKyC,MACZS,KAAK,UACLR,WAAY,YACZC,KAAK,WAEPf,EAAA,e,CAaV,gBAAYoB,GACV,OAAOhD,KAAKmD,mBAAqB,UAC7B,cACAnD,KAAKmD,mBAAqB,QACxB,YACAnD,KAAKmD,mBAAqB,WACxB,WACA,iB"}

package/dist/calcite/p-2fd217aa.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.3.1-next.0
+ */
+function n(){return navigator.userAgentData}function r(){const r=n();return r?.brands?r.brands.map((({brand:n,version:r})=>`${n}/${r}`)).join(" "):navigator.userAgent}export{r as g};
+//# sourceMappingURL=p-2fd217aa.js.map

package/dist/calcite/p-30719b16.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.3.1-next.0
+ */
+import{r as t,c as e,h as s,H as i,g as o}from"./p-1e21abba.js";import{t as a}from"./p-3764e60b.js";import{c as n,d as c,H as l}from"./p-43885b4b.js";import{g as r}from"./p-7b791f2a.js";import{c as h,d,u as p,I as b}from"./p-8b8bc233.js";import{i as u}from"./p-742802d2.js";import{c as f,d as m,g}from"./p-4d564c49.js";import{c as v,s as k,a as x}from"./p-ff063b2d.js";import"./p-628d3c53.js";import"./p-2fd217aa.js";import"./p-9af3c6bb.js";const y=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-color-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input);color:var(--calcite-color-background)}:host([status=invalid]:not([checked])) .check-svg{box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger)}:host([status=invalid]:not([checked])) .toggle:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}.toggle{position:relative;outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.toggle::after{content:"";inset-block-start:50%;inset-inline-start:50%;min-block-size:1.5rem;min-inline-size:1.5rem;position:absolute;transform:translateX(-50%) translateY(-50%)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}';const z=class{constructor(s){t(this,s);this.calciteInternalCheckboxBlur=e(this,"calciteInternalCheckboxBlur",6);this.calciteCheckboxChange=e(this,"calciteCheckboxChange",6);this.calciteInternalCheckboxFocus=e(this,"calciteInternalCheckboxFocus",6);this.checkedPath="M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";this.indeterminatePath="M13 8v1H3V8z";this.getPath=()=>this.indeterminate?this.indeterminatePath:this.checked?this.checkedPath:"";this.toggle=()=>{if(!this.disabled){this.checked=!this.checked;this.setFocus();this.indeterminate=false;this.calciteCheckboxChange.emit()}};this.keyDownHandler=t=>{if(u(t.key)){this.toggle();t.preventDefault()}};this.clickHandler=()=>{if(this.disabled){return}this.toggle()};this.onToggleBlur=()=>{this.calciteInternalCheckboxBlur.emit(false)};this.onToggleFocus=()=>{this.calciteInternalCheckboxFocus.emit(true)};this.onLabelClick=()=>{this.toggle()};this.checked=false;this.disabled=false;this.form=undefined;this.guid=undefined;this.hovered=false;this.indeterminate=false;this.label=undefined;this.name=undefined;this.required=false;this.scale="m";this.status="idle";this.value=undefined}async setFocus(){await v(this);this.toggleEl?.focus()}syncHiddenFormInput(t){t.type="checkbox"}connectedCallback(){this.guid=this.el.id||`calcite-checkbox-${r()}`;h(this);f(this);n(this)}disconnectedCallback(){d(this);m(this);c(this)}componentWillLoad(){k(this)}componentDidLoad(){x(this)}componentDidRender(){p(this)}render(){return s(i,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},s(b,{disabled:this.disabled},s("div",{"aria-checked":a(this.checked),"aria-label":g(this),class:"toggle",onBlur:this.onToggleBlur,onFocus:this.onToggleFocus,role:"checkbox",tabIndex:this.disabled?undefined:0,ref:t=>this.toggleEl=t},s("svg",{"aria-hidden":"true",class:"check-svg",viewBox:"0 0 16 16"},s("path",{d:this.getPath()})),s("slot",null)),s(l,{component:this})))}get el(){return o(this)}};z.style=y;export{z as calcite_checkbox};
+//# sourceMappingURL=p-30719b16.entry.js.map

package/dist/calcite/p-30b96498.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.3.1-next.0
+ */
+import{d as e}from"./p-4663c26a.js";import"./p-1e21abba.js";import"./p-43885b4b.js";import"./p-3764e60b.js";import"./p-7b791f2a.js";import"./p-628d3c53.js";import"./p-8b8bc233.js";import"./p-2fd217aa.js";import"./p-742802d2.js";import"./p-4d564c49.js";import"./p-9af3c6bb.js";import"./p-ff063b2d.js";import"./p-c33017fd.js";import"./p-43636470.js";import"./p-5b81304d.js";import"./p-201be191.js";import"./p-09925f1a.js";import"./p-8d6359f2.js";import"./p-06821432.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var n=r[i];if(Array.isArray(n)){n=n[t?0:1]}return n.replace("%d",e)}var i={name:"de-at",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Jänner_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jän._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export default i;
+//# sourceMappingURL=p-30b96498.js.map

package/dist/calcite/p-3499bb54.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.3.1-next.0
+ */
+import{r as t,c as i,h as e,H as s,g as a}from"./p-1e21abba.js";import{d as n,a as r,b as o,i as l,c as h,g as c,e as d,f as p,h as u}from"./p-6a8bfe04.js";import{t as f}from"./p-3764e60b.js";import{f as m,c as g,d as b,r as v,a as y,F as x}from"./p-a179158c.js";import{s as w,c as D,d as k,H as C}from"./p-43885b4b.js";import{c as I,d as z,u as A,I as P}from"./p-8b8bc233.js";import{n as j}from"./p-742802d2.js";import{c as O,d as F}from"./p-4d564c49.js";import{c as T,s as R,a as E}from"./p-ff063b2d.js";import{n as B,c as W,d as H,b as M}from"./p-c33017fd.js";import{o as S}from"./p-8d6359f2.js";import{c as L,s as Y,d as $}from"./p-09925f1a.js";import{c as q,d as N,a as _}from"./p-5b81304d.js";import{g as V}from"./p-7b791f2a.js";import{g as X}from"./p-9af3c6bb.js";import{V as G}from"./p-06821432.js";import"./p-628d3c53.js";import"./p-96920004.js";import"./p-2fd217aa.js";import"./p-43636470.js";const K={assistiveText:"assistive-text",calendarWrapper:"calendar-wrapper",calendarWrapperEnd:"calendar-wrapper--end",horizontalArrowContainer:"horizontal-arrow-container",inputBorderTopColorOne:"border-top-color-one",inputContainer:"input-container",inputNoBottomBorder:"no-bottom-border",inputWrapper:"input-wrapper",input:"input",menu:"menu-container",menuActive:"menu-container--active",toggleIcon:"toggle-icon",verticalArrowContainer:"vertical-arrow-container"};function J(t){if(!t){return false}const{year:i}=n(t);return Number(i)<100}function Q(t){const i=(new Date).getFullYear();const e=Math.floor(i/100)*100+t;return e}const U=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;inline-size:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([scale=s]){--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([range]) .input-container{display:flex}:host([range]) .input-wrapper{flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:flex;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .calendar-wrapper--end{transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;z-index:var(--calcite-z-index);margin-inline:1px;background-color:var(--calcite-color-foreground-1);padding-inline:0.625rem;inset-inline-start:0}.menu-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .menu-container{visibility:visible}.menu-container--active{visibility:visible}.input .calcite-input__wrapper{margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{block-size:0.75rem;inline-size:0.75rem;min-inline-size:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{inset-block-start:2.25rem;padding-inline:0.875rem}:host([range][layout=vertical][open]) .vertical-arrow-container{display:none}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const Z=class{constructor(e){t(this,e);this.calciteInputDatePickerChange=i(this,"calciteInputDatePickerChange",6);this.calciteInputDatePickerBeforeClose=i(this,"calciteInputDatePickerBeforeClose",6);this.calciteInputDatePickerClose=i(this,"calciteInputDatePickerClose",6);this.calciteInputDatePickerBeforeOpen=i(this,"calciteInputDatePickerBeforeOpen",6);this.calciteInputDatePickerOpen=i(this,"calciteInputDatePickerOpen",6);this.calciteInternalInputInputHandler=t=>{const i=t.target;const e=i.value;const s=this.parseNumerals(e);const a=this.formatNumerals(s);i.value=a;const{year:n}=r(e,this.localeData);if(n&&n.length<4){return}const h=o(e,this.localeData);if(l(h,this.min,this.max)){this.datePickerActiveDate=h}};this.calciteInternalInputBlurHandler=()=>{this.commitValue()};this.dialogId=`date-picker-dialog--${V()}`;this.focusOnOpen=false;this.userChangedValue=false;this.openTransitionProp="opacity";this.valueAsDateChangedExternally=false;this.placeholderTextId=`calcite-input-date-picker-placeholder-${V()}`;this.onInputWrapperPointerDown=()=>{this.currentOpenInput=this.focusedInput};this.onInputWrapperClick=t=>{const{range:i,endInput:e,startInput:s,currentOpenInput:a}=this;const n=t.currentTarget;const r=n.getAttribute("data-position");const o=t.composedPath();const l=o.find((t=>t.classList?.contains(K.toggleIcon)));if(l){const t=r==="start"?s:e;t.setFocus()}if(!i||!this.open||a===r){this.open=!this.open}};this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?m(i,t):null};this.setTransitionEl=t=>{this.transitionEl=t};this.setStartInput=t=>{this.startInput=t};this.setEndInput=t=>{this.endInput=t};this.blurHandler=()=>{this.open=false};this.keyDownHandler=t=>{const{defaultPrevented:i,key:e}=t;if(i){return}if(e==="Enter"){this.commitValue();if(this.shouldFocusRangeEnd()){this.endInput?.setFocus()}else if(this.shouldFocusRangeStart()){this.startInput?.setFocus()}if(w(this)){t.preventDefault();this.restoreInputFocus()}}else if(e==="ArrowDown"){this.open=true;this.focusOnOpen=true;t.preventDefault()}else if(e==="Escape"){this.open=false;t.preventDefault();this.restoreInputFocus()}};this.startInputFocus=()=>{this.focusedInput="start"};this.endInputFocus=()=>{this.focusedInput="end"};this.setFloatingEl=t=>{this.floatingEl=t;g(this,this.referenceEl,this.floatingEl)};this.setStartWrapper=t=>{this.startWrapper=t;this.setReferenceEl()};this.setEndWrapper=t=>{this.endWrapper=t;this.setReferenceEl()};this.setDatePickerRef=t=>{this.datePickerEl=t;q(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:false,setReturnFocus:false}})};this.handleDateChange=t=>{if(this.range){return}t.stopPropagation();this.setValue(t.target.valueAsDate);this.localizeInputValues();this.restoreInputFocus()};this.handleDateRangeChange=t=>{if(!this.range){return}t.stopPropagation();const i=t.target.valueAsDate;this.setRangeValue(i);this.localizeInputValues();this.restoreInputFocus()};this.setInputValue=(t,i="start")=>{const e=this[`${i}Input`];if(!e){return}e.value=t};this.setRangeValue=t=>{if(!this.range){return}const{value:i}=this;const e=Array.isArray(i);const s=Array.isArray(t);const a=s?t[0]:null;let n=s?h(a):"";if(n){n=this.getNormalizedDate(n)}const r=s?t[1]:null;let o=s?h(r):"";if(o){o=this.getNormalizedDate(o)}const l=n||o?[n,o]:"";if(l===i){return}this.userChangedValue=true;this.value=l;this.valueAsDate=l?c(l):undefined;const d=this.calciteInputDatePickerChange.emit();if(d&&d.defaultPrevented){this.value=i;if(e){this.setInputValue(i[0],"start");this.setInputValue(i[1],"end")}else{this.value=i;this.setInputValue(i)}}};this.setValue=t=>{if(this.range){return}const i=this.value;let e=h(t);e=this.getNormalizedDate(e);if(e===i){return}this.userChangedValue=true;this.valueAsDate=e?d(e):undefined;this.value=e||"";const s=this.calciteInputDatePickerChange.emit();if(s.defaultPrevented){this.value=i;this.setInputValue(i)}};this.commonDateSeparators=[".","-","/"];this.formatNumerals=t=>t?t.split("").map((t=>this.commonDateSeparators?.includes(t)?this.localeData?.separator:j?.includes(t)?B?.numberFormatter?.format(Number(t)):t)).join(""):"";this.parseNumerals=t=>t?t.split("").map((t=>j.includes(t)?B.delocalize(t):t)).join(""):"";this.disabled=false;this.focusTrapDisabled=false;this.form=undefined;this.readOnly=false;this.value="";this.flipPlacements=undefined;this.headingLevel=undefined;this.valueAsDate=undefined;this.messageOverrides=undefined;this.messages=undefined;this.minAsDate=undefined;this.maxAsDate=undefined;this.min=undefined;this.max=undefined;this.open=false;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.numberingSystem=undefined;this.scale="m";this.status="idle";this.placement=b;this.range=false;this.required=false;this.overlayPositioning="absolute";this.proximitySelectionDisabled=false;this.layout="horizontal";this.datePickerActiveDate=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.focusedInput="start";this.localeData=undefined}handleFocusTrapDisabled(t){if(!this.open){return}t?N(this):_(this)}handleDisabledAndReadOnlyChange(t){if(!t){this.open=false}}valueWatcher(t){if(!this.userChangedValue){let i;if(Array.isArray(t)){i=c(t)}else if(t){i=d(t)}else{i=undefined}if(!this.valueAsDateChangedExternally&&i!==this.valueAsDate){this.valueAsDate=i}this.localizeInputValues()}this.userChangedValue=false}valueAsDateWatcher(t){this.datePickerActiveDate=t;const i=this.range&&Array.isArray(t)?[h(t[0]),h(t[1])]:h(t);if(this.value!==i){this.valueAsDateChangedExternally=true;this.value=i;this.valueAsDateChangedExternally=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}onMessagesChange(){}onMinChanged(t){if(t){this.minAsDate=d(t)}}onMaxChanged(t){if(t){this.maxAsDate=d(t)}}openHandler(){S(this);if(this.disabled||this.readOnly){this.open=false;return}this.reposition(true)}overlayPositioningHandler(){this.reposition(true)}calciteDaySelectHandler(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.open=false}async setFocus(){await T(this);this.el.focus()}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:a,filteredFlipPlacements:n}=this;return v(this,{floatingEl:i,referenceEl:e,overlayPositioning:a,placement:s,flipPlacements:n,type:"menu"},t)}connectedCallback(){I(this);W(this);const{open:t}=this;t&&this.openHandler();if(Array.isArray(this.value)){this.valueAsDate=c(this.value)}else if(this.value){try{this.valueAsDate=d(this.value)}catch(t){this.warnAboutInvalidValue(this.value);this.value=""}}else if(this.valueAsDate){if(this.range){this.setRangeValue(this.valueAsDate)}else if(!Array.isArray(this.valueAsDate)){this.value=h(this.valueAsDate)}}if(this.min){this.minAsDate=d(this.min)}if(this.max){this.maxAsDate=d(this.max)}O(this);D(this);L(this);this.setFilteredPlacements();this.reposition(true);B.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};if(this.open){S(this)}g(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){R(this);await Promise.all([this.loadLocaleData(),Y(this)]);this.onMinChanged(this.min);this.onMaxChanged(this.max)}componentDidLoad(){E(this);this.localizeInputValues();this.reposition(true)}disconnectedCallback(){N(this);z(this);F(this);k(this);y(this,this.referenceEl,this.floatingEl);H(this);$(this)}componentDidRender(){A(this)}render(){const{disabled:t,effectiveLocale:i,messages:a,numberingSystem:n,readOnly:r}=this;B.numberFormatOptions={numberingSystem:n,locale:i,useGrouping:false};return e(s,{onBlur:this.blurHandler,onKeyDown:this.keyDownHandler},e(P,{disabled:this.disabled},this.localeData&&e("div",{class:K.inputContainer},e("div",{class:K.inputWrapper,"data-position":"start",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setStartWrapper},e("calcite-input-text",{"aria-autocomplete":"none","aria-controls":this.dialogId,"aria-describedby":this.placeholderTextId,"aria-expanded":f(this.open),"aria-haspopup":"dialog",class:{[K.input]:true,[K.inputNoBottomBorder]:this.layout==="vertical"&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.startInputFocus,placeholder:this.localeData?.placeholder,readOnly:r,role:"combobox",scale:this.scale,status:this.status,ref:this.setStartInput}),!this.readOnly&&this.renderToggleIcon(this.open&&this.focusedInput==="start"),e("span",{"aria-hidden":"true",class:K.assistiveText,id:this.placeholderTextId},"Date Format: ",this.localeData?.placeholder)),e("div",{"aria-hidden":f(!this.open),"aria-label":a.chooseDate,"aria-live":"polite","aria-modal":"true",class:{[K.menu]:true,[K.menuActive]:this.open},id:this.dialogId,role:"dialog",ref:this.setFloatingEl},e("div",{class:{[K.calendarWrapper]:true,[K.calendarWrapperEnd]:this.focusedInput==="end",[x.animation]:true,[x.animationActive]:this.open},ref:this.setTransitionEl},e("calcite-date-picker",{activeDate:this.datePickerActiveDate,activeRange:this.focusedInput,headingLevel:this.headingLevel,max:this.max,maxAsDate:this.maxAsDate,messageOverrides:this.messageOverrides,min:this.min,minAsDate:this.minAsDate,numberingSystem:n,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,tabIndex:this.open?undefined:-1,valueAsDate:this.valueAsDate,ref:this.setDatePickerRef}))),this.range&&this.layout==="horizontal"&&e("div",{class:K.horizontalArrowContainer},e("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:X(this.scale)})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&e("div",{class:K.verticalArrowContainer},e("calcite-icon",{icon:"arrow-down",scale:X(this.scale)})),this.range&&e("div",{class:K.inputWrapper,"data-position":"end",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setEndWrapper},e("calcite-input-text",{"aria-autocomplete":"none","aria-controls":this.dialogId,"aria-expanded":f(this.open),"aria-haspopup":"dialog",class:{[K.input]:true,[K.inputBorderTopColorOne]:this.layout==="vertical"&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.endInputFocus,placeholder:this.localeData?.placeholder,readOnly:r,role:"combobox",scale:this.scale,status:this.status,ref:this.setEndInput}),!this.readOnly&&this.renderToggleIcon(this.open&&this.focusedInput==="end"))),e(C,{component:this}),this.validationMessage?e(G,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return e("span",{class:K.toggleIcon,tabIndex:-1},e("calcite-icon",{icon:t?"chevron-up":"chevron-down",scale:X(this.scale)}))}setReferenceEl(){const{focusedInput:t,layout:i,endWrapper:e,startWrapper:s}=this;this.referenceEl=t==="end"||i==="vertical"?e||s:s||e;requestAnimationFrame((()=>g(this,this.referenceEl,this.floatingEl)))}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit()}onOpen(){_(this,{onActivate:()=>{if(this.focusOnOpen){this.datePickerEl.setFocus();this.focusOnOpen=false}}});this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit();N(this);this.restoreInputFocus();this.focusOnOpen=false;this.datePickerEl.reset()}commitValue(){const{focusedInput:t,value:i}=this;const e=`${t}Input`;const s=this[e].value;const a=o(s,this.localeData);const n=h(a);const r=Array.isArray(i);if(this.range){const e=t==="start"?0:1;if(r){if(n===i[e]){return}if(a){this.setRangeValue([t==="start"?a:d(i[0]),t==="end"?a:d(i[1])]);this.localizeInputValues()}else{this.setRangeValue([t==="end"&&d(i[0]),t==="start"&&d(i[1])])}}else{if(a){this.setRangeValue([t==="start"?a:d(i[0]),t==="end"?a:d(i[1])]);this.localizeInputValues()}}}else{if(n===i){return}this.setValue(a);this.localizeInputValues()}}async loadLocaleData(){B.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};this.localeData=await p(this.effectiveLocale);this.localizeInputValues()}shouldFocusRangeStart(){const t=this.value[0];const i=this.value[1];return!!(i&&!t&&this.focusedInput==="end"&&this.startInput)}shouldFocusRangeEnd(){const t=this.value[0];const i=this.value[1];return!!(t&&!i&&this.focusedInput==="start"&&this.endInput)}restoreInputFocus(){if(!this.range){this.startInput.setFocus();return}const t=this.focusedInput==="start"?this.startInput:this.endInput;t.setFocus()}localizeInputValues(){const t=u(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||undefined:this.valueAsDate,this.minAsDate,this.maxAsDate);const i=this.range?u(Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||undefined,this.minAsDate,this.maxAsDate):null;const e={numberingSystem:M(this.numberingSystem)};const s=t&&t.toLocaleDateString(this.effectiveLocale,e);const a=i&&i.toLocaleDateString(this.effectiveLocale,e);this.setInputValue(s??"","start");this.setInputValue((this.range&&a)??"","end")}warnAboutInvalidValue(t){console.warn(`The specified value "${t}" does not conform to the required format, "YYYY-MM-DD".`)}getNormalizedDate(t){if(!t){return""}if(!J(t)){return t}const{day:i,month:e,year:s}=n(t);const a=Q(Number(s));return`${a}-${e}-${i}`}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],value:["valueWatcher"],valueAsDate:["valueAsDateWatcher"],flipPlacements:["flipPlacementsHandler"],messageOverrides:["onMessagesChange"],min:["onMinChanged"],max:["onMaxChanged"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],effectiveLocale:["loadLocaleData"]}}};Z.style=U;export{Z as calcite_input_date_picker};
+//# sourceMappingURL=p-3499bb54.entry.js.map

package/dist/calcite/p-3499bb54.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","assistiveText","calendarWrapper","calendarWrapperEnd","horizontalArrowContainer","inputBorderTopColorOne","inputContainer","inputNoBottomBorder","inputWrapper","input","menu","menuActive","toggleIcon","verticalArrowContainer","isTwoDigitYear","value","year","datePartsFromISO","Number","normalizeToCurrentCentury","twoDigitYear","currentYear","Date","getFullYear","normalizedYear","Math","floor","inputDatePickerCss","InputDatePicker","this","calciteInternalInputInputHandler","event","target","parsedValue","parseNumerals","formattedValue","formatNumerals","datePartsFromLocalizedString","localeData","length","date","dateFromLocalizedString","inRange","min","max","datePickerActiveDate","calciteInternalInputBlurHandler","commitValue","dialogId","guid","focusOnOpen","userChangedValue","openTransitionProp","valueAsDateChangedExternally","placeholderTextId","onInputWrapperPointerDown","currentOpenInput","focusedInput","onInputWrapperClick","range","endInput","startInput","currentTarget","position","getAttribute","path","composedPath","wasToggleClicked","find","el","classList","contains","targetInput","setFocus","open","setFilteredPlacements","flipPlacements","filteredFlipPlacements","filterComputedPlacements","setTransitionEl","transitionEl","setStartInput","setEndInput","blurHandler","keyDownHandler","defaultPrevented","key","shouldFocusRangeEnd","shouldFocusRangeStart","submitForm","preventDefault","restoreInputFocus","startInputFocus","endInputFocus","setFloatingEl","floatingEl","connectFloatingUI","referenceEl","setStartWrapper","startWrapper","setReferenceEl","setEndWrapper","endWrapper","setDatePickerRef","datePickerEl","connectFocusTrap","focusTrapEl","focusTrapOptions","initialFocus","setReturnFocus","handleDateChange","stopPropagation","setValue","valueAsDate","localizeInputValues","handleDateRangeChange","setRangeValue","setInputValue","newValue","inputEl","oldValue","oldValueIsArray","Array","isArray","valueIsArray","newStartDate","newStartDateISO","dateToISO","getNormalizedDate","newEndDate","newEndDateISO","getValueAsDateRange","undefined","changeEvent","calciteInputDatePickerChange","emit","dateFromISO","commonDateSeparators","split","map","char","includes","separator","numberKeys","numberStringFormatter","numberFormatter","format","join","delocalize","defaultMenuPlacement","handleFocusTrapDisabled","focusTrapDisabled","deactivateFocusTrap","activateFocusTrap","handleDisabledAndReadOnlyChange","valueWatcher","newValueAsDate","valueAsDateWatcher","flipPlacementsHandler","reposition","onMessagesChange","onMinChanged","minAsDate","onMaxChanged","maxAsDate","openHandler","onToggleOpenCloseComponent","disabled","readOnly","overlayPositioningHandler","calciteDaySelectHandler","componentFocusable","focus","delayed","placement","overlayPositioning","type","connectedCallback","connectInteractive","connectLocalized","error","warnAboutInvalidValue","connectLabel","connectForm","connectMessages","numberFormatOptions","numberingSystem","locale","effectiveLocale","useGrouping","componentWillLoad","setUpLoadableComponent","Promise","all","loadLocaleData","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectFloatingUI","disconnectLocalized","disconnectMessages","componentDidRender","updateHostInteraction","render","messages","h","Host","onBlur","onKeyDown","InteractiveContainer","class","onClick","onPointerDown","ref","toAriaBoolean","layout","icon","onCalciteInputTextInput","onCalciteInternalInputTextBlur","onCalciteInternalInputTextFocus","placeholder","role","scale","status","renderToggleIcon","id","chooseDate","FloatingCSS","animation","animationActive","activeDate","activeRange","headingLevel","messageOverrides","onCalciteDatePickerChange","onCalciteDatePickerRangeChange","proximitySelectionDisabled","tabIndex","flipRtl","getIconScale","HiddenFormInputSlot","component","validationMessage","Validation","validationIcon","message","requestAnimationFrame","onLabelClick","onBeforeOpen","calciteInputDatePickerBeforeOpen","onOpen","onActivate","calciteInputDatePickerOpen","onBeforeClose","calciteInputDatePickerBeforeClose","onClose","calciteInputDatePickerClose","reset","focusedInputName","focusedInputValue","dateAsISO","focusedInputValueIndex","getLocaleData","startValue","endValue","dateFromRange","endDate","formattingOptions","getSupportedNumberingSystem","localizedDate","toLocaleDateString","localizedEndDate","console","warn","day","month"],"sources":["src/components/input-date-picker/resources.ts","src/components/input-date-picker/utils.ts","src/components/input-date-picker/input-date-picker.scss?tag=calcite-input-date-picker&encapsulation=shadow","src/components/input-date-picker/input-date-picker.tsx"],"sourcesContent":["export const CSS = {\n  assistiveText: \"assistive-text\",\n  calendarWrapper: \"calendar-wrapper\",\n  calendarWrapperEnd: \"calendar-wrapper--end\",\n  horizontalArrowContainer: \"horizontal-arrow-container\",\n  inputBorderTopColorOne: \"border-top-color-one\",\n  inputContainer: \"input-container\",\n  inputNoBottomBorder: \"no-bottom-border\",\n  inputWrapper: \"input-wrapper\",\n  input: \"input\",\n  menu: \"menu-container\",\n  menuActive: \"menu-container--active\",\n  toggleIcon: \"toggle-icon\",\n  verticalArrowContainer: \"vertical-arrow-container\",\n};\n","import { datePartsFromISO } from \"../../utils/date\";\n\n/**\n * Specifies if an ISO string date (YYYY-MM-DD) has two digit year.\n *\n * @param {string} value\n * @returns {boolean}\n */\nexport function isTwoDigitYear(value: string): boolean {\n  if (!value) {\n    return false;\n  }\n  const { year } = datePartsFromISO(value);\n  return Number(year) < 100;\n}\n\n/**\n * Returns a normalized year to current century from a given two digit year number.\n *\n * @param {number} twoDigitYear\n * @returns {string}\n */\nexport function normalizeToCurrentCentury(twoDigitYear: number): number {\n  const currentYear = new Date().getFullYear();\n  const normalizedYear = Math.floor(currentYear / 100) * 100 + twoDigitYear;\n  return normalizedYear;\n}\n",":host {\n  @extend %component-spacing;\n  @include floatingUIElemAnim(\".menu-container\");\n  @apply relative\n    inline-block\n    w-full\n    overflow-visible\n    align-top\n    shadow-none;\n}\n\n@function get-trailing-text-input-padding($chevron-spacing) {\n  @return calc(var(--calcite-toggle-spacing) + $chevron-spacing);\n}\n\n:host([scale=\"s\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.2\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.4\"))};\n}\n\n:host([scale=\"m\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.3\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.6\"))};\n}\n\n:host([scale=\"l\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.4\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.8\"))};\n}\n\n@include disabled();\n\n.calendar-wrapper {\n  @apply shadow-none;\n  transform: translate3d(0, 0, 0);\n}\n\n.input-wrapper {\n  @apply relative;\n}\n\n.toggle-icon {\n  @apply absolute flex cursor-pointer items-center;\n  inset-inline-end: 0;\n  inset-block: 0;\n  padding-inline: var(--calcite-toggle-spacing);\n}\n\n:host([range]) {\n  .input-container {\n    @apply flex;\n  }\n\n  .input-wrapper {\n    @apply flex-auto;\n  }\n\n  .horizontal-arrow-container {\n    @apply bg-background\n      border-color-input\n      flex\n      items-center\n      border\n      border-l-0\n      border-r-0\n      border-solid\n      py-0\n      px-1;\n  }\n}\n\n:host([range][layout=\"vertical\"]) {\n  .input-wrapper {\n    @apply w-full;\n  }\n\n  .input-container {\n    @apply flex-col\n      items-start;\n  }\n\n  .calendar-wrapper--end {\n    transform: translate3d(0, 0, 0);\n  }\n\n  .vertical-arrow-container {\n    inset-block-start: theme(\"spacing.6\");\n    @apply bg-foreground-1\n      absolute\n      z-default\n      mx-px\n      px-2.5;\n    inset-inline-start: 0;\n  }\n}\n\n.menu-container {\n  --calcite-floating-ui-z-index: theme(\"zIndex.dropdown\");\n  @include floatingUIContainer();\n  @include floatingUIWrapper();\n  @apply invisible;\n}\n\n@include floatingUIElemAnim(\".menu-container\");\n\n:host([open]) .menu-container {\n  @include floatingUIWrapperActive();\n}\n\n.menu-container--active {\n  @include floatingUIWrapperActive();\n}\n\n.input .calcite-input__wrapper {\n  @apply mt-0;\n}\n\n:host([range][layout=\"vertical\"][scale=\"m\"]) .vertical-arrow-container {\n  inset-block-start: theme(\"spacing.6\");\n  padding-inline-start: theme(\"spacing.3\");\n\n  calcite-icon {\n    @apply h-3\n      w-3\n      min-w-0;\n  }\n}\n\n:host([range][layout=\"vertical\"][scale=\"l\"]) .vertical-arrow-container {\n  inset-block-start: theme(\"spacing.9\");\n  @apply px-3.5;\n}\n\n:host([range][layout=\"vertical\"][open]) {\n  .vertical-arrow-container {\n    @apply hidden;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  dateFromISO,\n  dateFromLocalizedString,\n  dateFromRange,\n  datePartsFromISO,\n  datePartsFromLocalizedString,\n  dateToISO,\n  inRange,\n} from \"../../utils/date\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectFloatingUI,\n  defaultMenuPlacement,\n  disconnectFloatingUI,\n  EffectivePlacement,\n  filterComputedPlacements,\n  FloatingCSS,\n  FloatingUIComponent,\n  MenuPlacement,\n  OverlayPositioning,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { numberKeys } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  getSupportedNumberingSystem,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { DatePickerMessages } from \"../date-picker/assets/date-picker/t9n\";\nimport { DateLocaleData, getLocaleData, getValueAsDateRange } from \"../date-picker/utils\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { CSS } from \"./resources\";\nimport { connectMessages, disconnectMessages, setUpMessages, T9nComponent } from \"../../utils/t9n\";\nimport { InputDatePickerMessages } from \"./assets/input-date-picker/t9n\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrapComponent,\n} from \"../../utils/focusTrapComponent\";\nimport { FocusTrap } from \"focus-trap\";\nimport { guid } from \"../../utils/guid\";\nimport { normalizeToCurrentCentury, isTwoDigitYear } from \"./utils\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Status } from \"../interfaces\";\nimport { Validation } from \"../functional/Validation\";\n\n@Component({\n  tag: \"calcite-input-date-picker\",\n  styleUrl: \"input-date-picker.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class InputDatePicker\n  implements\n    FloatingUIComponent,\n    FocusTrapComponent,\n    FormComponent,\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    OpenCloseComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When `true`, prevents focus trapping.\n   */\n  @Prop({ reflect: true }) focusTrapDisabled = false;\n\n  @Watch(\"focusTrapDisabled\")\n  handleFocusTrapDisabled(focusTrapDisabled: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);\n  }\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  @Watch(\"disabled\")\n  @Watch(\"readOnly\")\n  handleDisabledAndReadOnlyChange(value: boolean): void {\n    if (!value) {\n      this.open = false;\n    }\n  }\n\n  /** Selected date as a string in ISO format (`\"yyyy-mm-dd\"`). */\n  @Prop({ mutable: true }) value: string | string[] = \"\";\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string | string[]): void {\n    if (!this.userChangedValue) {\n      let newValueAsDate: Date | Date[];\n\n      if (Array.isArray(newValue)) {\n        newValueAsDate = getValueAsDateRange(newValue);\n      } else if (newValue) {\n        newValueAsDate = dateFromISO(newValue);\n      } else {\n        newValueAsDate = undefined;\n      }\n\n      if (!this.valueAsDateChangedExternally && newValueAsDate !== this.valueAsDate) {\n        this.valueAsDate = newValueAsDate;\n      }\n\n      this.localizeInputValues();\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"valueAsDate\")\n  valueAsDateWatcher(valueAsDate: Date): void {\n    this.datePickerActiveDate = valueAsDate;\n    const newValue =\n      this.range && Array.isArray(valueAsDate)\n        ? [dateToISO(valueAsDate[0]), dateToISO(valueAsDate[1])]\n        : dateToISO(valueAsDate);\n    if (this.value !== newValue) {\n      this.valueAsDateChangedExternally = true;\n      this.value = newValue;\n      this.valueAsDateChangedExternally = false;\n    }\n  }\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: EffectivePlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** The component's value as a full date object. */\n  @Prop({ mutable: true }) valueAsDate: Date | Date[];\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<InputDatePickerMessages & DatePickerMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: InputDatePickerMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /** Specifies the earliest allowed date as a full date object. */\n  @Prop({ mutable: true }) minAsDate: Date;\n\n  /** Specifies the latest allowed date as a full date object. */\n  @Prop({ mutable: true }) maxAsDate: Date;\n\n  /** Specifies the earliest allowed date (\"yyyy-mm-dd\"). */\n  @Prop() min: string;\n\n  @Watch(\"min\")\n  onMinChanged(min: string): void {\n    if (min) {\n      this.minAsDate = dateFromISO(min);\n    }\n  }\n\n  /** Specifies the latest allowed date (\"yyyy-mm-dd\"). */\n  @Prop() max: string;\n\n  @Watch(\"max\")\n  onMaxChanged(max: string): void {\n    if (max) {\n      this.maxAsDate = dateFromISO(max);\n    }\n  }\n\n  /** When `true`, displays the `calcite-date-picker` component. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n\n    if (this.disabled || this.readOnly) {\n      this.open = false;\n      return;\n    }\n\n    this.reposition(true);\n  }\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.\n   *\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"s\" | \"m\" | \"l\" = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * Specifies the placement of the `calcite-date-picker` relative to the component.\n   *\n   * @default \"bottom-start\"\n   */\n  @Prop({ reflect: true }) placement: MenuPlacement = defaultMenuPlacement;\n\n  /** When `true`, activates a range for the component. */\n  @Prop({ reflect: true }) range = false;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, disables the default behavior on the third click of narrowing or extending the range.\n   * Instead starts a new range.\n   */\n  @Prop() proximitySelectionDisabled = false;\n\n  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: \"horizontal\" | \"vertical\" = \"horizontal\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteDaySelect\")\n  calciteDaySelectHandler(): void {\n    if (this.shouldFocusRangeStart() || this.shouldFocusRangeEnd()) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  private calciteInternalInputInputHandler = (event: CustomEvent<any>): void => {\n    const target = event.target as HTMLCalciteInputElement;\n    const value = target.value;\n    const parsedValue = this.parseNumerals(value);\n    const formattedValue = this.formatNumerals(parsedValue);\n\n    target.value = formattedValue;\n\n    const { year } = datePartsFromLocalizedString(value, this.localeData);\n\n    if (year && year.length < 4) {\n      return;\n    }\n\n    const date = dateFromLocalizedString(value, this.localeData) as Date;\n\n    if (inRange(date, this.min, this.max)) {\n      this.datePickerActiveDate = date;\n    }\n  };\n\n  private calciteInternalInputBlurHandler = (): void => {\n    this.commitValue();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's `value` changes.\n   */\n  @Event({ cancelable: false }) calciteInputDatePickerChange: EventEmitter<void>;\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteInputDatePickerBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteInputDatePickerClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteInputDatePickerBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteInputDatePickerOpen: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;\n\n    return reposition(\n      this,\n      {\n        floatingEl,\n        referenceEl,\n        overlayPositioning,\n        placement,\n        flipPlacements: filteredFlipPlacements,\n        type: \"menu\",\n      },\n      delayed,\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n\n    const { open } = this;\n    open && this.openHandler();\n    if (Array.isArray(this.value)) {\n      this.valueAsDate = getValueAsDateRange(this.value);\n    } else if (this.value) {\n      try {\n        this.valueAsDate = dateFromISO(this.value);\n      } catch (error) {\n        this.warnAboutInvalidValue(this.value);\n        this.value = \"\";\n      }\n    } else if (this.valueAsDate) {\n      if (this.range) {\n        this.setRangeValue(this.valueAsDate as Date[]);\n      } else if (!Array.isArray(this.valueAsDate)) {\n        this.value = dateToISO(this.valueAsDate);\n      }\n    }\n\n    if (this.min) {\n      this.minAsDate = dateFromISO(this.min);\n    }\n\n    if (this.max) {\n      this.maxAsDate = dateFromISO(this.max);\n    }\n\n    connectLabel(this);\n    connectForm(this);\n    connectMessages(this);\n\n    this.setFilteredPlacements();\n    this.reposition(true);\n\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem: this.numberingSystem,\n      locale: this.effectiveLocale,\n      useGrouping: false,\n    };\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await Promise.all([this.loadLocaleData(), setUpMessages(this)]);\n    this.onMinChanged(this.min);\n    this.onMaxChanged(this.max);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.localizeInputValues();\n    this.reposition(true);\n  }\n\n  disconnectedCallback(): void {\n    deactivateFocusTrap(this);\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectFloatingUI(this, this.referenceEl, this.floatingEl);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const { disabled, effectiveLocale, messages, numberingSystem, readOnly } = this;\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem,\n      locale: effectiveLocale,\n      useGrouping: false,\n    };\n\n    return (\n      <Host onBlur={this.blurHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          {this.localeData && (\n            <div class={CSS.inputContainer}>\n              <div\n                class={CSS.inputWrapper}\n                data-position=\"start\"\n                onClick={this.onInputWrapperClick}\n                onPointerDown={this.onInputWrapperPointerDown}\n                // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                ref={this.setStartWrapper}\n              >\n                <calcite-input-text\n                  aria-autocomplete=\"none\"\n                  aria-controls={this.dialogId}\n                  aria-describedby={this.placeholderTextId}\n                  aria-expanded={toAriaBoolean(this.open)}\n                  aria-haspopup=\"dialog\"\n                  class={{\n                    [CSS.input]: true,\n                    [CSS.inputNoBottomBorder]: this.layout === \"vertical\" && this.range,\n                  }}\n                  disabled={disabled}\n                  icon=\"calendar\"\n                  onCalciteInputTextInput={this.calciteInternalInputInputHandler}\n                  onCalciteInternalInputTextBlur={this.calciteInternalInputBlurHandler}\n                  onCalciteInternalInputTextFocus={this.startInputFocus}\n                  placeholder={this.localeData?.placeholder}\n                  readOnly={readOnly}\n                  role=\"combobox\"\n                  scale={this.scale}\n                  status={this.status}\n                  // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                  ref={this.setStartInput}\n                />\n                {!this.readOnly &&\n                  this.renderToggleIcon(this.open && this.focusedInput === \"start\")}\n                <span aria-hidden=\"true\" class={CSS.assistiveText} id={this.placeholderTextId}>\n                  Date Format: {this.localeData?.placeholder}\n                </span>\n              </div>\n              <div\n                aria-hidden={toAriaBoolean(!this.open)}\n                aria-label={messages.chooseDate}\n                aria-live=\"polite\"\n                aria-modal=\"true\"\n                class={{\n                  [CSS.menu]: true,\n                  [CSS.menuActive]: this.open,\n                }}\n                id={this.dialogId}\n                role=\"dialog\"\n                // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                ref={this.setFloatingEl}\n              >\n                <div\n                  class={{\n                    [CSS.calendarWrapper]: true,\n                    [CSS.calendarWrapperEnd]: this.focusedInput === \"end\",\n                    [FloatingCSS.animation]: true,\n                    [FloatingCSS.animationActive]: this.open,\n                  }}\n                  // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                  ref={this.setTransitionEl}\n                >\n                  <calcite-date-picker\n                    activeDate={this.datePickerActiveDate}\n                    activeRange={this.focusedInput}\n                    headingLevel={this.headingLevel}\n                    max={this.max}\n                    maxAsDate={this.maxAsDate}\n                    messageOverrides={this.messageOverrides}\n                    min={this.min}\n                    minAsDate={this.minAsDate}\n                    numberingSystem={numberingSystem}\n                    onCalciteDatePickerChange={this.handleDateChange}\n                    onCalciteDatePickerRangeChange={this.handleDateRangeChange}\n                    proximitySelectionDisabled={this.proximitySelectionDisabled}\n                    range={this.range}\n                    scale={this.scale}\n                    tabIndex={this.open ? undefined : -1}\n                    valueAsDate={this.valueAsDate}\n                    // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                    ref={this.setDatePickerRef}\n                  />\n                </div>\n              </div>\n\n              {this.range && this.layout === \"horizontal\" && (\n                <div class={CSS.horizontalArrowContainer}>\n                  <calcite-icon\n                    flipRtl={true}\n                    icon=\"arrow-right\"\n                    scale={getIconScale(this.scale)}\n                  />\n                </div>\n              )}\n              {this.range && this.layout === \"vertical\" && this.scale !== \"s\" && (\n                <div class={CSS.verticalArrowContainer}>\n                  <calcite-icon icon=\"arrow-down\" scale={getIconScale(this.scale)} />\n                </div>\n              )}\n              {this.range && (\n                <div\n                  class={CSS.inputWrapper}\n                  data-position=\"end\"\n                  onClick={this.onInputWrapperClick}\n                  onPointerDown={this.onInputWrapperPointerDown}\n                  // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                  ref={this.setEndWrapper}\n                >\n                  <calcite-input-text\n                    aria-autocomplete=\"none\"\n                    aria-controls={this.dialogId}\n                    aria-expanded={toAriaBoolean(this.open)}\n                    aria-haspopup=\"dialog\"\n                    class={{\n                      [CSS.input]: true,\n                      [CSS.inputBorderTopColorOne]: this.layout === \"vertical\" && this.range,\n                    }}\n                    disabled={disabled}\n                    icon=\"calendar\"\n                    onCalciteInputTextInput={this.calciteInternalInputInputHandler}\n                    onCalciteInternalInputTextBlur={this.calciteInternalInputBlurHandler}\n                    onCalciteInternalInputTextFocus={this.endInputFocus}\n                    placeholder={this.localeData?.placeholder}\n                    readOnly={readOnly}\n                    role=\"combobox\"\n                    scale={this.scale}\n                    status={this.status}\n                    // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n                    ref={this.setEndInput}\n                  />\n                  {!this.readOnly &&\n                    this.renderToggleIcon(this.open && this.focusedInput === \"end\")}\n                </div>\n              )}\n            </div>\n          )}\n          <HiddenFormInputSlot component={this} />\n          {this.validationMessage ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  renderToggleIcon(open: boolean): VNode {\n    return (\n      // we set tab index to -1 to prevent delegatesFocus from stealing focus before we can set it\n      <span class={CSS.toggleIcon} tabIndex={-1}>\n        <calcite-icon\n          icon={open ? \"chevron-up\" : \"chevron-down\"}\n          scale={getIconScale(this.scale)}\n        />\n      </span>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputDatePickerElement;\n\n  private currentOpenInput: \"start\" | \"end\";\n\n  private datePickerEl: HTMLCalciteDatePickerElement;\n\n  private dialogId = `date-picker-dialog--${guid()}`;\n\n  filteredFlipPlacements: EffectivePlacement[];\n\n  private focusOnOpen = false;\n\n  focusTrap: FocusTrap;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: InputDatePicker[\"value\"];\n\n  @State() datePickerActiveDate: Date;\n\n  @State() defaultMessages: InputDatePickerMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @State() focusedInput: \"start\" | \"end\" = \"start\";\n\n  @State() private localeData: DateLocaleData;\n\n  private startInput: HTMLCalciteInputElement;\n\n  private endInput: HTMLCalciteInputElement;\n\n  private floatingEl: HTMLDivElement;\n\n  private referenceEl: HTMLDivElement;\n\n  private startWrapper: HTMLDivElement;\n\n  private endWrapper: HTMLDivElement;\n\n  private userChangedValue = false;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  @Watch(\"layout\")\n  @Watch(\"focusedInput\")\n  setReferenceEl(): void {\n    const { focusedInput, layout, endWrapper, startWrapper } = this;\n\n    this.referenceEl =\n      focusedInput === \"end\" || layout === \"vertical\"\n        ? endWrapper || startWrapper\n        : startWrapper || endWrapper;\n\n    requestAnimationFrame(() => connectFloatingUI(this, this.referenceEl, this.floatingEl));\n  }\n\n  private valueAsDateChangedExternally = false;\n\n  private placeholderTextId = `calcite-input-date-picker-placeholder-${guid()}`;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private onInputWrapperPointerDown = (): void => {\n    this.currentOpenInput = this.focusedInput;\n  };\n\n  private onInputWrapperClick = (event: MouseEvent) => {\n    const { range, endInput, startInput, currentOpenInput } = this;\n    const currentTarget = event.currentTarget as HTMLDivElement;\n    const position = currentTarget.getAttribute(\"data-position\") as \"start\" | \"end\";\n    const path = event.composedPath();\n    const wasToggleClicked = path.find((el: HTMLElement) => el.classList?.contains(CSS.toggleIcon));\n\n    if (wasToggleClicked) {\n      const targetInput = position === \"start\" ? startInput : endInput;\n      targetInput.setFocus();\n    }\n\n    if (!range || !this.open || currentOpenInput === position) {\n      this.open = !this.open;\n    }\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterComputedPlacements(flipPlacements, el)\n      : null;\n  };\n\n  private setTransitionEl = (el): void => {\n    this.transitionEl = el;\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  onBeforeOpen(): void {\n    this.calciteInputDatePickerBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    activateFocusTrap(this, {\n      onActivate: () => {\n        if (this.focusOnOpen) {\n          this.datePickerEl.setFocus();\n          this.focusOnOpen = false;\n        }\n      },\n    });\n    this.calciteInputDatePickerOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteInputDatePickerBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteInputDatePickerClose.emit();\n    deactivateFocusTrap(this);\n    this.restoreInputFocus();\n    this.focusOnOpen = false;\n    this.datePickerEl.reset();\n  }\n\n  setStartInput = (el: HTMLCalciteInputElement): void => {\n    this.startInput = el;\n  };\n\n  setEndInput = (el: HTMLCalciteInputElement): void => {\n    this.endInput = el;\n  };\n\n  private blurHandler = (): void => {\n    this.open = false;\n  };\n\n  private commitValue(): void {\n    const { focusedInput, value } = this;\n    const focusedInputName = `${focusedInput}Input`;\n    const focusedInputValue = this[focusedInputName].value;\n    const date = dateFromLocalizedString(focusedInputValue, this.localeData) as Date;\n    const dateAsISO = dateToISO(date);\n    const valueIsArray = Array.isArray(value);\n    if (this.range) {\n      const focusedInputValueIndex = focusedInput === \"start\" ? 0 : 1;\n      if (valueIsArray) {\n        if (dateAsISO === value[focusedInputValueIndex]) {\n          return;\n        }\n        if (date) {\n          this.setRangeValue([\n            focusedInput === \"start\" ? date : dateFromISO(value[0]),\n            focusedInput === \"end\" ? date : dateFromISO(value[1]),\n          ]);\n          this.localizeInputValues();\n        } else {\n          this.setRangeValue([\n            focusedInput === \"end\" && dateFromISO(value[0]),\n            focusedInput === \"start\" && dateFromISO(value[1]),\n          ]);\n        }\n      } else {\n        if (date) {\n          this.setRangeValue([\n            focusedInput === \"start\" ? date : dateFromISO(value[0]),\n            focusedInput === \"end\" ? date : dateFromISO(value[1]),\n          ]);\n          this.localizeInputValues();\n        }\n      }\n    } else {\n      if (dateAsISO === value) {\n        return;\n      }\n      this.setValue(date);\n      this.localizeInputValues();\n    }\n  }\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    const { defaultPrevented, key } = event;\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (key === \"Enter\") {\n      this.commitValue();\n\n      if (this.shouldFocusRangeEnd()) {\n        this.endInput?.setFocus();\n      } else if (this.shouldFocusRangeStart()) {\n        this.startInput?.setFocus();\n      }\n\n      if (submitForm(this)) {\n        event.preventDefault();\n        this.restoreInputFocus();\n      }\n    } else if (key === \"ArrowDown\") {\n      this.open = true;\n      this.focusOnOpen = true;\n      event.preventDefault();\n    } else if (key === \"Escape\") {\n      this.open = false;\n      event.preventDefault();\n      this.restoreInputFocus();\n    }\n  };\n\n  startInputFocus = (): void => {\n    this.focusedInput = \"start\";\n  };\n\n  endInputFocus = (): void => {\n    this.focusedInput = \"end\";\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  setStartWrapper = (el: HTMLDivElement): void => {\n    this.startWrapper = el;\n    this.setReferenceEl();\n  };\n\n  setEndWrapper = (el: HTMLDivElement): void => {\n    this.endWrapper = el;\n    this.setReferenceEl();\n  };\n\n  setDatePickerRef = (el: HTMLCalciteDatePickerElement): void => {\n    this.datePickerEl = el;\n    connectFocusTrap(this, {\n      focusTrapEl: el,\n      focusTrapOptions: {\n        initialFocus: false,\n        setReturnFocus: false,\n      },\n    });\n  };\n\n  @Watch(\"effectiveLocale\")\n  private async loadLocaleData(): Promise<void> {\n    if (!Build.isBrowser) {\n      return;\n    }\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem: this.numberingSystem,\n      locale: this.effectiveLocale,\n      useGrouping: false,\n    };\n    this.localeData = await getLocaleData(this.effectiveLocale);\n    this.localizeInputValues();\n  }\n\n  /**\n   * Event handler for when the selected date changes\n   *\n   * @param event CalciteDatePicker custom change event\n   */\n  handleDateChange = (event: CustomEvent<void>): void => {\n    if (this.range) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    this.setValue((event.target as HTMLCalciteDatePickerElement).valueAsDate as Date);\n    this.localizeInputValues();\n    this.restoreInputFocus();\n  };\n\n  private shouldFocusRangeStart(): boolean {\n    const startValue = this.value[0];\n    const endValue = this.value[1];\n    return !!(endValue && !startValue && this.focusedInput === \"end\" && this.startInput);\n  }\n\n  private shouldFocusRangeEnd(): boolean {\n    const startValue = this.value[0];\n    const endValue = this.value[1];\n    return !!(startValue && !endValue && this.focusedInput === \"start\" && this.endInput);\n  }\n\n  private handleDateRangeChange = (event: CustomEvent<void>): void => {\n    if (!this.range) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    const value = (event.target as HTMLCalciteDatePickerElement).valueAsDate as Date[];\n\n    this.setRangeValue(value);\n    this.localizeInputValues();\n    this.restoreInputFocus();\n  };\n\n  private restoreInputFocus(): void {\n    if (!this.range) {\n      this.startInput.setFocus();\n      return;\n    }\n\n    const focusedInput = this.focusedInput === \"start\" ? this.startInput : this.endInput;\n    focusedInput.setFocus();\n  }\n\n  private localizeInputValues(): void {\n    const date = dateFromRange(\n      (this.range\n        ? (Array.isArray(this.valueAsDate) && this.valueAsDate[0]) || undefined\n        : this.valueAsDate) as Date,\n      this.minAsDate,\n      this.maxAsDate,\n    );\n    const endDate = this.range\n      ? dateFromRange(\n          (Array.isArray(this.valueAsDate) && this.valueAsDate[1]) || undefined,\n          this.minAsDate,\n          this.maxAsDate,\n        )\n      : null;\n\n    const formattingOptions = {\n      // we explicitly set numberingSystem to prevent the browser-inferred value\n      // see https://github.com/Esri/calcite-design-system/issues/3079#issuecomment-1168964195 for more info\n      numberingSystem: getSupportedNumberingSystem(this.numberingSystem),\n    };\n\n    const localizedDate = date && date.toLocaleDateString(this.effectiveLocale, formattingOptions);\n    const localizedEndDate =\n      endDate && endDate.toLocaleDateString(this.effectiveLocale, formattingOptions);\n\n    this.setInputValue(localizedDate ?? \"\", \"start\");\n    this.setInputValue((this.range && localizedEndDate) ?? \"\", \"end\");\n  }\n\n  private setInputValue = (newValue: string, input: \"start\" | \"end\" = \"start\"): void => {\n    const inputEl = this[`${input}Input`];\n    if (!inputEl) {\n      return;\n    }\n    inputEl.value = newValue;\n  };\n\n  private setRangeValue = (valueAsDate: Date[]): void => {\n    if (!this.range) {\n      return;\n    }\n\n    const { value: oldValue } = this;\n    const oldValueIsArray = Array.isArray(oldValue);\n    const valueIsArray = Array.isArray(valueAsDate);\n\n    const newStartDate = valueIsArray ? valueAsDate[0] : null;\n    let newStartDateISO = valueIsArray ? dateToISO(newStartDate) : \"\";\n    if (newStartDateISO) {\n      newStartDateISO = this.getNormalizedDate(newStartDateISO);\n    }\n\n    const newEndDate = valueIsArray ? valueAsDate[1] : null;\n    let newEndDateISO = valueIsArray ? dateToISO(newEndDate) : \"\";\n    if (newEndDateISO) {\n      newEndDateISO = this.getNormalizedDate(newEndDateISO);\n    }\n\n    const newValue = newStartDateISO || newEndDateISO ? [newStartDateISO, newEndDateISO] : \"\";\n\n    if (newValue === oldValue) {\n      return;\n    }\n\n    this.userChangedValue = true;\n    this.value = newValue;\n    this.valueAsDate = newValue ? getValueAsDateRange(newValue) : undefined;\n\n    const changeEvent = this.calciteInputDatePickerChange.emit();\n\n    if (changeEvent && changeEvent.defaultPrevented) {\n      this.value = oldValue;\n      if (oldValueIsArray) {\n        this.setInputValue(oldValue[0], \"start\");\n        this.setInputValue(oldValue[1], \"end\");\n      } else {\n        this.value = oldValue;\n        this.setInputValue(oldValue as string);\n      }\n    }\n  };\n\n  private setValue = (value: Date | string): void => {\n    if (this.range) {\n      return;\n    }\n\n    const oldValue = this.value;\n    let newValue = dateToISO(value as Date);\n    newValue = this.getNormalizedDate(newValue);\n\n    if (newValue === oldValue) {\n      return;\n    }\n\n    this.userChangedValue = true;\n    this.valueAsDate = newValue ? dateFromISO(newValue) : undefined;\n    this.value = newValue || \"\";\n\n    const changeEvent = this.calciteInputDatePickerChange.emit();\n\n    if (changeEvent.defaultPrevented) {\n      this.value = oldValue;\n      this.setInputValue(oldValue as string);\n    }\n  };\n\n  private warnAboutInvalidValue(value: string): void {\n    console.warn(\n      `The specified value \"${value}\" does not conform to the required format, \"YYYY-MM-DD\".`,\n    );\n  }\n\n  private commonDateSeparators = [\".\", \"-\", \"/\"];\n\n  private formatNumerals = (value: string): string =>\n    value\n      ? value\n          .split(\"\")\n          .map((char: string) =>\n            this.commonDateSeparators?.includes(char)\n              ? this.localeData?.separator\n              : numberKeys?.includes(char)\n                ? numberStringFormatter?.numberFormatter?.format(Number(char))\n                : char,\n          )\n          .join(\"\")\n      : \"\";\n\n  private parseNumerals = (value: string): string =>\n    value\n      ? value\n          .split(\"\")\n          .map((char: string) =>\n            numberKeys.includes(char) ? numberStringFormatter.delocalize(char) : char,\n          )\n          .join(\"\")\n      : \"\";\n\n  private getNormalizedDate(value: string): string {\n    if (!value) {\n      return \"\";\n    }\n\n    if (!isTwoDigitYear(value)) {\n      return value;\n    }\n\n    const { day, month, year } = datePartsFromISO(value);\n    const normalizedYear = normalizeToCurrentCentury(Number(year));\n    return `${normalizedYear}-${month}-${day}`;\n  }\n}\n"],"mappings":"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"}