@esri/calcite-components 5.2.0-next.13 → 5.2.0-next.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "5.2.0-next.13",
+  "version": "5.2.0-next.14",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -108,5 +108,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "d960ceec6bcc6353d6f2022589d843eee2b0e693"
+  "gitHead": "efbafc75ef46ab2b0dae3ba495b98c8142c48b30"
 }

package/dist/cdn/GTORVAFK.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as A}from"./UEJ6BH4G.js";import{a as S}from"./4REC4RTJ.js";import{c as D}from"./OWRMX7OF.js";import{c as I,d as k,e as C}from"./S7QMT7XO.js";import{a as w}from"./NQTIA5JE.js";import{a as x}from"./IJGE6GIP.js";import{a as y}from"./XYSCC2MW.js";import"./ZWPNZ5XW.js";import{e as b}from"./ZXUNPT2Q.js";import"./O7YNJFEI.js";import{u as v}from"./R7ONS2BW.js";import"./T6CCMW7H.js";import{G as p,H as u,L as f,S as g,g as d,h as o,l as h,p as m}from"./X7UO4JNZ.js";var $={itemWrapper:"item-wrapper"},z={validationMessage:"segmentedControlValidationMessage"},E=d`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:fit-content;outline:1px solid var(--calcite-segmented-control-border-color, var(--calcite-color-border-input));outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.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-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-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start: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-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start: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-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start: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}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends p{constructor(){super(),this.direction=b(),this.formSupport=D({inputType:"text"})(this),this.items=[],this.messages=x(),this.focusSetter=y()(this),this.interactiveContainer=w(this),this.appearance="solid",this.disabled=!1,this.layout="horizontal",this.required=!1,this.scale="m",this.status="idle",this.value=null,this.width="auto",this.calciteSegmentedControlChange=m({cancelable:!1}),this.listen("calciteInternalSegmentedControlItemChange",this.handleSelected),this.listen("keydown",this.handleKeyDown),this.listen("click",this.handleClick)}static{this.properties={appearance:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],labelText:1,messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:f,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,width:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=E}async setFocus(e){return this.focusSetter(()=>this.selectedItem||this.items[0],e)}connectedCallback(){super.connectedCallback(),I(this)}willUpdate(e){(e.has("appearance")&&(this.hasUpdated||this.appearance!=="solid")||e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.handleItemPropChange(),e.has("value")&&(this.hasUpdated||this.value!==null)&&this.valueHandler(this.value),e.has("selectedItem")&&this.handleSelectedItemChange(this.selectedItem,e.get("selectedItem"))}loaded(){this.formSupport.overrideDefaultValue(this.value)}disconnectedCallback(){super.disconnectedCallback(),k(this)}valueHandler(e){let{items:t}=this;t.forEach(a=>a.checked=a.value===e)}handleSelectedItemChange(e,t){if(this.value=e?.value,e===t)return;let{items:a}=this,l=a.filter(s=>s===e).pop();l?this.selectItem(l):a[0]&&(a[0].tabIndex=0)}handleClick(e){this.disabled||e.target.localName==="calcite-segmented-control-item"&&this.selectItem(e.target,!0)}handleSelected(e){e.preventDefault();let t=e.target;t.checked&&this.selectItem(t),e.stopPropagation()}handleKeyDown(e){let t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "],{key:a}=e,{selectedItem:l}=this;if(t.indexOf(a)===-1)return;let s=a;this.direction==="rtl"&&(a==="ArrowRight"&&(s="ArrowLeft"),a==="ArrowLeft"&&(s="ArrowRight"));let{items:i}=this,n=-1;switch(i.forEach((r,L)=>{r===l&&(n=L)}),s){case"ArrowLeft":case"ArrowUp":{e.preventDefault();let r=n<1?i[i.length-1]:i[n-1];this.selectItem(r,!0);return}case"ArrowRight":case"ArrowDown":{e.preventDefault();let r=n===-1?i[1]:i[n+1]||i[0];this.selectItem(r,!0);return}case" ":e.preventDefault(),this.selectItem(e.target,!0);return;default:return}}handleItemPropChange(){let{items:e}=this;e.forEach(t=>{t.appearance=this.appearance,t.layout=this.layout,t.scale=this.scale})}handleSelectedItem(){let{items:e}=this,t=e.filter(a=>a.checked).pop();t?this.selectItem(t):e[0]&&(e[0].tabIndex=0)}async handleDefaultSlotChange(e){let t=v(e).filter(a=>a.matches("calcite-segmented-control-item"));await Promise.all(t.map(a=>a.componentOnReady())),this.items=t,this.handleSelectedItem(),this.handleItemPropChange()}onLabelClick(){this.setFocus()}async selectItem(e,t=!1){if(e===this.selectedItem)return;let{items:a}=this,l=null;a.forEach(s=>{let i=s===e;(i&&!s.checked||!i&&s.checked)&&(s.checked=i),s.tabIndex=i?0:-1,i&&(l=s)}),this.selectedItem=l,l&&t&&(await this.updateComplete,this.calciteSegmentedControlChange.emit(),l.focus())}render(){return this.el.role="radiogroup",o`${this.labelText&&S({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${z.validationMessage} aria-label=${C(this)??h} .ariaInvalid=${this.status==="invalid"} .ariaRequired=${this.required} class=${u($.itemWrapper)}>${this.interactiveContainer({disabled:this.disabled,children:o`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`})}</div>${this.validationMessage&&this.status==="invalid"?A({icon:this.validationIcon,id:z.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`}};g("calcite-segmented-control",c);export{c as SegmentedControl};

package/dist/cdn/H6UDUZKQ.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{d as R}from"./U32ZDPXB.js";import{a as De}from"./IXVJAO3V.js";import{a as Ae}from"./GHDKS4TD.js";import{b as j,c as Ee,d as T,f as D,g as F,h as Q,i as Re}from"./4ZF65FJ3.js";import{a as M,b as H,d as o,e as p,f as _}from"./QBJZUEM2.js";import{d as G}from"./KRZT7UVD.js";import{a as $e}from"./UEJ6BH4G.js";import{b as U}from"./QQDQTFWB.js";import{a as Se}from"./4REC4RTJ.js";import{c as we}from"./OWRMX7OF.js";import{c as xe,d as Ce,e as ye}from"./S7QMT7XO.js";import{a as fe}from"./W6DGYU32.js";import{b as ke}from"./PZGMAWGK.js";import{a as q,c as N,d as be,e as ge,f as ve,g as E,h as Ie}from"./TIIPBO56.js";import{a as me}from"./2KOVEQ6V.js";import{a as de}from"./NQTIA5JE.js";import{a as w}from"./EIFX7ZPB.js";import{a as ue}from"./3EKU73VJ.js";import{a as pe}from"./OIO5CL6R.js";import{a as V,b as z}from"./VI7SBYXT.js";import{a as he}from"./IJGE6GIP.js";import{a as re}from"./XYSCC2MW.js";import{a as L,b as W}from"./ZWPNZ5XW.js";import{e as ne}from"./ZXUNPT2Q.js";import"./O7YNJFEI.js";import{e as y,h as B,l as ce}from"./R7ONS2BW.js";import{a as oe}from"./T6CCMW7H.js";import{D as te,E as $,F as x,G as ie,H as d,L as se,N as le,S as ae,g as ee,h as m,l as g,p as C}from"./X7UO4JNZ.js";var Ve=ee`: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}: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{display:flex;border-width:1px;border-style:solid;outline-color:transparent;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);background-color:var(--calcite-combobox-input-background-color, 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(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([read-only]) .wrapper{background-color: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(calc(-1 * var(--calcite-spacing-base)) * calc(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{position:relative;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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{flex-grow:1;appearance:none;overflow:hidden;text-overflow:ellipsis;border-style:none;background-color:transparent;padding:0;font-family:inherit;color:var(--calcite-color-text-1);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:2px solid transparent;outline-offset:2px}.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;width:0px;min-width:0px;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{pointer-events:none;max-width:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;font-weight: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}}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.list-container{max-height:45vh;overflow-y:auto;inline-size:var(--calcite-dropdown-width, 100%);background-color:var(--calcite-combobox-background-color, var(--calcite-color-foreground-1))}.list{margin:0;display:block;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.list--hide{height:0px;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{visibility:hidden;position:absolute}.item{display:block}.select-all{background-color:var(--calcite-combobox-item-background-color-active, 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-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-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-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-clear-button-background-color, 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-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-color-border-2));--calcite-action-text-color-press: var(--calcite-clear-button-icon-color-press)}:host([scale=s]) .clear-button--container{padding:var(--calcite-spacing-xxs)}:host([scale=m]) .clear-button--container{padding:var(--calcite-spacing-xxs);padding-inline-end:var(--calcite-space-sm)}:host([scale=l]) .clear-button--container{padding-inline-end:var(--calcite-spacing-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}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}.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-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-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start: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-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start: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-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start: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=ne(),this.formSupport=we({inputType:"text"})(this),this.selectAllComboboxItemRef=$(),this.allSelectedIndicatorChipRef=$(),this.data=[],this.cancelable=ue()(this),this.filterItems=(()=>{let e=(t,i)=>t&&i.some(({el:s})=>t===s);return pe((t,i=!1,s=!0)=>{let l=Ae([...this.data,...this.groupData],t,this.effectiveFilterProps),a=this.getItemsAndGroups(),n=t==="";a.forEach(c=>{if(n){c.itemHidden=!1;return}let r=!e(c,l);c.itemHidden=r;let[v,h]=c.ancestors;(e(v,l)||e(h,l))&&(c.itemHidden=!1),r||c.ancestors.forEach(f=>f.itemHidden=!1)}),this.noMatchesFound=this.filteredItems.length===0&&!!this.filterText,this.filterTextMatchPattern=this.filterText?new RegExp(`(${U(this.filterText)})`,"i"):void 0,this.keyboardNavItems.forEach(c=>{c.filterTextMatchPattern=this.filterTextMatchPattern}),i&&(this.open=this.filterText.trim().length>0),s&&this.calciteComboboxFilterChange.emit()},le.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"||!T(e)))},this.groupData=[],this.groupItems=[],this.guid=oe(),this.ignoreSelectedEventsFlag=!1,this.internalValueChangeFlag=!1,this.previousAllSelected=!1,this.refreshingSelectionDisplay=!1,this.mutationObserver=V("mutation",()=>this.updateItems()),this.onLabelClick=()=>{this.setFocus()},this.transitionProp="opacity",this.resizeObserver=(()=>{let e=!1;return V("resize",()=>{e||(e=!0,requestAnimationFrame(()=>{e=!1,this.setMaxScrollerHeight(),this.refreshSelectionDisplay()}))})})(),this.selectedIndicatorChipRef=$(),this.selectedChipCountRef=$(),this.clearButtonRef=$(),this._selectedItems=[],this.textInputRef=$(),this._value="",this.messages=he({blocking:!0}),this.focusSetter=re()(this),this.customChipAddHandler=()=>{this.addCustomChip(this.filterText,!0)},this.interactiveContainer=de(this),this.topLayer=fe({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=q,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=C({cancelable:!1}),this.calciteComboboxBeforeOpen=C({cancelable:!1}),this.calciteComboboxChange=C({cancelable:!1}),this.calciteComboboxChipClose=C({cancelable:!1}),this.calciteComboboxClose=C({cancelable:!1}),this.calciteComboboxFilterChange=C({cancelable:!1}),this.calciteComboboxOpen=C({cancelable:!1}),this.listenOn(document,"click",this.documentClickHandler),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,{type:String},{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:se,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=Ve}get effectiveFilterProps(){return this.filterProps?this.filterProps.filter(e=>e!=="el"):["description","label","metadata","shortHeading"]}get showingInlineIcon(){let{placeholderIcon:e,selectionMode:t,selectedItems:i,open:s}=this,l=i[0],a=l?.icon,n=D(t);return!s&&l?!!a&&n:!!e&&(!l||n)}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(i=>!i.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=>!W(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:i,placement:s,overlayPositioning:l,filteredFlipPlacements:a}=this;return ge(this,{direction:this.direction,floatingEl:t,referenceEl:i,overlayPositioning:l,placement:s,flipPlacements:a,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>(this.activeChipIndex=-1,this.activeItemIndex=-1,this.textInputRef.value),e)}connectedCallback(){super.connectedCallback(),xe(this),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),E(this),this.cancelable.add(this.filterItems)}async load(){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!==q))&&this.reposition(!0),(e.has("selectionMode")||e.has("scale")||e.has("selectionAppearance"))&&this.updateItems(),e.has("flipPlacements")&&this.flipPlacementsHandler()}loaded(){E(this),this.updateItems(),this.filterItems(this.filterText,!1,!1)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),Ce(this),Ie(this)}emitComboboxChange(){this.calciteComboboxChange.emit()}filterTextChange(e){this.updateActiveItemIndex(-1),this.filterItems(e,!0)}openHandler(){this.disabled||me(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 i=e&&!t;e&&!t&&(this.selectedHiddenChipsCount=0,this.selectedItems.forEach(s=>{let l=this.referenceEl?.querySelector(`#${p.chip(s.guid)}`);l&&this.showChip(l)})),this.updateComplete.then(async()=>{i&&await this.updateComplete,await this.refreshSelectionDisplay(),this.fitFollowUpRefreshPromise&&await this.fitFollowUpRefreshPromise,this.deferFitChipCountRender=!1})}}async documentClickHandler(e){this.disabled||e.composedPath().includes(this.el)||(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 i=this.referenceEl.querySelector(`#${p.chip(t.guid)}`);i&&this.hideChip(i)}))}updateSelectedItems(){this.selectedItems=this.getOrderedSelectedItems(this.getSelectedItems())}calciteComboboxItemChangeHandler(e){if(this.ignoreSelectedEventsFlag)return;let t=e.target,i=e.composedPath().includes(this.selectAllComboboxItemRef.value);this.selectAllEnabled&&this.handleSelectAll(i);let s=this.keyboardNavItems.indexOf(i?this.selectAllComboboxItemRef.value:t);this.updateActiveItemIndex(s),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?be(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 Re(e,t)}getOrderedSelectedItems(e){return this.isMulti()?Q(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(o.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 s=this.hasHiddenSelectedFitChips()&&this.activeChipIndex===-1;if(this.selectionDisplay==="single"||s)return;let a=e.composedPath().find(n=>G(n));this.activeChipIndex>-1&&a?(e.preventDefault(),this.removeActiveChip(a)):!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(),ve(this),this.topLayer.hide()}async setMaxScrollerHeight(){let{listContainerEl:e,open:t,referenceEl:i}=this;if(!e||!t||!i)return;let s=this.getMaxScrollerHeight();e.style.maxBlockSize=s>0?`${s}px`:"",e.style.inlineSize=`${i.clientWidth}px`}calciteChipCloseHandler(e){this.open=!1;let t=this.items.find(i=>i===e);t&&this.toggleSelection(t,!1),this.calciteComboboxChipClose.emit()}clickHandler(e){if(this.readOnly)return;let t=e.composedPath();if(t.some(s=>G(s))){this.open=!1,e.preventDefault();return}let i=this.clearButtonRef.value;if(i&&t.includes(i)){this.clearValue(),e.preventDefault();return}this.open=!this.open,this.ensureRecentSelectedItemIsActive()}ensureRecentSelectedItemIsActive(){let{activeItemIndex:e,selectedItems:t,keyboardNavItems:i}=this;if(e>-1&&i[e]){this.updateActiveItemIndex(e);return}let s=t[t.length-1],l=s?i.indexOf(s):i.length?0:-1;this.updateActiveItemIndex(l>-1?l:i.length?0:-1)}hideChip(e){e.classList.add(o.chipInvisible)}showChip(e){e.classList.remove(o.chipInvisible)}refreshChipDisplay({chipEls:e,availableHorizontalChipElSpace:t,chipContainerElGap:i,hideSelectedChips:s}){let l=e.filter(h=>h.selected),a=l.filter(h=>!h.disabled),n=l.filter(h=>h.disabled),c=h=>{let f=y(h),u=h.getBoundingClientRect().width;return Number.isFinite(f)&&f>0?f:u};if(l.forEach(h=>c(h)),e.forEach(h=>{this.hideChip(h)}),s)return;let r=h=>{let f=0;return h.forEach(u=>{let b=c(u);b&&b<=t&&(t-=b+i,this.showChip(u),f++)}),f};r(a)<=1&&r(n)}async refreshSelectionDisplay(e=!0){if(this.refreshingSelectionDisplay)return;if(this.refreshingSelectionDisplay=!0,await this.componentOnReady(),D(this.selectionMode)){this.refreshingSelectionDisplay=!1;return}let{allSelectedIndicatorChipRef:t,chipContainerEl:i,selectionDisplay:s,placeholder:l,selectedIndicatorChipRef:a,textInputRef:n}=this;if(!n.value||!i){this.refreshingSelectionDisplay=!1;return}let c=parseInt(getComputedStyle(i).gap,10),r=y(i),{fontSize:v,fontFamily:h,minInlineSize:f}=getComputedStyle(n.value),u=.55,b=parseFloat(f)||parseInt(R,10),I=B(l,`${v} ${h}`),k=I>0?I:Math.max(b,Math.round((l?.length||0)*(parseFloat(v)||parseInt(R,10))*u)),O=Math.max(b,k),P=(s==="fit"?O:k)+c,Fe=y(t.value),K=y(a.value),Me=Math.max(Fe,K);if(this.setCompactSelectionDisplay({chipContainerElGap:c,chipContainerElWidth:r,inputWidth:P,largestSelectedIndicatorChipWidth:Me}),s!=="fit"&&this.allSelected&&this.selectAllEnabled&&this.selectedItems.forEach(A=>{let S=this.referenceEl?.querySelector(`#${p.chip(A.guid)}`);S&&this.hideChip(S)}),this.indeterminate&&this.selectedItems.forEach(A=>{let S=this.referenceEl?.querySelector(`#${p.chip(A.guid)}`);S&&this.showChip(S)}),s==="fit"){let A=Array.from(this.renderRoot.querySelectorAll("calcite-chip")).filter(Y=>{let Z=Y.value,Pe=Z!=null&&`${Z}`!="";return Y.disabled||Pe}),{hiddenChipIndicatorWidth:S,hideSelectedChips:X,reservedPlaceholderInputWidth:He}=this.getFitCompactDisplayState({chipContainerElGap:c,chipContainerElWidth:r,inputMinWidth:b,placeholderWidth:k,selectedIndicatorChipElWidth:K});this.fitUsingCompactCountLabel=X;let Te=Math.round(r-(S+c+He+c));this.refreshChipDisplay({availableHorizontalChipElSpace:Te,chipContainerElGap:c,chipEls:A,hideSelectedChips:X});let Oe=this.selectedHiddenChipsCount;this.syncChipVisibilityCounts(A),Oe!==this.selectedHiddenChipsCount&&e&&(this.fitFollowUpRefreshPromise=this.updateComplete.then(()=>this.refreshSelectionDisplay(!1)).then(()=>{this.fitFollowUpRefreshPromise=void 0}))}this.refreshingSelectionDisplay=!1}setFloatingEl(e){this.floatingEl=e,E(this)}shouldUseFitCompactDisplay({chipContainerElGap:e,chipContainerElWidth:t,hiddenChipIndicatorWidth:i,inputMinWidth:s,placeholderWidth:l,reservedPlaceholderInputWidth:a}){let n=Math.round(t-(i+e+a+e));return l>s*2&&n<=0}getFitCompactDisplayState({chipContainerElGap:e,chipContainerElWidth:t,inputMinWidth:i,placeholderWidth:s,selectedIndicatorChipElWidth:l}){let a=y(this.selectedChipCountRef.value),n=this.deferFitChipCountRender||this.selectedHiddenChipsCount<=0?0:a||l,c=Math.max(i,s),r=this.shouldUseFitCompactDisplay({chipContainerElGap:e,chipContainerElWidth:t,hiddenChipIndicatorWidth:n,inputMinWidth:i,placeholderWidth:s,reservedPlaceholderInputWidth:c});return{hiddenChipIndicatorWidth:n,hideSelectedChips:r,reservedPlaceholderInputWidth:c}}setCompactSelectionDisplay({chipContainerElGap:e,chipContainerElWidth:t,inputWidth:i,largestSelectedIndicatorChipWidth:s}){let l=Math.round(s+e+i);(!this.maxCompactBreakpoint||this.maxCompactBreakpoint<l)&&(this.maxCompactBreakpoint=l),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,E(this)}syncChipVisibilityCounts(e){let t=0,i=0;e.forEach(l=>{l.selected&&(i++,l.classList.contains(o.chipInvisible)||t++)}),t!==this.selectedVisibleChipsCount&&(this.selectedVisibleChipsCount=t);let s=Math.max(0,i-t);s!==this.selectedHiddenChipsCount&&(this.selectedHiddenChipsCount=s)}getMaxScrollerHeight(){let t=this.getItemsAndGroups(!0).filter(a=>!W(a)),{maxItems:i}=this,s=0,l=0;return t.length>=i&&t.forEach(a=>{if(s<i){let n=this.calculateScrollerHeight(a);l+=n,s+=1}}),l}calculateScrollerHeight(e){if(!e)return 0;let t=e.getBoundingClientRect().height,i=`:scope > ${M}, :scope > ${H}`,s=Array.from(e.querySelectorAll(i)).reduce((l,a)=>l+a.getBoundingClientRect().height,0);return t-s}inputHandler(e){let t=e.target.value;this.filterText=t}getItemsAndGroups(e=!1){return e?Array.from(this.el.querySelectorAll(`${M}, ${H}`)):[...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(i=>i.selected=i===e?t:!1),this.ignoreSelectedEventsFlag=!1,this.updateSelectedItems(),this.emitComboboxChange(),this.textInputRef.value&&(this.textInputRef.value.value=F(e)),this.open=!1,this.updateActiveItemIndex(-1),this.resetText(),this.filterItems("")}updateAncestors(e){if(this.selectionMode!=="ancestors")return;let t=j(e),i=Ee(e);e.selected?[...i,...t].forEach(s=>{s.disabled||(s.selected=!0)}):([...i].forEach(s=>{s.disabled||(s.selected=!1)}),[...t].forEach(s=>{T(s)||(s.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,i)=>{t===0&&(e.afterEmptyGroup=!1);let s=i[t+1];s&&(s.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(M)).filter(i=>e||!i.disabled)}getGroupItems(){return Array.from(this.el.querySelectorAll(H))}addCustomChip(e,t){let i=this.items.find(s=>s.heading===e);if(i)this.toggleSelection(i,!0);else{let s=document.createElement("calcite-combobox-item");s.value=e,s.heading=e,this.el.prepend(s),this.updateItems(),this.toggleSelection(s,!0),this.open=!0,t&&this.setFocus()}}removeActiveChip(e){let t=this.selectedItems[this.activeChipIndex];t&&!t.disabled&&`${p.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,ce(this.textInputRef.value)):(this.activeChipIndex=t,this.focusChip()),this.updateActiveItemIndex(-1)}focusChip(){let e=this.selectedItems[this.activeChipIndex]?.guid;(e?this.referenceEl?.querySelector(`#${p.chip(e)}`):void 0)?.setFocus()}scrollToActiveOrSelectedItem(e=!1){let t=e&&this.selectedItems?.length?this.selectedItems[0]:this.keyboardNavItems[this.activeItemIndex],i=this.listContainerEl;if(!t||!i)return;t.scrollIntoView({block:"nearest"});let l=this.selectAllComboboxItemRef.value?.offsetHeight||0,a=t.getBoundingClientRect(),n=i.getBoundingClientRect();a.top<n.top+l&&(i.scrollTop-=n.top+l-a.top)}shiftActiveItemIndex(e){let{length:t}=this.keyboardNavItems,i=(this.activeItemIndex+t+e)%t;this.updateActiveItemIndex(i),this.scrollToActiveOrSelectedItem()}updateActiveItemIndex(e){this.activeItemIndex=e;let t="";this.keyboardNavItems.forEach((i,s)=>{s===e?(i.active=!0,t=`${p.item(i.guid)}`):i.active=!1}),this.activeDescendant=t,this.activeItemIndex>-1&&(this.activeChipIndex=-1)}isMulti(){return!D(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:i,textContent:s}){return m`<li aria-label=${e??g} aria-selected=${t??g} id=${i??g} role=option tabindex=-1>${s}</li>`}handleSelectionModeWarning(){this.selectionMode==="single-persist"&&this.clearDisabled&&console.warn('clearDisabled is ignored when selection-mode is set to "single-persist"')}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?[...[...j(e)].reverse(),e].map(s=>F(s)).join(" / "):F(e)}renderChip({activeChipIndex:e,disabled:t,index:i,item:s,messages:l,readOnly:a,scale:n,isAncestors:c}){let r=this.getChipLabel(s,c);return w(s.guid||s.value||r,m`<calcite-chip .appearance=${a?"outline":"solid"} class=${d({[o.chip]:!0,[o.disabled]:t})} .closable=${!t&&!a} data-testid=${`${t?"disabled-chip":"chip"}-${i}`} .disabled=${t} .icon=${s.icon} .iconFlipRtl=${s.iconFlipRtl} id=${(!t&&s.guid?`${p.chip(s.guid)}`:void 0)??g} .label=${r} .messageOverrides=${t?void 0:{dismissLabel:l.removeTag.replace("{value}",`${r}`)}} @calciteChipClose=${t?void 0:()=>this.calciteChipCloseHandler(s)} @focusin=${t?void 0:()=>this.activeChipIndex=i} .scale=${n} .selected=${s.selected} .tabIndex=${!t&&e===i?0:-1} title=${r??g} .value=${s.value}>${r}</calcite-chip>`)}renderChipCount(e,t){let i=this.fitUsingCompactCountLabel?`${e}`:this.messages.disabledSelectedCount.replace("{count}",`${e}`)??`+${e}`;return m`<calcite-chip appearance=solid class=${d({[o.chip]:!0})} data-testid=selected-chip-count id=selected-chip-count .label=${i} .scale=${t} tabindex=-1 title=${i??g} ${x(this.selectedChipCountRef)}>${i}</calcite-chip>`}renderChips(){let{activeChipIndex:e,readOnly:t,scale:i,selectionDisplay:s,selectionMode:l,messages:a}=this,n=[],c=l==="ancestors",r=this.selectAllEnabled&&this.allSelected,v=s==="all";if(r)return null;let h=0,f=0;if(v){let u=this.allItems.filter(I=>I.selected&&(!c||!T(I)));Q(u,this.selectedItems).forEach(I=>{if(I.disabled){n.push(this.renderChip({activeChipIndex:e,disabled:!0,index:f++,item:I,messages:a,readOnly:t,scale:i,isAncestors:c}));return}n.push(this.renderChip({activeChipIndex:e,disabled:!1,index:h++,item:I,messages:a,readOnly:t,scale:i,isAncestors:c}))})}else r||this.selectedItems.forEach(u=>{n.push(this.renderChip({activeChipIndex:e,disabled:u.disabled,index:h++,item:u,messages:a,readOnly:t,scale:i,isAncestors:c}))});if(s==="fit"){let u=this.selectedHiddenChipsCount,b=this.selectedVisibleChipsCount===0?this.selectedItems.length:u;u>0&&!this.deferFitChipCountRender&&n.push(this.renderChipCount(b,i))}return n.length?n:null}renderAllSelectedIndicatorChip(){let{allSelectedIndicatorChipRef:e,compactSelectionDisplay:t,scale:i,selectedVisibleChipsCount:s}=this,l=!1;if(this.selectionDisplay==="fit"&&this.textInputRef.value&&this.chipContainerEl){let r=parseInt(getComputedStyle(this.chipContainerEl).gap,10),v=y(this.chipContainerEl),{fontSize:h,fontFamily:f,minInlineSize:u}=getComputedStyle(this.textInputRef.value),b=.55,I=parseFloat(u)||parseInt(R,10),k=B(this.placeholder,`${h} ${f}`),O=k>0?k:Math.max(I,Math.round((this.placeholder?.length||0)*(parseFloat(h)||parseInt(R,10))*b)),P=y(this.selectedIndicatorChipRef.value);l=this.getFitCompactDisplayState({chipContainerElGap:r,chipContainerElWidth:v,inputMinWidth:I,placeholderWidth:O,selectedIndicatorChipElWidth:P}).hideSelectedChips}let n=t||l?this.messages.all:this.messages.allSelected,c=this.allSelected&&(this.selectionDisplay==="single"||!s||this.selectionDisplay==="all");return m`<calcite-chip class=${d({[o.chip]:!0,[o.chipInvisible]:!c,[o.allSelected]:!0})} data-testid=all-selected-indicator-chip .label=${n} .scale=${i} title=${n??g} value ${x(e)}>${n}</calcite-chip>`}renderSelectedIndicatorChip(){let{compactSelectionDisplay:e,selectionDisplay:t,scale:i,selectedIndicatorChipRef:s}=this,l=!1,a,n=this.getSelectedItems().length;return e?l=!0:t==="single"&&(this.allSelected?l=!0:n>0?l=!1:l=!0,a=`${n} ${this.messages.selected}`),m`<calcite-chip class=${d({[o.chip]:!0,[o.chipInvisible]:l})} .label=${a} .scale=${i} title=${a??g} value ${x(s)}>${a}</calcite-chip>`}renderSelectedIndicatorChipCompact(){let{compactSelectionDisplay:e,selectionDisplay:t,scale:i}=this,s=!1,l,a=this.getSelectedItems().length;return e?this.allSelected?s=!0:t==="single"&&(s=!(a>0),l=`${a}`):s=!0,m`<calcite-chip class=${d({[o.chip]:!0,[o.chipInvisible]:s})} .label=${l} .scale=${i} title=${l??g} value>${l}</calcite-chip>`}renderInput(){let{guid:e,disabled:t,placeholder:i,selectionMode:s,selectedItems:l,open:a}=this,n=D(s),c=l[0],r=!a&&n&&!!c&&!this.filterText;return m`<span class=${d({[o.inputWrap]:!0,[o.inputWrapSingle]:n})}>${r&&w("label",m`<span class=${d({[o.label]:!0,[o.labelIcon]:!!c?.icon})}>${F(c)}</span>`)||""}${w("input",m`<input aria-activedescendant=${this.activeDescendant??g} aria-controls=${`${p.listbox(e)}`} aria-errormessage=${p.validationMessage} aria-owns=${`${p.listbox(e)}`} aria-autocomplete=list .ariaDescription=${this.getDescriptionMessage()} .ariaExpanded=${a} aria-haspopup=listbox .ariaInvalid=${this.status==="invalid"} .ariaLabel=${ye(this)} class=${d({[o.input]:!0,[o.inputSingle]:!0,[o.inputHidden]:r,[o.inputIcon]:this.showingInlineIcon&&!!this.placeholderIcon})} data-testid=input .disabled=${t} .id=${`${p.input(e)}`} @focus=${this.comboboxFocusHandler} @input=${this.inputHandler} placeholder=${i??g} .readOnly=${this.readOnly} .required=${this.required} role=combobox .tabIndex=${this.activeChipIndex===-1?0:-1} type=text .value=${te(this.filterText??"")} ${x(this.textInputRef)}>`)}</span>`}renderListBoxOptions(){let e=this.keyboardNavItems.map(t=>this.createScreenReaderItem({ariaLabel:t.label,ariaSelected:t.selected,id:`${p.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:i,open:s,scale:l}=this,a={[o.listContainer]:!0,[N.animation]:!0,[N.animationActive]:s},n=(this.filterText&&e.add.replace("{text}",`${this.filterText}`))??"";return m`<div aria-hidden=true class=${d(o.floatingUIContainer)} popover=manual ${x(t)}><div class=${d(a)} ${x(i)}><ul class=${d({[o.list]:!0,[o.listHide]:!s})}>${this.selectAllEnabled&&this.selectionMode!=="single"&&this.selectionMode!=="single-persist"&&m`<calcite-combobox-item class=${d(o.selectAll)} data-testid=select-all-item .heading=${e.selectAll} .id=${`${this.guid}-select-all-enabled-interactive`} .indeterminate=${this.indeterminate} .label=${e.selectAll} .scale=${l} .selected=${this.allSelected} tabindex=-1 value=select-all ${x(this.selectAllComboboxItemRef)}></calcite-combobox-item>`||""}<slot></slot>${this.noMatchesFound&&(this.allowCustomValues?m`<li aria-label=${n??g} class=${d(o.noMatches)} @click=${this.customChipAddHandler} role=option tabindex=0>${ke({text:n,pattern:new RegExp(`(${U(this.filterText)})`,"i")})}</li>`:m`<li class=${d({[o.noMatchesPlaceholder]:!0,[o.noMatches]:!0})}>${e.noMatches}</li>`)||""}</ul></div></div>`}renderSelectedOrPlaceholderIcon(){let{open:e,placeholderIcon:t,placeholderIconFlipRtl:i,selectedItems:s}=this,l=s[0],a=l?.icon,n=t&&(e||!l);return this.showingInlineIcon&&w("selected-placeholder-icon",m`<span class=${d(o.iconStart)}><calcite-icon class=${d({[o.selectedIcon]:!n,[o.placeholderIcon]:n})} .flipRtl=${n?i:l.iconFlipRtl} .icon=${n?t:a} .scale=${L(this.scale)}></calcite-icon></span>`)||""}renderChevronIcon(){let{open:e}=this;return w("chevron",m`<span class=${d(o.iconEnd)}><calcite-icon class=${d(o.icon)} .icon=${e?_.chevronUp:_.chevronDown} .scale=${L(this.scale)}></calcite-icon></span>`)}render(){let{selectionDisplay:e,guid:t,label:i,open:s,readOnly:l}=this,a=D(this.selectionMode),n=e==="all",c=e==="single",r=!a&&e==="fit",v=!a&&!n,h=v&&!r,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:m`${this.labelText&&Se({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-live=polite class=${d({[o.wrapper]:!0,[o.wrapperSingle]:a||!this.selectedItems.length,[o.wrapperActive]:s})} @click=${this.clickHandler} @keydown=${this.keyDownHandler} ${x(this.setReferenceEl)}>${this.renderSelectedOrPlaceholderIcon()}${w("grid",m`<div class=${d({[o.gridInput]:!0,[o.selectionDisplayFit]:r,[o.selectionDisplaySingle]:c})} ${x(this.setChipContainerEl)}>${!a&&!c&&this.renderChips()||""}${!a&&!c&&this.selectAllEnabled&&n&&this.renderAllSelectedIndicatorChip()||""}${h&&this.renderSelectedIndicatorChip()||""}${h&&this.renderSelectedIndicatorChipCompact()||""}${v&&this.renderAllSelectedIndicatorChip()||""}<label class=${d(o.screenReadersOnly)} .htmlFor=${`${p.input(t)}`} .id=${`${p.label(t)}`}>${i}</label>${this.renderInput()}</div>`)}${!l&&u?De({ariaLabel:this.messages.clear,disabled:this.disabled,ref:this.clearButtonRef,scale:this.scale,title:this.messages.clear}):null}${!l&&this.renderChevronIcon()||""}</div><ul aria-labelledby=${`${p.label(t)}`} aria-multiselectable=true class=${d(o.screenReadersOnly)} .id=${`${p.listbox(t)}`} role=listbox tabindex=-1>${this.renderListBoxOptions()}</ul>${this.renderFloatingUIContainer()}${this.validationMessage&&this.status==="invalid"?$e({icon:this.validationIcon,id:p.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};ae("calcite-combobox",J);export{J as Combobox};

package/dist/cdn/T26GUREL.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{g as K}from"./QBJZUEM2.js";import{k as G}from"./RBDAO74R.js";import{a as $}from"./IGYTTQKS.js";import{c as j}from"./OWRMX7OF.js";import{c as A,d as W}from"./S7QMT7XO.js";import{a as q}from"./NQTIA5JE.js";import{a as V}from"./EIFX7ZPB.js";import"./YP3AYJH3.js";import{a as N}from"./IJGE6GIP.js";import{a as E}from"./XYSCC2MW.js";import"./ZWPNZ5XW.js";import"./ZXUNPT2Q.js";import"./O7YNJFEI.js";import"./R7ONS2BW.js";import"./T6CCMW7H.js";import{E as P,F as z,G as U,H as M,L as _,S as k,g as R,h as v,l as y,p as b}from"./X7UO4JNZ.js";var Y={offset:"offset"},ee={labelContent:"label-content"},te=60;function O(t){return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace("\u2212","-")}function oe(t,e){let o=L(t,"en-US",e).replace("GMT","");return o===""?0:Number(O(o))*te}function se(){return new Date().getTimezoneOffset()*-1}function ie(){return new Intl.DateTimeFormat().resolvedOptions().timeZone}async function ae(t){if(t==="offset")return o=>o;let{normalize:e}=await import("./RKLI4NN7.js");return e}async function ne(t,e,o,s,a){if(o==="name"){let{groupByName:n}=await import("./EOXVENGN.js");return(await n()).map(({label:l})=>({label:l,value:l,metadata:{filterValue:l}})).filter(l=>!!l).sort()}let i=a==="user"?t:a==="utc"?"fr":"en-GB",c=s.getTime();if(o==="region"){let[{groupByRegion:n},{getCountry:m,global:l}]=await Promise.all([import("./IYVJIUWV.js"),import("./Z6Q6E2KL.js")]);return(await n()).map(({label:u,tzs:f})=>(f.sort((h,d)=>{let I=T(h,e),x=T(d,e),p="Etc/GMT";if(h.startsWith(p)&&d.startsWith(p)){let g=h.substring(p.length),F=d.substring(p.length),X=g===""?0:parseInt(g,10);return(F===""?0:parseInt(F,10))-X}return I.localeCompare(x)}),{label:S(e,u),items:f.map(h=>{let d=O(L(h,i,c)),I=T(h,e),x=u===l?`${T(l,e)} Etc`:H(h),p=m(h),g=S(e,p);return{label:I,value:h,metadata:{country:g===I?void 0:g,filterValue:x,offset:d}}})})).sort((u,f)=>u.label===l?-1:f.label===l?1:u.label.localeCompare(f.label))}let[{groupByOffset:C},{DateEngine:Z}]=await Promise.all([import("./SJNBO2YA.js"),import("./TAT7KHVI.js")]),w=await C({dateEngine:new Z,groupDateRange:1,startDate:new Date(c).toISOString()}),Q=new Intl.ListFormat(t,{style:"long",type:"conjunction"}),D=["Factory","Etc/UTC"];return w.forEach(n=>{let m=[],l=0;n.tzs.forEach((r,u)=>{D.includes(r)&&l++,m[u]=l}),n.tzs=n.tzs.filter(r=>!D.includes(r)),n.labelTzIdx=n.labelTzIdx.map(r=>r-m[r]).filter(r=>r>=0&&r<n.tzs.length)}),w.map(({labelTzIdx:n,tzs:m})=>{let l=m[0],r=O(L(l,i,c)),u=oe(l,c),f=n.map(d=>T(m[d],e));return{label:ce(e,r,Q.format(f)),value:u,metadata:{filterValue:m.map(d=>H(d))}}}).filter(n=>!!n).sort((n,m)=>n.value-m.value)}function T(t,e){return e[t]||re(t)}function le(t,e,o){return o.timeZoneRegionLabel.replace("{city}",t).replace("{country}",S(o,e))}function S(t,e){return t[e]||e}function re(t){return t.split("/").pop()??""}function H(t){return t.replace(/_/g," ")}function ce(t,e,o){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",o)}function L(t,e,o=Date.now()){return t==="Factory"&&(t="Etc/GMT"),G(e,{timeZone:t,timeZoneName:"shortOffset"}).formatToParts(o).find(({type:i})=>i==="timeZoneName").value}function me(t){return t[0].items!==void 0}function ue(t){return me(t)?t.flatMap(e=>e.items):t}function J(t,e,o){return o===void 0||t===void 0?void 0:ue(t).find(s=>s[e]==o)}var he=R`: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}.offset{white-space:nowrap}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}`,B=class extends U{constructor(){super(...arguments),this.comboboxRef=P(),this.formSupport=j({inputType:"text"})(this),this.messages=N({blocking:!0}),this.focusSetter=E()(this),this.interactiveContainer=q(this),this.#e=null,this.clearable=!1,this.disabled=!1,this.maxItems=0,this.mode="offset",this.offsetStyle="user",this.open=!1,this.overlayPositioning="absolute",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.topLayerDisabled=!1,this.calciteInputTimeZoneBeforeClose=b({cancelable:!1}),this.calciteInputTimeZoneBeforeOpen=b({cancelable:!1}),this.calciteInputTimeZoneChange=b({cancelable:!1}),this.calciteInputTimeZoneClose=b({cancelable:!1}),this.calciteInputTimeZoneOpen=b({cancelable:!1})}static{this.properties={selectedTimeZoneItem:[16,{},{state:!0}],timeZoneItems:[16,{},{state:!0}],clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],labelText:1,maxItems:[11,{},{reflect:!0,type:Number}],messageOverrides:[0,{},{attribute:!1}],mode:[3,{},{reflect:!0}],name:[3,{},{reflect:!0}],offsetStyle:[3,{},{reflect:!0}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],readOnly:[7,{},{reflect:!0,type:Boolean}],referenceDate:1,required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],status:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],validationIcon:[3,{converter:_,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=he}#e;get value(){return this._value}set value(e){this.#e="internal",this._value=e}async setFocus(e){return this.focusSetter(()=>this.comboboxRef.value,e)}connectedCallback(){super.connectedCallback(),A(this)}async load(){this.normalizer=await ae(this.mode),await this.updateTimeZoneItems();let e=this.value,o=this.normalizeValue(e);this.value=o||(e===""?o:void 0),this.updateTimeZoneSelection();let s=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:"";this.value=s}willUpdate(e){e.has("value")&&this.hasUpdated&&this.handleValueChange(this.value,e.get("value")),(e.has("messages")||e.has("mode")&&(this.hasUpdated||this.mode!=="offset")||e.has("referenceDate"))&&this.handleTimeZoneItemPropsChange(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openChanged()}loaded(){this.openChanged()}disconnectedCallback(){super.disconnectedCallback(),W(this)}async handleTimeZoneItemPropsChange(){!this.timeZoneItems||!this.hasUpdated||(await this.updateTimeZoneItems(),this.updateTimeZoneSelection())}openChanged(){this.comboboxRef.value&&(this.comboboxRef.value.open=this.open)}async handleValueChange(e,o){let s=this.#e==="user";if(this.#e=null,s)return;let a=this.normalizeValue(e);if(!a){if(this.clearable){this._value=a,this.selectedTimeZoneItem=void 0;return}this._value=o,this.selectedTimeZoneItem=this.findTimeZoneItem(o);return}let i=this.findTimeZoneItem(a);if(!i){this._value=o;return}this._value=a,this.selectedTimeZoneItem=i}onLabelClick(){this.setFocus()}overrideSelectedLabelForRegion(e){this.mode!=="region"||!this.selectedTimeZoneItem||this.comboboxRef.value&&(this.comboboxRef.value.selectedItems[0].heading=this.getItemLabel(this.selectedTimeZoneItem,e))}onComboboxBeforeClose(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!1),this.calciteInputTimeZoneBeforeClose.emit()}onComboboxBeforeOpen(e){e.stopPropagation(),this.overrideSelectedLabelForRegion(!0),this.calciteInputTimeZoneBeforeOpen.emit()}onComboboxChange(e){e.stopPropagation();let s=e.target.selectedItems[0],a=this._value;if(!s){this._value="",this.requestUpdate("value",a),this.selectedTimeZoneItem=void 0,this.calciteInputTimeZoneChange.emit();return}let i=this.findTimeZoneItemByLabel(s.getAttribute("data-label")??void 0),c=i?.value===void 0?void 0:`${i?.value}`;this.value===c&&i?.label===this.selectedTimeZoneItem?.label||(this._value=c,this.requestUpdate("value",a),this.selectedTimeZoneItem=i,this.#e="user",this.calciteInputTimeZoneChange.emit())}onComboboxClose(e){e.stopPropagation(),this.open=!1,this.calciteInputTimeZoneClose.emit()}onComboboxOpen(e){this.open=!0,e.stopPropagation(),this.calciteInputTimeZoneOpen.emit()}findTimeZoneItem(e){return J(this.timeZoneItems,"value",e)}findTimeZoneItemByLabel(e){return J(this.timeZoneItems,"label",e)}async updateTimeZoneItems(){this.timeZoneItems=await this.createTimeZoneItems()}updateTimeZoneSelection(){if(this.value===""&&this.clearable){this.selectedTimeZoneItem=void 0;return}let e=this.mode==="offset"?se():ie(),o=this.value===""||!this.value?e:this.value;this.selectedTimeZoneItem=this.findTimeZoneItem(o)||this.findTimeZoneItem(e)}async createTimeZoneItems(){return!this.messages._lang||!this.messages?[]:ne(this.messages._lang,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()),this.offsetStyle)}normalizeValue(e){return e=e===void 0?"":e,e&&this.normalizer(e)}getItemLabel(e,o=this.open){let s=this.selectedTimeZoneItem===e,{label:a,metadata:i}=e;return!i.country||o||!s?a:le(a,i.country,this.messages)}render(){return this.interactiveContainer({disabled:this.disabled,children:v`<calcite-combobox .clearDisabled=${!this.clearable} .disabled=${this.disabled} .label=${this.messages.chooseTimeZone} .labelText=${this.labelText} lang=${this.messages._lang??y} .maxItems=${this.maxItems} @calciteComboboxBeforeClose=${this.onComboboxBeforeClose} @calciteComboboxBeforeOpen=${this.onComboboxBeforeOpen} @calciteComboboxChange=${this.onComboboxChange} @calciteComboboxClose=${this.onComboboxClose} @calciteComboboxOpen=${this.onComboboxOpen} .overlayPositioning=${this.overlayPositioning} .placeholder=${this.mode==="name"?this.messages.namePlaceholder:this.mode==="offset"?this.messages.offsetPlaceholder:this.messages.regionPlaceholder} placeholder-icon=search .readOnly=${this.readOnly} .required=${this.required} .scale=${this.scale} .selectionMode=${this.clearable?"single":"single-persist"} .status=${this.status} .topLayerDisabled=${this.topLayerDisabled} .validationIcon=${this.validationIcon} .validationMessage=${this.validationMessage} ${z(this.comboboxRef)}>${this.renderItems()}<slot name=${ee.labelContent} slot=${K.labelContent}></slot></calcite-combobox>`})}renderItems(){return this.mode==="region"?this.renderRegionItems():$(this.timeZoneItems,({label:e})=>e,e=>{let o=this.selectedTimeZoneItem===e,{label:s,metadata:a,value:i}=e;return v`<calcite-combobox-item data-label=${s??y} .heading=${s} .metadata=${a} .selected=${o} .value=${i}></calcite-combobox-item>`})}renderRegionItems(){return this.timeZoneItems.flatMap(({label:e,items:o})=>V(e,v`<calcite-combobox-item-group .label=${e}>${$(o,({label:s})=>s,s=>{let a=this.selectedTimeZoneItem===s,{label:i,metadata:c,value:C}=s,Z=this.getItemLabel(s);return v`<calcite-combobox-item data-label=${i??y} .description=${c.country} .heading=${Z} .metadata=${c} .selected=${a} .value=${C}><span class=${M(Y.offset)} slot=content-end>${c.offset}</span></calcite-combobox-item>`})}</calcite-combobox-item-group>`))}};k("calcite-input-time-zone",B);export{B as InputTimeZone};

package/dist/cdn/VRBVHS5L.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b}from"./GZZYSINJ.js";import{q as u}from"./R7ONS2BW.js";import"./T6CCMW7H.js";import{G as g,H as c,S as m,g as d,h as o,p as h}from"./X7UO4JNZ.js";var f={input:"input"},t={label:"label",labelScale:r=>`label--scale-${r}`,labelHorizontal:"label--horizontal",labelOutline:"label--outline",labelOutlineFill:"label--outline-fill",icon:"icon",iconSolo:"icon--solo"},p=d`:host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);outline-color:transparent;transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out}.label{pointer-events:none;margin:.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-segmented-control-color, var(--calcite-color-text-3));background-color:var(--calcite-segmented-control-background-color);box-shadow:var(--calcite-segmented-control-shadow);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}: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(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:-1px;z-index:var(--calcite-z-index)}.label--scale-s{padding-inline:.5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);padding-block:.125rem}.label--scale-m{padding-inline:.75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);padding-block:.375rem}.label--scale-l{padding-inline:1rem;padding-block:var(--calcite-space-sm-plus);font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host(:hover) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-2));color:var(--calcite-segmented-control-color, var(--calcite-color-text-1))}:host(:active) .label{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-3))}:host([checked]) .label{cursor:default;background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-text-inverse))}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{background-color:var(--calcite-segmented-control-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-segmented-control-shadow, inset 0 0 0 1px var(--calcite-color-brand));color:var(--calcite-segmented-control-color, var(--calcite-color-brand))}:host([checked]) .label--outline{background-color:var(--calcite-segmented-control-background-color, transparent)}::slotted(input){display:none}@media(forced-colors:active){:host([checked]) .label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) .label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end);--calcite-icon-color: var(--calcite-segmented-control-icon-color)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end: .5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start: .5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end: .75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start: .75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end: 1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start: 1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start: 0;--calcite-internal-segmented-control-icon-margin-end: 0}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends g{constructor(){super(...arguments),this.hasSlottedContent=!1,this.appearance="solid",this.checked=!1,this.iconFlipRtl=!1,this.layout="horizontal",this.scale="m",this.calciteInternalSegmentedControlItemChange=h({cancelable:!1})}static{this.properties={hasSlottedContent:[16,{},{state:!0}],appearance:1,checked:[7,{},{reflect:!0,type:Boolean}],iconEnd:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],iconStart:[3,{type:String},{reflect:!0}],layout:1,scale:1,value:1}}static{this.styles=p}willUpdate(e){e.has("checked")&&(this.hasUpdated||this.checked!==!1)&&this.calciteInternalSegmentedControlItemChange.emit()}handleSlotChange(e){this.hasSlottedContent=u(e)}renderIcon(e,l=!1){return e?o`<calcite-icon class=${c({[t.icon]:!0,[t.iconSolo]:l})} .flipRtl=${this.iconFlipRtl} .icon=${e} scale=s></calcite-icon>`:null}render(){let{appearance:e,checked:l,layout:n,scale:a,value:s}=this;return this.el.ariaChecked=b(l),this.el.ariaLabel=s,this.el.role="radio",o`<label class=${c({[t.label]:!0,[t.labelScale(a)]:!0,[t.labelHorizontal]:n==="horizontal",[t.labelOutline]:e==="outline",[t.labelOutlineFill]:e==="outline-fill"})}>${this.renderContent()}</label>`}renderContent(){let{hasSlottedContent:e,iconEnd:l,iconStart:n}=this,a=n||l;return!e&&a?[this.renderIcon(a,!0),o`<slot @slotchange=${this.handleSlotChange}></slot>`]:[this.renderIcon(n),o`<slot @slotchange=${this.handleSlotChange}></slot>`,o`<slot name=${f.input}></slot>`,this.renderIcon(l)]}};m("calcite-segmented-control-item",i);export{i as SegmentedControlItem};