@esri/calcite-components 2.4.1-next.0 → 2.4.1-next.1

package/dist/calcite/p-05da4fc2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","loader","clearButton","editingEnabled","inlineChild","inputIcon","prefix","suffix","numberButtonWrapper","buttonItemHorizontal","wrapper","inputWrapper","actionWrapper","resizeIconWrapper","numberButtonItem","INPUT_TYPE_ICONS","tel","password","email","date","time","search","SLOTS","action","inputCss","Input","this","childElType","previousValueOrigin","mutationObserver","createObserver","setDisabledAction","userChangedValue","keyDownHandler","event","readOnly","disabled","isClearable","key","clearInputValue","preventDefault","defaultPrevented","submitForm","nativeEvent","setValue","committing","origin","value","emitChangeIfUserModified","previousEmittedValue","calciteInputChange","emit","setPreviousEmittedValue","inputBlurHandler","window","clearInterval","nudgeNumberValueIntervalId","calciteInternalInputBlur","clickHandler","slottedActionEl","getSlotted","el","target","setFocus","inputFocusHandler","calciteInternalInputFocus","inputChangeHandler","type","files","childEl","inputInputHandler","inputKeyDownHandler","inputNumberInputHandler","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","useGrouping","groupSeparator","delocalizedValue","delocalize","inputType","isValidNumber","parseNumberString","childNumberEl","displayedValue","inputNumberKeyDownHandler","nudgeNumberValue","supportedKeys","numberKeys","altKey","ctrlKey","metaKey","isShiftTabEvent","shiftKey","includes","decimal","indexOf","test","split","length","direction","KeyboardEvent","repeat","inputMax","maxString","parseFloat","inputMin","minString","valueNudgeDelayInMs","incrementOrDecrementNumberValue","firstValueNudge","setInterval","numberButtonPointerUpAndOutHandler","numberButtonPointerDownHandler","isPrimaryPointerButton","dataset","adjustment","onHiddenFormInputInput","name","stopPropagation","setChildElRef","setChildNumberElRef","setInputValue","newInputValue","normalizeValue","setPreviousValue","previousValue","signDisplay","isValueDeleted","hasTrailingDecimalSeparator","charAt","sanitizedValue","sanitizeNumberString","newValue","newLocalizedValue","localize","addLocalizedTrailingDecimalZeros","calciteInputInputEvent","calciteInputInput","inputKeyUpHandler","disabledWatcher","maxWatcher","max","toString","minWatcher","min","onMessagesChange","valueWatcher","warnAboutInvalidNumberValue","updateRequestedIcon","requestedIcon","setRequestedIcon","icon","isTextarea","clearable","effectiveLocaleChange","updateMessages","connectedCallback","connectInteractive","connectLocalized","connectMessages","inlineEditableEl","closest","connectLabel","connectForm","observe","childList","addEventListener","internalHiddenInputInputEvent","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","disconnect","removeEventListener","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentShouldUpdate","oldValue","property","componentDidRender","updateHostInteraction","componentFocusable","focus","selectText","select","onLabelClick","inputStep","step","Math","abs","inputVal","BigDecimal","nudgedValue","add","nudgedValueBelowInputMin","isNaN","subtract","isNegative","nudgedValueAboveInputMax","finalValue","syncHiddenFormInput","input","minLength","maxLength","getAttribute","slottedActionElDisabledInternally","setAttribute","removeAttribute","console","warn","render","dir","getElementDir","h","class","label","messages","loading","inputClearButton","clear","onClick","tabIndex","scale","getIconScale","iconEl","flipRtl","iconFlipRtl","isHorizontalNumberButton","numberButtonType","numberButtonsHorizontalUp","onPointerDown","onPointerOut","onPointerUp","numberButtonsHorizontalDown","numberButtonsVertical","prefixText","suffixText","localeNumberInput","accept","getLabelText","autocomplete","autofocus","defaultValue","enterKeyHint","inputMode","multiple","undefined","onBlur","onFocus","onInput","onKeyDown","onKeyUp","pattern","placeholder","ref","onChange","required","Host","InteractiveContainer","CSS_UTILITY","rtl","HiddenFormInputSlot","component","validationMessage","Validation","validationIcon","message","status"],"sources":["src/components/input/resources.ts","src/components/input/input.scss?tag=calcite-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["export const CSS = {\n  loader: \"loader\",\n  clearButton: \"clear-button\",\n  editingEnabled: \"editing-enabled\",\n  inlineChild: \"inline-child\",\n  inputIcon: \"icon\",\n  prefix: \"prefix\",\n  suffix: \"suffix\",\n  numberButtonWrapper: \"number-button-wrapper\",\n  buttonItemHorizontal: \"number-button-item--horizontal\",\n  wrapper: \"element-wrapper\",\n  inputWrapper: \"wrapper\",\n  actionWrapper: \"action-wrapper\",\n  resizeIconWrapper: \"resize-icon-wrapper\",\n  numberButtonItem: \"number-button-item\",\n};\n\nexport const INPUT_TYPE_ICONS = {\n  tel: \"phone\",\n  password: \"lock\",\n  email: \"email-address\",\n  date: \"calendar\",\n  time: \"clock\",\n  search: \"search\",\n};\n\nexport const SLOTS = {\n  action: \"action\",\n};\n",":host {\n  @apply block;\n}\n\n// scales\n:host([scale=\"s\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n2h h-6 px-2;\n  }\n  & textarea {\n    @apply h-6;\n    min-block-size: theme(\"spacing.6\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-6;\n  }\n  & input[type=\"file\"] {\n    @apply h-6;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.6\");\n    min-inline-size: theme(\"spacing.6\");\n  }\n  & textarea {\n    @apply text-n2h\n    h-auto\n    py-1\n    px-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n1h h-8 px-3;\n  }\n  & textarea {\n    min-block-size: theme(\"spacing.8\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-8;\n  }\n  & input[type=\"file\"] {\n    @apply h-8;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.8\");\n    min-inline-size: theme(\"spacing.8\");\n  }\n  & textarea {\n    @apply text-n1h\n      h-auto\n      py-2\n      px-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-0h h-11 px-4;\n  }\n  & textarea {\n    min-block-size: theme(\"spacing.11\");\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-11;\n  }\n  & input[type=\"file\"] {\n    @apply h-11;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.11\");\n    min-inline-size: theme(\"spacing.11\");\n  }\n  & textarea {\n    @apply text-0h\n      h-auto\n      py-3\n      px-4;\n  }\n}\n\n@include disabled() {\n  & textarea {\n    resize: none;\n  }\n}\n\ntextarea,\ninput {\n  transition:\n    var(--calcite-animation-timing),\n    block-size 0,\n    outline-offset 0s;\n  -webkit-appearance: none;\n  @apply font-inherit\n    text-color-1\n    bg-foreground-1\n    relative\n    m-0\n    box-border\n    flex\n    max-h-full\n    w-full\n    max-w-full\n    flex-1\n    rounded-none\n    font-normal;\n}\n\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// states\ninput,\ntextarea {\n  @apply border\n    border-color-input\n    border-solid\n    text-color-1\n    text-ellipsis;\n  &::placeholder,\n  &:-ms-input-placeholder,\n  &::-ms-input-placeholder {\n    @apply text-color-3 font-normal;\n  }\n  &:placeholder-shown {\n    @apply text-ellipsis;\n  }\n}\ninput:focus,\ntextarea:focus {\n  @apply border-color-brand text-color-1;\n}\ninput[readonly],\ntextarea[readonly] {\n  @apply bg-background font-medium;\n}\ninput[readonly]:focus,\ntextarea[readonly]:focus {\n  @apply text-color-1;\n}\ncalcite-icon {\n  @apply text-color-3;\n}\n\n//focus\ntextarea,\ninput {\n  @apply focus-base;\n}\ntextarea:focus,\ninput:focus {\n  @apply focus-inset;\n}\n\n:host([status=\"invalid\"]) {\n  & input,\n  & textarea {\n    @apply border-color-danger;\n  }\n  & input:focus,\n  & textarea:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n// ICONS\n\n// position icons\n\n:host([scale=\"s\"]) .icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n:host([scale=\"m\"]) .icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host([scale=\"l\"]) .icon {\n  inset-inline-start: theme(\"spacing.4\");\n}\n\n// position placeholder/value text in relation to icons\n\n:host([icon][scale=\"s\"]) input {\n  padding-inline-start: theme(\"padding.8\");\n}\n\n:host([icon][scale=\"m\"]) input {\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host([icon][scale=\"l\"]) input {\n  padding-inline-start: theme(\"padding.14\");\n}\n\n// positioning wrapper for icon and loader\n\n.element-wrapper {\n  @apply relative\n    order-3\n    inline-flex\n    flex-1\n    items-center;\n}\n\n.icon {\n  @apply transition-default\n    pointer-events-none\n    absolute\n    block;\n}\n\n.icon,\n.resize-icon-wrapper {\n  @apply z-default; // needed for firefox to display the icon properly\n}\n\n// hide browser default clear\n\ninput[type=\"text\"]::-ms-clear,\ninput[type=\"text\"]::-ms-reveal {\n  @apply hidden\n    h-0\n    w-0;\n}\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration,\ninput[type=\"date\"]::-webkit-clear-button,\ninput[type=\"time\"]::-webkit-clear-button {\n  @apply hidden;\n}\n\n.clear-button {\n  pointer-events: initial;\n  @apply focus-base\n    border-color-input\n    bg-foreground-1\n    order-4\n    m-0\n    box-border\n    flex\n    min-h-full\n    cursor-pointer\n    items-center\n    justify-center\n    self-stretch\n    border\n    border-solid;\n\n  border-inline-start-width: theme(\"borderWidth.0\");\n\n  &:hover {\n    @apply bg-foreground-2 transition-default;\n    calcite-icon {\n      @apply text-color-1 transition-default;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &:disabled {\n    @apply opacity-disabled;\n  }\n}\n\n// loading\n.loader {\n  inset-block-start: 1px;\n  inset-inline: 1px;\n  @apply pointer-events-none\n    absolute\n    block;\n}\n\n// slotted action\n.action-wrapper {\n  @apply order-7 flex;\n}\n\n// prefix and suffix\n.prefix,\n.suffix {\n  @apply border-color-input\n    bg-background\n    text-color-2\n    box-border\n    flex\n    h-auto\n    min-h-full\n    select-none\n    content-center\n    items-center\n    break-words\n    border\n    border-solid\n    font-medium\n    leading-none;\n}\n\n.prefix {\n  @apply order-2;\n  border-inline-end-width: theme(\"borderWidth.0\");\n}\n.suffix {\n  @apply order-5;\n  border-inline-start-width: theme(\"borderWidth.0\");\n}\n\n// alignment type\n:host([alignment=\"start\"]) {\n  & textarea,\n  & input {\n    text-align: start;\n  }\n}\n\n:host([alignment=\"end\"]) {\n  & textarea,\n  & input {\n    text-align: end;\n  }\n}\n\n// number buttons\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n\n  &::-webkit-inner-spin-button,\n  &::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    -moz-appearance: textfield;\n    @apply m-0;\n  }\n}\n\n.number-button-wrapper {\n  @apply transition-default\n    pointer-events-none\n    order-6\n    box-border\n    flex\n    flex-col;\n}\n\n:host([number-button-type=\"vertical\"]) .wrapper {\n  flex-direction: row;\n  display: flex;\n}\n\n:host([number-button-type=\"vertical\"]) {\n  & input,\n  textarea {\n    @apply order-2;\n  }\n}\n\n:host([number-button-type=\"horizontal\"]) .calcite--rtl {\n  & .number-button-item[data-adjustment=\"down\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n  & .number-button-item[data-adjustment=\"up\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n}\n\n.number-button-item.number-button-item--horizontal {\n  &[data-adjustment=\"down\"],\n  &[data-adjustment=\"up\"] {\n    @apply order-1\n      max-h-full\n      min-h-full\n      self-stretch;\n    & calcite-icon {\n      transform: rotate(90deg);\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"down\"] {\n  @apply border-color-input\n    border\n    border-solid;\n  border-inline-end-width: theme(\"borderWidth.0\");\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"up\"] {\n  @apply order-5;\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"up\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"] {\n  @apply border-t-0;\n}\n\n.number-button-item {\n  max-block-size: 50%;\n  min-block-size: 50%;\n  pointer-events: initial;\n  @apply border-color-input\n    bg-foreground-1\n    transition-default\n    m-0\n    box-border\n    flex\n    cursor-pointer\n    items-center\n    self-center\n    border\n    border-solid\n    py-0\n    px-2;\n  border-inline-start-width: theme(\"borderWidth.0\");\n  & calcite-icon {\n    @apply transition-default pointer-events-none;\n  }\n  &:focus {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n  }\n  &:disabled {\n    @apply pointer-events-none;\n  }\n}\n\n.wrapper {\n  @apply relative\n    flex\n    flex-row\n    items-center;\n}\n\n// hide the default date picker\n:input::-webkit-calendar-picker-indicator {\n  @apply hidden;\n}\n\ninput[type=\"date\"]::-webkit-input-placeholder {\n  visibility: hidden !important;\n}\n\n// textarea resize icon\ntextarea::-webkit-resizer {\n  @apply absolute\n    bottom-0\n    box-border\n    py-0\n    px-1;\n  inset-inline-end: 0;\n}\n\n.resize-icon-wrapper {\n  inset-block-end: 2px;\n  inset-inline-end: 2px;\n\n  @apply bg-foreground-1\n    text-color-3\n    pointer-events-none\n    absolute\n    h-3\n    w-3;\n\n  & calcite-icon {\n    inset-block-end: theme(\"spacing.1\");\n    inset-inline-end: theme(\"spacing.1\");\n    transform: rotate(-45deg);\n  }\n}\n\n.calcite--rtl {\n  .resize-icon-wrapper {\n    & calcite-icon {\n      transform: rotate(45deg);\n    }\n  }\n}\n\n:host([type=\"color\"]) input {\n  @apply p-1;\n}\n\n// file input\n:host([type=\"file\"]) input {\n  @apply bg-foreground-1\n    border-color-input\n    cursor-pointer\n    border\n    border-dashed\n    text-center;\n}\n\n:host([type=\"file\"][scale=\"s\"]) input {\n  @apply py-px px-2;\n}\n\n:host([type=\"file\"][scale=\"m\"]) input {\n  @apply py-1 px-3;\n}\n\n:host([type=\"file\"][scale=\"l\"]) input {\n  @apply py-2 px-4;\n}\n\n:host(.no-bottom-border) input {\n  @apply border-b-0;\n}\n\n:host(.border-top-color-one) input {\n  @apply border-t-color-1;\n}\n\n// input needed for higher specificity of these overrides\ninput {\n  &.inline-child {\n    @apply transition-default bg-transparent;\n    .editing-enabled {\n      background-color: inherit;\n    }\n  }\n\n  &.inline-child:not(.editing-enabled) {\n    @apply border-color-transparent\n      flex\n      cursor-pointer text-ellipsis;\n    padding-inline-start: 0;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getElementDir,\n  getSlotted,\n  isPrimaryPointerButton,\n  setRequestedIcon,\n} from \"../../utils/dom\";\nimport { Scale, Status, Alignment } from \"../interfaces\";\n\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  internalHiddenInputInputEvent,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { numberKeys } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\n\nimport {\n  addLocalizedTrailingDecimalZeros,\n  BigDecimal,\n  isValidNumber,\n  parseNumberString,\n  sanitizeNumberString,\n} from \"../../utils/number\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { InputMessages } from \"./assets/input/t9n\";\nimport { InputPlacement, NumberNudgeDirection, SetValueOrigin } from \"./interfaces\";\nimport { CSS, INPUT_TYPE_ICONS, SLOTS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\n\n/**\n * @slot action - A slot for positioning a `calcite-button` next to the component.\n */\n@Component({\n  tag: \"calcite-input\",\n  styleUrl: \"input.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Input\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    T9nComponent,\n    LocalizedComponent,\n    LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the text alignment of the component's value. */\n  @Prop({ reflect: true }) alignment: Extract<\"start\" | \"end\", Alignment> = \"start\";\n\n  /**\n   * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.\n   *\n   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)\n   */\n  @Prop({ reflect: true }) autofocus = false;\n\n  /**\n   * When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `\"search\"`, `\"time\"`, and `\"date\"` types, and will not display for the `\"textarea\"` type.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.setDisabledAction();\n  }\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.\n   */\n  @Prop({ reflect: true }) icon: string | boolean;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** When `true`, a busy indicator is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   *\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /**\n   * When `true`, uses locale formatting for numbers.\n   *\n   * @internal\n   */\n  @Prop() localeFormat = false;\n\n  /**\n   * Specifies the maximum value for type \"number\".\n   *\n   * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)\n   */\n  @Prop({ reflect: true }) max: number;\n\n  /** watcher to update number-to-string for max */\n  @Watch(\"max\")\n  maxWatcher(): void {\n    this.maxString = this.max?.toString() || null;\n  }\n\n  /**\n   * Specifies the minimum value for `type=\"number\"`.\n   *\n   * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)\n   */\n  @Prop({ reflect: true }) min: number;\n\n  /** watcher to update number-to-string for min */\n  @Watch(\"min\")\n  minWatcher(): void {\n    this.minString = this.min?.toString() || null;\n  }\n\n  /**\n   * Specifies the maximum length of text for the component's value.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Specifies the minimum length of text for the component's value.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Specifies the placement of the buttons for `type=\"number\"`. */\n  @Prop({ reflect: true }) numberButtonType: InputPlacement = \"vertical\";\n\n  /**\n   * Specifies placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /** Adds text to the start of the component. */\n  @Prop() prefixText: string;\n\n  /**\n   * When `true`, the component's value can be read, but cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * Specifies the granularity the component's `value` must adhere to.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)\n   */\n  @Prop({ reflect: true }) step: number | \"any\";\n\n  /**\n   * Specifies the type of content to autocomplete, for use in forms.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * Specifies a regex pattern the component's `value` must match for validation.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @Prop() pattern: string;\n\n  /**\n   * Specifies a comma separated list of unique file type specifiers for limiting accepted file types.\n   * This property only has an effect when `type` is \"file\".\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)\n   */\n  @Prop() accept: string;\n\n  /**\n   * When `true`, the component can accept more than one value.\n   * This property only has an effect when `type` is \"email\" or \"file\".\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)\n   */\n  @Prop() multiple = false;\n\n  /**\n   * Specifies the type of content to help devices display an appropriate virtual keyboard.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n   */\n  @Prop() inputMode = \"text\";\n\n  /**\n   * Specifies the action label or icon for the Enter key on virtual keyboards.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\n   */\n  @Prop() enterKeyHint: string;\n\n  /** Adds text to the end of the component. */\n  @Prop() suffixText: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  /**\n   * Specifies the component type.\n   *\n   * Note that the following `type`s add type-specific icons by default: `\"date\"`, `\"email\"`, `\"password\"`, `\"search\"`, `\"tel\"`, `\"time\"`.\n   */\n  @Prop({ reflect: true }) type:\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"email\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"number\"\n    | \"password\"\n    | \"search\"\n    | \"tel\"\n    | \"text\"\n    | \"textarea\"\n    | \"time\"\n    | \"url\"\n    | \"week\" = \"text\";\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\n\n  /**\n   * When `type` is `\"file\"`, specifies the component's selected files.\n   *\n   * @mdn https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files\n   */\n  @Prop() files: FileList | undefined;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: InputMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<InputMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string, previousValue: string): void {\n    if (!this.userChangedValue) {\n      if (this.type === \"number\" && (newValue === \"Infinity\" || newValue === \"-Infinity\")) {\n        this.displayedValue = newValue;\n        this.previousEmittedValue = newValue;\n        return;\n      }\n\n      this.setValue({\n        origin: \"direct\",\n        previousValue,\n        value:\n          newValue == null || newValue == \"\"\n            ? \"\"\n            : this.type === \"number\"\n              ? isValidNumber(newValue)\n                ? newValue\n                : this.previousValue || \"\"\n              : newValue,\n      });\n      this.warnAboutInvalidNumberValue(newValue);\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"icon\")\n  @Watch(\"type\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Input[\"value\"];\n\n  inlineEditableEl: HTMLCalciteInlineEditableElement;\n\n  /** keep track of the rendered child type */\n  private childEl?: HTMLInputElement | HTMLTextAreaElement;\n\n  /** keep track of the rendered child type */\n  private childElType?: \"input\" | \"textarea\" = \"input\";\n\n  /** number text input element for locale */\n  private childNumberEl?: HTMLInputElement;\n\n  get isClearable(): boolean {\n    return !this.isTextarea && (this.clearable || this.type === \"search\") && this.value?.length > 0;\n  }\n\n  get isTextarea(): boolean {\n    return this.childElType === \"textarea\";\n  }\n\n  private minString?: string;\n\n  private maxString?: string;\n\n  private previousEmittedValue: string;\n\n  private previousValue: string;\n\n  private previousValueOrigin: SetValueOrigin = \"initial\";\n\n  /** the computed icon to render */\n  private requestedIcon?: string;\n\n  private nudgeNumberValueIntervalId: number;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setDisabledAction());\n\n  private userChangedValue = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  State\n  //\n  //--------------------------------------------------------------------------\n\n  @State() defaultMessages: InputMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() displayedValue: string;\n\n  @State() slottedActionElDisabledInternally = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n\n    this.inlineEditableEl = this.el.closest(\"calcite-inline-editable\");\n    if (this.inlineEditableEl) {\n      this.editingEnabled = this.inlineEditableEl.editingEnabled || false;\n    }\n    connectLabel(this);\n    connectForm(this);\n\n    this.setPreviousEmittedValue(this.value);\n    this.setPreviousValue(this.value);\n\n    if (this.type === \"number\") {\n      if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n        this.displayedValue = this.value;\n        this.previousEmittedValue = this.value;\n      } else {\n        this.warnAboutInvalidNumberValue(this.value);\n        this.setValue({\n          origin: \"connected\",\n          value: isValidNumber(this.value) ? this.value : \"\",\n        });\n      }\n    }\n\n    this.mutationObserver?.observe(this.el, { childList: true });\n\n    this.setDisabledAction();\n    this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n\n    this.mutationObserver?.disconnect();\n    this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.childElType = this.type === \"textarea\" ? \"textarea\" : \"input\";\n    this.maxString = this.max?.toString();\n    this.minString = this.min?.toString();\n    this.requestedIcon = setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean {\n    if (this.type === \"number\" && property === \"value\" && newValue && !isValidNumber(newValue)) {\n      this.setValue({\n        origin: \"reset\",\n        value: oldValue,\n      });\n      return false;\n    }\n    return true;\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputFocus: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputBlur: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed.\n   */\n  @Event({ cancelable: true }) calciteInputInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed and committed.\n   */\n  @Event({ cancelable: false }) calciteInputChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (this.type === \"number\") {\n      this.childNumberEl?.focus();\n    } else {\n      this.childEl?.focus();\n    }\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    if (this.type === \"number\") {\n      this.childNumberEl?.select();\n    } else {\n      this.childEl?.select();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.readOnly || this.disabled) {\n      return;\n    }\n    if (this.isClearable && event.key === \"Escape\") {\n      this.clearInputValue(event);\n      event.preventDefault();\n    }\n    if (event.key === \"Enter\" && !event.defaultPrevented) {\n      if (submitForm(this)) {\n        event.preventDefault();\n      }\n    }\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  incrementOrDecrementNumberValue(\n    direction: NumberNudgeDirection,\n    inputMax: number | null,\n    inputMin: number | null,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void {\n    const { value } = this;\n\n    if (value === \"Infinity\" || value === \"-Infinity\") {\n      return;\n    }\n\n    const adjustment = direction === \"up\" ? 1 : -1;\n    const inputStep = this.step === \"any\" ? 1 : Math.abs(this.step || 1);\n    const inputVal = new BigDecimal(value !== \"\" ? value : \"0\");\n    const nudgedValue = inputVal.add(`${inputStep * adjustment}`);\n\n    const nudgedValueBelowInputMin = () =>\n      typeof inputMin === \"number\" &&\n      !isNaN(inputMin) &&\n      nudgedValue.subtract(`${inputMin}`).isNegative;\n\n    const nudgedValueAboveInputMax = () =>\n      typeof inputMax === \"number\" &&\n      !isNaN(inputMax) &&\n      !nudgedValue.subtract(`${inputMax}`).isNegative;\n\n    const finalValue = nudgedValueBelowInputMin()\n      ? `${inputMin}`\n      : nudgedValueAboveInputMax()\n        ? `${inputMax}`\n        : nudgedValue.toString();\n\n    this.setValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: finalValue,\n    });\n  }\n\n  private clearInputValue = (nativeEvent: KeyboardEvent | MouseEvent): void => {\n    this.setValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: \"\",\n    });\n  };\n\n  private emitChangeIfUserModified = (): void => {\n    if (this.previousValueOrigin === \"user\" && this.value !== this.previousEmittedValue) {\n      this.calciteInputChange.emit();\n      this.setPreviousEmittedValue(this.value);\n    }\n  };\n\n  private inputBlurHandler = () => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n    this.calciteInternalInputBlur.emit();\n    this.emitChangeIfUserModified();\n  };\n\n  private clickHandler = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    const slottedActionEl = getSlotted(this.el, \"action\");\n    if (event.target !== slottedActionEl) {\n      this.setFocus();\n    }\n  };\n\n  private inputFocusHandler = (): void => {\n    this.calciteInternalInputFocus.emit();\n  };\n\n  private inputChangeHandler = (): void => {\n    if (this.type === \"file\") {\n      this.files = (this.childEl as HTMLInputElement).files;\n    }\n  };\n\n  private inputInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    this.setValue({\n      nativeEvent,\n      origin: \"user\",\n      value: (nativeEvent.target as HTMLInputElement).value,\n    });\n  };\n\n  private inputKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      this.emitChangeIfUserModified();\n    }\n  };\n\n  private inputNumberInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      return;\n    }\n\n    const value = (nativeEvent.target as HTMLInputElement).value;\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n    const delocalizedValue = numberStringFormatter.delocalize(value);\n    if (nativeEvent.inputType === \"insertFromPaste\") {\n      if (!isValidNumber(delocalizedValue)) {\n        nativeEvent.preventDefault();\n      }\n      this.setValue({\n        nativeEvent,\n        origin: \"user\",\n        value: parseNumberString(delocalizedValue),\n      });\n      this.childNumberEl.value = this.displayedValue;\n    } else {\n      this.setValue({\n        nativeEvent,\n        origin: \"user\",\n        value: delocalizedValue,\n      });\n    }\n  };\n\n  private inputNumberKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.type !== \"number\" || this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      event.preventDefault();\n      if (event.key === \"Backspace\" || event.key === \"Delete\") {\n        this.clearInputValue(event);\n      }\n      return;\n    }\n\n    if (event.key === \"ArrowUp\") {\n      /* prevent default behavior of moving cursor to the beginning of the input when holding down ArrowUp */\n      event.preventDefault();\n      this.nudgeNumberValue(\"up\", event);\n      return;\n    }\n    if (event.key === \"ArrowDown\") {\n      this.nudgeNumberValue(\"down\", event);\n      return;\n    }\n    const supportedKeys = [\n      ...numberKeys,\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Backspace\",\n      \"Delete\",\n      \"Enter\",\n      \"Escape\",\n      \"Tab\",\n    ];\n    if (event.altKey || event.ctrlKey || event.metaKey) {\n      return;\n    }\n    const isShiftTabEvent = event.shiftKey && event.key === \"Tab\";\n    if (supportedKeys.includes(event.key) || isShiftTabEvent) {\n      if (event.key === \"Enter\") {\n        this.emitChangeIfUserModified();\n      }\n      return;\n    }\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n    if (event.key === numberStringFormatter.decimal) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.indexOf(numberStringFormatter.decimal) === -1) {\n        return;\n      }\n    }\n    if (/[eE]/.test(event.key)) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && !/[eE]/.test(this.childNumberEl.value)) {\n        return;\n      }\n    }\n\n    if (event.key === \"-\") {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.split(\"-\").length <= 2) {\n        return;\n      }\n    }\n    event.preventDefault();\n  };\n\n  private nudgeNumberValue = (\n    direction: NumberNudgeDirection,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void => {\n    if ((nativeEvent instanceof KeyboardEvent && nativeEvent.repeat) || this.type !== \"number\") {\n      return;\n    }\n\n    const inputMax = this.maxString ? parseFloat(this.maxString) : null;\n    const inputMin = this.minString ? parseFloat(this.minString) : null;\n    const valueNudgeDelayInMs = 150;\n\n    this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n\n    if (this.nudgeNumberValueIntervalId) {\n      window.clearInterval(this.nudgeNumberValueIntervalId);\n    }\n    let firstValueNudge = true;\n    this.nudgeNumberValueIntervalId = window.setInterval(() => {\n      if (firstValueNudge) {\n        firstValueNudge = false;\n        return;\n      }\n\n      this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n    }, valueNudgeDelayInMs);\n  };\n\n  private numberButtonPointerUpAndOutHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private numberButtonPointerDownHandler = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    event.preventDefault();\n    const direction = (event.target as HTMLDivElement).dataset.adjustment as NumberNudgeDirection;\n    if (!this.disabled) {\n      this.nudgeNumberValue(direction, event);\n    }\n  };\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    const { type } = this;\n\n    input.type = type;\n\n    if (type === \"number\") {\n      input.min = this.min?.toString(10) ?? \"\";\n      input.max = this.max?.toString(10) ?? \"\";\n    } else if (type === \"text\") {\n      if (this.minLength != null) {\n        input.minLength = this.minLength;\n      }\n\n      if (this.maxLength != null) {\n        input.maxLength = this.maxLength;\n      }\n    }\n  }\n\n  private onHiddenFormInputInput = (event: Event): void => {\n    if ((event.target as HTMLInputElement).name === this.name) {\n      this.setValue({\n        value: (event.target as HTMLInputElement).value,\n        origin: \"direct\",\n      });\n    }\n    this.setFocus();\n    event.stopPropagation();\n  };\n\n  private setChildElRef = (el: HTMLInputElement | HTMLTextAreaElement) => {\n    this.childEl = el;\n  };\n\n  private setChildNumberElRef = (el: HTMLInputElement) => {\n    this.childNumberEl = el;\n  };\n\n  private setDisabledAction(): void {\n    const slottedActionEl = getSlotted(this.el, \"action\");\n\n    if (!slottedActionEl) {\n      return;\n    }\n\n    if (this.disabled) {\n      if (slottedActionEl.getAttribute(\"disabled\") == null) {\n        this.slottedActionElDisabledInternally = true;\n      }\n      slottedActionEl.setAttribute(\"disabled\", \"\");\n    } else if (this.slottedActionElDisabledInternally) {\n      slottedActionEl.removeAttribute(\"disabled\");\n      this.slottedActionElDisabledInternally = false;\n    }\n  }\n\n  private setInputValue = (newInputValue: string): void => {\n    if (this.type === \"text\" && !this.childEl) {\n      return;\n    }\n    if (this.type === \"number\" && !this.childNumberEl) {\n      return;\n    }\n    this[`child${this.type === \"number\" ? \"Number\" : \"\"}El`].value = newInputValue;\n  };\n\n  private setPreviousEmittedValue = (value: string): void => {\n    this.previousEmittedValue = this.normalizeValue(value);\n  };\n\n  private normalizeValue(value: string): string {\n    return this.type === \"number\" ? (isValidNumber(value) ? value : \"\") : value;\n  }\n\n  private setPreviousValue = (value: string): void => {\n    this.previousValue = this.normalizeValue(value);\n  };\n\n  private setValue = ({\n    committing = false,\n    nativeEvent,\n    origin,\n    previousValue,\n    value,\n  }: {\n    committing?: boolean;\n    nativeEvent?: MouseEvent | KeyboardEvent | InputEvent;\n    origin: SetValueOrigin;\n    previousValue?: string;\n    value: string;\n  }): void => {\n    this.setPreviousValue(previousValue ?? this.value);\n    this.previousValueOrigin = origin;\n\n    if (this.type === \"number\") {\n      numberStringFormatter.numberFormatOptions = {\n        locale: this.effectiveLocale,\n        numberingSystem: this.numberingSystem,\n        useGrouping: this.groupSeparator,\n        signDisplay: \"never\",\n      };\n\n      const isValueDeleted =\n        this.previousValue?.length > value.length || this.value?.length > value.length;\n      const hasTrailingDecimalSeparator = value.charAt(value.length - 1) === \".\";\n      const sanitizedValue =\n        hasTrailingDecimalSeparator && isValueDeleted ? value : sanitizeNumberString(value);\n\n      const newValue =\n        value && !sanitizedValue\n          ? isValidNumber(this.previousValue)\n            ? this.previousValue\n            : \"\"\n          : sanitizedValue;\n\n      let newLocalizedValue = numberStringFormatter.localize(newValue);\n\n      if (origin !== \"connected\" && !hasTrailingDecimalSeparator) {\n        newLocalizedValue = addLocalizedTrailingDecimalZeros(\n          newLocalizedValue,\n          newValue,\n          numberStringFormatter,\n        );\n      }\n\n      // adds localized trailing decimal separator\n      this.displayedValue =\n        hasTrailingDecimalSeparator && isValueDeleted\n          ? `${newLocalizedValue}${numberStringFormatter.decimal}`\n          : newLocalizedValue;\n\n      this.userChangedValue = origin === \"user\" && this.value !== newValue;\n      // don't sanitize the start of negative/decimal numbers, but\n      // don't set value to an invalid number\n      this.value = [\"-\", \".\"].includes(newValue) ? \"\" : newValue;\n    } else {\n      this.userChangedValue = origin === \"user\" && this.value !== value;\n      this.value = value;\n    }\n\n    if (origin === \"direct\") {\n      this.setInputValue(value);\n      this.previousEmittedValue = value;\n    }\n\n    if (nativeEvent) {\n      const calciteInputInputEvent = this.calciteInputInput.emit();\n      if (calciteInputInputEvent.defaultPrevented) {\n        this.value = this.previousValue;\n        this.displayedValue =\n          this.type === \"number\"\n            ? numberStringFormatter.localize(this.previousValue)\n            : this.previousValue;\n      } else if (committing) {\n        this.emitChangeIfUserModified();\n      }\n    }\n  };\n\n  private inputKeyUpHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private warnAboutInvalidNumberValue(value: string): void {\n    if (this.type === \"number\" && value && !isValidNumber(value)) {\n      console.warn(`The specified value \"${value}\" cannot be parsed, or is out of range.`);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const loader = (\n      <div class={CSS.loader}>\n        <calcite-progress label={this.messages.loading} type=\"indeterminate\" />\n      </div>\n    );\n\n    const inputClearButton = (\n      <button\n        aria-label={this.messages.clear}\n        class={CSS.clearButton}\n        disabled={this.disabled || this.readOnly}\n        onClick={this.clearInputValue}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n    const iconEl = (\n      <calcite-icon\n        class={CSS.inputIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.requestedIcon}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const isHorizontalNumberButton = this.numberButtonType === \"horizontal\";\n\n    const numberButtonsHorizontalUp = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"up\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.numberButtonPointerDownHandler}\n        onPointerOut={this.numberButtonPointerUpAndOutHandler}\n        onPointerUp={this.numberButtonPointerUpAndOutHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-up\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsHorizontalDown = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"down\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.numberButtonPointerDownHandler}\n        onPointerOut={this.numberButtonPointerUpAndOutHandler}\n        onPointerUp={this.numberButtonPointerUpAndOutHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsVertical = (\n      <div class={CSS.numberButtonWrapper}>\n        {numberButtonsHorizontalUp}\n        {numberButtonsHorizontalDown}\n      </div>\n    );\n\n    const prefixText = <div class={CSS.prefix}>{this.prefixText}</div>;\n\n    const suffixText = <div class={CSS.suffix}>{this.suffixText}</div>;\n\n    const localeNumberInput =\n      this.type === \"number\" ? (\n        <input\n          accept={this.accept}\n          aria-label={getLabelText(this)}\n          autocomplete={this.autocomplete}\n          autofocus={this.autofocus ? true : null}\n          defaultValue={this.defaultValue}\n          disabled={this.disabled ? true : null}\n          enterKeyHint={this.enterKeyHint}\n          inputMode={this.inputMode}\n          key=\"localized-input\"\n          maxLength={this.maxLength}\n          minLength={this.minLength}\n          multiple={this.multiple}\n          name={undefined}\n          onBlur={this.inputBlurHandler}\n          onFocus={this.inputFocusHandler}\n          onInput={this.inputNumberInputHandler}\n          onKeyDown={this.inputNumberKeyDownHandler}\n          onKeyUp={this.inputKeyUpHandler}\n          pattern={this.pattern}\n          placeholder={this.placeholder || \"\"}\n          readOnly={this.readOnly}\n          type=\"text\"\n          value={this.displayedValue}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.setChildNumberElRef}\n        />\n      ) : null;\n\n    const childEl =\n      this.type !== \"number\"\n        ? [\n            <this.childElType\n              accept={this.accept}\n              aria-label={getLabelText(this)}\n              autocomplete={this.autocomplete}\n              autofocus={this.autofocus ? true : null}\n              class={{\n                [CSS.editingEnabled]: this.editingEnabled,\n                [CSS.inlineChild]: !!this.inlineEditableEl,\n              }}\n              defaultValue={this.defaultValue}\n              disabled={this.disabled ? true : null}\n              enterKeyHint={this.enterKeyHint}\n              inputMode={this.inputMode}\n              max={this.maxString}\n              maxLength={this.maxLength}\n              min={this.minString}\n              minLength={this.minLength}\n              multiple={this.multiple}\n              name={this.name}\n              onBlur={this.inputBlurHandler}\n              onChange={this.inputChangeHandler}\n              onFocus={this.inputFocusHandler}\n              onInput={this.inputInputHandler}\n              onKeyDown={this.inputKeyDownHandler}\n              onKeyUp={this.inputKeyUpHandler}\n              pattern={this.pattern}\n              placeholder={this.placeholder || \"\"}\n              readOnly={this.readOnly}\n              required={this.required ? true : null}\n              step={this.step}\n              tabIndex={\n                this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null\n              }\n              type={this.type}\n              value={this.value}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={this.setChildElRef}\n            />,\n            this.isTextarea ? (\n              <div class={CSS.resizeIconWrapper}>\n                <calcite-icon icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n              </div>\n            ) : null,\n          ]\n        : null;\n\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={{ [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.type === \"number\" && this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalDown\n              : null}\n            {this.prefixText ? prefixText : null}\n            <div class={CSS.wrapper}>\n              {localeNumberInput}\n              {childEl}\n              {this.isClearable ? inputClearButton : null}\n              {this.requestedIcon ? iconEl : null}\n              {this.loading ? loader : null}\n            </div>\n            <div class={CSS.actionWrapper}>\n              <slot name={SLOTS.action} />\n            </div>\n            {this.type === \"number\" && this.numberButtonType === \"vertical\" && !this.readOnly\n              ? numberButtonsVertical\n              : null}\n            {this.suffixText ? suffixText : null}\n            {this.type === \"number\" && this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalUp\n              : null}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-06b723c2.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{r as t,c as e,h as i,H as n,g as o}from"./p-2c5a5185.js";import{t as s,i as a,l as r,d as c}from"./p-07e62779.js";import{f as l,c as d,d as h,a as p,F as m,r as u}from"./p-68420d26.js";import{g as f}from"./p-e9580c79.js";import{c as g,u as w,d as b,I as v}from"./p-bbee4a2f.js";import{i as k}from"./p-f511cecc.js";import{c as x,s as y,a as z}from"./p-a652a193.js";import{c as D}from"./p-f07f2b9f.js";import{o as I}from"./p-892cc6f5.js";import{g as C}from"./p-823e8612.js";import"./p-a8957238.js";import"./p-878c5964.js";import"./p-26710f27.js";const E={dropdownTrigger:"trigger"};const H=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host .calcite-dropdown-wrapper{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{visibility:visible}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;block-size:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width-scale=s]){--calcite-dropdown-width:12rem}:host([width-scale=m]){--calcite-dropdown-width:14rem}:host([width-scale=l]){--calcite-dropdown-width:16rem}:host([hidden]){display:none}[hidden]{display:none}";const P=class{constructor(i){t(this,i);this.calciteDropdownSelect=e(this,"calciteDropdownSelect",6);this.calciteDropdownBeforeClose=e(this,"calciteDropdownBeforeClose",6);this.calciteDropdownClose=e(this,"calciteDropdownClose",6);this.calciteDropdownBeforeOpen=e(this,"calciteDropdownBeforeOpen",6);this.calciteDropdownOpen=e(this,"calciteDropdownOpen",6);this.items=[];this.groups=[];this.mutationObserver=D("mutation",(()=>this.updateItems()));this.resizeObserver=D("resize",(t=>this.resizeObserverCallback(t)));this.openTransitionProp="opacity";this.guid=`calcite-dropdown-${f()}`;this.defaultAssignedElements=[];this.slotChangeHandler=t=>{this.defaultAssignedElements=t.target.assignedElements({flatten:true});this.updateItems()};this.setFilteredPlacements=()=>{const{el:t,flipPlacements:e}=this;this.filteredFlipPlacements=e?l(e,t):null};this.updateTriggers=t=>{this.triggers=t.target.assignedElements({flatten:true});this.reposition(true)};this.updateItems=()=>{this.items=this.groups.map((t=>Array.from(t?.querySelectorAll("calcite-dropdown-item")))).reduce(((t,e)=>[...t,...e]),[]);this.updateSelectedItems();this.reposition(true);this.items.forEach((t=>t.scale=this.scale))};this.updateGroups=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-dropdown-group")));this.groups=e;this.updateItems()};this.resizeObserverCallback=t=>{t.forEach((t=>{const{target:e}=t;if(e===this.referenceEl){this.setDropdownWidth()}else if(e===this.scrollerEl){this.setMaxScrollerHeight()}}))};this.setDropdownWidth=()=>{const{referenceEl:t,scrollerEl:e}=this;const i=t?.clientWidth;if(!i||!e){return}e.style.minWidth=`${i}px`};this.setMaxScrollerHeight=()=>{const{scrollerEl:t}=this;if(!t){return}this.reposition(true);const e=this.getMaxScrollerHeight();t.style.maxHeight=e>0?`${e}px`:"";this.reposition(true)};this.setScrollerAndTransitionEl=t=>{this.resizeObserver.observe(t);this.scrollerEl=t;this.transitionEl=t};this.setReferenceEl=t=>{this.referenceEl=t;d(this,this.referenceEl,this.floatingEl);this.resizeObserver.observe(t)};this.setFloatingEl=t=>{this.floatingEl=t;d(this,this.referenceEl,this.floatingEl)};this.keyDownHandler=t=>{if(!t.composedPath().includes(this.referenceEl)){return}const{defaultPrevented:e,key:i}=t;if(e){return}if(this.open){if(i==="Escape"){this.closeCalciteDropdown();t.preventDefault();return}else if(t.shiftKey&&i==="Tab"){this.closeCalciteDropdown();t.preventDefault();return}}if(k(i)){this.openCalciteDropdown();t.preventDefault()}else if(i==="Escape"){this.closeCalciteDropdown();t.preventDefault()}};this.focusOnFirstActiveOrFirstItem=()=>{this.getFocusableElement(this.getTraversableItems().find((t=>t.selected))||this.items[0])};this.toggleOpenEnd=()=>{this.focusOnFirstActiveOrFirstItem();this.el.removeEventListener("calciteDropdownOpen",this.toggleOpenEnd)};this.openCalciteDropdown=()=>{this.open=!this.open;if(this.open){this.el.addEventListener("calciteDropdownOpen",this.toggleOpenEnd)}};this.open=false;this.closeOnSelectDisabled=false;this.disabled=false;this.flipPlacements=undefined;this.maxItems=0;this.overlayPositioning="absolute";this.placement=h;this.selectedItems=[];this.type="click";this.widthScale=undefined;this.scale="m"}openHandler(){I(this);if(this.disabled){this.open=false;return}this.reposition(true)}handleDisabledChange(t){if(!t){this.open=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}handlePropsChange(){this.updateItems()}async setFocus(){await x(this);this.el.focus()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.setFilteredPlacements();this.reposition(true);if(this.open){this.openHandler();I(this)}g(this);this.updateItems();d(this,this.referenceEl,this.floatingEl)}componentWillLoad(){y(this)}componentDidLoad(){z(this);this.reposition(true)}componentDidRender(){w(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();b(this);p(this,this.referenceEl,this.floatingEl)}render(){const{open:t,guid:e}=this;return i(n,null,i(v,{disabled:this.disabled},i("div",{class:"calcite-trigger-container",id:`${e}-menubutton`,onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},i("slot",{"aria-controls":`${e}-menu`,"aria-expanded":s(t),"aria-haspopup":"menu",name:E.dropdownTrigger,onSlotchange:this.updateTriggers})),i("div",{"aria-hidden":s(!t),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},i("div",{"aria-labelledby":`${e}-menubutton`,class:{["calcite-dropdown-content"]:true,[m.animation]:true,[m.animationActive]:t},id:`${e}-menu`,role:"menu",ref:this.setScrollerAndTransitionEl},i("slot",{onSlotchange:this.updateGroups})))))}async reposition(t=false){const{floatingEl:e,referenceEl:i,placement:n,overlayPositioning:o,filteredFlipPlacements:s}=this;return u(this,{floatingEl:e,referenceEl:i,overlayPositioning:o,placement:n,flipPlacements:s,type:"menu"},t)}closeCalciteDropdownOnClick(t){if(this.disabled||!a(t)||!this.open||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)}closeCalciteDropdownOnEvent(t){this.closeCalciteDropdown();t.stopPropagation()}closeCalciteDropdownOnOpenEvent(t){if(t.composedPath().includes(this.el)){return}this.open=false}pointerEnterHandler(){if(this.disabled||this.type!=="hover"){return}this.openCalciteDropdown()}pointerLeaveHandler(){if(this.disabled||this.type!=="hover"){return}this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter((t=>!t.disabled&&!t.hidden))}calciteInternalDropdownItemKeyEvent(t){const{keyboardEvent:e}=t.detail;const i=e.target;const n=this.getTraversableItems();switch(e.key){case"Tab":this.open=false;this.updateTabIndexOfItems(i);break;case"ArrowDown":r(n,i,"next");break;case"ArrowUp":r(n,i,"previous");break;case"Home":r(n,i,"first");break;case"End":r(n,i,"last");break}t.stopPropagation()}handleItemSelect(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.closeOnSelectDisabled||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}t.stopPropagation()}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit()}updateSelectedItems(){this.selectedItems=this.items.filter((t=>t.selected))}getMaxScrollerHeight(){const{maxItems:t,items:e}=this;let i=0;let n=0;let o;this.groups.forEach((e=>{if(t>0&&i<t){Array.from(e.children).forEach(((e,s)=>{if(s===0){if(isNaN(o)){o=e.offsetTop}n+=o}if(i<t){n+=e.offsetHeight;i+=1}}))}}));return e.length>t?n:0}closeCalciteDropdown(t=true){this.open=false;if(t){c(this.triggers[0])}}getFocusableElement(t){if(!t){return}c(t)}updateTabIndexOfItems(t){this.items.forEach((e=>{e.tabIndex=t!==e?-1:0}))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],scale:["handlePropsChange"]}}};P.style=H;const j={container:"container",containerLink:"container--link",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon-end",iconStart:"dropdown-item-icon-start",itemContent:"dropdown-item-content",link:"dropdown-link"};const O=":host{position:relative;display:block}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const A=class{constructor(i){t(this,i);this.calciteInternalDropdownItemChange=e(this,"calciteInternalDropdownItemChange",6);this.updateItems=()=>{Array.from(this.el.querySelectorAll("calcite-dropdown-item")).forEach((t=>t.selectionMode=this.selectionMode))};this.mutationObserver=D("mutation",(()=>this.updateItems()));this.groupTitle=undefined;this.scale="m";this.selectionMode="single"}handlePropsChange(){this.updateItems()}connectedCallback(){this.updateItems();this.mutationObserver?.observe(this.el,{childList:true})}componentWillLoad(){this.groupPosition=this.getGroupPosition()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const t=this.groupTitle?i("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;const e=this.groupPosition>0?i("div",{class:"dropdown-separator",role:"separator"}):null;return i(n,{"aria-label":this.groupTitle,role:"group"},i("div",{class:{[j.container]:true,[`${j.container}--${this.scale}`]:true}},e,t,i("slot",null)))}updateActiveItemOnChange(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})}getGroupPosition(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{selectionMode:["handlePropsChange"]}}};A.style=O;const $=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.container--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}.container--s.container--none-selection{padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{padding-inline-start:0px}.container--m.container--none-selection{padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{padding-inline-start:0px}.container--l.container--none-selection{padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{padding-inline-start:0px}:host{position:relative;display:flex;flex-grow:1;align-items:center}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem;padding-inline-end:auto;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite--color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container--link{padding:0px}.container--link a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .container--link .dropdown-link,:host(:active:not([disabled])) .container--link .dropdown-link{color:var(--calcite-color-text-1)}:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-3)}:host(:focus) .container{color:var(--calcite-color-text-1);text-decoration-line:none}:host([selected]) .container:not(.container--none-selection),:host([selected]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .container--link .dropdown-link calcite-icon{color:var(--calcite-color-brand)}.dropdown-item-icon{position:absolute;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover:not([disabled])) .dropdown-item-icon{color:var(--calcite-color-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-color-brand);opacity:1}.container--s .dropdown-item-icon-start{margin-inline-end:0.5rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{margin-inline-end:0.75rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{margin-inline-end:1rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const S=class{constructor(i){t(this,i);this.calciteDropdownItemSelect=e(this,"calciteDropdownItemSelect",6);this.calciteInternalDropdownItemSelect=e(this,"calciteInternalDropdownItemSelect",6);this.calciteInternalDropdownItemKeyEvent=e(this,"calciteInternalDropdownItemKeyEvent",6);this.calciteInternalDropdownCloseRequest=e(this,"calciteInternalDropdownCloseRequest",6);this.disabled=false;this.href=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.label=undefined;this.rel=undefined;this.selected=false;this.target=undefined;this.selectionMode="single";this.scale="m"}async setFocus(){await x(this);this.el?.focus()}componentWillLoad(){y(this);this.initialize()}componentDidLoad(){z(this)}connectedCallback(){this.initialize()}componentDidRender(){w(this)}render(){const{href:t,selectionMode:e,label:o,iconFlipRtl:a,scale:r}=this;const c=i("calcite-icon",{class:j.iconStart,flipRtl:a==="start"||a==="both",icon:this.iconStart,scale:C(this.scale)});const l=i("span",{class:j.itemContent},i("slot",null));const d=i("calcite-icon",{class:j.iconEnd,flipRtl:a==="end"||a==="both",icon:this.iconEnd,scale:C(this.scale)});const h=this.iconStart&&this.iconEnd?[c,l,d]:this.iconStart?[c,l]:this.iconEnd?[l,d]:l;const p=!t?h:i("a",{"aria-label":o,class:j.link,href:t,rel:this.rel,tabIndex:-1,target:this.target,ref:t=>this.childLink=t},h);const m=t?null:e==="single"?"menuitemradio":e==="multiple"?"menuitemcheckbox":"menuitem";const u=e!=="none"?s(this.selected):null;const{disabled:f}=this;return i(n,{"aria-checked":u,"aria-label":!t?o:"",role:m,tabIndex:f?-1:0},i(v,{disabled:f},i("div",{class:{[j.container]:true,[j.containerLink]:!!t,[`${j.container}--${r}`]:true,[j.containerMulti]:e==="multiple",[j.containerSingle]:e==="single",[j.containerNone]:e==="none"}},e!=="none"?i("calcite-icon",{class:j.icon,icon:e==="multiple"?"check":"bullet-point",scale:C(this.scale)}):null,p)))}onClick(){this.emitRequestedItem()}keyDownHandler(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break}}updateActiveItemOnChange(t){const e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}t.stopPropagation()}initialize(){this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.selected=false}}determineActiveItem(){switch(this.selectionMode){case"multiple":if(this.el===this.requestedDropdownItem){this.selected=!this.selected}break;case"single":if(this.el===this.requestedDropdownItem){this.selected=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.selected=false}break;case"none":this.selected=false;break}}emitRequestedItem(){this.calciteDropdownItemSelect.emit();this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}get el(){return o(this)}};S.style=$;export{P as calcite_dropdown,A as calcite_dropdown_group,S as calcite_dropdown_item};
+//# sourceMappingURL=p-06b723c2.entry.js.map

package/dist/calcite/p-06b723c2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SLOTS","dropdownTrigger","dropdownCss","Dropdown","this","items","groups","mutationObserver","createObserver","updateItems","resizeObserver","entries","resizeObserverCallback","openTransitionProp","guid","defaultAssignedElements","slotChangeHandler","event","target","assignedElements","flatten","setFilteredPlacements","el","flipPlacements","filteredFlipPlacements","filterComputedPlacements","updateTriggers","triggers","reposition","map","group","Array","from","querySelectorAll","reduce","previousValue","currentValue","updateSelectedItems","forEach","item","scale","updateGroups","filter","matches","entry","referenceEl","setDropdownWidth","scrollerEl","setMaxScrollerHeight","referenceElWidth","clientWidth","style","minWidth","maxScrollerHeight","getMaxScrollerHeight","maxHeight","setScrollerAndTransitionEl","observe","transitionEl","setReferenceEl","connectFloatingUI","floatingEl","setFloatingEl","keyDownHandler","composedPath","includes","defaultPrevented","key","open","closeCalciteDropdown","preventDefault","shiftKey","isActivationKey","openCalciteDropdown","focusOnFirstActiveOrFirstItem","getFocusableElement","getTraversableItems","find","selected","toggleOpenEnd","removeEventListener","addEventListener","defaultMenuPlacement","openHandler","onToggleOpenCloseComponent","disabled","handleDisabledChange","value","flipPlacementsHandler","maxItemsHandler","overlayPositioningHandler","placementHandler","handlePropsChange","setFocus","componentFocusable","focus","connectedCallback","childList","subtree","connectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnect","disconnectInteractive","disconnectFloatingUI","render","h","Host","InteractiveContainer","class","id","onClick","onKeyDown","ref","toAriaBoolean","name","onSlotchange","FloatingCSS","animation","animationActive","role","delayed","placement","overlayPositioning","type","closeCalciteDropdownOnClick","isPrimaryPointerButton","closeCalciteDropdownOnEvent","stopPropagation","closeCalciteDropdownOnOpenEvent","pointerEnterHandler","pointerLeaveHandler","hidden","calciteInternalDropdownItemKeyEvent","keyboardEvent","detail","traversableItems","updateTabIndexOfItems","focusElementInGroup","handleItemSelect","calciteDropdownSelect","emit","closeOnSelectDisabled","requestedDropdownGroup","selectionMode","onBeforeOpen","calciteDropdownBeforeOpen","onOpen","calciteDropdownOpen","onBeforeClose","calciteDropdownBeforeClose","onClose","calciteDropdownClose","selectedItems","maxItems","itemsToProcess","groupHeaderHeight","children","index","isNaN","offsetTop","offsetHeight","length","focusTrigger","focusElement","tabIndex","CSS","container","containerLink","containerMulti","containerSingle","containerNone","icon","iconEnd","iconStart","itemContent","link","dropdownGroupCss","DropdownGroup","groupPosition","getGroupPosition","groupTitle","dropdownSeparator","updateActiveItemOnChange","requestedDropdownItem","calciteInternalDropdownItemChange","prototype","indexOf","call","parentElement","dropdownItemCss","DropdownItem","initialize","href","label","iconFlipRtl","iconStartEl","flipRtl","getIconScale","contentNode","iconEndEl","slottedContent","contentEl","rel","childLink","itemRole","itemAria","emitRequestedItem","click","calciteInternalDropdownCloseRequest","parentEmittedChange","parentDropdownGroupEl","determineActiveItem","closest","calciteDropdownItemSelect","calciteInternalDropdownItemSelect"],"sources":["src/components/dropdown/resources.ts","src/components/dropdown/dropdown.scss?tag=calcite-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx","src/components/dropdown-item/resources.ts","src/components/dropdown-group/dropdown-group.scss?tag=calcite-dropdown-group&encapsulation=shadow","src/components/dropdown-group/dropdown-group.tsx","src/components/dropdown-item/dropdown-item.scss?tag=calcite-dropdown-item&encapsulation=shadow","src/components/dropdown-item/dropdown-item.tsx"],"sourcesContent":["export const SLOTS = {\n  dropdownTrigger: \"trigger\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-dropdown-width: Specifies the width of the component's wrapper.\n */\n\n:host {\n  @apply inline-block;\n}\n\n@include disabled();\n\n:host .calcite-dropdown-wrapper {\n  --calcite-floating-ui-z-index: theme(\"zIndex.dropdown\");\n  @include floatingUIContainer();\n  @include floatingUIWrapper();\n}\n\n@include floatingUIElemAnim(\".calcite-dropdown-wrapper\");\n:host([open]) .calcite-dropdown-wrapper {\n  @include floatingUIWrapperActive();\n}\n\n:host .calcite-dropdown-content {\n  @apply bg-foreground-1\n    w-auto\n    overflow-y-auto\n    overflow-x-hidden\n    max-h-menu;\n  inline-size: var(--calcite-dropdown-width);\n}\n.calcite-trigger-container {\n  @apply relative flex flex-auto h-full;\n  @include word-break;\n}\n\n@media (forced-colors: active) {\n  /* use real border since box-shadow is removed in high contrast mode */\n  :host([open]) .calcite-dropdown-wrapper {\n    border: 1px solid canvasText;\n  }\n}\n\n// width\n:host([width-scale=\"s\"]) {\n  --calcite-dropdown-width: theme(\"spacing.48\");\n}\n:host([width-scale=\"m\"]) {\n  --calcite-dropdown-width: theme(\"spacing.56\");\n}\n:host([width-scale=\"l\"]) {\n  --calcite-dropdown-width: theme(\"spacing.64\");\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { ItemKeyboardEvent } from \"./interfaces\";\n\nimport {\n  focusElement,\n  focusElementInGroup,\n  isPrimaryPointerButton,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  connectFloatingUI,\n  defaultMenuPlacement,\n  disconnectFloatingUI,\n  EffectivePlacement,\n  filterComputedPlacements,\n  FloatingCSS,\n  FloatingUIComponent,\n  MenuPlacement,\n  OverlayPositioning,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.\n * @slot trigger - A slot for the element that triggers the `calcite-dropdown`.\n */\n@Component({\n  tag: \"calcite-dropdown\",\n  styleUrl: \"dropdown.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Dropdown\n  implements InteractiveComponent, LoadableComponent, OpenCloseComponent, FloatingUIComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, displays and positions the component.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n\n    if (this.disabled) {\n      this.open = false;\n      return;\n    }\n\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, the component will remain open after a selection is made.\n   *\n   * If the `selectionMode` of the selected `calcite-dropdown-item`'s containing `calcite-dropdown-group` is `\"none\"`, the component will always close.\n   *\n   */\n  @Prop({ reflect: true }) closeOnSelectDisabled = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(value: boolean): void {\n    if (!value) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: EffectivePlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller.\n   * Value must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.\n   */\n  @Prop({ reflect: true }) maxItems = 0;\n\n  @Watch(\"maxItems\")\n  maxItemsHandler(): void {\n    this.setMaxScrollerHeight();\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Determines where the component will be positioned relative to the container element.\n   *\n   * @default \"bottom-start\"\n   */\n  @Prop({ reflect: true }) placement: MenuPlacement = defaultMenuPlacement;\n\n  @Watch(\"placement\")\n  placementHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteDropdownItemElement[] = [];\n\n  /**\n   * Specifies the action to open the component from the container element.\n   */\n  @Prop({ reflect: true }) type: \"hover\" | \"click\" = \"click\";\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) widthScale: Scale;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"scale\")\n  handlePropsChange(): void {\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    this.setFilteredPlacements();\n    this.reposition(true);\n    if (this.open) {\n      this.openHandler();\n      onToggleOpenCloseComponent(this);\n    }\n    connectInteractive(this);\n    this.updateItems();\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.reposition(true);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  render(): VNode {\n    const { open, guid } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class=\"calcite-trigger-container\"\n            id={`${guid}-menubutton`}\n            onClick={this.openCalciteDropdown}\n            onKeyDown={this.keyDownHandler}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setReferenceEl}\n          >\n            <slot\n              aria-controls={`${guid}-menu`}\n              aria-expanded={toAriaBoolean(open)}\n              aria-haspopup=\"menu\"\n              name={SLOTS.dropdownTrigger}\n              onSlotchange={this.updateTriggers}\n            />\n          </div>\n          <div\n            aria-hidden={toAriaBoolean(!open)}\n            class=\"calcite-dropdown-wrapper\"\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setFloatingEl}\n          >\n            <div\n              aria-labelledby={`${guid}-menubutton`}\n              class={{\n                [\"calcite-dropdown-content\"]: true,\n                [FloatingCSS.animation]: true,\n                [FloatingCSS.animationActive]: open,\n              }}\n              id={`${guid}-menu`}\n              role=\"menu\"\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={this.setScrollerAndTransitionEl}\n            >\n              <slot onSlotchange={this.updateGroups} />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;\n\n    return reposition(\n      this,\n      {\n        floatingEl,\n        referenceEl,\n        overlayPositioning,\n        placement,\n        flipPlacements: filteredFlipPlacements,\n        type: \"menu\",\n      },\n      delayed,\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when a `calcite-dropdown-item`'s selection changes. */\n  @Event({ cancelable: false }) calciteDropdownSelect: EventEmitter<void>;\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteDropdownBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteDropdownBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownOpen: EventEmitter<void>;\n\n  @Listen(\"pointerdown\", { target: \"window\" })\n  closeCalciteDropdownOnClick(event: PointerEvent): void {\n    if (\n      this.disabled ||\n      !isPrimaryPointerButton(event) ||\n      !this.open ||\n      event.composedPath().includes(this.el)\n    ) {\n      return;\n    }\n\n    this.closeCalciteDropdown(false);\n  }\n\n  @Listen(\"calciteInternalDropdownCloseRequest\")\n  closeCalciteDropdownOnEvent(event: Event): void {\n    this.closeCalciteDropdown();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteDropdownOpen\", { target: \"window\" })\n  closeCalciteDropdownOnOpenEvent(event: Event): void {\n    if (event.composedPath().includes(this.el)) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.openCalciteDropdown();\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.closeCalciteDropdown();\n  }\n\n  private getTraversableItems(): HTMLCalciteDropdownItemElement[] {\n    return this.items.filter((item) => !item.disabled && !item.hidden);\n  }\n\n  @Listen(\"calciteInternalDropdownItemKeyEvent\")\n  calciteInternalDropdownItemKeyEvent(event: CustomEvent<ItemKeyboardEvent>): void {\n    const { keyboardEvent } = event.detail;\n    const target = keyboardEvent.target as HTMLCalciteDropdownItemElement;\n    const traversableItems = this.getTraversableItems();\n\n    switch (keyboardEvent.key) {\n      case \"Tab\":\n        this.open = false;\n        this.updateTabIndexOfItems(target);\n        break;\n      case \"ArrowDown\":\n        focusElementInGroup(traversableItems, target, \"next\");\n        break;\n      case \"ArrowUp\":\n        focusElementInGroup(traversableItems, target, \"previous\");\n        break;\n      case \"Home\":\n        focusElementInGroup(traversableItems, target, \"first\");\n        break;\n      case \"End\":\n        focusElementInGroup(traversableItems, target, \"last\");\n        break;\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  handleItemSelect(event: CustomEvent<RequestedItem>): void {\n    this.updateSelectedItems();\n    event.stopPropagation();\n    this.calciteDropdownSelect.emit();\n    if (\n      !this.closeOnSelectDisabled ||\n      event.detail.requestedDropdownGroup.selectionMode === \"none\"\n    ) {\n      this.closeCalciteDropdown();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownElement;\n\n  filteredFlipPlacements: EffectivePlacement[];\n\n  private items: HTMLCalciteDropdownItemElement[] = [];\n\n  private groups: HTMLCalciteDropdownGroupElement[] = [];\n\n  /** trigger elements */\n  private triggers: HTMLElement[];\n\n  floatingEl: HTMLDivElement;\n\n  referenceEl: HTMLDivElement;\n\n  private scrollerEl: HTMLDivElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  resizeObserver = createObserver(\"resize\", (entries) => this.resizeObserverCallback(entries));\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  guid = `calcite-dropdown-${guid()}`;\n\n  defaultAssignedElements: Element[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  slotChangeHandler = (event: Event): void => {\n    this.defaultAssignedElements = (event.target as HTMLSlotElement).assignedElements({\n      flatten: true,\n    });\n\n    this.updateItems();\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterComputedPlacements(flipPlacements, el)\n      : null;\n  };\n\n  updateTriggers = (event: Event): void => {\n    this.triggers = (event.target as HTMLSlotElement).assignedElements({\n      flatten: true,\n    }) as HTMLElement[];\n\n    this.reposition(true);\n  };\n\n  updateItems = (): void => {\n    this.items = this.groups\n      .map((group) => Array.from(group?.querySelectorAll(\"calcite-dropdown-item\")))\n      .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n    this.updateSelectedItems();\n\n    this.reposition(true);\n\n    this.items.forEach((item) => (item.scale = this.scale));\n  };\n\n  updateGroups = (event: Event): void => {\n    const groups = (event.target as HTMLSlotElement)\n      .assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-dropdown-group\")) as HTMLCalciteDropdownGroupElement[];\n\n    this.groups = groups;\n\n    this.updateItems();\n  };\n\n  resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n    entries.forEach((entry) => {\n      const { target } = entry;\n      if (target === this.referenceEl) {\n        this.setDropdownWidth();\n      } else if (target === this.scrollerEl) {\n        this.setMaxScrollerHeight();\n      }\n    });\n  };\n\n  setDropdownWidth = (): void => {\n    const { referenceEl, scrollerEl } = this;\n    const referenceElWidth = referenceEl?.clientWidth;\n\n    if (!referenceElWidth || !scrollerEl) {\n      return;\n    }\n\n    scrollerEl.style.minWidth = `${referenceElWidth}px`;\n  };\n\n  setMaxScrollerHeight = (): void => {\n    const { scrollerEl } = this;\n    if (!scrollerEl) {\n      return;\n    }\n\n    this.reposition(true);\n    const maxScrollerHeight = this.getMaxScrollerHeight();\n    scrollerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : \"\";\n    this.reposition(true);\n  };\n\n  setScrollerAndTransitionEl = (el: HTMLDivElement): void => {\n    this.resizeObserver.observe(el);\n    this.scrollerEl = el;\n\n    this.transitionEl = el;\n  };\n\n  onBeforeOpen(): void {\n    this.calciteDropdownBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteDropdownOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteDropdownBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteDropdownClose.emit();\n  }\n\n  setReferenceEl = (el: HTMLDivElement): void => {\n    this.referenceEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n    this.resizeObserver.observe(el);\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (!event.composedPath().includes(this.referenceEl)) {\n      return;\n    }\n\n    const { defaultPrevented, key } = event;\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (this.open) {\n      if (key === \"Escape\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      } else if (event.shiftKey && key === \"Tab\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      }\n    }\n\n    if (isActivationKey(key)) {\n      this.openCalciteDropdown();\n      event.preventDefault();\n    } else if (key === \"Escape\") {\n      this.closeCalciteDropdown();\n      event.preventDefault();\n    }\n  };\n\n  private updateSelectedItems(): void {\n    this.selectedItems = this.items.filter((item) => item.selected);\n  }\n\n  private getMaxScrollerHeight(): number {\n    const { maxItems, items } = this;\n    let itemsToProcess = 0;\n    let maxScrollerHeight = 0;\n    let groupHeaderHeight: number;\n\n    this.groups.forEach((group) => {\n      if (maxItems > 0 && itemsToProcess < maxItems) {\n        Array.from(group.children).forEach((item: HTMLCalciteDropdownItemElement, index) => {\n          if (index === 0) {\n            if (isNaN(groupHeaderHeight)) {\n              groupHeaderHeight = item.offsetTop;\n            }\n\n            maxScrollerHeight += groupHeaderHeight;\n          }\n\n          if (itemsToProcess < maxItems) {\n            maxScrollerHeight += item.offsetHeight;\n            itemsToProcess += 1;\n          }\n        });\n      }\n    });\n\n    return items.length > maxItems ? maxScrollerHeight : 0;\n  }\n\n  private closeCalciteDropdown(focusTrigger = true) {\n    this.open = false;\n\n    if (focusTrigger) {\n      focusElement(this.triggers[0]);\n    }\n  }\n\n  private focusOnFirstActiveOrFirstItem = (): void => {\n    this.getFocusableElement(\n      this.getTraversableItems().find((item) => item.selected) || this.items[0],\n    );\n  };\n\n  private getFocusableElement(item: HTMLCalciteDropdownItemElement): void {\n    if (!item) {\n      return;\n    }\n\n    focusElement(item);\n  }\n\n  private toggleOpenEnd = (): void => {\n    this.focusOnFirstActiveOrFirstItem();\n    this.el.removeEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n  };\n\n  private openCalciteDropdown = () => {\n    this.open = !this.open;\n    if (this.open) {\n      this.el.addEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n    }\n  };\n\n  private updateTabIndexOfItems(target: HTMLCalciteDropdownItemElement): void {\n    this.items.forEach((item: HTMLCalciteDropdownItemElement) => {\n      item.tabIndex = target !== item ? -1 : 0;\n    });\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  containerLink: \"container--link\",\n  containerMulti: \"container--multi-selection\",\n  containerSingle: \"container--single-selection\",\n  containerNone: \"container--none-selection\",\n  icon: \"dropdown-item-icon\",\n  iconEnd: \"dropdown-item-icon-end\",\n  iconStart: \"dropdown-item-icon-start\",\n  itemContent: \"dropdown-item-content\",\n  link: \"dropdown-link\",\n};\n",":host {\n  // we make the host relative, so items can consistently compute their offsetTop based on the group\n  @apply block relative;\n}\n\n.container {\n  text-align: start;\n}\n\n.container--s {\n  @apply text-n2h;\n  .dropdown-title {\n    @apply p-2;\n  }\n}\n\n.container--m {\n  @apply text-n1h;\n  .dropdown-title {\n    @apply p-3;\n  }\n}\n\n.container--l {\n  @apply text-0h;\n  .dropdown-title {\n    @apply p-4;\n  }\n}\n\n.dropdown-title {\n  @apply border-color-3\n  text-color-2\n  -mb-px\n  block\n  cursor-default\n  break-words\n  border-0\n  border-b\n  border-solid\n  font-bold;\n}\n\n.dropdown-separator {\n  @apply block h-px;\n  background-color: theme(\"borderColor.color.3\");\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport { RequestedItem } from \"./interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS } from \"../dropdown-item/resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-item`s.\n */\n@Component({\n  tag: \"calcite-dropdown-group\",\n  styleUrl: \"dropdown-group.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DropdownGroup {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies and displays a group title. */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection, and\n   *\n   * `\"none\"` does not allow any selections.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> =\n    \"single\";\n\n  @Watch(\"selectionMode\")\n  handlePropsChange(): void {\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemChange: EventEmitter<RequestedItem>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.updateItems();\n    this.mutationObserver?.observe(this.el, { childList: true });\n  }\n\n  componentWillLoad(): void {\n    this.groupPosition = this.getGroupPosition();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const groupTitle = this.groupTitle ? (\n      <span aria-hidden=\"true\" class=\"dropdown-title\">\n        {this.groupTitle}\n      </span>\n    ) : null;\n\n    const dropdownSeparator =\n      this.groupPosition > 0 ? <div class=\"dropdown-separator\" role=\"separator\" /> : null;\n\n    return (\n      <Host aria-label={this.groupTitle} role=\"group\">\n        <div\n          class={{\n            [CSS.container]: true,\n            [`${CSS.container}--${this.scale}`]: true,\n          }}\n        >\n          {dropdownSeparator}\n          {groupTitle}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  updateActiveItemOnChange(event: CustomEvent): void {\n    this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n    this.requestedDropdownItem = event.detail.requestedDropdownItem;\n    this.calciteInternalDropdownItemChange.emit({\n      requestedDropdownGroup: this.requestedDropdownGroup,\n      requestedDropdownItem: this.requestedDropdownItem,\n    });\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownGroupElement;\n\n  /** position of group within a dropdown */\n  private groupPosition: number;\n\n  /** the requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** the requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  private updateItems = (): void => {\n    Array.from(this.el.querySelectorAll(\"calcite-dropdown-item\")).forEach(\n      (item) => (item.selectionMode = this.selectionMode),\n    );\n  };\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private getGroupPosition(): number {\n    return Array.prototype.indexOf.call(\n      this.el.parentElement.querySelectorAll(\"calcite-dropdown-group\"),\n      this.el,\n    );\n  }\n}\n",".container--s {\n  @apply text-n2h py-1;\n  padding-inline-end: theme(\"padding.2\");\n  padding-inline-start: theme(\"padding.6\");\n}\n\n.container--m {\n  @apply text-n1h py-2;\n  padding-inline-end: theme(\"padding.3\");\n  padding-inline-start: theme(\"padding.8\");\n}\n\n.container--l {\n  @apply text-0h py-2.5;\n  padding-inline-end: theme(\"padding.4\");\n  padding-inline-start: theme(\"padding.10\");\n}\n\n// none-selection mode\n.container--s.container--none-selection {\n  padding-inline-start: theme(\"padding.1\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n.container--m.container--none-selection {\n  padding-inline-start: theme(\"padding.2\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n.container--l.container--none-selection {\n  padding-inline-start: theme(\"padding.3\");\n  & .dropdown-link {\n    padding-inline-start: theme(\"padding.0\");\n  }\n}\n\n@mixin itemStyling {\n  @apply text-color-3\n    relative\n    flex\n    flex-grow\n    cursor-pointer\n    items-center\n    no-underline\n    duration-150\n    ease-in-out;\n}\n\n:host {\n  @apply relative\n    flex\n    flex-grow\n    items-center;\n}\n\n.container {\n  @include itemStyling;\n  text-align: start;\n}\n\n.dropdown-item-content {\n  @apply flex-auto py-0.5;\n  padding-inline-end: theme(\"margin.auto\");\n  padding-inline-start: theme(\"margin.1\");\n}\n\n//focus\n:host,\n.container--link a {\n  @apply focus-base;\n}\n:host(:focus) {\n  @apply focus-inset outline-none;\n}\n\n// when used as link move styling anchor\n.container--link {\n  @apply p-0;\n  & a {\n    @include itemStyling;\n  }\n}\n\n.container--s .dropdown-link {\n  @apply text-n2h py-1;\n  padding-inline-end: theme(\"padding.2\");\n  padding-inline-start: theme(\"padding.6\");\n}\n\n.container--m .dropdown-link {\n  @apply text-n1h py-2;\n  padding-inline-end: theme(\"padding.3\");\n  padding-inline-start: theme(\"padding.8\");\n}\n\n.container--l .dropdown-link {\n  @apply text-0h py-3;\n  padding-inline-end: theme(\"padding.4\");\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host(:hover:not([disabled])),\n:host(:active:not([disabled])) {\n  .container {\n    @apply bg-foreground-2 text-color-1 no-underline;\n  }\n\n  .container--link .dropdown-link {\n    @apply text-color-1;\n  }\n}\n\n:host(:active:not([disabled])) .container {\n  @apply bg-foreground-3;\n}\n\n:host(:focus) .container {\n  @apply text-color-1 no-underline;\n}\n\n:host([selected]) .container:not(.container--none-selection),\n:host([selected]) .container--link .dropdown-link {\n  @apply text-color-1 font-medium;\n  & calcite-icon {\n    color: theme(\"backgroundColor.brand\");\n  }\n}\n\n// item icon\n.dropdown-item-icon {\n  @apply absolute\n    opacity-0\n    duration-150\n    ease-in-out;\n  transform: scale(0.9);\n}\n\n.container--s .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.1\");\n}\n\n.container--m .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n.container--l .dropdown-item-icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host(:hover:not([disabled])) .dropdown-item-icon {\n  color: theme(\"borderColor.color.1\");\n  @apply opacity-100;\n}\n\n:host([selected]) .dropdown-item-icon {\n  color: theme(\"backgroundColor.brand\");\n  @apply opacity-100;\n}\n\n// icon start & end\n.container--s {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.2\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.2\");\n  }\n}\n\n.container--m {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.3\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.3\");\n  }\n}\n\n.container--l {\n  .dropdown-item-icon-start {\n    margin-inline-end: theme(\"margin.4\");\n    margin-inline-start: theme(\"margin.1\");\n  }\n  .dropdown-item-icon-end {\n    margin-inline-start: theme(\"margin.4\");\n  }\n}\n\n@include base-component();\n@include disabled();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { ItemKeyboardEvent } from \"../dropdown/interfaces\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { FlipContext, Scale, SelectionMode } from \"../interfaces\";\nimport { CSS } from \"./resources\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-dropdown-item\",\n  styleUrl: \"dropdown-item.scss\",\n  shadow: true,\n})\nexport class DropdownItem implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   *  Specifies the URL of the linked resource, which can be set as an absolute or relative path.\n   *\n   * Determines if the component will render as an anchor.\n   */\n  @Prop({ reflect: true }) href: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** Specifies the relationship to the linked document defined in `href`. */\n  @Prop({ reflect: true }) rel: string;\n\n  /** When `true`, the component is selected. */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /** Specifies the frame or window to open the linked document. */\n  @Prop({ reflect: true }) target: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is selected. */\n  @Event({ cancelable: false }) calciteDropdownItemSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemSelect: EventEmitter<RequestedItem>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalDropdownItemKeyEvent: EventEmitter<ItemKeyboardEvent>;\n\n  /** @internal */\n  @Event({ cancelable: false }) calciteInternalDropdownCloseRequest: EventEmitter<void>;\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.el?.focus();\n  }\n\n  /**\n   * Specifies the selection mode inherited from `calcite-dropdown-group`, defaults to `single`:\n   * - `multiple` allows any number of selected items,\n   * - `single` allows only one selection (default),\n   * - `none` doesn't allow for any selection.\n   *\n   * @internal\n   */\n  @Prop() selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> = \"single\";\n\n  /**\n   * Specifies the size of the component inherited from `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    this.initialize();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.initialize();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const { href, selectionMode, label, iconFlipRtl, scale } = this;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={CSS.iconStart}\n        flipRtl={iconFlipRtl === \"start\" || iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n    const contentNode = (\n      <span class={CSS.itemContent}>\n        <slot />\n      </span>\n    );\n    const iconEndEl = (\n      <calcite-icon\n        class={CSS.iconEnd}\n        flipRtl={iconFlipRtl === \"end\" || iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const slottedContent =\n      this.iconStart && this.iconEnd\n        ? [iconStartEl, contentNode, iconEndEl]\n        : this.iconStart\n          ? [iconStartEl, contentNode]\n          : this.iconEnd\n            ? [contentNode, iconEndEl]\n            : contentNode;\n\n    const contentEl = !href ? (\n      slottedContent\n    ) : (\n      <a\n        aria-label={label}\n        class={CSS.link}\n        href={href}\n        rel={this.rel}\n        tabIndex={-1}\n        target={this.target}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.childLink = el)}\n      >\n        {slottedContent}\n      </a>\n    );\n\n    const itemRole = href\n      ? null\n      : selectionMode === \"single\"\n        ? \"menuitemradio\"\n        : selectionMode === \"multiple\"\n          ? \"menuitemcheckbox\"\n          : \"menuitem\";\n\n    const itemAria = selectionMode !== \"none\" ? toAriaBoolean(this.selected) : null;\n    const { disabled } = this;\n\n    return (\n      <Host\n        aria-checked={itemAria}\n        aria-label={!href ? label : \"\"}\n        role={itemRole}\n        tabIndex={disabled ? -1 : 0}\n      >\n        <InteractiveContainer disabled={disabled}>\n          <div\n            class={{\n              [CSS.container]: true,\n              [CSS.containerLink]: !!href,\n              [`${CSS.container}--${scale}`]: true,\n              [CSS.containerMulti]: selectionMode === \"multiple\",\n              [CSS.containerSingle]: selectionMode === \"single\",\n              [CSS.containerNone]: selectionMode === \"none\",\n            }}\n          >\n            {selectionMode !== \"none\" ? (\n              <calcite-icon\n                class={CSS.icon}\n                icon={selectionMode === \"multiple\" ? \"check\" : \"bullet-point\"}\n                scale={getIconScale(this.scale)}\n              />\n            ) : null}\n            {contentEl}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\") onClick(): void {\n    this.emitRequestedItem();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        this.emitRequestedItem();\n        if (this.href) {\n          this.childLink.click();\n        }\n        event.preventDefault();\n        break;\n      case \"Escape\":\n        this.calciteInternalDropdownCloseRequest.emit();\n        event.preventDefault();\n        break;\n      case \"Tab\":\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n      case \"Home\":\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n    }\n  }\n\n  @Listen(\"calciteInternalDropdownItemChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent): void {\n    const parentEmittedChange = event.composedPath().includes(this.parentDropdownGroupEl);\n\n    if (parentEmittedChange) {\n      this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n      this.requestedDropdownItem = event.detail.requestedDropdownItem;\n      this.determineActiveItem();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownItemElement;\n\n  /** id of containing group */\n  private parentDropdownGroupEl: HTMLCalciteDropdownGroupElement;\n\n  /** requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  /** if href is requested, track the rendered child link*/\n  private childLink: HTMLAnchorElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private initialize(): void {\n    this.parentDropdownGroupEl = this.el.closest(\"calcite-dropdown-group\");\n    if (this.selectionMode === \"none\") {\n      this.selected = false;\n    }\n  }\n\n  private determineActiveItem(): void {\n    switch (this.selectionMode) {\n      case \"multiple\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = !this.selected;\n        }\n        break;\n\n      case \"single\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = true;\n        } else if (this.requestedDropdownGroup === this.parentDropdownGroupEl) {\n          this.selected = false;\n        }\n        break;\n\n      case \"none\":\n        this.selected = false;\n        break;\n    }\n  }\n\n  private emitRequestedItem(): void {\n    this.calciteDropdownItemSelect.emit();\n    this.calciteInternalDropdownItemSelect.emit({\n      requestedDropdownItem: this.el,\n      requestedDropdownGroup: this.parentDropdownGroupEl,\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-07e62779.js

@@ -0,0 +1,12 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{g as n}from"./p-e9580c79.js";import{C as r}from"./p-a8957238.js";
+/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var t=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"];var e=t.join(",");var u=typeof Element==="undefined";var i=u?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var o=!u&&Element.prototype.getRootNode?function(n){var r;return n===null||n===void 0?void 0:(r=n.getRootNode)===null||r===void 0?void 0:r.call(n)}:function(n){return n===null||n===void 0?void 0:n.ownerDocument};var a=function n(r,t){var e;if(t===void 0){t=true}var u=r===null||r===void 0?void 0:(e=r.getAttribute)===null||e===void 0?void 0:e.call(r,"inert");var i=u===""||u==="true";var o=i||t&&r&&n(r.parentNode);return o};var f=function n(r){var t;var e=r===null||r===void 0?void 0:(t=r.getAttribute)===null||t===void 0?void 0:t.call(r,"contenteditable");return e===""||e==="true"};var l=function n(r,t,u){if(a(r)){return[]}var o=Array.prototype.slice.apply(r.querySelectorAll(e));if(t&&i.call(r,e)){o.unshift(r)}o=o.filter(u);return o};var s=function n(r,t,u){var o=[];var f=Array.from(r);while(f.length){var l=f.shift();if(a(l,false)){continue}if(l.tagName==="SLOT"){var s=l.assignedElements();var c=s.length?s:l.children;var v=n(c,true,u);if(u.flatten){o.push.apply(o,v)}else{o.push({scopeParent:l,candidates:v})}}else{var d=i.call(l,e);if(d&&u.filter(l)&&(t||!r.includes(l))){o.push(l)}var p=l.shadowRoot||typeof u.getShadowRoot==="function"&&u.getShadowRoot(l);var y=!a(p,false)&&(!u.shadowRootFilter||u.shadowRootFilter(l));if(p&&y){var w=n(p===true?l.children:p.children,true,u);if(u.flatten){o.push.apply(o,w)}else{o.push({scopeParent:l,candidates:w})}}else{f.unshift.apply(f,l.children)}}}return o};var c=function n(r){return!isNaN(parseInt(r.getAttribute("tabindex"),10))};var v=function n(r){if(!r){throw new Error("No node provided")}if(r.tabIndex<0){if((/^(AUDIO|VIDEO|DETAILS)$/.test(r.tagName)||f(r))&&!c(r)){return 0}}return r.tabIndex};var d=function n(r,t){var e=v(r);if(e<0&&t&&!c(r)){return 0}return e};var p=function n(r,t){return r.tabIndex===t.tabIndex?r.documentOrder-t.documentOrder:r.tabIndex-t.tabIndex};var y=function n(r){return r.tagName==="INPUT"};var w=function n(r){return y(r)&&r.type==="hidden"};var m=function n(r){var t=r.tagName==="DETAILS"&&Array.prototype.slice.apply(r.children).some((function(n){return n.tagName==="SUMMARY"}));return t};var h=function n(r,t){for(var e=0;e<r.length;e++){if(r[e].checked&&r[e].form===t){return r[e]}}};var E=function n(r){if(!r.name){return true}var t=r.form||o(r);var e=function n(r){return t.querySelectorAll('input[type="radio"][name="'+r+'"]')};var u;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){u=e(window.CSS.escape(r.name))}else{try{u=e(r.name)}catch(n){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",n.message);return false}}var i=h(u,r.form);return!i||i===r};var A=function n(r){return y(r)&&r.type==="radio"};var S=function n(r){return A(r)&&!E(r)};var g=function n(r){var t;var e=r&&o(r);var u=(t=e)===null||t===void 0?void 0:t.host;var i=false;if(e&&e!==r){var a,f,l;i=!!((a=u)!==null&&a!==void 0&&(f=a.ownerDocument)!==null&&f!==void 0&&f.contains(u)||r!==null&&r!==void 0&&(l=r.ownerDocument)!==null&&l!==void 0&&l.contains(r));while(!i&&u){var s,c,v;e=o(u);u=(s=e)===null||s===void 0?void 0:s.host;i=!!((c=u)!==null&&c!==void 0&&(v=c.ownerDocument)!==null&&v!==void 0&&v.contains(u))}}return i};var N=function n(r){var t=r.getBoundingClientRect(),e=t.width,u=t.height;return e===0&&u===0};var b=function n(r,t){var e=t.displayCheck,u=t.getShadowRoot;if(getComputedStyle(r).visibility==="hidden"){return true}var a=i.call(r,"details>summary:first-of-type");var f=a?r.parentElement:r;if(i.call(f,"details:not([open]) *")){return true}if(!e||e==="full"||e==="legacy-full"){if(typeof u==="function"){var l=r;while(r){var s=r.parentElement;var c=o(r);if(s&&!s.shadowRoot&&u(s)===true){return N(r)}else if(r.assignedSlot){r=r.assignedSlot}else if(!s&&c!==r.ownerDocument){r=c.host}else{r=s}}r=l}if(g(r)){return!r.getClientRects().length}if(e!=="legacy-full"){return true}}else if(e==="non-zero-area"){return N(r)}return false};var I=function n(r){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(r.tagName)){var t=r.parentElement;while(t){if(t.tagName==="FIELDSET"&&t.disabled){for(var e=0;e<t.children.length;e++){var u=t.children.item(e);if(u.tagName==="LEGEND"){return i.call(t,"fieldset[disabled] *")?true:!u.contains(r)}}return true}t=t.parentElement}}return false};var T=function n(r,t){if(t.disabled||a(t)||w(t)||b(t,r)||m(t)||I(t)){return false}return true};var x=function n(r,t){if(S(t)||v(t)<0||!T(r,t)){return false}return true};var $=function n(r){var t=parseInt(r.getAttribute("tabindex"),10);if(isNaN(t)||t>=0){return true}return false};var C=function n(r){var t=[];var e=[];r.forEach((function(r,u){var i=!!r.scopeParent;var o=i?r.scopeParent:r;var a=d(o,i);var f=i?n(r.candidates):o;if(a===0){i?t.push.apply(t,f):t.push(o)}else{e.push({documentOrder:u,tabIndex:a,item:r,isScope:i,content:f})}}));return e.sort(p).reduce((function(n,r){r.isScope?n.push.apply(n,r.content):n.push(r.content);return n}),[]).concat(t)};var D=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=s([r],t.includeContainer,{filter:x.bind(null,t),flatten:false,getShadowRoot:t.getShadowRoot,shadowRootFilter:$})}else{e=l(r,t.includeContainer,x.bind(null,t))}return C(e)};var L=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=s([r],t.includeContainer,{filter:T.bind(null,t),flatten:true,getShadowRoot:t.getShadowRoot})}else{e=l(r,t.includeContainer,T.bind(null,t))}return e};var R=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(i.call(r,e)===false){return false}return x(t,r)};var k=t.concat("iframe").join(",");var O=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(i.call(r,k)===false){return false}return T(t,r)};const U={getShadowRoot:true};function B(r){if(!r){return""}return r.id=r.id||`${r.tagName.toLowerCase()}-${n()}`}function P(n){return Array.isArray(n)?n:Array.from(n)}function j(n){const t=Y(n,`.${r.darkMode}, .${r.lightMode}`);return t?.classList.contains("calcite-mode-dark")?"dark":"light"}function F(n){const r="dir";const t=`[${r}]`;const e=Y(n,t);return e?e.getAttribute(r):"ltr"}function z(n){if(!n){return 0}return parseFloat(getComputedStyle(n).inlineSize)}function M(n){return n.getRootNode()}function q(n){const r=M(n);return"host"in r?r:null}function G(n,r){if(!n){return 0}const t=document.createElement("canvas");const e=t.getContext("2d");e.font=r;return e.measureText(n).width}function V(n){return n.host||null}function X(n,{selector:r,id:t}){function e(n){if(!n){return null}if(n.assignedSlot){n=n.assignedSlot}const u=M(n);const i=t?"getElementById"in u?u.getElementById(t):null:r?u.querySelector(r):null;const o=V(u);return i?i:o?e(o):null}return e(n)}function Y(n,r){function t(n){return n?n.closest(r)||t(V(M(n))):null}return t(n)}function H(n,r){return J(n,r)}function J(n,r){if(!n){return}const t=r(n);if(t!==undefined){return t}const{parentNode:e}=n;return J(e instanceof ShadowRoot?e.host:e,r)}function K(n,r){return!!H(r,(r=>r===n?true:undefined))}function Q(n){return typeof n?.setFocus==="function"}async function W(n){if(!n){return}return Q(n)?n.setFocus():n.focus()}function Z(n){if(!n){return}return D(n,U)[0]??n}function _(n){Z(n)?.focus()}const nn=":not([slot])";function rn(n,r,t){if(r&&!Array.isArray(r)&&typeof r!=="string"){t=r;r=null}const e=r?Array.isArray(r)?r.map((n=>`[slot="${n}"]`)).join(","):`[slot="${r}"]`:nn;if(t?.all){return en(n,e,t)}return un(n,e,t)}function tn(n,r){return n?Array.from(n.children||[]).filter((n=>n?.matches(r))):[]}function en(n,r,t){let e=r===nn?tn(n,nn):Array.from(n.querySelectorAll(r));e=t&&t.direct===false?e:e.filter((r=>r.parentElement===n));e=t?.matches?e.filter((n=>n?.matches(t.matches))):e;const u=t?.selector;return u?e.map((n=>Array.from(n.querySelectorAll(u)))).reduce(((n,r)=>[...n,...r]),[]).filter((n=>!!n)):e}function un(n,r,t){let e=r===nn?tn(n,nn)[0]||null:n.querySelector(r);e=t&&t.direct===false?e:e?.parentElement===n?e:null;e=t?.matches?e?.matches(t.matches)?e:null:e;const u=t?.selector;return u?e?.querySelector(u):e}function on(n,r){return Array.from(n.children).filter((n=>n.matches(r)))}function an(n,r,t){if(typeof r==="string"&&r!==""){return r}else if(r===""){return n[t]}}function fn(n,r){return!(r.left>n.right||r.right<n.left||r.top>n.bottom||r.bottom<n.top)}function ln(n){return Boolean(n).toString()}function sn(n){return pn(n)||vn(n)}function cn(n){return dn(n).filter((n=>n.nodeType===Node.TEXT_NODE)).map((n=>n.textContent)).join("").trim()}function vn(n){return!!cn(n)}function dn(n){return n.target.assignedNodes({flatten:true})}function pn(n){return!!yn(n).length}function yn(n){return n.target.assignedElements({flatten:true})}function wn(n){return!!(n.isPrimary&&n.button===0)}const mn=(n,r,t,e=true)=>{const u=n.indexOf(r);const i=u===0;const o=u===n.length-1;if(e){t=t==="previous"&&i?"last":t==="next"&&o?"first":t}let a;if(t==="previous"){a=n[u-1]||n[e?n.length-1:u]}else if(t==="next"){a=n[u+1]||n[e?0:u]}else if(t==="last"){a=n[n.length-1]}else{a=n[0]}W(a);return a};function hn(n,r){if(n.parentNode!==r.parentNode){return false}const t=Array.from(n.parentNode.children);return t.indexOf(n)<t.indexOf(r)}export{on as A,z as B,G as C,Z as D,K as a,pn as b,Y as c,W as d,rn as e,_ as f,F as g,an as h,wn as i,j,hn as k,mn as l,D as m,L as n,R as o,v as p,X as q,O as r,yn as s,ln as t,U as u,fn as v,B as w,sn as x,q as y,P as z};
+//# sourceMappingURL=p-07e62779.js.map

