@esri/calcite-components 2.3.0 → 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-30719b16.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkboxCss","Checkbox","this","checkedPath","indeterminatePath","getPath","indeterminate","checked","toggle","disabled","setFocus","calciteCheckboxChange","emit","keyDownHandler","event","isActivationKey","key","preventDefault","clickHandler","onToggleBlur","calciteInternalCheckboxBlur","onToggleFocus","calciteInternalCheckboxFocus","onLabelClick","componentFocusable","toggleEl","focus","syncHiddenFormInput","input","type","connectedCallback","guid","el","id","connectInteractive","connectLabel","connectForm","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","render","h","Host","onClick","onKeyDown","InteractiveContainer","toAriaBoolean","getLabelText","class","onBlur","onFocus","role","tabIndex","undefined","ref","viewBox","d","HiddenFormInputSlot","component"],"sources":["src/components/checkbox/checkbox.scss?tag=calcite-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-checkbox-size: Specifies the component's height and width.\n */\n\n:host([scale=\"s\"]) {\n  --calcite-checkbox-size: theme(\"spacing.3\");\n}\n:host([scale=\"m\"]) {\n  --calcite-checkbox-size: theme(\"fontSize.n1\");\n}\n:host([scale=\"l\"]) {\n  --calcite-checkbox-size: theme(\"spacing.4\");\n}\n\n:host {\n  @apply relative\n    inline-flex\n    cursor-pointer\n    select-none;\n  -webkit-tap-highlight-color: transparent;\n\n  .check-svg,\n  .toggle {\n    inline-size: var(--calcite-checkbox-size);\n    block-size: var(--calcite-checkbox-size);\n  }\n\n  .check-svg {\n    @apply bg-foreground-1\n      pointer-events-none\n      box-border\n      block\n      overflow-hidden\n      fill-current\n      stroke-current\n      stroke-1\n      transition-default;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-border-input);\n    color: theme(\"backgroundColor.background\");\n  }\n}\n\n:host([status=\"invalid\"]:not([checked])) {\n  .check-svg {\n    box-shadow: inset 0 0 0 1px var(--calcite-color-status-danger);\n  }\n  .toggle:focus {\n    @apply focus-outset-danger;\n  }\n}\n\n:host([checked]),\n:host([indeterminate]) {\n  .check-svg {\n    @apply bg-brand;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-brand);\n  }\n}\n:host([hovered]) .toggle,\n:host .toggle:hover {\n  .check-svg {\n    box-shadow: inset 0 0 0 2px var(--calcite-color-brand);\n  }\n}\n\n.toggle {\n  @apply focus-base relative;\n\n  &:active,\n  &:focus,\n  &:focus-visible {\n    @apply focus-outset;\n  }\n\n  &::after {\n    content: \"\";\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    min-block-size: theme(\"width.6\");\n    min-inline-size: theme(\"width.6\");\n    position: absolute;\n    transform: translateX(-50%) translateY(-50%);\n  }\n}\n\n@include disabled();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale, Status } from \"../interfaces\";\n\n@Component({\n  tag: \"calcite-checkbox\",\n  styleUrl: \"checkbox.scss\",\n  shadow: true,\n})\nexport class Checkbox\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\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 })\n  form: string;\n\n  /** The `id` attribute of the component. When omitted, a globally unique identifier is used. */\n  @Prop({ reflect: true, mutable: true }) guid: string;\n\n  /**\n   * The hovered state of the checkbox.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) hovered = false;\n\n  /**\n   * When `true`, the component is initially indeterminate, which is independent from its `checked` value.\n   *\n   * The state is visual only, and can look different across browsers.\n   *\n   * @mdn [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)\n   */\n  @Prop({ reflect: true, mutable: true }) indeterminate = false;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\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  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** The component's value. */\n  @Prop() value: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteCheckboxElement;\n\n  readonly checkedPath = \"M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z\";\n\n  readonly indeterminatePath = \"M13 8v1H3V8z\";\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultChecked: boolean;\n\n  defaultValue: Checkbox[\"checked\"];\n\n  toggleEl: HTMLDivElement;\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\n    this.toggleEl?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"checkbox\";\n  }\n\n  getPath = (): string =>\n    this.indeterminate ? this.indeterminatePath : this.checked ? this.checkedPath : \"\";\n\n  toggle = (): void => {\n    if (!this.disabled) {\n      this.checked = !this.checked;\n      this.setFocus();\n      this.indeterminate = false;\n      this.calciteCheckboxChange.emit();\n    }\n  };\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.toggle();\n      event.preventDefault();\n    }\n  };\n\n  clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.toggle();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is blurred.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalCheckboxBlur: EventEmitter<boolean>;\n\n  /** Fires when the component's `checked` status changes. */\n  @Event({ cancelable: false }) calciteCheckboxChange: EventEmitter<void>;\n\n  /**\n   * Fires when the component is focused.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalCheckboxFocus: EventEmitter<boolean>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  onToggleBlur = (): void => {\n    this.calciteInternalCheckboxBlur.emit(false);\n  };\n\n  onToggleFocus = (): void => {\n    this.calciteInternalCheckboxFocus.emit(true);\n  };\n\n  onLabelClick = (): void => {\n    this.toggle();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.guid = this.el.id || `calcite-checkbox-${guid()}`;\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(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  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class=\"toggle\"\n            onBlur={this.onToggleBlur}\n            onFocus={this.onToggleFocus}\n            role=\"checkbox\"\n            tabIndex={this.disabled ? undefined : 0}\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={(toggleEl) => (this.toggleEl = toggleEl)}\n          >\n            <svg aria-hidden=\"true\" class=\"check-svg\" viewBox=\"0 0 16 16\">\n              <path d={this.getPath()} />\n            </svg>\n            <slot />\n          </div>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;ybAAA,MAAMA,EAAc,0sF,MCyCPC,EAAQ,M,0OAwEVC,KAAAC,YAAc,2DAEdD,KAAAE,kBAAoB,eAoC7BF,KAAAG,QAAU,IACRH,KAAKI,cAAgBJ,KAAKE,kBAAoBF,KAAKK,QAAUL,KAAKC,YAAc,GAElFD,KAAAM,OAAS,KACP,IAAKN,KAAKO,SAAU,CAClBP,KAAKK,SAAWL,KAAKK,QACrBL,KAAKQ,WACLR,KAAKI,cAAgB,MACrBJ,KAAKS,sBAAsBC,M,GAI/BV,KAAAW,eAAkBC,IAChB,GAAIC,EAAgBD,EAAME,KAAM,CAC9Bd,KAAKM,SACLM,EAAMG,gB,GAIVf,KAAAgB,aAAe,KACb,GAAIhB,KAAKO,SAAU,CACjB,M,CAGFP,KAAKM,QAAQ,EAgCfN,KAAAiB,aAAe,KACbjB,KAAKkB,4BAA4BR,KAAK,MAAM,EAG9CV,KAAAmB,cAAgB,KACdnB,KAAKoB,6BAA6BV,KAAK,KAAK,EAG9CV,KAAAqB,aAAe,KACbrB,KAAKM,QAAQ,E,aArKmC,M,cAGd,M,qDAkBD,M,mBASqB,M,uDAapB,M,WAGI,I,YAGE,O,qBAmC1C,cAAME,SACEc,EAAmBtB,MAEzBA,KAAKuB,UAAUC,O,CASjB,mBAAAC,CAAoBC,GAClBA,EAAMC,KAAO,U,CA6Ef,iBAAAC,GACE5B,KAAK6B,KAAO7B,KAAK8B,GAAGC,IAAM,oBAAoBF,MAC9CG,EAAmBhC,MACnBiC,EAAajC,MACbkC,EAAYlC,K,CAGd,oBAAAmC,GACEC,EAAsBpC,MACtBqC,EAAgBrC,MAChBsC,EAAetC,K,CAGjB,iBAAAuC,GACEC,EAAuBxC,K,CAGzB,gBAAAyC,GACEC,EAAmB1C,K,CAGrB,kBAAA2C,GACEC,EAAsB5C,K,CASxB,MAAA6C,GACE,OACEC,EAACC,EAAI,CAACC,QAAShD,KAAKgB,aAAciC,UAAWjD,KAAKW,gBAChDmC,EAACI,EAAoB,CAAC3C,SAAUP,KAAKO,UACnCuC,EAAA,sBACgBK,EAAcnD,KAAKK,SAAQ,aAC7B+C,EAAapD,MACzBqD,MAAM,SACNC,OAAQtD,KAAKiB,aACbsC,QAASvD,KAAKmB,cACdqC,KAAK,WACLC,SAAUzD,KAAKO,SAAWmD,UAAY,EAEtCC,IAAMpC,GAAcvB,KAAKuB,SAAWA,GAEpCuB,EAAA,qBAAiB,OAAOO,MAAM,YAAYO,QAAQ,aAChDd,EAAA,QAAMe,EAAG7D,KAAKG,aAEhB2C,EAAA,cAEFA,EAACgB,EAAmB,CAACC,UAAW/D,Q"}

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