@esri/calcite-components 6.0.0-next.1 → 6.0.0-next.10

package/dist/cdn/DLRDAWPK.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as Ve}from"./4MCKDZC2.js";import{a as Re}from"./PBDQ4F26.js";import{b as Z,c as Oe,d as Y,f as R,g as O,h as X,i as ke}from"./G7RVPH4C.js";import{a as B,b as G,d as r,e as h,f as _}from"./NYT7VOUO.js";import{d as q}from"./QQJAAD4D.js";import{a as Me}from"./ITINQ72E.js";import{b as N}from"./G2G5ELGL.js";import{a as Ie}from"./LVFOVDHP.js";import{c as He}from"./BWQEQMPE.js";import{a as we}from"./XN5GTOTE.js";import{a as Le}from"./SYCYUG5E.js";import{a as me}from"./4MISAGES.js";import{a as ye}from"./7PBEXYE5.js";import{a as W,c as U,d as Ce,e as ge,f as Se,g as V,h as ve}from"./CZAABKL5.js";import{a as be}from"./KAADRWY5.js";import{a as ue}from"./DEOKQGMM.js";import{a as he}from"./SAHTJ6E6.js";import{a as H}from"./IRTFE23M.js";import{a as fe}from"./SK3O7KCF.js";import{a as xe}from"./5K4OZJAZ.js";import{a as pe}from"./CASNTUXN.js";import{a as P,b as z}from"./FDHY2TZA.js";import{a as de}from"./HS66ECFP.js";import"./ZZDNIBT7.js";import{a as se}from"./YW4L3SES.js";import{a as E,b as T}from"./VMHJHFFS.js";import{e as re}from"./UVU4JATX.js";import"./2OP2BIGK.js";import{i as w,l as F,p as ne}from"./2M4ETWZU.js";import{D as oe,E as M,F as S,G as ie,H as p,L as ae,M as A,N as ce,T as le,g as te,h as x,l as m,p as v}from"./VMT523SA.js";var k="48px";var Pe=te`: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:block;--calcite-internal-combobox-max-block-size: 45vh}:host([scale=s]){font-size:var(--calcite-font-size-relative-sm);--calcite-internal-combobox-spacing-unit-l: .5rem;--calcite-internal-combobox-spacing-unit-s: .25rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-2xs);--calcite-internal-combobox-no-matches-spacing-unit-s: .25rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.25rem - 1px) ;--calcite-internal-close-size: 1rem}:host([scale=m]){font-size:var(--calcite-font-size-relative-base);--calcite-internal-combobox-spacing-unit-l: .75rem;--calcite-internal-combobox-spacing-unit-s: .5rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm);--calcite-internal-combobox-no-matches-spacing-unit-s: .375rem;--calcite-combobox-input-height: 1rem;--calcite-internal-combobox-input-margin-block: calc(.5rem - 1px) ;--calcite-internal-close-size: 1.5rem}:host([scale=l]){font-size:var(--calcite-font-size-relative-md);--calcite-internal-combobox-spacing-unit-l: 1rem;--calcite-internal-combobox-spacing-unit-s: .75rem;--calcite-internal-combobox-padding-inline-end: var(--calcite-space-sm-plus);--calcite-internal-combobox-no-matches-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-combobox-input-height: 1.5rem;--calcite-internal-combobox-input-margin-block: calc(var(--calcite-space-sm-plus) - 1px);--calcite-internal-close-size: 2rem}.wrapper{outline-color:transparent;display:flex;border-width:var(--calcite-border-width-sm);border-style:solid;padding-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);border-radius:var(--calcite-combobox-corner-radius, var(--calcite-corner-radius));background-color:var(--calcite-combobox-input-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));border-color:var(--calcite-combobox-input-border-color, var(--calcite-color-border-input))}.wrapper:hover .icon{color:var(--calcite-combobox-icon-color-hover, var(--calcite-color-text-1))}:host(:focus-within) .wrapper,.wrapper--active{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}:host([read-only]) .wrapper{background-color:var(--calcite-theme-color-surface-1, var(--calcite-color-background))}:host([read-only]) .label{font-weight:var(--calcite-font-weight-medium)}:host([status=invalid]) .wrapper{border-color:var(--calcite-color-status-danger)}:host([status=invalid]:focus-within) .wrapper{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(-1 * var(--calcite-theme-space-base, var(--calcite-spacing-base)) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.wrapper--single{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l) var(--calcite-internal-combobox-padding-inline-end);cursor:pointer;flex-wrap:nowrap}.grid-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;position:relative;padding:0;gap:var(--calcite-internal-combobox-spacing-unit-s);margin-inline-end:var(--calcite-internal-combobox-spacing-unit-s)}.grid-input.selection-display--fit,.grid-input.selection-display--single{flex-wrap:nowrap;overflow:hidden}.input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background-color:transparent;border-style:none;flex-grow:1;font-family:inherit;color:var(--calcite-color-text-1);padding:0;font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);inline-size:100%;margin-block-end:var(--calcite-internal-combobox-spacing-unit-s);min-inline-size:4.8125rem}.input:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.input:placeholder-shown{text-overflow:ellipsis}.input--single{padding:0;margin-block:var(--calcite-internal-combobox-input-margin-block)}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0;min-inline-size:0;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.placeholder-icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.input-wrap{display:flex;flex-grow:1;align-items:center}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-inline-size:100%;flex:1 1 auto;padding:0;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-internal-combobox-spacing-unit-l)}.icon-end,.icon-start{display:flex;cursor:pointer;align-items:center}.icon-end{flex:none}.icon-end .icon{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3))}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.floating-ui-container .calcite-floating-ui-anim{box-shadow:var(--calcite-shadow-md)}@media(forced-colors:active){.wrapper,.floating-ui-container{border:1px solid canvasText}}.list-container{max-block-size:var(--calcite-internal-combobox-max-block-size);overflow-y:auto;inline-size:var(--calcite-dropdown-width, 100%);background-color:var(--calcite-combobox-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.list{margin:0;display:block;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.list--hide{block-size:0;overflow:hidden}calcite-chip{--calcite-animation-timing: 0}.chip{margin-block:calc(var(--calcite-internal-combobox-spacing-unit-s) / 4);max-inline-size:100%}.chip--invisible{position:absolute;visibility:hidden}.item{display:block}.select-all{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-block-end-color:var(--calcite-combobox-divider-color, var(--calcite-combobox-item-border-color, var(--calcite-color-border-3)));border-block-end-style:solid;border-block-end-width:var(--calcite-border-width-sm);inset-block-start:0;position:sticky;z-index:var(--calcite-z-index-sticky)}.no-matches{padding-block:var(--calcite-internal-combobox-no-matches-spacing-unit-s);padding-inline:var(--calcite-internal-combobox-spacing-unit-l);color:var(--calcite-combobox-input-text-color, var(--calcite-color-text-1));background:var(--calcite-combobox-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));cursor:pointer}.no-matches-placeholder{color:var(--calcite-combobox-icon-color, var(--calcite-color-text-3));cursor:default}.disabled{opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var( --calcite-clear-button-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color: var(--calcite-clear-button-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-clear-button-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-clear-button-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-internal-action-padding-block: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-action-background-color: var( --calcite-clear-button-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-action-text-color: var(--calcite-clear-button-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-clear-button-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-clear-button-background-color-press, var(--calcite-clear-button-background-color));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-placeholder-text-color, var(--calcite-color-text-3))}`,j=class extends ie{constructor(){super(),this.direction=re(),this.formSupport=He({inputType:"text"})(this),this.selectAllComboboxItemRef=M(),this.allSelectedIndicatorChipRef=M(),this.data=[],this.cancelable=fe()(this),this.filterItems=(()=>{let e=(t,o)=>t&&o.some(({el:i})=>t===i);return xe((t,o=!1,i=!0)=>{let a=Re([...this.data,...this.groupData],t,this.effectiveFilterProps),c=this.getItemsAndGroups(),l=t==="";c.forEach(n=>{if(l){n.itemHidden=!1;return}let s=!e(n,a);n.itemHidden=s;let[C,d]=n.ancestors;(e(C,a)||e(d,a))&&(n.itemHidden=!1),s||n.ancestors.forEach(f=>f.itemHidden=!1)}),this.noMatchesFound=this.filteredItems.length===0&&!!this.filterText,this.filterTextMatchPattern=this.filterText?new RegExp(`(${N(this.filterText)})`,"i"):void 0,this.keyboardNavItems.forEach(n=>{n.filterTextMatchPattern=this.filterTextMatchPattern}),o&&(this.open=this.filterText.trim().length>0),i&&this.calciteComboboxFilterChange.emit()},ce.filter)})(),this._filterText="",this.getSelectedItems=()=>{if(!this.isMulti()){let e=this.allItems.find(({selected:t})=>t);return e?[e]:[]}return this.allItems.filter(e=>e.selected&&(this.selectionMode!=="ancestors"||!Y(e)))},this.groupData=[],this.groupItems=[],this.guid=pe(),this.ignoreSelectedEventsFlag=!1,this.internalValueChangeFlag=!1,this.previousAllSelected=!1,this.refreshingSelectionDisplay=!1,this.mutationObserver=P("mutation",()=>this.updateItems()),this.onLabelClick=()=>{this.setFocus()},this.pointerDownStartedInside=!1,this.transitionProp="opacity",this.resizeObserver=(()=>{let e=!1;return P("resize",()=>{e||(e=!0,requestAnimationFrame(()=>{e=!1,this.setMaxScrollerHeight(),this.refreshSelectionDisplay()}))})})(),this.selectedIndicatorChipRef=M(),this.selectedChipCountRef=M(),this.clearButtonRef=M(),this._selectedItems=[],this.textInputRef=M(),this._value="",this.messages=de({blocking:!0}),this.focusSetter=se()(this),this.customChipAddHandler=()=>{this.addCustomChip(this.filterText,!0)},this.interactiveContainer=he(this),this.topLayer=me({target:()=>this.floatingEl})(this),this.activeChipIndex=-1,this.activeDescendant="",this.activeItemIndex=-1,this.compactSelectionDisplay=!1,this.deferFitChipCountRender=!1,this.selectedHiddenChipsCount=0,this.selectedVisibleChipsCount=0,this.fitUsingCompactCountLabel=!1,this.allItems=[],this.items=[],this.noMatchesFound=!1,this.clearDisabled=!1,this.disabled=!1,this.maxItems=0,this.open=!1,this.overlayPositioning="absolute",this.placeholderIconFlipRtl=!1,this.placement=W,this.readOnly=!1,this.required=!1,this.scale="m",this.selectAllEnabled=!1,this.selectionDisplay="all",this.selectionAppearance="icon",this.selectionMode="multiple",this.status="idle",this.topLayerDisabled=!1,this.calciteComboboxBeforeClose=v({cancelable:!1}),this.calciteComboboxBeforeOpen=v({cancelable:!1}),this.calciteComboboxChange=v({cancelable:!1}),this.calciteComboboxChipClose=v({cancelable:!1}),this.calciteComboboxClose=v({cancelable:!1}),this.calciteComboboxFilterChange=v({cancelable:!1}),this.calciteComboboxOpen=v({cancelable:!1}),Le(this),this.listen("calciteComboboxItemChange",this.calciteComboboxItemChangeHandler),this.listen("calciteInternalComboboxItemChange",this.calciteInternalComboboxItemChangeHandler),this.listen("click",this.comboboxFocusHandler)}static{this.properties={activeChipIndex:[16,{},{state:!0}],activeDescendant:[16,{},{state:!0}],activeItemIndex:[16,{},{state:!0}],compactSelectionDisplay:[16,{},{state:!0}],deferFitChipCountRender:[16,{},{state:!0}],selectedHiddenChipsCount:[16,{},{state:!0}],selectedVisibleChipsCount:[16,{},{state:!0}],fitUsingCompactCountLabel:[16,{},{state:!0}],allItems:[16,{},{state:!0}],items:[16,{},{state:!0}],noMatchesFound:[16,{},{state:!0}],allowCustomValues:[7,{},{reflect:!0,type:Boolean}],clearDisabled:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],filterText:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filteredItems:[32,{},{attribute:!1,readOnly:!0}],flipPlacements:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],label:1,labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placeholder:1,placeholderIcon:[3,{},{reflect:!0}],placeholderIconFlipRtl:[7,{},{reflect:!0,type:Boolean}],placement:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectAllEnabled:[7,{},{reflect:!0,type:Boolean}],selectedItems:[0,{},{attribute:!1}],selectionDisplay:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:ae},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=[Pe,ue]}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(e=>e!=="el"):["description","label","metadata","shortHeading"]}get showingInlineIcon(){let{placeholderIcon:e,selectionMode:t,selectedItems:o,open:i}=this,a=o[0],c=a?.icon,l=R(t);return!i&&a?!!c&&l:!!e&&(!a||l)}get allSelected(){let e=this.allItems.filter(t=>!t.disabled);return e.length>0&&e.every(t=>t.selected)}get hasDisabledSelected(){return this.allItems.some(e=>e.disabled&&e.selected)}get indeterminate(){let e=this.selectedItems.length>0||this.hasDisabledSelected;return this.selectAllEnabled?!this.allSelected&&e:this.selectedItems.length>0&&!this.allSelected}get keyboardNavItems(){let{selectAllComboboxItemRef:e}=this,t=this.filteredItems.filter(o=>!o.disabled);return e.value?[e.value,...t]:t}get filterText(){return this._filterText}set filterText(e){let t=this._filterText;e!==t&&(this._filterText=e,this.filterTextChange(e))}get filteredItems(){return this.items.filter(e=>!T(e))}get selectedItems(){return this._selectedItems}set selectedItems(e){let t=this._selectedItems;e!==t&&(this._selectedItems=e,this.selectedItemsHandler())}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueHandler(e))}async reposition(e=!1){let{floatingEl:t,referenceEl:o,placement:i,overlayPositioning:a,filteredFlipPlacements:c}=this;return ge(this,{direction:this.direction,floatingEl:t,referenceEl:o,overlayPositioning:a,placement:i,flipPlacements:c,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>(this.activeChipIndex=-1,this.activeItemIndex=-1,this.textInputRef.value),e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),V(this),this.cancelable.add(this.filterItems)}async load(){this.listenOn(document,"pointerdown",this.documentPointerDownHandler,{capture:!0}),this.listenOn(document,"click",this.documentClickHandler),this.handleSelectionModeWarning()}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.handleDisabledChange(this.disabled),e.has("maxItems")&&(this.hasUpdated||this.maxItems!==0)&&this.setMaxScrollerHeight(),(e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==W))&&this.reposition(!0),(e.has("selectionMode")||e.has("scale")||e.has("selectionAppearance"))&&this.updateItems(),e.has("flipPlacements")&&this.flipPlacementsHandler()}loaded(){V(this),this.updateItems(),this.filterItems(this.filterText,!1,!1)}disconnectedCallback(){super.disconnectedCallback(),this.pointerDownStartedInside=!1,this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),ve(this)}emitComboboxChange(){this.calciteComboboxChange.emit()}filterTextChange(e){this.updateActiveItemIndex(-1),this.filterItems(e,!0)}openHandler(){this.disabled||be(this)}handleDisabledChange(e){e||(this.open=!1)}valueHandler(e){this.internalValueChangeFlag||(this.items.forEach(t=>{t.selected=Array.isArray(e)?e.includes(t.value):e===t.value}),this.updateItems())}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}selectedItemsHandler(){let e=this.previousAllSelected,t=this.allSelected;if(this.previousAllSelected=t,this.internalValueChangeFlag=!0,this.value=this.getValue(),this.internalValueChangeFlag=!1,this.selectionDisplay==="fit"&&this.isMulti()){let o=e&&!t;e&&!t&&(this.selectedHiddenChipsCount=0,this.selectedItems.forEach(i=>{let a=this.referenceEl?.querySelector(`#${h.chip(i.guid)}`);a&&this.showChip(a)})),this.updateComplete.then(async()=>{o&&await this.updateComplete,await this.refreshSelectionDisplay(),this.fitFollowUpRefreshPromise&&await this.fitFollowUpRefreshPromise,this.deferFitChipCountRender=!1})}}documentPointerDownHandler(e){this.pointerDownStartedInside=e.composedPath().includes(this.el)}async documentClickHandler(e){let t=this.pointerDownStartedInside;this.pointerDownStartedInside=!1,!(this.disabled||e.composedPath().includes(this.el)||e.detail>0&&t)&&(await this.componentOnReady(),!this.allowCustomValues&&this.filterText&&(this.clearInputValue(),this.filterItems(""),this.updateActiveItemIndex(-1)),this.allowCustomValues&&this.filterText.trim().length&&this.addCustomChip(this.filterText),this.open=!1)}handleSelectAll(e){e&&(this.toggleSelectAll(),this.selectionDisplay!=="fit"&&this.allSelected&&this.selectedItems.forEach(t=>{let o=this.referenceEl.querySelector(`#${h.chip(t.guid)}`);o&&this.hideChip(o)}))}updateSelectedItems(){this.selectedItems=this.getOrderedSelectedItems(this.getSelectedItems())}calciteComboboxItemChangeHandler(e){if(this.ignoreSelectedEventsFlag)return;let t=e.target,o=e.composedPath().includes(this.selectAllComboboxItemRef.value);this.selectAllEnabled&&this.handleSelectAll(o);let i=this.keyboardNavItems.indexOf(o?this.selectAllComboboxItemRef.value:t);this.updateActiveItemIndex(i),this.toggleSelection(t,t.selected)}calciteInternalComboboxItemChangeHandler(e){e.stopPropagation(),this.hasUpdated&&this.updateItems()}clearValue(){let e=this.items.filter(t=>t.selected&&!t.disabled);e.length&&(this.ignoreSelectedEventsFlag=!0,e.forEach(t=>t.selected=!1),this.ignoreSelectedEventsFlag=!1,this.updateSelectedItems(),this.emitComboboxChange()),this.open=!1,this.updateActiveItemIndex(-1),this.resetText(),this.filterItems(""),this.setFocus()}clearInputValue(){this.textInputRef.value&&(this.textInputRef.value.value=""),this.filterText=""}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?Ce(t,e):void 0}getValue(){let e=this.getOrderedSelectedValues(this.selectedItems.map(t=>t.value?.toString()));return e.length?e.length>1?e:e[0]:""}getOrderedSelectedValues(e){if(!this.isMulti())return e;let t=Array.isArray(this.value)?this.value:this.value?[this.value]:[];return ke(e,t)}getOrderedSelectedItems(e){return this.isMulti()?X(e,this.selectedItems):e}comboboxInViewport(){let e=this.el.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.right<=(window.innerWidth||document.documentElement.clientWidth)&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)}toggleSelectAll(){let e=!this.allSelected;this.allItems.forEach(t=>{t.disabled||(t.selected=e)}),this.updateSelectedItems(),this.emitComboboxChange()}hasHiddenSelectedFitChips(){if(this.selectionDisplay!=="fit"||!this.isMulti())return!1;let e=this.selectedChipCountRef.value;return!!e&&!e.classList.contains(r.chipInvisible)}keyDownHandler(e){if(this.readOnly)return;let{key:t}=e;switch(t){case"Tab":this.activeChipIndex=-1,this.activeItemIndex=-1,this.allowCustomValues&&this.filterText?(this.addCustomChip(this.filterText,!0),e.preventDefault()):this.open?(this.open=!1,e.preventDefault()):!this.allowCustomValues&&this.filterText&&(this.clearInputValue(),this.filterItems(""),this.updateActiveItemIndex(-1));break;case"ArrowLeft":(this.activeChipIndex!==-1||this.textInputRef.value?.selectionStart===0)&&(this.previousChip(),e.preventDefault());break;case"ArrowRight":this.activeChipIndex!==-1&&(this.nextChip(),e.preventDefault());break;case"ArrowUp":this.keyboardNavItems.length&&(e.preventDefault(),this.open&&this.shiftActiveItemIndex(-1),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView()),this.scrollToActiveOrSelectedItem();break;case"ArrowDown":this.keyboardNavItems.length&&(e.preventDefault(),this.open?this.shiftActiveItemIndex(1):(this.open=!0,this.ensureRecentSelectedItemIsActive()),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView());break;case" ":!this.textInputRef.value?.value&&!e.defaultPrevented&&(!this.open&&this.keyboardNavItems.length&&(this.open=!0,this.ensureRecentSelectedItemIsActive()),e.preventDefault());break;case"Home":if(!this.open)return;e.preventDefault(),this.updateActiveItemIndex(0),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"End":if(!this.open)return;e.preventDefault(),this.updateActiveItemIndex(this.filteredItems.length-1),this.scrollToActiveOrSelectedItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"Escape":if(this.open){this.open=!1,e.preventDefault();break}this.clearDisabled||(this.textInputRef.value.value.length>0?(this.resetText(),e.preventDefault()):this.selectedItems.length>0&&this.selectionMode!=="single-persist"&&(this.clearValue(),e.preventDefault()));break;case"Enter":this.open&&this.activeItemIndex>-1?(this.keyboardNavItems[this.activeItemIndex].toggleSelection(),e.preventDefault()):this.activeChipIndex>-1?(this.removeActiveChip(e.target),e.preventDefault()):this.allowCustomValues&&this.filterText?(this.addCustomChip(this.filterText,!0),e.preventDefault()):!e.defaultPrevented&&this.formSupport.active&&(e.preventDefault(),this.formSupport.requestSubmit());break;case"Delete":case"Backspace":{let i=this.hasHiddenSelectedFitChips()&&this.activeChipIndex===-1;if(this.selectionDisplay==="single"||i)return;let c=e.composedPath().find(q);this.activeChipIndex>-1&&c?(e.preventDefault(),this.removeActiveChip(c)):!this.filterText&&this.isMulti()&&(e.preventDefault(),this.removeLastChip());break}}}onBeforeOpen(){this.topLayer.show(),this.reposition(),this.calciteComboboxBeforeOpen.emit(),setTimeout(()=>this.scrollToActiveOrSelectedItem(this.activeItemIndex<0),0)}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit(),Se(this),this.topLayer.hide()}async setMaxScrollerHeight(){let{listContainerEl:e,open:t,referenceEl:o}=this;if(!e||!t||!o)return;let i=this.getMaxScrollerHeight();e.style.maxBlockSize=i>0?`${i}px`:"",e.style.inlineSize=`${o.clientWidth}px`}calciteChipCloseHandler(e){this.open=!1;let t=this.items.find(o=>o===e);t&&this.toggleSelection(t,!1),this.calciteComboboxChipClose.emit()}clickHandler(e){if(this.readOnly)return;let t=e.composedPath();if(t.some(i=>q(i))){this.open=!1,e.preventDefault();return}let o=this.clearButtonRef.value;if(o&&t.includes(o)){this.clearValue(),e.preventDefault();return}this.open=!this.open,this.ensureRecentSelectedItemIsActive()}ensureRecentSelectedItemIsActive(){let{activeItemIndex:e,selectedItems:t,keyboardNavItems:o}=this;if(e>-1&&o[e]){this.updateActiveItemIndex(e);return}let i=t[t.length-1],a=i?o.indexOf(i):o.length?0:-1;this.updateActiveItemIndex(a>-1?a:o.length?0:-1)}hideChip(e){e.classList.add(r.chipInvisible)}showChip(e){e.classList.remove(r.chipInvisible)}refreshChipDisplay({chipEls:e,availableHorizontalChipElSpace:t,chipContainerElGap:o,hideSelectedChips:i}){let a=e.filter(d=>d.selected),c=a.filter(d=>!d.disabled),l=a.filter(d=>d.disabled),n=d=>{let f=w(d),u=d.getBoundingClientRect().width;return Number.isFinite(f)&&f>0?f:u};if(a.forEach(d=>n(d)),e.forEach(d=>{this.hideChip(d)}),i)return;let s=d=>{let f=0;return d.forEach(u=>{let b=n(u);b&&b<=t&&(t-=b+o,this.showChip(u),f++)}),f};s(c)<=1&&s(l)}async refreshSelectionDisplay(e=!0){if(this.refreshingSelectionDisplay)return;if(this.refreshingSelectionDisplay=!0,await this.componentOnReady(),R(this.selectionMode)){this.refreshingSelectionDisplay=!1;return}let{allSelectedIndicatorChipRef:t,chipContainerEl:o,selectionDisplay:i,placeholder:a,selectedIndicatorChipRef:c,textInputRef:l}=this;if(!l.value||!o){this.refreshingSelectionDisplay=!1;return}let n=parseInt(getComputedStyle(o).gap,10),s=w(o),{fontSize:C,fontFamily:d,minInlineSize:f}=getComputedStyle(l.value),u=.55,b=parseFloat(f)||parseInt(k,10),g=F(a,`${C} ${d}`),L=g>0?g:Math.max(b,Math.round((a?.length||0)*(parseFloat(C)||parseInt(k,10))*u)),$=Math.max(b,L),D=(i==="fit"?$:L)+n,Be=w(t.value),Q=w(c.value),Ge=Math.max(Be,Q);if(this.setCompactSelectionDisplay({chipContainerElGap:n,chipContainerElWidth:s,inputWidth:D,largestSelectedIndicatorChipWidth:Ge}),i!=="fit"&&this.allSelected&&this.selectAllEnabled&&this.selectedItems.forEach(y=>{let I=this.referenceEl?.querySelector(`#${h.chip(y.guid)}`);I&&this.hideChip(I)}),this.indeterminate&&this.selectedItems.forEach(y=>{let I=this.referenceEl?.querySelector(`#${h.chip(y.guid)}`);I&&this.showChip(I)}),i==="fit"){let y=Array.from(this.renderRoot.querySelectorAll("calcite-chip")).filter(K=>{let ee=K.value,Ae=ee!=null&&`${ee}`!="";return K.disabled||Ae}),{hiddenChipIndicatorWidth:I,hideSelectedChips:J,reservedPlaceholderInputWidth:Ye}=this.getFitCompactDisplayState({chipContainerElGap:n,chipContainerElWidth:s,inputMinWidth:b,placeholderWidth:L,selectedIndicatorChipElWidth:Q});this.fitUsingCompactCountLabel=J;let $e=Math.round(s-(I+n+Ye+n));this.refreshChipDisplay({availableHorizontalChipElSpace:$e,chipContainerElGap:n,chipEls:y,hideSelectedChips:J});let De=this.selectedHiddenChipsCount;this.syncChipVisibilityCounts(y),De!==this.selectedHiddenChipsCount&&e&&(this.fitFollowUpRefreshPromise=this.updateComplete.then(()=>this.refreshSelectionDisplay(!1)).then(()=>{this.fitFollowUpRefreshPromise=void 0}))}this.refreshingSelectionDisplay=!1}setFloatingEl(e){this.floatingEl=e,V(this)}shouldUseFitCompactDisplay({chipContainerElGap:e,chipContainerElWidth:t,hiddenChipIndicatorWidth:o,inputMinWidth:i,placeholderWidth:a,reservedPlaceholderInputWidth:c}){let l=Math.round(t-(o+e+c+e));return a>i*2&&l<=0}getFitCompactDisplayState({chipContainerElGap:e,chipContainerElWidth:t,inputMinWidth:o,placeholderWidth:i,selectedIndicatorChipElWidth:a}){let c=w(this.selectedChipCountRef.value),l=this.deferFitChipCountRender||this.selectedHiddenChipsCount<=0?0:c||a,n=Math.max(o,i),s=this.shouldUseFitCompactDisplay({chipContainerElGap:e,chipContainerElWidth:t,hiddenChipIndicatorWidth:l,inputMinWidth:o,placeholderWidth:i,reservedPlaceholderInputWidth:n});return{hiddenChipIndicatorWidth:l,hideSelectedChips:s,reservedPlaceholderInputWidth:n}}setCompactSelectionDisplay({chipContainerElGap:e,chipContainerElWidth:t,inputWidth:o,largestSelectedIndicatorChipWidth:i}){let a=Math.round(i+e+o);(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<a)&&(this.maxCompactBreakpoint=a),this.compactSelectionDisplay=t<this.maxCompactBreakpoint}setContainerEl(e){z(this.resizeObserver,this.listContainerEl,e),this.listContainerEl=e,this.transitionEl=e}setChipContainerEl(e){z(this.resizeObserver,this.chipContainerEl,e),this.chipContainerEl=e}setReferenceEl(e){this.referenceEl=e,V(this)}syncChipVisibilityCounts(e){let t=0,o=0;e.forEach(a=>{a.selected&&(o++,a.classList.contains(r.chipInvisible)||t++)}),t!==this.selectedVisibleChipsCount&&(this.selectedVisibleChipsCount=t);let i=Math.max(0,o-t);i!==this.selectedHiddenChipsCount&&(this.selectedHiddenChipsCount=i)}getMaxScrollerHeight(){let t=this.getItemsAndGroups(!0).filter(c=>!T(c)),{maxItems:o}=this,i=0,a=0;return t.length>=o&&t.forEach(c=>{if(i<o){let l=this.calculateScrollerHeight(c);a+=l,i+=1}}),a}calculateScrollerHeight(e){if(!e)return 0;let t=e.getBoundingClientRect().height,o=`:scope > ${B}, :scope > ${G}`,i=Array.from(e.querySelectorAll(o)).reduce((a,c)=>a+c.getBoundingClientRect().height,0);return t-i}inputHandler(e){let t=e.target.value;this.filterText=t}getItemsAndGroups(e=!1){return e?Array.from(this.el.querySelectorAll(`${B}, ${G}`)):[...this.groupItems,...this.items]}toggleSelection(e,t){!e||this.selectionMode==="single-persist"&&e.selected&&e.value===this.value&&!t||(this.selectionDisplay==="fit"&&this.isMulti()&&(this.deferFitChipCountRender=!0),this.isMulti()?this.handleMultiSelection(e,t):this.handleSingleSelection(e,t))}handleMultiSelection(e,t){e.selected=t,this.updateAncestors(e),this.updateSelectedItems(),this.emitComboboxChange(),this.resetText(),this.filterItems("")}handleSingleSelection(e,t){this.ignoreSelectedEventsFlag=!0,this.items.forEach(o=>o.selected=o===e?t:!1),this.ignoreSelectedEventsFlag=!1,this.updateSelectedItems(),this.emitComboboxChange(),this.textInputRef.value&&(this.textInputRef.value.value=O(e)),this.open=!1,this.updateActiveItemIndex(-1),this.resetText(),this.filterItems("")}updateAncestors(e){if(this.selectionMode!=="ancestors")return;let t=Z(e),o=Oe(e);e.selected?t.forEach(i=>{i.disabled||(i.selected=!0)}):([...o].forEach(i=>{i.disabled||(i.selected=!1)}),[...t].forEach(i=>{Y(i)||(i.selected=!1)}))}updateItems(){this.allItems=this.getItems(!0),this.items=this.allItems.filter(e=>!e.disabled),this.groupItems=this.getGroupItems(),this.data=this.getData(),this.groupData=this.getGroupData(),this.updateItemProps(),this.updateSelectedItems(),this.previousAllSelected=this.allSelected}updateItemProps(){this.allItems.forEach(e=>{e.selectionMode=this.selectionMode,e.selectionAppearance=this.selectionAppearance,e.scale=this.scale}),this.groupItems.forEach((e,t)=>(e.scale=this.scale,e.position=t)),this.allowCustomValues||this.setMaxScrollerHeight(),this.groupItems.forEach((e,t,o)=>{t===0&&(e.afterEmptyGroup=!1);let i=o[t+1];i&&(i.afterEmptyGroup=e.children.length===0)})}getData(){return this.items.map(e=>({description:e.description,filterDisabled:e.filterDisabled,label:e.heading,metadata:e.metadata,shortHeading:e.shortHeading,el:e}))}getGroupData(){return this.groupItems.map(e=>({label:e.label,el:e}))}resetText(){this.textInputRef.value&&(this.textInputRef.value.value=""),this.filterText=""}getItems(e=!1){return Array.from(this.el.querySelectorAll(B)).filter(o=>e||!o.disabled)}getGroupItems(){return Array.from(this.el.querySelectorAll(G))}addCustomChip(e,t){let o=this.items.find(i=>i.heading===e);if(o)this.toggleSelection(o,!0);else{let i=document.createElement("calcite-combobox-item");i.value=e,i.heading=e,this.el.prepend(i),this.updateItems(),this.toggleSelection(i,!0),this.open=!0,t&&this.setFocus()}}removeActiveChip(e){let t=this.selectedItems[this.activeChipIndex];t&&!t.disabled&&`${h.chip(t.guid)}`===e.id&&this.toggleSelection(t,!1),this.setFocus()}removeLastChip(){let e=this.selectedItems.findLast(t=>!t.disabled);e&&(this.toggleSelection(e,!1),this.setFocus())}previousChip(){let e=this.selectedItems.length-1,t=this.activeChipIndex;this.activeChipIndex=t===-1?e:Math.max(t-1,0),this.updateActiveItemIndex(-1),this.focusChip()}nextChip(){let e=this.selectedItems.length-1,t=this.activeChipIndex+1;t>e?(this.activeChipIndex=-1,ne(this.textInputRef.value)):(this.activeChipIndex=t,this.focusChip()),this.updateActiveItemIndex(-1)}focusChip(){let e=this.selectedItems[this.activeChipIndex]?.guid;(e?this.referenceEl?.querySelector(`#${h.chip(e)}`):void 0)?.setFocus()}scrollToActiveOrSelectedItem(e=!1){let t=e&&this.selectedItems?.length?this.selectedItems[0]:this.keyboardNavItems[this.activeItemIndex],o=this.listContainerEl;if(!t||!o)return;t.scrollIntoView({block:"nearest"});let a=this.selectAllComboboxItemRef.value?.offsetHeight||0,c=t.getBoundingClientRect(),l=o.getBoundingClientRect();c.top<l.top+a&&(o.scrollTop-=l.top+a-c.top)}shiftActiveItemIndex(e){let{length:t}=this.keyboardNavItems,o=(this.activeItemIndex+t+e)%t;this.updateActiveItemIndex(o),this.scrollToActiveOrSelectedItem()}updateActiveItemIndex(e){this.activeItemIndex=e;let t="";this.keyboardNavItems.forEach((o,i)=>{i===e?(o.active=!0,t=`${h.item(o.guid)}`):o.active=!1}),this.activeDescendant=t,this.activeItemIndex>-1&&(this.activeChipIndex=-1)}isMulti(){return!R(this.selectionMode)}comboboxFocusHandler(){this.disabled||(this.activeChipIndex=-1,this.textInputRef.value?.focus(),this.open&&this.selectionDisplay==="fit"&&this.isMulti()&&this.refreshSelectionDisplay())}createScreenReaderItem({ariaLabel:e,ariaSelected:t,id:o,textContent:i}){return x`<li aria-label=${e??m} aria-selected=${t??m} id=${o??m} role=option tabindex=-1>${i}</li>`}handleSelectionModeWarning(){}getDescriptionMessage(){let e=Array.isArray(this.value)?this.value.join(", "):this.value;return this.readOnly?this.messages.nonEditable.replace("{value}",`${e}`):e}getChipLabel(e,t){return t?[...[...Z(e)].reverse(),e].map(i=>O(i)).join(" / "):O(e)}renderChip({activeChipIndex:e,disabled:t,index:o,item:i,messages:a,readOnly:c,scale:l,isAncestors:n}){let s=this.getChipLabel(i,n);return H(i.guid||i.value||s,x`<calcite-chip .appearance=${c?"outline":"solid"} class=${p({[r.chip]:!0,[r.disabled]:t})} .closable=${!t&&!c} data-testid=${`${t?"disabled-chip":"chip"}-${o}`} .disabled=${t} .icon=${i.icon} .iconFlipRtl=${i.iconFlipRtl} id=${(!t&&i.guid?`${h.chip(i.guid)}`:void 0)??m} .label=${s} .messageOverrides=${t?void 0:{dismissLabel:a.removeTag.replace("{value}",`${s}`)}} @calciteChipClose=${t?void 0:()=>this.calciteChipCloseHandler(i)} @focusin=${t?void 0:()=>this.activeChipIndex=o} .scale=${l} .selected=${i.selected} .tabIndex=${!t&&e===o?0:-1} title=${s??m} .value=${i.value}>${s}</calcite-chip>`)}renderChipCount(e,t){let o=this.fitUsingCompactCountLabel?`${e}`:this.messages.disabledSelectedCount.replace("{count}",`${e}`)??`+${e}`;return x`<calcite-chip appearance=solid class=${p({[r.chip]:!0})} data-testid=selected-chip-count id=selected-chip-count .label=${o} .scale=${t} tabindex=-1 title=${o??m} ${S(this.selectedChipCountRef)}>${o}</calcite-chip>`}renderChips(){let{activeChipIndex:e,readOnly:t,scale:o,selectionDisplay:i,selectionMode:a,messages:c}=this,l=[],n=a==="ancestors",s=this.selectAllEnabled&&this.allSelected,C=i==="all";if(s)return null;let d=0,f=0;if(C){let u=this.allItems.filter(g=>g.selected&&(!n||!Y(g)));X(u,this.selectedItems).forEach(g=>{if(g.disabled){l.push(this.renderChip({activeChipIndex:e,disabled:!0,index:f++,item:g,messages:c,readOnly:t,scale:o,isAncestors:n}));return}l.push(this.renderChip({activeChipIndex:e,disabled:!1,index:d++,item:g,messages:c,readOnly:t,scale:o,isAncestors:n}))})}else s||this.selectedItems.forEach(u=>{l.push(this.renderChip({activeChipIndex:e,disabled:u.disabled,index:d++,item:u,messages:c,readOnly:t,scale:o,isAncestors:n}))});if(i==="fit"){let u=this.selectedHiddenChipsCount,b=this.selectedVisibleChipsCount===0?this.selectedItems.length:u;u>0&&!this.deferFitChipCountRender&&l.push(this.renderChipCount(b,o))}return l.length?l:null}renderAllSelectedIndicatorChip(){let{allSelectedIndicatorChipRef:e,compactSelectionDisplay:t,scale:o,selectedVisibleChipsCount:i}=this,a=!1;if(this.selectionDisplay==="fit"&&this.textInputRef.value&&this.chipContainerEl){let s=parseInt(getComputedStyle(this.chipContainerEl).gap,10),C=w(this.chipContainerEl),{fontSize:d,fontFamily:f,minInlineSize:u}=getComputedStyle(this.textInputRef.value),b=.55,g=parseFloat(u)||parseInt(k,10),L=F(this.placeholder,`${d} ${f}`),$=L>0?L:Math.max(g,Math.round((this.placeholder?.length||0)*(parseFloat(d)||parseInt(k,10))*b)),D=w(this.selectedIndicatorChipRef.value);a=this.getFitCompactDisplayState({chipContainerElGap:s,chipContainerElWidth:C,inputMinWidth:g,placeholderWidth:$,selectedIndicatorChipElWidth:D}).hideSelectedChips}let l=t||a?this.messages.all:this.messages.allSelected,n=this.allSelected&&(this.selectionDisplay==="single"||!i||this.selectionDisplay==="all");return x`<calcite-chip class=${p({[r.chip]:!0,[r.chipInvisible]:!n,[r.allSelected]:!0})} data-testid=all-selected-indicator-chip .label=${l} .scale=${o} title=${l??m} value ${S(e)}>${l}</calcite-chip>`}renderSelectedIndicatorChip(){let{compactSelectionDisplay:e,selectionDisplay:t,scale:o,selectedIndicatorChipRef:i}=this,a=!1,c,l=this.getSelectedItems().length;return e?a=!0:t==="single"&&(this.allSelected?a=!0:l>0?a=!1:a=!0,c=`${l} ${this.messages.selected}`),x`<calcite-chip class=${p({[r.chip]:!0,[r.chipInvisible]:a})} .label=${c} .scale=${o} title=${c??m} value ${S(i)}>${c}</calcite-chip>`}renderSelectedIndicatorChipCompact(){let{compactSelectionDisplay:e,selectionDisplay:t,scale:o}=this,i=!1,a,c=this.getSelectedItems().length;return e?this.allSelected?i=!0:t==="single"&&(i=!(c>0),a=`${c}`):i=!0,x`<calcite-chip class=${p({[r.chip]:!0,[r.chipInvisible]:i})} .label=${a} .scale=${o} title=${a??m} value>${a}</calcite-chip>`}renderInput(){let{guid:e,disabled:t,placeholder:o,selectionMode:i,selectedItems:a,open:c}=this,l=R(i),n=a[0],s=!c&&l&&!!n&&!this.filterText;return x`<span class=${p({[r.inputWrap]:!0,[r.inputWrapSingle]:l})}>${s&&H("label",x`<span class=${p({[r.label]:!0,[r.labelIcon]:!!n?.icon})}>${O(n)}</span>`)||""}${H("input",x`<input aria-activedescendant=${this.activeDescendant??m} aria-controls=${`${h.listbox(e)}`} aria-errormessage=${h.validationMessage} aria-owns=${`${h.listbox(e)}`} aria-autocomplete=list .ariaDescription=${this.getDescriptionMessage()} .ariaExpanded=${c} aria-haspopup=listbox .ariaInvalid=${this.status==="invalid"} .ariaLabel=${we(this)} class=${p({[r.input]:!0,[r.inputSingle]:!0,[r.inputHidden]:s,[r.inputIcon]:this.showingInlineIcon&&!!this.placeholderIcon})} data-testid=input .disabled=${t} .id=${`${h.input(e)}`} @focus=${this.comboboxFocusHandler} @input=${this.inputHandler} placeholder=${o??m} .readOnly=${this.readOnly} .required=${this.required} role=combobox .tabIndex=${this.activeChipIndex===-1?0:-1} type=text .value=${oe(this.filterText??"")} ${S(this.textInputRef)}>`)}</span>`}renderListBoxOptions(){let e=this.keyboardNavItems.map(t=>this.createScreenReaderItem({ariaLabel:t.label,ariaSelected:t.selected,id:`${h.item(t.guid)}`,textContent:t.heading}));if(this.selectAllEnabled&&this.selectionMode!=="single"&&this.selectionMode!=="single-persist"){let t=this.createScreenReaderItem({ariaLabel:this.messages.selectAll,ariaSelected:this.allSelected,textContent:this.messages.selectAll});t&&e.unshift(t)}return e}renderFloatingUIContainer(){let{messages:e,setFloatingEl:t,setContainerEl:o,open:i,scale:a}=this,c={[r.listContainer]:!0,[U.animation]:!0,[U.animationActive]:i},l=(this.filterText&&e.add.replace("{text}",`${this.filterText}`))??"";return x`<div aria-hidden=true class=${p(r.floatingUIContainer)} popover=manual ${S(t)}><div class=${p(c)} ${S(o)}><ul class=${p({[r.list]:!0,[r.listHide]:!i})}>${this.selectAllEnabled&&this.selectionMode!=="single"&&this.selectionMode!=="single-persist"&&x`<calcite-combobox-item class=${p(r.selectAll)} data-testid=select-all-item .heading=${e.selectAll} .id=${`${this.guid}-select-all-enabled-interactive`} .indeterminate=${this.indeterminate} .label=${e.selectAll} .scale=${a} .selected=${this.allSelected} tabindex=-1 value=select-all ${S(this.selectAllComboboxItemRef)}></calcite-combobox-item>`||""}<slot></slot>${this.noMatchesFound&&(this.allowCustomValues?x`<li aria-label=${l??m} class=${p(r.noMatches)} @click=${this.customChipAddHandler} role=option tabindex=0>${ye({text:l,pattern:new RegExp(`(${N(this.filterText)})`,"i")})}</li>`:x`<li class=${p({[r.noMatchesPlaceholder]:!0,[r.noMatches]:!0})}>${e.noMatches}</li>`)||""}</ul></div></div>`}renderSelectedOrPlaceholderIcon(){let{open:e,placeholderIcon:t,placeholderIconFlipRtl:o,selectedItems:i}=this,a=i[0],c=a?.icon,l=t&&(e||!a);return this.showingInlineIcon&&H("selected-placeholder-icon",x`<span class=${p(r.iconStart)}><calcite-icon class=${p({[r.selectedIcon]:!l,[r.placeholderIcon]:l})} .flipRtl=${l?o:a.iconFlipRtl} .icon=${l?t:c} .scale=${E(this.scale)}></calcite-icon></span>`)||""}renderChevronIcon(){let{open:e}=this;return H("chevron",x`<span class=${p(r.iconEnd)}><calcite-icon class=${p(r.icon)} .icon=${e?_.chevronUp:_.chevronDown} .scale=${E(this.scale)}></calcite-icon></span>`)}render(){let{selectionDisplay:e,guid:t,label:o,open:i,readOnly:a}=this,c=R(this.selectionMode),l=e==="all",n=e==="single",s=!c&&e==="fit",C=!c&&!l,d=C&&!s,f=this.items.some(b=>b.selected&&!b.disabled),u=!this.clearDisabled&&this.selectionMode!=="single-persist"&&!!this.value?.length&&f;return this.interactiveContainer({disabled:this.disabled,children:x`${this.labelText&&Ie({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-live=polite class=${p({[r.wrapper]:!0,[r.wrapperSingle]:c||!this.selectedItems.length,[r.wrapperActive]:i})} @click=${this.clickHandler} @keydown=${this.keyDownHandler} ${S(this.setReferenceEl)}>${this.renderSelectedOrPlaceholderIcon()}${H("grid",x`<div class=${p({[r.gridInput]:!0,[r.selectionDisplayFit]:s,[r.selectionDisplaySingle]:n})} ${S(this.setChipContainerEl)}>${!c&&!n&&this.renderChips()||""}${!c&&!n&&this.selectAllEnabled&&l&&this.renderAllSelectedIndicatorChip()||""}${d&&this.renderSelectedIndicatorChip()||""}${d&&this.renderSelectedIndicatorChipCompact()||""}${C&&this.renderAllSelectedIndicatorChip()||""}<label class=${p(A.screenReaderText)} .htmlFor=${`${h.input(t)}`} .id=${`${h.label(t)}`}>${o}</label>${this.renderInput()}</div>`)}${!a&&u?Ve({ariaLabel:this.messages.clear,disabled:this.disabled,ref:this.clearButtonRef,scale:this.scale,title:this.messages.clear}):null}${!a&&this.renderChevronIcon()||""}</div><ul aria-labelledby=${`${h.label(t)}`} aria-multiselectable=true class=${p(A.screenReaderText)} .id=${`${h.listbox(t)}`} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>${this.renderFloatingUIContainer()}${this.validationMessage&&this.status==="invalid"?Me({icon:this.validationIcon,id:h.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};le("calcite-combobox",j);export{j as Combobox};

package/dist/cdn/EAPRTWPR.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as P,b as w,c as U,d as A}from"./3L6SIADT.js";import{a as v,b as n,c as l,h as r,j as f,k as d,m as g,n as c,p as D,q as $}from"./WG5GMIWE.js";import{j as k,k as M}from"./AOKIBI4B.js";import{e as z}from"./5K4OZJAZ.js";import"./JN6YLTUP.js";import{a as C}from"./HS66ECFP.js";import{a as b}from"./YW4L3SES.js";import"./VMHJHFFS.js";import"./UVU4JATX.js";import"./2OP2BIGK.js";import"./2M4ETWZU.js";import{G as x,H as S,Q as R,T as E,g as y,h as m,p as u}from"./VMT523SA.js";var O=2,B={dateStyle:"full"},I={container:"container"},L=y`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:100%;overflow:visible;border-width:1px;border-style:solid;vertical-align:top;border-color:var(--calcite-date-picker-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-date-picker-corner-radius, var(--calcite-corner-radius))}:host([scale=s]){inline-size:236px;min-inline-size:216px;max-inline-size:380px}:host([scale=s][range][layout=horizontal][calendars="2"]){inline-size:480px;min-inline-size:432px;max-inline-size:772px}:host([scale=m]){inline-size:298px;min-inline-size:272px;max-inline-size:480px}:host([scale=m][layout=horizontal][range][calendars="2"]){inline-size:608px;min-inline-size:544px;max-inline-size:972px}:host([scale=l]){inline-size:334px;min-inline-size:320px;max-inline-size:600px}:host([scale=l][layout=horizontal][range][calendars="2"]){inline-size:684px;min-inline-size:640px;max-inline-size:1212px}.container{outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends x{constructor(){super(),this.rangeValueChangedByUser=!1,this.messages=C({blocking:!0}),this.focusSetter=b()(this),this.calendars=2,this.layout="horizontal",this.monthStyle="wide",this.proximitySelectionDisabled=!1,this.range=!1,this.scale="m",this.calciteDatePickerChange=u({cancelable:!1}),this.calciteDatePickerRangeChange=u({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={activeEndDate:[16,{},{state:!0}],activeStartDate:[16,{},{state:!0}],dateTimeFormat:[16,{},{state:!0}],hoverRange:[16,{},{state:!0}],localeData:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],activeRange:[3,{},{reflect:!0}],calendars:[11,{},{type:Number,reflect:!0}],headingLevel:[11,{},{type:Number,reflect:!0}],layout:[3,{},{reflect:!0}],max:[3,{},{reflect:!0}],maxAsDate:[0,{},{attribute:!1}],messageOverrides:[0,{},{attribute:!1}],min:[3,{},{reflect:!0}],minAsDate:[0,{},{attribute:!1}],monthStyle:1,numberingSystem:[3,{},{reflect:!0}],proximitySelectionDisabled:[7,{},{reflect:!0,type:Boolean}],range:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],value:1,valueAsDate:[0,{},{attribute:!1}]}}static{this.styles=L}async reset(){this.resetActiveDates(),this.rangeValueChangedByUser=!1}async setFocus(t){return this.focusSetter(()=>this.el,t)}async load(){await this.loadLocaleData()}willUpdate(t){let e=t.get("valueAsDate"),a=this.valueAsDate,s=this.rangeValueChangedByUser&&!t.has("value")&&this.range&&z(e,a),i=t.has("value")&&t.has("valueAsDate");this.rangeValueChangedByUser&&!i&&!s&&(this.rangeValueChangedByUser=!1),t.has("value")&&this.valueHandler(this.value),t.has("valueAsDate")&&this.valueAsDateWatcher(this.valueAsDate),s&&(this.rangeValueChangedByUser=!1);let h=A(t,"min"),o=A(t,"max");h==="min"?this.minAsDate=this.min?l(this.min):void 0:h==="minAsDate"&&(this.minAsDate=l(r(this.minAsDate))),o==="max"?this.maxAsDate=this.max?l(this.max):void 0:o==="maxAsDate"&&(this.maxAsDate=l(r(this.maxAsDate))),(t.has("range")&&this.range||t.has("maxAsDate")||t.has("minAsDate"))&&this.setActiveStartAndEndDates(),t.has("activeDate")&&this.hasUpdated&&this.activeDateWatcher(this.activeDate),t.has("messages")&&this.hasUpdated&&this.loadLocaleData().catch(R.error)}activeDateWatcher(t){this.range&&(t?(this.activeStartDate=t,this.activeEndDate=c(this.activeStartDate)):this.resetActiveDates())}valueHandler(t){Array.isArray(t)?(this.valueAsDate=t.every(e=>e==="")?void 0:U(t),this.rangeValueChangedByUser||this.resetActiveDates()):t?this.valueAsDate=l(t):(this.valueAsDate=void 0,this.resetActiveDates())}valueAsDateWatcher(t){this.range&&Array.isArray(t)&&!this.rangeValueChangedByUser?this.setActiveStartAndEndDates():this.range||(t&&t!==this.activeDate?this.activeDate=t:t||this.resetActiveDates())}keyDownHandler(t){t.key==="Escape"&&this.resetActiveDates()}async loadLocaleData(){if(!1)return;let t=w(this.messages._lang);k.numberFormatOptions={numberingSystem:this.numberingSystem,locale:t,useGrouping:!1},this.localeData=await P(t),this.dateTimeFormat=M(t,B)}monthHeaderSelectChange(t){let e=new Date(t.detail.date),a=t.detail.position;this.range?a==="end"?(this.activeEndDate=e,this.activeStartDate=d(e)):(this.activeStartDate=e,this.activeEndDate=c(e)):this.activeDate=e,t.stopPropagation()}monthActiveDateChange(t){let e=new Date(t.detail);if(!this.range)this.activeDate=e;else{let a=e.getMonth(),s=a!==this.activeStartDate?.getMonth()&&(this.calendars===1||(this.activeStartDate?a!==c(this.activeStartDate).getMonth():!1));this.activeRange==="end"?(!this.activeEndDate||this.activeStartDate&&s)&&(this.activeEndDate=e,this.activeStartDate=d(e)):(this.activeStartDate&&s||!this.activeStartDate)&&(this.activeStartDate=e,this.activeEndDate=c(e))}t.stopPropagation()}monthHoverChange(t){if(!this.range){this.hoverRange=void 0;return}let{valueAsDate:e}=this,a=Array.isArray(e)?e[0]:void 0,s=Array.isArray(e)?e[1]:void 0,i=new Date(t.detail);if(this.hoverRange={focused:this.activeRange||"start",start:a,end:s},this.proximitySelectionDisabled)s&&a||!s&&a&&i>=a?(this.hoverRange.focused="end",this.hoverRange.end=i):!s&&a&&i<a?this.hoverRange={focused:"start",start:i,end:a}:this.hoverRange=void 0;else if(this.activeRange&&this.hoverRange)this.activeRange==="end"?(this.hoverRange.end=i,this.hoverRange.focused="end"):(this.hoverRange.start=i,this.hoverRange.focused="start");else if(a&&s){let h=Math.abs(D(i,a)),o=Math.abs(D(i,s));i>s?(this.hoverRange.end=i,this.hoverRange.focused="end"):i<a?(this.hoverRange.start=i,this.hoverRange.focused="start"):i>a&&i<s&&(h<o?(this.hoverRange.start=i,this.hoverRange.focused="start"):(this.hoverRange.end=i,this.hoverRange.focused="end"))}else a&&(i<a?this.hoverRange={focused:"start",start:i,end:a}:(this.hoverRange.end=i,this.hoverRange.focused="end"));t.stopPropagation()}monthMouseOutChange(t){this.hoverRange&&(this.hoverRange=void 0),t.stopPropagation()}resetActiveDates(){let{valueAsDate:t}=this;if(!Array.isArray(t)){if(t&&t!==this.activeDate)this.activeDate=new Date(t);else if(!t){this.activeDate=void 0;let e=this.getActiveDate(void 0,this.minAsDate,this.maxAsDate);this.range?(this.activeStartDate=e,this.activeEndDate=void 0):this.activeDate=e}}Array.isArray(t)&&(t[0]&&t[0]!==this.activeStartDate?this.activeStartDate=new Date(t[0]):t[0]||(this.activeStartDate=this.getActiveDate(void 0,this.minAsDate,this.maxAsDate)),t[1]&&t[1]!==this.activeEndDate?this.activeEndDate=new Date(t[1]):t[1]||(this.activeEndDate=void 0)),this.hoverRange=void 0}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||void 0}setEndDate(t,e=!0){let a=this.getStartDate();this.rangeValueChangedByUser=!0,this.value=[r(a),r(t)],this.valueAsDate=[a,t],e&&this.calciteDatePickerRangeChange.emit()}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||void 0}setStartDate(t,e=!0){let a=this.getEndDate();this.rangeValueChangedByUser=!0,this.value=[r(t),r(a)],this.valueAsDate=[t,a],e&&this.calciteDatePickerRangeChange.emit()}monthDateChange(t){let e=new Date(t.detail),a=r(e);if(!this.range&&a===r(this.valueAsDate))return;if(!this.range){this.value=a||"",this.valueAsDate=e||void 0,this.activeDate=e||void 0,this.calciteDatePickerChange.emit();return}let s=this.getStartDate(),i=this.getEndDate();if(!s||!i&&e<s)s&&this.setEndDate(new Date(s)),this.activeRange=="end"?this.setEndDate(e):this.setStartDate(e);else if(!i)this.setEndDate(e);else if(this.proximitySelectionDisabled)this.setStartDate(e,!1),this.setEndDate(void 0,!1),this.calciteDatePickerRangeChange.emit();else if(this.activeRange)this.activeRange=="end"?this.setEndDate(e):(e>i&&(this.setEndDate(void 0,!1),this.activeEndDate=void 0),this.setStartDate(e));else{let h=D(e,s),o=D(e,i);o===0||h<0?this.setStartDate(e):h===0||o<0?this.setEndDate(e):h<o?this.setStartDate(e):this.setEndDate(e)}t.stopPropagation(),this.calciteDatePickerChange.emit()}getActiveDate(t,e,a){let s=n(new Date,e,a);return n(this.activeDate,e,a)||t||(f(a,s)&&!this.range?g(s,e,a):s)}getActiveEndDate(t,e,a){return n(this.activeEndDate,e,a)||t||n(c(new Date),e,a)}setActiveStartAndEndDates(){if(this.range){let t=n(Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),e=n(Array.isArray(this.valueAsDate)?this.valueAsDate[1]:void 0,this.minAsDate,this.maxAsDate);if(this.activeStartDate=this.getActiveDate(t,this.minAsDate,this.maxAsDate),this.activeEndDate=this.getActiveEndDate(e,this.minAsDate,this.maxAsDate),f(this.activeStartDate,this.activeEndDate)){let a=this.activeEndDate?c(this.activeEndDate):void 0,s=v(a,this.minAsDate,this.maxAsDate)?a:g(a,this.minAsDate,this.maxAsDate);if($(s,a)&&v(s,this.minAsDate,this.maxAsDate))this.activeEndDate=s;else if(this.calendars===2){let i=g(this.activeStartDate?d(this.activeStartDate):void 0,this.minAsDate,this.maxAsDate);v(i,this.minAsDate,this.maxAsDate)&&(this.activeStartDate=i)}}}}render(){let t=n(this.range&&Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate),e=this.getActiveDate(t,this.minAsDate,this.maxAsDate),a=this.range&&Array.isArray(this.valueAsDate)?n(this.valueAsDate[1],this.minAsDate,this.maxAsDate):void 0,s=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:t:this.minAsDate,i=this.range?this.activeStartDate:e;return m`<div aria-hidden class=${S(I.container)} tabindex=-1>${this.renderMonth(i,this.maxAsDate,s,t,a)}</div>`}renderMonth(t,e,a,s,i){return m`<calcite-date-picker-month .activeDate=${t} .calendars=${this.calendars} .dateTimeFormat=${this.dateTimeFormat} .endDate=${this.range?i:void 0} .headingLevel=${this.headingLevel||O} .hoverRange=${this.hoverRange} .layout=${this.layout} .localeData=${this.localeData} .max=${e} .messages=${this.messages} .min=${a} .monthStyle=${this.monthStyle} @calciteInternalDatePickerDayHover=${this.monthHoverChange} @calciteInternalDatePickerDaySelect=${this.monthDateChange} @calciteInternalDatePickerMonthActiveDateChange=${this.monthActiveDateChange} @calciteInternalDatePickerMonthChange=${this.monthHeaderSelectChange} @calciteInternalDatePickerMonthMouseOut=${this.monthMouseOutChange} .range=${this.range} .scale=${this.scale} .selectedDate=${this.activeRange==="end"?i:s} .startDate=${this.range?s:void 0}></calcite-date-picker-month>`}};E("calcite-date-picker",p);export{p as DatePicker};

package/dist/cdn/EOTHKCC5.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{b as $}from"./IZOUEOSQ.js";import{a as h,b,c as L,d as S,e as m,f as A,h as j}from"./YF7W5TNY.js";import{f as g}from"./XKHMRAUY.js";import{j as D}from"./AOKIBI4B.js";import{a as _}from"./FWMBLSBZ.js";import{a as q}from"./SAHTJ6E6.js";import{a as E}from"./IRTFE23M.js";import{a as V}from"./SK3O7KCF.js";import{a as K}from"./5K4OZJAZ.js";import"./JN6YLTUP.js";import{a as B}from"./CASNTUXN.js";import{b as W}from"./A5OQTYIZ.js";import{a as y}from"./FDHY2TZA.js";import{a as z}from"./HS66ECFP.js";import"./ZZDNIBT7.js";import{a as N}from"./YW4L3SES.js";import"./VMHJHFFS.js";import"./UVU4JATX.js";import"./2OP2BIGK.js";import{j as G,u as w,y as C}from"./2M4ETWZU.js";import{F as v,G as R,H as f,I as k,N as H,Q as T,T as U,g as M,h as d,p}from"./VMT523SA.js";var J=M`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=m]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=l]){--calcite-internal-list-action-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{position:relative;background-color:var(--calcite-list-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.container-height{block-size:100%}.table-container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.table-container *{box-sizing:border-box}.table{inline-size:100%}.stack{--calcite-stack-padding-inline: 0;--calcite-stack-padding-block: 0}.sticky-pos{position:sticky;inset-block-start:0px;z-index:calc(var(--calcite-z-index-sticky) + 1);background-color:var(--calcite-list-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.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(:is(calcite-action[slot=filter-actions-start],calcite-action[slot=filter-actions-end])){gap:var(--calcite-internal-list-action-spacing);align-self:center}::slotted(calcite-action[slot=filter-actions-start]){margin-inline-start:var(--calcite-internal-list-action-spacing)}::slotted(calcite-action[slot=filter-actions-end]){margin-inline-end:var(--calcite-internal-list-action-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,Q=`${S}, ${m}`,P=class extends R{constructor(){super(),this.dragSelector=m,this.focusableItems=[],this.handleSelector="calcite-sort-handle",this.listItems=[],this.listItemGroups=[],this.mutationObserver=y("mutation",()=>{this.willPerformFilter=!0,this.updateListItemsDebounced()}),this.cancelable=V()(this),this.sortable=_()(this),this.updateListItemsDebounced=K(this.updateListItems,H.nextTick),this.visibleItems=[],this.willFilterEmit=!1,this.willPerformFilter=!1,this.messages=z({blocking:!0}),this.focusSetter=N()(this),this.interactiveContainer=q(this),this.filterRowResizeObserver=y("resize",()=>this.updateFilterRowHeight()),this.setFilterContainerEl=e=>{this.filterContainerEl=e,this.observeFilterRow()},this.dataForFilter=[],this.hasFilterActionsEnd=!1,this.hasFilterActionsStart=!1,this.hasFilterNoResults=!1,this.sortHandleMenuItems=[],this.hasContent=!1,this.hasEmptyContent=!1,this.filterRowHeight=0,this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.filterText="",this.filteredData=[],this.filteredItems=[],this.interactionMode="interactive",this.loading=!1,this.displayMode="flat",this.scale="m",this.selectedItems=[],this.selectionAppearance="icon",this.selectionMode="none",this.sortDisabled=!1,this.calciteInternalListDefaultSlotChange=p({cancelable:!1}),this.calciteListChange=p({cancelable:!1}),this.calciteListDragEnd=p({cancelable:!1}),this.calciteListDragStart=p({cancelable:!1}),this.calciteListFilter=p({cancelable:!1}),this.calciteListMoveHalt=p({cancelable:!1}),this.calciteListOrderChange=p({cancelable:!1}),this.listen("calciteInternalListItemToggle",this.handleCalciteListItemToggle),this.listen("calciteInternalFocusPreviousItem",this.handleCalciteInternalFocusPreviousItem),this.listen("calciteInternalListItemActive",this.handleCalciteInternalListItemActive),this.listen("calciteListItemSelect",this.handleCalciteListItemSelect),this.listen("calciteInternalAssistiveTextChange",this.handleCalciteInternalAssistiveTextChange),this.listen("calciteListItemSortHandleBeforeOpen",this.updateListItemsDebounced),this.listen("calciteSortHandleReorder",this.handleSortReorder),this.listen("calciteSortHandleMove",this.handleSortMove),this.listen("calciteSortHandleAdd",this.handleSortAdd),this.listen("calciteInternalListItemSelect",this.handleCalciteInternalListItemSelect),this.listen("calciteInternalListItemSelectMultiple",this.handleCalciteInternalListItemSelectMultiple),this.listen("calciteInternalListItemChange",this.handleCalciteInternalListItemChange),this.listen("calciteInternalListItemGroupDefaultSlotChange",this.handleCalciteInternalListItemGroupDefaultSlotChange),this.listen("calciteInternalListItemGroupChange",this.handleCalciteInternalListItemChange)}static{this.properties={assistiveText:[16,{},{state:!0}],dataForFilter:[16,{},{state:!0}],hasFilterActionsEnd:[16,{},{state:!0}],hasFilterActionsStart:[16,{},{state:!0}],hasFilterNoResults:[16,{},{state:!0}],sortHandleMenuItems:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],hasEmptyContent:[16,{},{state:!0}],filterRowHeight:[16,{},{state:!0}],canPull:[0,{},{attribute:!1}],canPut:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],dragEnabled:[7,{},{reflect:!0,type:Boolean}],filterEnabled:[7,{},{reflect:!0,type:Boolean}],filterPredicate:[0,{},{attribute:!1}],filterLabel:[3,{},{reflect:!0}],filterPlaceholder:[3,{},{reflect:!0}],filterProps:[0,{},{attribute:!1}],filterText:[3,{},{reflect:!0}],filteredData:[0,{},{attribute:!1}],filteredItems:[0,{},{attribute:!1}],group:[3,{},{reflect:!0}],interactionMode:[3,{},{reflect:!0}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],numberingSystem:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],selectionAppearance:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}],sortDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=J}get hasActiveFilter(){return!!(this.filterEnabled&&this.filterText&&this.filteredItems.length!==this.visibleItems.length)}get showEmptyContentContainer(){return!this.hasContent&&this.hasEmptyContent}get showNoResultsContainer(){return!!(this.filterEnabled&&this.filterText&&this.hasFilterNoResults&&this.visibleItems.length&&!this.filteredItems.length)}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(e=>e!=="el"):["description","label","metadata","heading"]}emitOrderChangeEvent(e){this.calciteListOrderChange.emit(e)}async setFocus(e){return this.focusSetter(()=>this.filterEnabled?this.filterEl:this.focusableItems.find(t=>t.active),e)}connectedCallback(){super.connectedCallback(),this.connectObserver(),this.willPerformFilter=!0,this.updateListItemsDebounced(),this.setUpSorting(),this.setParentList(),this.setListItemGroups(),this.cancelable.add(this.updateListItemsDebounced)}async load(){this.handleInteractionModeWarning()}willUpdate(e){(e.has("filterText")||e.has("filterProps")||e.has("filterPredicate"))&&this.performFilter(),(e.has("filterEnabled")&&(this.hasUpdated||this.filterEnabled!==!1)||e.has("group")||e.has("sortDisabled")&&(this.hasUpdated||this.sortDisabled!==!1)||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="none")||e.has("selectionAppearance")&&(this.hasUpdated||this.selectionAppearance!=="icon")||e.has("displayMode")&&this.hasUpdated||e.has("scale")&&this.hasUpdated||e.has("canPull")&&this.hasUpdated||e.has("canPut")&&this.hasUpdated||e.has("filterPredicate")&&this.hasUpdated)&&this.handleListItemChange()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObserver(),this.unobserveFilterRow()}updateListItems(){this.updateFilterRowHeight(),this.updateGroupItems();let{selectionAppearance:e,selectionMode:t,interactionMode:i,dragEnabled:a,el:s,filterEl:n,displayMode:l,scale:r,sortDisabled:c,sortHandleMenuItems:u}=this,I=Array.from(this.el.querySelectorAll(m)),x=s,O=Array.from(x.children).filter(g);if(I.forEach(o=>{o.closest(L)===s&&(o.scale=r,o.selectionAppearance=e,o.selectionMode=t,o.interactionMode=i,o.moveToItems=u.filter(F=>this.validateSortMenuItem({type:"move",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.addToItems=this.sortHandleMenuItems.filter(F=>this.validateSortMenuItem({type:"add",fromEl:x,toEl:F.element,dragEl:o,newIndex:0,oldIndex:O.indexOf(o)})),o.dragHandle=a,o.displayMode=l,o.sortDisabled=c)}),this.parentListEl){this.setUpSorting();return}this.listItems=I,this.filterEnabled&&this.willPerformFilter&&(this.willPerformFilter=!1,this.dataForFilter=this.getItemData(),n&&(n.items=this.dataForFilter,this.filterAndUpdateData())),this.visibleItems=this.listItems.filter(o=>!o.closed&&!o.hidden),this.updateFilteredItems(),this.borderItems(),this.focusableItems=this.filteredItems.filter(o=>!o.disabled),this.setActiveListItem(),this.updateSelectedItems(),this.setUpSorting()}unobserveFilterRow(){this.filterRowResizeObserver?.disconnect()}observeFilterRow(){this.unobserveFilterRow();let e=this.filterContainerEl;e&&this.filterRowResizeObserver?.observe(e)}updateFilterRowHeight(){this.filterRowHeight=this.filterContainerEl?.clientHeight??0}handleListItemChange(){this.willPerformFilter=!0,this.updateListItemsDebounced()}handleCalciteListItemToggle(e){this.parentListEl||(e.stopPropagation(),this.borderItems())}handleCalciteInternalFocusPreviousItem(e){if(this.parentListEl)return;e.stopPropagation();let{focusableItems:t}=this,a=t.findIndex(s=>s.active)-1;t[a]&&this.focusRow(t[a])}handleCalciteInternalListItemActive(e){if(this.parentListEl)return;e.stopPropagation();let t=e.target,{listItems:i}=this;i.forEach(a=>{a.active=a===t})}handleCalciteListItemSelect(){this.parentListEl||this.updateSelectedItems(!0)}handleCalciteInternalAssistiveTextChange(e){this.assistiveText=e.detail.message,e.stopPropagation()}handleSortReorder(e){this.parentListEl||e.defaultPrevented||(e.preventDefault(),this.handleReorder(e))}handleSortAdd(e){this.parentListEl||e.defaultPrevented||(e.preventDefault(),this.handleAdd(e))}handleSortMove(e){this.parentListEl||e.defaultPrevented||(e.preventDefault(),this.handleMove(e))}handleCalciteInternalListItemSelect(e){if(this.parentListEl)return;e.stopPropagation();let t=e.target,{listItems:i,selectionMode:a}=this;t.selected&&(a==="single"||a==="single-persist")&&i.forEach(s=>s.selected=s===t),this.updateSelectedItems()}handleCalciteInternalListItemSelectMultiple(e){if(this.parentListEl)return;e.stopPropagation();let{target:t,detail:i}=e,{focusableItems:a,lastSelectedInfo:s}=this,n=t;if(i.selectMultiple&&s){let l=a.indexOf(n),r=a.indexOf(s.selectedItem),c=Math.min(r,l),u=Math.max(r,l);a.slice(c,u+1).forEach(I=>I.selected=s.selected)}else this.lastSelectedInfo={selectedItem:n,selected:n.selected}}handleCalciteInternalListItemChange(e){this.parentListEl||(e.stopPropagation(),this.handleListItemChange())}handleCalciteInternalListItemGroupDefaultSlotChange(e){this.parentListEl||(e.stopPropagation(),this.handleListItemChange())}connectObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}disconnectObserver(){this.mutationObserver?.disconnect()}setUpSorting(){let{dragEnabled:e,defaultSlotEl:t}=this;e&&t&&j(t),this.sortable.reset()}onGlobalDragStart(){this.disconnectObserver()}onGlobalDragEnd(){this.connectObserver()}onDragEnd(e){this.calciteListDragEnd.emit(e)}onDragStart(e){e.dragEl.sortHandleOpen=!1,this.calciteListDragStart.emit(e)}onDragSort(e){this.setParentList(),this.updateListItemsDebounced(),this.calciteListOrderChange.emit(e)}setParentList(){this.parentListEl=this.el.parentElement?.closest(L)||void 0}handleDefaultSlotChange(e){this.parentListEl&&this.calciteInternalListDefaultSlotChange.emit(),this.hasContent=w(e)}handleEmptyContentSlotChange(e){this.hasEmptyContent=w(e)}setListItemGroups(){this.listItemGroups=Array.from(this.el.querySelectorAll(S))}handleFilterActionsStartSlotChange(e){this.hasFilterActionsStart=C(e)}handleFilterActionsEndSlotChange(e){this.hasFilterActionsEnd=C(e)}handleFilterNoResultsSlotChange(e){this.hasFilterNoResults=C(e)}setActiveListItem(){let{focusableItems:e}=this;e.some(t=>t.active)||e[0]&&(e[0].active=!0)}async updateSelectedItems(e=!1){await this.updateComplete,this.selectedItems=this.visibleItems.filter(t=>t.selected),e&&this.calciteListChange.emit()}filterElements({el:e,filteredItems:t,visibleParents:i}){let a=!i.has(e)&&!t.includes(e);e.filterHidden=a;let s=e.parentElement.closest(Q);s&&(a||i.add(s),this.filterElements({el:s,filteredItems:t,visibleParents:i}))}allParentListItemsExpanded(e){let t=e.parentElement?.closest(m);if(t){if(!t.expanded)return!1}else return!0;return this.allParentListItemsExpanded(t)}borderItems(){let e=this.visibleItems.filter(t=>!t.filterHidden&&this.allParentListItemsExpanded(t));e.forEach(t=>t.bordered=t!==e[e.length-1])}updateFilteredItems(){let{visibleItems:e,filteredData:t,filterText:i,filterPredicate:a}=this,s=e?.filter(r=>e.every(c=>c===r||!r.contains(c))),n=a?e.filter(a):i?t.map(r=>r.el):e||[],l=new WeakSet;s.forEach(r=>this.filterElements({el:r,filteredItems:n,visibleParents:l})),this.filteredItems=n,this.willFilterEmit&&(this.willFilterEmit=!1,this.calciteListFilter.emit())}updateFilteredData(){let{filterEl:e}=this;e&&(e.filteredItems&&(this.filteredData=e.filteredItems),this.updateListItemsDebounced())}async filterAndUpdateData(){let e=this.filterEl?.value??this.filterText;await this.filterEl?.filter(e),this.updateFilteredData()}performFilter(){let{filterEl:e,filterText:t,effectiveFilterProps:i}=this;e&&(e.value=t,e.filterProps=i,this.filterAndUpdateData())}setDefaultSlotEl(e){this.defaultSlotEl=e}setFilterEl(e){this.filterEl=e,this.performFilter()}handleFilterChange(e){e.stopPropagation();let{value:t}=e.currentTarget;this.filterText=t,this.willFilterEmit=!0,this.updateFilteredData()}getItemData(){return this.listItems.map(e=>({label:e.label,description:e.description,metadata:e.metadata,heading:this.getGroupHeading(e),el:e}))}getGroupHeading(e){return this.listItemGroups.filter(t=>t.contains(e)&&t.heading).map(t=>t.heading)}updateGroupItems(){let{el:e,group:t,scale:i}=this,a=G(e),s=t?Array.from(a.querySelectorAll(`${L}[group="${t}"]`)).filter(l=>!l.disabled&&l.dragEnabled):[];this.sortHandleMenuItems=s.map(l=>({element:l,label:l.label??l.id,id:B()})),Array.from(this.el.querySelectorAll(S)).forEach(l=>{l.scale=i})}focusRow(e){let{focusableItems:t}=this;e&&(t.forEach(i=>i.active=i===e),e.setFocus())}isNavigable(e){let t=e.parentElement?.closest(m);return t?t.expanded&&this.isNavigable(t):!0}handleListKeydown(e){if(e.defaultPrevented||this.parentListEl)return;let{key:t}=e,i=this.focusableItems.filter(s=>this.isNavigable(s)),a=i.findIndex(s=>s.active);if(t==="ArrowDown"){e.preventDefault();let s=e.target===this.filterEl?0:a+1;i[s]&&this.focusRow(i[s])}else if(t==="ArrowUp"){if(e.preventDefault(),a===0&&this.filterEnabled){this.filterEl.setFocus();return}let s=a-1;i[s]&&this.focusRow(i[s])}else if(t==="Home"){e.preventDefault();let s=i[0];s&&this.focusRow(s)}else if(t==="End"){e.preventDefault();let s=i[i.length-1];s&&this.focusRow(s)}}handleInteractionModeWarning(){this.interactionMode==="static"&&this.selectionMode!=="none"&&this.selectionAppearance==="border"&&T.warn('selection-appearance="border" requires interaction-mode="interactive"')}validateSortMenuItem({fromEl:e,toEl:t,dragEl:i,newIndex:a,oldIndex:s,type:n}){if(!e||!t||t===e||i.contains(t))return!1;let l=e.canPull?.({toEl:t,fromEl:e,dragEl:i,newIndex:a,oldIndex:s})??!0,r=t.canPut?.({toEl:t,fromEl:e,dragEl:i,newIndex:a,oldIndex:s})??!0;return(n==="add"?l==="clone":l===!0)&&r}handleAdd(e){let{addTo:t}=e.detail,i=e.target,a=i?.parentElement,s=t.element,l=Array.from(a.children).filter(g).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"add",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver();let c=i.cloneNode();s.prepend(c),A(i),this.updateListItemsDebounced(),this.connectObserver();let u={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(u),s.emitOrderChangeEvent(u)}handleMove(e){let{moveTo:t}=e.detail,i=e.target,a=i?.parentElement,s=t.element,l=Array.from(a.children).filter(g).indexOf(i),r=0;if(!this.validateSortMenuItem({type:"move",fromEl:a,toEl:s,dragEl:i,newIndex:r,oldIndex:l}))return;i.sortHandleOpen=!1,this.disconnectObserver(),s.prepend(i),A(i),this.updateListItemsDebounced(),this.connectObserver();let c={dragEl:i,fromEl:a,toEl:s,newIndex:r,oldIndex:l};this.calciteListOrderChange.emit(c),s.emitOrderChangeEvent(c)}handleReorder(e){let{reorder:t}=e.detail,i=e.target,a=i?.parentElement;if(!a)return;i.sortHandleOpen=!1;let s=Array.from(a.children).filter(g),n=s.length-1,l=s.indexOf(i),r=l;switch(t){case"top":r=0;break;case"bottom":r=n;break;case"up":r=l===0?0:l-1;break;case"down":r=l===n?n:l+1;break}this.disconnectObserver();let c=t==="up"||t==="top"?s[r]:s[r].nextSibling;a.insertBefore(i,c),this.updateListItemsDebounced(),this.connectObserver(),this.calciteListOrderChange.emit({dragEl:i,fromEl:a,toEl:a,newIndex:r,oldIndex:l})}render(){let{loading:e,label:t,disabled:i,dataForFilter:a,filterEnabled:s,filterPlaceholder:n,filterLabel:l,hasFilterActionsStart:r,hasFilterActionsEnd:c,effectiveFilterProps:u}=this;return this.interactiveContainer({disabled:this.disabled,children:d`<div class=${f({[h.container]:!0,[h.containerHeight]:this.listItems.length<1&&e})} style=${k({"--calcite-internal-filter-enabled-offset":`${this.filterRowHeight}px`})}>${this.dragEnabled?d`<span aria-live=assertive class=${f(h.assistiveText)}>${this.assistiveText}</span>`:null}${this.renderItemAriaLive()}${e?d`<calcite-scrim class=${f(h.scrim)} .loading=${e}></calcite-scrim>`:null}<div .ariaBusy=${W(e,void 0)} .ariaLabel=${t||""} class=${f(h.table)} @keydown=${this.handleListKeydown} role=treegrid>${s||r||c?d`<div class=${f(h.sticky)} role=rowgroup ${v(this.setFilterContainerEl)}><div role=row><div role=columnheader><calcite-stack class=${f(h.stack)}><slot name=${b.filterActionsStart} @slotchange=${this.handleFilterActionsStartSlotChange} slot=${$.actionsStart}></slot><calcite-filter .ariaLabel=${n} .disabled=${i} .filterProps=${u} .items=${a} .label=${l} @calciteFilterChange=${this.handleFilterChange} .placeholder=${n} .scale=${this.scale} ${v(this.setFilterEl)}></calcite-filter><slot name=${b.filterActionsEnd} @slotchange=${this.handleFilterActionsEndSlotChange} slot=${$.actionsEnd}></slot></calcite-stack></div></div></div>`:null}<div class=${f(h.tableContainer)} role=rowgroup><div .hidden=${!this.showEmptyContentContainer}><slot name=${b.emptyContent} @slotchange=${this.handleEmptyContentSlotChange}></slot></div><slot @slotchange=${this.handleDefaultSlotChange} ${v(this.setDefaultSlotEl)}></slot></div></div><div aria-live=polite .hidden=${!this.showNoResultsContainer}><slot name=${b.filterNoResults} @slotchange=${this.handleFilterNoResultsSlotChange}></slot></div></div>`})}renderItemAriaLive(){let{messages:e,filteredItems:t,parentListEl:i,messages:{_lang:a},numberingSystem:s}=this;return D.numberFormatOptions={locale:a,numberingSystem:s},i?null:d`<div aria-live=polite class=${f(h.assistiveText)}>${this.hasActiveFilter?E("aria-filter-enabled",d`<div>${e.filterEnabled}</div>`):null}${E("aria-item-count",d`<div>${e.total.replace("{count}",D.localize(t.length.toString()))}</div>`)}${t.length?E("aria-item-list",d`<ol>${t.map(n=>d`<li>${n.label}</li>`)}</ol>`):null}</div>`}};U("calcite-list",P);export{P as List};

package/dist/cdn/EUE2AIDH.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{d as u}from"./273FNCX2.js";import{d as y}from"./UE76JFYY.js";import{e as C}from"./VL7QTJSE.js";import{d as P}from"./L52YMQCF.js";import{a as i}from"./IRTFE23M.js";import"./ZZDNIBT7.js";import{I as g,y as d,z as c}from"./2M4ETWZU.js";import{E as f,F as m,G as z,H as h,T as x,g as w,h as l}from"./VMT523SA.js";var B=w`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:absolute;inset:0;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:var(--calcite-shell-corner-radius);box-shadow:var(--calcite-shell-shadow)}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::slotted(calcite-shell-panel){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);font-weight:var(--calcite-font-weight-normal)}slot[name=panel-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:calc(var(--calcite-z-index) + 1)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:var(--calcite-border-width-sm);border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-none);border-inline-end-width:var(--calcite-border-width-none);border-style:solid}slot[name=panel-top]::slotted(calcite-shell-panel:not([display-mode^=float])),slot[name=panel-bottom]::slotted(calcite-shell-panel:not([display-mode^=float])){border-color:var(--calcite-shell-border-color, var(--calcite-color-border-3));border-inline-start-width:var(--calcite-border-width-sm);border-inline-end-width:var(--calcite-border-width-sm)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}.content-bottom{justify-content:flex-end}::slotted(calcite-shell-panel){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);inset-block-end:.5rem;inset-inline:var(--calcite-shell-tip-spacing, 26vw)}slot[name=panel-bottom]::slotted(calcite-shell-panel){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-panel){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}:host([hidden]){display:none}[hidden]{display:none}`,s={main:"main",content:"content",contentBehind:"content--behind",contentBottom:"content-bottom",contentNonInteractive:"content--non-interactive",footer:"footer",positionedSlotWrapper:"positioned-slot-wrapper",contentBehindCenterContent:"center-content"},r={panelStart:"panel-start",panelEnd:"panel-end",panelTop:"panel-top",panelBottom:"panel-bottom",header:"header",footer:"footer",alerts:"alerts",sheets:"sheets",dialogs:"dialogs"},b=class extends z{constructor(){super(),this.defaultSlotRef=f(),this.panelBottomSlotRef=f(),this.panelEndSlotRef=f(),this.panelStartSlotRef=f(),this.panelTopSlotRef=f(),this.hasAlerts=!1,this.hasDialogs=!1,this.hasFooter=!1,this.hasHeader=!1,this.hasOnlyPanelBottom=!1,this.hasPanelBottom=!1,this.hasPanelTop=!1,this.hasSheets=!1,this.panelIsResizing=!1,this.contentBehind=!1,this.listen("calciteInternalShellPanelResizeStart",this.handleCalciteInternalShellPanelResizeStart),this.listen("calciteInternalShellPanelResizeEnd",this.handleCalciteInternalShellPanelResizeEnd)}static{this.properties={hasAlerts:[16,{},{state:!0}],hasDialogs:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],hasHeader:[16,{},{state:!0}],hasOnlyPanelBottom:[16,{},{state:!0}],hasPanelBottom:[16,{},{state:!0}],hasPanelTop:[16,{},{state:!0}],hasSheets:[16,{},{state:!0}],panelIsResizing:[16,{},{state:!0}],contentBehind:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=B}willUpdate(e){(e.has("hasPanelTop")&&(this.hasUpdated||this.hasPanelTop!==!1)||e.has("hasPanelBottom")&&(this.hasUpdated||this.hasPanelBottom!==!1))&&(this.hasOnlyPanelBottom=!this.hasPanelTop&&this.hasPanelBottom)}handleCalciteInternalShellPanelResizeStart(e){this.panelIsResizing=!0,e.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(e){this.panelIsResizing=!1,e.stopPropagation()}handleHeaderSlotChange(e){this.hasHeader=!!d(e)}handleFooterSlotChange(e){this.hasFooter=!!d(e)}handleAlertsSlotChange(e){this.hasAlerts=!!d(e),c(e).filter(P).forEach(t=>{t.embedded=!0})}handleSheetsSlotChange(e){this.hasSheets=!!d(e),c(e).filter(y).forEach(t=>{t.embedded=!0})}configurePanels(e,t,o){e.forEach(n=>{let a=n;n.layout=t,n.position=o,a.shellSizingDataProvider=p=>this.getShellPanelSizingData(n,p)})}getDefaultSlotMinSize(e){return this.defaultSlotRef.value?.assignedElements({flatten:!0}).reduce((t,o)=>{let n=window.getComputedStyle(o);return e==="inline"?t+g(n.borderInlineStartWidth)+g(n.borderInlineEndWidth):t+g(n.borderBlockStartWidth)+g(n.borderBlockEndWidth)},0)??0}getDefaultSlotBounds(){let e=this.defaultSlotRef.value?.assignedElements({flatten:!0})??[];return e.length?e.reduce((t,o)=>{let n=o.getBoundingClientRect();return t?{bottom:Math.max(t.bottom,n.bottom),left:Math.min(t.left,n.left),right:Math.max(t.right,n.right),top:Math.min(t.top,n.top)}:{bottom:n.bottom,left:n.left,right:n.right,top:n.top}},null):null}getShellPanelSizingData(e,t){let o=e.assignedSlot?.parentElement;if(!o)return null;let n=o.getBoundingClientRect(),a=this.getDefaultSlotBounds();if(!a)return{availableSize:t==="inline"?n.width:n.height};let p=this.getDefaultSlotMinSize(t),v=window.getComputedStyle(this).direction==="rtl",S;if(t==="inline"){let $=e.position==="start";S=v?$?n.right-a.left:a.right-n.left:$?a.right-n.left:n.right-a.left}else S=e.position==="start"?a.bottom-n.top:n.bottom-a.top;return{availableSize:Math.max(Math.floor(S)-Math.ceil(p),0)}}handlePanelTopChange(e){let t=c(e).filter(u);this.hasPanelTop=d(e),this.configurePanels(t,"horizontal","start"),t.forEach(o=>{o.layout="horizontal",o.position="start"})}handlePanelBottomChange(e){let t=c(e).filter(u);this.hasPanelBottom=d(e),this.configurePanels(t,"horizontal","end"),t.forEach(o=>{o.layout="horizontal",o.position="end"})}handlePanelStartChange(e){let t=c(e).filter(u);this.configurePanels(t,"vertical","start"),t.forEach(o=>{o.layout="vertical",o.position="start"})}handlePanelEndChange(e){let t=c(e).filter(u);this.configurePanels(t,"vertical","end"),t.forEach(o=>{o.layout="vertical",o.position="end"})}handleDialogsSlotChange(e){this.hasDialogs=!!d(e),c(e).filter(C).forEach(t=>{t.embedded=!0})}renderHeader(){return l`<div .hidden=${!this.hasHeader}>${i("header",l`<slot name=${r.header} @slotchange=${this.handleHeaderSlotChange}></slot>`)}</div>`}renderFooter(){return i("footer",l`<div class=${h(s.footer)} .hidden=${!this.hasFooter}><slot name=${r.footer} @slotchange=${this.handleFooterSlotChange}></slot></div>`)}renderAlerts(){return l`<div .hidden=${!this.hasAlerts}>${i("alerts",l`<slot name=${r.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`}renderSheets(){return l`<div .hidden=${!this.hasSheets}>${i("sheets",l`<slot name=${r.sheets} @slotchange=${this.handleSheetsSlotChange}></slot>`)}</div>`}renderDialogs(){return l`<div .hidden=${!this.hasDialogs}>${i("dialogs",l`<slot name=${r.dialogs} @slotchange=${this.handleDialogsSlotChange}></slot>`)}</div>`}renderContent(){let{panelIsResizing:e}=this,t=i("default-slot",l`<slot ${m(this.defaultSlotRef)}></slot>`),o=e?l`<div class=${h(s.contentNonInteractive)}>${t}</div>`:t,n=i("panel-bottom-slot",l`<slot name=${r.panelBottom} @slotchange=${this.handlePanelBottomChange} ${m(this.panelBottomSlotRef)}></slot>`),a=i("panel-top-slot",l`<slot name=${r.panelTop} @slotchange=${this.handlePanelTopChange} ${m(this.panelTopSlotRef)}></slot>`),p="content-container";return this.contentBehind?[i(p,l`<div class=${h({[s.content]:!0,[s.contentBehind]:!0})}>${o}</div>`),l`<div class=${h({[s.contentBehindCenterContent]:!0,[s.contentBottom]:this.hasOnlyPanelBottom})}>${a}${n}</div>`]:[i(p,l`<div class=${h({[s.content]:!0,[s.contentBottom]:this.hasOnlyPanelBottom})}>${a}${o}${n}</div>`)]}renderMain(){return l`<div class=${h(s.main)}><slot name=${r.panelStart} @slotchange=${this.handlePanelStartChange} ${m(this.panelStartSlotRef)}></slot>${this.renderContent()}<slot name=${r.panelEnd} @slotchange=${this.handlePanelEndChange} ${m(this.panelEndSlotRef)}></slot></div>`}renderPositionedSlots(){return l`<div class=${h(s.positionedSlotWrapper)}>${this.renderAlerts()}${this.renderDialogs()}${this.renderSheets()}</div>`}render(){return l`${this.renderHeader()}${this.renderMain()}${this.renderFooter()}${this.renderPositionedSlots()}`}};x("calcite-shell",b);export{b as Shell};