package/dist/calcite/p-0941117d.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as e}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";var o={name:"it-ch",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),ordinal:function e(o){return o},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"tra %s",past:"%s fa",s:"alcuni secondi",m:"un minuto",mm:"%d minuti",h:"un'ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"}};e.locale(o,null,true);export default o;
+//# sourceMappingURL=p-0941117d.js.map

package/dist/calcite/p-0b51b1db.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as e}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";var m={name:"fr-ch",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),weekStart:1,weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),ordinal:function e(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"}};e.locale(m,null,true);export default m;
+//# sourceMappingURL=p-0b51b1db.js.map

package/dist/calcite/p-0cadfe98.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{r as t,h as e,H as n}from"./p-2c5a5185.js";import{b as s}from"./p-07e62779.js";import{S as i,C as a}from"./p-e2597d07.js";import"./p-e9580c79.js";import"./p-a8957238.js";const o=":host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, 0.75rem);padding-block:var(--calcite-stack-padding-block, 0.5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}";const c=class{constructor(e){t(this,e);this.handleActionsStartSlotChange=t=>{this.hasActionsStart=s(t)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=s(t)};this.handleContentStartSlotChange=t=>{this.hasContentStart=s(t)};this.handleContentEndSlotChange=t=>{this.hasContentEnd=s(t)};this.disabled=false;this.hasActionsStart=false;this.hasActionsEnd=false;this.hasContentStart=false;this.hasContentEnd=false}renderActionsStart(){const{hasActionsStart:t}=this;return e("div",{class:a.actionsStart,hidden:!t,key:"actions-start-container"},e("slot",{name:i.actionsStart,onSlotchange:this.handleActionsStartSlotChange}))}renderActionsEnd(){const{hasActionsEnd:t}=this;return e("div",{class:a.actionsEnd,hidden:!t,key:"actions-end-container"},e("slot",{name:i.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}))}renderContentStart(){const{hasContentStart:t}=this;return e("div",{class:a.contentStart,hidden:!t},e("slot",{name:i.contentStart,onSlotchange:this.handleContentStartSlotChange}))}renderDefaultContent(){return e("div",{class:a.content},e("slot",null))}renderContentEnd(){const{hasContentEnd:t}=this;return e("div",{class:a.contentEnd,hidden:!t},e("slot",{name:i.contentEnd,onSlotchange:this.handleContentEndSlotChange}))}render(){return e(n,null,e("div",{class:a.container},this.renderActionsStart(),this.renderContentStart(),this.renderDefaultContent(),this.renderContentEnd(),this.renderActionsEnd()))}};c.style=o;export{c as calcite_stack};
+//# sourceMappingURL=p-0cadfe98.entry.js.map

