@esri/calcite-components 2.1.0-next.0 → 2.1.0-next.2

package/dist/calcite/p-ca68fa0c.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.1.0-next.2
+ */
+import{r as t,c as i,h as e,H as s,g as a}from"./p-793d9a3b.js";import{d as n,a as r,b as o,i as h,c as l,g as c,e as d,f as p,h as u}from"./p-c52a7196.js";import{t as f}from"./p-6cc43458.js";import{f as m,c as g,d as v,r as b,a as y,F as w}from"./p-956f61a6.js";import{s as x,c as k,d as D,H as C}from"./p-d5c47529.js";import{c as I,d as z,u as A}from"./p-8fa4cc81.js";import{n as P}from"./p-1a7e4103.js";import{c as j,d as F}from"./p-ef01f1b1.js";import{c as O,s as T,a as R}from"./p-ff9a5c92.js";import{n as E,c as H,d as M,b as S}from"./p-c92499c5.js";import{o as $}from"./p-747a24fe.js";import{c as L,s as Y,d as B}from"./p-09c1318f.js";import{c as W,d as q,a as _}from"./p-1e56c915.js";import{g as N}from"./p-aa8b4261.js";import{g as X}from"./p-a88c3b3f.js";import"./p-094e8227.js";import"./p-3d447467.js";import"./p-25f30376.js";import"./p-47054ddc.js";const G={assistiveText:"assistive-text",menu:"menu-container",menuActive:"menu-container--active",toggleIcon:"toggle-icon"};function V(t){if(!t){return false}const{year:i}=n(t);return Number(i)<100}function K(t){const i=(new Date).getFullYear();const e=Math.floor(i/100)*100+t;return e}const J=":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}.calendar-picker-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-picker-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}::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 Q=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 l=o(e,this.localeData);if(h(l,this.min,this.max)){this.datePickerActiveDate=l}};this.calciteInternalInputBlurHandler=()=>{this.commitValue()};this.dialogId=`date-picker-dialog--${N()}`;this.focusOnOpen=false;this.lastBlurredInput="none";this.userChangedValue=false;this.openTransitionProp="opacity";this.valueAsDateChangedExternally=false;this.placeholderTextId=`calcite-input-date-picker-placeholder-${N()}`;this.onInputWrapperClick=()=>{if(this.range&&this.lastBlurredInput!=="none"&&this.open);else{this.open=!this.open}this.lastBlurredInput="none"};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.deactivate=()=>{this.open=false;this.lastBlurredInput="none"};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(x(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.startEndInputFocus=t=>{const i=t.relatedTarget;this.lastBlurredInput=i===this.startInput?"start":i===this.endInput?"end":"none"};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;W(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?l(a):"";if(n){n=this.getNormalizedDate(n)}const r=s?t[1]:null;let o=s?l(r):"";if(o){o=this.getNormalizedDate(o)}const h=n||o?[n,o]:"";if(h===i){return}this.userChangedValue=true;this.value=h;this.valueAsDate=h?c(h):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=l(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:P?.includes(t)?E?.numberFormatter?.format(Number(t)):t)).join(""):"";this.parseNumerals=t=>t?t.split("").map((t=>P.includes(t)?E.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.name=undefined;this.numberingSystem=undefined;this.scale="m";this.status="idle";this.placement=v;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?q(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)?[l(t[0]),l(t[1])]:l(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(){$(this);if(this.disabled||this.readOnly){this.open=false;return}}overlayPositioningHandler(){this.reposition(true)}calciteDaySelectHandler(){if(this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()){return}this.open=false}async setFocus(){await O(this);this.el.focus()}async reposition(t=false){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:a,filteredFlipPlacements:n}=this;return b(this,{floatingEl:i,referenceEl:e,overlayPositioning:a,placement:s,flipPlacements:n,type:"menu"},t)}connectedCallback(){I(this);H(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=l(this.valueAsDate)}}if(this.min){this.minAsDate=d(this.min)}if(this.max){this.maxAsDate=d(this.max)}j(this);k(this);L(this);this.setFilteredPlacements();this.reposition(true);E.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};if(this.open){$(this)}g(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){T(this);await Promise.all([this.loadLocaleData(),Y(this)]);this.onMinChanged(this.min);this.onMaxChanged(this.max)}componentDidLoad(){R(this);this.localizeInputValues();this.reposition(true)}disconnectedCallback(){q(this);z(this);F(this);D(this);y(this,this.referenceEl,this.floatingEl);M(this);B(this)}componentDidRender(){A(this)}render(){const{disabled:t,effectiveLocale:i,messages:a,numberingSystem:n,readOnly:r}=this;E.numberFormatOptions={numberingSystem:n,locale:i,useGrouping:false};return e(s,{onBlur:this.deactivate,onKeyDown:this.keyDownHandler},this.localeData&&e("div",{class:"input-container"},e("div",{class:"input-wrapper",onClick:this.onInputWrapperClick,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:`input ${this.layout==="vertical"&&this.range?`no-bottom-border`:``}`,disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.startInputFocus,onFocus:this.startEndInputFocus,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:G.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:{[G.menu]:true,[G.menuActive]:this.open},id:this.dialogId,role:"dialog",ref:this.setFloatingEl},e("div",{class:{["calendar-picker-wrapper"]:true,["calendar-picker-wrapper--end"]:this.focusedInput==="end",[w.animation]:true,[w.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:"horizontal-arrow-container"},e("calcite-icon",{flipRtl:true,icon:"arrow-right",scale:X(this.scale)})),this.range&&this.layout==="vertical"&&this.scale!=="s"&&e("div",{class:"vertical-arrow-container"},e("calcite-icon",{icon:"arrow-down",scale:X(this.scale)})),this.range&&e("div",{class:"input-wrapper",onClick:this.onInputWrapperClick,ref:this.setEndWrapper},e("calcite-input-text",{"aria-autocomplete":"none","aria-controls":this.dialogId,"aria-expanded":f(this.open),"aria-haspopup":"dialog",class:{input:true,"border-top-color-one":this.layout==="vertical"&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.endInputFocus,onFocus:this.startEndInputFocus,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}))}renderToggleIcon(t){return e("span",{class:G.toggleIcon},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.reposition(true);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();q(this);this.restoreInputFocus();this.focusOnOpen=false;this.datePickerEl.reset();this.reposition(true)}commitValue(){const{focusedInput:t,value:i}=this;const e=`${t}Input`;const s=this[e].value;const a=o(s,this.localeData);const n=l(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(){E.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:S};const s=t&&this.formatNumerals(t.toLocaleDateString(this.effectiveLocale,e));const a=i&&this.formatNumerals(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(!V(t)){return t}const{day:i,month:e,year:s}=n(t);const a=K(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"]}}};Q.style=J;export{Q as calcite_input_date_picker};
+//# sourceMappingURL=p-ca68fa0c.entry.js.map

package/dist/calcite/p-cb8a4575.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.1.0-next.2
+ */
+import{r as t,h as e,F as i,g as n}from"./p-793d9a3b.js";import{c as o,d as s}from"./p-274ba486.js";import{e as c}from"./p-6cc43458.js";import{c as a,d as r,u as l}from"./p-8fa4cc81.js";import"./p-47054ddc.js";import"./p-aa8b4261.js";import"./p-094e8227.js";import"./p-25f30376.js";const d={contentStart:"content-start",contentEnd:"content-end"};const h=":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{box-sizing:border-box;display:inline-block;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .container{pointer-events:none;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:0.5rem}:host .content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:0.5rem;inline-size:10%}:host .content-container{display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;padding:0px;color:var(--calcite-color-text-2);outline-color:transparent}:host .content-slot-container{display:flex;align-items:center;background-color:var(--calcite-color-foreground-1)}:host .content-slot-container:first-child{padding-inline:0 0.75rem}:host .content-slot-container:last-child{padding-inline:0.75rem 0}:host .heading{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .large-visual{align-items:center;text-align:center;min-block-size:12rem}:host .large-visual .icon{display:flex;justify-content:center;align-self:flex-end}:host .large-visual .content-container{align-self:center}:host .description{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host([href]) .heading,:host([href]:hover) .heading{text-decoration-line:underline;color:var(--calcite-color-text-link)}:host(:not([embed])){padding:0.75rem;box-shadow:0 0 0 1px var(--calcite-color-border-2)}:host(:not([embed])[href]:hover){cursor:pointer;box-shadow:0 0 0 2px var(--calcite-color-brand)}:host(:not([embed])[href]:active){box-shadow:0 0 0 3px var(--calcite-color-brand)}:host([icon][heading]:not([description]):not([embed])){padding:0px}:host([icon][heading]:not([description])) .icon{display:flex;justify-content:center}:host([icon][heading]:not([description])) .large-visual{text-align:center}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host(:hover) .heading,:host([active]) .heading{color:var(--calcite-color-text-1)}:host(:hover) .description,:host([active]) .description{color:var(--calcite-color-text-2)}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(e){t(this,e);this.active=false;this.description=undefined;this.disabled=false;this.embed=false;this.focused=false;this.heading=undefined;this.hidden=false;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false}connectedCallback(){o(this);a(this)}disconnectedCallback(){s(this);r(this)}componentDidRender(){l(this)}renderTile(){const{icon:t,el:i,heading:n,description:o,iconFlipRtl:s}=this;const a=n&&t&&!o;const r=a?{height:"64px",width:"64px"}:undefined;return e("div",{class:{container:true,"large-visual":a}},t&&e("div",{class:"icon"},e("calcite-icon",{flipRtl:s,icon:t,scale:"l",style:r})),e("div",{class:"content-container"},c(i,d.contentStart)?e("div",{class:"content-slot-container"},e("slot",{name:d.contentStart})):null,e("div",{class:"content"},n&&e("div",{class:"heading"},n),o&&e("div",{class:"description"},o)),c(i,d.contentEnd)?e("div",{class:"content-slot-container"},e("slot",{name:d.contentEnd})):null))}render(){return e(i,null,this.href?e("calcite-link",{disabled:this.disabled,href:this.href},this.renderTile()):this.renderTile())}get el(){return n(this)}};p.style=h;export{p as calcite_tile};
+//# sourceMappingURL=p-cb8a4575.entry.js.map

