@esri/calcite-components 5.2.0-next.21 → 5.2.0-next.23

package/dist/loader.js

@@ -48,13 +48,13 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-handle": [() => import("./components/calcite-handle/customElement.js"), "blurUnselectDisabled,disabled,dragHandle,label,messageOverrides:,selected,setPosition,setSize;setFocus"],
   "calcite-icon": [() => import("./components/calcite-icon/customElement.js"), "flipRtl,icon,preload,scale,textLabel"],
   "calcite-inline-editable": [() => import("./components/calcite-inline-editable/customElement.js"), "afterConfirm:,controls,disabled,editingEnabled,loading,messageOverrides:,scale;setFocus"],
-  "calcite-input": [() => import("./components/calcite-input/customElement.js"), "accept,alignment,autocomplete,clearable,disabled,editingEnabled,files:,form,groupSeparator,icon,iconFlipRtl,label,labelText,loading,localeFormat,max,maxLength,messageOverrides:,min,minLength,multiple,name,numberButtonType,numberingSystem,pattern,placeholder,prefixText,readOnly,required,scale,status,step,suffixText,type,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
+  "calcite-input": [() => import("./components/calcite-input/customElement.js"), "accept,alignment,autocomplete,clearable,disabled,editingEnabled,files:,form,groupSeparator,icon,iconFlipRtl,inlineEditable,inlineEditableAfterConfirm:,inlineEditableControls,label,labelText,loading,localeFormat,max,maxLength,messageOverrides:,min,minLength,multiple,name,numberButtonType,numberingSystem,pattern,placeholder,prefixText,readOnly,required,scale,status,step,suffixText,type,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
   "calcite-input-date-picker": [() => import("./components/calcite-input-date-picker/customElement.js"), "calendars,disabled,flipPlacements:,focusTrapDisabled,form,headingLevel,label,labelText,layout,max,maxAsDate:,messageOverrides:,min,minAsDate:,monthStyle,name,numberingSystem,open,overlayPositioning,placeholder,placement,proximitySelectionDisabled,range,readOnly,required,scale,status,topLayerDisabled,validationIcon,validationMessage,validity:,value,valueAsDate:;reposition,setFocus", 1],
   "calcite-input-message": [() => import("./components/calcite-input-message/customElement.js"), "icon,iconFlipRtl,scale,status"],
-  "calcite-input-number": [() => import("./components/calcite-input-number/customElement.js"), "alignment,autocomplete,clearable,disabled,editingEnabled,form,groupSeparator,icon,iconFlipRtl,integer,label,labelText,loading,localeFormat,max,maxLength,messageOverrides:,min,minLength,name,numberButtonType,numberingSystem,placeholder,prefixText,readOnly,required,scale,status,step,suffixText,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
-  "calcite-input-text": [() => import("./components/calcite-input-text/customElement.js"), "alignment,autocomplete,clearable,disabled,editingEnabled,form,icon,iconFlipRtl,label,labelText,loading,maxLength,messageOverrides:,minLength,name,pattern,placeholder,prefixText,readOnly,required,scale,status,suffixText,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
+  "calcite-input-number": [() => import("./components/calcite-input-number/customElement.js"), "alignment,autocomplete,clearable,disabled,editingEnabled,form,groupSeparator,icon,iconFlipRtl,inlineEditable,inlineEditableAfterConfirm:,inlineEditableControls,integer,label,labelText,loading,localeFormat,max,maxLength,messageOverrides:,min,minLength,name,numberButtonType,numberingSystem,placeholder,prefixText,readOnly,required,scale,status,step,suffixText,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
+  "calcite-input-text": [() => import("./components/calcite-input-text/customElement.js"), "alignment,autocomplete,clearable,disabled,editingEnabled,form,icon,iconFlipRtl,inlineEditable,inlineEditableAfterConfirm:,inlineEditableControls,label,labelText,loading,maxLength,messageOverrides:,minLength,name,pattern,placeholder,prefixText,readOnly,required,scale,status,suffixText,validationIcon,validationMessage,validity:,value;selectText,setFocus", 1],
   "calcite-input-time-picker": [() => import("./components/calcite-input-time-picker/customElement.js"), "disabled,focusTrapDisabled,form,hourFormat,label,labelText,max,messageOverrides:,min,name,numberingSystem,open,overlayPositioning,placeholder,placement,readOnly,required,scale,status,step,validationIcon,validationMessage,validity:,value;reposition,setFocus", 1],
-  "calcite-input-time-zone": [() => import("./components/calcite-input-time-zone/customElement.js"), "clearable,disabled,form,labelText,maxItems,messageOverrides:,mode,name,offsetStyle,open,overlayPositioning,readOnly,referenceDate,required,scale,status,topLayerDisabled,validationIcon,validationMessage,validity:,value;setFocus", 1],
+  "calcite-input-time-zone": [() => import("./components/calcite-input-time-zone/customElement.js"), "clearable,disabled,form,labelText,maxItems,messageOverrides:,mode,name,offsetStyle,open,overlayPositioning,placeholder,readOnly,referenceDate,required,scale,status,topLayerDisabled,validationIcon,validationMessage,validity:,value;setFocus", 1],
   "calcite-label": [() => import("./components/calcite-label/customElement.js"), "alignment,for,layout,scale"],
   "calcite-link": [() => import("./components/calcite-link/customElement.js"), "disabled,download,href,iconEnd,iconFlipRtl,iconStart,rel,target;setFocus"],
   "calcite-list": [() => import("./components/calcite-list/customElement.js"), "canPull:,canPut:,disabled,displayMode,dragEnabled,filteredData:,filteredItems:,filterEnabled,filterLabel,filterPlaceholder,filterPredicate:,filterProps:,filterText,group,interactionMode,label,loading,messageOverrides:,numberingSystem,scale,selectedItems:,selectionAppearance,selectionMode,sortDisabled;setFocus;emitOrderChangeEvent"],

package/dist/types/lumina.d.ts

@@ -333,8 +333,11 @@ interface LuminaCalciteInlineEditable extends Partial<Pick<InlineEditable, "afte
   oncalciteInlineEditableEditConfirm?: EventHandler<InlineEditable["calciteInlineEditableEditConfirm"]>;
 }
 
-interface LuminaCalciteInput extends Partial<Pick<Input, "accept" | "alignment" | "autocomplete" | "clearable" | "disabled" | "files" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "multiple" | "name" | "numberButtonType" | "numberingSystem" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "type" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<Input> {
+interface LuminaCalciteInput extends Partial<Pick<Input, "accept" | "alignment" | "autocomplete" | "clearable" | "disabled" | "files" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "multiple" | "name" | "numberButtonType" | "numberingSystem" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "type" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<Input> {
   oncalciteInputChange?: EventHandler<Input["calciteInputChange"]>;
+  oncalciteInputInlineEditableCancel?: EventHandler<Input["calciteInputInlineEditableCancel"]>;
+  oncalciteInputInlineEditableChange?: EventHandler<Input["calciteInputInlineEditableChange"]>;
+  oncalciteInputInlineEditableConfirm?: EventHandler<Input["calciteInputInlineEditableConfirm"]>;
   oncalciteInputInput?: EventHandler<Input["calciteInputInput"]>;
 }
 
@@ -349,13 +352,19 @@ interface LuminaCalciteInputDatePicker extends Partial<Pick<InputDatePicker, "ca
 interface LuminaCalciteInputMessage extends Partial<Pick<InputMessage, "icon" | "iconFlipRtl" | "scale" | "status">>, h.JSX.HTMLAttributes<InputMessage> {
 }
 
-interface LuminaCalciteInputNumber extends Partial<Pick<InputNumber, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "integer" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "name" | "numberButtonType" | "numberingSystem" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<InputNumber> {
+interface LuminaCalciteInputNumber extends Partial<Pick<InputNumber, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "integer" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "name" | "numberButtonType" | "numberingSystem" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<InputNumber> {
   oncalciteInputNumberChange?: EventHandler<InputNumber["calciteInputNumberChange"]>;
+  oncalciteInputNumberInlineEditableCancel?: EventHandler<InputNumber["calciteInputNumberInlineEditableCancel"]>;
+  oncalciteInputNumberInlineEditableChange?: EventHandler<InputNumber["calciteInputNumberInlineEditableChange"]>;
+  oncalciteInputNumberInlineEditableConfirm?: EventHandler<InputNumber["calciteInputNumberInlineEditableConfirm"]>;
   oncalciteInputNumberInput?: EventHandler<InputNumber["calciteInputNumberInput"]>;
 }
 
-interface LuminaCalciteInputText extends Partial<Pick<InputText, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "icon" | "iconFlipRtl" | "label" | "labelText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<InputText> {
+interface LuminaCalciteInputText extends Partial<Pick<InputText, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "label" | "labelText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<InputText> {
   oncalciteInputTextChange?: EventHandler<InputText["calciteInputTextChange"]>;
+  oncalciteInputTextInlineEditableCancel?: EventHandler<InputText["calciteInputTextInlineEditableCancel"]>;
+  oncalciteInputTextInlineEditableChange?: EventHandler<InputText["calciteInputTextInlineEditableChange"]>;
+  oncalciteInputTextInlineEditableConfirm?: EventHandler<InputText["calciteInputTextInlineEditableConfirm"]>;
   oncalciteInputTextInput?: EventHandler<InputText["calciteInputTextInput"]>;
 }
 
@@ -367,7 +376,7 @@ interface LuminaCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "di
   oncalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
 }
 
-interface LuminaCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<InputTimeZone> {
+interface LuminaCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, h.JSX.HTMLAttributes<InputTimeZone> {
   oncalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
   oncalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
   oncalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;

package/dist/types/preact.d.ts

@@ -334,8 +334,11 @@ interface PreactCalciteInlineEditable extends Partial<Pick<InlineEditable, "afte
   oncalciteInlineEditableEditConfirm?: EventHandler<InlineEditable["calciteInlineEditableEditConfirm"]>;
 }
 
-interface PreactCalciteInput extends Partial<Pick<Input, "accept" | "alignment" | "autocomplete" | "clearable" | "disabled" | "files" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "multiple" | "name" | "numberButtonType" | "numberingSystem" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "type" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<Input> {
+interface PreactCalciteInput extends Partial<Pick<Input, "accept" | "alignment" | "autocomplete" | "clearable" | "disabled" | "files" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "multiple" | "name" | "numberButtonType" | "numberingSystem" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "type" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<Input> {
   oncalciteInputChange?: EventHandler<Input["calciteInputChange"]>;
+  oncalciteInputInlineEditableCancel?: EventHandler<Input["calciteInputInlineEditableCancel"]>;
+  oncalciteInputInlineEditableChange?: EventHandler<Input["calciteInputInlineEditableChange"]>;
+  oncalciteInputInlineEditableConfirm?: EventHandler<Input["calciteInputInlineEditableConfirm"]>;
   oncalciteInputInput?: EventHandler<Input["calciteInputInput"]>;
 }
 
@@ -350,13 +353,19 @@ interface PreactCalciteInputDatePicker extends Partial<Pick<InputDatePicker, "ca
 interface PreactCalciteInputMessage extends Partial<Pick<InputMessage, "icon" | "iconFlipRtl" | "scale" | "status">>, HTMLAttributes<InputMessage> {
 }
 
-interface PreactCalciteInputNumber extends Partial<Pick<InputNumber, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "integer" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "name" | "numberButtonType" | "numberingSystem" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<InputNumber> {
+interface PreactCalciteInputNumber extends Partial<Pick<InputNumber, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "integer" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "name" | "numberButtonType" | "numberingSystem" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<InputNumber> {
   oncalciteInputNumberChange?: EventHandler<InputNumber["calciteInputNumberChange"]>;
+  oncalciteInputNumberInlineEditableCancel?: EventHandler<InputNumber["calciteInputNumberInlineEditableCancel"]>;
+  oncalciteInputNumberInlineEditableChange?: EventHandler<InputNumber["calciteInputNumberInlineEditableChange"]>;
+  oncalciteInputNumberInlineEditableConfirm?: EventHandler<InputNumber["calciteInputNumberInlineEditableConfirm"]>;
   oncalciteInputNumberInput?: EventHandler<InputNumber["calciteInputNumberInput"]>;
 }
 
-interface PreactCalciteInputText extends Partial<Pick<InputText, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "icon" | "iconFlipRtl" | "label" | "labelText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<InputText> {
+interface PreactCalciteInputText extends Partial<Pick<InputText, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "label" | "labelText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<InputText> {
   oncalciteInputTextChange?: EventHandler<InputText["calciteInputTextChange"]>;
+  oncalciteInputTextInlineEditableCancel?: EventHandler<InputText["calciteInputTextInlineEditableCancel"]>;
+  oncalciteInputTextInlineEditableChange?: EventHandler<InputText["calciteInputTextInlineEditableChange"]>;
+  oncalciteInputTextInlineEditableConfirm?: EventHandler<InputText["calciteInputTextInlineEditableConfirm"]>;
   oncalciteInputTextInput?: EventHandler<InputText["calciteInputTextInput"]>;
 }
 
@@ -368,7 +377,7 @@ interface PreactCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "di
   oncalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
 }
 
-interface PreactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<InputTimeZone> {
+interface PreactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLAttributes<InputTimeZone> {
   oncalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
   oncalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
   oncalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;

package/dist/types/react.d.ts

@@ -334,8 +334,11 @@ interface ReactCalciteInlineEditable extends Partial<Pick<InlineEditable, "after
   oncalciteInlineEditableEditConfirm?: EventHandler<InlineEditable["calciteInlineEditableEditConfirm"]>;
 }
 
-interface ReactCalciteInput extends Partial<Pick<Input, "accept" | "alignment" | "autocomplete" | "clearable" | "disabled" | "files" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "multiple" | "name" | "numberButtonType" | "numberingSystem" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "type" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<Input> {
+interface ReactCalciteInput extends Partial<Pick<Input, "accept" | "alignment" | "autocomplete" | "clearable" | "disabled" | "files" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "multiple" | "name" | "numberButtonType" | "numberingSystem" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "type" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<Input> {
   oncalciteInputChange?: EventHandler<Input["calciteInputChange"]>;
+  oncalciteInputInlineEditableCancel?: EventHandler<Input["calciteInputInlineEditableCancel"]>;
+  oncalciteInputInlineEditableChange?: EventHandler<Input["calciteInputInlineEditableChange"]>;
+  oncalciteInputInlineEditableConfirm?: EventHandler<Input["calciteInputInlineEditableConfirm"]>;
   oncalciteInputInput?: EventHandler<Input["calciteInputInput"]>;
 }
 
@@ -350,13 +353,19 @@ interface ReactCalciteInputDatePicker extends Partial<Pick<InputDatePicker, "cal
 interface ReactCalciteInputMessage extends Partial<Pick<InputMessage, "icon" | "iconFlipRtl" | "scale" | "status">>, HTMLProps<InputMessage> {
 }
 
-interface ReactCalciteInputNumber extends Partial<Pick<InputNumber, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "integer" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "name" | "numberButtonType" | "numberingSystem" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<InputNumber> {
+interface ReactCalciteInputNumber extends Partial<Pick<InputNumber, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "integer" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "name" | "numberButtonType" | "numberingSystem" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<InputNumber> {
   oncalciteInputNumberChange?: EventHandler<InputNumber["calciteInputNumberChange"]>;
+  oncalciteInputNumberInlineEditableCancel?: EventHandler<InputNumber["calciteInputNumberInlineEditableCancel"]>;
+  oncalciteInputNumberInlineEditableChange?: EventHandler<InputNumber["calciteInputNumberInlineEditableChange"]>;
+  oncalciteInputNumberInlineEditableConfirm?: EventHandler<InputNumber["calciteInputNumberInlineEditableConfirm"]>;
   oncalciteInputNumberInput?: EventHandler<InputNumber["calciteInputNumberInput"]>;
 }
 
-interface ReactCalciteInputText extends Partial<Pick<InputText, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "icon" | "iconFlipRtl" | "label" | "labelText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<InputText> {
+interface ReactCalciteInputText extends Partial<Pick<InputText, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "label" | "labelText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<InputText> {
   oncalciteInputTextChange?: EventHandler<InputText["calciteInputTextChange"]>;
+  oncalciteInputTextInlineEditableCancel?: EventHandler<InputText["calciteInputTextInlineEditableCancel"]>;
+  oncalciteInputTextInlineEditableChange?: EventHandler<InputText["calciteInputTextInlineEditableChange"]>;
+  oncalciteInputTextInlineEditableConfirm?: EventHandler<InputText["calciteInputTextInlineEditableConfirm"]>;
   oncalciteInputTextInput?: EventHandler<InputText["calciteInputTextInput"]>;
 }
 
@@ -368,7 +377,7 @@ interface ReactCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "dis
   oncalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
 }
 
-interface ReactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<InputTimeZone> {
+interface ReactCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, HTMLProps<InputTimeZone> {
   oncalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
   oncalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
   oncalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;

package/dist/types/stencil.d.ts

@@ -334,8 +334,11 @@ interface StencilCalciteInlineEditable extends Partial<Pick<InlineEditable, "aft
   onCalciteInlineEditableEditConfirm?: EventHandler<InlineEditable["calciteInlineEditableEditConfirm"]>;
 }
 
-interface StencilCalciteInput extends Partial<Pick<Input, "accept" | "alignment" | "autocomplete" | "clearable" | "disabled" | "files" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "multiple" | "name" | "numberButtonType" | "numberingSystem" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "type" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<Input> {
+interface StencilCalciteInput extends Partial<Pick<Input, "accept" | "alignment" | "autocomplete" | "clearable" | "disabled" | "files" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "multiple" | "name" | "numberButtonType" | "numberingSystem" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "type" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<Input> {
   onCalciteInputChange?: EventHandler<Input["calciteInputChange"]>;
+  onCalciteInputInlineEditableCancel?: EventHandler<Input["calciteInputInlineEditableCancel"]>;
+  onCalciteInputInlineEditableChange?: EventHandler<Input["calciteInputInlineEditableChange"]>;
+  onCalciteInputInlineEditableConfirm?: EventHandler<Input["calciteInputInlineEditableConfirm"]>;
   onCalciteInputInput?: EventHandler<Input["calciteInputInput"]>;
 }
 
@@ -350,13 +353,19 @@ interface StencilCalciteInputDatePicker extends Partial<Pick<InputDatePicker, "c
 interface StencilCalciteInputMessage extends Partial<Pick<InputMessage, "icon" | "iconFlipRtl" | "scale" | "status">>, StencilJsx.HTMLAttributes<InputMessage> {
 }
 
-interface StencilCalciteInputNumber extends Partial<Pick<InputNumber, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "integer" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "name" | "numberButtonType" | "numberingSystem" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputNumber> {
+interface StencilCalciteInputNumber extends Partial<Pick<InputNumber, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "integer" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "name" | "numberButtonType" | "numberingSystem" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputNumber> {
   onCalciteInputNumberChange?: EventHandler<InputNumber["calciteInputNumberChange"]>;
+  onCalciteInputNumberInlineEditableCancel?: EventHandler<InputNumber["calciteInputNumberInlineEditableCancel"]>;
+  onCalciteInputNumberInlineEditableChange?: EventHandler<InputNumber["calciteInputNumberInlineEditableChange"]>;
+  onCalciteInputNumberInlineEditableConfirm?: EventHandler<InputNumber["calciteInputNumberInlineEditableConfirm"]>;
   onCalciteInputNumberInput?: EventHandler<InputNumber["calciteInputNumberInput"]>;
 }
 
-interface StencilCalciteInputText extends Partial<Pick<InputText, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "icon" | "iconFlipRtl" | "label" | "labelText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputText> {
+interface StencilCalciteInputText extends Partial<Pick<InputText, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "icon" | "iconFlipRtl" | "inlineEditable" | "inlineEditableAfterConfirm" | "inlineEditableControls" | "label" | "labelText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputText> {
   onCalciteInputTextChange?: EventHandler<InputText["calciteInputTextChange"]>;
+  onCalciteInputTextInlineEditableCancel?: EventHandler<InputText["calciteInputTextInlineEditableCancel"]>;
+  onCalciteInputTextInlineEditableChange?: EventHandler<InputText["calciteInputTextInlineEditableChange"]>;
+  onCalciteInputTextInlineEditableConfirm?: EventHandler<InputText["calciteInputTextInlineEditableConfirm"]>;
   onCalciteInputTextInput?: EventHandler<InputText["calciteInputTextInput"]>;
 }
 
@@ -368,7 +377,7 @@ interface StencilCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "d
   onCalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
 }
 
-interface StencilCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputTimeZone> {
+interface StencilCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "placeholder" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputTimeZone> {
   onCalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
   onCalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
   onCalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "5.2.0-next.21",
+  "version": "5.2.0-next.23",
   "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": "d01a1b6f390ac6c1812668593bb74a7167e4a25f"
+  "gitHead": "bdd7acdb4d970166c15bc175fe60008ad3ed5834"
 }

package/dist/cdn/7DG2R3OP.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"./TD2CYHOH.js";import{a as $}from"./7BYI7SPD.js";import{c as j}from"./KGBTQAAG.js";import{c as A,d as W}from"./VZY2QL4T.js";import{a as q}from"./XYWGIRGB.js";import{a as V}from"./SAQXF3O4.js";import"./YP3AYJH3.js";import{a as N}from"./WCIWAXVM.js";import{a as E}from"./7MK2ZF4L.js";import"./ZWPNZ5XW.js";import"./Q4NJGVJB.js";import"./2YUN7R23.js";import"./L6DQTGEQ.js";import{E as z,F as P,G as U,H as M,L as _,S as k,g as R,h as v,l as y,p as b}from"./O5RU3VB7.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;--calcite-combobox-corner-radius: var(--calcite-input-time-zone-corner-radius, var(--calcite-corner-radius))}.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=z(),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} ${P(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/A66UUYDP.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as S,e as z,f as I}from"./NBFB52UI.js";import"./QBJZUEM2.js";import{b as n}from"./FBIHAO55.js";import{a as w}from"./XYWGIRGB.js";import{a}from"./SAQXF3O4.js";import{a as k}from"./T6CCMW7H.js";import{a as h}from"./ZWPNZ5XW.js";import"./Q4NJGVJB.js";import"./2YUN7R23.js";import{p as y}from"./L6DQTGEQ.js";import{G as x,H as i,I as C,S as $,g as f,h as c,l as v,p as d}from"./O5RU3VB7.js";var t={active:"label--active",centerContent:"center-content",container:"container",iconCustom:"icon--custom",description:"description",icon:"icon",label:"label",containerHighlightSelected:"container--highlight-selected",scale:b=>`scale--${b}`,shortText:"short-text",single:"label--single",textContainer:"text-container",heading:"heading"},o={checked:"check-square-f",circle:"circle",indeterminate:"minus-square-f",selectedSingle:"circle-inset-large",unchecked:"square"},H={contentEnd:"content-end",contentStart:"content-start"},E="--calcite-combobox-item-spacing-indent-multiplier",L=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-combobox-item-spacing-unit-s: .25rem;--calcite-internal-combobox-item-spacing-unit-l: .5rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-combobox-item-spacing-unit-s: .375rem;--calcite-internal-combobox-item-spacing-unit-l: .75rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-combobox-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-combobox-item-spacing-unit-l: 1rem;--calcite-combobox-item-selector-icon-size: 1.5rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value: calc( var(--calcite-internal-combobox-item-spacing-unit-l) * var(--calcite-combobox-item-spacing-indent-multiplier) )}:host(:focus){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;text-decoration-line:none;transition-timing-function:cubic-bezier(.4,0,.2,1);outline-color:transparent;word-wrap:break-word;word-break:break-word;justify-content:space-around;gap:var(--calcite-internal-combobox-item-spacing-unit-l);padding-block:var(--calcite-internal-combobox-item-spacing-unit-s);padding-inline-end:var(--calcite-internal-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value);color:var(--calcite-combobox-text-color, var(--calcite-color-text-3));transition-duration:var(--calcite-animation-timing)}:host([disabled]) .label{cursor:default}.label--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))))}.label:hover{background-color:var(--calcite-combobox-item-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}.label:active{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-color-foreground-3))}:host([selected]) .label,.label:active{color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}:host([selected]) .label .description,:host([selected]) .label .short-text,.label:active .description,.label:active .short-text{color:var(--calcite-combobox-description-text-color-press, var(--calcite-color-text-2))}.icon{display:inline-flex;transition-timing-function:cubic-bezier(.4,0,.2,1);color:var(--calcite-color-border-input)}:host([selected]) .icon,:host([indeterminate]) .icon{color:var(--calcite-combobox-selected-icon-color, var(--calcite-color-brand))}.icon--custom{margin-block-start:-1px}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}.short-text{white-space:nowrap}.heading{color:var(--calcite-combobox-heading-text-color, var(--calcite-color-text-1))}.description,.short-text{color:var(--calcite-combobox-description-text-color, var(--calcite-color-text-3))}:host([selected]) .heading{font-weight:var(--calcite-font-weight-medium)}.heading,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}.container--highlight-selected{background-color:var(--calcite-color-surface-highlight)}:host([item-hidden]){display:none}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}`,m=class extends x{constructor(){super(...arguments),this._selected=!1,this.interactiveContainer=w(this),this.hasContent=!1,this.active=!1,this.disabled=!1,this.filterDisabled=!1,this.guid=k(),this.iconFlipRtl=!1,this.scale="m",this.selectionMode="multiple",this.selectionAppearance="icon",this.itemHidden=!1,this.indeterminate=!1,this.calciteComboboxItemChange=d({cancelable:!1}),this.calciteInternalComboboxItemChange=d({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],ancestors:[0,{},{attribute:!1}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],filterDisabled:[7,{},{reflect:!0,type:Boolean}],filterTextMatchPattern:[3,{},{reflect:!0}],guid:[3,{},{reflect:!0}],heading:1,icon:[3,{type:String},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,metadata:[0,{},{attribute:!1}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}],shortHeading:1,value:[3,{},{reflect:!0}],itemHidden:[7,{},{reflect:!0,type:Boolean}],indeterminate:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=L}get selected(){return this._selected}set selected(e){let l=this._selected;e!==l&&(this._selected=e,this.emitItemChange())}get value(){return this._value??this.heading}set value(e){this._value=e??this.heading}toggleSelection(){let e=this.selectionMode==="single-persist";this.disabled||e&&this.selected||(this.selected=!this.selected,this.calciteComboboxItemChange.emit())}connectedCallback(){super.connectedCallback(),this.ancestors=S(this.el)}willUpdate(e){this.hasUpdated&&(e.has("disabled")||e.has("heading")||e.has("label"))&&this.emitItemChange()}emitItemChange(){this.calciteInternalComboboxItemChange.emit()}handleDefaultSlotChange(e){this.hasContent=y(e)}itemClickHandler(){this.toggleSelection()}renderIcon(e){return this.icon?a("icon",c`<calcite-icon class=${i({[t.iconCustom]:!!this.icon})} .flipRtl=${this.iconFlipRtl} .icon=${this.icon||e} .scale=${h(this.scale)}></calcite-icon>`):null}renderSelectIndicator(e){return this.selectionAppearance==="highlight"?null:a("indicator",c`<calcite-icon class=${i({[t.icon]:!0})} .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${h(this.scale)}></calcite-icon>`)}renderChildren(){return a("default-slot-container",c`<ul .hidden=${!this.hasContent}><slot @slotchange=${this.handleDefaultSlotChange}></slot></ul>`)}render(){let{disabled:e,heading:l,label:M,value:u,filterTextMatchPattern:s,description:g,shortHeading:p}=this,r=I(this.selectionMode),B=e||r?void 0:o.checked,T=r?this.selected?o.selectedSingle:o.circle:this.indeterminate?o.indeterminate:this.selected?o.checked:o.unchecked,R=M||u||l,_=l||u,A={[t.label]:!0,[t.active]:this.active,[t.single]:r,[t.containerHighlightSelected]:this.selected&&this.selectionAppearance==="highlight"},D=z(this.el);return this.el.ariaHidden="true",this.el.ariaLabel=R,this.interactiveContainer({disabled:e,children:c`<div class=${i({[t.container]:!0,[t.scale(this.scale)]:!0})} style=${C({[E]:`${D}`})}><li class=${i(A)} id=${this.guid??v} @click=${this.itemClickHandler}>${this.renderSelectIndicator(T)}<slot name=${H.contentStart}></slot>${this.renderIcon(B)}<div class=${i(t.centerContent)}><div class=${i(t.heading)}>${n({text:_,pattern:s})}</div>${g?c`<div class=${i(t.description)}>${n({text:g,pattern:s})}</div>`:null}</div>${p?c`<div class=${i(t.shortText)}>${n({text:p,pattern:s})}</div>`:null}<slot name=${H.contentEnd}></slot></li>${this.renderChildren()}</div>`})}};$("calcite-combobox-item",m);export{m as ComboboxItem};

package/dist/cdn/CABYCECQ.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as P,b as H}from"./YWS6ADXE.js";import{a as O}from"./735UOYTJ.js";import{a as C}from"./WTRCWKFF.js";import{a as m,c as u,d as k,e as S,f as A,g as n,h as T}from"./W6TKTKZ2.js";import{a as x}from"./426HUAXX.js";import{a as D}from"./XYWGIRGB.js";import"./OIO5CL6R.js";import"./GZZYSINJ.js";import{a as f}from"./YP3AYJH3.js";import{a as d,b as h}from"./VI7SBYXT.js";import{a as E}from"./7MK2ZF4L.js";import"./ZWPNZ5XW.js";import{e as y}from"./Q4NJGVJB.js";import"./2YUN7R23.js";import{B as p}from"./L6DQTGEQ.js";import{F as a,G as g,H as o,S as I,g as b,h as c,p as r}from"./O5RU3VB7.js";var $={trigger:"trigger"},v={content:"content",wrapper:"wrapper",triggerContainer:"trigger-container"},z=b`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}.wrapper{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{.wrapper{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .wrapper{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.wrapper[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.wrapper:popover-open{display:block}.wrapper .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}.wrapper[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.wrapper[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.wrapper[data-placement^=left] .calcite-floating-ui-anim{left:5px}.wrapper[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.wrapper .calcite-floating-ui-anim{box-shadow:var(--calcite-shadow-md)}.content{width:auto;overflow-y:auto;overflow-x:hidden;inline-size:var(--calcite-dropdown-width, var(--calcite-internal-dropdown-width));background-color:var(--calcite-dropdown-background-color, var(--calcite-color-foreground-1));max-block-size:var(--calcite-dropdown-max-height, 45vh)}.trigger-container{position:relative;display:flex;height:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}.width-s{--calcite-internal-dropdown-width: 12rem}.width-m{--calcite-internal-dropdown-width: 14rem}.width-l{--calcite-internal-dropdown-width: 16rem}@media(forced-colors:active){:host([open]) .wrapper{border:var(--calcite-border-width-sm) solid canvasText}}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,M=H({click:!0,hover:!0}),w=class extends g{constructor(){super(),this.referenceElementController=P({manager:M})(this),this.direction=y(),this.focusLastDropdownItem=!1,this.activeItemIndex=-1,this.groups=[],this.items=[],this.mutationObserver=d("mutation",()=>this.updateItems()),this.transitionProp="opacity",this.resizeObserver=d("resize",e=>this.resizeObserverCallback(e)),this.onReferenceElementKeyDown=e=>this.keyDownHandler(e),this.focusSetter=E()(this),this.interactiveContainer=D(this),this.topLayer=C({target:()=>this.floatingEl})(this),this.closeOnSelectDisabled=!1,this.disabled=!1,this.maxItems=0,this.offsetDistance=0,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=m,this.scale="m",this.selectedItems=[],this.topLayerDisabled=!1,this.type="click",this.calciteDropdownBeforeClose=r({cancelable:!1}),this.calciteDropdownBeforeOpen=r({cancelable:!1}),this.calciteDropdownClose=r({cancelable:!1}),this.calciteDropdownOpen=r({cancelable:!1}),this.calciteDropdownSelect=r({cancelable:!1}),this.listenOn(window,"click",this.closeCalciteDropdownOnClick),this.listenOn(window,"calciteDropdownOpen",this.closeCalciteDropdownOnOpenEvent),this.listen("pointerenter",this.pointerEnterHandler),this.listen("pointerleave",this.pointerLeaveHandler),this.listen("calciteInternalDropdownItemSelect",this.handleItemSelect)}static{this.properties={activeDescendantElement:[16,{},{state:!0}],referenceEl:[16,{},{state:!0}],closeOnSelectDisabled:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],flipPlacements:[0,{},{attribute:!1}],maxItems:[11,{},{reflect:!0,type:Number}],offsetDistance:[11,{},{type:Number,reflect:!0}],offsetSkidding:[11,{},{reflect:!0,type:Number}],open:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],referenceElement:1,scale:[3,{},{reflect:!0}],selectedItems:[0,{},{attribute:!1}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],type:[3,{},{reflect:!0}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=z}get referenceElementType(){return this.referenceElement?this.type:void 0}async reposition(e=!1){let{filteredFlipPlacements:t,floatingEl:i,offsetDistance:s,offsetSkidding:l,overlayPositioning:L,placement:F,referenceEl:B}=this;return S(this,{direction:this.direction,floatingEl:i,referenceEl:B,offsetDistance:s,offsetSkidding:l,overlayPositioning:L,placement:F,flipPlacements:t,type:"menu"},e)}async setFocus(e){return this.focusSetter(()=>this.referenceEl instanceof HTMLElement?this.referenceEl:this.floatingEl,e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),this.updateItems(),n(this)}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("flipPlacements")&&this.flipPlacementsHandler(),e.has("maxItems")&&this.hasUpdated&&this.setMaxScrollerHeight(),this.hasUpdated&&(e.has("offsetDistance")&&this.offsetDistance!==0||e.has("offsetSkidding")&&this.offsetSkidding!==0||e.has("overlayPositioning")&&this.overlayPositioning!=="absolute"||e.has("placement")&&this.placement!==m)&&this.reposition(!0),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handlePropsChange(),e.has("referenceElement")&&!this.referenceElement&&this.open&&this.topLayer.hide()}updated(e){e.has("referenceEl")&&this.referenceElementType&&n(this)}loaded(){this.updateSelectedItems(),n(this)}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),T(this)}openHandler(){this.disabled||(x(this),this.reposition(!0))}handleDisabledChange(e){e||(this.open=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}handlePropsChange(){this.updateItems(),this.updateGroupProps()}closeCalciteDropdownOnClick(e){this.referenceElementType||this.disabled||!this.open||e.composedPath().includes(this.el)||this.closeCalciteDropdown()}closeCalciteDropdownOnOpenEvent(e){this.referenceElementType||e.composedPath().includes(this.el)||this.closeCalciteDropdown()}pointerEnterHandler(){this.referenceElementType||this.disabled||this.type!=="hover"||(this.open=!0)}pointerLeaveHandler(){this.referenceElementType||this.disabled||this.type!=="hover"||this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter(e=>!e.disabled&&!e.hidden)}async handleItemSelect(e){this.updateSelectedItems(),this.syncActiveItemFromTraversableItems(),e.stopPropagation(),this.calciteDropdownSelect.emit(),await this.setFocus(),this.closeOnSelectDisabled||this.closeCalciteDropdown()}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?k(t,e):void 0}updateItems(){this.items=this.groups.map(e=>Array.from(e?.querySelectorAll("calcite-dropdown-item"))).reduce((e,t)=>[...e,...t],[]),this.updateSelectedItems(),this.syncActiveItemFromTraversableItems(),this.reposition(!0),this.items.forEach(e=>e.scale=this.scale)}updateGroups(e){let t=e.target.assignedElements({flatten:!0}).filter(i=>i?.matches("calcite-dropdown-group"));this.groups=t,this.updateItems(),this.updateGroupProps()}updateGroupProps(){this.groups.forEach((e,t)=>{e.scale=this.scale,e.position=t})}resizeObserverCallback(e){e.forEach(({target:t})=>{t===this.referenceEl?this.setDropdownWidth():t===this.scrollerEl&&this.setMaxScrollerHeight()})}setDropdownWidth(){let{referenceEl:e,scrollerEl:t}=this;!t||!(e instanceof HTMLElement)||(t.style.minWidth=`${e.clientWidth}px`)}setMaxScrollerHeight(){let{maxItems:e,items:t,scrollerEl:i}=this;if(!i)return;let s=t.length>=e&&e>0?this.getYDistanceFromScroller(t.at(e-1)):0;i.style.maxBlockSize=s>0?`${s}px`:"",this.reposition(!0)}setScrollerAndTransitionEl(e){h(this.resizeObserver,this.scrollerEl,e),this.scrollerEl=e,this.transitionEl=e}onBeforeOpen(){this.setInitialActiveItem(),this.calciteDropdownBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit(),A(this),this.topLayer.hide()}setReferenceEl(e){let t=this.referenceEl instanceof HTMLElement?this.referenceEl:void 0,i=e instanceof HTMLElement?e:void 0;h(this.resizeObserver,t,i),!(this.referenceElementType||!i)&&(this.referenceEl=e,n(this))}setFloatingEl(e){this.floatingEl=e,n(this)}keyDownHandler(e){if(!(this.referenceEl instanceof HTMLElement)||!e.composedPath().includes(this.referenceEl))return;let{defaultPrevented:t,key:i}=e;if(!t){if(this.open&&i==="Escape"){this.closeCalciteDropdown(),e.preventDefault();return}if(!this.open&&f(i)){this.open=!0,e.preventDefault();return}if(!this.open&&(i==="ArrowDown"||i==="ArrowUp")){e.preventDefault(),this.focusLastDropdownItem=i==="ArrowUp",this.open=!0;return}if(this.open){if(i==="Tab"){this.closeCalciteDropdown();return}if(i==="ArrowDown"){e.preventDefault(),this.navigateActiveItem("next");return}if(i==="ArrowUp"){e.preventDefault(),this.navigateActiveItem("previous");return}if(i==="Home"){e.preventDefault(),this.navigateActiveItem("first");return}if(i==="End"){e.preventDefault(),this.navigateActiveItem("last");return}f(i)&&(e.preventDefault(),this.activateActiveItem())}}}updateSelectedItems(){this.selectedItems=this.items.filter(e=>e.selected)}getYDistanceFromScroller(e){if(!e)return NaN;let t=e.getBoundingClientRect();return e.offsetTop+t.height}closeCalciteDropdown(){this.open=!1,this.setActiveItemByIndex(-1)}async setInitialActiveItem(){let e=this.getTraversableItems(),t=this.focusLastDropdownItem?e.at(-1):e[0];if(this.focusLastDropdownItem=!1,!t){this.setActiveItemByIndex(-1);return}let i=e.findIndex(s=>s===t);this.setActiveItemByIndex(i),await this.scrollActiveItemIntoView(t)}syncActiveItemFromTraversableItems(){let e=this.getTraversableItems();if(!e.length){this.setActiveItemByIndex(-1);return}if(this.activeItemIndex<0||this.activeItemIndex>=e.length){this.setActiveItemByIndex(0);return}this.updateActiveDescendantElement(e[this.activeItemIndex])}setActiveItemByIndex(e){this.activeItemIndex=e;let t=this.getTraversableItems(),i=e>=0?t[e]:null;this.updateActiveDescendantElement(i)}updateActiveDescendantElement(e){this.items.forEach(t=>{t.activeDescendant=t===e}),this.activeDescendantElement=e??void 0}navigateActiveItem(e){let t=this.getTraversableItems();if(!t.length)return;let i=t.length,s=this.activeItemIndex;s<0||s>=i?s=e==="previous"||e==="last"?i-1:0:e==="next"?s=(s+1)%i:e==="previous"?s=(s-1+i)%i:e==="first"?s=0:e==="last"&&(s=i-1);let l=t[s];this.setActiveItemByIndex(s),this.scrollActiveItemIntoView(l)}async scrollActiveItemIntoView(e){e&&(await this.updateComplete,await p(),await p(),e.scrollIntoView({block:"nearest"}))}activateActiveItem(){let e=this.getTraversableItems(),t=e[this.activeItemIndex]||e[0];t&&(this.setActiveItemByIndex(e.findIndex(i=>i===t)),t.activateItem())}openHoverDropdown(){this.open||this.disabled||this.type!=="hover"||(this.open=!0)}closeHoverDropdown(e){if(!this.open||this.disabled||this.type!=="hover")return;let t=e.relatedTarget;t&&(this.el.contains(t)||this.referenceEl!=null&&this.referenceEl instanceof HTMLElement&&this.referenceEl.contains(t))||this.closeCalciteDropdown()}toggleClickDropdown(){this.disabled||this.type!=="click"||(this.open=!this.open)}render(){let{open:e}=this;return this.interactiveContainer({disabled:this.disabled,children:c`${this.referenceElementType?null:c`<div class=${o(v.triggerContainer)} @click=${this.toggleClickDropdown} @focusin=${this.openHoverDropdown} @focusout=${this.closeHoverDropdown} @keydown=${this.keyDownHandler} ${a(this.setReferenceEl)}><slot .ariaActiveDescendantElement=${this.activeDescendantElement??void 0} .ariaControlsElements=${this.scrollerEl?[this.scrollerEl]:void 0} .ariaExpanded=${e} aria-haspopup=menu name=${$.trigger}></slot></div>`}<div class=${o({[v.wrapper]:!0,[O("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} .inert=${!e} popover=manual ${a(this.setFloatingEl)}><div .ariaLabelledByElements=${this.referenceEl instanceof HTMLElement?[this.referenceEl]:void 0} class=${o({[v.content]:!0,[u.animation]:!0,[u.animationActive]:e})} role=menu ${a(this.setScrollerAndTransitionEl)}><slot @slotchange=${this.updateGroups}></slot></div></div>`})}};I("calcite-dropdown",w);export{w as Dropdown};

package/dist/cdn/CNKLVNBN.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as l}from"./FBIHAO55.js";import{a as f}from"./XYWGIRGB.js";import{a as g}from"./T6CCMW7H.js";import{a as v}from"./ZWPNZ5XW.js";import"./Q4NJGVJB.js";import"./2YUN7R23.js";import{G as u,H as i,S as m,g as p,h as n,p as h}from"./O5RU3VB7.js";var e={container:"container",containerActive:"container--active",contentCenter:"content-center",description:"description",heading:"heading",iconEnd:"icon-end",iconStart:"icon-start",scale:c=>`scale--${c}`},b={contentEnd:"content-end",contentStart:"content-start"},x="autocomplete-item",y={host:c=>`${x}-${c}`},S=p`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-autocomplete-item-spacing-unit-l: .5rem;--calcite-internal-autocomplete-item-spacing-unit-s: .25rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-autocomplete-item-spacing-unit-l: .75rem;--calcite-internal-autocomplete-item-spacing-unit-s: .375rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-autocomplete-item-spacing-unit-l: 1rem;--calcite-internal-autocomplete-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size)}:host{display:flex}.container{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;outline-color:transparent;background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-3));gap:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-inline:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-block:var(--calcite-internal-autocomplete-item-spacing-unit-s);word-wrap:break-word;word-break:break-word;justify-content:space-around}.description{color:var(--calcite-autocomplete-description-text-color);font-size:var(--calcite-internal-autocomplete-item-description-font-size)}.heading{color:var(--calcite-autocomplete-heading-text-color, var(--calcite-color-text-1))}.heading,.description{line-height:var(--calcite-font-line-height-relative-snug)}:host([selected]) .container{color:var(--calcite-color-text-1);background-color:var(--calcite-color-surface-highlight)}:host([selected]) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}:host([selected]) .heading{font-weight:var(--calcite-font-weight-medium)}:host(:hover:not([disabled])) .container{background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-2))}:host(:hover:not([disabled])) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}.container--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))))}.content-center{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,r=class extends u{constructor(){super(...arguments),this.interactiveContainer=f(this),this.active=!1,this.disabled=!1,this.guid=y.host(g()),this.scale="m",this.selected=!1,this.calciteAutocompleteItemSelect=h({cancelable:!1})}static{this.properties={active:[5,{},{type:Boolean}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],guid:1,heading:1,iconEnd:[3,{type:String},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{type:String},{reflect:!0}],inputValueMatchPattern:[3,{},{reflect:!0}],label:1,scale:1,selected:[7,{},{reflect:!0,type:Boolean}],value:1}}static{this.styles=S}toggleSelection(){this.selected=!this.selected,this.calciteAutocompleteItemSelect.emit()}handleClick(t){t.preventDefault(),!this.disabled&&this.toggleSelection()}render(){let{active:t,description:a,heading:o,disabled:s,inputValueMatchPattern:d}=this;return this.interactiveContainer({disabled:s,children:n`<div class=${i({[e.container]:!0,[e.containerActive]:t&&!s,[e.scale(this.scale)]:!0})} @click=${this.handleClick}>${this.renderIcon("start")}<slot name=${b.contentStart}></slot><div class=${i(e.contentCenter)}><div class=${i(e.heading)}>${l({text:o,pattern:d})}</div><div class=${i(e.description)}>${l({text:a,pattern:d})}</div></div><slot name=${b.contentEnd}></slot>${this.renderIcon("end")}</div>`})}renderIcon(t){let{iconFlipRtl:a}=this,o=t==="start"?this.iconStart:this.iconEnd;return o?n`<calcite-icon class=${i(t==="start"?e.iconStart:e.iconEnd)} .flipRtl=${a===t||a==="both"} .icon=${o} .scale=${v(this.scale)}></calcite-icon>`:null}};m("calcite-autocomplete-item",r);export{r as AutocompleteItem};

package/dist/cdn/CUPOES2M.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as B}from"./DLRZL6VP.js";import{a as S}from"./JMNMINM4.js";import{a as R}from"./7A2PNBBN.js";import{c as q}from"./KGBTQAAG.js";import{c as E,d as C,e as V}from"./VZY2QL4T.js";import{a as z}from"./XYWGIRGB.js";import{a as T}from"./WCIWAXVM.js";import{a as I}from"./7MK2ZF4L.js";import{a as $}from"./ZWPNZ5XW.js";import{c as w,e as y}from"./Q4NJGVJB.js";import"./2YUN7R23.js";import{n as h}from"./L6DQTGEQ.js";import{D as g,E as o,F as d,G as x,H as n,L as p,M as m,S as k,g as f,h as r,l as i,p as s}from"./O5RU3VB7.js";var t={loader:"loader",clearable:"clearable",clearButton:"clear-button",editingEnabled:"editing-enabled",hasPrefix:"has-prefix",hasSuffix:"has-suffix",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper"},O={validationMessage:"inputTextValidationMessage"},W={action:"action"},H=f`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{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-spacing-fixed-sm)}:host([scale=s]) input{padding-inline-start:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 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-spacing-xxs)}:host([scale=s]) .prefix{padding-inline:var(--calcite-spacing-sm) 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-spacing-xxs)))}:host([scale=s]) .suffix{padding-inline:var(--calcite-spacing-xxs) var(--calcite-spacing-sm)}:host([scale=s]) .action-wrapper{block-size:1.5rem}:host([scale=s]) .clear-button{block-size:var(--calcite-spacing-xxl)}:host([scale=m]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-md)}:host([scale=m]) input{padding-inline-start:var(--calcite-spacing-md);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 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-spacing-xs)}:host([scale=m]) .prefix{padding-inline:var(--calcite-spacing-md) 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-spacing-xs)))}:host([scale=m]) .suffix{padding-inline:var(--calcite-spacing-xs) var(--calcite-spacing-md)}:host([scale=m]) .action-wrapper{block-size:2rem}:host([scale=l]){--calcite-internal-input-text-icon-padding-inline: var(--calcite-spacing-fixed-lg)}:host([scale=l]) input{padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 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-spacing-sm)}:host([scale=l]) .prefix{padding-inline:var(--calcite-spacing-lg) 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-spacing-sm)))}:host([scale=l]) .suffix{padding-inline:var(--calcite-spacing-sm) 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-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-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-corner-radius-sharp));border-end-start-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp))}.has-suffix .suffix,:host([clearable]) .clear-button{border-end-end-radius:var(--calcite-input-text-corner-radius, var(--calcite-corner-radius-sharp));border-start-end-radius:var(--calcite-input-text-corner-radius, 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-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-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-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-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)}.action-wrapper{order:7;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-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-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{background-color:transparent;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 .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.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}::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-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-spacing-none);--calcite-internal-action-padding-block: var(--calcite-spacing-none);--calcite-action-background-color: var(--calcite-input-action-background-color, 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-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-color-border-2));--calcite-action-text-color-press: var(--calcite-input-action-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)}`,v=class extends x{constructor(){super(),this.actionWrapperRef=o(),this.attributeWatch=w(["autofocus","enterkeyhint","inputmode","spellcheck"],this.handleGlobalAttributesChanged),this.childRef=o(),this.direction=y(),this.inputWrapperRef=o(),this.previousValueOrigin="initial",this.userChangedValue=!1,this._value="",this.messages=T(),this.focusSetter=I()(this),this.formSupport=q({inputType:"text"})(this),this.interactiveContainer=z(this),this.slottedActionElDisabledInternally=!1,this.alignment="start",this.clearable=!1,this.disabled=!1,this.editingEnabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.calciteInputTextChange=s(),this.calciteInputTextInput=s(),this.calciteInternalInputTextBlur=s(),this.calciteInternalInputTextFocus=s(),this.listen("click",this.clickHandler),this.listen("keydown",this.keyDownHandler)}static{this.properties={slottedActionElDisabledInternally:[16,{},{state:!0}],alignment:[3,{},{reflect:!0}],autocomplete:1,clearable:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],icon:[3,{converter:p,type:String},{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:p,type:String},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1}}static{this.formAssociated=!0}static{this.styles=H}get isClearable(){return this.clearable&&this.value.length>0}get value(){return this._value}set value(e){let a=this._value;e!==a&&(this._value=e,this.valueWatcher(e,a))}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,this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),E(this)}async load(){this.requestedIcon=h({},this.icon,"text"),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value)}willUpdate(e){e.has("icon")&&(this.requestedIcon=h({},this.icon,"text"))}disconnectedCallback(){super.disconnectedCallback(),C(this)}handleGlobalAttributesChanged(){this.requestUpdate()}valueWatcher(e,a){this.userChangedValue||this.setValue({origin:"direct",previousValue:a,value:e||""}),this.userChangedValue=!1}keyDownHandler(e){this.readOnly||this.disabled||e.defaultPrevented||(this.isClearable&&e.key==="Escape"&&(this.clearInputTextValue(e),e.preventDefault()),e.key==="Enter"&&this.formSupport.active&&(this.formSupport.requestSubmit(),e.preventDefault()))}onLabelClick(){this.setFocus()}clearInputTextValue(e){this.setValue({committing:!0,nativeEvent:e,origin:"user",value:""})}emitChangeIfUserModified(){this.previousValueOrigin==="user"&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))}inputTextBlurHandler(){this.calciteInternalInputTextBlur.emit({element:this.childRef.value,value:this.value}),this.emitChangeIfUserModified()}clickHandler(e){if(this.disabled)return;let a=e.composedPath();!a.includes(this.inputWrapperRef.value)||a.includes(this.actionWrapperRef.value)||this.setFocus()}inputTextFocusHandler(){this.calciteInternalInputTextFocus.emit({element:this.childRef.value,value:this.value})}inputTextInputHandler(e){this.disabled||this.readOnly||this.setValue({nativeEvent:e,origin:"user",value:e.target.value})}inputTextKeyDownHandler(e){this.disabled||this.readOnly||e.key==="Enter"&&this.emitChangeIfUserModified()}setInputValue(e){this.childRef.value&&(this.childRef.value.value=e)}setPreviousEmittedValue(e){this.previousEmittedValue=e}setPreviousValue(e){this.previousValue=e}setValue({committing:e=!1,nativeEvent:a,origin:c,previousValue:u,value:l}){this.setPreviousValue(u??this.value),this.previousValueOrigin=c,this.userChangedValue=c==="user"&&l!==this.value,this.value=l,c==="direct"&&(this.setInputValue(l),this.setPreviousEmittedValue(l)),a&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:e&&this.emitChangeIfUserModified())}render(){let e=this.direction,a=r`<div class=${n(t.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`,c=r`<div class=${n(t.clearButton)} @click=${this.disabled||this.readOnly?void 0:this.clearInputTextValue}>${B({ariaLabel:this.messages.clear,disabled:this.disabled||this.readOnly,scale:this.scale,title:this.messages.clear})}</div>`,u=r`<div class=${n(t.inputIcon)}><calcite-icon .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${$(this.scale)}></calcite-icon></div>`,l=r`<div class=${n(t.prefix)}>${this.prefixText}</div>`,b=r`<div class=${n(t.suffix)}>${this.suffixText}</div>`,L=r`<input aria-errormessage=${O.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${V(this)} autocomplete=${this.autocomplete??i} .autofocus=${this.el.autofocus} class=${n({[t.editingEnabled]:this.editingEnabled,[t.inlineChild]:!!this.inlineEditableEl})} value=${this.defaultValue??i} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint??i} inputmode=${this.el.inputMode??i} maxlength=${this.maxLength??i} minlength=${this.minLength??i} name=${this.name??i} @blur=${this.inputTextBlurHandler} @focus=${this.inputTextFocusHandler} @input=${this.inputTextInputHandler} @keydown=${this.inputTextKeyDownHandler} pattern=${this.pattern??i} placeholder=${(this.placeholder||"")??i} .readOnly=${this.readOnly} .required=${this.required} spellcheck=${this.el.spellcheck??i} tabindex=${(this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:void 0)??i} type=text .value=${g(this.value??"")} ${d(this.childRef)}>`;return this.interactiveContainer({disabled:this.disabled,children:r`${this.labelText&&R({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div class=${n({[t.inputWrapper]:!0,[m.rtl]:e==="rtl",[t.clearable]:this.isClearable,[t.hasSuffix]:this.suffixText,[t.hasPrefix]:this.prefixText})} ${d(this.inputWrapperRef)}><div class=${n(t.wrapper)}>${this.loading?a:null}${this.prefixText?l:null}${this.requestedIcon?u:null}${L}${this.isClearable?c:null}${this.suffixText?b:null}</div><div class=${n(t.actionWrapper)} ${d(this.actionWrapperRef)}><slot name=${W.action}></slot></div></div>${this.validationMessage&&this.status==="invalid"?S({icon:this.validationIcon,id:O.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};k("calcite-input-text",v);export{v as InputText};

package/dist/cdn/DFB6ZYV7.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as z}from"./TXVTI6LX.js";import"./3ES6MC2M.js";import{a as g}from"./SAQXF3O4.js";import{a as I}from"./WCIWAXVM.js";import{a as w}from"./7MK2ZF4L.js";import{a as d}from"./ZWPNZ5XW.js";import{e as A}from"./Q4NJGVJB.js";import"./2YUN7R23.js";import{i as u,s}from"./L6DQTGEQ.js";import{E as $,F as C,G as y,H as c,M as k,S as E,g as b,h as o,l as S,p as l}from"./O5RU3VB7.js";var h={actionsStart:"actions-start",actionsEnd:"actions-end",contentEnd:"content-end",contentStart:"content-start"},t={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",hasActions:"has-actions",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",headerAppearance:r=>`header--${r}`,heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start",iconPosition:r=>`icon-position--${r}`,iconType:r=>`icon-type--${r}`,item:"item",slotContentEnd:"slot-content-end",slotContentStart:"slot-content-start"},m={section:"section",sectionToggle:"section-toggle"},p={chevronDown:"chevronDown",caretDown:"caretDown",plus:"plus",minus:"minus"},H=b`.icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation: -90deg ;--calcite-internal-accordion-item-active-icon-rotation: 0deg;--calcite-internal-accordion-item-icon-rotation-rtl: 90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: 0deg}:host([scale=s]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-spacing-xxs);--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-spacing-xxs);--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-accordion-item-action-slot-spacing: var(--calcite-spacing-xs);--calcite-internal-accordion-item-description-font-size: var(--calcite-font-size--1)}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-background-color, var(--calcite-accordion-item-background-color));border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}:host .header:hover{background-color:var(--calcite-internal-accordion-item-header-background-color-hover)}:host .header:active{background-color:var(--calcite-internal-accordion-item-header-background-color-press)}.header--solid{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-foreground-3) )}.header--transparent{--calcite-internal-accordion-item-header-background-color-hover: var( --calcite-accordion-item-header-background-color-hover, var(--calcite-color-transparent-hover) );--calcite-internal-accordion-item-header-background-color-press: var( --calcite-accordion-item-header-background-color-press, var(--calcite-color-transparent-press) )}.icon-position--start{--calcite-internal-accordion-item-flex-direction: row-reverse;--calcite-internal-accordion-item-icon-spacing-start: 0;--calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction: row;--calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end: 0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation: 0deg;--calcite-internal-accordion-item-active-icon-rotation: 180deg;--calcite-internal-accordion-item-icon-rotation-rtl: 0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl: -180deg }.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-accordion-item-border-color, var(--calcite-color-border-2)))}.header-content{padding:var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem));background:none;border:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none;font-family:inherit}.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, .5rem .75rem)))}.header{display:flex;align-items:stretch}.header-content,.header-container,.header .actions-start,.header .actions-end{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);word-wrap:break-word;word-break:break-word}.header .has-actions{gap:var(--calcite-internal-accordion-item-action-slot-spacing);padding-block:var(--calcite-internal-accordion-item-action-slot-spacing)}.header .actions-start.has-actions{padding-inline:var(--calcite-internal-accordion-item-action-slot-spacing) 0}.header .actions-end.has-actions{padding-inline:0 var(--calcite-internal-accordion-item-action-slot-spacing)}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content: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))))}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-press))}.header-container{inline-size:100%}.slot-content-end{margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.slot-content-start{margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%;line-height:var(--calcite-font-line-height-relative-snug)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0)}.icon{display:flex;align-items:center;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-icon-color-start, var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-icon-color-end, var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, var(--calcite-ui-icon-color, currentColor))));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{font-size:var(--calcite-internal-accordion-item-description-font-size)}.content{display:none;text-align:initial}:host(:not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-1))));font-weight:var(--calcite-font-weight-normal)}:host([expanded]){color:var(--calcite-accordion-text-color-press, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-text-color-hover, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))))}:host([expanded]) .content{display:block}@media(forced-colors:active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends y{constructor(){super(),this.direction=A(),this.headerRef=$(),this.focusSetter=w()(this),this.messages=I(),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.expanded=!1,this.calciteAccordionItemCollapse=l({cancelable:!1}),this.calciteAccordionItemExpand=l({cancelable:!1}),this.calciteInternalAccordionItemClose=l({cancelable:!1}),this.calciteInternalAccordionItemSelect=l({cancelable:!1}),this.listen("keydown",this.keyDownHandler),this.listenOn(document.body,"calciteInternalAccordionChange",this.updateActiveItemOnChange),this.listenOn(document,"calciteInternalAccordionItemsSync",this.accordionItemSyncHandler)}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],description:1,expanded:[7,{},{reflect:!0,type:Boolean}],heading:1,iconEnd:[3,{type:String},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],appearance:1,headingLevel:[11,{},{type:Number,reflect:!0}],iconPosition:1,iconStart:[3,{type:String},{reflect:!0}],iconType:1,scale:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.styles=H}async setFocus(e){return this.focusSetter(()=>this.headerRef.value,e)}willUpdate(e){e.has("expanded")&&this.hasUpdated&&(this.expanded?this.calciteAccordionItemExpand.emit():this.calciteAccordionItemCollapse.emit())}keyDownHandler(e){if(e.target===this.el)switch(e.key){case" ":case"Enter":this.emitRequestedItem(),e.preventDefault();break}}updateActiveItemOnChange(e){let[n]=e.composedPath(),a=u(this.el,"calcite-accordion");n===a&&(this.determineActiveItem(a.selectionMode,e.detail.requestedAccordionItem),e.stopPropagation())}accordionItemSyncHandler(e){let[n]=e.composedPath(),a=this.el;if(a.parentElement===n)return;let i=u(a,"calcite-accordion");n===i&&(this.appearance=i.appearance,this.iconPosition=i.iconPosition,this.iconType=i.iconType,this.scale=i.scale,e.stopPropagation())}handleActionsStartSlotChange(e){this.hasActionsStart=s(e)}handleActionsEndSlotChange(e){this.hasActionsEnd=s(e)}handleContentEndSlotChange(e){this.hasContentEnd=s(e)}handleContentStartSlotChange(e){this.hasContentStart=s(e)}itemHeaderClickHandler(){this.emitRequestedItem()}determineActiveItem(e,n){switch(e){case"multiple":this.el===n&&(this.expanded=!this.expanded);break;case"single":this.expanded=this.el===n?!this.expanded:!1;break;case"single-persist":this.expanded=this.el===n;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}renderActionsStart(){let{hasActionsStart:e}=this;return o`<div class=${c({[t.actionsStart]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`}renderActionsEnd(){let{hasActionsEnd:e}=this;return o`<div class=${c({[t.actionsEnd]:!0,[t.hasActions]:e})} .hidden=${!e}><slot name=${h.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`}renderContentEnd(){return o`<div class=${c(t.slotContentEnd)} .hidden=${!this.hasContentEnd}><slot name=${h.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}renderContentStart(){return o`<div class=${c(t.slotContentStart)} .hidden=${!this.hasContentStart}><slot name=${h.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}render(){let{iconFlipRtl:e,heading:n,headingLevel:a,messages:v,expanded:i}=this,T=i?v.collapse:v.expand,D=this.iconStart?g("icon-start",o`<calcite-icon class=${c({[t.icon]:!0,[t.iconStart]:!0})} .flipRtl=${e==="both"||e==="start"} .icon=${this.iconStart} .scale=${d(this.scale)}></calcite-icon>`):null,P=this.iconEnd?g("icon-end",o`<calcite-icon class=${c({[t.iconEnd]:!0,[t.icon]:!0})} .flipRtl=${e==="both"||e==="end"} .icon=${this.iconEnd} .scale=${d(this.scale)}></calcite-icon>`):null,{description:x}=this;return o`<div class=${c({[t.iconPosition(this.iconPosition)]:!0,[t.iconType(this.iconType)]:!0})}><div class=${c({[t.header]:!0,[k.rtl]:this.direction==="rtl",[t.headerAppearance(this.appearance)]:!0})}>${this.renderActionsStart()}<button aria-controls=${m.section} .ariaExpanded=${i} class=${c(t.headerContent)} id=${m.sectionToggle} @click=${this.itemHeaderClickHandler} type=button ${C(this.headerRef)}><div class=${c(t.headerContainer)}>${this.renderContentStart()}${D}<div class=${c(t.headerText)}>${z({class:t.heading,level:a,children:n})}${x?o`<span class=${c(t.description)}>${x}</span>`:null}</div>${P}${this.renderContentEnd()}</div><calcite-icon class=${c(t.expandIcon)} .icon=${this.iconType==="chevron"?p.chevronDown:this.iconType==="caret"?p.caretDown:i?p.minus:p.plus} .scale=${d(this.scale)} title=${T??S}></calcite-icon></button>${this.renderActionsEnd()}</div><section aria-labelledby=${m.sectionToggle} class=${c(t.content)} id=${m.section}><slot></slot></section></div>`}};E("calcite-accordion-item",f);export{f as AccordionItem};

package/dist/cdn/DNYCTXXF.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{c as m,d as k,e as v}from"./VZY2QL4T.js";import{a as E}from"./XYWGIRGB.js";import{a as f}from"./WCIWAXVM.js";import{a as g}from"./7MK2ZF4L.js";import"./ZWPNZ5XW.js";import"./Q4NJGVJB.js";import"./2YUN7R23.js";import{t as p}from"./L6DQTGEQ.js";import{E as c,F as o,G as h,H as i,J as s,S as b,g as u,h as a,p as l}from"./O5RU3VB7.js";var C=u`: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]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}.wrapper{box-sizing:border-box;display:flex;justify-content:space-between;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-inline-editable-background-color, var(--calcite-color-foreground-1))}.wrapper .input-wrapper{flex:1 1 0%}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-inline-editable-background-color-hover, var(--calcite-color-foreground-2))}.controls-wrapper{display:flex}.cancel-editing-button[appearance=transparent][kind=neutral]{--calcite-internal-button-text-color: var(--calcite-color-text-3);--calcite-internal-button-border-block-start-color: var(--calcite-color-border-input);--calcite-internal-button-border-block-end-color: var(--calcite-color-border-input)}.cancel-editing-button[appearance=transparent][kind=neutral]:hover{--calcite-internal-button-text-color: var(--calcite-color-text-1)}.enable-editing-button--hidden{pointer-events:none;opacity:0;inline-size:0}.enable-editing-button[appearance=transparent][kind=neutral]{--calcite-internal-button-background-color: transparent}calcite-button{--calcite-button-background-color: var(--calcite-inline-editable-button-background-color);--calcite-button-corner-radius: var(--calcite-inline-editable-button-corner-radius);--calcite-button-loader-color: var(--calcite-inline-editable-button-loader-color);--calcite-button-text-color: var(--calcite-inline-editable-button-text-color)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,n={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",enableEditingButtonHidden:"enable-editing-button--hidden",controlsWrapper:"controls-wrapper"},r={check:"check",close:"x",pencil:"pencil"},d=class extends h{constructor(){super(),this.cancelEditingButtonRef=c(),this._editingEnabled=!1,this.enableEditingButtonRef=c(),this.shouldEmitCancel=!1,this.valuePriorToEditing="",this.messages=f(),this.focusSetter=g()(this),this.interactiveContainer=E(this),this.controls=!1,this.disabled=!1,this.loading=!1,this.scale="m",this.calciteInlineEditableEditCancel=l({cancelable:!1}),this.calciteInlineEditableEditConfirm=l({cancelable:!1}),this.calciteInternalInlineEditableEnableEditingChange=l({cancelable:!1}),this.listen("calciteInternalInputBlur",this.blurHandler)}static{this.properties={afterConfirm:[0,{},{attribute:!1}],controls:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=C}get shouldShowControls(){return this.editingEnabled&&this.controls}get editingEnabled(){return this._editingEnabled}set editingEnabled(t){let e=this._editingEnabled;t!==e&&(this._editingEnabled=t,this.editingEnabledWatcher(t,e))}async setFocus(t){return this.focusSetter(()=>this.inputEl,t)}connectedCallback(){super.connectedCallback(),m(this)}disconnectedCallback(){super.disconnectedCallback(),k(this)}editingEnabledWatcher(t,e){this.inputEl&&(this.inputEl.editingEnabled=t),!t&&e&&(this.shouldEmitCancel=!0)}blurHandler(){this.controls||this.disableEditing()}async handleDefaultSlotChange(t){let e=p(t).filter(y=>y.matches("calcite-input"))[0];this.inputEl=e,e&&(await e.componentOnReady(),e.editingEnabled=this.editingEnabled,e.label=e.label||v(this))}onLabelClick(){this.setFocus()}enableEditing(){this.valuePriorToEditing=this.inputEl?.value??"",this.editingEnabled=!0,this.inputEl?.setFocus(),this.calciteInternalInlineEditableEnableEditingChange.emit()}disableEditing(){this.editingEnabled=!1}cancelEditing(){this.inputEl&&(this.inputEl.value=this.valuePriorToEditing),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus(),!this.editingEnabled&&this.shouldEmitCancel&&this.calciteInlineEditableEditCancel.emit()}escapeKeyHandler(t){t.defaultPrevented||(t.key==="Escape"&&(t.preventDefault(),this.cancelEditing()),t.key==="Tab"&&this.shouldShowControls&&(!t.shiftKey&&t.target===this.inputEl&&(t.preventDefault(),this.cancelEditingButtonRef.value?.setFocus()),t.shiftKey&&t.target===this.cancelEditingButtonRef.value&&(t.preventDefault(),this.inputEl?.setFocus())))}async cancelEditingHandler(t){t.preventDefault(),this.cancelEditing()}enableEditingHandler(t){this.disabled||t.target!==this.enableEditingButtonRef.value&&t.target!==this.inputEl||(t.preventDefault(),this.editingEnabled||this.enableEditing())}async confirmChangesHandler(t){t.preventDefault(),this.calciteInlineEditableEditConfirm.emit();try{this.afterConfirm&&(this.loading=!0,await this.afterConfirm(),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus())}catch{}finally{this.loading=!1}}render(){return this.interactiveContainer({disabled:this.disabled,children:a`<div class=${i(n.wrapper)} @click=${this.enableEditingHandler} @keydown=${this.escapeKeyHandler}><div class=${i(n.inputWrapper)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div><div class=${i(n.controlsWrapper)}><calcite-button appearance=transparent class=${i({[n.enableEditingButton]:!0,[n.enableEditingButtonHidden]:this.editingEnabled})} .iconStart=${r.pencil} kind=neutral .label=${this.messages.enableEditing} @click=${this.enableEditingHandler} .scale=${this.scale} title=${this.messages.enableEditing??s} type=button ${o(this.enableEditingButtonRef)}></calcite-button>${this.shouldShowControls&&[a`<div class=${i(n.cancelEditingButtonWrapper)}><calcite-button appearance=transparent class=${i(n.cancelEditingButton)} .iconStart=${r.close} kind=neutral .label=${this.messages.cancelEditing} @click=${this.cancelEditingHandler} .scale=${this.scale} title=${this.messages.cancelEditing??s} type=button ${o(this.cancelEditingButtonRef)}></calcite-button></div>`,a`<calcite-button appearance=solid class=${i(n.confirmChangesButton)} .iconStart=${r.check} kind=brand .label=${this.messages.confirmChanges} .loading=${this.loading} @click=${this.confirmChangesHandler} .scale=${this.scale} title=${this.messages.confirmChanges??s} type=button></calcite-button>`]||""}</div></div>`})}};b("calcite-inline-editable",d);export{d as InlineEditable};