package/dist/calcite/p-0cc8df58.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as e}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";var m={name:"es-mx",weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"}};e.locale(m,null,true);export default m;
+//# sourceMappingURL=p-0cc8df58.js.map

package/dist/calcite/p-0ebd4b17.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as e}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";var r={name:"nb",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"sø._ma._ti._on._to._fr._lø.".split("_"),weekdaysMin:"sø_ma_ti_on_to_fr_lø".split("_"),months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan._feb._mars_april_mai_juni_juli_aug._sep._okt._nov._des.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] HH:mm",LLLL:"dddd D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"noen sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",M:"en måned",MM:"%d måneder",y:"ett år",yy:"%d år"}};e.locale(r,null,true);export default r;
+//# sourceMappingURL=p-0ebd4b17.js.map

package/dist/calcite/p-0f2d8590.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+class t{constructor(){this._formatterCache=new Map;this._commonDateTimeFormatterOptions={year:"numeric",month:"2-digit",day:"2-digit",timeZoneName:"shortOffset"}}get name(){return"native"}create(t){return new Date(t)}increase(t){const e=864e5;return new Date(t.getTime()+e)}formatToIsoDateString(t){const e=t.getFullYear();const n=t.getMonth()+1;const s=t.getDate();return`${e}-${n.toString().padStart(2,"0")}-${s.toString().padStart(2,"0")}`}isoToTimeZone(t,e){const n=this._toDate(t);const s=this._getFormatter(e);const r=s.formatToParts(n);const[o]=r.filter((({type:t})=>t==="timeZoneName")).map((({value:t})=>t));const i=this._getTimeZoneOffsetInMins(o);const a=n.getMinutes()-(n.getTimezoneOffset()-i);n.setMinutes(a);return n}same(t,e){return t.getTime()===e.getTime()}_toDate(t){return new Date(t)}_getFormatter(t){let e=this._formatterCache.get(t);if(!e){e=new Intl.DateTimeFormat("en-US",{timeZone:t,...this._commonDateTimeFormatterOptions});this._formatterCache.set(t,e)}return e}_getTimeZoneOffsetInMins(t){const[e,...n]=t.slice(3);const[s,r]=n.join("").split(":");const o=e==="+"?1:-1;return o*(Number(s)*60+Number(r||0))}}export{t as DateEngine};
+//# sourceMappingURL=p-0f2d8590.js.map