package/dist/calcite/p-cbd83da4.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.1.0-next.2
+ */
+import{d as r}from"./p-818a6508.js";import"./p-793d9a3b.js";import"./p-d5c47529.js";import"./p-6cc43458.js";import"./p-aa8b4261.js";import"./p-094e8227.js";import"./p-8fa4cc81.js";import"./p-25f30376.js";import"./p-1a7e4103.js";import"./p-ef01f1b1.js";import"./p-a88c3b3f.js";import"./p-ff9a5c92.js";import"./p-c92499c5.js";import"./p-47054ddc.js";import"./p-1e56c915.js";import"./p-7f9f8621.js";import"./p-09c1318f.js";import"./p-747a24fe.js";var t={name:"nb",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"sø._ma._ti._on._to._fr._lø.".split("_"),weekdaysMin:"sø_ma_ti_on_to_fr_lø".split("_"),months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan._feb._mars_april_mai_juni_juli_aug._sep._okt._nov._des.".split("_"),ordinal:function r(t){return t+"."},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] HH:mm",LLLL:"dddd D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"noen sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",M:"en måned",MM:"%d måneder",y:"ett år",yy:"%d år"}};r.locale(t,null,true);export default t;
+//# sourceMappingURL=p-cbd83da4.js.map

package/dist/calcite/p-cc2fedbf.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.1.0-next.2
+ */
+import{h as t}from"./p-793d9a3b.js";const o={arrow:"calcite-floating-ui-arrow",arrowStroke:"calcite-floating-ui-arrow__stroke"};const r={width:12,height:6,strokeWidth:1};const e=({floatingLayout:e,key:i,ref:a})=>{const{width:s,height:n,strokeWidth:h}=r;const c=s/2;const d=e==="vertical";const l="M0,0"+` H${s}`+` L${s-c},${n}`+` Q${c},${n} ${c},${n}`+" Z";return t("svg",{"aria-hidden":"true",class:o.arrow,height:s,key:i,viewBox:`0 0 ${s} ${s+(!d?h:0)}`,width:s+(d?h:0),ref:a},h>0&&t("path",{class:o.arrowStroke,d:l,fill:"none","stroke-width":h+1}),t("path",{d:l,stroke:"none"}))};export{e as F};
+//# sourceMappingURL=p-cc2fedbf.js.map

package/dist/calcite/p-cdcb38d6.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.1.0-next.2
+ */
+const e={actionBarContainer:"action-bar-container",backButton:"back-button",container:"container",header:"header",headerContainer:"header-container",headerContainerBorderEnd:"header-container--border-end",heading:"heading",summary:"summary",description:"description",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",fabContainer:"fab-container",footer:"footer"};const n={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right",expand:"chevron-down",collapse:"chevron-up"};const a={actionBar:"action-bar",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};export{e as C,n as I,a as S};
+//# sourceMappingURL=p-cdcb38d6.js.map

package/dist/calcite/p-d0922e4b.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.1.0-next.2
+ */
+function n(n,r){return(n+r)%r}export{n as g};
+//# sourceMappingURL=p-d0922e4b.js.map

package/dist/calcite/p-d0c5d9ea.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.1.0-next.2
+ */
+import{r as t,c as e,h as i,g as n,F as s}from"./p-793d9a3b.js";import{c as o}from"./p-47054ddc.js";import{d as a}from"./p-6cc43458.js";import{c,d as l,a as r,H as h}from"./p-d5c47529.js";import{c as d,d as p,u}from"./p-8fa4cc81.js";import{c as f,d as m,g as b}from"./p-ef01f1b1.js";import{s as g,a as v,c as C}from"./p-ff9a5c92.js";import{g as x}from"./p-a88c3b3f.js";import"./p-aa8b4261.js";import"./p-094e8227.js";import"./p-25f30376.js";const y=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const w=class{constructor(i){t(this,i);this.calciteInternalOptionChange=e(this,"calciteInternalOptionChange",6);this.mutationObserver=o("mutation",(()=>{this.ensureTextContentDependentProps();this.calciteInternalOptionChange.emit()}));this.disabled=false;this.label=undefined;this.selected=undefined;this.value=undefined}handlePropChange(t,e,i){if(i==="label"||i==="value"){this.ensureTextContentDependentProps()}this.calciteInternalOptionChange.emit()}ensureTextContentDependentProps(){const{el:{textContent:t},internallySetLabel:e,internallySetValue:i,label:n,value:s}=this;if(!n||n===e){this.label=t;this.internallySetLabel=t}if(s==null||s===i){this.value=t;this.internallySetValue=t}}connectedCallback(){this.ensureTextContentDependentProps();this.mutationObserver?.observe(this.el,{attributeFilter:["label","value"],characterData:true,childList:true,subtree:true})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i("slot",null,this.label)}get el(){return n(this)}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}}};w.style=y;const z=":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";const O=class{constructor(i){t(this,i);this.calciteInternalOptionGroupChange=e(this,"calciteInternalOptionGroupChange",6);this.disabled=false;this.label=undefined}handlePropChange(){this.calciteInternalOptionGroupChange.emit()}render(){return i(s,null,i("div",null,this.label),i("slot",null))}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"]}}};O.style=z;const k={icon:"icon",iconContainer:"icon-container",select:"select"};const P=":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:flex;align-items:stretch;inline-size:var(--select-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){block-size:2rem;--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){block-size:44px;--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:inherit;color:var(--calcite-color-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select: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          )}.select:hover{background-color:var(--calcite-color-foreground-2)}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-inline-width:0px 1px}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container: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          )}.select:focus~.icon-container{border-color:transparent}::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}";function j(t){return t.tagName==="CALCITE-OPTION"}function I(t){return t.tagName==="CALCITE-OPTION-GROUP"}const L=class{constructor(i){t(this,i);this.calciteSelectChange=e(this,"calciteSelectChange",6);this.componentToNativeEl=new Map;this.mutationObserver=o("mutation",(()=>this.populateInternalSelect()));this.handleInternalSelectChange=()=>{const t=this.selectEl.selectedOptions[0];this.selectFromNativeOption(t);requestAnimationFrame((()=>this.emitChangeEvent()))};this.populateInternalSelect=()=>{const t=Array.from(this.el.children).filter((t=>t.tagName==="CALCITE-OPTION"||t.tagName==="CALCITE-OPTION-GROUP"));this.clearInternalSelect();t.forEach((t=>this.selectEl?.append(this.toNativeElement(t))))};this.storeSelectRef=t=>{this.selectEl=t;this.populateInternalSelect();const e=this.selectEl.selectedOptions[0];this.selectFromNativeOption(e)};this.emitChangeEvent=()=>{this.calciteSelectChange.emit()};this.disabled=false;this.form=undefined;this.label=undefined;this.name=undefined;this.required=false;this.scale="m";this.status="idle";this.value=null;this.selectedOption=undefined;this.width="auto"}valueHandler(t){const e=this.el.querySelectorAll("calcite-option");e.forEach((e=>e.selected=e.value===t))}selectedOptionHandler(t){this.value=t?.value}connectedCallback(){const{el:t}=this;this.mutationObserver?.observe(t,{subtree:true,childList:true});d(this);f(this);c(this)}disconnectedCallback(){this.mutationObserver?.disconnect();p(this);m(this);l(this)}componentWillLoad(){g(this)}componentDidLoad(){v(this);r(this,this.selectedOption?.value??"")}componentDidRender(){u(this)}async setFocus(){await C(this);a(this.selectEl)}handleOptionOrGroupChange(t){t.stopPropagation();const e=t.target;const i=this.componentToNativeEl.get(e);if(!i){return}this.updateNativeElement(e,i);if(j(e)&&e.selected){this.deselectAllExcept(e);this.selectedOption=e}}onLabelClick(){this.setFocus()}updateNativeElement(t,e){e.disabled=t.disabled;e.label=t.label;if(j(t)){const i=e;i.selected=t.selected;i.value=t.value;i.innerText=t.label}}clearInternalSelect(){this.componentToNativeEl.forEach((t=>t.remove()));this.componentToNativeEl.clear()}selectFromNativeOption(t){if(!t){return}let e;this.componentToNativeEl.forEach(((i,n)=>{if(j(n)&&i===t){n.selected=true;e=n;this.deselectAllExcept(n)}}));if(e){this.selectedOption=e}}toNativeElement(t){if(j(t)){const e=document.createElement("option");this.updateNativeElement(t,e);this.componentToNativeEl.set(t,e);return e}if(I(t)){const e=document.createElement("optgroup");this.updateNativeElement(t,e);Array.from(t.children).forEach((i=>{const n=this.toNativeElement(i);e.append(n);this.componentToNativeEl.set(t,n)}));this.componentToNativeEl.set(t,e);return e}throw new Error("unsupported element child provided")}deselectAllExcept(t){this.el.querySelectorAll("calcite-option").forEach((e=>{if(e===t){return}e.selected=false}))}renderChevron(){return i("div",{class:k.iconContainer},i("calcite-icon",{class:k.icon,icon:"chevron-down",scale:x(this.scale)}))}render(){return i(s,null,i("select",{"aria-label":b(this),class:k.select,disabled:this.disabled,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},i("slot",null)),this.renderChevron(),i(h,{component:this}))}get el(){return n(this)}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}};L.style=P;export{w as calcite_option,O as calcite_option_group,L as calcite_select};
+//# sourceMappingURL=p-d0c5d9ea.entry.js.map

package/dist/calcite/p-d1b8ef8e.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.1.0-next.2
+ */
+import{d as a}from"./p-818a6508.js";import"./p-793d9a3b.js";import"./p-d5c47529.js";import"./p-6cc43458.js";import"./p-aa8b4261.js";import"./p-094e8227.js";import"./p-8fa4cc81.js";import"./p-25f30376.js";import"./p-1a7e4103.js";import"./p-ef01f1b1.js";import"./p-a88c3b3f.js";import"./p-ff9a5c92.js";import"./p-c92499c5.js";import"./p-47054ddc.js";import"./p-1e56c915.js";import"./p-7f9f8621.js";import"./p-09c1318f.js";import"./p-747a24fe.js";var r={name:"tr",weekdays:"Pazar_Pazartesi_Salı_Çarşamba_Perşembe_Cuma_Cumartesi".split("_"),weekdaysShort:"Paz_Pts_Sal_Çar_Per_Cum_Cts".split("_"),weekdaysMin:"Pz_Pt_Sa_Ça_Pe_Cu_Ct".split("_"),months:"Ocak_Şubat_Mart_Nisan_Mayıs_Haziran_Temmuz_Ağustos_Eylül_Ekim_Kasım_Aralık".split("_"),monthsShort:"Oca_Şub_Mar_Nis_May_Haz_Tem_Ağu_Eyl_Eki_Kas_Ara".split("_"),weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},relativeTime:{future:"%s sonra",past:"%s önce",s:"birkaç saniye",m:"bir dakika",mm:"%d dakika",h:"bir saat",hh:"%d saat",d:"bir gün",dd:"%d gün",M:"bir ay",MM:"%d ay",y:"bir yıl",yy:"%d yıl"},ordinal:function a(r){return r+"."}};a.locale(r,null,true);export default r;
+//# sourceMappingURL=p-d1b8ef8e.js.map

package/dist/calcite/p-d2bd76e2.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.1.0-next.2
+ */
+import{r as t,c as s,h as i,H as a,g as o}from"./p-793d9a3b.js";import{c as e}from"./p-47054ddc.js";import{s as h,a as n,c as l}from"./p-ff9a5c92.js";const r=":host{display:flex;max-inline-size:100vw}:host([layout=horizontal]){flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const c=class{constructor(i){t(this,i);this.calciteRadioButtonGroupChange=s(this,"calciteRadioButtonGroupChange",6);this.mutationObserver=e("mutation",(()=>this.passPropsToRadioButtons()));this.passPropsToRadioButtons=()=>{this.radioButtons=Array.from(this.el.querySelectorAll("calcite-radio-button"));this.selectedItem=Array.from(this.radioButtons).find((t=>t.checked))||null;if(this.radioButtons.length>0){this.radioButtons.forEach((t=>{t.disabled=this.disabled||t.disabled;t.hidden=this.hidden;t.name=this.name;t.required=this.required;t.scale=this.scale}))}};this.disabled=false;this.hidden=false;this.layout="horizontal";this.name=undefined;this.required=false;this.selectedItem=null;this.scale="m";this.radioButtons=[]}onDisabledChange(){this.passPropsToRadioButtons()}onHiddenChange(){this.passPropsToRadioButtons()}onLayoutChange(){this.passPropsToRadioButtons()}onScaleChange(){this.passPropsToRadioButtons()}connectedCallback(){this.passPropsToRadioButtons();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentWillLoad(){h(this)}componentDidLoad(){n(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}getFocusableRadioButton(){return this.radioButtons.find((t=>!t.disabled))??null}async setFocus(){await l(this);if(this.selectedItem&&!this.selectedItem.disabled){return this.selectedItem.setFocus()}if(this.radioButtons.length>0){return this.getFocusableRadioButton()?.setFocus()}}radioButtonChangeHandler(t){this.selectedItem=t.target;this.calciteRadioButtonGroupChange.emit()}render(){return i(a,{role:"radiogroup"},i("slot",null))}get el(){return o(this)}static get watchers(){return{disabled:["onDisabledChange"],hidden:["onHiddenChange"],layout:["onLayoutChange"],scale:["onScaleChange"]}}};c.style=r;export{c as calcite_radio_button_group};
+//# sourceMappingURL=p-d2bd76e2.entry.js.map