package/dist/cdn/EVG46BQY.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as t,b as o}from"./XWKUAYS3.js";import{j as l}from"./AOKIBI4B.js";import{a as y}from"./SAHTJ6E6.js";import{a as z}from"./JN6YLTUP.js";import{a as f}from"./HS66ECFP.js";import"./ZZDNIBT7.js";import{a as g}from"./YW4L3SES.js";import{b}from"./VMHJHFFS.js";import"./UVU4JATX.js";import"./2OP2BIGK.js";import{u as v}from"./2M4ETWZU.js";import{E as p,F as d,G as h,H as i,K as m,T as u,g as c,h as r,l as n,p as a}from"./VMT523SA.js";var I=c`:host([disabled]),:host([layout=horizontal][disabled]) .stepper-item-header,:host([layout=horizontal-single][disabled]) .stepper-item-header{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([layout=horizontal][disabled]) .stepper-item-header *,:host([layout=horizontal-single][disabled]) .stepper-item-header *,:host([disabled]) ::slotted(*),:host([layout=horizontal][disabled]) .stepper-item-header ::slotted(*),:host([layout=horizontal-single][disabled]) .stepper-item-header ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s: .25rem;--calcite-internal-stepper-item-spacing-unit-m: .75rem;--calcite-internal-stepper-item-spacing-unit-l: 1rem;--calcite-internal-stepper-item-header-padding: var(--calcite-theme-space-md, var(--calcite-spacing-md));--calcite-internal-stepper-action-inline-size: 2rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);margin-inline-end:.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size-relative-sm)}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s: .5rem;--calcite-internal-stepper-item-spacing-unit-m: 1rem;--calcite-internal-stepper-item-spacing-unit-l: 1.25rem;--calcite-internal-stepper-item-header-padding: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));--calcite-internal-stepper-action-inline-size: 2.5rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);margin-inline-end:.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size-relative-base)}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s: .75rem;--calcite-internal-stepper-item-spacing-unit-m: 1.25rem;--calcite-internal-stepper-item-spacing-unit-l: 1.5rem;--calcite-internal-stepper-item-header-padding: var(--calcite-theme-space-xl, var(--calcite-spacing-xl));--calcite-internal-stepper-action-inline-size: 3rem;font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-lg);margin-inline-end:.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-relative-md)}:host{position:relative;display:flex;flex-grow:1;flex-direction:column;align-self:flex-start;margin-block-end:var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s))}:host .container{position:relative;display:flex;flex-grow:1;cursor:pointer;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);color:var(--calcite-color-text-3);text-decoration-line:none;outline:2px solid transparent;outline-offset:2px}:host .container:active{background-color:var(--calcite-stepper-item-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host{outline-color:transparent}:host(:focus){outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host .stepper-item-content,:host .stepper-item-header{box-sizing:border-box;padding-block:var(--calcite-internal-stepper-item-spacing-unit-l);padding-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header{display:flex;cursor:pointer;align-items:flex-start;padding-block:var(--calcite-internal-stepper-item-header-padding)}:host .stepper-item-header:active{background-color:var(--calcite-stepper-item-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host .stepper-item-header *{display:inline-flex;align-items:center}:host .stepper-item-content{display:none;inline-size:100%;flex-direction:column;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host .stepper-item-icon{margin-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);display:inline-flex;block-size:.75rem;flex-shrink:0;align-self:flex-start;margin-block-start:var(--calcite-theme-space-base, var(--calcite-spacing-base));color:var(--calcite-stepper-item-icon-color, var(--calcite-color-border-input))}:host([complete]) .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host .stepper-item-header-text{flex-direction:column;text-align:initial;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:flex;inline-size:100%}.stepper-item-heading,.stepper-item-description,.stepper-item-number{line-height:var(--calcite-font-line-height-relative-snug)}:host .stepper-item-heading{font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));color:var(--calcite-stepper-item-header-text-color, var(--calcite-color-text-1))}:host .stepper-item-description{color:var(--calcite-stepper-item-description-text-color, var(--calcite-color-text-3))}:host .stepper-item-number{font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));margin-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);color:var(--calcite-stepper-item-description-text-color, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([complete]) .container{border-color:#007ac280}:host([complete]) .container .stepper-item-icon{color:var(--calcite-stepper-item-complete-icon-color, var(--calcite-color-brand))}:host([error]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host(:hover:not([disabled]):not([selected])) .container,:host(:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-brand)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading{color:var(--calcite-stepper-item-header-text-color-hover, var(--calcite-color-text-1))}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description{color:var(--calcite-stepper-item-description-text-color-hover, var(--calcite-color-text-2))}:host([error]:hover:not([disabled]):not([selected])) .container,:host([error]:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-status-danger-hover)}:host([selected]) .container{border-block-start-color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-heading{color:var(--calcite-stepper-item-selected-header-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium)}:host([selected]) .container .stepper-item-description{color:var(--calcite-stepper-item-description-text-color-hover, var(--calcite-color-text-2))}:host([selected]) .container .stepper-item-number{color:var(--calcite-stepper-item-selected-icon-color, var(--calcite-color-brand));font-weight:var(--calcite-font-weight-medium)}:host([selected]) .container .stepper-item-icon{color:var(--calcite-stepper-item-selected-icon-color, var(--calcite-color-brand));opacity:1}:host([selected]) .container .stepper-item-content{display:flex}:host([layout=vertical]){inline-size:100%}:host([layout=vertical]) .container{margin-inline:0px;margin-block-start:0px;flex:1 1 auto;border-block-start-width:0px;border-style:solid;padding-block:0px;border-inline-start-width:2px;padding-inline-start:var(--calcite-internal-stepper-item-spacing-unit-l);border-color:var(--calcite-stepper-bar-fill-color, var(--calcite-color-border-2))}:host([layout=vertical]) .container .stepper-item-icon{order:3;margin-block:1px 0px;padding-inline-start:var(--calcite-internal-stepper-item-spacing-unit-s);margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0}:host([layout=vertical][complete]) .container{border-color:var(--calcite-stepper-bar-complete-fill-color, rgba(0, 122, 194, .5))}:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-stepper-bar-complete-fill-color-hover, var(--calcite-color-brand))}:host([layout=vertical][error]) .container{border-color:var(--calcite-stepper-bar-error-fill-color, var(--calcite-color-status-danger))}:host([layout=vertical][selected]) .container{border-color:var(--calcite-stepper-bar-selected-fill-color, var(--calcite-color-brand))}:host([layout=vertical][selected]) .container .stepper-item-content.has-slotted-content{margin-block-end:var(--calcite-internal-stepper-item-spacing-unit-l)}:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-stepper-bar-fill-color-hover, rgba(0, 122, 194, .5))}:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-stepper-bar-error-fill-color-hover, var(--calcite-color-status-danger-hover))}:host([layout=horizontal]),:host([layout=horizontal-single]){display:contents}:host([layout=horizontal]) .container,:host([layout=horizontal-single]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header,:host([layout=horizontal-single]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;outline-color:transparent;grid-row:items;border-color:var(--calcite-stepper-bar-fill-color, var(--calcite-color-border-2))}:host([layout=horizontal]) .stepper-item-header:focus,:host([layout=horizontal-single]) .stepper-item-header:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([layout=horizontal]) .stepper-item-content,:host([layout=horizontal-single]) .stepper-item-content{cursor:auto;transition-timing-function:cubic-bezier(.4,0,.2,1);padding-block:0;padding-inline-end:var(--calcite-internal-stepper-item-spacing-unit-m);text-align:start}:host([layout=horizontal-single]) .stepper-item-header{grid-area:1/1/1/-1}:host([layout=horizontal]) .stepper-item-content,:host([layout=horizontal-single]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][complete]) .stepper-item-header,:host([layout=horizontal-single][complete]) .stepper-item-header{border-color:var(--calcite-stepper-bar-complete-fill-color, rgba(0, 122, 194, .5))}:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][complete]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-stepper-bar-complete-fill-color-hover, var(--calcite-color-brand))}:host([layout=horizontal][error]) .stepper-item-header,:host([layout=horizontal-single][error]) .stepper-item-header{border-color:var(--calcite-stepper-bar-error-fill-color, var(--calcite-color-status-danger))}:host([layout=horizontal][selected]) .stepper-item-header,:host([layout=horizontal-single][selected]) .stepper-item-header{border-color:var(--calcite-stepper-bar-selected-fill-color, var(--calcite-color-brand))}:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-stepper-bar-fill-color-hover, rgba(0, 122, 194, .5))}:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal-single][error]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-stepper-bar-error-fill-color-hover, var(--calcite-color-status-danger-hover))}@media(forced-colors:active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([selected]) .container{border-block-start-color:highlight}:host([selected]) .container .stepper-item-number{color:highlight}:host([selected]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][selected]) .container{border-color:highlight}}:host([layout=horizontal-single]) .stepper-item-header{margin-inline-end:0px;border-style:none;inline-size:100%;padding-inline:calc(var(--calcite-internal-stepper-action-inline-size) + .5rem)}:host([layout=horizontal-single][error]) .container .stepper-item-number{color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host([layout=horizontal-single][error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-stepper-item-error-icon-color, var(--calcite-color-status-danger))}:host([layout=horizontal-single][error][selected]),:host([layout=horizontal-single][complete][selected]) .container{color:var(--calcite-color-text-3)}:host([layout=horizontal-single][error][selected]) .stepper-item-heading,:host([layout=horizontal-single][complete][selected]) .container .stepper-item-heading{color:var(--calcite-stepper-item-header-text-color, var(--calcite-color-text-2))}:host([layout=horizontal-single][complete][selected]) .container .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal-single][complete][selected]) .container .stepper-item-number{color:var(--calcite-stepper-item-selected-icon-color, var(--calcite-color-text-3))}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}:host([item-hidden]){display:none}`,s=class extends h{constructor(){super(),this.headerRef=p(),this.itemPosition=0,this.selectedPosition=0,this.messages=f(),this.focusSetter=g()(this),this.interactiveContainer=y(this),this.stepperItemHasContent=!1,this.complete=!1,this.disabled=!1,this.error=!1,this.icon=!1,this.iconFlipRtl=!1,this.itemHidden=!1,this.numbered=!1,this.scale="m",this.selected=!1,this.calciteInternalStepperItemSelect=a({cancelable:!1}),this.calciteInternalStepperItemUpdate=a({cancelable:!1}),this.calciteStepperItemSelect=a({cancelable:!1}),this.listenOn(document.body,"calciteInternalStepperItemChange",this.updateActiveItemOnChange),this.listen("click",this.handleItemClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={stepperItemHasContent:[16,{},{state:!0}],complete:[7,{},{reflect:!0,type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],error:[7,{},{reflect:!0,type:Boolean}],heading:1,icon:[5,{},{type:Boolean}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],itemHidden:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[5,{},{type:Boolean}],numberingSystem:1,scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=I}async setFocus(e){return this.focusSetter(()=>this.layout==="vertical"?this.el:this.headerRef.value,e)}async load(){this.parentStepperEl=this.el.parentElement,this.itemPosition=this.getItemPosition(),this.selected&&this.emitRequestedItem()}willUpdate(e){e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),e.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.calciteInternalStepperItemUpdate.emit(),e.has("messages")&&this.effectiveLocaleWatcher(this.messages._lang)}updated(){m(this.el,"tabindex",this.disabled||this.layout==="horizontal"?null:0)}selectedHandler(){this.selected&&this.emitRequestedItem()}effectiveLocaleWatcher(e){l.numberFormatOptions={locale:e,numberingSystem:this.numberingSystem,useGrouping:!1}}updateActiveItemOnChange(e){(e.target===this.parentStepperEl||e.composedPath().includes(this.parentStepperEl))&&(this.selectedPosition=e.detail.position,this.determineSelectedItem())}keyDownHandler(e){!this.disabled&&e.target===this.el&&z(e.key)&&(this.emitUserRequestedItem(),e.preventDefault())}determineSelectedItem(){this.selected=!this.disabled&&this.itemPosition===this.selectedPosition}handleItemClick(e){this.disabled||b(this.el)||this.layout==="horizontal"&&e.composedPath().some(x=>x.classList?.contains("stepper-item-content"))||this.emitUserRequestedItem()}emitUserRequestedItem(){this.emitRequestedItem(),this.disabled||this.calciteStepperItemSelect.emit()}emitRequestedItem(){if(!this.disabled){let e=this.itemPosition;this.calciteInternalStepperItemSelect.emit({position:e})}}getItemPosition(){let e=this.parentStepperEl?.querySelectorAll("calcite-stepper-item:not([hidden]):not([item-hidden])");return e?Array.from(e).indexOf(this.el):-1}render(){return this.el.ariaCurrent=this.selected?"step":"false",this.interactiveContainer({disabled:this.disabled,children:r`<div class=${i(t.container)}>${this.complete&&r`<span aria-live=polite class=${i(t.visuallyHidden)}>${this.messages.complete}</span>`||""}<div class=${i(t.stepperItemHeader)} tabindex=${(this.layout==="horizontal"&&!this.disabled?0:void 0)??n} ${d(this.headerRef)}>${this.icon?this.renderIcon():null}${this.numbered?r`<div class=${i(t.stepperItemNumber)}>${this.renderNumbers()}.</div>`:null}<div class=${i(t.stepperItemHeaderText)}><span class=${i(t.stepperItemHeading)}>${this.heading}</span><span class=${i(t.stepperItemDescription)}>${this.description}</span></div></div><div class=${i({[t.stepperItemContent]:!0,[t.hasSlottedContent]:this.stepperItemHasContent})}><slot @slotchange=${e=>this.stepperItemHasContent=v(e)}></slot></div></div>`})}renderIcon(){let e=o.circle;return this.selected&&(this.layout!=="horizontal-single"||!this.error&&!this.complete)?e=o.circleF:this.error?e=o.exclamationMarkCircleF:this.complete&&(e=o.checkCircleF),r`<calcite-icon class=${i(t.stepperItemIcon)} .flipRtl=${this.iconFlipRtl} .icon=${e} scale=s></calcite-icon>`}renderNumbers(){return l.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:!1},l.numberFormatter.format(this.itemPosition+1)}};u("calcite-stepper-item",s);export{s as StepperItem};

package/dist/cdn/HRPTAZBV.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as p}from"./4DQBCTK5.js";import{j as b}from"./AOKIBI4B.js";import"./B3OV6FHO.js";import{a as d}from"./IRTFE23M.js";import"./JN6YLTUP.js";import{a as w}from"./FDHY2TZA.js";import{a as L}from"./HS66ECFP.js";import{a as E}from"./YW4L3SES.js";import{a as u}from"./VMHJHFFS.js";import"./UVU4JATX.js";import"./2OP2BIGK.js";import"./2M4ETWZU.js";import{G as P,H as r,T as X,g as $,h as o,l as y,p as C}from"./VMT523SA.js";var s={list:"list",listItem:"list-item",hiddenItem:"hidden-item",page:"page",selected:"selected",chevron:"chevron",disabled:"disabled",ellipsis:"ellipsis"},f={next:"chevron-right",previous:"chevron-left",first:"chevron-start",last:"chevron-end"},O=$`:host{display:flex;writing-mode:horizontal-tb}.list{margin:0;display:flex;list-style-type:none;padding:0;column-gap:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.list-item{margin:0;display:flex;padding:0}.hidden-item{display:none}:host([scale=s]) .chevron,:host([scale=s]) .page,:host([scale=s]) .ellipsis{block-size:1.5rem;padding-inline:.25rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);min-inline-size:1.5rem}:host([scale=m]) .chevron,:host([scale=m]) .page,:host([scale=m]) .ellipsis{block-size:2rem;padding-inline:.5rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);min-inline-size:2rem}:host([scale=l]) .chevron,:host([scale=l]) .page,:host([scale=l]) .ellipsis{block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);min-inline-size:2.75rem}:host([scale=l]) .chevron{padding-inline:var(--calcite-space-sm-plus)}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:.75rem}:host button{outline-color:transparent}:host button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.chevron,.page,.ellipsis{margin:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity: 0;background-color:transparent;padding:0;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);color:var(--calcite-pagination-color, var(--calcite-color-text-3))}.chevron,.page{cursor:pointer;border-block:2px solid transparent}.chevron:hover,.page:hover{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1))}.chevron:active,.page:active{color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1))}.page:hover{border-block-end-color:var(--calcite-pagination-color-border-hover, var(--calcite-color-border-2))}.page:active{background-color:var(--calcite-pagination-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}.page.selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-pagination-color-hover, var(--calcite-color-text-1));border-block-end-color:var(--calcite-pagination-color-border-active, var(--calcite-color-brand))}.page.selected:focus{border-block-end-width:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));padding-block-start:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.chevron:hover{background-color:var(--calcite-pagination-icon-color-background-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.chevron:active{background-color:var(--calcite-pagination-background-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}.chevron.disabled{pointer-events:none;background-color:transparent}.chevron.disabled>calcite-icon{opacity:var(--calcite-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}`,I=2,M=2,m={large:11,medium:9,small:7,xsmall:5,xxsmall:1},x=class extends P{constructor(){super(...arguments),this.resizeHandler=({contentRect:{width:e}})=>this.setMaxItemsToBreakpoint(e),this.resizeObserver=w("resize",e=>e.forEach(this.resizeHandler)),this.messages=L({blocking:!0}),this.focusSetter=E()(this),this.isXXSmall=!1,this.lastStartItem=1,this.maxItems=m.xxsmall,this.totalPages=1,this.groupSeparator=!1,this.pageSize=20,this.scale="m",this.startItem=1,this.totalItems=0,this.calcitePaginationChange=C({cancelable:!1})}static{this.properties={isXXSmall:[16,{},{state:!0}],lastStartItem:[16,{},{state:!0}],maxItems:[16,{},{state:!0}],totalPages:[16,{},{state:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:1,pageSize:[11,{},{reflect:!0,type:Number}],scale:[3,{},{reflect:!0}],startItem:[11,{},{reflect:!0,type:Number}],totalItems:[11,{},{reflect:!0,type:Number}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=O}async goTo(e){switch(e){case"start":this.startItem=1;break;case"end":this.startItem=this.lastStartItem;break;default:e>=Math.ceil(this.totalPages)?this.startItem=this.lastStartItem:e<=0?this.startItem=1:this.startItem=(e-1)*this.pageSize+1}}async nextPage(){this.startItem=Math.min(this.lastStartItem,this.startItem+this.pageSize)}async previousPage(){this.startItem=Math.max(1,this.startItem-this.pageSize)}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}async load(){this.handleTotalPages(),this.handleLastStartItemChange(),this.handleIsXXSmall()}willUpdate(e){(e.has("totalItems")&&(this.hasUpdated||this.totalItems!==0)||e.has("pageSize")&&(this.hasUpdated||this.pageSize!==20))&&this.handleTotalPages(),(e.has("totalItems")&&(this.hasUpdated||this.totalItems!==0)||e.has("pageSize")&&(this.hasUpdated||this.pageSize!==20)||e.has("totalPages"))&&this.handleLastStartItemChange(),e.has("maxItems")&&(this.hasUpdated||this.maxItems!==m.xxsmall)&&this.handleIsXXSmall(),e.has("messages")&&this.effectiveLocaleChange()}loaded(){this.setMaxItemsToBreakpoint(this.el.clientWidth)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}handleTotalPages(){this.pageSize=Math.max(1,this.pageSize),this.totalPages=Math.max(1,this.totalItems/this.pageSize)}effectiveLocaleChange(){b.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}handleLastStartItemChange(){let{totalItems:e,pageSize:t}=this;this.lastStartItem=Math.max(1,Math.floor((e-1)/t)*t+1)}handleIsXXSmall(){this.isXXSmall=this.maxItems===m.xxsmall}setMaxItemsToBreakpoint(e){if(!(!p||!e)){if(e>=p.width.medium){this.maxItems=m.large;return}if(e>=p.width.small){this.maxItems=m.medium;return}if(e>=p.width.xsmall){this.maxItems=m.small;return}if(e>=p.width.xxsmall){this.maxItems=m.xsmall;return}this.maxItems=m.xxsmall}}firstClicked(){this.startItem=1,this.emitUpdate()}lastClicked(){this.startItem=this.lastStartItem,this.emitUpdate()}async previousClicked(){await this.previousPage(),this.emitUpdate()}async nextClicked(){await this.nextPage(),this.emitUpdate()}showStartEllipsis(){return this.totalPages>this.maxItems&&Math.floor(this.startItem/this.pageSize)>this.maxItems-I-M}showEndEllipsis(){return this.totalPages>this.maxItems&&(this.totalItems-this.startItem)/this.pageSize>this.maxItems-I-(M-1)}emitUpdate(){this.calcitePaginationChange.emit()}handlePageClick(e){let t=e.target;this.startItem=parseInt(t.value,10),this.emitUpdate()}renderEllipsis(e){return o`<li aria-hidden=true role=presentation>${d(e,o`<span class=${r(s.ellipsis)}>&hellip;</span>`)}</li>`}renderItems(){let{totalItems:e,pageSize:t,startItem:a,maxItems:i,totalPages:l,lastStartItem:v,isXXSmall:U}=this,n=[];if(U)return n.push(this.renderPage(a)),n;let F=e>t,S=this.showStartEllipsis(),k=this.showEndEllipsis();F&&n.push(this.renderPage(1)),S&&n.push(this.renderEllipsis("start"));let c=i-I-(k?1:0)-(S?1:0),g,h;l-1<=c?(h=1+t,g=v-t):a/t<c?(h=1+t,g=1+c*t):a+c*t>=e?(h=v-c*t,g=v-t):(h=a-t*((c-1)/2),g=a+t*((c-1)/2));for(let z=0;z<c&&h<=g;z++)n.push(this.renderPage(h)),h=h+t;return k&&n.push(this.renderEllipsis("end")),n.push(this.renderPage(v)),n}renderPage(e){let{pageSize:t}=this,a=Math.floor(e/t)+(t===1?0:1);b.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let i=b.localize(a.toString()),l=e===this.startItem;return o`<li class=${r(s.listItem)}><button .ariaCurrent=${l?"page":"false"} class=${r({[s.page]:!0,[s.selected]:l})} @click=${this.handlePageClick} value=${e??y}>${i}</button></li>`}renderPreviousChevron(){let{pageSize:e,startItem:t,messages:a}=this,i=e===1?t<=e:t<e;return d("previous",o`<button .ariaLabel=${a.previous} class=${r({[s.chevron]:!0,[s.disabled]:i})} .disabled=${i} @click=${this.previousClicked}><calcite-icon flip-rtl .icon=${f.previous} .scale=${u(this.scale)}></calcite-icon></button>`)}renderNextChevron(){let{totalItems:e,pageSize:t,startItem:a,messages:i}=this,l=a+t>e;return d("next-button",o`<button .ariaLabel=${i.next} class=${r({[s.chevron]:!0,[s.disabled]:l})} .disabled=${l} @click=${this.nextClicked}><calcite-icon flip-rtl .icon=${f.next} .scale=${u(this.scale)}></calcite-icon></button>`)}renderFirstChevron(){let{messages:e,startItem:t,isXXSmall:a}=this,i=t===1;return a?d("first-button",o`<button .ariaLabel=${e.first} class=${r({[s.chevron]:!0,[s.disabled]:i})} .disabled=${i} @click=${this.firstClicked}><calcite-icon flip-rtl .icon=${f.first} .scale=${u(this.scale)}></calcite-icon></button>`):null}renderLastChevron(){let{messages:e,startItem:t,isXXSmall:a,lastStartItem:i}=this,l=t===i;return a?d("last-button",o`<button .ariaLabel=${e.last} class=${r({[s.chevron]:!0,[s.disabled]:l})} .disabled=${l} @click=${this.lastClicked}><calcite-icon flip-rtl .icon=${f.last} .scale=${u(this.scale)}></calcite-icon></button>`):null}render(){let e=this.renderFirstChevron(),t=this.renderLastChevron();return o`<ul class=${r(s.list)}><li class=${r({[s.listItem]:!0,[s.hiddenItem]:!e})}>${e}</li><li class=${r(s.listItem)}>${this.renderPreviousChevron()}</li>${this.renderItems()}<li class=${r(s.listItem)}>${this.renderNextChevron()}</li><li class=${r({[s.listItem]:!0,[s.hiddenItem]:!t})}>${t}</li></ul>`}};X("calcite-pagination",x);export{x as Pagination};

package/dist/cdn/HZPQ4ZCT.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as L}from"./K4CQQSR3.js";import{a as A}from"./PNPLVJIB.js";import{b as T}from"./CZAABKL5.js";import{a as D}from"./KAADRWY5.js";import{a as o,b as t,c as d,d as v}from"./YV4JKSOA.js";import{a as I}from"./OZOMMOC3.js";import"./V2AILWX5.js";import{a as P}from"./SAHTJ6E6.js";import{a as g}from"./IRTFE23M.js";import"./5K4OZJAZ.js";import{b as z}from"./A5OQTYIZ.js";import{a as O}from"./HS66ECFP.js";import"./ZZDNIBT7.js";import{a as w}from"./YW4L3SES.js";import{a as m}from"./VMHJHFFS.js";import"./UVU4JATX.js";import"./2OP2BIGK.js";import{x as E,y as r,z as H}from"./2M4ETWZU.js";import{F as S,G as y,H as c,Q as p,T as B,g as C,h as a,l as f,p as l}from"./VMT523SA.js";var _=C`:host{box-sizing:border-box;background-color:var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1));color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .header{gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .icon-end-container{gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm)}:host([scale=s]) .description{font-size:var(--calcite-font-size-xs)}:host([scale=s]){--calcite-internal-block-actions-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-block-header-content-padding: var(--calcite-theme-space-sm, var(--calcite-spacing-sm));--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-sm, var(--calcite-spacing-sm))) )}:host([scale=m]) .header{gap:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .icon-end-container{gap:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .heading{font-size:var(--calcite-font-size)}:host([scale=m]) .description{font-size:var(--calcite-font-size-sm)}:host([scale=m]){--calcite-internal-block-actions-spacing: var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs));--calcite-internal-block-header-content-padding: var(--calcite-theme-space-md, var(--calcite-spacing-md));--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-sm, var(--calcite-spacing-sm))) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-md, var(--calcite-spacing-md))) )}:host([scale=l]) .header{gap:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .icon-end-container{gap:var(--calcite-theme-space-lg, var(--calcite-spacing-lg));padding-inline-end:var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md)}:host([scale=l]) .description{font-size:var(--calcite-font-size)}:host([scale=l]){--calcite-internal-block-actions-spacing: var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-internal-block-header-content-padding: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-md, var(--calcite-spacing-md))) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-theme-space-lg, var(--calcite-spacing-lg))) )}:host{transition-property:margin;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;transition-timing-function:var(--calcite-animation-easing-function);display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm);border-style:solid;padding:0;flex-basis:auto;border-color:var(--calcite-block-border-color, var(--calcite-color-border-3));background-color:var(--calcite-block-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{justify-content:flex-start}.header--has-content{padding:var(--calcite-internal-block-header-content-padding)}.header--draggable{padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto auto auto;grid-template-areas:"handle header icon-end menu actions-end"}.icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.actions-end{align-items:center;display:flex;gap:var(--calcite-internal-block-actions-spacing);grid-area:actions-end;padding-block:var(--calcite-internal-block-actions-spacing);padding-inline-end:var(--calcite-internal-block-actions-spacing)}.toggle{outline-color:transparent;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;margin:0;padding:0;font-family:inherit;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.toggle:active{background-color:var(--calcite-block-header-background-color-press, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}calcite-loader[inline]{align-self:center}calcite-sort-handle{align-self:center;grid-area:handle;margin-block:var(--calcite-internal-block-actions-spacing);padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.title{display:flex;flex-direction:column}.header .title .heading{overflow-wrap:break-word;word-break:break-word;padding:0;color:var(--calcite-block-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));line-height:var(--calcite-font-line-height-relative-snug)}.description{overflow-wrap:break-word;word-break:break-word;padding:0;color:var(--calcite-block-description-text-color, var(--calcite-color-text-3));font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-snug)}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;grid-area:icon-end}.toggle-icon{transition-property:color;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;align-self:center;justify-self:end;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-block-expandable-icon-color, var(--calcite-block-collapsible-icon-color, var(--calcite-block-icon-color, var(--calcite-color-text-3))))}.toggle:hover .toggle-icon{color:var(--calcite-block-expandable-icon-color-hover, var(--calcite-block-collapsible-icon-color-hover, var(--calcite-block-icon-color-hover, var(--calcite-color-text-1))))}.container{display:flex;flex-direction:column;block-size:100%;position:relative}.content{flex:1 1 0%;position:relative;min-block-size:0;opacity:0;transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.has-slotted-content{padding-block:var(--calcite-internal-block-padding-block);padding-inline:var(--calcite-internal-block-padding-inline)}.content-end,.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}calcite-action-menu{align-self:center;grid-area:menu;margin-inline-end:var(--calcite-internal-block-actions-spacing)}:host([expanded]){margin-block:var(--calcite-space-sm)}:host([expanded]) .header .title .heading{color:var(--calcite-block-heading-text-color, var(--calcite-block-heading-text-color-press, var(--calcite-color-text-1)));font-weight:var(--calcite-font-weight-medium)}:host([expanded]) .description{color:var(--calcite-block-description-text-color, var(--calcite-color-text-2))}:host([expanded]) .icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .content{opacity:1}@starting-style{:host([expanded]){margin-block-start:0;opacity:0}}:host([expanded][scale=s]){margin-block:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([expanded][scale=l]){margin-block:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([hidden]){display:none}[hidden]{display:none}slot[name=children]::slotted(calcite-block){border-block-end-width:0}`,u=class extends y{constructor(){super(...arguments),this.transitionProp="margin-top",this.blockSectionChildren=[],this.messages=O(),this.focusSetter=w()(this),this.interactiveContainer=P(this),this.hasContentEnd=!1,this.hasContentStart=!1,this.hasEndActions=!1,this.hasMenuActions=!1,this.hasContent=!1,this.disabled=!1,this.dragDisabled=!1,this.dragHandle=!1,this.expanded=!1,this.expandable=!1,this.loading=!1,this.menuPlacement=T,this.addToItems=[],this.moveToItems=[],this.sortDisabled=!1,this.overlayPositioning="absolute",this.scale="m",this.sortHandleOpen=!1,this.toggleDisplay="button",this.topLayerDisabled=!1,this.calciteBlockBeforeClose=l({cancelable:!1}),this.calciteBlockBeforeOpen=l({cancelable:!1}),this.calciteBlockClose=l({cancelable:!1}),this.calciteBlockCollapse=l({cancelable:!1}),this.calciteBlockExpand=l({cancelable:!1}),this.calciteBlockOpen=l({cancelable:!1}),this.calciteBlockSortHandleBeforeClose=l({cancelable:!1}),this.calciteBlockSortHandleBeforeOpen=l({cancelable:!1}),this.calciteBlockSortHandleClose=l({cancelable:!1}),this.calciteBlockSortHandleOpen=l({cancelable:!1}),this.calciteBlockToggle=l({cancelable:!1}),this.calciteInternalBlockChange=l({cancelable:!1}),this.calciteInternalBlockUpdateSortMenuItems=l({cancelable:!1})}static{this.properties={hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasMenuActions:[16,{},{state:!0}],hasContent:[16,{},{state:!0}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],dragDisabled:[7,{},{reflect:!0,type:Boolean}],dragHandle:[7,{},{reflect:!0,type:Boolean}],expanded:[7,{},{reflect:!0,type:Boolean}],expandable:[7,{},{reflect:!0,type:Boolean}],collapsible:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],loading:[7,{},{reflect:!0,type:Boolean}],label:1,menuFlipPlacements:[0,{},{attribute:!1}],menuPlacement:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],addToItems:[0,{},{attribute:!1}],moveToItems:[0,{},{attribute:!1}],sortDisabled:[5,{},{type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],setPosition:[9,{},{type:Number}],setSize:[9,{},{type:Number}],sortHandleOpen:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],toggleDisplay:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[L,_,A]}get collapsible(){return this.expandable}set collapsible(e){p.deprecated("property",{component:this,name:"collapsible",removalVersion:7,suggested:"expandable"}),this.expandable=e}get open(){return this.expanded}set open(e){p.deprecated("property",{component:this,name:"open",removalVersion:5,suggested:"expanded"}),this.expanded=e}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.transitionEl=this.el,this.setParentBlockGroupElement()}load(){!this.heading&&!this.label&&p.warn(`${this.el.tagName} is missing both heading & label. Please provide a heading or label for the component to be accessible.`)}willUpdate(e){e.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&D(this),e.has("sortHandleOpen")&&(this.hasUpdated||this.sortHandleOpen!==!1)&&this.sortHandleOpenHandler(),e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteBlockExpand.emit():this.calciteBlockCollapse.emit()),e.has("scale")&&this.hasUpdated&&this.updateBlockSectionScale(),(e.has("moveToItems")||e.has("addToItems"))&&this.hasUpdated&&this.setParentBlockGroupElement()}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}sortHandleOpenHandler(){this.sortHandleEl&&(this.sortHandleEl.open=this.sortHandleOpen)}setSortHandleEl(e){this.sortHandleEl=e,this.sortHandleOpenHandler()}handleSortHandleBeforeOpen(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeOpen.emit()}handleSortHandleBeforeClose(e){e.stopPropagation(),this.calciteBlockSortHandleBeforeClose.emit()}handleSortHandleClose(e){e.stopPropagation(),this.sortHandleOpen=!1,this.calciteBlockSortHandleClose.emit()}handleSortHandleOpen(e){e.stopPropagation(),this.sortHandleOpen=!0,this.calciteBlockSortHandleOpen.emit()}onHeaderClick(){this.calciteBlockToggle.emit(),this.parentBlockGroupElement?this.calciteInternalBlockChange.emit({el:this.el,parentElement:this.parentBlockGroupElement}):this.expanded=!this.expanded}menuActionsSlotChangeHandler(e){this.hasMenuActions=r(e)}actionsEndSlotChangeHandler(e){this.hasEndActions=r(e)}handleContentEndSlotChange(e){this.hasContentEnd=r(e)}handleContentStartSlotChange(e){this.hasContentStart=r(e)}handleDefaultSlotChange(e){this.blockSectionChildren=H(e,"calcite-block-section"),this.hasContent=E(e)||r(e),this.updateBlockSectionScale()}updateBlockSectionScale(){this.blockSectionChildren.forEach(e=>{e.scale=this.scale})}setParentBlockGroupElement(){this.parentBlockGroupElement=this.el.parentElement?.closest("calcite-block-group")}renderScrim(){let{loading:e}=this,n=a`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`;return[e?a`<calcite-scrim .loading=${e}></calcite-scrim>`:null,n]}renderLoaderStatusIcon(){let{loading:e,messages:n,status:i}=this;return e?g("loader",a`<div class=${c(t.icon)}><calcite-loader inline .label=${n.loading} .scale=${this.scale}></calcite-loader></div>`):i?g("status-icon",a`<div class=${c(t.icon)}><calcite-icon class=${c({[t.statusIcon]:!0,[t.valid]:i=="valid",[t.invalid]:i=="invalid"})} .icon=${v[i]} .scale=${m(this.scale)}></calcite-icon></div>`):null}renderActionsEnd(){return a`<div class=${c(t.actionsEnd)} .hidden=${!this.hasEndActions}><slot name=${d.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderContentEnd(){return a`<div class=${c({[t.iconEndContainer]:!this.iconEnd&&!this.expandable})} .hidden=${!this.hasContentEnd}><div class=${c(t.contentEnd)}><slot name=${d.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div></div>`}renderContentStart(){return a`<div class=${c(t.contentStart)} .hidden=${!this.hasContentStart}><slot name=${d.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderTitle(){let{heading:e,headingLevel:n,description:i}=this;return e||i?a`<div class=${c(t.title)}>${I({class:t.heading,level:n,children:e})}${i?a`<div class=${c(t.description)}>${i}</div>`:null}</div>`:null}renderIcon(e){let{iconFlipRtl:n}=this,i=n==="both"||e==="start"?n==="start":n==="end",s=e==="start"?this.iconStart:this.iconEnd,h=e==="start"?t.iconStart:t.iconEnd;if(s)return g(s,a`<calcite-icon class=${c(h)} .flipRtl=${i} .icon=${s} .scale=${m(this.scale)}></calcite-icon>`)}render(){let{expandable:e,loading:n,expanded:i,label:s,heading:h,messages:b,description:M,menuFlipPlacements:G,menuPlacement:U,moveToItems:F,addToItems:N,setPosition:R,setSize:j,dragDisabled:V,sortDisabled:q,iconEnd:k,hasContentEnd:J,hasContentStart:K,iconStart:Q,status:W}=this,$=i?b.collapse:b.expand,X=!!(h||M||J||K||Q||n||W),x=a`<header class=${c({[t.header]:!0,[t.headerHasContent]:X,[t.headerDraggable]:this.dragHandle})} id=${o.header}>${this.renderIcon("start")}${this.renderContentStart()}${this.renderLoaderStatusIcon()}${this.renderTitle()}</header>`,Y=i?v.expanded:v.collapsed,Z=a`<div class=${c(t.headerContainer)}>${this.dragHandle?a`<calcite-sort-handle .addToItems=${N} .disabled=${V} .label=${h||s} .moveToItems=${F} @calciteSortHandleBeforeClose=${this.handleSortHandleBeforeClose} @calciteSortHandleBeforeOpen=${this.handleSortHandleBeforeOpen} @calciteSortHandleClose=${this.handleSortHandleClose} @calciteSortHandleOpen=${this.handleSortHandleOpen} overlay-positioning=fixed .scale=${this.scale} .setPosition=${R} .setSize=${j} .sortDisabled=${q} .topLayerDisabled=${this.topLayerDisabled} ${S(this.setSortHandleEl)}></calcite-sort-handle>`:null}${e?a`<button aria-controls=${o.content} aria-describedby=${o.header} .ariaExpanded=${e?i:void 0} class=${c(t.toggle)} id=${o.toggle} @click=${this.onHeaderClick} title=${$??f} type=button>${x}<div class=${c(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}${this.toggleDisplay==="switch"?a`<calcite-switch .checked=${i} .disabled=${this.disabled} inert .label=${$} .scale=${this.scale}></calcite-switch>`:a`<calcite-icon class=${c(t.toggleIcon)} .icon=${Y} .scale=${m(this.scale)}></calcite-icon>`}</div></button>`:x}${k&&!e?a`<div class=${c(t.iconEndContainer)}>${this.renderContentEnd()}${this.renderIcon("end")}</div>`:!k&&!e?this.renderContentEnd():null}<calcite-action-menu .flipPlacements=${G??["top","bottom"]} .hidden=${!this.hasMenuActions} .label=${b.options} .overlayPositioning=${this.overlayPositioning} .placement=${U} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled}><slot name=${d.headerMenuActions} @slotchange=${this.menuActionsSlotChangeHandler}></slot></calcite-action-menu>${this.renderActionsEnd()}</div>`;return this.interactiveContainer({disabled:this.disabled,children:a`<article aria-label=${s??f} .ariaBusy=${z(n,void 0)} class=${c({[t.container]:!0})}>${Z}<section aria-labelledby=${o.toggle} class=${c({[t.content]:!0,[t.hasSlottedContent]:this.hasContent||n})} .hidden=${!i} id=${o.content}>${this.renderScrim()}</section><slot .hidden=${!i} name=${d.children}></slot></article>`})}};B("calcite-block",u);export{u as Block};

package/dist/cdn/IOWEE5B3.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as S,b as D,c as F,d as H,e as O}from"./6AMCCGQF.js";import{a as L}from"./4MCKDZC2.js";import{a as M}from"./ITINQ72E.js";import{a as z}from"./LVFOVDHP.js";import{c as B}from"./BWQEQMPE.js";import{a as $}from"./XN5GTOTE.js";import{a as R}from"./SYCYUG5E.js";import{a as T}from"./SAHTJ6E6.js";import{a as V}from"./HS66ECFP.js";import{a as C}from"./YW4L3SES.js";import{a as y}from"./VMHJHFFS.js";import{c as I,e as w}from"./UVU4JATX.js";import"./2OP2BIGK.js";import{s as v}from"./2M4ETWZU.js";import{D as b,E as u,F as h,G as x,H as a,L as g,M as E,T as k,g as m,h as r,l as n,p as c}from"./VMT523SA.js";var i={loader:"loader",clearable:"clearable",clearButton:"clear-button",inlineEditing:"inline-editing",hasPrefix:"has-prefix",hasSuffix:"has-suffix",inlineChild:"inline-child",inlineEditableChild:"inline-editable-child",inlineEdit:"inline-edit",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper"},q={validationMessage:"inputTextValidationMessage"},P={action:"action"},W=m`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;--calcite-internal-input-text-focus-outline-color: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([scale=s]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-theme-space-sm, var(--calcite-spacing-fixed-sm))}:host([scale=s]) input{padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-theme-space-sm, var(--calcite-spacing-sm)))}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .prefix{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))))}:host([scale=s]) .suffix{padding-inline:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-theme-space-2xl, var(--calcite-spacing-xxl))}:host([scale=m]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-theme-space-md, var(--calcite-spacing-fixed-md))}:host([scale=m]) input{padding-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-theme-space-md, var(--calcite-spacing-md)))}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .prefix{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md)) var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=m]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-theme-space-xs, var(--calcite-spacing-xs))))}:host([scale=m]) .suffix{padding-inline:var(--calcite-theme-space-xs, var(--calcite-spacing-xs)) var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=l]){--calcite-internal-input-text-icon-padding-inline: var( --calcite-theme-space-md-plus, var(--calcite-spacing-fixed-lg) )}:host([scale=l]) input{padding-inline-start:var(--calcite-theme-space-lg, var(--calcite-spacing-lg));padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, var(--calcite-theme-space-lg, var(--calcite-spacing-lg)))}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) .has-prefix input{padding-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .prefix{padding-inline:var(--calcite-theme-space-lg, var(--calcite-spacing-lg)) var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .has-suffix input{padding-inline-end:var(var(--calcite-internal-input-text-input-padding-inline-end), var(var(--calcite-theme-space-sm, var(--calcite-spacing-sm))))}:host([scale=l]) .suffix{padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm)) var(--calcite-theme-space-lg, var(--calcite-spacing-lg))}:host([scale=l]) .action-wrapper{block-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-style:solid;font-family:inherit;font-weight:var(--calcite-font-weight-normal);outline:none;background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-text-text-color, var(--calcite-color-text-1));border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));text-align:var(--calcite-internal-input-text-alignment);border-inline-start-width:var(--calcite-internal-input-text-input-border-inline-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-input-border-inline-end-width, var(--calcite-border-width-sm));border-block-start-width:var(--calcite-internal-input-text-input-border-block-start-width, var(--calcite-border-width-sm));border-block-end-width:var(--calcite-internal-input-text-input-border-block-end-width, var(--calcite-border-width-sm))}input:placeholder-shown{text-overflow:ellipsis}.element-wrapper,input{border-radius:var(--calcite-input-text-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}.has-prefix input,.element-wrapper:has(.icon) input{border-start-start-radius:0;border-end-start-radius:0;--calcite-internal-input-text-input-border-inline-start-width: var(--calcite-border-width-none)}.element-wrapper:has(.clear-button) input,.has-suffix input{border-start-end-radius:0;border-end-end-radius:0;--calcite-internal-input-text-input-border-inline-end-width: var(--calcite-border-width-none)}.has-prefix .prefix,.element-wrapper:not(:has(.prefix)):has(.icon) .icon{border-start-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));border-end-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}.has-suffix .suffix,:host([clearable]) .clear-button{border-end-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)));border-start-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-theme-corner-radius-none, var(--calcite-corner-radius-sharp)))}:host([clearable]) .has-suffix .clear-button{border-end-end-radius:0;border-start-end-radius:0}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}input[readonly]{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}input[readonly]:focus{color:var(--calcite-input-text-text-color-focus, var(--calcite-color-text-1))}:host([read-only]) .prefix,:host([read-only]) .icon,:host([read-only]) .clear-button,:host([read-only]) .suffix{background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-1, var(--calcite-color-background)))}calcite-icon{color:var(--calcite-input-action-icon-color, var(--calcite-color-text-3))}.element-wrapper{position:relative;display:inline-flex;flex:1 1 0%;align-items:center;isolation:isolate;order:3}.element-wrapper:has(input:focus){outline:var(--calcite-border-width-md) solid var(--calcite-internal-input-text-focus-outline-color);outline-offset:calc(var(--calcite-border-width-sm) * -2)}.element-wrapper:has(input:focus) input{z-index:calc(var(--calcite-z-index) * -1)}:host([status=invalid]) .prefix,:host([status=invalid]) .icon,:host([status=invalid]) input,:host([status=invalid]) .clear-button,:host([status=invalid]) .suffix{border-color:var(--calcite-color-status-danger)}:host([status=invalid]){--calcite-internal-input-text-focus-outline-color: var(--calcite-color-status-danger)}.icon{box-sizing:border-box;display:flex;align-self:stretch;border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-text-icon-color, var(--calcite-color-text-3));align-items:center;padding-inline-start:var(--calcite-internal-input-text-icon-padding-inline);border-block-start-width:var(--calcite-internal-input-text-icon-border-block-start-width, var(--calcite-border-width-sm));border-inline-end-width:var(--calcite-internal-input-text-icon-border-inline-end-width, var(--calcite-border-width-none));border-block-end-width:var(--calcite-internal-input-text-icon-border-block-end-width, var(--calcite-border-width-sm));border-inline-start-width:var(--calcite-internal-input-text-icon-border-inline-start-width, var(--calcite-border-width-sm))}.has-prefix .icon{--calcite-internal-input-text-icon-border-inline-start-width: var(--calcite-border-width-none)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{box-sizing:border-box;display:flex;align-self:stretch;order:4;border-width:var(--calcite-border-width-sm);border-style:solid;border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input));border-inline-start-width:var(--calcite-border-width-none);background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.has-suffix .clear-button{border-inline-end-width:0}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.loader calcite-progress{--calcite-progress-background-color: var(--calcite-input-loading-background-color);--calcite-progress-fill-color: var(--calcite-input-loading-fill-color)}.inline-edit{order:7}.action-wrapper{order:8;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;line-height:1;font-weight:var(--calcite-font-weight-regular);border-color:var(--calcite-input-text-border-color, var(--calcite-color-border-input))}.prefix{order:0;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-prefix-text-color, var(--calcite-color-text-2))}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size-x, auto);background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));color:var(--calcite-input-suffix-text-color, var(--calcite-color-text-2))}:host([alignment=start]){--calcite-internal-input-text-alignment: start}:host([alignment=center]){--calcite-internal-input-text-alignment: center}:host([alignment=end]){--calcite-internal-input-text-alignment: end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child.inline-editable-child{background-color:transparent}input.inline-child .inline-editing{background-color:inherit}input.inline-child:not(.inline-editing){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.element-wrapper:has(input.inline-child:not(.inline-editing)) .loader,.element-wrapper:has(input.inline-child:not(.inline-editing)) .prefix,.element-wrapper:has(input.inline-child:not(.inline-editing)) .icon,.element-wrapper:has(input.inline-child:not(.inline-editing)) .clear-button,.element-wrapper:has(input.inline-child:not(.inline-editing)) .suffix{display:none}:host([inline-edit]:not([inline-editing])) .wrapper:hover input,:host([inline-edit]:not([inline-editing])) .wrapper:hover .inline-edit,:host([inline-edit]:not([inline-editing])) .wrapper:hover .action-wrapper,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover input,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .inline-edit,:host:has(input.inline-child:not(.inline-editable-child):not(.inline-editing)) .wrapper:hover .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-text-inline-edit-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}:host([inline-edit]) input,:host([inline-edit]) .inline-edit,:host([inline-edit]) .action-wrapper{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-input-text-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}::placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-input-text-placeholder-text-color, var(--calcite-color-text-3))}.clear-button--container{display:flex;cursor:pointer;align-items:center}.clear-button--container:hover calcite-action{--calcite-action-background-color: var( --calcite-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color: var(--calcite-input-action-icon-color-hover, var(--calcite-color-text-1))}.clear-button--container:active calcite-action{--calcite-action-background-color: var(--calcite-input-action-background-color-press, var(--calcite-color-border-2));--calcite-action-text-color: var(--calcite-input-action-icon-color-press, var(--calcite-color-text-1))}.clear-button--container calcite-action{--calcite-internal-action-height: 100%;--calcite-internal-action-padding-inline: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-internal-action-padding-block: var(--calcite-theme-space-none, var(--calcite-spacing-none));--calcite-action-background-color: var( --calcite-input-action-background-color, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)) );--calcite-action-text-color: var(--calcite-input-action-icon-color)}.clear-button--container calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-input-action-background-color-hover, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)) );--calcite-action-text-color-press: var(--calcite-input-action-icon-color-hover)}.clear-button--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-action-background-color-press, var(--calcite-input-action-background-color));--calcite-action-text-color-press: var(--calcite-input-action-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-space-2xs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-space-2xs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-space-sm-plus)}.inline-edit--container{display:flex;cursor:pointer;align-items:center}.inline-edit--container .enable-editing,.inline-edit--container .confirm-changes,.inline-edit--container .cancel-editing{margin-inline-start:var(--calcite-space-2xs)}.inline-edit--container .enable-editing{--calcite-action-text-color: var(--calcite-input-text-inline-edit-control-text-color, var(--calcite-color-text-1))}.inline-edit--container calcite-action{--calcite-action-background-color: var(--calcite-input-text-inline-edit-control-background-color);--calcite-action-corner-radius: var(--calcite-input-text-inline-edit-control-corner-radius);--calcite-action-loader-color: var(--calcite-input-text-inline-edit-control-loader-color);--calcite-action-text-color: var(--calcite-input-text-inline-edit-control-text-color)}.inline-edit--container calcite-action:hover{--calcite-action-background-color-hover: var(--calcite-input-text-inline-edit-control-background-color-hover, var(--calcite-input-text-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-edit-control-text-color-press, var(--calcite-input-text-inline-edit-control-text-color))}.inline-edit--container calcite-action:active{--calcite-action-background-color-press: var(--calcite-input-text-inline-edit-control-background-color-press, var(--calcite-input-text-inline-edit-control-background-color));--calcite-action-text-color-press: var(--calcite-input-text-inline-edit-control-text-color-press, var(--calcite-input-text-inline-edit-control-text-color))}`,f=class extends x{constructor(){super(),this.actionWrapperRef=u(),this.attributeWatch=I(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=u(),this.enableInlineEditingButtonRef=u(),this.direction=w(),this.inputWrapperRef=u(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=V({blocking:!0}),this.focusSetter=C()(this),this.formSupport=B({inputType:"text"})(this),this.interactiveContainer=T(this),this.inlineEditManager=new H({getInlineEditing:()=>this.inlineEditing,setInlineEditing:e=>{this.inlineEditing=e},getValue:()=>this.value,restoreValue:e=>{this.restoreInlineEditingValue(e)},commitValue:()=>this.commitInlineEditingValue(),setFocus:async e=>{await this.setFocus(),this.inlineEditManager.setCaretPosition(this.childRef.value,e)},emitCancel:()=>{this.calciteInputTextInlineEditingCancel.emit()},emitConfirm:()=>{this.calciteInputTextInlineEditingConfirm.emit()},emitEnableEditingChange:()=>{this.calciteInputTextInlineEditingChange.emit()}}),this.inlineEditingLoading=!1,this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.inlineEditing=!1,this.inlineEdit=!1,this.iconFlipRtl=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputTextChange=c(),this.calciteInputTextInlineEditingCancel=c({cancelable:!1}),this.calciteInputTextInlineEditingChange=c({cancelable:!1}),this.calciteInputTextInlineEditingConfirm=c({cancelable:!1}),this.calciteInputTextInput=c(),this.calciteInternalInputTextBlur=c(),this.calciteInternalInputTextFocus=c(),R(this),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={draftValue:[16,{},{state:!0}],inlineEditingLoading:[16,{},{state:!0}],slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],inlineEditing:[7,{},{reflect:!0,type:Boolean}],inlineEdit:[3,{converter:O},{reflect:!0}],inlineEditingBeforeConfirm:[0,{},{attribute:!1}],form:[3,{},{reflect:!0}],icon:[3,{converter:g},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,labelText:1,loading:[7,{},{reflect:!0,type:Boolean}],maxLength:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],minLength:[11,{},{reflect:!0,type:Number}],name:[3,{},{reflect:!0}],pattern:1,placeholder:1,prefixText:1,readOnly:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],suffixText:1,validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=W}get selfManagedInlineEdit(){return!!this.inlineEdit&&!this.inlineEditableEl}get hasInlineEditContext(){return!!this.inlineEdit||!!this.inlineEditableEl}get inlineEditControlsDisabled(){return this.inlineEdit==="controls-disabled"}get inlineEditingEnabledInContext(){return this.inlineEditableEl?this.inlineEditableEl.editingEnabled:this.inlineEditing}get isStagingInlineEditingValue(){return this.selfManagedInlineEdit&&this.inlineEditing}get valueForEditing(){return this.draftValue??this.value}get isClearable(){return this.clearable&&this.valueForEditing.length>0}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.valueWatcher(e,t))}async selectText(){this.childRef.value?.select()}async setFocus(e){return this.focusSetter(()=>this.childRef.value,e)}connectedCallback(){super.connectedCallback(),this.inlineEditableEl=this.el.closest("calcite-inline-editable")??void 0}async load(){this.requestedIcon=v({},this.icon,"text"),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value)}willUpdate(e){e.has("inlineEditing")&&this.inlineEditing&&this.inlineEditManager.captureValuePriorToEditing(),e.has("icon")&&(this.requestedIcon=v({},this.icon,"text"))}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,t){this.userChangedValue||this.setValue({origin:"direct",previousValue:t,value:e||""}),this.userChangedValue=!1}keyDownHandler(e){if(!(this.readOnly||this.disabled||e.defaultPrevented)){if(this.selfManagedInlineEdit&&this.inlineEditing&&e.key==="Escape"){if(e.preventDefault(),this.isClearable){this.clearInputTextValue(e);return}this.inlineEditManager.cancelEditing(),requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()});return}this.isClearable&&e.key==="Escape"&&(!this.hasInlineEditContext||this.inlineEditingEnabledInContext)&&(this.clearInputTextValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault())}}onLabelClick(){if(this.selfManagedInlineEdit&&!this.inlineEditing){this.inlineEditManager.enable();return}this.setFocus()}clearInputTextValue(e){this.setValue({committing:!0,nativeEvent:e,origin:"user",value:""})}clearButtonPointerDownHandler(e){this.hasInlineEditContext&&this.inlineEditingEnabledInContext&&e.preventDefault()}commitInlineEditingValue(){let e=this.draftValue;e!==void 0&&(this.draftValue=void 0,e!==this.value&&(this.previousValueOrigin="user",this.userChangedValue=!0,this.value=e,this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(e)))}emitChangeIfUserModified(){this.isStagingInlineEditingValue||this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))}inputTextBlurHandler(){this.isStagingInlineEditingValue&&this.inlineEditControlsDisabled&&this.commitInlineEditingValue(),this.calciteInternalInputTextBlur.emit({element:this.childRef.value,value:this.value}),this.selfManagedInlineEdit&&this.inlineEditing&&this.inlineEditControlsDisabled&&(this.inlineEditManager.disable(),this.calciteInputTextInlineEditingChange.emit()),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let t=e.composedPath(),l=t.some(o=>o instanceof HTMLElement&&o.classList.contains(S.container));if(!(!t.includes(this.inputWrapperRef.value)||t.includes(this.actionWrapperRef.value)||l)){if(this.selfManagedInlineEdit&&!this.inlineEditing){e.preventDefault(),this.inlineEditManager.enable();return}this.setFocus()}}inputTextFocusHandler(){this.calciteInternalInputTextFocus.emit({element:this.childRef.value,value:this.value})}focusEnableInlineEditingButton(){this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.enableInlineEditingButtonRef.value?.setFocus()})})}inlineEditCancelEditingHandler(){this.inlineEditManager.cancelEditing(),this.focusEnableInlineEditingButton()}async inlineEditConfirmChangesHandler(){await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,e=>{this.inlineEditingLoading=e}),this.focusEnableInlineEditingButton()}inputTextInputHandler(e){this.disabled||this.readOnly||this.setValue({nativeEvent:e,origin:"user",value:e.target.value})}async inputTextKeyDownHandler(e){if(!(this.disabled||this.readOnly)&&e.key==="Enter"){if(this.isStagingInlineEditingValue){e.preventDefault();let t=e.currentTarget;this.inlineEditControlsDisabled?t.blur():(await this.inlineEditManager.confirm(this.inlineEditingBeforeConfirm,l=>{this.inlineEditingLoading=l}),this.focusEnableInlineEditingButton());return}this.emitChangeIfUserModified()}}setInputValue(e){this.childRef.value&&(this.childRef.value.value=e)}setPreviousEmittedValue(e){this.previousEmittedValue=e}setPreviousValue(e){this.previousValue=e}restoreInlineEditingValue(e){this.draftValue=void 0,this.setInputValue(e)}setValue({committing:e=!1,nativeEvent:t,origin:l,previousValue:o,value:s}){let p=this.valueForEditing,d=l==="user"&&this.isStagingInlineEditingValue;this.setPreviousValue(o??p),this.previousValueOrigin=l,d?this.draftValue=s:(this.userChangedValue=l==="user"&&s!==this.value,this.value=s),l==="direct"&&(this.draftValue=void 0,this.setInputValue(s),this.setPreviousEmittedValue(s)),t&&!d&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:e&&!d&&this.emitChangeIfUserModified())}render(){let e=this.direction,t=r`<div class=${a(i.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,l=r`<div class=${a(i.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputTextValue} @pointerdown=${this.clearButtonPointerDownHandler}>${L({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,o=r`<div class=${a(i.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${y(this.scale)}></calcite-icon></div>`,s=r`<div class=${a(i.prefix)}>${this.prefixText}</div>`,p=r`<div class=${a(i.suffix)}>${this.suffixText}</div>`,d=r`<input aria-errormessage=${q.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${$(this)} autocomplete=${this.autocomplete??n} .autofocus=${this.el.autofocus} class=${a({[i.inlineEditing]:this.inlineEditingEnabledInContext,[i.inlineChild]:this.hasInlineEditContext,[i.inlineEditableChild]:!!this.inlineEditableEl})} value=${this.defaultValue??n} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??n} inputmode=${this.el.inputMode??n} maxlength=${this.maxLength??n} minlength=${this.minLength??n} name=${this.name??n} @blur=${this.inputTextBlurHandler} @focus=${this.inputTextFocusHandler} @input=${this.inputTextInputHandler} @keydown=${this.inputTextKeyDownHandler} pattern=${this.pattern??n} placeholder=${(this.placeholder||"")??n} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck??n} tabindex=${(this.disabled||this.hasInlineEditContext&&!this.inlineEditingEnabledInContext?-1:void 0)??n} type=text .value=${b(this.valueForEditing??"")} ${h(this.childRef)}>`;return this.interactiveContainer({disabled:this.disabled,children:r`${this.labelText&&z({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${a({[i.inputWrapper]:!0,[E.rtl]:e==="rtl",[i.clearable]:this.isClearable,[i.hasSuffix]:this.suffixText,[i.hasPrefix]:this.prefixText})} ${h(this.inputWrapperRef)}><div class=${a(i.wrapper)}>${this.loading?t:null}${this.prefixText?s:null}${this.requestedIcon?o:null}${d}${this.isClearable?l:null}${this.suffixText?p:null}</div>${this.selfManagedInlineEdit&&r`<div class=${a(i.inlineEdit)}>${D({cancelEditingLabel:this.messages.cancelInlineEditing,confirmChangesLabel:this.messages.confirmInlineEditingChanges,enableEditingButtonRef:this.enableInlineEditingButtonRef,enableEditingLabel:this.messages.enableInlineEditing,inlineEditing:this.inlineEditing,loading:this.inlineEditingLoading,onCancelEditing:this.inlineEditCancelEditingHandler,onConfirmChanges:this.inlineEditConfirmChangesHandler,onEnableEditing:()=>this.inlineEditManager.enable(F.editButton),scale:this.scale,showControls:this.inlineEditing&&!this.inlineEditControlsDisabled})}</div>`||""}<div class=${a(i.actionWrapper)} ${h(this.actionWrapperRef)}><slot name=${P.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?M({icon:this.validationIcon,id:q.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};k("calcite-input-text",f);export{f as InputText};

package/dist/cdn/IPCKOFJ3.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as te,b as D}from"./M7VG3ZLQ.js";import{a as K,j as w}from"./AOKIBI4B.js";import{a as Y}from"./ITINQ72E.js";import{a as Q}from"./LVFOVDHP.js";import{c as Z}from"./BWQEQMPE.js";import{a as J}from"./XN5GTOTE.js";import{a as ee}from"./SYCYUG5E.js";import{a as j}from"./SAHTJ6E6.js";import{a as X}from"./IRTFE23M.js";import{e as G}from"./5K4OZJAZ.js";import{a as W}from"./JN6YLTUP.js";import{a as q}from"./CASNTUXN.js";import{a as N}from"./HS66ECFP.js";import{a as U}from"./YW4L3SES.js";import"./VMHJHFFS.js";import{e as I}from"./UVU4JATX.js";import"./2OP2BIGK.js";import{B as _,t as P}from"./2M4ETWZU.js";import{E as k,F as R,G as F,H as b,I as M,K as O,L as E,T as A,g as C,h as V,l as B,p as H}from"./VMT523SA.js";var o={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed",scale:$=>`scale--${$}`},se="calcite-slider",z={validationMessage:"validationMessage",host:$=>`${se}-${$}`},le=250,ne=C`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size: var(--calcite-space-sm-plus);--calcite-slider-handle-extension-height: .4rem;--calcite-slider-container-font-size: var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size: .875rem;--calcite-slider-handle-extension-height: .5rem;--calcite-slider-container-font-size: var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size: 1rem;--calcite-slider-handle-extension-height: .65rem;--calcite-slider-container-font-size: var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-slider-text-color, var(--calcite-color-text-2));font-size:var(--calcite-slider-container-font-size)}:host{display:block;inline-size:100%;min-inline-size:0}:host .validation-container{padding-block-start:0!important}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * .5);padding-block:calc(var(--calcite-slider-handle-size) * .5);margin-block:calc(var(--calcite-slider-handle-size) * .5);margin-inline:0;--calcite-slider-full-handle-height: calc( var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height) );touch-action:none;-webkit-user-select:none;user-select:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * .5);position:absolute;margin:0;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset),var(--calcite-slider-thumb-y-offset))}.thumb .handle__label{white-space:nowrap}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen:after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;outline-color:transparent;background-color:var(--calcite-slider-handle-fill-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease,background-color var(--calcite-internal-animation-timing-medium) ease,box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-slider-handle-extension-color, var(--calcite-color-text-3))}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb:focus .handle{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.thumb:focus .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1),var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset: -.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset: 50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset: -2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset: -2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset: -3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand));box-shadow:0 0 8px #00000029}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.track{position:relative;block-size:.125rem;background-color:var(--calcite-slider-track-color, var(--calcite-color-border-2));transition:all var(--calcite-internal-animation-timing-medium) ease-in;border-radius:var(--calcite-corner-radius)}.track__range{position:absolute;inset-block-start:0px;block-size:.125rem;background-color:var(--calcite-slider-track-fill-color, var(--calcite-color-brand));border-radius:var(--calcite-corner-radius)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * .5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media(forced-colors:active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:.25rem;inline-size:.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-slider-tick-color, var(--calcite-color-border-input));border-color:var(--calcite-slider-tick-border-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));inset-block-start:-2px;pointer-events:none;margin-inline-start:-.125rem}.tick--active{background-color:var(--calcite-slider-tick-selected-color, var(--calcite-color-brand))}.tick__label{pointer-events:none;margin-block-start:.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-slider-graph-color, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)));block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * .5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;function g($){return Array.isArray($)}var ae=0,re="\u200E",S=class extends F{constructor(){super(),this.direction=I(),this.dragEnd=e=>{this.disabled||(this.removeDragListeners(),this.focusActiveHandle(e.clientX),this.dragProp&&!G(this.lastDragPropValue,this.getDragPropValue(this.dragProp))&&this.emitChange(),this.dragProp=void 0,this.lastDragPropValue=void 0,this.minValueDragRange=void 0,this.maxValueDragRange=void 0,this.minMaxValueRange=void 0)},this.dragUpdate=e=>{if(!(this.disabled||!this.trackRef.value)&&(e.preventDefault(),this.dragProp)){let t=this.mapToRange(e.clientX||e.pageX);if(g(this.value)&&this.dragProp==="minMaxValue")if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){let i=t-this.minValueDragRange,a=t+this.maxValueDragRange;a<=this.max&&i>=this.min&&a-i===this.minMaxValueRange&&this.setValue({minValue:this.clamp(i,"minValue"),maxValue:this.clamp(a,"maxValue")})}else this.minValueDragRange=t-this.minValue,this.maxValueDragRange=this.maxValue-t,this.minMaxValueRange=this.maxValue-this.minValue;else if(g(this.value)&&this.previousEmittedValue!==void 0&&g(this.previousEmittedValue)&&this.dragProp==="maxValue"){let[i,a]=this.previousEmittedValue;i===a&&t<i?(this.dragProp="minValue",this.minHandleRef.value.focus()):this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}else this.setValue({[this.dragProp]:this.clamp(t,this.dragProp)})}},this.formatValue=e=>{w.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};let t=w.localize(e.toString(),!0);return this.direction==="rtl"&&t.startsWith(w.minusSign)?`${re}${t}`:t},this.formSupport=Z({inputType:"range"})(this),this.guid=z.host(q()),this.maxHandleRef=k(),this.maxValueLabelRefs={label:k(),static:k(),transformed:k()},this.maxTickLabelRef=k(),this.messages=N({blocking:!0}),this.minHandleRef=k(),this.minValueLabelRefs={label:k(),static:k(),transformed:k()},this.minTickLabelRef=k(),this.pointerUpDragEnd=e=>{this.disabled||!_(e)||this.dragEnd(e)},this.trackRef=k(),this.focusSetter=U()(this),this.interactiveContainer=j(this),this._value=ae,this.activeProp="value",this.tickValues=[],this.disabled=!1,this.fillPlacement="start",this.groupSeparator=!1,this.hasHistogram=!1,this.labelHandles=!1,this.labelTicks=!1,this.max=100,this.min=0,this.mirrored=!1,this.precise=!1,this.required=!1,this.scale="m",this.snap=!1,this.status="idle",this.step=1,this.calciteSliderChange=H({cancelable:!1}),this.calciteSliderInput=H({cancelable:!1}),ee(this),this.listen("pointerdown",this.pointerDownHandler),this.listen("keydown",this.handleKeyDown),this.listen("touchstart",this.handleTouchStart)}static{this.properties={activeProp:[16,{},{state:!0}],maxValueDragRange:[16,{},{state:!0}],minMaxValueRange:[16,{},{state:!0}],minValueDragRange:[16,{},{state:!0}],tickValues:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],fillPlacement:[3,{},{reflect:!0}],form:[3,{},{reflect:!0}],groupSeparator:[7,{},{reflect:!0,type:Boolean}],hasHistogram:[7,{},{reflect:!0,type:Boolean}],histogram:[0,{},{attribute:!1}],histogramStops:[0,{},{attribute:!1}],label:1,labelFormatter:[0,{},{attribute:!1}],labelHandles:[7,{},{reflect:!0,type:Boolean}],labelTicks:[7,{},{reflect:!0,type:Boolean}],max:[11,{},{reflect:!0,type:Number}],maxLabel:1,maxValue:[9,{},{type:Number}],min:[11,{},{reflect:!0,type:Number}],minLabel:1,labelText:1,messageOverrides:[0,{},{attribute:!1}],minValue:[9,{},{type:Number}],mirrored:[7,{},{reflect:!0,type:Boolean}],name:[3,{},{reflect:!0}],numberingSystem:1,pageStep:[11,{},{reflect:!0,type:Number}],precise:[7,{},{reflect:!0,type:Boolean}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],snap:[7,{},{reflect:!0,type:Boolean}],status:[3,{},{reflect:!0}],step:[11,{},{reflect:!0,type:Number}],ticks:[11,{},{reflect:!0,type:Number}],validationIcon:[3,{converter:E},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:[11,{},{reflect:!0,type:Number}]}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=ne}get value(){return this._value}set value(e){if(Array.isArray(e)){this._value=e;return}if(e!=null){this._value=Number(e);return}this._value=Array.isArray(this._value)?[this.minValue,this.maxValue]:ae}async setFocus(e){return this.focusSetter(()=>this.minHandleRef.value||this.maxHandleRef.value,e)}connectedCallback(){super.connectedCallback(),this.setMinMaxFromValue(),this.setValueFromMinMax(),this.previousEmittedValue=this.value}load(){this.setInitialValue()}willUpdate(e){e.has("histogram")&&(this.hasHistogram=!!this.histogram),e.has("ticks")&&(this.tickValues=this.generateTickValues()),e.has("value")&&(this.hasUpdated||this.value!==0)&&this.setMinMaxFromValue(),(e.has("minValue")||e.has("maxValue"))&&this.setValueFromMinMax()}updated(){this.isConnected&&(this.labelHandles&&(this.adjustHostObscuredHandleLabel("value"),g(this.value)&&(this.adjustHostObscuredHandleLabel("minValue"),this.precise&&!this.hasHistogram||this.hyphenateCollidingRangeHandleLabels())),this.hideObscuredBoundingTickLabels())}disconnectedCallback(){super.disconnectedCallback(),this.removeDragListeners()}setInitialValue(){g(this.value)||(this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value))}handleKeyDown(e){let t=this.shouldMirror(),{activeProp:i,max:a,min:s,pageStep:l,step:n}=this,h=this[i],{key:r}=e;if(W(r)){e.preventDefault();return}let c=NaN;if(r==="ArrowUp"||r==="ArrowRight"?c=h+n*(t&&r==="ArrowRight"?-1:1):r==="ArrowDown"||r==="ArrowLeft"?c=h-n*(t&&r==="ArrowLeft"?-1:1):r==="PageUp"?l&&(c=h+l):r==="PageDown"?l&&(c=h-l):r==="Home"?c=s:r==="End"&&(c=a),isNaN(c))return;e.preventDefault();let m=Number(c.toFixed(D(n)));this.setValue({[i]:this.clamp(m,i)})}pointerDownHandler(e){if(this.disabled||!_(e))return;let t=e.clientX||e.pageX,i=this.mapToRange(t),a="value";g(this.value)&&(i>=this.minValue&&i<=this.maxValue&&this.lastDragProp==="minMaxValue"?a="minMaxValue":a=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i)||i>=this.maxValue?"maxValue":"minValue"),this.lastDragPropValue=this.getDragPropValue(a),this.dragStart(a);let s=e.composedPath();[this.minHandleRef.value,this.maxHandleRef.value].some(n=>n&&s.includes(n))||this.setValue({[a]:this.clamp(i,a)}),this.focusActiveHandle(t)}handleTouchStart(e){e.preventDefault()}buildThumbType(e){let t=[e];return this.labelHandles&&t.push("labeled"),this.precise&&t.push("precise"),this.hasHistogram&&t.push("histogram"),t.join("-")}setValueFromMinMax(){let{minValue:e,maxValue:t}=this;typeof e=="number"&&typeof t=="number"&&(this.value=[e,t])}setMinMaxFromValue(){let{value:e}=this;g(e)&&(this.minValue=e[0],this.maxValue=e[1])}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){return g(this.value)?this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0:!1}getTickDensity(){let e=(this.max-this.min)/this.ticks/le;return e<1?1:e}generateTickValues(){let e=this.ticks??0;if(e<=0)return[];let t=[this.min],i=this.getTickDensity(),a=e*i,s=this.min;for(;s<this.max;)s+=a,t.push(Math.min(s,this.max));return t.includes(this.max)||t.push(this.max),t}onThumbBlur(){this.activeProp=void 0}onThumbFocus(e){let t=e.currentTarget;this.activeProp=t.getAttribute("data-value-prop")}onThumbPointerDown(e){let t=e.currentTarget;this.pointerDownDragStart(e,t.getAttribute("data-value-prop"))}onTrackPointerDown(e){this.pointerDownDragStart(e,"minMaxValue")}pointerDownDragStart(e,t){_(e)&&this.dragStart(t)}dragStart(e){this.dragProp=e,this.lastDragProp=this.dragProp,this.activeProp=e,window.addEventListener("pointermove",this.dragUpdate),window.addEventListener("pointerup",this.pointerUpDragEnd),window.addEventListener("pointercancel",this.dragEnd)}getDragPropValue(e){return e==="minMaxValue"?this.value:this[e]}focusActiveHandle(e){this.dragProp==="minValue"?this.minHandleRef.value.focus():this.dragProp==="maxValue"||this.dragProp==="value"?this.maxHandleRef.value.focus():this.dragProp==="minMaxValue"&&this.getClosestHandle(e).focus()}emitChange(){this.calciteSliderChange.emit(),this.previousEmittedValue=this.value}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate),window.removeEventListener("pointerup",this.pointerUpDragEnd),window.removeEventListener("pointercancel",this.dragEnd)}setValue(e){let t=!1;if(Object.keys(e).forEach(a=>{let s=e[a];s!==void 0&&(t||(t=this[a]!==s),this[a]=s)}),!t)return;(e.minValue||e.maxValue)&&this.setValueFromMinMax(),this.dragProp||this.emitChange(),this.calciteSliderInput.emit()}clamp(e,t){return e=te(e,this.min,this.max),t==="maxValue"&&(e=Math.max(e,this.minValue)),t==="minValue"&&(e=Math.min(e,this.maxValue)),e}mapToRange(e){let t=this.max-this.min,{left:i,width:a}=this.trackRef.value.getBoundingClientRect()||{left:0,width:0},s=(e-i)/a,l=this.shouldMirror(),n=this.clamp(this.min+t*(l?1-s:s)),h=Number(n.toFixed(D(this.step)));return this.snap&&this.step?this.getClosestStep(h):h}getClosestStep(e){let{max:t,min:i,step:a}=this,s=new K(`${Math.floor((e-i)/a)}`).multiply(`${a}`).add(`${i}`).toString(),l=this.clamp(Number(s));return l>t&&(l-=a),l}getClosestHandle(e){let t=this.minHandleRef.value,i=this.maxHandleRef.value;return this.getDistanceX(i,e)>this.getDistanceX(t,e)?t:i}getDistanceX(e,t){return Math.abs(e.getBoundingClientRect().left-t)}getFontSizeForElement(e){return Number(window.getComputedStyle(e).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(e){e=this.clamp(e);let t=this.max-this.min;return(e-this.min)/t}adjustHostObscuredHandleLabel(e){let t=e==="minValue"?this.minValueLabelRefs:this.maxValueLabelRefs,i=t.label.value,a=t.static.value,s=t.transformed.value,l=a.getBoundingClientRect(),n=this.getHostOffset(l.left,l.right);i.style.transform=`translateX(${n}px)`,s.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){let e=this.shouldMirror(),t=e?this.maxValueLabelRefs:this.minValueLabelRefs,i=e?this.minValueLabelRefs:this.maxValueLabelRefs,a=t.label.value,s=t.static.value,l=t.transformed.value,n=this.getHostOffset(s.getBoundingClientRect().left,s.getBoundingClientRect().right),h=i.label.value,r=i.static.value,c=i.transformed.value,m=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right),p=this.getFontSizeForElement(a),v=this.getRangeLabelOverlap(l,c),y=a,u=p/2;if(v>0){if(y.classList.add(o.hyphen,o.hyphenWrap),m===0&&n===0){let d=v/2-u;d=Math.sign(d)===-1?Math.abs(d):-d;let f=this.getHostOffset(l.getBoundingClientRect().left+d-u,l.getBoundingClientRect().right+d-u),x=v/2,L=this.getHostOffset(c.getBoundingClientRect().left+x,c.getBoundingClientRect().right+x);f!==0&&(d+=f,x+=f),L!==0&&(d+=L,x+=L),a.style.transform=`translateX(${d}px)`,l.style.transform=`translateX(${d-u}px)`,h.style.transform=`translateX(${x}px)`,c.style.transform=`translateX(${x}px)`}else if(n>0||m>0)a.style.transform=`translateX(${n+u}px)`,h.style.transform=`translateX(${v+m}px)`,c.style.transform=`translateX(${v+m}px)`;else if(n<0||m<0){let d=Math.abs(n)+v-u;d=Math.sign(d)===-1?Math.abs(d):-d,a.style.transform=`translateX(${d}px)`,l.style.transform=`translateX(${d-u}px)`}}else y.classList.remove(o.hyphen,o.hyphenWrap),a.style.transform=`translateX(${n}px)`,l.style.transform=`translateX(${n}px)`,h.style.transform=`translateX(${m}px)`,c.style.transform=`translateX(${m}px)`}hideObscuredBoundingTickLabels(){let e=g(this.value);if(!this.hasHistogram&&!e&&!this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&this.labelHandles&&!this.precise||!this.hasHistogram&&!e&&!this.labelHandles&&this.precise||!this.hasHistogram&&!e&&this.labelHandles&&this.precise||!this.hasHistogram&&e&&!this.precise||this.hasHistogram&&!this.precise&&!this.labelHandles)return;let t=this.minHandleRef.value,i=this.maxHandleRef.value,a=this.minTickLabelRef.value,s=this.maxTickLabelRef.value;!t&&i&&a&&s&&(a.style.opacity=this.isMinTickLabelObscured(a,i)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,i)?"0":"1"),t&&i&&a&&s&&(a.style.opacity=this.isMinTickLabelObscured(a,t)||this.isMinTickLabelObscured(a,i)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,t)||this.isMaxTickLabelObscured(s,i)&&this.hasHistogram?"0":"1")}getHostOffset(e,t){let{left:i,right:a}=this.el.getBoundingClientRect();return e<i?i-e:t>a?-(t-a):0}getRangeLabelOverlap(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect(),s=this.getFontSizeForElement(e),l=i.right+s-a.left;return Math.max(l,0)}isMinTickLabelObscured(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return P(i,a)}isMaxTickLabelObscured(e,t){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return P(i,a)}internalLabelFormatter(e,t){let i=this.labelFormatter;if(!i)return this.formatValue(e);let a=i(e,t,this.formatValue);return a??this.formatValue(e)}render(){let e=this.el.id||this.guid,t=g(this.value)?this.maxValue:this.value,i=this.minValue||this.min,a=this.shouldUseMinValue(),s=this.getUnitInterval(a?this.minValue:i)*100,l=this.getUnitInterval(t)*100,n=this.shouldMirror(),h=g(this.value),r=J(this),c=h&&!!r,m=this.buildThumbType("max"),p=this.renderThumb({type:m,thumbPlacement:m.includes("histogram")?"below":"above",labelFallback:r,maxInterval:l,minInterval:s,mirror:n}),v=this.buildThumbType("min"),y=h?this.renderThumb({type:v,thumbPlacement:v.includes("histogram")||v.includes("precise")?"below":"above",labelFallback:r,maxInterval:l,minInterval:s,mirror:n}):null,u=h?"start":this.fillPlacement,d=u==="none"?{left:"unset",right:"unset"}:u==="end"?{left:`${n?s:l}%`,right:`${n?l:s}%`}:{left:`${n?100-l:s}%`,right:`${n?s:100-l}%`};return O(this.el,"id",e),this.interactiveContainer({disabled:this.disabled,children:V`${this.labelText&&Q({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${z.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${r} .ariaRequired=${this.required} class=${b({[o.container]:!0,[o.containerRange]:h,[o.scale(this.scale)]:!0})} .role=${c?"group":void 0}>${this.renderGraph()}<div class=${b(o.track)} ${R(this.trackRef)}><div class=${b(o.trackRange)} @pointerdown=${this.onTrackPointerDown} style=${M(d)}></div><div class=${b(o.ticks)}>${this.tickValues.map(f=>{let x=`${this.getUnitInterval(f)*100}%`,L=!1;if(u==="start"||u==="end")if(a)L=f>=this.minValue&&f<=this.maxValue;else{let T=u==="start"?i:t,ie=u==="start"?t:this.max;L=f>=T&&f<=ie}return V`<span class=${b({[o.tick]:!0,[o.tickActive]:L})} style=${M({left:n?"":x,right:n?x:""})}>${this.renderTickLabel(f)}</span>`})}</div></div><div class=${b(o.thumbContainer)}>${y}${p}</div></div>${this.validationMessage&&this.status==="invalid"?Y({icon:this.validationIcon,id:z.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}renderThumb({type:e,mirror:t,thumbPlacement:i,minInterval:a,maxInterval:s,labelFallback:l}){let n=e.includes("labeled"),h=e.includes("precise"),r=e.includes("min"),c=g(this.value),m=r?this.minValue:c?this.maxValue:this.value,p=r?"minValue":c?"maxValue":"value",v=r?this.minLabel||l:c?this.maxLabel||l:this.minLabel||l,y=r?this.minValue:m,u=p==="minValue"?this.internalLabelFormatter(this.minValue,"min"):p==="maxValue"?this.internalLabelFormatter(this.maxValue,"max"):this.internalLabelFormatter(m,"value"),d=r?{left:`${t?100-a:a}%`}:{right:`${t?s:100-s}%`},f=`${o.handleLabel} ${r?o.handleLabelMinValue:o.handleLabelValue}`,x=r?this.minValueLabelRefs:this.maxValueLabelRefs,T=[...n?[V`<span aria-hidden=true class=${b(f)} ${R(x.label)}>${u}</span>`,V`<span aria-hidden=true class=${`${f} ${o.static}`} ${R(x.static)}>${u}</span>`,V`<span aria-hidden=true class=${`${f} ${o.transformed}`} ${R(x.transformed)}>${u}</span>`]:[],V`<div class=${b(o.handle)}></div>`,h&&V`<div class=${b(o.handleExtension)}></div>`||""];return i==="below"&&T.reverse(),X(e,V`<div .ariaLabel=${v} aria-orientation=horizontal .ariaValueMax=${this.max} .ariaValueMin=${this.min} .ariaValueNow=${y} class=${b({[o.thumb]:!0,[o.thumbValue]:!r,[o.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===p,[o.thumbPrecise]:h,[o.thumbMinValue]:r})} data-value-prop=${p??B} @blur=${this.onThumbBlur} @focus=${this.onThumbFocus} @pointerdown=${this.onThumbPointerDown} role=slider style=${M(d)} tabindex=0 ${R(r?this.minHandleRef:this.maxHandleRef)}>${T}</div>`)}renderGraph(){return this.histogram?V`<calcite-graph class=${b(o.graph)} .colorStops=${this.histogramStops} .data=${this.histogram} .highlightMax=${g(this.value)?this.maxValue:this.value} .highlightMin=${g(this.value)?this.minValue:this.min} .max=${this.max} .min=${this.min}></calcite-graph>`:null}renderTickLabel(e){let{hasHistogram:t,labelHandles:i,labelTicks:a,max:s,min:l,precise:n,value:h}=this,r=g(h),c=e===l,m=e===s,p=c||m;if(!(a&&(!t&&(p||!n||!r)||t&&(p||!n&&!i))))return null;let y={[o.tickLabel]:!0,[o.tickMin]:c,[o.tickMax]:m},u=this.internalLabelFormatter(e,"tick");return c?V`<span class=${b(y)} ${R(this.minTickLabelRef)}>${u}</span>`:m?V`<span class=${b(y)} ${R(this.maxTickLabelRef)}>${u}</span>`:V`<span class=${b(y)}>${u}</span>`}};A("calcite-slider",S);export{S as Slider};

package/dist/cdn/KTAAVUH5.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as b,b as v,j as o,m as C,n as I,q as w}from"./WG5GMIWE.js";import"./AOKIBI4B.js";import{a as F}from"./IRTFE23M.js";import"./JN6YLTUP.js";import"./2OP2BIGK.js";import{F as $,G as A,H as u,T as R,g as x,h as g,p as m}from"./VMT523SA.js";var D={calendar:"calendar",calendarContainer:"calendar-container",calendarStart:"calendar--start",currentDay:"current-day",dayContainer:"day-container",month:"month",noncurrent:"noncurrent",weekDays:"week-days",weekHeader:"week-header",weekHeaderContainer:"week-header-container"},Y=x`:host([hidden]){display:none}[hidden]{display:none}.calendar-container{display:flex;inline-size:100%}:host([range][layout=vertical]) .calendar-container{flex-direction:column}.calendar{inline-size:100%}.week-header-container{display:flex;block-size:16px;padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-block:var(--calcite-theme-space-md, var(--calcite-spacing-md))}.week-header{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);font-weight:var(--calcite-font-weight-bold);inline-size:14.2857142857%;color:var(--calcite-date-picker-week-header-text-color, var(--calcite-color-text-2))}.day-container{display:flex;inline-size:100%;min-inline-size:0px;justify-content:center}.day-container calcite-date-picker-day{inline-size:100%}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;padding-inline:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));padding-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}.month-header{display:flex;inline-size:100%;justify-content:space-between}.month{display:flex;inline-size:100%;flex-direction:column;justify-content:space-between}.day{font-size:var(--calcite-font-size)}:host([scale=s]) .week-days{padding-inline:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));padding-block-end:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([scale=s]) .week-header-container{padding-inline:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));padding-block:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .day{font-size:var(--calcite-font-size-sm)}:host([scale=l]) .week-header{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .week-days{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-block-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .week-header-container{padding-inline:var(--calcite-theme-space-md, var(--calcite-spacing-md));padding-block:var(--calcite-theme-space-md-plus, var(--calcite-spacing-md-plus))}:host([scale=l]) .day{font-size:var(--calcite-font-size-md)}.calendar--start{border-width:0px;border-style:solid;border-color:var(--calcite-date-picker-range-calendar-divider-color, var(--calcite-color-border-1))}:host([range][layout=horizontal][calendars="2"]) .calendar--start{border-inline-end-width:var(--calcite-border-width-sm)}:host([range][layout=vertical][calendars="2"]) .calendar--start{border-block-end-width:var(--calcite-border-width-sm)}.noncurrent{pointer-events:none;opacity:0}`,p=7,M=6,P=42,S=class extends A{constructor(){super(),this.activeFocus=!1,this.storeDayRef=e=>{e?.active&&this.activeFocus&&e.setFocus()},this.activeDate=new Date,this.calendars=2,this.range=!1,this.calciteInternalDatePickerDayHover=m({cancelable:!1}),this.calciteInternalDatePickerDaySelect=m({cancelable:!1}),this.calciteInternalDatePickerMonthActiveDateChange=m({cancelable:!1}),this.calciteInternalDatePickerMonthChange=m({cancelable:!1}),this.calciteInternalDatePickerMonthMouseOut=m({cancelable:!1}),this.listen("pointerout",this.pointerOutHandler),this.listen("focusout",this.disableActiveFocus)}static{this.properties={focusedDate:[16,{},{state:!0}],activeDate:[0,{},{attribute:!1}],calendars:[11,{},{type:Number,reflect:!0}],dateTimeFormat:[0,{},{attribute:!1}],endDate:[0,{},{attribute:!1}],headingLevel:[11,{},{type:Number,reflect:!0}],hoverRange:[0,{},{attribute:!1}],layout:[3,{},{reflect:!0}],localeData:[0,{},{attribute:!1}],max:[0,{},{attribute:!1}],messages:[0,{},{attribute:!1}],min:[0,{},{attribute:!1}],monthStyle:1,range:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedDate:[0,{},{attribute:!1}],startDate:[0,{},{attribute:!1}]}}static{this.styles=Y}load(){this.focusedDate=this.selectedDate||this.activeDate}willUpdate(e){e.has("activeDate")&&this.updateFocusedDateWithActive(this.activeDate),e.has("selectedDate")&&(this.focusedDate=this.selectedDate)}updateFocusedDateWithActive(e){this.selectedDate||(this.focusedDate=b(e,this.min,this.max)?e:v(e,this.min,this.max))}keyDownHandler(e){if(e.defaultPrevented)return;let a=this.el.dir==="rtl",t=e.target.value;switch(e.key){case"ArrowUp":e.preventDefault(),this.addDays(-7,t);break;case"ArrowRight":e.preventDefault(),this.addDays(a?-1:1,t);break;case"ArrowDown":e.preventDefault(),this.addDays(7,t);break;case"ArrowLeft":e.preventDefault(),this.addDays(a?1:-1,t);break;case"PageUp":e.preventDefault(),this.addMonths(-1,t);break;case"PageDown":e.preventDefault(),this.addMonths(1,t);break;case"Home":e.preventDefault(),this.activeDate.setDate(1),this.addDays(0,t);break;case"End":e.preventDefault(),this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate()),this.addDays(0,t);break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=!1}}disableActiveFocus(){this.activeFocus=!1}pointerOutHandler(){this.calciteInternalDatePickerMonthMouseOut.emit()}addMonths(e,a){let t=new Date(a);t.setMonth(a.getMonth()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(v(t,this.min,this.max)),this.focusedDate=v(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}addDays(e=0,a){let t=new Date(a);t.setDate(a.getDate()+e),this.calciteInternalDatePickerMonthActiveDateChange.emit(v(t,this.min,this.max)),this.focusedDate=v(t,this.min,this.max),this.activeFocus=!0,this.calciteInternalDatePickerDayHover.emit(t)}getPreviousMonthDays(e,a,t){let s=new Date(a,e,0),i=s.getDate(),n=s.getDay(),r=[];if(n===(t+M)%p)return r;if(n===t)return[i];for(let l=(p+n-t)%p;l>=0;l--)r.push(i-l);return r}getCurrentMonthDays(e,a){let t=new Date(a,e+1,0).getDate(),s=[];for(let i=0;i<t;i++)s.push(i+1);return s}getNextMonthDays(e,a,t){let s=new Date(a,e+1,0).getDay(),i=[];if(s===(t+M)%p)return i;for(let n=0;n<(M-(s-t))%p;n++)i.push(n+1);return i}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(o(e,this.selectedDate)||this.startDate&&o(e,this.startDate)||this.endDate&&o(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!o(this.startDate,this.endDate)&&o(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!o(this.startDate,this.endDate)&&o(this.endDate,e)||!this.endDate&&this.hoverRange&&o(this.startDate,this.hoverRange.end)&&o(e,this.hoverRange.end))}dayHover(e){let a=e.target;a.disabled?this.calciteInternalDatePickerMonthMouseOut.emit():this.calciteInternalDatePickerDayHover.emit(a.value),e.stopPropagation()}daySelect(e){let a=e.target;this.activeFocus=!1,this.calciteInternalDatePickerDaySelect.emit(a.value),e.stopPropagation()}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange||!this.startDate)return!1;let{start:e,end:a}=this.hoverRange,t=this.isFocusedOnStart(),s=this.startDate&&a&&a>this.startDate,i=this.endDate&&a&&a<this.endDate,n=this.startDate&&e&&e>this.startDate,r=this.endDate&&e&&e<this.endDate,l=!t&&this.startDate&&s&&(!this.endDate||i),c=t&&this.startDate&&n&&r;return!!(l||c)}isRangeHover(e){if(!this.hoverRange)return!1;let{start:a,end:t}=this.hoverRange,s=this.isFocusedOnStart(),i=this.isHoverInRange(),n=!!(a&&e>a&&this.startDate&&e<this.startDate),r=!!(t&&e<t&&this.endDate&&e>this.endDate),l=!!(t&&e>t&&this.endDate&&e<this.endDate),c=!!(a&&e<a&&this.startDate&&e>this.startDate),h=!!(t&&e<t&&this.startDate&&e>this.startDate),d=!!(a&&e>a&&this.endDate&&e<this.endDate),f=this.startDate&&this.endDate;if(i){if(f)return s?!!(this.endDate&&e<this.endDate)&&(c||n):l||r;if(this.startDate&&!this.endDate)return s?n:h;if(!this.startDate&&this.endDate)return s?d:r}else if(f)return s?n:r;return!1}getDays(e,a,t,s="start"){let i=this.activeDate.getMonth(),n=i+1;i=s==="end"?n:i;let r=this.activeDate.getFullYear();return[...e.map(c=>({active:!1,day:c,date:new Date(r,i-1,c)})),...a.map(c=>{let h=new Date(r,i,c),d=o(h,new Date);return{active:this.focusedDate&&this.focusedDate!==this.startDate&&this.focusedDate!==this.endDate?o(h,this.focusedDate):o(h,this.startDate)||o(h,this.endDate),currentMonth:!0,currentDay:d,day:c,date:h}}),...t.map(c=>({active:!1,day:c,date:new Date(r,n,c)}))]}monthHeaderSelectChange(e){let a=new Date(e.detail),t=e.target;this.updateFocusableDate(a),e.stopPropagation(),this.calciteInternalDatePickerMonthChange.emit({date:a,position:t.position})}updateFocusableDate(e){!this.selectedDate||!this.range?this.focusedDate=this.getFirstValidDateOfMonth(e):this.selectedDate&&this.range&&(!w(this.startDate,e)||!w(this.endDate,e))&&(this.focusedDate=this.getFirstValidDateOfMonth(e))}getFirstValidDateOfMonth(e){return e.getDate()===1?e:C(e,this.min,this.max)}render(){let e=this.activeDate.getMonth(),a=this.activeDate.getFullYear(),t=this.localeData.weekStart%7,{abbreviated:s,short:i,narrow:n}=this.localeData.days,r=this.scale==="s"?n||i||s:i||s||n,l=[...r.slice(t,7),...r.slice(0,t)],c=this.getCurrentMonthDays(e,a),h=this.getPreviousMonthDays(e,a,t),d=this.getNextMonthDays(e,a,t),f=c.length+h.length+d.length;if(f<P){let N=d.length?d[d.length-1]:0;for(let k=1;k<=P-f;k++)d.push(N+k)}let y=e+1,H=this.getPreviousMonthDays(y,a,t),E=this.getCurrentMonthDays(y,a),z=this.getNextMonthDays(y,a,t),O=this.getDays(h,c,d),B=this.getDays(H,E,z,"end");return g`<div class=${u({[D.calendarContainer]:!0})}>${this.renderCalendar(l,O)}${this.range&&this.calendars===2&&this.renderCalendar(l,B,!0)||""}</div>`}renderDateDay({active:e,currentMonth:a,currentDay:t,date:s,day:i},n){let r=b(s,this.min,this.max);return F(n,g`<div class=${u({[D.dayContainer]:!0})}><calcite-date-picker-day .active=${e} class=${u({[D.currentDay]:t,[D.noncurrent]:this.range&&this.calendars===2&&!a})} .currentMonth=${a} .dateTimeFormat=${this.dateTimeFormat} .day=${i} .disabled=${!r} .endOfRange=${this.isEndOfRange(s)} .highlighted=${this.betweenSelectedRange(s)} @calciteInternalDayHover=${this.dayHover} @calciteInternalDaySelect=${this.daySelect} .range=${!!this.startDate&&!!this.endDate&&!o(this.startDate,this.endDate)} .rangeHover=${r&&this.isRangeHover(s)} .scale=${this.scale} .selected=${this.isSelected(s)} .startOfRange=${this.isStartOfRange(s)} .value=${s} ${$(this.storeDayRef)}></calcite-date-picker-day></div>`)}renderCalendar(e,a,t=!1){return g`<div class=${u({[D.calendar]:!0,[D.calendarStart]:!t})}><calcite-date-picker-month-header .activeDate=${t?I(this.activeDate):this.activeDate} .headingLevel=${this.headingLevel} .localeData=${this.localeData} .max=${this.max} .messages=${this.messages} .min=${this.min} .monthStyle=${this.monthStyle} @calciteInternalDatePickerMonthHeaderSelectChange=${this.monthHeaderSelectChange} .position=${t?"end":this.range&&this.calendars===2?"start":void 0} .scale=${this.scale} .selectedDate=${this.selectedDate}></calcite-date-picker-month-header>${this.renderMonthCalendar(e,a,t)}</div>`}renderMonthCalendar(e,a,t=!1){return g`<div class=${u({[D.month]:!0})} @keydown=${this.keyDownHandler} role=grid><div class=${u({[D.weekHeaderContainer]:!0})} role=row>${e.map(i=>g`<span class=${u({[D.weekHeader]:!0})} role=columnheader>${i}</span>`)}</div><div class=${u({[D.weekDays]:!0})} role=row>${a.map((i,n)=>this.renderDateDay(i,t?50+n:n))}</div></div>`}};R("calcite-date-picker-month",S);export{S as DatePickerMonth};