package/dist/calcite/p-0f8fb326.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{h as t}from"./p-2c5a5185.js";const o={arrow:"calcite-floating-ui-arrow",arrowStroke:"calcite-floating-ui-arrow__stroke"};const r={width:12,height:6,strokeWidth:1};const e=({floatingLayout:e,key:i,ref:a})=>{const{width:s,height:n,strokeWidth:c}=r;const h=s/2;const d=e==="vertical";const l="M0,0"+` H${s}`+` L${s-h},${n}`+` Q${h},${n} ${h},${n}`+" Z";return t("svg",{"aria-hidden":"true",class:o.arrow,height:s,key:i,viewBox:`0 0 ${s} ${s+(!d?c:0)}`,width:s+(d?c:0),ref:a},c>0&&t("path",{class:o.arrowStroke,d:l,fill:"none","stroke-width":c+1}),t("path",{d:l,stroke:"none"}))};export{e as F};
+//# sourceMappingURL=p-0f8fb326.js.map

package/dist/calcite/p-1242f873.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as _}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";var m={name:"ja",weekdays:"日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日".split("_"),weekdaysShort:"日_月_火_水_木_金_土".split("_"),weekdaysMin:"日_月_火_水_木_金_土".split("_"),months:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function _(m){return m+"日"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日 dddd HH:mm",l:"YYYY/MM/DD",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日(ddd) HH:mm"},meridiem:function _(m){return m<12?"午前":"午後"},relativeTime:{future:"%s後",past:"%s前",s:"数秒",m:"1分",mm:"%d分",h:"1時間",hh:"%d時間",d:"1日",dd:"%d日",M:"1ヶ月",MM:"%dヶ月",y:"1年",yy:"%d年"}};_.locale(m,null,true);export default m;
+//# sourceMappingURL=p-1242f873.js.map

