@esri/calcite-components 2.8.4 → 2.8.6

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

@@ -0,0 +1 @@
+{"version":3,"names":["isTwoDigitYear","value","year","datePartsFromISO","Number","normalizeToCurrentCentury","twoDigitYear","currentYear","Date","getFullYear","normalizedYear","Math","floor","CSS","assistiveText","calendarWrapper","calendarWrapperEnd","horizontalArrowContainer","inputBorderTopColorOne","inputContainer","inputNoBottomBorder","inputWrapper","input","menu","menuActive","toggleIcon","verticalArrowContainer","chevronIcon","inputDatePickerCss","CalciteInputDatePickerStyle0","InputDatePicker","this","calciteInternalInputInputHandler","event","target","parsedValue","parseNumerals","formattedValue","formatNumerals","datePartsFromLocalizedString","localeData","length","date","dateFromLocalizedString","inRange","min","max","datePickerActiveDate","calciteInternalInputBlurHandler","commitValue","dialogId","guid","focusOnOpen","userChangedValue","openTransitionProp","valueAsDateChangedExternally","placeholderTextId","onInputWrapperPointerDown","currentOpenInput","focusedInput","onInputWrapperClick","range","endInput","startInput","currentTarget","position","getAttribute","path","composedPath","wasToggleClicked","find","el","classList","contains","targetInput","setFocus","open","setFilteredPlacements","flipPlacements","filteredFlipPlacements","filterComputedPlacements","setTransitionEl","transitionEl","setStartInput","setEndInput","blurHandler","keyDownHandler","defaultPrevented","key","preventDefault","shouldFocusRangeEnd","shouldFocusRangeStart","submitForm","restoreInputFocus","startInputFocus","endInputFocus","setFloatingEl","floatingEl","connectFloatingUI","referenceEl","setStartWrapper","startWrapper","setReferenceEl","setEndWrapper","endWrapper","setDatePickerRef","datePickerEl","connectFocusTrap","focusTrapEl","focusTrapOptions","initialFocus","setReturnFocus","handleDateChange","stopPropagation","setValue","valueAsDate","localizeInputValues","handleDateRangeChange","setRangeValue","setInputValue","newValue","inputEl","oldValue","oldValueIsArray","Array","isArray","valueIsArray","newStartDate","newStartDateISO","dateToISO","getNormalizedDate","newEndDate","newEndDateISO","getValueAsDateRange","undefined","changeEvent","calciteInputDatePickerChange","emit","dateFromISO","commonDateSeparators","split","map","char","includes","separator","numberKeys","numberStringFormatter","numberFormatter","format","join","delocalize","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","defaultMenuPlacement","handleFocusTrapDisabled","focusTrapDisabled","deactivateFocusTrap","activateFocusTrap","handleDisabledAndReadOnlyChange","valueWatcher","newValueAsDate","valueAsDateWatcher","flipPlacementsHandler","reposition","onMessagesChange","onMinChanged","minAsDate","onMaxChanged","maxAsDate","openHandler","onToggleOpenCloseComponent","disabled","readOnly","overlayPositioningHandler","calciteDaySelectHandler","componentFocusable","focus","delayed","placement","overlayPositioning","type","connectedCallback","connectInteractive","connectLocalized","error","warnAboutInvalidValue","connectLabel","connectForm","connectMessages","numberFormatOptions","numberingSystem","locale","effectiveLocale","useGrouping","componentWillLoad","setUpLoadableComponent","Promise","all","loadLocaleData","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectFloatingUI","disconnectLocalized","disconnectMessages","componentDidRender","updateHostInteraction","render","messages","h","Host","onBlur","onKeyDown","InteractiveContainer","class","onClick","onPointerDown","ref","toAriaBoolean","layout","icon","onCalciteInputTextInput","onCalciteInternalInputTextBlur","onCalciteInternalInputTextFocus","placeholder","role","scale","status","renderToggleIcon","id","chooseDate","FloatingCSS","animation","animationActive","activeDate","activeRange","headingLevel","messageOverrides","onCalciteDatePickerChange","onCalciteDatePickerRangeChange","proximitySelectionDisabled","tabIndex","flipRtl","getIconScale","HiddenFormInputSlot","component","validationMessage","Validation","validationIcon","message","requestAnimationFrame","onLabelClick","onBeforeOpen","calciteInputDatePickerBeforeOpen","onOpen","onActivate","calciteInputDatePickerOpen","onBeforeClose","calciteInputDatePickerBeforeClose","onClose","calciteInputDatePickerClose","reset","focusedInputName","focusedInputValue","dateAsISO","focusedInputValueIndex","getLocaleData","startValue","endValue","dateFromRange","endDate","formattingOptions","getSupportedNumberingSystem","localizedDate","toLocaleDateString","localizedEndDate","console","warn","day","month"],"sources":["src/components/input-date-picker/utils.ts","src/components/input-date-picker/resources.ts","src/components/input-date-picker/input-date-picker.scss?tag=calcite-input-date-picker&encapsulation=shadow","src/components/input-date-picker/input-date-picker.tsx"],"sourcesContent":["import { datePartsFromISO } from \"../../utils/date\";\n\n/**\n * Specifies if an ISO string date (YYYY-MM-DD) has two digit year.\n *\n * @param {string} value\n * @returns {boolean}\n */\nexport function isTwoDigitYear(value: string): boolean {\n  if (!value) {\n    return false;\n  }\n  const { year } = datePartsFromISO(value);\n  return Number(year) < 100;\n}\n\n/**\n * Returns a normalized year to current century from a given two digit year number.\n *\n * @param {number} twoDigitYear\n * @returns {string}\n */\nexport function normalizeToCurrentCentury(twoDigitYear: number): number {\n  const currentYear = new Date().getFullYear();\n  const normalizedYear = Math.floor(currentYear / 100) * 100 + twoDigitYear;\n  return normalizedYear;\n}\n","export const CSS = {\n  assistiveText: \"assistive-text\",\n  calendarWrapper: \"calendar-wrapper\",\n  calendarWrapperEnd: \"calendar-wrapper--end\",\n  horizontalArrowContainer: \"horizontal-arrow-container\",\n  inputBorderTopColorOne: \"border-top-color-one\",\n  inputContainer: \"input-container\",\n  inputNoBottomBorder: \"no-bottom-border\",\n  inputWrapper: \"input-wrapper\",\n  input: \"input\",\n  menu: \"menu-container\",\n  menuActive: \"menu-container--active\",\n  toggleIcon: \"toggle-icon\",\n  verticalArrowContainer: \"vertical-arrow-container\",\n  chevronIcon: \"chevron-icon\",\n};\n",":host {\n  @extend %component-spacing;\n  @include floatingUIElemAnim(\".menu-container\");\n  @apply relative\n    inline-block\n    w-full\n    overflow-visible\n    align-top\n    shadow-none;\n}\n\n@function get-trailing-text-input-padding($chevron-spacing) {\n  @return calc(var(--calcite-toggle-spacing) + $chevron-spacing);\n}\n\n:host([scale=\"s\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.2\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.4\"))};\n}\n\n:host([scale=\"m\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.3\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.6\"))};\n}\n\n:host([scale=\"l\"]) {\n  --calcite-toggle-spacing: theme(\"spacing.4\");\n  --calcite-internal-input-text-input-padding-inline-end: #{get-trailing-text-input-padding(theme(\"spacing.8\"))};\n}\n\n@include disabled();\n\n.calendar-wrapper {\n  @apply shadow-none;\n  transform: translate3d(0, 0, 0);\n}\n\n.input-wrapper {\n  @apply relative;\n\n  .chevron-icon {\n    color: var(--calcite-color-text-3);\n  }\n\n  &:focus-within,\n  &:active,\n  &:hover {\n    .chevron-icon {\n      color: var(--calcite-color-text-1);\n    }\n  }\n}\n\n.toggle-icon {\n  @apply absolute flex cursor-pointer items-center;\n  inset-inline-end: 0;\n  inset-block: 0;\n  padding-inline: var(--calcite-toggle-spacing);\n}\n\n:host([range]) {\n  .input-container {\n    @apply flex;\n  }\n\n  .input-wrapper {\n    @apply flex-auto;\n  }\n\n  .horizontal-arrow-container {\n    @apply bg-background\n      border-color-input\n      flex\n      items-center\n      border\n      border-l-0\n      border-r-0\n      border-solid\n      py-0\n      px-1;\n  }\n}\n\n:host([range][layout=\"vertical\"]) {\n  .input-wrapper {\n    @apply w-full;\n  }\n\n  .input-container {\n    @apply flex-col\n      items-start;\n  }\n\n  .calendar-wrapper--end {\n    transform: translate3d(0, 0, 0);\n  }\n\n  .vertical-arrow-container {\n    inset-block-start: theme(\"spacing.6\");\n    @apply bg-foreground-1\n      absolute\n      z-default\n      mx-px\n      px-2.5;\n    inset-inline-start: 0;\n  }\n}\n\n.menu-container {\n  --calcite-floating-ui-z-index: theme(\"zIndex.dropdown\");\n  @include floatingUIContainer();\n  @include floatingUIWrapper();\n  @apply invisible;\n}\n\n@include floatingUIElemAnim(\".menu-container\");\n\n:host([open]) .menu-container {\n  @include floatingUIWrapperActive();\n}\n\n.menu-container--active {\n  @include floatingUIWrapperActive();\n}\n\n.input .calcite-input__wrapper {\n  @apply mt-0;\n}\n\n:host([range][layout=\"vertical\"][scale=\"m\"]) .vertical-arrow-container {\n  inset-block-start: theme(\"spacing.6\");\n  padding-inline-start: theme(\"spacing.3\");\n\n  calcite-icon {\n    @apply h-3\n      w-3\n      min-w-0;\n  }\n}\n\n:host([range][layout=\"vertical\"][scale=\"l\"]) .vertical-arrow-container {\n  inset-block-start: theme(\"spacing.9\");\n  @apply px-3.5;\n}\n\n:host([range][layout=\"vertical\"][open]) {\n  .vertical-arrow-container {\n    @apply hidden;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { FocusTrap } from \"focus-trap\";\nimport {\n  dateFromISO,\n  dateFromLocalizedString,\n  dateFromRange,\n  datePartsFromISO,\n  datePartsFromLocalizedString,\n  dateToISO,\n  inRange,\n} from \"../../utils/date\";\nimport { toAriaBoolean } 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 {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\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, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  getSupportedNumberingSystem,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { DatePickerMessages } from \"../date-picker/assets/date-picker/t9n\";\nimport { DateLocaleData, getLocaleData, getValueAsDateRange } from \"../date-picker/utils\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { connectMessages, disconnectMessages, setUpMessages, T9nComponent } from \"../../utils/t9n\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrapComponent,\n} from \"../../utils/focusTrapComponent\";\nimport { guid } from \"../../utils/guid\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Status } from \"../interfaces\";\nimport { Validation } from \"../functional/Validation\";\nimport { normalizeToCurrentCentury, isTwoDigitYear } from \"./utils\";\nimport { InputDatePickerMessages } from \"./assets/input-date-picker/t9n\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-input-date-picker\",\n  styleUrl: \"input-date-picker.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class InputDatePicker\n  implements\n    FloatingUIComponent,\n    FocusTrapComponent,\n    FormComponent,\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    OpenCloseComponent,\n    T9nComponent\n{\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   * When `true`, prevents focus trapping.\n   */\n  @Prop({ reflect: true }) focusTrapDisabled = false;\n\n  @Watch(\"focusTrapDisabled\")\n  handleFocusTrapDisabled(focusTrapDisabled: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);\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`, the component's value can be read, but controls are not accessible and the value 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  @Watch(\"disabled\")\n  @Watch(\"readOnly\")\n  handleDisabledAndReadOnlyChange(value: boolean): void {\n    if (!value) {\n      this.open = false;\n    }\n  }\n\n  /** Selected date as a string in ISO format (`\"yyyy-mm-dd\"`). */\n  @Prop({ mutable: true }) value: string | string[] = \"\";\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string | string[]): void {\n    if (!this.userChangedValue) {\n      let newValueAsDate: Date | Date[];\n\n      if (Array.isArray(newValue)) {\n        newValueAsDate = getValueAsDateRange(newValue);\n      } else if (newValue) {\n        newValueAsDate = dateFromISO(newValue);\n      } else {\n        newValueAsDate = undefined;\n      }\n\n      if (!this.valueAsDateChangedExternally && newValueAsDate !== this.valueAsDate) {\n        this.valueAsDate = newValueAsDate;\n      }\n\n      this.localizeInputValues();\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"valueAsDate\")\n  valueAsDateWatcher(valueAsDate: Date): void {\n    this.datePickerActiveDate = valueAsDate;\n    const newValue =\n      this.range && Array.isArray(valueAsDate)\n        ? [dateToISO(valueAsDate[0]), dateToISO(valueAsDate[1])]\n        : dateToISO(valueAsDate);\n    if (this.value !== newValue) {\n      this.valueAsDateChangedExternally = true;\n      this.value = newValue;\n      this.valueAsDateChangedExternally = 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 heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** The component's value as a full date object. */\n  @Prop({ mutable: true }) valueAsDate: Date | Date[];\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<InputDatePickerMessages & DatePickerMessages>;\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: InputDatePickerMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /** Specifies the earliest allowed date as a full date object. */\n  @Prop({ mutable: true }) minAsDate: Date;\n\n  /** Specifies the latest allowed date as a full date object. */\n  @Prop({ mutable: true }) maxAsDate: Date;\n\n  /** Specifies the earliest allowed date (\"yyyy-mm-dd\"). */\n  @Prop() min: string;\n\n  @Watch(\"min\")\n  onMinChanged(min: string): void {\n    if (min) {\n      this.minAsDate = dateFromISO(min);\n    }\n  }\n\n  /** Specifies the latest allowed date (\"yyyy-mm-dd\"). */\n  @Prop() max: string;\n\n  @Watch(\"max\")\n  onMaxChanged(max: string): void {\n    if (max) {\n      this.maxAsDate = dateFromISO(max);\n    }\n  }\n\n  /** When `true`, displays the `calcite-date-picker` component. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n\n    if (this.disabled || this.readOnly) {\n      this.open = false;\n      return;\n    }\n\n    this.reposition(true);\n  }\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   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.\n   *\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"s\" | \"m\" | \"l\" = \"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 placement of the `calcite-date-picker` relative to the component.\n   *\n   * @default \"bottom-start\"\n   */\n  @Prop({ reflect: true }) placement: MenuPlacement = defaultMenuPlacement;\n\n  /** When `true`, activates a range for the component. */\n  @Prop({ reflect: true }) range = 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  /**\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   * When `true`, disables the default behavior on the third click of narrowing or extending the range.\n   * Instead starts a new range.\n   */\n  @Prop() proximitySelectionDisabled = false;\n\n  /** Defines the layout of the component. */\n  @Prop({ reflect: true }) layout: \"horizontal\" | \"vertical\" = \"horizontal\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteDaySelect\")\n  calciteDaySelectHandler(): void {\n    if (this.shouldFocusRangeStart() || this.shouldFocusRangeEnd()) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  private calciteInternalInputInputHandler = (event: CustomEvent<any>): void => {\n    const target = event.target as HTMLCalciteInputElement;\n    const value = target.value;\n    const parsedValue = this.parseNumerals(value);\n    const formattedValue = this.formatNumerals(parsedValue);\n\n    target.value = formattedValue;\n\n    const { year } = datePartsFromLocalizedString(value, this.localeData);\n\n    if (year && year.length < 4) {\n      return;\n    }\n\n    const date = dateFromLocalizedString(value, this.localeData) as Date;\n\n    if (inRange(date, this.min, this.max)) {\n      this.datePickerActiveDate = date;\n    }\n  };\n\n  private calciteInternalInputBlurHandler = (): void => {\n    this.commitValue();\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component's `value` changes.\n   */\n  @Event({ cancelable: false }) calciteInputDatePickerChange: EventEmitter<void>;\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteInputDatePickerBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteInputDatePickerClose: 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 }) calciteInputDatePickerBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteInputDatePickerOpen: 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    this.el.focus();\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  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n\n    const { open } = this;\n    open && this.openHandler();\n    if (Array.isArray(this.value)) {\n      this.valueAsDate = getValueAsDateRange(this.value);\n    } else if (this.value) {\n      try {\n        this.valueAsDate = dateFromISO(this.value);\n      } catch (error) {\n        this.warnAboutInvalidValue(this.value);\n        this.value = \"\";\n      }\n    } else if (this.valueAsDate) {\n      if (this.range) {\n        this.setRangeValue(this.valueAsDate as Date[]);\n      } else if (!Array.isArray(this.valueAsDate)) {\n        this.value = dateToISO(this.valueAsDate);\n      }\n    }\n\n    if (this.min) {\n      this.minAsDate = dateFromISO(this.min);\n    }\n\n    if (this.max) {\n      this.maxAsDate = dateFromISO(this.max);\n    }\n\n    connectLabel(this);\n    connectForm(this);\n    connectMessages(this);\n\n    this.setFilteredPlacements();\n\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem: this.numberingSystem,\n      locale: this.effectiveLocale,\n      useGrouping: false,\n    };\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await Promise.all([this.loadLocaleData(), setUpMessages(this)]);\n    this.onMinChanged(this.min);\n    this.onMaxChanged(this.max);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.localizeInputValues();\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  disconnectedCallback(): void {\n    deactivateFocusTrap(this);\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectFloatingUI(this, this.referenceEl, this.floatingEl);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const { disabled, effectiveLocale, messages, numberingSystem, readOnly } = this;\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem,\n      locale: effectiveLocale,\n      useGrouping: false,\n    };\n\n    return (\n      <Host onBlur={this.blurHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          {this.localeData && (\n            <div class={CSS.inputContainer}>\n              <div\n                class={CSS.inputWrapper}\n                data-position=\"start\"\n                onClick={this.onInputWrapperClick}\n                onPointerDown={this.onInputWrapperPointerDown}\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.setStartWrapper}\n              >\n                <calcite-input-text\n                  aria-autocomplete=\"none\"\n                  aria-controls={this.dialogId}\n                  aria-describedby={this.placeholderTextId}\n                  aria-expanded={toAriaBoolean(this.open)}\n                  aria-haspopup=\"dialog\"\n                  class={{\n                    [CSS.input]: true,\n                    [CSS.inputNoBottomBorder]: this.layout === \"vertical\" && this.range,\n                  }}\n                  disabled={disabled}\n                  icon=\"calendar\"\n                  onCalciteInputTextInput={this.calciteInternalInputInputHandler}\n                  onCalciteInternalInputTextBlur={this.calciteInternalInputBlurHandler}\n                  onCalciteInternalInputTextFocus={this.startInputFocus}\n                  placeholder={this.localeData?.placeholder}\n                  readOnly={readOnly}\n                  role=\"combobox\"\n                  scale={this.scale}\n                  status={this.status}\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.setStartInput}\n                />\n                {!this.readOnly &&\n                  this.renderToggleIcon(this.open && this.focusedInput === \"start\")}\n                <span aria-hidden=\"true\" class={CSS.assistiveText} id={this.placeholderTextId}>\n                  Date Format: {this.localeData?.placeholder}\n                </span>\n              </div>\n              <div\n                aria-hidden={toAriaBoolean(!this.open)}\n                aria-label={messages.chooseDate}\n                aria-live=\"polite\"\n                aria-modal=\"true\"\n                class={{\n                  [CSS.menu]: true,\n                  [CSS.menuActive]: this.open,\n                }}\n                id={this.dialogId}\n                role=\"dialog\"\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                  class={{\n                    [CSS.calendarWrapper]: true,\n                    [CSS.calendarWrapperEnd]: this.focusedInput === \"end\",\n                    [FloatingCSS.animation]: true,\n                    [FloatingCSS.animationActive]: this.open,\n                  }}\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.setTransitionEl}\n                >\n                  <calcite-date-picker\n                    activeDate={this.datePickerActiveDate}\n                    activeRange={this.focusedInput}\n                    headingLevel={this.headingLevel}\n                    max={this.max}\n                    maxAsDate={this.maxAsDate}\n                    messageOverrides={this.messageOverrides}\n                    min={this.min}\n                    minAsDate={this.minAsDate}\n                    numberingSystem={numberingSystem}\n                    onCalciteDatePickerChange={this.handleDateChange}\n                    onCalciteDatePickerRangeChange={this.handleDateRangeChange}\n                    proximitySelectionDisabled={this.proximitySelectionDisabled}\n                    range={this.range}\n                    scale={this.scale}\n                    tabIndex={this.open ? undefined : -1}\n                    valueAsDate={this.valueAsDate}\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.setDatePickerRef}\n                  />\n                </div>\n              </div>\n\n              {this.range && this.layout === \"horizontal\" && (\n                <div class={CSS.horizontalArrowContainer}>\n                  <calcite-icon\n                    flipRtl={true}\n                    icon=\"arrow-right\"\n                    scale={getIconScale(this.scale)}\n                  />\n                </div>\n              )}\n              {this.range && this.layout === \"vertical\" && this.scale !== \"s\" && (\n                <div class={CSS.verticalArrowContainer}>\n                  <calcite-icon icon=\"arrow-down\" scale={getIconScale(this.scale)} />\n                </div>\n              )}\n              {this.range && (\n                <div\n                  class={CSS.inputWrapper}\n                  data-position=\"end\"\n                  onClick={this.onInputWrapperClick}\n                  onPointerDown={this.onInputWrapperPointerDown}\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.setEndWrapper}\n                >\n                  <calcite-input-text\n                    aria-autocomplete=\"none\"\n                    aria-controls={this.dialogId}\n                    aria-expanded={toAriaBoolean(this.open)}\n                    aria-haspopup=\"dialog\"\n                    class={{\n                      [CSS.input]: true,\n                      [CSS.inputBorderTopColorOne]: this.layout === \"vertical\" && this.range,\n                    }}\n                    disabled={disabled}\n                    icon=\"calendar\"\n                    onCalciteInputTextInput={this.calciteInternalInputInputHandler}\n                    onCalciteInternalInputTextBlur={this.calciteInternalInputBlurHandler}\n                    onCalciteInternalInputTextFocus={this.endInputFocus}\n                    placeholder={this.localeData?.placeholder}\n                    readOnly={readOnly}\n                    role=\"combobox\"\n                    scale={this.scale}\n                    status={this.status}\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.setEndInput}\n                  />\n                  {!this.readOnly &&\n                    this.renderToggleIcon(this.open && this.focusedInput === \"end\")}\n                </div>\n              )}\n            </div>\n          )}\n          <HiddenFormInputSlot component={this} />\n          {this.validationMessage && this.status === \"invalid\" ? (\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  renderToggleIcon(open: boolean): VNode {\n    return (\n      // we set tab index to -1 to prevent delegatesFocus from stealing focus before we can set it\n      <span class={CSS.toggleIcon} tabIndex={-1}>\n        <calcite-icon\n          class={CSS.chevronIcon}\n          icon={open ? \"chevron-up\" : \"chevron-down\"}\n          scale={getIconScale(this.scale)}\n        />\n      </span>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputDatePickerElement;\n\n  private currentOpenInput: \"start\" | \"end\";\n\n  private datePickerEl: HTMLCalciteDatePickerElement;\n\n  private dialogId = `date-picker-dialog--${guid()}`;\n\n  filteredFlipPlacements: EffectivePlacement[];\n\n  private focusOnOpen = false;\n\n  focusTrap: FocusTrap;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: InputDatePicker[\"value\"];\n\n  @State() datePickerActiveDate: Date;\n\n  @State() defaultMessages: InputDatePickerMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @State() focusedInput: \"start\" | \"end\" = \"start\";\n\n  @State() private localeData: DateLocaleData;\n\n  private startInput: HTMLCalciteInputElement;\n\n  private endInput: HTMLCalciteInputElement;\n\n  private floatingEl: HTMLDivElement;\n\n  private referenceEl: HTMLDivElement;\n\n  private startWrapper: HTMLDivElement;\n\n  private endWrapper: HTMLDivElement;\n\n  private userChangedValue = false;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  @Watch(\"layout\")\n  @Watch(\"focusedInput\")\n  setReferenceEl(): void {\n    const { focusedInput, layout, endWrapper, startWrapper } = this;\n\n    this.referenceEl =\n      focusedInput === \"end\" || layout === \"vertical\"\n        ? endWrapper || startWrapper\n        : startWrapper || endWrapper;\n\n    requestAnimationFrame(() => connectFloatingUI(this, this.referenceEl, this.floatingEl));\n  }\n\n  private valueAsDateChangedExternally = false;\n\n  private placeholderTextId = `calcite-input-date-picker-placeholder-${guid()}`;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private onInputWrapperPointerDown = (): void => {\n    this.currentOpenInput = this.focusedInput;\n  };\n\n  private onInputWrapperClick = (event: MouseEvent) => {\n    const { range, endInput, startInput, currentOpenInput } = this;\n    const currentTarget = event.currentTarget as HTMLDivElement;\n    const position = currentTarget.getAttribute(\"data-position\") as \"start\" | \"end\";\n    const path = event.composedPath();\n    const wasToggleClicked = path.find((el: HTMLElement) => el.classList?.contains(CSS.toggleIcon));\n\n    if (wasToggleClicked) {\n      const targetInput = position === \"start\" ? startInput : endInput;\n      targetInput.setFocus();\n    }\n\n    if (!range || !this.open || currentOpenInput === position) {\n      this.open = !this.open;\n    }\n  };\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterComputedPlacements(flipPlacements, el)\n      : null;\n  };\n\n  private setTransitionEl = (el): void => {\n    this.transitionEl = el;\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  onBeforeOpen(): void {\n    this.calciteInputDatePickerBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    activateFocusTrap(this, {\n      onActivate: () => {\n        if (this.focusOnOpen) {\n          this.datePickerEl.setFocus();\n          this.focusOnOpen = false;\n        }\n      },\n    });\n    this.calciteInputDatePickerOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteInputDatePickerBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteInputDatePickerClose.emit();\n    deactivateFocusTrap(this);\n    this.restoreInputFocus();\n    this.focusOnOpen = false;\n    this.datePickerEl.reset();\n  }\n\n  setStartInput = (el: HTMLCalciteInputElement): void => {\n    this.startInput = el;\n  };\n\n  setEndInput = (el: HTMLCalciteInputElement): void => {\n    this.endInput = el;\n  };\n\n  private blurHandler = (): void => {\n    this.open = false;\n  };\n\n  private commitValue(): void {\n    const { focusedInput, value } = this;\n    const focusedInputName = `${focusedInput}Input`;\n    const focusedInputValue = this[focusedInputName].value;\n    const date = dateFromLocalizedString(focusedInputValue, this.localeData) as Date;\n    const dateAsISO = dateToISO(date);\n    const valueIsArray = Array.isArray(value);\n    if (this.range) {\n      const focusedInputValueIndex = focusedInput === \"start\" ? 0 : 1;\n      if (valueIsArray) {\n        if (dateAsISO === value[focusedInputValueIndex]) {\n          return;\n        }\n        if (date) {\n          this.setRangeValue([\n            focusedInput === \"start\" ? date : dateFromISO(value[0]),\n            focusedInput === \"end\" ? date : dateFromISO(value[1]),\n          ]);\n          this.localizeInputValues();\n        } else {\n          this.setRangeValue([\n            focusedInput === \"end\" && dateFromISO(value[0]),\n            focusedInput === \"start\" && dateFromISO(value[1]),\n          ]);\n        }\n      } else {\n        if (date) {\n          this.setRangeValue([\n            focusedInput === \"start\" ? date : dateFromISO(value[0]),\n            focusedInput === \"end\" ? date : dateFromISO(value[1]),\n          ]);\n          this.localizeInputValues();\n        }\n      }\n    } else {\n      if (dateAsISO === value) {\n        return;\n      }\n      this.setValue(date);\n      this.localizeInputValues();\n    }\n  }\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    const { defaultPrevented, key } = event;\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (key === \"Enter\") {\n      event.preventDefault();\n      this.commitValue();\n\n      if (this.shouldFocusRangeEnd()) {\n        this.endInput?.setFocus();\n      } else if (this.shouldFocusRangeStart()) {\n        this.startInput?.setFocus();\n      }\n\n      if (submitForm(this)) {\n        this.restoreInputFocus();\n      }\n    } else if (key === \"ArrowDown\") {\n      this.open = true;\n      this.focusOnOpen = true;\n      event.preventDefault();\n    } else if (key === \"Escape\") {\n      this.open = false;\n      event.preventDefault();\n      this.restoreInputFocus();\n    }\n  };\n\n  startInputFocus = (): void => {\n    this.focusedInput = \"start\";\n  };\n\n  endInputFocus = (): void => {\n    this.focusedInput = \"end\";\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  setStartWrapper = (el: HTMLDivElement): void => {\n    this.startWrapper = el;\n    this.setReferenceEl();\n  };\n\n  setEndWrapper = (el: HTMLDivElement): void => {\n    this.endWrapper = el;\n    this.setReferenceEl();\n  };\n\n  setDatePickerRef = (el: HTMLCalciteDatePickerElement): void => {\n    this.datePickerEl = el;\n    connectFocusTrap(this, {\n      focusTrapEl: el,\n      focusTrapOptions: {\n        initialFocus: false,\n        setReturnFocus: false,\n      },\n    });\n  };\n\n  @Watch(\"effectiveLocale\")\n  private async loadLocaleData(): Promise<void> {\n    if (!Build.isBrowser) {\n      return;\n    }\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem: this.numberingSystem,\n      locale: this.effectiveLocale,\n      useGrouping: false,\n    };\n    this.localeData = await getLocaleData(this.effectiveLocale);\n    this.localizeInputValues();\n  }\n\n  /**\n   * Event handler for when the selected date changes\n   *\n   * @param event CalciteDatePicker custom change event\n   */\n  handleDateChange = (event: CustomEvent<void>): void => {\n    if (this.range) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    this.setValue((event.target as HTMLCalciteDatePickerElement).valueAsDate as Date);\n    this.localizeInputValues();\n    this.restoreInputFocus();\n  };\n\n  private shouldFocusRangeStart(): boolean {\n    const startValue = this.value[0];\n    const endValue = this.value[1];\n    return !!(endValue && !startValue && this.focusedInput === \"end\" && this.startInput);\n  }\n\n  private shouldFocusRangeEnd(): boolean {\n    const startValue = this.value[0];\n    const endValue = this.value[1];\n    return !!(startValue && !endValue && this.focusedInput === \"start\" && this.endInput);\n  }\n\n  private handleDateRangeChange = (event: CustomEvent<void>): void => {\n    if (!this.range) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    const value = (event.target as HTMLCalciteDatePickerElement).valueAsDate as Date[];\n\n    this.setRangeValue(value);\n    this.localizeInputValues();\n    this.restoreInputFocus();\n  };\n\n  private restoreInputFocus(): void {\n    if (!this.range) {\n      this.startInput.setFocus();\n      return;\n    }\n\n    const focusedInput = this.focusedInput === \"start\" ? this.startInput : this.endInput;\n    focusedInput.setFocus();\n  }\n\n  private localizeInputValues(): void {\n    const date = dateFromRange(\n      (this.range\n        ? (Array.isArray(this.valueAsDate) && this.valueAsDate[0]) || undefined\n        : this.valueAsDate) as Date,\n      this.minAsDate,\n      this.maxAsDate,\n    );\n    const endDate = this.range\n      ? dateFromRange(\n          (Array.isArray(this.valueAsDate) && this.valueAsDate[1]) || undefined,\n          this.minAsDate,\n          this.maxAsDate,\n        )\n      : null;\n\n    const formattingOptions = {\n      // we explicitly set numberingSystem to prevent the browser-inferred value\n      // see https://github.com/Esri/calcite-design-system/issues/3079#issuecomment-1168964195 for more info\n      numberingSystem: getSupportedNumberingSystem(this.numberingSystem),\n    };\n\n    const localizedDate = date && date.toLocaleDateString(this.effectiveLocale, formattingOptions);\n    const localizedEndDate =\n      endDate && endDate.toLocaleDateString(this.effectiveLocale, formattingOptions);\n\n    this.setInputValue(localizedDate ?? \"\", \"start\");\n    this.setInputValue((this.range && localizedEndDate) ?? \"\", \"end\");\n  }\n\n  private setInputValue = (newValue: string, input: \"start\" | \"end\" = \"start\"): void => {\n    const inputEl = this[`${input}Input`];\n    if (!inputEl) {\n      return;\n    }\n    inputEl.value = newValue;\n  };\n\n  private setRangeValue = (valueAsDate: Date[]): void => {\n    if (!this.range) {\n      return;\n    }\n\n    const { value: oldValue } = this;\n    const oldValueIsArray = Array.isArray(oldValue);\n    const valueIsArray = Array.isArray(valueAsDate);\n\n    const newStartDate = valueIsArray ? valueAsDate[0] : null;\n    let newStartDateISO = valueIsArray ? dateToISO(newStartDate) : \"\";\n    if (newStartDateISO) {\n      newStartDateISO = this.getNormalizedDate(newStartDateISO);\n    }\n\n    const newEndDate = valueIsArray ? valueAsDate[1] : null;\n    let newEndDateISO = valueIsArray ? dateToISO(newEndDate) : \"\";\n    if (newEndDateISO) {\n      newEndDateISO = this.getNormalizedDate(newEndDateISO);\n    }\n\n    const newValue = newStartDateISO || newEndDateISO ? [newStartDateISO, newEndDateISO] : \"\";\n\n    if (newValue === oldValue) {\n      return;\n    }\n\n    this.userChangedValue = true;\n    this.value = newValue;\n    this.valueAsDate = newValue ? getValueAsDateRange(newValue) : undefined;\n\n    const changeEvent = this.calciteInputDatePickerChange.emit();\n\n    if (changeEvent && changeEvent.defaultPrevented) {\n      this.value = oldValue;\n      if (oldValueIsArray) {\n        this.setInputValue(oldValue[0], \"start\");\n        this.setInputValue(oldValue[1], \"end\");\n      } else {\n        this.value = oldValue;\n        this.setInputValue(oldValue as string);\n      }\n    }\n  };\n\n  private setValue = (value: Date | string): void => {\n    if (this.range) {\n      return;\n    }\n\n    const oldValue = this.value;\n    let newValue = dateToISO(value as Date);\n    newValue = this.getNormalizedDate(newValue);\n\n    if (newValue === oldValue) {\n      return;\n    }\n\n    this.userChangedValue = true;\n    this.valueAsDate = newValue ? dateFromISO(newValue) : undefined;\n    this.value = newValue || \"\";\n\n    const changeEvent = this.calciteInputDatePickerChange.emit();\n\n    if (changeEvent.defaultPrevented) {\n      this.value = oldValue;\n      this.setInputValue(oldValue as string);\n    }\n  };\n\n  private warnAboutInvalidValue(value: string): void {\n    console.warn(\n      `The specified value \"${value}\" does not conform to the required format, \"YYYY-MM-DD\".`,\n    );\n  }\n\n  private commonDateSeparators = [\".\", \"-\", \"/\"];\n\n  private formatNumerals = (value: string): string =>\n    value\n      ? value\n          .split(\"\")\n          .map((char: string) =>\n            this.commonDateSeparators?.includes(char)\n              ? this.localeData?.separator\n              : numberKeys?.includes(char)\n                ? numberStringFormatter?.numberFormatter?.format(Number(char))\n                : char,\n          )\n          .join(\"\")\n      : \"\";\n\n  private parseNumerals = (value: string): string =>\n    value\n      ? value\n          .split(\"\")\n          .map((char: string) =>\n            numberKeys.includes(char) ? numberStringFormatter.delocalize(char) : char,\n          )\n          .join(\"\")\n      : \"\";\n\n  private getNormalizedDate(value: string): string {\n    if (!value) {\n      return \"\";\n    }\n\n    if (!isTwoDigitYear(value)) {\n      return value;\n    }\n\n    const { day, month, year } = datePartsFromISO(value);\n    const normalizedYear = normalizeToCurrentCentury(Number(year));\n    return `${normalizedYear}-${month}-${day}`;\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-c7974fec.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.8.6
+ */
+const a="calcite-mode-auto";const t="calcite-mode-dark";const e="calcite-mode-light";const c={autoMode:a,darkMode:t,lightMode:e,rtl:"calcite--rtl",calciteAnimate:"calcite-animate",calciteAnimateIn:"calcite-animate__in",calciteAnimateInUp:"calcite-animate__in-up",calciteAnimateInDown:"calcite-animate__in-down",calciteAnimateInRight:"calcite-animate__in-right",calciteAnimateInLeft:"calcite-animate__in-left",calciteAnimateInScale:"calcite-animate__in-scale"};export{c as C,a,t as d};
+//# sourceMappingURL=p-c7974fec.js.map

package/dist/calcite/p-c7d5aa68.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.8.6
+ */
+import{r as t,c as i,f as e,h as s,H as o,g as a}from"./p-9f766782.js";import{g as r}from"./p-13a5457c.js";import{g as c,d as n,t as d}from"./p-0e004878.js";import{c as h,d as l,H as f}from"./p-0cda8ba2.js";import{g as u}from"./p-68a9d721.js";import{c as b,d as p,u as m,I as k}from"./p-3da22557.js";import{c as v,d as x,g}from"./p-09e4e34f.js";import{c as w,s as y,a as z}from"./p-6ff0db3d.js";import"./p-c7974fec.js";import"./p-1f0b554b.js";import"./p-cb50c462.js";const C={container:"container"};const A=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-ui-focus-color, 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          )}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand), 0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}';const R=A;const j=class{constructor(e){t(this,e);this.calciteInternalRadioButtonBlur=i(this,"calciteInternalRadioButtonBlur",6);this.calciteRadioButtonChange=i(this,"calciteRadioButtonChange",6);this.calciteInternalRadioButtonCheckedChange=i(this,"calciteInternalRadioButtonCheckedChange",6);this.calciteInternalRadioButtonFocus=i(this,"calciteInternalRadioButtonFocus",6);this.selectItem=(t,i)=>{t[i].click()};this.queryButtons=()=>Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name));this.isFocusable=()=>{const t=this.queryButtons();const i=t.find((t=>!t.disabled));const e=t.find((t=>t.checked));return i===this.el&&!e};this.check=()=>{if(this.disabled){return}this.focused=true;this.setFocus();if(this.checked){return}this.uncheckAllRadioButtonsInGroup();this.checked=true;this.calciteRadioButtonChange.emit()};this.clickHandler=()=>{if(this.disabled){return}this.check()};this.setContainerEl=t=>{this.containerEl=t};this.handleKeyDown=t=>{const i=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "];const{key:e}=t;const{el:s}=this;if(i.indexOf(e)===-1){return}if(e===" "){this.check();t.preventDefault();return}let o=e;if(c(s)==="rtl"){if(e==="ArrowRight"){o="ArrowLeft"}if(e==="ArrowLeft"){o="ArrowRight"}}const a=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name));let n=0;const d=a.length;a.some(((t,i)=>{if(t.checked){n=i;return true}}));switch(o){case"ArrowLeft":case"ArrowUp":t.preventDefault();this.selectItem(a,r(Math.max(n-1,-1),d));return;case"ArrowRight":case"ArrowDown":t.preventDefault();this.selectItem(a,r(n+1,d));return;default:return}};this.onContainerBlur=()=>{this.focused=false;this.calciteInternalRadioButtonBlur.emit()};this.onContainerFocus=()=>{if(!this.disabled){this.focused=true;this.calciteInternalRadioButtonFocus.emit()}};this.checked=false;this.disabled=false;this.focused=false;this.form=undefined;this.guid=undefined;this.hovered=false;this.label=undefined;this.name=undefined;this.required=false;this.scale="m";this.value=undefined}handleHiddenChange(){this.updateTabIndexOfOtherRadioButtonsInGroup()}checkedChanged(t){if(t){this.uncheckOtherRadioButtonsInGroup()}this.calciteInternalRadioButtonCheckedChange.emit()}disabledChanged(){this.updateTabIndexOfOtherRadioButtonsInGroup()}nameChanged(){this.checkLastRadioButton()}async setFocus(){await w(this);if(!this.disabled){n(this.containerEl)}}syncHiddenFormInput(t){t.type="radio"}onLabelClick(t){if(this.disabled||this.el.hidden){return}const i=t.currentTarget;const e=i.for?this.rootNode.querySelector(`calcite-radio-button[id="${i.for}"]`):i.querySelector(`calcite-radio-button[name="${this.name}"]`);if(!e){return}e.focused=true;this.setFocus();if(e.checked){return}this.uncheckOtherRadioButtonsInGroup();e.checked=true;this.calciteRadioButtonChange.emit()}checkLastRadioButton(){const t=this.queryButtons();const i=t.filter((t=>t.checked));if(i?.length>1){const t=i[i.length-1];i.filter((i=>i!==t)).forEach((t=>{t.checked=false;t.emitCheckedChange()}))}}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}uncheckAllRadioButtonsInGroup(){const t=this.queryButtons();t.forEach((t=>{if(t.checked){t.checked=false;t.focused=false}}))}uncheckOtherRadioButtonsInGroup(){const t=this.queryButtons();const i=t.filter((t=>t.guid!==this.guid));i.forEach((t=>{if(t.checked){t.checked=false;t.focused=false}}))}updateTabIndexOfOtherRadioButtonsInGroup(){const t=this.queryButtons();const i=t.filter((t=>t.guid!==this.guid&&!t.disabled));i.forEach((t=>{e(t)}))}getTabIndex(){if(this.disabled){return undefined}return this.checked||this.isFocusable()?0:-1}pointerEnterHandler(){if(this.disabled){return}this.hovered=true}pointerLeaveHandler(){if(this.disabled){return}this.hovered=false}connectedCallback(){this.rootNode=this.el.getRootNode();this.guid=this.el.id||`calcite-radio-button-${u()}`;if(this.name){this.checkLastRadioButton()}b(this);v(this);h(this);this.updateTabIndexOfOtherRadioButtonsInGroup()}componentWillLoad(){y(this)}componentDidLoad(){z(this);if(this.focused&&!this.disabled){this.setFocus()}}disconnectedCallback(){p(this);x(this);l(this);this.updateTabIndexOfOtherRadioButtonsInGroup()}componentDidRender(){m(this)}render(){const t=this.getTabIndex();return s(o,{key:"7f7f0cfa7e4a873346af37a4c90885e3b0353da9",onClick:this.clickHandler,onKeyDown:this.handleKeyDown},s(k,{key:"a4896cb1e1444133c974769bd17adb62dd71f93b",disabled:this.disabled},s("div",{key:"4efbe11beea96f535bbe5a0d4bb560c0c1771059","aria-checked":d(this.checked),"aria-label":g(this),class:C.container,onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,role:"radio",tabIndex:t,ref:this.setContainerEl},s("div",{key:"4f5a058df72d81bb149d95e0bf86a43067818bbd",class:"radio"})),s(f,{key:"8760ce6ccca0a98c46f6198753f57509cbbe2551",component:this})))}get el(){return a(this)}static get watchers(){return{hidden:["handleHiddenChange"],checked:["checkedChanged"],disabled:["disabledChanged"],name:["nameChanged"]}}};j.style=R;export{j as calcite_radio_button};
+//# sourceMappingURL=p-c7d5aa68.entry.js.map