package/dist/calcite/p-d384b4b1.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.1.0-next.2
+ */
+import{r as e,h as t,H as i,g as n}from"./p-793d9a3b.js";import{s as a,a as l}from"./p-ff9a5c92.js";import{a as s,c as r,d as c}from"./p-d5c47529.js";import{g as o,n as h,c as d,d as u}from"./p-c92499c5.js";import{v as b}from"./p-6cc43458.js";import{c as g}from"./p-47054ddc.js";import"./p-1a7e4103.js";import"./p-aa8b4261.js";import"./p-094e8227.js";const p={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"};const f=":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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host{display:flex;--calcite-meter-space-internal:0.125rem;--calcite-meter-height-internal:1rem;--calcite-meter-font-size-internal:var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal:0.75rem;--calcite-meter-font-size-internal:var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal:1.5rem;--calcite-meter-font-size-internal:var(--calcite-font-size-0)}.container{position:relative;margin:0px;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + 0.5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + 0.5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size, background-color, box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}";const m=class{constructor(t){e(this,t);this.labelFlipMax=.8;this.labelFlipProximity=.15;this.maxPercent=100;this.minPercent=0;this.resizeObserver=g("resize",(()=>this.resizeHandler()));this.formatLabel=(e,t)=>{if(t==="percent"){if(!this.percentFormatting){const e=o(this.effectiveLocale);const t=new Intl.NumberFormat(e,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:t,locale:e}}return this.percentFormatting.formatter.format(e)}else{h.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return h.localize(e.toString())}};this.appearance="outline-fill";this.disabled=false;this.fillType="range";this.form=undefined;this.groupSeparator=false;this.high=undefined;this.label=undefined;this.low=undefined;this.max=100;this.min=0;this.name=undefined;this.numberingSystem=undefined;this.rangeLabels=false;this.rangeLabelType="percent";this.scale="m";this.unitLabel="";this.value=undefined;this.valueLabel=false;this.valueLabelType="percent";this.currentPercent=undefined;this.effectiveLocale=undefined;this.highActive=undefined;this.highPercent=undefined;this.lowActive=undefined;this.lowPercent=undefined}handleRangeChange(){this.calculateValues();this.updateLabels()}handleLabelChange(){this.updateLabels()}async componentWillLoad(){a(this);this.calculateValues();s(this,this.value)}componentDidLoad(){l(this);this.updateLabels()}connectedCallback(){d(this);r(this);this.resizeObserver?.observe(this.el)}disconnectedCallback(){u(this);c(this);this.resizeObserver?.disconnect()}resizeHandler(){this.updateLabels()}updateLabels(){if(this.valueLabelEl){this.determineValueLabelPosition()}if(this.rangeLabels){this.determineVisibleLabels()}}calculateValues(){const{min:e,max:t,low:i,high:n,value:a}=this;const l=100*(i-e)/(t-e);const s=100*(n-e)/(t-e);const r=100*(a-e)/(t-e);if(!i||i<e||i>n||i>t){this.low=e}if(!n||n>t||n<i||n<e){this.high=t}if(!a){this.value=e}this.lowPercent=l;this.highPercent=s;this.currentPercent=a?r:0;this.lowActive=!!i&&i>e&&(!a||i>a)&&(!n||i<n);this.highActive=!!n&&e<=n&&n<t&&(!a||n>a)&&(!i||n>i)}getMeterKindCssClass(){const{low:e,high:t,min:i,max:n,value:a}=this;const l=e?e:i;const s=t?t:n;const r=a>=l;const c=a<l;const o=a>=s;const h=a<s;if(!a||!e&&h||c){return p.success}else if(r&&h){return p.warning}else if(o){return p.danger}else{return p.success}}intersects(e,t){return e&&t&&b(e.getBoundingClientRect(),t.getBoundingClientRect())}determineVisibleLabels(){const{minLabelEl:e,lowLabelEl:t,highLabelEl:i,maxLabelEl:n}=this;const a=this.intersects(i,n);const l=this.intersects(t,i);const s=this.intersects(t,n);const r=this.intersects(e,i);const c=this.intersects(e,t);const o=this.intersects(e,n);const h=p.labelHidden;if(t){if(c||s||l){t.classList.add(h)}else{t.classList.remove(h)}}if(i){if(r||s||a){i.classList.add(h)}else{i.classList.remove(h)}}if(e&&n){if(o){n.classList.add(h)}else{n.classList.remove(h)}}}determineValueLabelPosition(){const{valueLabelEl:e,meterContainerEl:t,currentPercent:i}=this;const n=i>100?100:i>0?i:0;const a=e.getBoundingClientRect().width;const l=t.getBoundingClientRect().width;const s=100*(a-0)/(l-0);if(n+s>=100){e.style.insetInlineEnd="0%";e.style.removeProperty("inset-inline-start")}else{e.style.insetInlineStart=`${n}% `;e.style.removeProperty("inset-inline-end")}}renderMeterFill(){const{currentPercent:e,fillType:i}=this;const n=this.getMeterKindCssClass();return t("div",{class:{[p.fill]:true,[n]:i!=="single"},style:{width:`${e}%`}})}renderRangeLine(e){const i={insetInlineStart:`${e}%`};return t("div",{class:p.stepLine,style:i})}renderValueLabel(){const{currentPercent:e,valueLabelType:i,unitLabel:n,value:a}=this;const l=this.formatLabel(i==="percent"?e/100:a||0,i);return t("div",{class:{[p.label]:true,[p.labelValue]:true},key:"low-label-line",ref:e=>this.valueLabelEl=e},l,n&&i!=="percent"&&t("span",{class:p.unitLabel}," ",n))}renderMinLabel(){const{rangeLabelType:e,min:i,minPercent:n,unitLabel:a}=this;const l={insetInlineStart:`${n}%`};const s=this.formatLabel(e==="percent"?n:i,e);return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"min-label-line",style:l,ref:e=>this.minLabelEl=e},s,a&&e!=="percent"&&t("span",{class:p.unitLabel}," ",a))}renderLowLabel(){const{rangeLabelType:e,low:i,lowPercent:n,highPercent:a,labelFlipProximity:l}=this;const s=i?this.formatLabel(e==="percent"?n/100:i,e):"";const r={insetInlineStart:`${n}%`};const c={insetInlineEnd:`${100-n}%`};const o=(a-n)/100<l?c:r;return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"low-label-line",style:o,ref:e=>this.lowLabelEl=e},s)}renderHighLabel(){const{rangeLabelType:e,high:i,highPercent:n,labelFlipMax:a}=this;const l=i?this.formatLabel(e==="percent"?n/100:i,e):"";const s={insetInlineStart:`${n}%`};const r={insetInlineEnd:`${100-n}%`};const c=n/100>=a?r:s;return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"high-label-line",style:c,ref:e=>this.highLabelEl=e},l)}renderMaxLabel(){const{rangeLabelType:e,max:i,maxPercent:n}=this;const a={insetInlineEnd:`${100-n}%`};const l=this.formatLabel(e==="percent"?n/100:i,e);return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"max-label-line",style:a,ref:e=>this.maxLabelEl=e},l)}render(){const{appearance:e,currentPercent:n,highActive:a,highPercent:l,label:s,lowActive:r,lowPercent:c,max:o,maxPercent:h,min:d,minPercent:u,rangeLabels:b,rangeLabelType:g,unitLabel:f,value:m,valueLabel:v,valueLabelType:L}=this;const y=this.formatLabel(n/100,"percent");const x=`${m} ${f}`;const w=L==="percent"?y:f?x:undefined;return t(i,null,t("div",{"aria-label":s,"aria-valuemax":g==="percent"?h:o,"aria-valuemin":g==="percent"?u:d,"aria-valuenow":L==="percent"?n:m,"aria-valuetext":w,class:{[p.container]:true,[p.stepsVisible]:b,[p.valueVisible]:v,[e]:e!=="outline-fill"},role:"meter",ref:e=>this.meterContainerEl=e},this.renderMeterFill(),v&&this.renderValueLabel(),r&&this.renderRangeLine(c),a&&this.renderRangeLine(l),b&&this.renderMinLabel(),b&&r&&this.renderLowLabel(),b&&a&&this.renderHighLabel(),b&&this.renderMaxLabel()))}get el(){return n(this)}static get watchers(){return{min:["handleRangeChange"],max:["handleRangeChange"],low:["handleRangeChange"],high:["handleRangeChange"],value:["handleRangeChange"],rangeLabels:["handleLabelChange"],rangeLabelType:["handleLabelChange"],unitLabel:["handleLabelChange"],valueLabel:["handleLabelChange"],valueLabelType:["handleLabelChange"]}}};m.style=f;export{m as calcite_meter};
+//# sourceMappingURL=p-d384b4b1.entry.js.map

package/dist/calcite/p-d384b4b1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","fill","stepLine","label","labelHidden","labelRange","labelValue","unitLabel","stepsVisible","valueVisible","success","warning","danger","meterCss","Meter","this","labelFlipMax","labelFlipProximity","maxPercent","minPercent","resizeObserver","createObserver","resizeHandler","formatLabel","value","labelType","percentFormatting","locale","getSupportedLocale","effectiveLocale","formatter","Intl","NumberFormat","useGrouping","groupSeparator","style","format","numberStringFormatter","numberFormatOptions","numberingSystem","localize","toString","handleRangeChange","calculateValues","updateLabels","handleLabelChange","componentWillLoad","setUpLoadableComponent","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectForm","observe","el","disconnectedCallback","disconnectLocalized","disconnectForm","disconnect","valueLabelEl","determineValueLabelPosition","rangeLabels","determineVisibleLabels","min","max","low","high","lowPercent","highPercent","currentPercent","lowActive","highActive","getMeterKindCssClass","lowest","highest","aboveLowest","belowLowest","aboveHighest","belowHighest","intersects","el1","el2","getBoundingClientRect","minLabelEl","lowLabelEl","highLabelEl","maxLabelEl","highMaxOverlap","lowHighOverlap","lowMaxOverlap","minHighOverlap","minLowOverlap","minMaxOverlap","hiddenClass","classList","add","remove","meterContainerEl","valuePosition","valueLabelWidth","width","containerWidth","labelWidthPercent","insetInlineEnd","removeProperty","insetInlineStart","renderMeterFill","fillType","kindClass","h","class","renderRangeLine","position","renderValueLabel","valueLabelType","key","ref","renderMinLabel","rangeLabelType","labelMin","renderLowLabel","styleDefault","styleFlipped","renderHighLabel","renderMaxLabel","labelMax","render","appearance","valueLabel","textPercentLabelWithPercent","textUnitLabel","valueText","undefined","Host","role"],"sources":["src/components/meter/resources.ts","src/components/meter/meter.scss?tag=calcite-meter&encapsulation=shadow","src/components/meter/meter.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  fill: \"fill\",\n  stepLine: \"step-line\",\n  label: \"label\",\n  labelHidden: \"label-hidden\",\n  labelRange: \"label-range\",\n  labelValue: \"label-value\",\n  unitLabel: \"unit-label\",\n  stepsVisible: \"steps-visible\",\n  valueVisible: \"value-visible\",\n  success: \"fill-success\",\n  warning: \"fill-warning\",\n  danger: \"fill-danger\",\n};\n","@include base-component();\n@include disabled();\n\n:host {\n  @apply flex;\n  --calcite-meter-space-internal: theme(\"spacing[0.5]\");\n  --calcite-meter-height-internal: theme(\"spacing.4\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size--1);\n}\n\n:host([scale=\"s\"]) {\n  --calcite-meter-height-internal: theme(\"spacing.3\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size--2);\n}\n\n:host([scale=\"l\"]) {\n  --calcite-meter-height-internal: theme(\"spacing.6\");\n  --calcite-meter-font-size-internal: var(--calcite-font-size-0);\n}\n\n.container {\n  @apply flex relative items-center w-full m-0;\n  block-size: var(--calcite-meter-height-internal);\n  background-color: var(--calcite-color-foreground-2);\n  border: 1px solid var(--calcite-color-border-3);\n  border-radius: var(--calcite-meter-height-internal);\n}\n\n.solid {\n  border: 1px solid var(--calcite-color-foreground-3);\n  background-color: var(--calcite-color-foreground-3);\n}\n\n.outline {\n  @apply bg-transparent;\n}\n\n.value-visible {\n  margin-block-start: theme(\"spacing.6\");\n}\n\n.steps-visible {\n  margin-block-end: theme(\"spacing.6\");\n}\n\n.step-line {\n  @apply block absolute inset-y-0;\n  inline-size: var(--calcite-meter-space-internal);\n  background-color: var(--calcite-color-border-3);\n}\n\n.label {\n  @apply absolute;\n  font-size: var(--calcite-meter-font-size-internal);\n}\n\n.label-hidden {\n  @apply invisible opacity-0;\n}\n\n.label-value {\n  inset-block-end: calc(100% + 0.5em);\n  font-weight: var(--calcite-font-weight-bold);\n  color: var(--calcite-color-text-1);\n}\n\n.label-range {\n  @apply text-color-3;\n  inset-block-start: calc(100% + 0.5em);\n}\n\n.unit-label {\n  @apply text-color-3 font-medium;\n}\n\n.label-value .unit-label {\n  @apply text-color-2 font-bold;\n}\n\n.fill {\n  @apply block absolute duration-150 ease-in-out bg-brand z-default;\n  inset-inline-start: var(--calcite-meter-space-internal);\n  inset-block: var(--calcite-meter-space-internal);\n  border-radius: var(--calcite-meter-height-internal);\n  max-inline-size: calc(100% - (var(--calcite-meter-space-internal) * 2));\n  min-inline-size: calc(var(--calcite-meter-height-internal) - (var(--calcite-meter-space-internal) * 2));\n  transition-property: inline-size, background-color, box-shadow;\n}\n\n.fill-danger {\n  background-color: var(--calcite-color-status-danger);\n}\n\n.fill-success {\n  background-color: var(--calcite-color-status-success);\n}\n\n.fill-warning {\n  background-color: var(--calcite-color-status-warning);\n}\n\n.solid .fill {\n  inset-block: 0;\n  inset-inline-start: 0;\n  max-inline-size: 100%;\n  min-inline-size: calc(var(--calcite-meter-height-internal));\n  box-shadow: 0 0 0 1px var(--calcite-color-brand);\n}\n\n.solid .fill-danger {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-danger);\n}\n\n.solid .fill-success {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-success);\n}\n\n.solid .fill-warning {\n  box-shadow: 0 0 0 1px var(--calcite-color-status-warning);\n}\n","import { Component, Element, h, Host, Prop, State, VNode, Watch } from \"@stencil/core\";\nimport { Appearance, Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\nimport {\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\n\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n} from \"../../utils/form\";\n\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  getSupportedLocale,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n  SupportedLocale,\n} from \"../../utils/locale\";\nimport { intersects } from \"../../utils/dom\";\nimport { createObserver } from \"../../utils/observers\";\nimport { MeterLabelType } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-meter\",\n  styleUrl: \"meter.scss\",\n  shadow: true,\n})\nexport class Meter implements FormComponent, LoadableComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance style of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance> =\n    \"outline-fill\";\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Specifies the component's display, where `\"single\"` displays a single color and `\"range\"` displays a range of colors based on provided `low`, `high`, `min` or `max` values. */\n  @Prop({ reflect: true }) fillType: \"single\" | \"range\" = \"range\";\n\n  /**\n   * The ID of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /** When `true`, number values are displayed with a group separator corresponding to the language and country format. */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /** Specifies a high value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold.  */\n  @Prop({ reflect: true, mutable: true }) high: number;\n\n  /**  Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies a low value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold.  */\n  @Prop({ reflect: true, mutable: true }) low: number;\n\n  /** Specifies the highest allowed value of the component. */\n  @Prop({ reflect: true }) max = 100;\n\n  /** Specifies the lowest allowed value of the component. */\n  @Prop({ reflect: true }) min = 0;\n\n  @Watch(\"min\")\n  @Watch(\"max\")\n  @Watch(\"low\")\n  @Watch(\"high\")\n  @Watch(\"value\")\n  handleRangeChange(): void {\n    this.calculateValues();\n    this.updateLabels();\n  }\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  /** Specifies the Unicode numeral system used by the component for localization. */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /** When `true`, displays the values of `high`, `low`, `min`, and `max`. */\n  @Prop({ reflect: true }) rangeLabels = false;\n\n  /** When either `rangeLabels` is `true`, specifies the format of displayed labels. */\n  @Prop({ reflect: true }) rangeLabelType: MeterLabelType = \"percent\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `labelType` is `\"units\"` and either `valueLabel` or `rangeLabels` are `true`, displays beside the `value` and/or  `min` values. */\n  @Prop() unitLabel = \"\";\n\n  /** Specifies the current value of the component. */\n  @Prop({ mutable: true }) value: number;\n\n  /** When `true`, displays the current value. */\n  @Prop({ reflect: true }) valueLabel = false;\n\n  /** When either `valueLabel` is `true`, specifies the format of displayed label. */\n  @Prop({ reflect: true }) valueLabelType: MeterLabelType = \"percent\";\n\n  @Watch(\"rangeLabels\")\n  @Watch(\"rangeLabelType\")\n  @Watch(\"unitLabel\")\n  @Watch(\"valueLabel\")\n  @Watch(\"valueLabelType\")\n  handleLabelChange(): void {\n    this.updateLabels();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.calculateValues();\n    afterConnectDefaultValueSet(this, this.value);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.updateLabels();\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectForm(this);\n    this.resizeObserver?.observe(this.el);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectForm(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMeterElement;\n\n  defaultValue: Meter[\"value\"];\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  private highLabelEl: HTMLDivElement;\n\n  private labelFlipMax = 0.8;\n\n  private labelFlipProximity = 0.15;\n\n  private lowLabelEl: HTMLDivElement;\n\n  private maxLabelEl: HTMLDivElement;\n\n  private maxPercent = 100;\n\n  private meterContainerEl: HTMLDivElement;\n\n  private minLabelEl: HTMLDivElement;\n\n  private minPercent = 0;\n\n  private percentFormatting: {\n    formatter: Intl.NumberFormat;\n    locale: SupportedLocale;\n  };\n\n  private resizeObserver = createObserver(\"resize\", () => this.resizeHandler());\n\n  private valueLabelEl: HTMLDivElement;\n\n  @State() currentPercent: number;\n\n  @State() effectiveLocale: string;\n\n  @State() highActive: boolean;\n\n  @State() highPercent: number;\n\n  @State() lowActive: boolean;\n\n  @State() lowPercent: number;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private resizeHandler(): void {\n    this.updateLabels();\n  }\n\n  private updateLabels(): void {\n    if (this.valueLabelEl) {\n      this.determineValueLabelPosition();\n    }\n    if (this.rangeLabels) {\n      this.determineVisibleLabels();\n    }\n  }\n\n  private calculateValues(): void {\n    const { min, max, low, high, value } = this;\n    const lowPercent = (100 * (low - min)) / (max - min);\n    const highPercent = (100 * (high - min)) / (max - min);\n    const currentPercent = (100 * (value - min)) / (max - min);\n\n    if (!low || low < min || low > high || low > max) {\n      this.low = min;\n    }\n    if (!high || high > max || high < low || high < min) {\n      this.high = max;\n    }\n    if (!value) {\n      this.value = min;\n    }\n\n    this.lowPercent = lowPercent;\n    this.highPercent = highPercent;\n    this.currentPercent = value ? currentPercent : 0;\n    this.lowActive = !!low && low > min && (!value || low > value) && (!high || low < high);\n    this.highActive =\n      !!high && min <= high && high < max && (!value || high > value) && (!low || high > low);\n  }\n\n  private formatLabel = (value: number, labelType: MeterLabelType): string => {\n    if (labelType === \"percent\") {\n      if (!this.percentFormatting) {\n        const locale = getSupportedLocale(this.effectiveLocale);\n        const formatter = new Intl.NumberFormat(locale, {\n          useGrouping: this.groupSeparator,\n          style: \"percent\",\n        });\n        this.percentFormatting = { formatter, locale };\n      }\n      return this.percentFormatting.formatter.format(value);\n    } else {\n      numberStringFormatter.numberFormatOptions = {\n        locale: this.effectiveLocale,\n        numberingSystem: this.numberingSystem,\n        useGrouping: this.groupSeparator,\n      };\n      return numberStringFormatter.localize(value.toString());\n    }\n  };\n\n  private getMeterKindCssClass(): string {\n    const { low, high, min, max, value } = this;\n    const lowest = low ? low : min;\n    const highest = high ? high : max;\n    const aboveLowest = value >= lowest;\n    const belowLowest = value < lowest;\n    const aboveHighest = value >= highest;\n    const belowHighest = value < highest;\n\n    if (!value || (!low && belowHighest) || belowLowest) {\n      return CSS.success;\n    } else if (aboveLowest && belowHighest) {\n      return CSS.warning;\n    } else if (aboveHighest) {\n      return CSS.danger;\n    } else {\n      return CSS.success;\n    }\n  }\n\n  private intersects(el1: HTMLDivElement, el2: HTMLDivElement): boolean {\n    return el1 && el2 && intersects(el1.getBoundingClientRect(), el2.getBoundingClientRect());\n  }\n\n  private determineVisibleLabels(): void {\n    const { minLabelEl, lowLabelEl, highLabelEl, maxLabelEl } = this;\n    const highMaxOverlap = this.intersects(highLabelEl, maxLabelEl);\n    const lowHighOverlap = this.intersects(lowLabelEl, highLabelEl);\n    const lowMaxOverlap = this.intersects(lowLabelEl, maxLabelEl);\n    const minHighOverlap = this.intersects(minLabelEl, highLabelEl);\n    const minLowOverlap = this.intersects(minLabelEl, lowLabelEl);\n    const minMaxOverlap = this.intersects(minLabelEl, maxLabelEl);\n    const hiddenClass = CSS.labelHidden;\n\n    if (lowLabelEl) {\n      if (minLowOverlap || lowMaxOverlap || lowHighOverlap) {\n        lowLabelEl.classList.add(hiddenClass);\n      } else {\n        lowLabelEl.classList.remove(hiddenClass);\n      }\n    }\n\n    if (highLabelEl) {\n      if (minHighOverlap || lowMaxOverlap || highMaxOverlap) {\n        highLabelEl.classList.add(hiddenClass);\n      } else {\n        highLabelEl.classList.remove(hiddenClass);\n      }\n    }\n\n    if (minLabelEl && maxLabelEl) {\n      if (minMaxOverlap) {\n        maxLabelEl.classList.add(hiddenClass);\n      } else {\n        maxLabelEl.classList.remove(hiddenClass);\n      }\n    }\n  }\n\n  private determineValueLabelPosition(): void {\n    const { valueLabelEl, meterContainerEl, currentPercent } = this;\n    const valuePosition = currentPercent > 100 ? 100 : currentPercent > 0 ? currentPercent : 0;\n    const valueLabelWidth = valueLabelEl.getBoundingClientRect().width;\n    const containerWidth = meterContainerEl.getBoundingClientRect().width;\n    const labelWidthPercent = (100 * (valueLabelWidth - 0)) / (containerWidth - 0);\n\n    if (valuePosition + labelWidthPercent >= 100) {\n      valueLabelEl.style.insetInlineEnd = \"0%\";\n      valueLabelEl.style.removeProperty(\"inset-inline-start\");\n    } else {\n      valueLabelEl.style.insetInlineStart = `${valuePosition}% `;\n      valueLabelEl.style.removeProperty(\"inset-inline-end\");\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderMeterFill(): VNode {\n    const { currentPercent, fillType } = this;\n    const kindClass = this.getMeterKindCssClass();\n    return (\n      <div\n        class={{ [CSS.fill]: true, [kindClass]: fillType !== \"single\" }}\n        style={{ width: `${currentPercent}%` }}\n      />\n    );\n  }\n\n  renderRangeLine(position: number): VNode {\n    const style = { insetInlineStart: `${position}%` };\n    return <div class={CSS.stepLine} style={style} />;\n  }\n\n  renderValueLabel(): VNode {\n    const { currentPercent, valueLabelType, unitLabel, value } = this;\n    const label = this.formatLabel(\n      valueLabelType === \"percent\" ? currentPercent / 100 : value || 0,\n      valueLabelType\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelValue]: true }}\n        key=\"low-label-line\"\n        // eslint-disable-next-line react/jsx-sort-props\n        ref={(el) => (this.valueLabelEl = el)}\n      >\n        {label}\n        {unitLabel && valueLabelType !== \"percent\" && (\n          <span class={CSS.unitLabel}>&nbsp;{unitLabel}</span>\n        )}\n      </div>\n    );\n  }\n\n  renderMinLabel(): VNode {\n    const { rangeLabelType, min, minPercent, unitLabel } = this;\n    const style = { insetInlineStart: `${minPercent}%` };\n    const labelMin = this.formatLabel(\n      rangeLabelType === \"percent\" ? minPercent : min,\n      rangeLabelType\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"min-label-line\"\n        style={style}\n        // eslint-disable-next-line react/jsx-sort-props\n        ref={(el) => (this.minLabelEl = el)}\n      >\n        {labelMin}\n        {unitLabel && rangeLabelType !== \"percent\" && (\n          <span class={CSS.unitLabel}>&nbsp;{unitLabel}</span>\n        )}\n      </div>\n    );\n  }\n\n  renderLowLabel(): VNode {\n    const { rangeLabelType, low, lowPercent, highPercent, labelFlipProximity } = this;\n    const label = low\n      ? this.formatLabel(rangeLabelType === \"percent\" ? lowPercent / 100 : low, rangeLabelType)\n      : \"\";\n    const styleDefault = { insetInlineStart: `${lowPercent}%` };\n    const styleFlipped = { insetInlineEnd: `${100 - lowPercent}%` };\n    const style =\n      (highPercent - lowPercent) / 100 < labelFlipProximity ? styleFlipped : styleDefault;\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"low-label-line\"\n        style={style}\n        // eslint-disable-next-line react/jsx-sort-props\n        ref={(el) => (this.lowLabelEl = el)}\n      >\n        {label}\n      </div>\n    );\n  }\n\n  renderHighLabel(): VNode {\n    const { rangeLabelType, high, highPercent, labelFlipMax } = this;\n    const label = high\n      ? this.formatLabel(rangeLabelType === \"percent\" ? highPercent / 100 : high, rangeLabelType)\n      : \"\";\n    const styleDefault = { insetInlineStart: `${highPercent}%` };\n    const styleFlipped = { insetInlineEnd: `${100 - highPercent}%` };\n    const style = highPercent / 100 >= labelFlipMax ? styleFlipped : styleDefault;\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"high-label-line\"\n        style={style}\n        // eslint-disable-next-line react/jsx-sort-props\n        ref={(el) => (this.highLabelEl = el as HTMLDivElement)}\n      >\n        {label}\n      </div>\n    );\n  }\n\n  renderMaxLabel(): VNode {\n    const { rangeLabelType, max, maxPercent } = this;\n    const style = { insetInlineEnd: `${100 - maxPercent}%` };\n    const labelMax = this.formatLabel(\n      rangeLabelType === \"percent\" ? maxPercent / 100 : max,\n      rangeLabelType\n    );\n    return (\n      <div\n        class={{ [CSS.label]: true, [CSS.labelRange]: true }}\n        key=\"max-label-line\"\n        style={style}\n        // eslint-disable-next-line react/jsx-sort-props\n        ref={(el) => (this.maxLabelEl = el as HTMLDivElement)}\n      >\n        {labelMax}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const {\n      appearance,\n      currentPercent,\n      highActive,\n      highPercent,\n      label,\n      lowActive,\n      lowPercent,\n      max,\n      maxPercent,\n      min,\n      minPercent,\n      rangeLabels,\n      rangeLabelType,\n      unitLabel,\n      value,\n      valueLabel,\n      valueLabelType,\n    } = this;\n    const textPercentLabelWithPercent = this.formatLabel(currentPercent / 100, \"percent\");\n    const textUnitLabel = `${value} ${unitLabel}`;\n    const valueText =\n      valueLabelType === \"percent\"\n        ? textPercentLabelWithPercent\n        : unitLabel\n        ? textUnitLabel\n        : undefined;\n    return (\n      <Host>\n        <div\n          aria-label={label}\n          aria-valuemax={rangeLabelType === \"percent\" ? maxPercent : max}\n          aria-valuemin={rangeLabelType === \"percent\" ? minPercent : min}\n          aria-valuenow={valueLabelType === \"percent\" ? currentPercent : value}\n          aria-valuetext={valueText}\n          class={{\n            [CSS.container]: true,\n            [CSS.stepsVisible]: rangeLabels,\n            [CSS.valueVisible]: valueLabel,\n            [appearance]: appearance !== \"outline-fill\",\n          }}\n          role=\"meter\"\n          // eslint-disable-next-line react/jsx-sort-props\n          ref={(el) => (this.meterContainerEl = el as HTMLDivElement)}\n        >\n          {this.renderMeterFill()}\n          {valueLabel && this.renderValueLabel()}\n          {lowActive && this.renderRangeLine(lowPercent)}\n          {highActive && this.renderRangeLine(highPercent)}\n          {rangeLabels && this.renderMinLabel()}\n          {rangeLabels && lowActive && this.renderLowLabel()}\n          {rangeLabels && highActive && this.renderHighLabel()}\n          {rangeLabels && this.renderMaxLabel()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-d3d11027.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.1.0-next.2
+ */
+import{d as _}from"./p-818a6508.js";import"./p-793d9a3b.js";import"./p-d5c47529.js";import"./p-6cc43458.js";import"./p-aa8b4261.js";import"./p-094e8227.js";import"./p-8fa4cc81.js";import"./p-25f30376.js";import"./p-1a7e4103.js";import"./p-ef01f1b1.js";import"./p-a88c3b3f.js";import"./p-ff9a5c92.js";import"./p-c92499c5.js";import"./p-47054ddc.js";import"./p-1e56c915.js";import"./p-7f9f8621.js";import"./p-09c1318f.js";import"./p-747a24fe.js";var p={name:"th",weekdays:"อาทิตย์_จันทร์_อังคาร_พุธ_พฤหัสบดี_ศุกร์_เสาร์".split("_"),weekdaysShort:"อาทิตย์_จันทร์_อังคาร_พุธ_พฤหัส_ศุกร์_เสาร์".split("_"),weekdaysMin:"อา._จ._อ._พ._พฤ._ศ._ส.".split("_"),months:"มกราคม_กุมภาพันธ์_มีนาคม_เมษายน_พฤษภาคม_มิถุนายน_กรกฎาคม_สิงหาคม_กันยายน_ตุลาคม_พฤศจิกายน_ธันวาคม".split("_"),monthsShort:"ม.ค._ก.พ._มี.ค._เม.ย._พ.ค._มิ.ย._ก.ค._ส.ค._ก.ย._ต.ค._พ.ย._ธ.ค.".split("_"),formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY เวลา H:mm",LLLL:"วันddddที่ D MMMM YYYY เวลา H:mm"},relativeTime:{future:"อีก %s",past:"%sที่แล้ว",s:"ไม่กี่วินาที",m:"1 นาที",mm:"%d นาที",h:"1 ชั่วโมง",hh:"%d ชั่วโมง",d:"1 วัน",dd:"%d วัน",M:"1 เดือน",MM:"%d เดือน",y:"1 ปี",yy:"%d ปี"},ordinal:function _(p){return p+"."}};_.locale(p,null,true);export default p;
+//# sourceMappingURL=p-d3d11027.js.map

package/dist/calcite/p-d4270926.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.1.0-next.2
+ */
+import{d as s}from"./p-818a6508.js";import"./p-793d9a3b.js";import"./p-d5c47529.js";import"./p-6cc43458.js";import"./p-aa8b4261.js";import"./p-094e8227.js";import"./p-8fa4cc81.js";import"./p-25f30376.js";import"./p-1a7e4103.js";import"./p-ef01f1b1.js";import"./p-a88c3b3f.js";import"./p-ff9a5c92.js";import"./p-c92499c5.js";import"./p-47054ddc.js";import"./p-1e56c915.js";import"./p-7f9f8621.js";import"./p-09c1318f.js";import"./p-747a24fe.js";var m={name:"lv",weekdays:"svētdiena_pirmdiena_otrdiena_trešdiena_ceturtdiena_piektdiena_sestdiena".split("_"),months:"janvāris_februāris_marts_aprīlis_maijs_jūnijs_jūlijs_augusts_septembris_oktobris_novembris_decembris".split("_"),weekStart:1,weekdaysShort:"Sv_P_O_T_C_Pk_S".split("_"),monthsShort:"jan_feb_mar_apr_mai_jūn_jūl_aug_sep_okt_nov_dec".split("_"),weekdaysMin:"Sv_P_O_T_C_Pk_S".split("_"),ordinal:function s(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY.",LL:"YYYY. [gada] D. MMMM",LLL:"YYYY. [gada] D. MMMM, HH:mm",LLLL:"YYYY. [gada] D. MMMM, dddd, HH:mm"},relativeTime:{future:"pēc %s",past:"pirms %s",s:"dažām sekundēm",m:"minūtes",mm:"%d minūtēm",h:"stundas",hh:"%d stundām",d:"dienas",dd:"%d dienām",M:"mēneša",MM:"%d mēnešiem",y:"gada",yy:"%d gadiem"}};s.locale(m,null,true);export default m;
+//# sourceMappingURL=p-d4270926.js.map

package/dist/calcite/p-d566312c.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.1.0-next.2
+ */
+import{r as i,h as e,g as t}from"./p-793d9a3b.js";import{g as a}from"./p-6cc43458.js";import{C as r}from"./p-094e8227.js";import"./p-aa8b4261.js";const n=":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";const s=class{constructor(e){i(this,e);this.type="determinate";this.value=0;this.label=undefined;this.text=undefined;this.reversed=false}render(){const i=this.type==="determinate";const t=i?{width:`${this.value*100}%`}:{};const n=a(this.el);return e("div",{"aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},e("div",{class:"track"},e("div",{class:{bar:true,indeterminate:this.type==="indeterminate",[r.rtl]:n==="rtl",reversed:this.reversed},style:t})),this.text?e("div",{class:"text"},this.text):null)}get el(){return t(this)}};s.style=n;export{s as calcite_progress};
+//# sourceMappingURL=p-d566312c.entry.js.map

package/dist/calcite/p-d5c47529.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.1.0-next.2
+ */
+import{q as n,c as t}from"./p-6cc43458.js";import{h as e}from"./p-793d9a3b.js";const o="hidden-form-input";function r(n){return"checked"in n}const s=new WeakMap;const c=new WeakSet;function u(n,e){const o=t(e.parentElement,"[form]");if(o){return true}const r="calciteInternalFormComponentRegister";let s=false;n.addEventListener(r,(n=>{s=n.composedPath().some((n=>c.has(n)));n.stopPropagation()}),{once:true});e.dispatchEvent(new CustomEvent(r,{bubbles:true,composed:true}));return s}function i(n){const{formEl:t}=n;if(!t){return false}t.requestSubmit();return true}function f(n){n.formEl?.reset()}function a(n){const{el:t,value:e}=n;const o=l(n);if(!o||u(o,t)){return}n.formEl=o;n.defaultValue=e;if(r(n)){n.defaultChecked=n.checked}const i=(n.onFormReset||m).bind(n);o.addEventListener("reset",i);s.set(n.el,i);c.add(t)}function l(e){const{el:o,form:r}=e;return r?n(o,{id:r}):t(o,"form")}function m(){if(r(this)){this.checked=this.defaultChecked;return}this.value=this.defaultValue}function d(n){const{el:t,formEl:e}=n;if(!e){return}const o=s.get(t);e.removeEventListener("reset",o);s.delete(t);n.formEl=null;c.delete(t)}function p(n,t){n.defaultValue=t}const h=n=>{n.target.dispatchEvent(new CustomEvent("calciteInternalHiddenInputChange",{bubbles:true}))};const b=n=>n.removeEventListener("change",h);function w(n){const{el:t,formEl:e,name:r,value:s}=n;const{ownerDocument:c}=t;const u=t.querySelectorAll(`input[slot="${o}"]`);if(!e||!r){u.forEach((n=>{b(n);n.remove()}));return}const i=Array.isArray(s)?s:[s];const f=[];const a=new Set;u.forEach((t=>{const e=i.find((n=>n==t.value));if(e!=null){a.add(e);E(n,t,e)}else{f.push(t)}}));let l;i.forEach((t=>{if(a.has(t)){return}let e=f.pop();if(!e){e=c.createElement("input");e.slot=o}if(!l){l=c.createDocumentFragment()}l.append(e);e.addEventListener("change",h);E(n,e,t)}));if(l){t.append(l)}f.forEach((n=>{b(n);n.remove()}))}function E(n,t,e){const{defaultValue:o,disabled:s,form:c,name:u,required:i}=n;t.defaultValue=o;t.disabled=s;t.name=u;t.required=i;t.tabIndex=-1;if(c){t.setAttribute("form",c)}else{t.removeAttribute("form")}if(r(n)){t.checked=n.checked;t.defaultChecked=n.defaultChecked;t.value=n.checked?e||"on":""}else{t.value=e||""}n.syncHiddenFormInput?.(t)}const g=({component:n})=>{w(n);return e("slot",{name:o})};export{g as H,p as a,a as c,d,l as f,f as r,i as s};
+//# sourceMappingURL=p-d5c47529.js.map

package/dist/calcite/p-da4ed3b6.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.1.0-next.2
+ */
+import{r as t,c as s,h as i,g as e,H as a}from"./p-793d9a3b.js";import{c as o,u as n,d as r}from"./p-8fa4cc81.js";import{s as c,a as l,c as h}from"./p-ff9a5c92.js";import{c as d,d as f}from"./p-c92499c5.js";import{c as u}from"./p-47054ddc.js";import{u as p,c as m,s as g,d as w}from"./p-09c1318f.js";import{g as b,m as v,d as x,a as y,s as k,h as L,b as j,c as C,k as I,e as D,i as z,f as H,j as S,l as A,n as F,r as R,o as B,p as E,q as U,t as _,L as M,I as O,C as V,S as q}from"./p-c37c7241.js";import{d as G,a as K,c as T}from"./p-c0507e6b.js";import{d as W,e as $}from"./p-6cc43458.js";import{c as P,d as J}from"./p-274ba486.js";import{g as N}from"./p-aa8b4261.js";import"./p-25f30376.js";import"./p-1a7e4103.js";import"./p-d0922e4b.js";import"./p-3d447467.js";import"./p-094e8227.js";const Q={container:"container",handle:"handle"};var X;(function(t){t["grip"]="grip"})(X||(X={}));function Y(t,s,i){const{items:e,messages:a}=i;const o=e.length;const n=b(i,t)+1;const r=s==="idle"?a.dragHandleIdle:s==="active"?a.dragHandleActive:s==="change"?a.dragHandleChange:a.dragHandleCommit;return tt(r,t.label,n,o)}function Z(t){const s=t.composedPath().find((t=>t.dataset?.jsHandle!==undefined));const i=t.composedPath().find((t=>t.tagName?.toLowerCase()==="calcite-value-list-item"));return{handle:s,item:i}}function tt(t,s,i,e){const a=t.replace("{position}",i.toString());const o=a.replace("{itemLabel}",s);return o.replace("{total}",e.toString())}const st=":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;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}calcite-value-list-item:last-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)}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--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)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky)}calcite-filter{margin-block-end:1px}.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 it=class{constructor(i){t(this,i);this.calciteListChange=s(this,"calciteListChange",6);this.calciteListOrderChange=s(this,"calciteListOrderChange",6);this.calciteListFilter=s(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=u("mutation",v.bind(this));this.handleSelector=`.${Q.handle}`;this.dragSelector="calcite-value-list-item";this.setFilterEl=t=>{this.filterEl=t};this.setFilteredItems=t=>{this.filteredItems=t};this.deselectRemovedItems=x.bind(this);this.deselectSiblingItems=y.bind(this);this.selectSiblings=k.bind(this);this.handleFilter=L.bind(this);this.handleFilterEvent=j.bind(this);this.getItemData=C.bind(this);this.keyDownHandler=t=>{if(t.defaultPrevented){return}const{handle:s,item:i}=Z(t);if(s&&!i.handleActivated&&t.key===" "){this.updateScreenReaderText(Y(i,"commit",this))}if(!s||!i.handleActivated){I.call(this,t);return}t.preventDefault();const{items:e}=this;if(t.key===" "){this.updateScreenReaderText(Y(i,"active",this))}if(t.key!=="ArrowUp"&&t.key!=="ArrowDown"||e.length<=1){return}const{el:a}=this;const o=D(this,i,t.key==="ArrowUp"?"up":"down");if(o===e.length-1){a.appendChild(i)}else{const t=a.children[o];const s=t===i.nextElementSibling?t.nextElementSibling:t;a.insertBefore(i,s)}this.items=this.getItems();this.calciteListOrderChange.emit(this.items.map((({value:t})=>t)));requestAnimationFrame((()=>W(s)));i.handleActivated=true;this.updateHandleAriaLabel(s,Y(i,"change",this))};this.storeAssistiveEl=t=>{this.assistiveTextEl=t};this.handleFocusIn=t=>{const{handle:s,item:i}=Z(t);if(!i?.handleActivated&&i&&s){this.updateHandleAriaLabel(s,Y(i,"idle",this))}};this.disabled=false;this.canPull=undefined;this.canPut=undefined;this.dragEnabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.group=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.messageOverrides=undefined;this.messages=undefined;this.dataForFilter=[];this.defaultMessages=undefined;this.effectiveLocale="";this.selectedValues=new Map}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){if(G(this)){return}o(this);d(this);m(this);z.call(this);H.call(this);this.setUpSorting()}async componentWillLoad(){c(this);await g(this)}componentDidLoad(){l(this);S.call(this)}componentDidRender(){n(this)}disconnectedCallback(){if(G(this)){return}r(this);K(this);f(this);w(this);A.call(this)}calciteListFocusOutHandler(t){F.call(this,t)}calciteListItemRemoveHandler(t){R.call(this,t)}calciteListItemChangeHandler(t){B.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){E.call(this,t);t.stopPropagation()}onGlobalDragStart(){A.call(this)}onGlobalDragEnd(){H.call(this)}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map((t=>t.value));this.calciteListOrderChange.emit(t)}getItems(){return Array.from(this.el.querySelectorAll("calcite-value-list-item"))}setUpItems(){U.call(this,"calcite-value-list-item");this.setUpSorting()}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}setUpSorting(){const{dragEnabled:t}=this;if(!t){return}T(this)}handleBlur(){if(this.dragEnabled){this.updateScreenReaderText("")}}async getSelectedItems(){return this.selectedValues}async setFocus(t){await h(this);return _.call(this,t)}getIconType(){let t=null;if(this.dragEnabled){t=X.grip}return t}updateScreenReaderText(t){this.assistiveTextEl.textContent=t}updateHandleAriaLabel(t,s){t.ariaLabel=s}handleValueListItemBlur(t){const{item:s,handle:i}=t.detail;if(!s?.handleActivated&&s){this.updateHandleAriaLabel(i,Y(s,"idle",this))}t.stopPropagation()}render(){return i(M,{onBlur:this.handleBlur,onFocusin:this.handleFocusIn,onKeyDown:this.keyDownHandler,props:this})}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};it.style=st;const et={drag:"drag"};const at={actionsEnd:"actions-end",actionsStart:"actions-start"};const ot=":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{margin-block-end:1px;box-sizing:border-box;display:flex;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);--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);transition:background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}:host *{box-sizing:border-box}calcite-pick-list-item{position:relative;margin:0px;flex-grow:1;--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([active]),:host([selected]){--tw-shadow:0 0 0 1px var(--calcite-color-brand);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.handle{display:flex;cursor:move;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding-block:0px;padding-inline:0.25rem;color:var(--calcite-color-border-input);outline-color:transparent}.handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.handle: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          )}.handle--activated{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.handle calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";const nt=class{constructor(i){t(this,i);this.calciteListItemChange=s(this,"calciteListItemChange",6);this.calciteListItemRemove=s(this,"calciteListItemRemove",7);this.calciteValueListItemDragHandleBlur=s(this,"calciteValueListItemDragHandleBlur",6);this.pickListItem=null;this.guid=`calcite-value-list-item-${N()}`;this.getPickListRef=t=>this.pickListItem=t;this.handleKeyDown=t=>{if(t.key===" "){this.handleActivated=!this.handleActivated}};this.handleBlur=()=>{this.handleActivated=false;this.calciteValueListItemDragHandleBlur.emit({item:this.el,handle:this.handleEl})};this.handleSelectChange=t=>{this.selected=t.detail.selected};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.handleActivated=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined}connectedCallback(){P(this);o(this)}disconnectedCallback(){J(this);r(this)}componentWillLoad(){c(this)}componentDidLoad(){l(this)}componentDidRender(){n(this,this.el.closest("calcite-value-list")?"managed":false)}async toggleSelected(t){this.pickListItem.toggleSelected(t)}async setFocus(){await h(this);return this.pickListItem?.setFocus()}calciteListItemChangeHandler(t){t.detail.item=this.el}renderActionsEnd(){const{el:t}=this;const s=$(t,at.actionsEnd);return s?i("slot",{name:at.actionsEnd,slot:q.actionsEnd}):null}renderActionsStart(){const{el:t}=this;const s=$(t,at.actionsStart);return s?i("slot",{name:at.actionsStart,slot:q.actionsStart}):null}renderHandle(){const{icon:t,iconFlipRtl:s}=this;if(t===O.grip){return i("span",{class:{[V.handle]:true,[V.handleActivated]:this.handleActivated},"data-js-handle":true,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,role:"button",tabindex:"0",ref:t=>this.handleEl=t},i("calcite-icon",{flipRtl:s,icon:et.drag,scale:"s"}))}}render(){return i(a,{id:this.el.id||this.guid},this.renderHandle(),i("calcite-pick-list-item",{description:this.description,deselectDisabled:this.deselectDisabled,disabled:this.disabled,label:this.label,metadata:this.metadata,nonInteractive:this.nonInteractive,onCalciteListItemChange:this.handleSelectChange,removable:this.removable,selected:this.selected,value:this.value,ref:this.getPickListRef},this.renderActionsStart(),this.renderActionsEnd()))}get el(){return e(this)}};nt.style=ot;export{it as calcite_value_list,nt as calcite_value_list_item};
+//# sourceMappingURL=p-da4ed3b6.entry.js.map

package/dist/calcite/p-da4ed3b6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","handle","ICON_TYPES","getScreenReaderText","item","status","valueList","items","messages","total","length","position","getItemIndex","template","dragHandleIdle","dragHandleActive","dragHandleChange","dragHandleCommit","replacePlaceholders","label","getHandleAndItemElement","event","composedPath","find","dataset","jsHandle","undefined","tagName","toLowerCase","text","replacePosition","replace","toString","replaceLabel","valueListCss","ValueList","this","lastSelectedItem","mutationObserver","createObserver","mutationObserverCallback","bind","handleSelector","dragSelector","setFilterEl","el","filterEl","setFilteredItems","filteredItems","deselectRemovedItems","deselectSiblingItems","selectSiblings","handleFilter","handleFilterEvent","getItemData","keyDownHandler","defaultPrevented","handleActivated","key","updateScreenReaderText","call","preventDefault","nextIndex","moveItemIndex","appendChild","itemAtNextIndex","children","insertionReferenceItem","nextElementSibling","insertBefore","getItems","calciteListOrderChange","emit","map","value","requestAnimationFrame","focusElement","updateHandleAriaLabel","storeAssistiveEl","assistiveTextEl","handleFocusIn","Map","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","dragActive","connectInteractive","connectLocalized","connectMessages","initialize","initializeObserver","setUpSorting","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","handleInitialFilter","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","disconnectSortableComponent","disconnectLocalized","disconnectMessages","cleanUpObserver","calciteListFocusOutHandler","calciteListItemRemoveHandler","removeItem","calciteListItemChangeHandler","calciteInternalListItemPropsChangeHandler","stopPropagation","setUpFilter","calciteInternalListItemValueChangeHandler","onGlobalDragStart","onGlobalDragEnd","onDragEnd","onDragStart","onDragSort","Array","from","querySelectorAll","values","setUpItems","filterEnabled","dataForFilter","dragEnabled","connectSortableComponent","handleBlur","getSelectedItems","selectedValues","setFocus","focusId","componentFocusable","getIconType","type","grip","textContent","handleElement","ariaLabel","handleValueListItemBlur","detail","render","h","List","onBlur","onFocusin","onKeyDown","props","ICONS","drag","SLOTS","actionsEnd","actionsStart","valueListItemCss","ValueListItem","pickListItem","guid","getPickListRef","handleKeyDown","calciteValueListItemDragHandleBlur","handleEl","handleSelectChange","selected","connectConditionalSlotComponent","disconnectConditionalSlotComponent","closest","toggleSelected","coerce","renderActionsEnd","hasActionsEnd","getSlotted","name","slot","PICK_LIST_SLOTS","renderActionsStart","hasActionsStart","renderHandle","icon","iconFlipRtl","class","role","tabindex","ref","flipRtl","scale","Host","id","description","deselectDisabled","disabled","metadata","nonInteractive","onCalciteListItemChange","removable"],"sources":["src/components/value-list/resources.ts","src/components/value-list/utils.ts","src/components/value-list/value-list.scss?tag=calcite-value-list&encapsulation=shadow","src/components/value-list/value-list.tsx","src/components/value-list-item/resources.ts","src/components/value-list-item/value-list-item.scss?tag=calcite-value-list-item&encapsulation=shadow","src/components/value-list-item/value-list-item.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  handle: \"handle\",\n};\nexport enum ICON_TYPES {\n  grip = \"grip\",\n}\nexport const TEXT = {\n  filterResults: \"Filter results\",\n};\n","import { getItemIndex } from \"../pick-list/shared-list-logic\";\nimport { DragStatus } from \"./interfaces\";\nimport { ValueList } from \"./value-list\";\n\nexport function getScreenReaderText(\n  item: HTMLCalciteValueListItemElement,\n  status: DragStatus,\n  valueList: ValueList<HTMLCalciteValueListItemElement>\n): string {\n  const { items, messages } = valueList;\n\n  const total = items.length;\n  const position = getItemIndex(valueList, item) + 1;\n  const template =\n    status === \"idle\"\n      ? messages.dragHandleIdle\n      : status === \"active\"\n      ? messages.dragHandleActive\n      : status === \"change\"\n      ? messages.dragHandleChange\n      : messages.dragHandleCommit;\n\n  return replacePlaceholders(template, item.label, position, total);\n}\n\nexport function getHandleAndItemElement(event: KeyboardEvent | FocusEvent): {\n  handle: HTMLCalciteHandleElement;\n  item: HTMLCalciteValueListItemElement;\n} {\n  const handle = event\n    .composedPath()\n    .find((item: HTMLElement) => item.dataset?.jsHandle !== undefined) as HTMLCalciteHandleElement;\n\n  const item = event\n    .composedPath()\n    .find(\n      (item: HTMLElement) => item.tagName?.toLowerCase() === \"calcite-value-list-item\"\n    ) as HTMLCalciteValueListItemElement;\n\n  return { handle, item };\n}\n\nexport function replacePlaceholders(text: string, label: string, position: number, total: number): string {\n  const replacePosition = text.replace(\"{position}\", position.toString());\n  const replaceLabel = replacePosition.replace(\"{itemLabel}\", label);\n  return replaceLabel.replace(\"{total}\", total.toString());\n}\n",":host {\n  @apply text-color-2\n    text-n1\n    relative\n    box-border\n    flex\n    flex-shrink-0\n    flex-grow-0\n    flex-col\n    items-stretch\n    bg-transparent;\n  * {\n    @apply box-border;\n  }\n}\n\n@include disabled();\n\ncalcite-value-list-item:last-of-type {\n  @apply shadow-none;\n}\n\n:host([filter-enabled]) header {\n  @apply bg-foreground-1\n    mb-1\n    flex\n    items-center\n    justify-end;\n  &.sticky-pos {\n    @apply sticky top-0 z-sticky;\n  }\n  @apply shadow-border-bottom;\n}\n\ncalcite-filter {\n  @apply mb-px;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  calciteInternalListItemValueChangeHandler,\n  calciteListFocusOutHandler,\n  calciteListItemChangeHandler,\n  cleanUpObserver,\n  deselectRemovedItems,\n  deselectSiblingItems,\n  getItemData,\n  handleFilter,\n  handleFilterEvent,\n  handleInitialFilter,\n  initialize,\n  initializeObserver,\n  ItemData,\n  keyDownHandler,\n  ListFocusId,\n  moveItemIndex,\n  mutationObserverCallback,\n  removeItem,\n  selectSiblings,\n  setFocus,\n  setUpItems,\n} from \"../pick-list/shared-list-logic\";\nimport List from \"../pick-list/shared-list-render\";\nimport { ListItemAndHandle } from \"../value-list-item/interfaces\";\nimport { ValueListMessages } from \"./assets/value-list/t9n\";\nimport { CSS, ICON_TYPES } from \"./resources\";\nimport { getHandleAndItemElement, getScreenReaderText } from \"./utils\";\nimport {\n  DragDetail,\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { focusElement } from \"../../utils/dom\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot - A slot for adding `calcite-value-list-item` elements. List items are displayed as a vertical list.\n * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.\n */\n@Component({\n  tag: \"calcite-value-list\",\n  styleUrl: \"value-list.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ValueList<\n  ItemElement extends HTMLCalciteValueListItemElement = HTMLCalciteValueListItemElement\n> implements\n    InteractiveComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent,\n    SortableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: DragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: DragDetail) => boolean;\n\n  /**\n   * When `true`, `calcite-value-list-item`s are sortable via a draggable button.\n   */\n  @Prop({ reflect: true }) dragEnabled = false;\n\n  /**\n   * The currently filtered items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalciteValueListItemElement[] = [];\n\n  /**\n   * The currently filtered data.\n   *\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic module\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * When `true`, an input appears at the top of the component that can be used by end users to filter list items.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * Placeholder text for the filter's input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the filter input field.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic module\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  /**\n   * The component's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Similar to standard radio buttons and checkboxes.\n   * When `true`, a user can select multiple `calcite-value-list-item`s at a time.\n   * When `false`, only a single `calcite-value-list-item` can be selected at a time,\n   * and a new selection will deselect previous selections.\n   */\n  @Prop({ reflect: true }) multiple = false;\n\n  /**\n   * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.\n   */\n  @Prop({ reflect: true }) selectionFollowsFocus = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ValueListMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ValueListMessages;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteValueListElement;\n\n  @State() dataForFilter: ItemData = [];\n\n  @State() defaultMessages: ValueListMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() selectedValues: Map<string, ItemElement> = new Map();\n\n  items: ItemElement[];\n\n  lastSelectedItem: ItemElement = null;\n\n  mutationObserver = createObserver(\"mutation\", mutationObserverCallback.bind(this));\n\n  sortable: Sortable;\n\n  emitCalciteListChange: () => void;\n\n  emitCalciteListFilter: () => void;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  assistiveTextEl: HTMLSpanElement;\n\n  handleSelector = `.${CSS.handle}`;\n\n  dragSelector = \"calcite-value-list-item\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    initialize.call(this);\n    initializeObserver.call(this);\n    this.setUpSorting();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    handleInitialFilter.call(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    disconnectInteractive(this);\n    disconnectSortableComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    cleanUpObserver.call(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the list item selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<\n    Map<string, HTMLCalciteValueListItemElement>\n  >;\n\n  /**\n   * Emits when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<any[]>;\n\n  /**\n   * Emits when a filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  @Listen(\"focusout\")\n  calciteListFocusOutHandler(event: FocusEvent): void {\n    calciteListFocusOutHandler.call(this, event);\n  }\n\n  @Listen(\"calciteListItemRemove\")\n  calciteListItemRemoveHandler(event: CustomEvent<void>): void {\n    removeItem.call(this, event);\n  }\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    calciteListItemChangeHandler.call(this, event);\n  }\n\n  @Listen(\"calciteInternalListItemPropsChange\")\n  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void {\n    event.stopPropagation();\n    this.setUpFilter();\n  }\n\n  @Listen(\"calciteInternalListItemValueChange\")\n  calciteInternalListItemValueChangeHandler(event: CustomEvent): void {\n    calciteInternalListItemValueChangeHandler.call(this, event);\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onGlobalDragStart(): void {\n    cleanUpObserver.call(this);\n  }\n\n  onGlobalDragEnd(): void {\n    initializeObserver.call(this);\n  }\n\n  onDragEnd(): void {}\n\n  onDragStart(): void {}\n\n  onDragSort(): void {\n    this.items = Array.from(this.el.querySelectorAll<ItemElement>(\"calcite-value-list-item\"));\n    const values = this.items.map((item) => item.value);\n    this.calciteListOrderChange.emit(values);\n  }\n\n  getItems(): ItemElement[] {\n    return Array.from(this.el.querySelectorAll<ItemElement>(\"calcite-value-list-item\"));\n  }\n\n  setUpItems(): void {\n    setUpItems.call(this, \"calcite-value-list-item\");\n    this.setUpSorting();\n  }\n\n  setUpFilter(): void {\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n    }\n  }\n\n  setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n  };\n\n  setFilteredItems = (filteredItems: HTMLCalciteValueListItemElement[]): void => {\n    this.filteredItems = filteredItems;\n  };\n\n  setUpSorting(): void {\n    const { dragEnabled } = this;\n\n    if (!dragEnabled) {\n      return;\n    }\n\n    connectSortableComponent(this);\n  }\n\n  deselectRemovedItems = deselectRemovedItems.bind(this);\n\n  deselectSiblingItems = deselectSiblingItems.bind(this);\n\n  selectSiblings = selectSiblings.bind(this);\n\n  handleFilter = handleFilter.bind(this);\n\n  handleFilterEvent = handleFilterEvent.bind(this);\n\n  getItemData = getItemData.bind(this);\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const { handle, item } = getHandleAndItemElement(event);\n    if (handle && !item.handleActivated && event.key === \" \") {\n      this.updateScreenReaderText(getScreenReaderText(item, \"commit\", this));\n    }\n\n    if (!handle || !item.handleActivated) {\n      keyDownHandler.call(this, event);\n      return;\n    }\n\n    event.preventDefault();\n\n    const { items } = this;\n\n    if (event.key === \" \") {\n      this.updateScreenReaderText(getScreenReaderText(item, \"active\", this));\n    }\n\n    if ((event.key !== \"ArrowUp\" && event.key !== \"ArrowDown\") || items.length <= 1) {\n      return;\n    }\n\n    const { el } = this;\n    const nextIndex = moveItemIndex(this, item, event.key === \"ArrowUp\" ? \"up\" : \"down\");\n    if (nextIndex === items.length - 1) {\n      el.appendChild(item);\n    } else {\n      const itemAtNextIndex = el.children[nextIndex];\n      const insertionReferenceItem =\n        itemAtNextIndex === item.nextElementSibling\n          ? itemAtNextIndex.nextElementSibling\n          : itemAtNextIndex;\n      el.insertBefore(item, insertionReferenceItem);\n    }\n\n    this.items = this.getItems();\n    this.calciteListOrderChange.emit(this.items.map(({ value }) => value));\n\n    requestAnimationFrame(() => focusElement(handle));\n    item.handleActivated = true;\n\n    this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"change\", this));\n  };\n\n  handleBlur(): void {\n    if (this.dragEnabled) {\n      this.updateScreenReaderText(\"\");\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Returns the currently selected items */\n  @Method()\n  async getSelectedItems(): Promise<Map<string, HTMLCalciteValueListItemElement>> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @param focusId\n   */\n  @Method()\n  async setFocus(focusId?: ListFocusId): Promise<void> {\n    await componentFocusable(this);\n\n    return setFocus.call(this, focusId);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getIconType(): ICON_TYPES | null {\n    let type = null;\n    if (this.dragEnabled) {\n      type = ICON_TYPES.grip;\n    }\n    return type;\n  }\n\n  updateScreenReaderText(text: string): void {\n    this.assistiveTextEl.textContent = text;\n  }\n\n  updateHandleAriaLabel(handleElement: HTMLSpanElement, text: string): void {\n    handleElement.ariaLabel = text;\n  }\n\n  storeAssistiveEl = (el: HTMLSpanElement): void => {\n    this.assistiveTextEl = el;\n  };\n\n  handleFocusIn = (event: FocusEvent): void => {\n    const { handle, item } = getHandleAndItemElement(event);\n    if (!item?.handleActivated && item && handle) {\n      this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"idle\", this));\n    }\n  };\n\n  @Listen(\"calciteValueListItemDragHandleBlur\")\n  handleValueListItemBlur(event: CustomEvent<ListItemAndHandle>): void {\n    const { item, handle } = event.detail;\n    if (!item?.handleActivated && item) {\n      this.updateHandleAriaLabel(handle, getScreenReaderText(item, \"idle\", this));\n    }\n    event.stopPropagation();\n  }\n\n  render(): VNode {\n    return (\n      <List\n        onBlur={this.handleBlur}\n        onFocusin={this.handleFocusIn}\n        onKeyDown={this.keyDownHandler}\n        props={this}\n      />\n    );\n  }\n}\n","export const ICONS = {\n  drag: \"drag\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\",\n};\n",":host {\n  @apply bg-foreground-1\n    text-color-2\n    text-n1\n    shadow-border-bottom\n    mb-px\n    box-border\n    flex;\n  transition: background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);\n  * {\n    @apply box-border;\n  }\n}\n\ncalcite-pick-list-item {\n  @apply relative\n    m-0\n    flex-grow\n    shadow-none;\n}\n\n:host([active]),\n:host([selected]) {\n  @apply shadow-outline-active;\n}\n\n.handle {\n  @apply flex\n    cursor-move\n    items-center\n    justify-center\n    border-none\n    bg-transparent\n    py-0\n    px-1;\n  color: theme(\"borderColor.color.input\");\n  &:hover {\n    @apply bg-foreground-2 text-color-1;\n  }\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n  &--activated {\n    @apply bg-foreground-3 text-color-1;\n  }\n  calcite-icon {\n    color: inherit;\n  }\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS, SLOTS as PICK_LIST_SLOTS } from \"../pick-list-item/resources\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { ListItemAndHandle } from \"./interfaces\";\nimport { ICONS, SLOTS } from \"./resources\";\n\n/**\n * @deprecated Use the `list` component instead.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.\n */\n@Component({\n  tag: \"calcite-value-list-item\",\n  styleUrl: \"value-list-item.scss\",\n  shadow: true,\n})\nexport class ValueListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * A description for the component that displays below the label text.\n   */\n  @Prop({ reflect: true }) description?: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * @internal\n   */\n  @Prop() deselectDisabled = false;\n\n  /**\n   * When `true`, prevents the content of the component from user interaction.\n   */\n  @Prop({ reflect: true }) nonInteractive = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) handleActivated? = false;\n\n  /**\n   * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.\n   *\n   * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)\n   */\n  @Prop({ reflect: true }) icon?: ICON_TYPES | null = null;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Label and accessible name for the component. Appears next to the icon.\n   */\n  @Prop({ reflect: true }) label!: string;\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent list.\n   */\n  @Prop() metadata?: Record<string, unknown>;\n\n  /**\n   * When `true`, adds an action to remove the component.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteValueListItemElement;\n\n  pickListItem: HTMLCalcitePickListItemElement = null;\n\n  handleEl: HTMLSpanElement;\n\n  guid = `calcite-value-list-item-${guid()}`;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectInteractive(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, this.el.closest(\"calcite-value-list\") ? \"managed\" : false);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggle the selection state. By default this won't trigger an event.\n   * The first argument allows the value to be coerced, rather than swapping values.\n   *\n   * @param coerce\n   */\n  @Method()\n  async toggleSelected(coerce?: boolean): Promise<void> {\n    this.pickListItem.toggleSelected(coerce);\n  }\n\n  /** Set focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    return this.pickListItem?.setFocus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is selected or unselected.\n   */\n  @Event({ cancelable: false }) calciteListItemChange: EventEmitter<{\n    item: HTMLCalciteValueListItemElement;\n    value: any;\n    selected: boolean;\n    shiftPressed: boolean;\n  }>;\n\n  /**\n   * Fires when the remove button is pressed.\n   */\n  @Event({ cancelable: true }) calciteListItemRemove: EventEmitter<void>; // wrapped pick-list-item emits this\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false })\n  calciteValueListItemDragHandleBlur: EventEmitter<ListItemAndHandle>;\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    // adjust item payload from wrapped item before bubbling\n    event.detail.item = this.el;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getPickListRef = (el: HTMLCalcitePickListItemElement): HTMLCalcitePickListItemElement =>\n    (this.pickListItem = el);\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      this.handleActivated = !this.handleActivated;\n    }\n  };\n\n  handleBlur = (): void => {\n    this.handleActivated = false;\n    this.calciteValueListItemDragHandleBlur.emit({ item: this.el, handle: this.handleEl });\n  };\n\n  handleSelectChange = (event: CustomEvent): void => {\n    this.selected = event.detail.selected;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsEnd(): VNode {\n    const { el } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd ? (\n      <slot name={SLOTS.actionsEnd} slot={PICK_LIST_SLOTS.actionsEnd} />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <slot name={SLOTS.actionsStart} slot={PICK_LIST_SLOTS.actionsStart} />\n    ) : null;\n  }\n\n  renderHandle(): VNode {\n    const { icon, iconFlipRtl } = this;\n    if (icon === ICON_TYPES.grip) {\n      return (\n        <span\n          class={{\n            [CSS.handle]: true,\n            [CSS.handleActivated]: this.handleActivated,\n          }}\n          data-js-handle\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n          role=\"button\"\n          tabindex=\"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={(el) => (this.handleEl = el as HTMLSpanElement)}\n        >\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.drag} scale=\"s\" />\n        </span>\n      );\n    }\n  }\n\n  render(): VNode {\n    return (\n      <Host id={this.el.id || this.guid}>\n        {this.renderHandle()}\n        <calcite-pick-list-item\n          description={this.description}\n          deselectDisabled={this.deselectDisabled}\n          disabled={this.disabled}\n          label={this.label}\n          metadata={this.metadata}\n          nonInteractive={this.nonInteractive}\n          onCalciteListItemChange={this.handleSelectChange}\n          removable={this.removable}\n          selected={this.selected}\n          value={this.value}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.getPickListRef}\n        >\n          {this.renderActionsStart()}\n          {this.renderActionsEnd()}\n        </calcite-pick-list-item>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;qxBAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,OAAQ,UAEV,IAAYC,GAAZ,SAAYA,GACVA,EAAA,cACD,EAFD,CAAYA,MAAU,K,SCANC,EACdC,EACAC,EACAC,GAEA,MAAMC,MAAEA,EAAKC,SAAEA,GAAaF,EAE5B,MAAMG,EAAQF,EAAMG,OACpB,MAAMC,EAAWC,EAAaN,EAAWF,GAAQ,EACjD,MAAMS,EACJR,IAAW,OACPG,EAASM,eACTT,IAAW,SACXG,EAASO,iBACTV,IAAW,SACXG,EAASQ,iBACTR,EAASS,iBAEf,OAAOC,GAAoBL,EAAUT,EAAKe,MAAOR,EAAUF,EAC7D,C,SAEgBW,EAAwBC,GAItC,MAAMpB,EAASoB,EACZC,eACAC,MAAMnB,GAAsBA,EAAKoB,SAASC,WAAaC,YAE1D,MAAMtB,EAAOiB,EACVC,eACAC,MACEnB,GAAsBA,EAAKuB,SAASC,gBAAkB,4BAG3D,MAAO,CAAE3B,SAAQG,OACnB,C,SAEgBc,GAAoBW,EAAcV,EAAeR,EAAkBF,GACjF,MAAMqB,EAAkBD,EAAKE,QAAQ,aAAcpB,EAASqB,YAC5D,MAAMC,EAAeH,EAAgBC,QAAQ,cAAeZ,GAC5D,OAAOc,EAAaF,QAAQ,UAAWtB,EAAMuB,WAC/C,CC9CA,MAAME,GAAe,88C,MCmFRC,GAAS,M,kMAqIpBC,KAAAC,iBAAgC,KAEhCD,KAAAE,iBAAmBC,EAAe,WAAYC,EAAyBC,KAAKL,OAY5EA,KAAAM,eAAiB,IAAI3C,EAAIE,SAEzBmC,KAAAO,aAAe,0BAwIfP,KAAAQ,YAAeC,IACbT,KAAKU,SAAWD,CAAE,EAGpBT,KAAAW,iBAAoBC,IAClBZ,KAAKY,cAAgBA,CAAa,EAapCZ,KAAAa,qBAAuBA,EAAqBR,KAAKL,MAEjDA,KAAAc,qBAAuBA,EAAqBT,KAAKL,MAEjDA,KAAAe,eAAiBA,EAAeV,KAAKL,MAErCA,KAAAgB,aAAeA,EAAaX,KAAKL,MAEjCA,KAAAiB,kBAAoBA,EAAkBZ,KAAKL,MAE3CA,KAAAkB,YAAcA,EAAYb,KAAKL,MAE/BA,KAAAmB,eAAkBlC,IAChB,GAAIA,EAAMmC,iBAAkB,CAC1B,M,CAGF,MAAMvD,OAAEA,EAAMG,KAAEA,GAASgB,EAAwBC,GACjD,GAAIpB,IAAWG,EAAKqD,iBAAmBpC,EAAMqC,MAAQ,IAAK,CACxDtB,KAAKuB,uBAAuBxD,EAAoBC,EAAM,SAAUgC,M,CAGlE,IAAKnC,IAAWG,EAAKqD,gBAAiB,CACpCF,EAAeK,KAAKxB,KAAMf,GAC1B,M,CAGFA,EAAMwC,iBAEN,MAAMtD,MAAEA,GAAU6B,KAElB,GAAIf,EAAMqC,MAAQ,IAAK,CACrBtB,KAAKuB,uBAAuBxD,EAAoBC,EAAM,SAAUgC,M,CAGlE,GAAKf,EAAMqC,MAAQ,WAAarC,EAAMqC,MAAQ,aAAgBnD,EAAMG,QAAU,EAAG,CAC/E,M,CAGF,MAAMmC,GAAEA,GAAOT,KACf,MAAM0B,EAAYC,EAAc3B,KAAMhC,EAAMiB,EAAMqC,MAAQ,UAAY,KAAO,QAC7E,GAAII,IAAcvD,EAAMG,OAAS,EAAG,CAClCmC,EAAGmB,YAAY5D,E,KACV,CACL,MAAM6D,EAAkBpB,EAAGqB,SAASJ,GACpC,MAAMK,EACJF,IAAoB7D,EAAKgE,mBACrBH,EAAgBG,mBAChBH,EACNpB,EAAGwB,aAAajE,EAAM+D,E,CAGxB/B,KAAK7B,MAAQ6B,KAAKkC,WAClBlC,KAAKmC,uBAAuBC,KAAKpC,KAAK7B,MAAMkE,KAAI,EAAGC,WAAYA,KAE/DC,uBAAsB,IAAMC,EAAa3E,KACzCG,EAAKqD,gBAAkB,KAEvBrB,KAAKyC,sBAAsB5E,EAAQE,EAAoBC,EAAM,SAAUgC,MAAM,EAuD/EA,KAAA0C,iBAAoBjC,IAClBT,KAAK2C,gBAAkBlC,CAAE,EAG3BT,KAAA4C,cAAiB3D,IACf,MAAMpB,OAAEA,EAAMG,KAAEA,GAASgB,EAAwBC,GACjD,IAAKjB,GAAMqD,iBAAmBrD,GAAQH,EAAQ,CAC5CmC,KAAKyC,sBAAsB5E,EAAQE,EAAoBC,EAAM,OAAQgC,M,iBArZrC,M,8DAeG,M,mBAOqC,G,kBAQ1B,G,mBAKT,M,6FAuBN,M,cAQC,M,2BAKa,M,2EA6Bd,G,oDAIR,G,oBAOyB,IAAI6C,G,CA/BxD,gBAAAC,G,CA2BA,qBAAAC,GACEC,EAAehD,KAAMA,KAAKiD,gB,CA+B5B,iBAAAC,GACE,GAAIC,EAAWnD,MAAO,CACpB,M,CAGFoD,EAAmBpD,MACnBqD,EAAiBrD,MACjBsD,EAAgBtD,MAChBuD,EAAW/B,KAAKxB,MAChBwD,EAAmBhC,KAAKxB,MACxBA,KAAKyD,c,CAGP,uBAAMC,GACJC,EAAuB3D,YACjB4D,EAAc5D,K,CAGtB,gBAAA6D,GACEC,EAAmB9D,MACnB+D,EAAoBvC,KAAKxB,K,CAG3B,kBAAAgE,GACEC,EAAsBjE,K,CAGxB,oBAAAkE,GACE,GAAIf,EAAWnD,MAAO,CACpB,M,CAGFmE,EAAsBnE,MACtBoE,EAA4BpE,MAC5BqE,EAAoBrE,MACpBsE,EAAmBtE,MACnBuE,EAAgB/C,KAAKxB,K,CA2BvB,0BAAAwE,CAA2BvF,GACzBuF,EAA2BhD,KAAKxB,KAAMf,E,CAIxC,4BAAAwF,CAA6BxF,GAC3ByF,EAAWlD,KAAKxB,KAAMf,E,CAIxB,4BAAA0F,CAA6B1F,GAC3B0F,EAA6BnD,KAAKxB,KAAMf,E,CAI1C,yCAAA2F,CAA0C3F,GACxCA,EAAM4F,kBACN7E,KAAK8E,a,CAIP,yCAAAC,CAA0C9F,GACxC8F,EAA0CvD,KAAKxB,KAAMf,GACrDA,EAAM4F,iB,CASR,iBAAAG,GACET,EAAgB/C,KAAKxB,K,CAGvB,eAAAiF,GACEzB,EAAmBhC,KAAKxB,K,CAG1B,SAAAkF,GAAS,CAET,WAAAC,GAAW,CAEX,UAAAC,GACEpF,KAAK7B,MAAQkH,MAAMC,KAAKtF,KAAKS,GAAG8E,iBAA8B,4BAC9D,MAAMC,EAASxF,KAAK7B,MAAMkE,KAAKrE,GAASA,EAAKsE,QAC7CtC,KAAKmC,uBAAuBC,KAAKoD,E,CAGnC,QAAAtD,GACE,OAAOmD,MAAMC,KAAKtF,KAAKS,GAAG8E,iBAA8B,2B,CAG1D,UAAAE,GACEA,EAAWjE,KAAKxB,KAAM,2BACtBA,KAAKyD,c,CAGP,WAAAqB,GACE,GAAI9E,KAAK0F,cAAe,CACtB1F,KAAK2F,cAAgB3F,KAAKkB,a,EAY9B,YAAAuC,GACE,MAAMmC,YAAEA,GAAgB5F,KAExB,IAAK4F,EAAa,CAChB,M,CAGFC,EAAyB7F,K,CAgE3B,UAAA8F,GACE,GAAI9F,KAAK4F,YAAa,CACpB5F,KAAKuB,uBAAuB,G,EAYhC,sBAAMwE,GACJ,OAAO/F,KAAKgG,c,CASd,cAAMC,CAASC,SACPC,EAAmBnG,MAEzB,OAAOiG,EAASzE,KAAKxB,KAAMkG,E,CAS7B,WAAAE,GACE,IAAIC,EAAO,KACX,GAAIrG,KAAK4F,YAAa,CACpBS,EAAOvI,EAAWwI,I,CAEpB,OAAOD,C,CAGT,sBAAA9E,CAAuB9B,GACrBO,KAAK2C,gBAAgB4D,YAAc9G,C,CAGrC,qBAAAgD,CAAsB+D,EAAgC/G,GACpD+G,EAAcC,UAAYhH,C,CAe5B,uBAAAiH,CAAwBzH,GACtB,MAAMjB,KAAEA,EAAIH,OAAEA,GAAWoB,EAAM0H,OAC/B,IAAK3I,GAAMqD,iBAAmBrD,EAAM,CAClCgC,KAAKyC,sBAAsB5E,EAAQE,EAAoBC,EAAM,OAAQgC,M,CAEvEf,EAAM4F,iB,CAGR,MAAA+B,GACE,OACEC,EAACC,EAAI,CACHC,OAAQ/G,KAAK8F,WACbkB,UAAWhH,KAAK4C,cAChBqE,UAAWjH,KAAKmB,eAChB+F,MAAOlH,M,8LC7gBR,MAAMmH,GAAQ,CACnBC,KAAM,QAGD,MAAMC,GAAQ,CACnBC,WAAY,cACZC,aAAc,iBCNhB,MAAMC,GAAmB,wjE,MC8CZC,GAAa,M,0OA6ExBzH,KAAA0H,aAA+C,KAI/C1H,KAAA2H,KAAO,2BAA2BA,MA8FlC3H,KAAA4H,eAAkBnH,GACfT,KAAK0H,aAAejH,EAEvBT,KAAA6H,cAAiB5I,IACf,GAAIA,EAAMqC,MAAQ,IAAK,CACrBtB,KAAKqB,iBAAmBrB,KAAKqB,e,GAIjCrB,KAAA8F,WAAa,KACX9F,KAAKqB,gBAAkB,MACvBrB,KAAK8H,mCAAmC1F,KAAK,CAAEpE,KAAMgC,KAAKS,GAAI5C,OAAQmC,KAAK+H,UAAW,EAGxF/H,KAAAgI,mBAAsB/I,IACpBe,KAAKiI,SAAWhJ,EAAM0H,OAAOsB,QAAQ,E,yCA7KH,M,sBAKT,M,oBAKe,M,qBAKE,M,UAOQ,K,iBAGb,M,4DAeF,M,cAKc,M,qBA2BnD,iBAAA/E,GACEgF,EAAgClI,MAChCoD,EAAmBpD,K,CAGrB,oBAAAkE,GACEiE,EAAmCnI,MACnCmE,EAAsBnE,K,CAGxB,iBAAA0D,GACEC,EAAuB3D,K,CAGzB,gBAAA6D,GACEC,EAAmB9D,K,CAGrB,kBAAAgE,GACEC,EAAsBjE,KAAMA,KAAKS,GAAG2H,QAAQ,sBAAwB,UAAY,M,CAgBlF,oBAAMC,CAAeC,GACnBtI,KAAK0H,aAAaW,eAAeC,E,CAKnC,cAAMrC,SACEE,EAAmBnG,MAEzB,OAAOA,KAAK0H,cAAczB,U,CA+B5B,4BAAAtB,CAA6B1F,GAE3BA,EAAM0H,OAAO3I,KAAOgC,KAAKS,E,CAiC3B,gBAAA8H,GACE,MAAM9H,GAAEA,GAAOT,KACf,MAAMwI,EAAgBC,EAAWhI,EAAI4G,GAAMC,YAE3C,OAAOkB,EACL3B,EAAA,QAAM6B,KAAMrB,GAAMC,WAAYqB,KAAMC,EAAgBtB,aAClD,I,CAGN,kBAAAuB,GACE,MAAMpI,GAAEA,GAAOT,KACf,MAAM8I,EAAkBL,EAAWhI,EAAI4G,GAAME,cAE7C,OAAOuB,EACLjC,EAAA,QAAM6B,KAAMrB,GAAME,aAAcoB,KAAMC,EAAgBrB,eACpD,I,CAGN,YAAAwB,GACE,MAAMC,KAAEA,EAAIC,YAAEA,GAAgBjJ,KAC9B,GAAIgJ,IAASlL,EAAWwI,KAAM,CAC5B,OACEO,EAAA,QACEqC,MAAO,CACL,CAACvL,EAAIE,QAAS,KACd,CAACF,EAAI0D,iBAAkBrB,KAAKqB,iBAC7B,sBAED0F,OAAQ/G,KAAK8F,WACbmB,UAAWjH,KAAK6H,cAChBsB,KAAK,SACLC,SAAS,IAETC,IAAM5I,GAAQT,KAAK+H,SAAWtH,GAE9BoG,EAAA,gBAAcyC,QAASL,EAAaD,KAAM7B,GAAMC,KAAMmC,MAAM,M,EAMpE,MAAA3C,GACE,OACEC,EAAC2C,EAAI,CAACC,GAAIzJ,KAAKS,GAAGgJ,IAAMzJ,KAAK2H,MAC1B3H,KAAK+I,eACNlC,EAAA,0BACE6C,YAAa1J,KAAK0J,YAClBC,iBAAkB3J,KAAK2J,iBACvBC,SAAU5J,KAAK4J,SACf7K,MAAOiB,KAAKjB,MACZ8K,SAAU7J,KAAK6J,SACfC,eAAgB9J,KAAK8J,eACrBC,wBAAyB/J,KAAKgI,mBAC9BgC,UAAWhK,KAAKgK,UAChB/B,SAAUjI,KAAKiI,SACf3F,MAAOtC,KAAKsC,MAEZ+G,IAAKrJ,KAAK4H,gBAET5H,KAAK6I,qBACL7I,KAAKuI,oB"}

package/dist/calcite/p-dadaa9a7.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.1.0-next.2
+ */
+import{d as e}from"./p-818a6508.js";import"./p-793d9a3b.js";import"./p-d5c47529.js";import"./p-6cc43458.js";import"./p-aa8b4261.js";import"./p-094e8227.js";import"./p-8fa4cc81.js";import"./p-25f30376.js";import"./p-1a7e4103.js";import"./p-ef01f1b1.js";import"./p-a88c3b3f.js";import"./p-ff9a5c92.js";import"./p-c92499c5.js";import"./p-47054ddc.js";import"./p-1e56c915.js";import"./p-7f9f8621.js";import"./p-09c1318f.js";import"./p-747a24fe.js";function r(e){return e%100==2}function t(e){return e%100==3||e%100==4}function m(e,m,n,a){var i=e+" ";switch(n){case"s":return m||a?"nekaj sekund":"nekaj sekundami";case"m":return m?"ena minuta":"eno minuto";case"mm":if(r(e)){return i+(m||a?"minuti":"minutama")}if(t(e)){return i+(m||a?"minute":"minutami")}return i+(m||a?"minut":"minutami");case"h":return m?"ena ura":a?"eno uro":"eno uro";case"hh":if(r(e)){return i+(m||a?"uri":"urama")}if(t(e)){return i+(m||a?"ure":"urami")}return i+(m||a?"ur":"urami");case"d":return m||a?"en dan":"enim dnem";case"dd":if(r(e)){return i+(m||a?"dneva":"dnevoma")}return i+(m||a?"dni":"dnevi");case"M":return m||a?"en mesec":"enim mesecem";case"MM":if(r(e)){return i+(m||a?"meseca":"mesecema")}if(t(e)){return i+(m||a?"mesece":"meseci")}return i+(m||a?"mesecev":"meseci");case"y":return m||a?"eno leto":"enim letom";case"yy":if(r(e)){return i+(m||a?"leti":"letoma")}if(t(e)){return i+(m||a?"leta":"leti")}return i+(m||a?"let":"leti")}}var n={name:"sl",weekdays:"nedelja_ponedeljek_torek_sreda_četrtek_petek_sobota".split("_"),months:"januar_februar_marec_april_maj_junij_julij_avgust_september_oktober_november_december".split("_"),weekStart:1,weekdaysShort:"ned._pon._tor._sre._čet._pet._sob.".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._avg._sep._okt._nov._dec.".split("_"),weekdaysMin:"ne_po_to_sr_če_pe_so".split("_"),ordinal:function e(r){return r+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"čez %s",past:"pred %s",s:m,m,mm:m,h:m,hh:m,d:m,dd:m,M:m,MM:m,y:m,yy:m}};e.locale(n,null,true);export default n;
+//# sourceMappingURL=p-dadaa9a7.js.map

package/dist/calcite/p-e07009eb.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.1.0-next.2
+ */
+import{r as t,c as i,h as e,H as s,g as o}from"./p-793d9a3b.js";import{q as n,i as r,y as a,t as l}from"./p-6cc43458.js";import{c,b as h,a as f,r as d,F as u}from"./p-956f61a6.js";import{g as p}from"./p-aa8b4261.js";import{o as m}from"./p-747a24fe.js";import{F as w}from"./p-cc2fedbf.js";import"./p-094e8227.js";import"./p-3d447467.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)}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.reposition(true);this.calciteTooltipBeforeOpen.emit()}onOpen(){this.calciteTooltipOpen.emit()}onBeforeClose(){this.calciteTooltipBeforeClose.emit()}onClose(){this.calciteTooltipClose.emit();this.reposition(true)}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-e07009eb.entry.js.map

package/dist/calcite/p-e1a94457.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.1.0-next.2
+ */
+import{r as t,c as e,h as i,H as s,g as a}from"./p-793d9a3b.js";import{c as o,d as r,H as n}from"./p-d5c47529.js";import{c as l,d as c,g as h}from"./p-ef01f1b1.js";import{b as d,t as f}from"./p-6cc43458.js";import{c as p,d as m,n as b}from"./p-c92499c5.js";import{c as u}from"./p-47054ddc.js";import{s as g,a as x,c as v,b as z}from"./p-ff9a5c92.js";import{c as y,s as w,d as k,u as j}from"./p-09c1318f.js";import{c as L,u as H,d as C}from"./p-8fa4cc81.js";import{g as A}from"./p-aa8b4261.js";import{t as S}from"./p-77625861.js";import"./p-a88c3b3f.js";import"./p-094e8227.js";import"./p-1a7e4103.js";import"./p-25f30376.js";import"./p-3d447467.js";const W={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",resizeDisabled:"resize--disabled",resizeDisabledX:"resize--disabled-x",resizeDisabledY:"resize--disabled-y",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",borderColor:"border--color",hide:"hide",blockSizeFull:"block-size--full",footerEndSlotOnly:"footer--end-only"};const D={footerStart:"footer-start",footerEnd:"footer-end"};const I=100;const O=":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;block-size:100%;inline-size:100%}textarea{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-color-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea: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          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-status-danger)}textarea.text-area--invalid: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          )}textarea.footer--slotted{min-inline-size:18rem}.footer{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}:host([resize=none]) textarea{resize:none}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=vertical]) textarea{resize:vertical}:host([scale=s]){font-size:var(--calcite-font-size--2)}:host([scale=s]) .footer{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}:host([scale=s]) textarea{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=s]) textarea,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}:host([scale=m]) textarea{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=m]) textarea,:host([scale=m]) .footer,:host([scale=m]) .character-limit{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}:host([scale=l]){font-size:var(--calcite-font-size-0)}:host([scale=l]) textarea{padding-block:0.75rem;padding-inline:1rem}:host([scale=l]) .footer{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}:host([scale=l]) textarea,:host([scale=l]) .footer,:host([scale=l]) .character-limit{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) textarea: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          )}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}:host([disabled]) textarea,:host([disabled]) footer{opacity:0.5}.border--color{border-block-end-width:1px;border-color:var(--calcite-color-border-input)}.border--color:focus{border-block-end-width:2px}textarea.block-size--full{block-size:100%}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.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}::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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";const T=class{constructor(s){t(this,s);this.calciteTextAreaInput=e(this,"calciteTextAreaInput",7);this.calciteTextAreaChange=e(this,"calciteTextAreaChange",7);this.guid=A();this.handleInput=t=>{this.value=t.target["value"];this.calciteTextAreaInput.emit()};this.handleChange=()=>{this.calciteTextAreaChange.emit()};this.contentSlotChangeHandler=()=>{if(!this.value){const t=this.el.childNodes;t.forEach((t=>{if(t.nodeName==="#text"){this.value=t.nodeValue.trim()}}))}};this.renderCharacterLimit=()=>{if(this.maxLength){this.localizedCharacterLengthObj=this.getLocalizedCharacterLength();return i("span",{class:W.characterLimit},i("span",{class:{[W.characterOverLimit]:this.isCharacterLimitExceeded()}},this.localizedCharacterLengthObj.currentLength),"/",this.localizedCharacterLengthObj.maxLength)}return null};this.resizeObserver=u("resize",(async()=>{await z(this);const{textAreaHeight:t,textAreaWidth:e,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}=this.getHeightAndWidthOfElements();if(o>0&&o!==e){this.footerEl.style.width=`${e}px`}if(s!==e||i!==t+(a||0)){this.setHeightAndWidthToAuto()}}));this.setTextAreaEl=t=>{this.textAreaEl=t;this.resizeObserver.observe(t)};this.setHeightAndWidthToAuto=S((()=>{if(this.resize==="vertical"||this.resize==="both"){this.el.style.height="auto"}if(this.resize==="horizontal"||this.resize==="both"){this.el.style.width="auto"}}),I,{leading:false});this.autofocus=false;this.columns=undefined;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.label=undefined;this.maxLength=undefined;this.messages=undefined;this.name=undefined;this.numberingSystem=undefined;this.placeholder=undefined;this.readOnly=false;this.required=false;this.resize="both";this.rows=undefined;this.scale="m";this.status="idle";this.value=undefined;this.wrap="soft";this.messageOverrides=undefined;this.defaultMessages=undefined;this.endSlotHasElements=undefined;this.startSlotHasElements=undefined;this.effectiveLocale="";this.localizedCharacterLengthObj=undefined}onMessagesChange(){}connectedCallback(){L(this);l(this);o(this);p(this);y(this)}async componentWillLoad(){g(this);await w(this)}componentDidLoad(){x(this)}componentDidRender(){H(this);this.setTextAreaHeight()}disconnectedCallback(){C(this);c(this);r(this);m(this);k(this);this.resizeObserver?.disconnect()}render(){const t=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return i(s,null,i("textarea",{"aria-describedby":this.guid,"aria-invalid":f(this.isCharacterLimitExceeded()),"aria-label":h(this),autofocus:this.autofocus,class:{[W.readOnly]:this.readOnly,[W.textAreaInvalid]:this.isCharacterLimitExceeded(),[W.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[W.blockSizeFull]:!t,[W.borderColor]:!t},cols:this.columns,disabled:this.disabled,name:this.name,onChange:this.handleChange,onInput:this.handleInput,placeholder:this.placeholder,readonly:this.readOnly,required:this.required,rows:this.rows,value:this.value,wrap:this.wrap,ref:this.setTextAreaEl}),i("span",{class:{[W.content]:true}},i("slot",{onSlotchange:this.contentSlotChangeHandler})),i("footer",{class:{[W.footer]:true,[W.readOnly]:this.readOnly,[W.hide]:!t},ref:t=>this.footerEl=t},i("div",{class:{[W.container]:true,[W.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements}},i("slot",{name:D.footerStart,onSlotchange:t=>this.startSlotHasElements=d(t)}),i("slot",{name:D.footerEnd,onSlotchange:t=>this.endSlotHasElements=d(t)})),this.renderCharacterLimit()),i(n,{component:this}),this.isCharacterLimitExceeded()&&i("span",{"aria-hidden":true,"aria-live":"polite",class:W.assistiveText,id:this.guid},this.replacePlaceHoldersInMessages()))}async setFocus(){await v(this);this.textAreaEl.focus()}async selectText(){await z(this);this.textAreaEl.select()}effectiveLocaleChange(){j(this,this.effectiveLocale)}onFormReset(){this.value=this.defaultValue}onLabelClick(){this.setFocus()}getLocalizedCharacterLength(){const t=this.value?this.value.length.toString():"0";const e=this.maxLength.toString();if(this.numberingSystem==="latn"){return{currentLength:t,maxLength:e}}b.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator};return{currentLength:b.localize(t),maxLength:b.localize(e)}}syncHiddenFormInput(t){t.setCustomValidity("");if(this.isCharacterLimitExceeded()){t.setCustomValidity(this.replacePlaceHoldersInMessages())}}setTextAreaHeight(){const{textAreaHeight:t,elHeight:e,footerHeight:i}=this.getHeightAndWidthOfElements();if(i>0&&t+i!=e){this.textAreaEl.style.height=`${e-i}px`}}getHeightAndWidthOfElements(){const{height:t,width:e}=this.textAreaEl.getBoundingClientRect();const{height:i,width:s}=this.el.getBoundingClientRect();const{height:a,width:o}=this.footerEl?.getBoundingClientRect();return{textAreaHeight:t,textAreaWidth:e,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}}replacePlaceHoldersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};T.style=O;export{T as calcite_text_area};
+//# sourceMappingURL=p-e1a94457.entry.js.map