package/dist/calcite/p-13fa567b.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as e}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";var a={name:"pt",weekdays:"domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sab".split("_"),weekdaysMin:"Do_2ª_3ª_4ª_5ª_6ª_Sa".split("_"),months:"janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function e(a){return a+"º"},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [às] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [às] HH:mm"},relativeTime:{future:"em %s",past:"há %s",s:"alguns segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um mês",MM:"%d meses",y:"um ano",yy:"%d anos"}};e.locale(a,null,true);export default a;
+//# sourceMappingURL=p-13fa567b.js.map

package/dist/calcite/p-16f50138.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{r as i,h as e,g as t}from"./p-2c5a5185.js";import{g as r}from"./p-07e62779.js";import{C as a}from"./p-a8957238.js";import"./p-e9580c79.js";const n=":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";const s=class{constructor(e){i(this,e);this.type="determinate";this.value=0;this.label=undefined;this.text=undefined;this.reversed=false}render(){const i=this.type==="determinate";const t=i?{width:`${this.value*100}%`}:{};const n=r(this.el);return e("div",{"aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},e("div",{class:"track"},e("div",{class:{bar:true,indeterminate:this.type==="indeterminate",[a.rtl]:n==="rtl",reversed:this.reversed},style:t})),this.text?e("div",{class:"text"},this.text):null)}get el(){return t(this)}};s.style=n;export{s as calcite_progress};
+//# sourceMappingURL=p-16f50138.entry.js.map

package/dist/calcite/p-176e975c.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{d as e}from"./p-518b8faf.js";import"./p-2c5a5185.js";import"./p-9b2f6f6f.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-bbee4a2f.js";import"./p-26710f27.js";import"./p-f511cecc.js";import"./p-4582df61.js";import"./p-823e8612.js";import"./p-a652a193.js";import"./p-74a4aaf4.js";import"./p-f07f2b9f.js";import"./p-a500e817.js";import"./p-3c2d86e0.js";import"./p-196291ea.js";import"./p-892cc6f5.js";import"./p-989694e4.js";var m={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"}};e.locale(m,null,true);export default m;
+//# sourceMappingURL=p-176e975c.js.map

package/dist/calcite/p-17da1c45.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.4.1-next.1
+ */
+import{r as t,c as e,h as i,g as s}from"./p-2c5a5185.js";import{f as a}from"./p-99ff99e5.js";import{c as n,u as o,d as r,I as c}from"./p-bbee4a2f.js";import{s as l,a as d,c as h}from"./p-a652a193.js";import{c as p,d as f}from"./p-74a4aaf4.js";import{u as m,s as u,c as b,d as g}from"./p-196291ea.js";import{d as v}from"./p-878c5964.js";import"./p-26710f27.js";import"./p-07e62779.js";import"./p-e9580c79.js";import"./p-a8957238.js";import"./p-f511cecc.js";import"./p-f07f2b9f.js";const y={container:"container",searchIcon:"search-icon"};const x={search:"search",close:"x"};const j=250;const w=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);padding-inline-end:0.25rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-color-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-color-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-color-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}";const z=class{constructor(i){t(this,i);this.calciteFilterChange=e(this,"calciteFilterChange",6);this.filterDebounced=v(((t,e=false,i)=>this.items.length&&this.updateFiltered(a(this.items,t),e,i)),j);this.inputHandler=t=>{const e=t.target;this.value=e.value;this.filterDebounced(e.value,true)};this.keyDownHandler=t=>{if(t.key==="Escape"){this.clear();t.preventDefault()}if(t.key==="Enter"){t.preventDefault()}};this.clear=()=>{this.value="";this.filterDebounced("",true);this.setFocus()};this.items=[];this.disabled=false;this.filteredItems=[];this.placeholder=undefined;this.scale="m";this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}watchItemsHandler(){this.filterDebounced(this.value)}onMessagesChange(){}valueHandler(t){this.filterDebounced(t)}effectiveLocaleChange(){m(this,this.effectiveLocale)}async componentWillLoad(){l(this);if(this.items.length){this.updateFiltered(a(this.items,this.value))}await u(this)}connectedCallback(){n(this);p(this);b(this)}componentDidRender(){o(this)}disconnectedCallback(){r(this);f(this);g(this);this.filterDebounced.cancel()}componentDidLoad(){d(this)}async filter(t=this.value){return new Promise((e=>{this.value=t;this.filterDebounced(t,false,e)}))}async setFocus(){await h(this);this.el?.focus()}updateFiltered(t,e=false,i){this.filteredItems=t;if(e){this.calciteFilterChange.emit()}i?.()}render(){const{disabled:t,scale:e}=this;return i(c,{disabled:t},i("div",{class:y.container},i("label",null,i("calcite-input",{clearable:true,disabled:t,icon:x.search,label:this.messages.label,messageOverrides:{clear:this.messages.clear},onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,scale:e,type:"text",value:this.value,ref:t=>{this.textInput=t}}))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{items:["watchItemsHandler"],messageOverrides:["onMessagesChange"],value:["valueHandler"],effectiveLocale:["effectiveLocaleChange"]}}};z.style=w;export{z as calcite_filter};
+//# sourceMappingURL=p-17da1c45.entry.js.map