package/dist/calcite/p-cb3e3f69.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.8.6
+ */
+import{r as e,c as t,h as i,H as n,g as o}from"./p-9f766782.js";import{t as s,k as a,d as r}from"./p-0e004878.js";import{f as c,c as l,d,a as h,F as p,r as m}from"./p-7f3e3ba5.js";import{g as f}from"./p-68a9d721.js";import{c as b,u,d as g,I as w}from"./p-3da22557.js";import{i as k}from"./p-0abda379.js";import{c as v,s as y,a as x}from"./p-6ff0db3d.js";import{c as z}from"./p-ac54286b.js";import{o as D}from"./p-e5fa4961.js";import{g as I}from"./p-cb50c462.js";import"./p-c7974fec.js";import"./p-159d0fbe.js";import"./p-1f0b554b.js";const C={dropdownTrigger:"trigger"};const E=":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 H=E;const P=class{constructor(i){e(this,i);this.calciteDropdownSelect=t(this,"calciteDropdownSelect",6);this.calciteDropdownBeforeClose=t(this,"calciteDropdownBeforeClose",6);this.calciteDropdownClose=t(this,"calciteDropdownClose",6);this.calciteDropdownBeforeOpen=t(this,"calciteDropdownBeforeOpen",6);this.calciteDropdownOpen=t(this,"calciteDropdownOpen",6);this.items=[];this.groups=[];this.mutationObserver=z("mutation",(()=>this.updateItems()));this.resizeObserver=z("resize",(e=>this.resizeObserverCallback(e)));this.openTransitionProp="opacity";this.guid=`calcite-dropdown-${f()}`;this.defaultAssignedElements=[];this.slotChangeHandler=e=>{this.defaultAssignedElements=e.target.assignedElements({flatten:true});this.updateItems()};this.setFilteredPlacements=()=>{const{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?c(t,e):null};this.updateTriggers=e=>{this.triggers=e.target.assignedElements({flatten:true});this.reposition(true)};this.updateItems=()=>{this.items=this.groups.map((e=>Array.from(e?.querySelectorAll("calcite-dropdown-item")))).reduce(((e,t)=>[...e,...t]),[]);this.updateSelectedItems();this.reposition(true);this.items.forEach((e=>e.scale=this.scale))};this.updateGroups=e=>{const t=e.target.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-dropdown-group")));this.groups=t;this.updateItems()};this.resizeObserverCallback=e=>{e.forEach((e=>{const{target:t}=e;if(t===this.referenceEl){this.setDropdownWidth()}else if(t===this.scrollerEl){this.setMaxScrollerHeight()}}))};this.setDropdownWidth=()=>{const{referenceEl:e,scrollerEl:t}=this;const i=e?.clientWidth;if(!i||!t){return}t.style.minWidth=`${i}px`};this.setMaxScrollerHeight=()=>{const{scrollerEl:e}=this;if(!e){return}this.reposition(true);const t=this.getMaxScrollerHeight();e.style.maxHeight=t>0?`${t}px`:"";this.reposition(true)};this.setScrollerAndTransitionEl=e=>{this.resizeObserver.observe(e);this.scrollerEl=e;this.transitionEl=e};this.setReferenceEl=e=>{this.referenceEl=e;l(this,this.referenceEl,this.floatingEl);this.resizeObserver.observe(e)};this.setFloatingEl=e=>{this.floatingEl=e;l(this,this.referenceEl,this.floatingEl)};this.keyDownHandler=e=>{if(!e.composedPath().includes(this.referenceEl)){return}const{defaultPrevented:t,key:i}=e;if(t){return}if(this.open){if(i==="Escape"){this.closeCalciteDropdown();e.preventDefault();return}else if(e.shiftKey&&i==="Tab"){this.closeCalciteDropdown();e.preventDefault();return}}if(k(i)){this.openCalciteDropdown();e.preventDefault()}else if(i==="Escape"){this.closeCalciteDropdown();e.preventDefault()}};this.focusOnFirstActiveOrFirstItem=()=>{this.getFocusableElement(this.getTraversableItems().find((e=>e.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=d;this.selectedItems=[];this.type="click";this.widthScale=undefined;this.scale="m"}openHandler(){D(this);if(this.disabled){this.open=false;return}this.reposition(true)}handleDisabledChange(e){if(!e){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 v(this);this.el.focus()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.setFilteredPlacements();if(this.open){this.openHandler();D(this)}b(this);this.updateItems();l(this,this.referenceEl,this.floatingEl)}componentWillLoad(){y(this)}componentDidLoad(){x(this);l(this,this.referenceEl,this.floatingEl)}componentDidRender(){u(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();g(this);h(this,this.referenceEl,this.floatingEl)}render(){const{open:e,guid:t}=this;return i(n,{key:"aad82a6a5bce5a29f6c309bb9ff20911b3ec9482"},i(w,{key:"b559473528a0142c058c6e6de499e981748e369c",disabled:this.disabled},i("div",{key:"089a4a3e39800339c21e50f167c1154dd90f0194",class:"calcite-trigger-container",id:`${t}-menubutton`,onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},i("slot",{key:"1a6ded94e643359a5d9a6168d3abe0db4d96d57e","aria-controls":`${t}-menu`,"aria-expanded":s(e),"aria-haspopup":"menu",name:C.dropdownTrigger,onSlotchange:this.updateTriggers})),i("div",{key:"3c8a8fcda5b885baadd1aaaf2b8181b9dfd24ddf","aria-hidden":s(!e),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},i("div",{key:"8c04cadcb38268f20386f9e80f519b99f702054e","aria-labelledby":`${t}-menubutton`,class:{["calcite-dropdown-content"]:true,[p.animation]:true,[p.animationActive]:e},id:`${t}-menu`,role:"menu",ref:this.setScrollerAndTransitionEl},i("slot",{key:"92b1d20e253dc2253aa2f998076bf640e696ff91",onSlotchange:this.updateGroups})))))}async reposition(e=false){const{floatingEl:t,referenceEl:i,placement:n,overlayPositioning:o,filteredFlipPlacements:s}=this;return m(this,{floatingEl:t,referenceEl:i,overlayPositioning:o,placement:n,flipPlacements:s,type:"menu"},e)}closeCalciteDropdownOnClick(e){if(this.disabled||!this.open||e.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)}closeCalciteDropdownOnEvent(e){this.closeCalciteDropdown();e.stopPropagation()}closeCalciteDropdownOnOpenEvent(e){if(e.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((e=>!e.disabled&&!e.hidden))}calciteInternalDropdownItemKeyEvent(e){const{keyboardEvent:t}=e.detail;const i=t.target;const n=this.getTraversableItems();switch(t.key){case"Tab":this.open=false;this.updateTabIndexOfItems(i);break;case"ArrowDown":a(n,i,"next");break;case"ArrowUp":a(n,i,"previous");break;case"Home":a(n,i,"first");break;case"End":a(n,i,"last");break}e.stopPropagation()}handleItemSelect(e){this.updateSelectedItems();e.stopPropagation();this.calciteDropdownSelect.emit();if(!this.closeOnSelectDisabled||e.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}e.stopPropagation()}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit()}updateSelectedItems(){this.selectedItems=this.items.filter((e=>e.selected))}getMaxScrollerHeight(){const{maxItems:e,items:t}=this;let i=0;let n=0;let o;this.groups.forEach((t=>{if(e>0&&i<e){Array.from(t.children).forEach(((t,s)=>{if(s===0){if(isNaN(o)){o=t.offsetTop}n+=o}if(i<e){n+=t.offsetHeight;i+=1}}))}}));return t.length>e?n:0}closeCalciteDropdown(e=true){this.open=false;if(e){r(this.triggers[0])}}getFocusableElement(e){if(!e){return}r(e)}updateTabIndexOfItems(e){this.items.forEach((t=>{t.tabIndex=e!==t?-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=O;const $=class{constructor(i){e(this,i);this.calciteInternalDropdownItemChange=t(this,"calciteInternalDropdownItemChange",6);this.updateItems=()=>{Array.from(this.el.querySelectorAll("calcite-dropdown-item")).forEach((e=>e.selectionMode=this.selectionMode))};this.mutationObserver=z("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 e=this.groupTitle?i("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;const t=this.groupPosition>0?i("div",{class:"dropdown-separator",role:"separator"}):null;return i(n,{key:"c1b662afcbb612d775cea66edb949d71f5f63167","aria-label":this.groupTitle,role:"group"},i("div",{key:"cdfdb0919b1b6006f69f7fbcda0c16c2beefec5e",class:{[j.container]:true,[`${j.container}--${this.scale}`]:true}},t,e,i("slot",{key:"166c8236f3315d2f038f61b0619270d2bd9b344a"})))}updateActiveItemOnChange(e){this.requestedDropdownGroup=e.detail.requestedDropdownGroup;this.requestedDropdownItem=e.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"]}}};$.style=A;const S=":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));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 L=S;const F=class{constructor(i){e(this,i);this.calciteDropdownItemSelect=t(this,"calciteDropdownItemSelect",6);this.calciteInternalDropdownItemSelect=t(this,"calciteInternalDropdownItemSelect",6);this.calciteInternalDropdownItemKeyEvent=t(this,"calciteInternalDropdownItemKeyEvent",6);this.calciteInternalDropdownCloseRequest=t(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 v(this);this.el?.focus()}componentWillLoad(){y(this);this.initialize()}componentDidLoad(){x(this)}connectedCallback(){this.initialize()}componentDidRender(){u(this)}render(){const{href:e,selectionMode:t,label:o,iconFlipRtl:a,scale:r}=this;const c=i("calcite-icon",{key:"10985dba962cc1582cc6b2896e1c274b21e1dc20",class:j.iconStart,flipRtl:a==="start"||a==="both",icon:this.iconStart,scale:I(this.scale)});const l=i("span",{key:"e72a06cc3d3f325ec8e0e8eff407dc9149b29b14",class:j.itemContent},i("slot",{key:"e8d4e201f5903a2811c642d441d4b33d20abd7b2"}));const d=i("calcite-icon",{key:"fd15f4aea96916ffa674591adc6887dafccc8218",class:j.iconEnd,flipRtl:a==="end"||a==="both",icon:this.iconEnd,scale:I(this.scale)});const h=this.iconStart&&this.iconEnd?[c,l,d]:this.iconStart?[c,l]:this.iconEnd?[l,d]:l;const p=!e?h:i("a",{"aria-label":o,class:j.link,href:e,rel:this.rel,tabIndex:-1,target:this.target,ref:e=>this.childLink=e},h);const m=e?null:t==="single"?"menuitemradio":t==="multiple"?"menuitemcheckbox":"menuitem";const f=t!=="none"?s(this.selected):null;const{disabled:b}=this;return i(n,{key:"6cdbba40456cde099120c69e8b743db43a044279","aria-checked":f,"aria-label":!e?o:"",role:m,tabIndex:b?-1:0},i(w,{key:"ad9f797dba175a65095cb209f0230043ca19247c",disabled:b},i("div",{key:"6380f6b0db4dfada44886e8e003d6d973598b252",class:{[j.container]:true,[j.containerLink]:!!e,[`${j.container}--${r}`]:true,[j.containerMulti]:t==="multiple",[j.containerSingle]:t==="single",[j.containerNone]:t==="none"}},t!=="none"?i("calcite-icon",{class:j.icon,icon:t==="multiple"?"check":"bullet-point",scale:I(this.scale)}):null,p)))}onClick(){this.emitRequestedItem()}keyDownHandler(e){switch(e.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}e.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();e.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:e});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":e.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:e});break}}updateActiveItemOnChange(e){const t=e.composedPath().includes(this.parentDropdownGroupEl);if(t){this.requestedDropdownGroup=e.detail.requestedDropdownGroup;this.requestedDropdownItem=e.detail.requestedDropdownItem;this.determineActiveItem()}e.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)}};F.style=L;export{P as calcite_dropdown,$ as calcite_dropdown_group,F as calcite_dropdown_item};
+//# sourceMappingURL=p-cb3e3f69.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SLOTS","dropdownTrigger","dropdownCss","CalciteDropdownStyle0","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","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","CalciteDropdownGroupStyle0","DropdownGroup","groupPosition","getGroupPosition","groupTitle","dropdownSeparator","updateActiveItemOnChange","requestedDropdownItem","calciteInternalDropdownItemChange","prototype","indexOf","call","parentElement","dropdownItemCss","CalciteDropdownItemStyle0","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 { focusElement, focusElementInGroup, toAriaBoolean } 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 { ItemKeyboardEvent } 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    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    connectFloatingUI(this, this.referenceEl, this.floatingEl);\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(\"click\", { target: \"window\" })\n  closeCalciteDropdownOnClick(event: PointerEvent): void {\n    if (this.disabled || !this.open || event.composedPath().includes(this.el)) {\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 { createObserver } from \"../../utils/observers\";\nimport { CSS } from \"../dropdown-item/resources\";\nimport { RequestedItem } from \"./interfaces\";\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 {\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\";\nimport { CSS } from \"./resources\";\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-cb50c462.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.8.6
+ */
+function n(n){return n==="l"?"m":"s"}async function t(n){await(e(n)?n.componentOnReady():new Promise((n=>requestAnimationFrame((()=>n())))))}function e(n){return typeof n.componentOnReady==="function"}export{t as c,n as g};
+//# sourceMappingURL=p-cb50c462.js.map

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

package/dist/calcite/p-ccb7c1dd.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.8.6
+ */
+import{d as e}from"./p-eab72cb3.js";import"./p-9f766782.js";import"./p-0cda8ba2.js";import"./p-0e004878.js";import"./p-68a9d721.js";import"./p-c7974fec.js";import"./p-3da22557.js";import"./p-1f0b554b.js";import"./p-0abda379.js";import"./p-09e4e34f.js";import"./p-cb50c462.js";import"./p-6ff0db3d.js";import"./p-a114886f.js";import"./p-ac54286b.js";import"./p-e5657c68.js";import"./p-d6f0d5c8.js";import"./p-7dd104ab.js";import"./p-e5fa4961.js";import"./p-4f866b60.js";function r(e){return e%100==2}function t(e){return e%100==3||e%100==4}function m(e,m,n,a){var s=e+" ";switch(n){case"s":return m||a?"nekaj sekund":"nekaj sekundami";case"m":return m?"ena minuta":"eno minuto";case"mm":if(r(e)){return s+(m||a?"minuti":"minutama")}if(t(e)){return s+(m||a?"minute":"minutami")}return s+(m||a?"minut":"minutami");case"h":return m?"ena ura":a?"eno uro":"eno uro";case"hh":if(r(e)){return s+(m||a?"uri":"urama")}if(t(e)){return s+(m||a?"ure":"urami")}return s+(m||a?"ur":"urami");case"d":return m||a?"en dan":"enim dnem";case"dd":if(r(e)){return s+(m||a?"dneva":"dnevoma")}return s+(m||a?"dni":"dnevi");case"M":return m||a?"en mesec":"enim mesecem";case"MM":if(r(e)){return s+(m||a?"meseca":"mesecema")}if(t(e)){return s+(m||a?"mesece":"meseci")}return s+(m||a?"mesecev":"meseci");case"y":return m||a?"eno leto":"enim letom";case"yy":if(r(e)){return s+(m||a?"leti":"letoma")}if(t(e)){return s+(m||a?"leta":"leti")}return s+(m||a?"let":"leti")}}var n={name:"sl",weekdays:"nedelja_ponedeljek_torek_sreda_četrtek_petek_sobota".split("_"),months:"januar_februar_marec_april_maj_junij_julij_avgust_september_oktober_november_december".split("_"),weekStart:1,weekdaysShort:"ned._pon._tor._sre._čet._pet._sob.".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._avg._sep._okt._nov._dec.".split("_"),weekdaysMin:"ne_po_to_sr_če_pe_so".split("_"),ordinal:function e(r){return r+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"čez %s",past:"pred %s",s:m,m,mm:m,h:m,hh:m,d:m,dd:m,M:m,MM:m,y:m,yy:m}};e.locale(n,null,true);export{n as default};
+//# sourceMappingURL=p-ccb7c1dd.js.map

package/dist/calcite/p-ce0a4c69.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.8.6
+ */
+import{r as t,c as e,h as s,g as i}from"./p-9f766782.js";import{s as a,k as c,t as n}from"./p-0e004878.js";import{c as h,d as o,u as r,I as l}from"./p-3da22557.js";import{a as d,s as p,c as f}from"./p-6ff0db3d.js";import"./p-68a9d721.js";import"./p-c7974fec.js";import"./p-1f0b554b.js";const b=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:0.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:0.25rem}:host([scale=l]) .container{gap:0.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const u=b;const m=class{constructor(s){t(this,s);this.calciteChipGroupSelect=e(this,"calciteChipGroupSelect",6);this.items=[];this.updateItems=t=>{const e=this.slotRefEl?.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-chip")));this.items=!t?e:a(t);if(this.items?.length<1){return}this.items?.forEach((t=>{t.interactive=true;t.scale=this.scale;t.selectionMode=this.selectionMode;t.parentChipGroup=this.el}));this.setSelectedItems(false)};this.updateSelectedItems=()=>{this.selectedItems=this.items?.filter((t=>t.selected))};this.setSelectedItems=(t,e)=>{if(e){this.items?.forEach((t=>{const s=e===t;switch(this.selectionMode){case"multiple":if(s){t.selected=!t.selected}break;case"single":t.selected=s?!t.selected:false;break;case"single-persist":t.selected=!!s;break}}))}this.updateSelectedItems();if(t){this.calciteChipGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.scale="m";this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.updateItems()}connectedCallback(){h(this)}componentDidRender(){o(this);r(this)}componentDidLoad(){d(this)}async componentWillLoad(){p(this)}calciteInternalChipKeyEventListener(t){if(t.composedPath().includes(this.el)){const e=this.items?.filter((t=>!t.disabled));switch(t.detail.key){case"ArrowRight":c(e,t.detail.target,"next");break;case"ArrowLeft":c(e,t.detail.target,"previous");break;case"Home":c(e,t.detail.target,"first");break;case"End":c(e,t.detail.target,"last");break}}t.stopPropagation()}calciteChipCloseListener(t){const e=t.target;if(this.items?.includes(e)){if(this.items?.indexOf(e)>0){c(this.items,e,"previous")}else if(this.items?.indexOf(e)===0){c(this.items,e,"next")}else{c(this.items,e,"first")}}this.items=this.items?.filter((t=>t!==e));t.stopPropagation()}calciteChipSelectListener(t){if(t.composedPath().includes(this.el)){this.setSelectedItems(true,t.target)}t.stopPropagation()}calciteInternalChipSelectListener(t){if(t.composedPath().includes(this.el)){this.setSelectedItems(false,t.target)}t.stopPropagation()}calciteInternalSyncSelectedChips(t){if(t.composedPath().includes(this.el)){this.updateSelectedItems();if(this.selectionMode==="single"&&this.selectedItems.length>1){this.setSelectedItems(false,t.target)}}t.stopPropagation()}async setFocus(){await f(this);if(!this.disabled){return(this.selectedItems[0]||this.items[0])?.setFocus()}}render(){const t=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";const{disabled:e}=this;return s(l,{key:"341dd9e8f25d4d358ea6e33740d8b851a5fa0e9d",disabled:e},s("div",{key:"66c9eaa00b7ca0c602f94a017f5b6ef6afc3bd93","aria-disabled":n(e),"aria-label":this.label,class:"container",role:t},s("slot",{key:"9611ab9bbadf169969834f1e39a29b79ad7ca68b",onSlotchange:this.updateItems,ref:t=>this.slotRefEl=t})))}get el(){return i(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};m.style=u;export{m as calcite_chip_group};
+//# sourceMappingURL=p-ce0a4c69.entry.js.map

package/dist/calcite/p-ce988e5c.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.8.6
+ */
+import{r as t,f as e,h as i,g as s,c as a,H as n}from"./p-9f766782.js";import{g as l}from"./p-68a9d721.js";import{c as h}from"./p-ac54286b.js";import{l as r,v as o}from"./p-0e004878.js";import{c,d,a as u,H as m}from"./p-0cda8ba2.js";import{c as b,d as f,u as p,I as g}from"./p-3da22557.js";import{i as v}from"./p-0abda379.js";import{c as x,d as k,g as _}from"./p-09e4e34f.js";import{s as $,a as y,c as w}from"./p-6ff0db3d.js";import{n as M,c as z,d as V}from"./p-a114886f.js";import{d as L,c as H}from"./p-d6f0d5c8.js";import"./p-c7974fec.js";import"./p-1f0b554b.js";import"./p-cb50c462.js";function j(t,e,i){const s=e[0]-t[0];const a=i[0]-e[0];const n=e[1]-t[1];const l=i[1]-e[1];const h=n/(s||a<0&&0);const r=l/(a||s<0&&0);const o=(h*a+r*s)/(s+a);return(Math.sign(h)+Math.sign(r))*Math.min(Math.abs(h),Math.abs(r),.5*Math.abs(o))||0}function X(t,e,i){const s=e[0]-t[0];const a=e[1]-t[1];return s?(3*a/s-i)/2:i}function T(t,e,i,s,a){const[n,l]=t;const[h,r]=e;const o=(h-n)/3;const c=a([n+o,l+o*i]).join(",");const d=a([h-o,r-o*s]).join(",");const u=a([h,r]).join(",");return`C ${c} ${d} ${u}`}function C({width:t,height:e,min:i,max:s}){const a=s[0]-i[0];const n=s[1]-i[1];return s=>{const l=(s[0]-i[0])/a*t;const h=e-s[1]/n*e;return[l,h]}}function D(t){const[e,i]=t[0];const s=[e,i];const a=[e,i];return t.reduce((({min:t,max:e},[i,s])=>({min:[Math.min(t[0],i),Math.min(t[1],s)],max:[Math.max(e[0],i),Math.max(e[1],s)]})),{min:s,max:a})}function A({data:t,min:e,max:i,t:s}){if(t.length===0){return""}const[a,n]=s(t[0]);const[l,h]=s(e);const[r]=s(i);let o;let c;let d;const u=t.reduce(((e,i,a)=>{c=t[a-2];d=t[a-1];if(a>1){const t=j(c,d,i);const a=o===undefined?X(c,d,t):o;const n=T(c,d,a,t,s);o=t;return`${e} ${n}`}return e}),`M ${l},${h} L ${l},${n} L ${a},${n}`);const m=t[t.length-1];const b=T(d,m,o,X(d,m,o),s);return`${u} ${b} L ${r},${h} Z`}const S=":host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;block-size:100%;inline-size:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-color-brand);opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}";const I=S;const R=class{constructor(i){t(this,i);this.graphId=`calcite-graph-${l()}`;this.resizeObserver=h("resize",(()=>e(this)));this.data=[];this.colorStops=undefined;this.highlightMin=undefined;this.highlightMax=undefined;this.min=undefined;this.max=undefined}connectedCallback(){this.resizeObserver?.observe(this.el)}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const{data:t,colorStops:e,el:s,highlightMax:a,highlightMin:n,min:l,max:h}=this;const r=this.graphId;const{clientHeight:o,clientWidth:c}=s;if(!t||t.length===0){return i("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c})}const{min:d,max:u}=D(t);let m=d;let b=u;if(l<d[0]||l>d[0]){m=[l,0]}if(h>u[0]||h<u[0]){b=[h,u[1]]}const f=C({min:m,max:b,width:c,height:o});const[p]=f([n,b[1]]);const[g]=f([a,b[1]]);const v=A({data:t,min:d,max:u,t:f});const x=e?`url(#linear-gradient-${r})`:undefined;return i("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c},e?i("defs",null,i("linearGradient",{id:`linear-gradient-${r}`,x1:"0",x2:"1",y1:"0",y2:"0"},e.map((({offset:t,color:e,opacity:s})=>i("stop",{offset:`${t*100}%`,"stop-color":e,"stop-opacity":s}))))):null,n!==undefined?[i("mask",{height:"100%",id:`${r}1`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M 0,0\n            L ${p-1},0\n            L ${p-1},${o}\n            L 0,${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${r}2`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M ${p+1},0\n            L ${g-1},0\n            L ${g-1},${o}\n            L ${p+1}, ${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${r}3`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n                M ${g+1},0\n                L ${c},0\n                L ${c},${o}\n                L ${g+1}, ${o}\n                Z\n              `,fill:"white"})),i("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}1)`}),i("path",{class:"graph-path--highlight",d:v,fill:x,mask:`url(#${r}2)`}),i("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}3)`})]:i("path",{class:"graph-path",d:v,fill:x}))}get el(){return s(this)}};R.style=I;const F={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed"};const P=250;const O='@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size:0.625rem;--calcite-slider-handle-extension-height:0.4rem;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:0.875rem;--calcite-slider-handle-extension-height:0.5rem;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:1rem;--calcite-slider-handle-extension-height:0.65rem;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * 0.5);padding-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-inline:0;--calcite-slider-full-handle-height:calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  );touch-action:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:0.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-color-text-3)}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-color-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-focus-color, 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          )}.thumb:focus .handle-extension{background-color:var(--calcite-color-brand)}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-0.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-color-brand)}.track{position:relative;block-size:0.125rem;border-radius:0px;background-color:var(--calcite-color-border-2);transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:0.125rem;background-color:var(--calcite-color-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:0.25rem;inline-size:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-color-border-input);border-color:var(--calcite-color-foreground-1);inset-block-start:-2px;pointer-events:none;margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-color-brand)}.tick__label{pointer-events:none;margin-block-start:0.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-color-foreground-3);block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}';const W=O;function N(t){return Array.isArray(t)}const U=class{constructor(e){t(this,e);this.calciteSliderInput=a(this,"calciteSliderInput",6);this.calciteSliderChange=a(this,"calciteSliderChange",6);this.handleKeyDown=t=>{const e=this.shouldMirror();const{activeProp:i,max:s,min:a,pageStep:n,step:l}=this;const h=this[i];const{key:r}=t;if(v(r)){t.preventDefault();return}let o;if(r==="ArrowUp"||r==="ArrowRight"){const t=e&&r==="ArrowRight"?-1:1;o=h+l*t}else if(r==="ArrowDown"||r==="ArrowLeft"){const t=e&&r==="ArrowLeft"?-1:1;o=h-l*t}else if(r==="PageUp"){if(n){o=h+n}}else if(r==="PageDown"){if(n){o=h-n}}else if(r==="Home"){o=a}else if(r==="End"){o=s}if(isNaN(o)){return}t.preventDefault();const c=Number(o.toFixed(L(l)));this.setValue({[i]:this.clamp(c,i)})};this.activeProp="value";this.guid=`calcite-slider-${l()}`;this.onThumbBlur=()=>{this.activeProp=null};this.onThumbFocus=t=>{const e=t.currentTarget;this.activeProp=e.getAttribute("data-value-prop")};this.onThumbPointerDown=t=>{const e=t.currentTarget;this.pointerDownDragStart(t,e.getAttribute("data-value-prop"))};this.onTrackPointerDown=t=>{this.pointerDownDragStart(t,"minMaxValue")};this.dragUpdate=t=>{if(this.disabled){return}t.preventDefault();if(this.dragProp){const e=this.translate(t.clientX||t.pageX);if(N(this.value)&&this.dragProp==="minMaxValue"){if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){const t=e-this.minValueDragRange;const i=e+this.maxValueDragRange;if(i<=this.max&&t>=this.min&&i-t===this.minMaxValueRange){this.setValue({minValue:this.clamp(t,"minValue"),maxValue:this.clamp(i,"maxValue")})}}else{this.minValueDragRange=e-this.minValue;this.maxValueDragRange=this.maxValue-e;this.minMaxValueRange=this.maxValue-this.minValue}}else{this.setValue({[this.dragProp]:this.clamp(e,this.dragProp)})}}};this.pointerUpDragEnd=t=>{if(this.disabled||!r(t)){return}this.dragEnd(t)};this.dragEnd=t=>{if(this.disabled){return}this.removeDragListeners();this.focusActiveHandle(t.clientX);if(this.lastDragPropValue!=this[this.dragProp]){this.emitChange()}this.dragProp=null;this.lastDragPropValue=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.minMaxValueRange=null};this.storeTrackRef=t=>{this.trackEl=t};this.storeThumbRef=t=>{if(!t){return}const e=t.getAttribute("data-value-prop");e==="minValue"?this.minHandle=t:this.maxHandle=t};this.formatValue=t=>{M.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return M.localize(t.toString())};this.disabled=false;this.fillPlacement="start";this.form=undefined;this.groupSeparator=false;this.hasHistogram=false;this.histogram=undefined;this.histogramStops=undefined;this.labelHandles=false;this.labelFormatter=undefined;this.labelTicks=false;this.max=100;this.maxLabel=undefined;this.maxValue=undefined;this.min=0;this.minLabel=undefined;this.minValue=undefined;this.mirrored=false;this.name=undefined;this.numberingSystem=undefined;this.pageStep=undefined;this.precise=false;this.required=false;this.snap=false;this.step=1;this.ticks=undefined;this.value=0;this.scale="m";this.effectiveLocale="";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[]}histogramWatcher(t){this.hasHistogram=!!t}ticksWatcher(){this.tickValues=this.generateTickValues()}valueHandler(){this.setMinMaxFromValue()}minMaxValueHandler(){this.setValueFromMinMax()}connectedCallback(){b(this);z(this);this.setMinMaxFromValue();this.setValueFromMinMax();x(this);c(this)}disconnectedCallback(){f(this);k(this);d(this);V(this);this.removeDragListeners()}componentWillLoad(){$(this);if(!N(this.value)){this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value)}this.ticksWatcher();this.histogramWatcher(this.histogram);u(this,this.value)}componentDidLoad(){y(this)}componentDidRender(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(N(this.value)){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels();p(this)}render(){const t=this.el.id||this.guid;const e=N(this.value)?this.maxValue:this.value;const s=this.minValue||this.min;const a=this.shouldUseMinValue();const l=this.getUnitInterval(a?this.minValue:s)*100;const h=this.getUnitInterval(e)*100;const r=this.shouldMirror();const o=N(this.value);const c=this.buildThumbType("max");const d=this.renderThumb({type:c,thumbPlacement:c.includes("histogram")?"below":"above",maxInterval:h,minInterval:l,mirror:r});const u=this.buildThumbType("min");const b=o&&this.renderThumb({type:u,thumbPlacement:u.includes("histogram")||u.includes("precise")?"below":"above",maxInterval:h,minInterval:l,mirror:r});const f=o?"start":this.fillPlacement;const p=f==="none"?{left:`unset`,right:`unset`}:f==="end"?{left:`${r?l:h}%`,right:`${r?h:l}%`}:{left:`${r?100-h:l}%`,right:`${r?l:100-h}%`};return i(n,{key:"86ec64bfb42495e7fc927751ad7d2a667b0a625d",id:t,onKeyDown:this.handleKeyDown,onTouchStart:this.handleTouchStart},i(g,{key:"842aacebaf4199a088f71b2d2ad7420845cf2629",disabled:this.disabled},i("div",{key:"364511c370bbf454958accdd4c3084a1c339de22","aria-label":_(this),class:{[F.container]:true,[F.containerRange]:o,[`scale--${this.scale}`]:true}},this.renderGraph(),i("div",{key:"b382bc88c07796d339dd972bcea3459ce8664de9",class:F.track,ref:this.storeTrackRef},i("div",{key:"ba6aeb6fca50edd0c2d13077a49ac00f0aa93cf3",class:F.trackRange,onPointerDown:this.onTrackPointerDown,style:p}),i("div",{key:"013d292f6046b456443c9537facac8a6a2b1c4e6",class:F.ticks},this.tickValues.map((t=>{const n=`${this.getUnitInterval(t)*100}%`;let l=false;if(f==="start"||f==="end"){if(a){l=t>=this.minValue&&t<=this.maxValue}else{const i=f==="start"?s:e;const a=f==="start"?e:this.max;l=t>=i&&t<=a}}return i("span",{class:{[F.tick]:true,[F.tickActive]:l},style:{left:r?"":n,right:r?n:""}},this.renderTickLabel(t))})))),i("div",{key:"31e1150688ac0371ed3b32a839c855b79ae9ed47",class:F.thumbContainer},b,d,i(m,{key:"3de3bb38e26cd71ee3a49541d61534b004ff137b",component:this})))))}renderThumb({type:t,mirror:e,thumbPlacement:s,minInterval:a,maxInterval:n}){const l=t.includes("labeled");const h=t.includes("precise");const r=t.includes("min");const o=N(this.value);const c=r?this.minValue:o?this.maxValue:this.value;const d=r?"minValue":o?"maxValue":"value";const u=r?this.minLabel:o?this.maxLabel:this.minLabel;const m=r?this.minValue:c;const b=d==="minValue"?this.internalLabelFormatter(this.minValue,"min"):d==="maxValue"?this.internalLabelFormatter(this.maxValue,"max"):this.internalLabelFormatter(c,"value");const f=r?{left:`${e?100-a:a}%`}:{right:`${e?n:100-n}%`};const p=`${F.handleLabel} ${r?F.handleLabelMinValue:F.handleLabelValue}`;const g=l?[i("span",{"aria-hidden":"true",class:p},b),i("span",{"aria-hidden":"true",class:`${p} ${F.static}`},b),i("span",{"aria-hidden":"true",class:`${p} ${F.transformed}`},b)]:[];const v=[...g,i("div",{class:F.handle}),h&&i("div",{class:F.handleExtension})];if(s==="below"){v.reverse()}return i("div",{"aria-disabled":this.disabled,"aria-label":u,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":m,class:{[F.thumb]:true,[F.thumbValue]:!r,[F.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===d,[F.thumbPrecise]:h,[F.thumbMinValue]:r},"data-value-prop":d,key:t,onBlur:this.onThumbBlur,onFocus:this.onThumbFocus,onPointerDown:this.onThumbPointerDown,role:"slider",style:f,tabIndex:0,ref:this.storeThumbRef},v)}renderGraph(){return this.histogram?i("calcite-graph",{class:F.graph,colorStops:this.histogramStops,data:this.histogram,highlightMax:N(this.value)?this.maxValue:this.value,highlightMin:N(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null}renderTickLabel(t){const{hasHistogram:e,labelHandles:s,labelTicks:a,max:n,min:l,precise:h,value:r}=this;const o=N(r);const c=t===l;const d=t===n;const u=c||d;const m=a&&(!e&&(u||!h||!o)||e&&(u||!h&&!s));return m?i("span",{class:{[F.tickLabel]:true,[F.tickMin]:c,[F.tickMax]:d}},this.internalLabelFormatter(t,"tick")):null}pointerDownHandler(t){if(this.disabled||!r(t)){return}const e=t.clientX||t.pageX;const i=this.translate(e);let s="value";if(N(this.value)){const t=i>=this.minValue&&i<=this.maxValue;if(t&&this.lastDragProp==="minMaxValue"){s="minMaxValue"}else{const t=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i);s=t||i>=this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[s];this.dragStart(s);const a=this.el.shadowRoot.querySelector(`.${F.thumb}:active`);if(!a){this.setValue({[s]:this.clamp(i,s)})}this.focusActiveHandle(e)}handleTouchStart(t){t.preventDefault()}async setFocus(){await w(this);const t=this.minHandle?this.minHandle:this.maxHandle;t?.focus()}buildThumbType(t){const e=[t];if(this.labelHandles){e.push("labeled")}if(this.precise){e.push("precise")}if(this.hasHistogram){e.push("histogram")}return e.join("-")}setValueFromMinMax(){const{minValue:t,maxValue:e}=this;if(typeof t==="number"&&typeof e==="number"){this.value=[t,e]}}setMinMaxFromValue(){const{value:t}=this;if(N(t)){this.minValue=t[0];this.maxValue=t[1]}}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){if(!N(this.value)){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0}getTickDensity(){const t=(this.max-this.min)/this.ticks/P;return t<1?1:t}generateTickValues(){const t=this.ticks??0;if(t<=0){return[]}const e=[this.min];const i=this.getTickDensity();const s=t*i;let a=this.min;while(a<this.max){a+=s;e.push(Math.min(a,this.max))}if(!e.includes(this.max)){e.push(this.max)}return e}pointerDownDragStart(t,e){if(!r(t)){return}this.dragStart(e)}dragStart(t){this.dragProp=t;this.lastDragProp=this.dragProp;this.activeProp=t;window.addEventListener("pointermove",this.dragUpdate);window.addEventListener("pointerup",this.pointerUpDragEnd);window.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(t){if(this.dragProp==="minValue"){this.minHandle.focus()}else if(this.dragProp==="maxValue"||this.dragProp==="value"){this.maxHandle.focus()}else if(this.dragProp==="minMaxValue"){this.getClosestHandle(t).focus()}}emitInput(){this.calciteSliderInput.emit()}emitChange(){this.calciteSliderChange.emit()}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate);window.removeEventListener("pointerup",this.pointerUpDragEnd);window.removeEventListener("pointercancel",this.dragEnd)}setValue(t){let e;Object.keys(t).forEach((i=>{const s=t[i];if(!e){const t=this[i];e=t!==s}this[i]=s}));if(!e){return}const i=this.dragProp;if(!i){this.emitChange()}this.emitInput()}clamp(t,e){t=H(t,this.min,this.max);if(e==="maxValue"){t=Math.max(t,this.minValue)}if(e==="minValue"){t=Math.min(t,this.maxValue)}return t}translate(t){const e=this.max-this.min;const{left:i,width:s}=this.trackEl.getBoundingClientRect();const a=(t-i)/s;const n=this.shouldMirror();const l=this.clamp(this.min+e*(n?1-a:a));const h=Number(l.toFixed(L(this.step)));return!(this.snap&&this.step)?h:this.getClosestStep(h)}getClosestStep(t){const{max:e,min:i,step:s}=this;let a=Math.floor((t-i)/s)*s+i;a=Math.min(Math.max(a,i),e);if(a>e){a-=s}return a}getClosestHandle(t){return this.getDistanceX(this.maxHandle,t)>this.getDistanceX(this.minHandle,t)?this.minHandle:this.maxHandle}getDistanceX(t,e){return Math.abs(t.getBoundingClientRect().left-e)}getFontSizeForElement(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(t){t=this.clamp(t);const e=this.max-this.min;return(t-this.min)/e}adjustHostObscuredHandleLabel(t){const e=this.el.shadowRoot.querySelector(`.handle__label--${t}`);const i=this.el.shadowRoot.querySelector(`.handle__label--${t}.static`);const s=this.el.shadowRoot.querySelector(`.handle__label--${t}.transformed`);const a=i.getBoundingClientRect();const n=this.getHostOffset(a.left,a.right);e.style.transform=`translateX(${n}px)`;s.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){const{shadowRoot:t}=this.el;const e=this.shouldMirror();const i=e?"value":"minValue";const s=e?"minValue":"value";const a=t.querySelector(`.handle__label--${i}`);const n=t.querySelector(`.handle__label--${i}.static`);const l=t.querySelector(`.handle__label--${i}.transformed`);const h=this.getHostOffset(n.getBoundingClientRect().left,n.getBoundingClientRect().right);const r=t.querySelector(`.handle__label--${s}`);const o=t.querySelector(`.handle__label--${s}.static`);const c=t.querySelector(`.handle__label--${s}.transformed`);const d=this.getHostOffset(o.getBoundingClientRect().left,o.getBoundingClientRect().right);const u=this.getFontSizeForElement(a);const m=this.getRangeLabelOverlap(l,c);const b=a;const f=u/2;if(m>0){b.classList.add(F.hyphen,F.hyphenWrap);if(d===0&&h===0){let t=m/2-f;t=Math.sign(t)===-1?Math.abs(t):-t;const e=this.getHostOffset(l.getBoundingClientRect().left+t-f,l.getBoundingClientRect().right+t-f);let i=m/2;const s=this.getHostOffset(c.getBoundingClientRect().left+i,c.getBoundingClientRect().right+i);if(e!==0){t+=e;i+=e}if(s!==0){t+=s;i+=s}a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`;r.style.transform=`translateX(${i}px)`;c.style.transform=`translateX(${i}px)`}else if(h>0||d>0){a.style.transform=`translateX(${h+f}px)`;r.style.transform=`translateX(${m+d}px)`;c.style.transform=`translateX(${m+d}px)`}else if(h<0||d<0){let t=Math.abs(h)+m-f;t=Math.sign(t)===-1?Math.abs(t):-t;a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`}}else{b.classList.remove(F.hyphen,F.hyphenWrap);a.style.transform=`translateX(${h}px)`;l.style.transform=`translateX(${h}px)`;r.style.transform=`translateX(${d}px)`;c.style.transform=`translateX(${d}px)`}}hideObscuredBoundingTickLabels(){const t=N(this.value);if(!this.hasHistogram&&!t&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&t&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}const e=this.el.shadowRoot.querySelector(`.${F.thumbMinValue}`);const i=this.el.shadowRoot.querySelector(`.${F.thumbValue}`);const s=this.el.shadowRoot.querySelector(`.${F.tickMin}`);const a=this.el.shadowRoot.querySelector(`.${F.tickMax}`);if(!e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,i)?"0":"1"}if(e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,e)||this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,e)||this.isMaxTickLabelObscured(a,i)&&this.hasHistogram?"0":"1"}}getHostOffset(t,e){const i=this.el.getBoundingClientRect();const s=7;if(t+s<i.left){return i.left-t-s}if(e-s>i.right){return-(e-i.right)+s}return 0}getRangeLabelOverlap(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();const a=this.getFontSizeForElement(t);const n=i.right+a-s.left;return Math.max(n,0)}isMinTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return o(i,s)}isMaxTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return o(i,s)}internalLabelFormatter(t,e){const i=this.labelFormatter;if(!i){return this.formatValue(t)}const s=i(t,e,this.formatValue);if(s==null){return this.formatValue(t)}return s}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{histogram:["histogramWatcher"],ticks:["ticksWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}}};U.style=W;export{R as calcite_graph,U as calcite_slider};
+//# sourceMappingURL=p-ce988e5c.entry.js.map

package/dist/calcite/p-cf1ee39e.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.8.6
+ */
+import{r as e,c as t,h as i,g as s}from"./p-9f766782.js";import{c as a,u as c,d as n,I as o}from"./p-3da22557.js";import{c as r}from"./p-ac54286b.js";import{k as l}from"./p-0e004878.js";import"./p-1f0b554b.js";import"./p-68a9d721.js";import"./p-c7974fec.js";const h={container:"container"};const d=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{box-sizing:border-box;display:inline-block}:host ::slotted(calcite-tile){margin-block-end:var(--calcite-spacing-px);margin-inline-end:var(--calcite-spacing-px)}.container{display:grid;grid-auto-rows:minmax(auto, 1fr)}:host([scale=s]) .container{grid-template-columns:repeat(auto-fit, minmax(100px, 1fr))}:host([scale=m]) .container{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr))}:host([scale=l]) .container{grid-template-columns:repeat(auto-fit, minmax(160px, 1fr))}:host([layout=vertical]) .container{display:flex;flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const p=d;const b=class{constructor(i){e(this,i);this.calciteTileGroupSelect=t(this,"calciteTileGroupSelect",6);this.items=[];this.getSlottedTiles=()=>this.slotEl?.assignedElements({flatten:true}).filter((e=>e?.matches("calcite-tile")));this.mutationObserver=r("mutation",(()=>this.updateTiles()));this.selectItem=e=>{if(!e){return}this.items?.forEach((t=>{const i=e===t;switch(this.selectionMode){case"multiple":if(i){t.selected=!t.selected}break;case"single":t.selected=i&&!t.selected;break;case"single-persist":t.selected=!!i;break}}));this.updateSelectedItems();this.calciteTileGroupSelect.emit()};this.setSlotEl=e=>{this.slotEl=e};this.updateSelectedItems=()=>{this.selectedItems=this.items?.filter((e=>e.selected))};this.updateTiles=()=>{this.items=this.getSlottedTiles();this.items?.forEach((e=>{e.interactive=true;e.layout=this.layout;e.scale=this.scale;e.selectionAppearance=this.selectionAppearance;e.selectionMode=this.selectionMode}));this.updateSelectedItems()};this.disabled=false;this.label=undefined;this.layout="horizontal";this.scale="m";this.selectedItems=[];this.selectionAppearance="icon";this.selectionMode="none"}scaleWatcher(){this.updateTiles()}handleSelectionModeOrAppearanceChange(){this.updateTiles()}connectedCallback(){a(this);this.mutationObserver?.observe(this.el,{childList:true});this.updateTiles()}componentDidRender(){c(this)}disconnectedCallback(){n(this);this.mutationObserver?.disconnect()}calciteInternalTileKeyEventListener(e){if(e.composedPath().includes(this.el)){e.preventDefault();e.stopPropagation();const t=this.items?.filter((e=>!e.disabled));switch(e.detail.key){case"ArrowDown":case"ArrowRight":l(t,e.detail.target,"next");break;case"ArrowUp":case"ArrowLeft":l(t,e.detail.target,"previous");break;case"Home":l(t,e.detail.target,"first");break;case"End":l(t,e.detail.target,"last");break}}}calciteTileSelectHandler(e){if(e.composedPath().includes(this.el)){this.selectItem(e.target)}}render(){const e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return i(o,{key:"c110d46fa4746db6ea85f59b63e0180c16ab5430",disabled:this.disabled},i("div",{key:"a72b6f20351cefc6558b63cd695914feaa7a770c","aria-label":this.label,class:h.container,role:e},i("slot",{key:"d4fb2bbb7c8a2aa71aba9949681c6628fb69e7cd",onSlotchange:this.updateTiles,ref:this.setSlotEl})))}get el(){return s(this)}static get watchers(){return{scale:["scaleWatcher"],selectionMode:["handleSelectionModeOrAppearanceChange"],selectionAppearance:["handleSelectionModeOrAppearanceChange"]}}};b.style=p;export{b as calcite_tile_group};
+//# sourceMappingURL=p-cf1ee39e.entry.js.map