@esri/calcite-components 2.2.0-next.10 → 2.2.0-next.12

package/dist/calcite/p-0771d66a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","assistiveText","calendarWrapper","calendarWrapperEnd","horizontalArrowContainer","inputBorderTopColorOne","inputContainer","inputNoBottomBorder","inputWrapper","input","menu","menuActive","toggleIcon","verticalArrowContainer","isTwoDigitYear","value","year","datePartsFromISO","Number","normalizeToCurrentCentury","twoDigitYear","currentYear","Date","getFullYear","normalizedYear","Math","floor","inputDatePickerCss","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","shouldFocusRangeEnd","shouldFocusRangeStart","submitForm","preventDefault","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","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/resources.ts","src/components/input-date-picker/utils.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":["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};\n","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",":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\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 {\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  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 { CSS } from \"./resources\";\nimport { connectMessages, disconnectMessages, setUpMessages, T9nComponent } from \"../../utils/t9n\";\nimport { InputDatePickerMessages } from \"./assets/input-date-picker/t9n\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrapComponent,\n} from \"../../utils/focusTrapComponent\";\nimport { FocusTrap } from \"focus-trap\";\nimport { guid } from \"../../utils/guid\";\nimport { normalizeToCurrentCentury, isTwoDigitYear } from \"./utils\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Status } from \"../interfaces\";\nimport { Validation } from \"../functional/Validation\";\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 number at which section headings should start.\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() validationIcon: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @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  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @internal\n   */\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    this.reposition(true);\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    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    this.reposition(true);\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 ? (\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          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      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        event.preventDefault();\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-0a0eeffe.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.2.0-next.12
+ */
+import{r as e,c as t,h as s,H as i,g as o}from"./p-29a904f0.js";import{g as a}from"./p-0ef2f935.js";import{c as n,u as l,d as c,I as r}from"./p-4b2aee04.js";import{s as d,a as h,c as f}from"./p-ea9db3f6.js";import{c as b,d as p}from"./p-4af564ff.js";import{c as m,s as u,d as g,u as k}from"./p-d26c3b83.js";import{S as v}from"./p-d43c6bc7.js";import"./p-33f0bc3c.js";import"./p-ae972066.js";import"./p-7956b18a.js";import"./p-1edec0f0.js";import"./p-e756e061.js";const w={backButton:"back-button"};const C={backLeft:"chevron-left",backRight:"chevron-right"};const y={actionBar:"action-bar",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};const j=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}calcite-panel{--calcite-panel-footer-padding:var(--calcite-flow-item-footer-padding);--calcite-panel-header-border-block-end:var(--calcite-flow-item-header-border-block-end)}:host([hidden]){display:none}[hidden]{display:none}";const x=class{constructor(s){e(this,s);this.calciteFlowItemBack=t(this,"calciteFlowItemBack",7);this.calciteFlowItemScroll=t(this,"calciteFlowItemScroll",6);this.calciteFlowItemClose=t(this,"calciteFlowItemClose",6);this.calciteFlowItemToggle=t(this,"calciteFlowItemToggle",6);this.handlePanelScroll=e=>{e.stopPropagation();this.calciteFlowItemScroll.emit()};this.handlePanelClose=e=>{e.stopPropagation();this.calciteFlowItemClose.emit()};this.handlePanelToggle=e=>{e.stopPropagation();this.collapsed=e.target.collapsed;this.calciteFlowItemToggle.emit()};this.backButtonClick=()=>{this.calciteFlowItemBack.emit()};this.setBackRef=e=>{this.backButtonEl=e};this.setContainerRef=e=>{this.containerEl=e};this.closable=false;this.closed=false;this.collapsed=false;this.collapseDirection="down";this.collapsible=false;this.beforeBack=undefined;this.description=undefined;this.disabled=false;this.heading=undefined;this.headingLevel=undefined;this.loading=false;this.menuOpen=false;this.messageOverrides=undefined;this.messages=undefined;this.showBackButton=false;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}connectedCallback(){n(this);b(this);m(this)}async componentWillLoad(){await u(this);d(this)}componentDidRender(){l(this)}disconnectedCallback(){c(this);p(this);g(this)}componentDidLoad(){h(this)}effectiveLocaleChange(){k(this,this.effectiveLocale)}async setFocus(){await f(this);const{backButtonEl:e,containerEl:t}=this;if(e){return e.setFocus()}else if(t){return t.setFocus()}}async scrollContentTo(e){await(this.containerEl?.scrollContentTo(e))}renderBackButton(){const{el:e}=this;const t=a(e)==="rtl";const{showBackButton:i,backButtonClick:o,messages:n}=this;const l=n.back;const c=t?C.backRight:C.backLeft;return i?s("calcite-action",{"aria-label":l,class:w.backButton,icon:c,key:"flow-back-button",onClick:o,scale:"s",slot:"header-actions-start",text:l,title:l,ref:this.setBackRef}):null}render(){const{collapsed:e,collapseDirection:t,collapsible:o,closable:a,closed:n,description:l,disabled:c,heading:d,headingLevel:h,loading:f,menuOpen:b,messages:p}=this;return s(i,null,s(r,{disabled:c},s("calcite-panel",{closable:a,closed:n,collapseDirection:t,collapsed:e,collapsible:o,description:l,disabled:c,heading:d,headingLevel:h,loading:f,menuOpen:b,messageOverrides:p,onCalcitePanelClose:this.handlePanelClose,onCalcitePanelScroll:this.handlePanelScroll,onCalcitePanelToggle:this.handlePanelToggle,ref:this.setContainerRef},this.renderBackButton(),s("slot",{name:y.actionBar,slot:v.actionBar}),s("slot",{name:y.headerActionsStart,slot:v.headerActionsStart}),s("slot",{name:y.headerActionsEnd,slot:v.headerActionsEnd}),s("slot",{name:y.headerContent,slot:v.headerContent}),s("slot",{name:y.headerMenuActions,slot:v.headerMenuActions}),s("slot",{name:y.fab,slot:v.fab}),s("slot",{name:y.footerActions,slot:v.footerActions}),s("slot",{name:y.footer,slot:v.footer}),s("slot",null))))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};x.style=j;export{x as calcite_flow_item};
+//# sourceMappingURL=p-0a0eeffe.entry.js.map

package/dist/calcite/p-0b7d869e.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.2.0-next.12
+ */
+import{r as t,h as o,H as e,g as i,f as n}from"./p-29a904f0.js";import{t as a}from"./p-0ef2f935.js";import{g as c}from"./p-33f0bc3c.js";import{c as r,d as s,u as l,I as d}from"./p-4b2aee04.js";import{s as u,a as h,c as b}from"./p-ea9db3f6.js";import{c as p,d as f}from"./p-4af564ff.js";import{c as v}from"./p-e756e061.js";import{g}from"./p-50b7abc4.js";import{u as m,c as x,s as y,d as k}from"./p-d26c3b83.js";import"./p-ae972066.js";import"./p-7956b18a.js";import"./p-1edec0f0.js";const z={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",indicatorText:"indicator-text",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible",indicatorWithIcon:"indicator-with-icon",indicatorWithoutIcon:"indicator-without-icon"};const w={tooltip:"tooltip"};const j=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;background-color:transparent;--calcite-action-indicator-color:var(--calcite-color-brand);--calcite-action-color-transparent-hover:var(--calcite-color-transparent-hover);--calcite-action-color-transparent-press:var(--calcite-color-transparent-press)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.button{position:relative;margin:0px;display:flex;inline-size:auto;cursor:pointer;align-items:center;justify-content:flex-start;border-style:none;background-color:var(--calcite-color-foreground-1);fill:var(--calcite-color-text-3);font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);outline-color:transparent;text-align:unset;flex:1 0 auto}.button:hover{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.button:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1);outline:2px solid 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          )}.button:active{background-color:var(--calcite-color-foreground-3)}.button .icon-container{pointer-events:none;margin:0px;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1rem}.button .text-container{margin:0px;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:margin;transition-property:inline-size}.button .text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([data-active]) .button{outline:2px solid 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([scale=s]) .button{padding-inline:0.5rem;padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .button--text-visible .icon-container{margin-inline-end:0.5rem}:host([scale=m]) .button{padding-inline:1rem;padding-block:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=m]) .button--text-visible .icon-container{margin-inline-end:0.75rem}:host([scale=l]) .button{padding:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=l]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{background-color:var(--calcite-color-foreground-3);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}:host([active]) .button:active{background-color:var(--calcite-color-foreground-1)}:host([appearance=transparent]) .button{background-color:transparent}:host([appearance=transparent][active]) .button,:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:var(--calcite-action-color-transparent-hover)}:host([appearance=transparent]) .button:active{background-color:var(--calcite-action-color-transparent-press)}:host([appearance=transparent][disabled]) .button{background-color:transparent}:host([loading][appearance=solid]) .button,:host([loading][appearance=solid]) .button:hover,:host([loading][appearance=solid]) .button:focus{background-color:var(--calcite-color-foreground-1)}:host([loading][appearance=solid]) .button .text-container,:host([loading][appearance=solid]) .button:hover .text-container,:host([loading][appearance=solid]) .button:focus .text-container{opacity:var(--calcite-opacity-disabled)}:host([loading]) calcite-loader[inline]{color:var(--calcite-color-text-3);margin-inline-end:0px}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;background-color:var(--calcite-color-foreground-1);opacity:var(--calcite-opacity-disabled)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{background-color:var(--calcite-color-foreground-3);opacity:var(--calcite-opacity-disabled)}:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.indicator-with-icon{position:relative}.indicator-with-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-without-icon{margin-inline:0.25rem;inline-size:1rem;position:relative}.indicator-without-icon::after{content:"";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--calcite-action-indicator-color)}.indicator-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}';const C=class{constructor(o){t(this,o);this.mutationObserver=v("mutation",(()=>n(this)));this.guid=`calcite-action-${c()}`;this.indicatorId=`${this.guid}-indicator`;this.buttonId=`${this.guid}-button`;this.handleTooltipSlotChange=t=>{const o=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));const e=o[0];if(e){e.referenceElement=this.buttonEl}};this.active=false;this.alignment=undefined;this.appearance="solid";this.compact=false;this.disabled=false;this.icon=undefined;this.iconFlipRtl=false;this.indicator=false;this.label=undefined;this.loading=false;this.scale="m";this.text=undefined;this.textEnabled=false;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){r(this);p(this);x(this);this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){u(this);{await y(this)}}componentDidLoad(){h(this)}disconnectedCallback(){s(this);f(this);k(this);this.mutationObserver?.disconnect()}componentDidRender(){l(this)}async setFocus(){await b(this);this.buttonEl?.focus()}renderTextContainer(){const{text:t,textEnabled:e}=this;const i={[z.textContainer]:true,[z.textContainerVisible]:e};return t?o("div",{class:i,key:"text-container"},t):null}renderIndicatorText(){const{indicator:t,messages:e,indicatorId:i,buttonId:n}=this;return o("div",{"aria-labelledby":n,"aria-live":"polite",class:z.indicatorText,id:i,role:"region"},t?e.indicator:null)}renderIconContainer(){const{loading:t,icon:e,scale:i,el:n,iconFlipRtl:a,indicator:c}=this;const r=i==="l"?"l":"m";const s=t?o("calcite-loader",{inline:true,label:this.messages.loading,scale:r}):null;const l=e?o("calcite-icon",{class:{[z.indicatorWithIcon]:c},flipRtl:a,icon:e,scale:g(this.scale)}):null;const d=s||l;const u=d||n.children?.length;const h=o("div",{class:{[z.slotContainer]:true,[z.slotContainerHidden]:t}},o("slot",null));return u?o("div",{"aria-hidden":"true",class:z.iconContainer,key:"icon-container"},d,h):null}render(){const{active:t,compact:i,disabled:n,icon:c,loading:r,textEnabled:s,label:l,text:u,indicator:h,indicatorId:b,buttonId:p,messages:f}=this;const v=`${l||u}${h?` (${f.indicator})`:""}`;const g={[z.button]:true,[z.buttonTextVisible]:s,[z.buttonCompact]:i};return o(e,null,o(d,{disabled:n},o("button",{"aria-busy":a(r),"aria-controls":h?b:null,"aria-disabled":a(n),"aria-label":v,"aria-pressed":a(t),class:g,disabled:n,id:p,ref:t=>this.buttonEl=t},this.renderIconContainer(),this.renderTextContainer(),!c&&h&&o("div",{class:z.indicatorWithoutIcon,key:"indicator-no-icon"})),o("slot",{name:w.tooltip,onSlotchange:this.handleTooltipSlotChange}),this.renderIndicatorText()))}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};C.style=j;export{C as calcite_action};
+//# sourceMappingURL=p-0b7d869e.entry.js.map

package/dist/calcite/p-0b7d869e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","button","buttonTextVisible","buttonCompact","indicatorText","iconContainer","slotContainer","slotContainerHidden","textContainer","textContainerVisible","indicatorWithIcon","indicatorWithoutIcon","SLOTS","tooltip","actionCss","Action","this","mutationObserver","createObserver","forceUpdate","guid","indicatorId","buttonId","handleTooltipSlotChange","event","tooltips","target","assignedElements","flatten","filter","el","matches","referenceElement","buttonEl","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectInteractive","connectLocalized","connectMessages","observe","childList","subtree","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLocalized","disconnectMessages","disconnect","componentDidRender","updateHostInteraction","setFocus","componentFocusable","focus","renderTextContainer","text","textEnabled","textContainerClasses","h","class","key","renderIndicatorText","indicator","messages","id","role","renderIconContainer","loading","icon","scale","iconFlipRtl","loaderScale","calciteLoaderNode","inline","label","calciteIconNode","flipRtl","getIconScale","iconNode","hasIconToDisplay","children","length","slotContainerNode","render","active","compact","disabled","ariaLabel","buttonClasses","Host","InteractiveContainer","toAriaBoolean","ref","name","onSlotchange"],"sources":["src/components/action/resources.ts","src/components/action/action.scss?tag=calcite-action&encapsulation=shadow","src/components/action/action.tsx"],"sourcesContent":["export const CSS = {\n  button: \"button\",\n  buttonTextVisible: \"button--text-visible\",\n  buttonCompact: \"button--compact\",\n  indicatorText: \"indicator-text\",\n  iconContainer: \"icon-container\",\n  slotContainer: \"slot-container\",\n  slotContainerHidden: \"slot-container--hidden\",\n  textContainer: \"text-container\",\n  textContainerVisible: \"text-container--visible\",\n  indicatorWithIcon: \"indicator-with-icon\",\n  indicatorWithoutIcon: \"indicator-without-icon\",\n};\n\nexport const SLOTS = {\n  tooltip: \"tooltip\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-action-indicator-color: Specifies the color of the component's indicator.\n */\n\n:host {\n  @extend %component-host;\n  @apply flex bg-transparent;\n  --calcite-action-indicator-color: theme(\"colors.brand\");\n  --calcite-action-color-transparent-hover: var(--calcite-color-transparent-hover);\n  --calcite-action-color-transparent-press: var(--calcite-color-transparent-press);\n}\n\n@mixin action-indicator() {\n  position: relative;\n  &::after {\n    content: \"\";\n    @apply absolute\n      h-2\n      w-2\n      rounded-full;\n    inset-block-end: calc(-0.275rem);\n    inset-inline-end: calc(-0.275rem);\n    background-color: var(--calcite-action-indicator-color);\n  }\n}\n\n@include disabled();\n\n.button {\n  @apply bg-foreground-1\n    fill-color-3\n    focus-base\n    text-n2h\n    text-color-3\n    relative\n    m-0\n    flex\n    w-auto\n    cursor-pointer\n    items-center\n    justify-start\n    border-none\n    font-sans\n    font-medium;\n\n  text-align: unset;\n  flex: 1 0 auto;\n  &:hover {\n    @apply bg-foreground-2 text-color-1 fill-color-1;\n  }\n\n  &:focus {\n    @apply bg-foreground-2 text-color-1 fill-color-1 focus-inset;\n  }\n\n  &:active {\n    @apply bg-foreground-3;\n  }\n\n  .icon-container {\n    @apply pointer-events-none\n      m-0\n      flex\n      items-center\n      justify-center;\n    min-inline-size: theme(\"spacing.4\");\n    min-block-size: theme(\"spacing.4\");\n  }\n\n  .text-container {\n    @apply m-0\n      w-0\n      truncate\n      leading-6\n      opacity-0\n      transition-opacity\n      duration-150\n      ease-in-out;\n    transition-property: margin;\n    transition-property: inline-size;\n  }\n\n  .text-container--visible {\n    @apply w-auto flex-auto opacity-100;\n  }\n}\n\n:host([data-active]) .button {\n  @apply focus-inset;\n}\n\n:host([scale=\"s\"]) {\n  .button {\n    @apply text-n2h px-2 py-1 font-normal;\n  }\n  .button--text-visible .icon-container {\n    margin-inline-end: theme(\"spacing.2\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  .button {\n    @apply text-n1h px-4 py-3 font-normal;\n  }\n  .button--text-visible .icon-container {\n    margin-inline-end: theme(\"spacing.3\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  .button {\n    @apply text-0h p-5 font-normal;\n  }\n  .button--text-visible .icon-container {\n    margin-inline-end: theme(\"spacing.4\");\n  }\n}\n\n:host([alignment=\"center\"]) .button {\n  @apply justify-center;\n}\n\n:host([alignment=\"end\"]) .button {\n  @apply justify-end;\n}\n\n:host([alignment=\"center\"]),\n:host([alignment=\"end\"]) {\n  .button .text-container--visible {\n    @apply flex-initial;\n  }\n}\n\n// Compact\n:host([scale=\"s\"][compact]) .button,\n:host([scale=\"m\"][compact]) .button,\n:host([scale=\"l\"][compact]) .button {\n  @apply px-0;\n}\n\n.slot-container {\n  @apply flex;\n}\n\n.slot-container--hidden {\n  @apply hidden;\n}\n\n.button--text-visible {\n  @apply w-full;\n}\n\n:host([active]) .button,\n:host([active]) .button:hover,\n:host([active]) .button:focus,\n:host([active][loading]) .button {\n  @apply text-color-1 fill-color-1 bg-foreground-3;\n}\n\n:host([active]) .button:active {\n  @apply bg-foreground-1;\n}\n\n:host([appearance=\"transparent\"]) .button {\n  @apply bg-transparent;\n}\n\n:host([appearance=\"transparent\"][active]) .button,\n:host([appearance=\"transparent\"]) .button:hover,\n:host([appearance=\"transparent\"]) .button:focus {\n  background-color: var(--calcite-action-color-transparent-hover);\n}\n\n:host([appearance=\"transparent\"]) .button:active {\n  background-color: var(--calcite-action-color-transparent-press);\n}\n\n:host([appearance=\"transparent\"][disabled]) .button {\n  @apply bg-transparent;\n}\n\n:host([loading][appearance=\"solid\"]) .button,\n:host([loading][appearance=\"solid\"]) .button:hover,\n:host([loading][appearance=\"solid\"]) .button:focus {\n  @apply bg-foreground-1;\n  .text-container {\n    @apply opacity-disabled;\n  }\n}\n\n:host([loading]) calcite-loader[inline] {\n  @apply text-color-3;\n  margin-inline-end: theme(\"spacing.0\");\n}\n\n:host([disabled]) .button,\n:host([disabled]) .button:hover,\n:host([disabled]) .button:focus {\n  @apply opacity-disabled bg-foreground-1 cursor-default;\n}\n\n:host([disabled][active]) .button,\n:host([disabled][active]) .button:hover,\n:host([disabled][active]) .button:focus {\n  @apply opacity-disabled bg-foreground-3;\n}\n\n:host([appearance=\"transparent\"]) .button {\n  @apply bg-transparent\n    transition-shadow\n    duration-150\n    ease-in-out;\n}\n\n.indicator-with-icon {\n  @include action-indicator();\n}\n\n.indicator-without-icon {\n  @apply w-4 mx-1;\n  @include action-indicator();\n}\n\n.indicator-text {\n  @apply sr-only;\n}\n\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  forceUpdate,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Alignment, Appearance, Scale } from \"../interfaces\";\nimport { ActionMessages } from \"./assets/action/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding a `calcite-icon`.\n * @slot tooltip - A slot for adding a `calcite-tooltip`.\n */\n@Component({\n  tag: \"calcite-action\",\n  styleUrl: \"action.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Action\n  implements InteractiveComponent, LocalizedComponent, T9nComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is highlighted.\n   */\n  @Prop({ reflect: true }) active = false;\n\n  /**\n   * Specifies the horizontal alignment of button elements with text content.\n   */\n  @Prop({ reflect: true }) alignment: Alignment;\n\n  /** Specifies the appearance of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"transparent\", Appearance> = \"solid\";\n\n  /**\n   * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.\n   */\n  @Prop({ reflect: true }) compact = 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  /** Specifies an icon to display. */\n  @Prop() icon: string;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * When `true`, displays a visual indicator.\n   */\n  @Prop({ reflect: true }) indicator = false;\n\n  /**\n   * Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies text that accompanies the icon.\n   */\n  @Prop() text!: string;\n\n  /**\n   * Indicates whether the text is displayed.\n   */\n  @Prop({ reflect: true }) textEnabled = false;\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: ActionMessages;\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<ActionMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteActionElement;\n\n  buttonEl: HTMLButtonElement;\n\n  mutationObserver = createObserver(\"mutation\", () => forceUpdate(this));\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ActionMessages;\n\n  guid = `calcite-action-${guid()}`;\n\n  indicatorId = `${this.guid}-indicator`;\n\n  buttonId = `${this.guid}-button`;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    if (Build.isBrowser) {\n      await setUpMessages(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.mutationObserver?.disconnect();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.buttonEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderTextContainer(): VNode {\n    const { text, textEnabled } = this;\n\n    const textContainerClasses = {\n      [CSS.textContainer]: true,\n      [CSS.textContainerVisible]: textEnabled,\n    };\n\n    return text ? (\n      <div class={textContainerClasses} key=\"text-container\">\n        {text}\n      </div>\n    ) : null;\n  }\n\n  renderIndicatorText(): VNode {\n    const { indicator, messages, indicatorId, buttonId } = this;\n    return (\n      <div\n        aria-labelledby={buttonId}\n        aria-live=\"polite\"\n        class={CSS.indicatorText}\n        id={indicatorId}\n        role=\"region\"\n      >\n        {indicator ? messages.indicator : null}\n      </div>\n    );\n  }\n\n  renderIconContainer(): VNode {\n    const { loading, icon, scale, el, iconFlipRtl, indicator } = this;\n    const loaderScale = scale === \"l\" ? \"l\" : \"m\";\n    const calciteLoaderNode = loading ? (\n      <calcite-loader inline label={this.messages.loading} scale={loaderScale} />\n    ) : null;\n    const calciteIconNode = icon ? (\n      <calcite-icon\n        class={{ [CSS.indicatorWithIcon]: indicator }}\n        flipRtl={iconFlipRtl}\n        icon={icon}\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const iconNode = calciteLoaderNode || calciteIconNode;\n    const hasIconToDisplay = iconNode || el.children?.length;\n\n    const slotContainerNode = (\n      <div\n        class={{\n          [CSS.slotContainer]: true,\n          [CSS.slotContainerHidden]: loading,\n        }}\n      >\n        <slot />\n      </div>\n    );\n\n    return hasIconToDisplay ? (\n      <div aria-hidden=\"true\" class={CSS.iconContainer} key=\"icon-container\">\n        {iconNode}\n        {slotContainerNode}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const {\n      active,\n      compact,\n      disabled,\n      icon,\n      loading,\n      textEnabled,\n      label,\n      text,\n      indicator,\n      indicatorId,\n      buttonId,\n      messages,\n    } = this;\n    const ariaLabel = `${label || text}${indicator ? ` (${messages.indicator})` : \"\"}`;\n\n    const buttonClasses = {\n      [CSS.button]: true,\n      [CSS.buttonTextVisible]: textEnabled,\n      [CSS.buttonCompact]: compact,\n    };\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <button\n            aria-busy={toAriaBoolean(loading)}\n            aria-controls={indicator ? indicatorId : null}\n            aria-disabled={toAriaBoolean(disabled)}\n            aria-label={ariaLabel}\n            aria-pressed={toAriaBoolean(active)}\n            class={buttonClasses}\n            disabled={disabled}\n            id={buttonId}\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={(buttonEl): HTMLButtonElement => (this.buttonEl = buttonEl)}\n          >\n            {this.renderIconContainer()}\n            {this.renderTextContainer()}\n            {!icon && indicator && <div class={CSS.indicatorWithoutIcon} key=\"indicator-no-icon\" />}\n          </button>\n          <slot name={SLOTS.tooltip} onSlotchange={this.handleTooltipSlotChange} />\n          {this.renderIndicatorText()}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleTooltipSlotChange = (event: Event): void => {\n    const tooltips = (event.target as HTMLSlotElement)\n      .assignedElements({\n        flatten: true,\n      })\n      .filter((el) => el?.matches(\"calcite-tooltip\")) as HTMLCalciteTooltipElement[];\n\n    const tooltip = tooltips[0];\n\n    if (tooltip) {\n      tooltip.referenceElement = this.buttonEl;\n    }\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-0bc97a31.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.2.0-next.12
+ */
+import{r as t,c as e,h as i,H as s,g as a}from"./p-29a904f0.js";import{s as n,a as l}from"./p-ea9db3f6.js";import{u as c,s as o,c as r,d as h}from"./p-d26c3b83.js";import{n as d,c as f,d as p}from"./p-4af564ff.js";import{g as b}from"./p-7956b18a.js";import"./p-0ef2f935.js";import"./p-33f0bc3c.js";import"./p-ae972066.js";import"./p-1edec0f0.js";import"./p-e756e061.js";const u={bordered:"bordered",striped:"striped",selectionArea:"selection-area",paginationArea:"pagination-area",container:"container",tableContainer:"table-container",tableFixed:"table--fixed",assistiveText:"assistive-text",selectionActions:"selection-actions"};const g={selectionActions:"selection-actions",tableHeader:"table-header",tableFooter:"table-footer"};const m=":host([scale=s]){--calcite-internal-table-cell-padding:0.25rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size--2);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--3)}:host([scale=m]){--calcite-internal-table-cell-padding:0.5rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size--1);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--2)}:host([scale=l]){--calcite-internal-table-cell-padding:1rem;--calcite-internal-table-cell-font-size:var(--calcite-font-size-0);--calcite-internal-table-cell-font-size-secondary:var(--calcite-font-size--1)}:host{display:flex}.container{display:flex;block-size:100%;inline-size:100%;flex-direction:column}.table-container{overflow:auto;white-space:nowrap;border:1px solid var(--calcite-color-border-3)}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}table{inline-size:100%;border-collapse:collapse;overflow-x:scroll}.table--fixed{table-layout:fixed}.bordered ::slotted(calcite-table-row){--calcite-table-row-border-color:var(--calcite-color-border-3)}.striped ::slotted(calcite-table-row:nth-child(2n+1)){--calcite-table-row-background:var(--calcite-color-foreground-2)}.selection-actions{display:flex;flex-direction:row;margin-inline-start:auto}.selection-area{display:flex;flex-direction:row;align-items:center;padding-block:var(--calcite-internal-table-cell-padding)}.selection-area calcite-chip:last-of-type{margin-inline-end:0.5rem}.selection-area calcite-chip:last-of-type:not(:first-of-type){margin-inline-start:0.5rem}.selection-area calcite-button{margin-inline-end:1rem}.pagination-area{display:flex;inline-size:100%;flex-direction:row;justify-content:center;padding-block:var(--calcite-internal-table-cell-padding)}calcite-pagination{flex:1;justify-content:center}:host([hidden]){display:none}[hidden]{display:none}";const v=class{constructor(i){t(this,i);this.calciteTableSelect=e(this,"calciteTableSelect",6);this.calciteTablePageChange=e(this,"calciteTablePageChange",6);this.calciteInternalTableRowFocusChange=e(this,"calciteInternalTableRowFocusChange",6);this.getSlottedRows=t=>t?.assignedElements({flatten:true})?.filter((t=>t?.matches("calcite-table-row")));this.updateRows=()=>{const t=this.getSlottedRows(this.tableHeadSlotEl)||[];const e=this.getSlottedRows(this.tableBodySlotEl)||[];const i=this.getSlottedRows(this.tableFootSlotEl)||[];const s=[...t,...e,...i];t?.forEach((e=>{const i=t?.indexOf(e);e.rowType="head";e.positionSection=i;e.positionSectionLocalized=this.localizeNumber((i+1).toString())}));e?.forEach((t=>{const i=e?.indexOf(t);t.rowType="body";t.positionSection=i;t.positionSectionLocalized=this.localizeNumber((i+1).toString())}));i?.forEach((t=>{const e=i?.indexOf(t);t.rowType="foot";t.positionSection=e;t.positionSectionLocalized=this.localizeNumber((e+1).toString())}));s?.forEach((t=>{t.selectionMode=this.selectionMode;t.bodyRowCount=e?.length;t.positionAll=s?.indexOf(t);t.numbered=this.numbered;t.scale=this.scale;t.readCellContentsToAT=this.readCellContentsToAT;t.lastVisibleRow=s?.indexOf(t)===s.length-1}));const a=t[0]?.cellCount||t[0]?.querySelectorAll("calcite-table-header")?.length;this.colCount=a;this.headRows=t;this.bodyRows=e;this.footRows=i;this.allRows=s;this.updateSelectedItems();this.paginateRows()};this.handlePaginationChange=()=>{const t=this.paginationEl?.startItem;this.pageStartRow=t||1;this.calciteTablePageChange.emit();this.updateRows()};this.paginateRows=()=>{this.bodyRows?.forEach((t=>{const e=t.positionSection+1;const i=e>=this.pageStartRow&&e<this.pageStartRow+this.pageSize;t.hidden=this.pageSize>0&&!i&&!this.footRows.includes(t);t.lastVisibleRow=e===this.pageStartRow+this.pageSize-1||e===this.bodyRows.length}))};this.updateSelectedItems=t=>{const e=this.bodyRows?.filter((t=>t.selected));this.selectedItems=e;this.selectedCount=e?.length;this.allRows?.forEach((t=>{t.selectedRowCount=this.selectedCount;t.selectedRowCountLocalized=this.localizeNumber(this.selectedCount)}));if(t){this.calciteTableSelect.emit()}};this.handleDeselectAllRows=()=>{this.bodyRows?.forEach((t=>{t.selected=false}));this.updateSelectedItems(true)};this.setSelectedItems=t=>{this.bodyRows?.forEach((e=>{if(t?.rowType==="head"){e.selected=this.selectedCount!==this.bodyRows?.length}else{e.selected=t===e?!e.selected:this.selectionMode==="multiple"?e.selected:false}}));this.updateSelectedItems(true)};this.localizeNumber=t=>{d.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return d.localize(t.toString())};this.bordered=false;this.caption=undefined;this.groupSeparator=false;this.layout="auto";this.numbered=false;this.numberingSystem=undefined;this.pageSize=0;this.scale="m";this.selectionMode="none";this.zebra=false;this.striped=false;this.selectedItems=[];this.messages=undefined;this.messageOverrides=undefined;this.colCount=0;this.pageStartRow=1;this.selectedCount=0;this.readCellContentsToAT=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleNumberedChange(){this.updateRows()}onMessagesChange(){}effectiveLocaleChange(){c(this,this.effectiveLocale)}async componentWillLoad(){n(this);await o(this);this.readCellContentsToAT=/safari/i.test(b());this.updateRows()}componentDidLoad(){l(this)}connectedCallback(){f(this);r(this)}disconnectedCallback(){p(this);h(this)}calciteChipSelectListener(t){if(t.composedPath().includes(this.el)){this.setSelectedItems(t.target)}}calciteInternalTableRowFocusEvent(t){const e=t["detail"].cellPosition;const i=t["detail"].rowPosition;const s=t["detail"].destination;const a=t["detail"].lastCell;const n=this.bodyRows?.filter((t=>!t.hidden));const l=this.allRows?.filter((t=>!t.hidden));const c=this.headRows[this.headRows.length-1]?.positionAll;const o=n[0]?.positionAll;const r=n[n.length-1]?.positionAll;const h=this.footRows[0]?.positionAll;const d=l[l.length-1]?.positionAll;const f=s==="next"&&i===c;const p=s==="previous"&&i===h;const b=s==="previous"&&i===o;const u=s==="next"&&i===r;let g;switch(s){case"first":g=0;break;case"last":g=d;break;case"next":g=f?o:u?h:i+1;break;case"previous":g=p?r:b?c:i-1;break}const m=this.allRows?.find((t=>t.positionAll===g))?.cellCount;const v=e>m?m:e;if(g!==undefined){this.calciteInternalTableRowFocusChange.emit({cellPosition:v,rowPosition:g,destination:s,lastCell:a})}}renderSelectionArea(){const t=this.selectedItems?.filter((t=>t.hidden))?.length;const e=this.localizeNumber(t?.toString());const s=this.localizeNumber(this.selectedCount?.toString());const a=`${s} ${this.messages.selected}`;const n=`${e} ${this.messages.hiddenSelected}`;return i("div",{class:u.selectionArea},i("calcite-chip",{kind:this.selectedCount>0?"brand":"neutral",scale:this.scale,value:a},a),t>0&&i("calcite-chip",{icon:"hide-empty",scale:this.scale,title:n,value:n},e),this.selectedCount>0&&i("calcite-button",{"icon-start":"x",kind:"neutral",onClick:this.handleDeselectAllRows,round:true,scale:this.scale,title:`${this.messages.clear} ${a} ${this.messages.row}`},this.messages.clear),i("div",{class:u.selectionActions},i("slot",{name:g.selectionActions})))}renderPaginationArea(){return i("div",{class:u.paginationArea},i("calcite-pagination",{groupSeparator:this.groupSeparator,numberingSystem:this.numberingSystem,onCalcitePaginationChange:this.handlePaginationChange,pageSize:this.pageSize,scale:this.scale,startItem:1,totalItems:this.bodyRows?.length,ref:t=>this.paginationEl=t}))}renderTHead(){return i("thead",null,i("slot",{name:g.tableHeader,onSlotchange:this.updateRows,ref:t=>this.tableHeadSlotEl=t}))}renderTBody(){return i("tbody",null,i("slot",{onSlotchange:this.updateRows,ref:t=>this.tableBodySlotEl=t}))}renderTFoot(){return i("tfoot",null,i("slot",{name:g.tableFooter,onSlotchange:this.updateRows,ref:t=>this.tableFootSlotEl=t}))}render(){return i(s,null,i("div",{class:u.container},this.selectionMode!=="none"&&this.renderSelectionArea(),i("div",{class:{[u.bordered]:this.bordered,[u.striped]:this.striped||this.zebra,[u.tableContainer]:true}},i("table",{"aria-colcount":this.colCount,"aria-multiselectable":this.selectionMode==="multiple","aria-readonly":true,"aria-rowcount":this.allRows?.length,class:{[u.tableFixed]:this.layout==="fixed"},role:"grid"},i("caption",{class:u.assistiveText},this.caption),this.renderTHead(),this.renderTBody(),this.renderTFoot())),this.pageSize>0&&this.renderPaginationArea()))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{groupSeparator:["handleNumberedChange"],numbered:["handleNumberedChange"],numberingSystem:["handleNumberedChange"],pageSize:["handleNumberedChange"],scale:["handleNumberedChange"],selectionMode:["handleNumberedChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};v.style=m;export{v as calcite_table};
+//# sourceMappingURL=p-0bc97a31.entry.js.map

package/dist/calcite/p-0bc97a31.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","bordered","striped","selectionArea","paginationArea","container","tableContainer","tableFixed","assistiveText","selectionActions","SLOTS","tableHeader","tableFooter","tableCss","Table","this","getSlottedRows","el","assignedElements","flatten","filter","matches","updateRows","headRows","tableHeadSlotEl","bodyRows","tableBodySlotEl","footRows","tableFootSlotEl","allRows","forEach","row","position","indexOf","rowType","positionSection","positionSectionLocalized","localizeNumber","toString","selectionMode","bodyRowCount","length","positionAll","numbered","scale","readCellContentsToAT","lastVisibleRow","colCount","cellCount","querySelectorAll","updateSelectedItems","paginateRows","handlePaginationChange","requestedItem","paginationEl","startItem","pageStartRow","calciteTablePageChange","emit","rowPos","inView","pageSize","hidden","includes","selectedItems","selected","selectedCount","selectedRowCount","selectedRowCountLocalized","calciteTableSelect","handleDeselectAllRows","setSelectedItems","elToMatch","value","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","useGrouping","groupSeparator","localize","handleNumberedChange","onMessagesChange","effectiveLocaleChange","updateMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","test","getUserAgentString","componentDidLoad","setComponentLoaded","connectedCallback","connectLocalized","connectMessages","disconnectedCallback","disconnectLocalized","disconnectMessages","calciteChipSelectListener","event","composedPath","target","calciteInternalTableRowFocusEvent","cellPosition","rowPosition","destination","lastCell","visibleBody","visibleAll","lastHeadRow","firstBodyRow","lastBodyRow","firstFootRow","lastTableRow","leavingHeader","leavingFooter","enteringHeader","enteringFooter","destinationCount","find","adjustedPos","undefined","calciteInternalTableRowFocusChange","renderSelectionArea","outOfViewCount","localizedOutOfView","localizedSelectedCount","selectionText","messages","outOfView","hiddenSelected","h","class","kind","icon","title","onClick","round","clear","name","renderPaginationArea","onCalcitePaginationChange","totalItems","ref","renderTHead","onSlotchange","renderTBody","renderTFoot","render","Host","zebra","layout","role","caption"],"sources":["src/components/table/resources.ts","src/components/table/table.scss?tag=calcite-table&encapsulation=shadow","src/components/table/table.tsx"],"sourcesContent":["export const CSS = {\n  bordered: \"bordered\",\n  striped: \"striped\",\n  selectionArea: \"selection-area\",\n  paginationArea: \"pagination-area\",\n  container: \"container\",\n  tableContainer: \"table-container\",\n  tableFixed: \"table--fixed\",\n  assistiveText: \"assistive-text\",\n  selectionActions: \"selection-actions\",\n};\n\nexport const SLOTS = {\n  selectionActions: \"selection-actions\",\n  tableHeader: \"table-header\",\n  tableFooter: \"table-footer\",\n};\n",":host([scale=\"s\"]) {\n  --calcite-internal-table-cell-padding: 0.25rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size--2);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--3);\n}\n:host([scale=\"m\"]) {\n  --calcite-internal-table-cell-padding: 0.5rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size--1);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--2);\n}\n:host([scale=\"l\"]) {\n  --calcite-internal-table-cell-padding: 1rem;\n  --calcite-internal-table-cell-font-size: var(--calcite-font-size-0);\n  --calcite-internal-table-cell-font-size-secondary: var(--calcite-font-size--1);\n}\n\n:host {\n  @apply flex;\n}\n\n.container {\n  @apply flex flex-col w-full h-full;\n}\n\n.table-container {\n  @apply overflow-auto whitespace-nowrap;\n}\n\n.table-container {\n  border: 1px solid var(--calcite-color-border-3);\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\ntable {\n  @apply w-full border-collapse;\n  overflow-x: scroll;\n}\n\n.table--fixed {\n  @apply table-fixed;\n}\n\n.bordered {\n  ::slotted(calcite-table-row) {\n    --calcite-table-row-border-color: var(--calcite-color-border-3);\n  }\n}\n\n.striped {\n  ::slotted(calcite-table-row:nth-child(2n + 1)) {\n    --calcite-table-row-background: var(--calcite-color-foreground-2);\n  }\n}\n\n.selection-actions {\n  @apply flex flex-row;\n  margin-inline-start: auto;\n}\n\n.selection-area {\n  @apply flex flex-row items-center;\n  padding-block: var(--calcite-internal-table-cell-padding);\n}\n\n.selection-area calcite-chip:last-of-type {\n  @apply me-2;\n}\n\n.selection-area calcite-chip:last-of-type:not(:first-of-type) {\n  @apply ms-2;\n}\n\n.selection-area calcite-button {\n  @apply me-4;\n}\n\n.pagination-area {\n  @apply flex flex-row w-full justify-center;\n  padding-block: var(--calcite-internal-table-cell-padding);\n}\n\ncalcite-pagination {\n  flex: 1;\n  justify-content: center;\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  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport {\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  numberStringFormatter,\n  NumberingSystem,\n} from \"../../utils/locale\";\nimport { TableLayout, TableRowFocusEvent } from \"./interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { TableMessages } from \"./assets/table/t9n\";\nimport { getUserAgentString } from \"../../utils/browser\";\n\n/**\n * @slot - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.\n * @slot table-header - A slot for adding `calcite-table-row` elements containing `calcite-table-header` elements.\n * @slot table-footer - A slot for adding `calcite-table-row` elements containing `calcite-table-cell` and/or `calcite-table-header` elements.\n * @slot selection-actions - A slot for adding a `calcite-action-bar` or other elements to display when `selectionMode` is not `\"none\"`.\n */\n\n@Component({\n  tag: \"calcite-table\",\n  styleUrl: \"table.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Table implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays borders in the component. */\n  @Prop({ reflect: true }) bordered = false;\n\n  /** Specifies an accessible title for the component. */\n  @Prop() caption!: string;\n\n  /** When `true`, number values are displayed with a group separator corresponding to the language and country format. */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /** Specifies the layout of the component. */\n  @Prop({ reflect: true }) layout: TableLayout = \"auto\";\n\n  /** When `true`, displays the position of the row in numeric form. */\n  @Prop({ reflect: true }) numbered = false;\n\n  /** Specifies the Unicode numeral system used by the component for localization. */\n  @Prop({ reflect: true }) numberingSystem?: NumberingSystem;\n\n  /** Specifies the page size of the component. When `true`, renders `calcite-pagination`. */\n  @Prop({ reflect: true }) pageSize = 0;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) 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\" | \"multiple\" | \"single\", SelectionMode> =\n    \"none\";\n\n  /**\n   * When `true`, displays striped styling in the component.\n   *\n   * @deprecated Use the `striped` property instead.\n   */\n  @Prop({ reflect: true }) zebra = false;\n\n  /** When `true`, displays striped styling in the component. */\n  @Prop({ reflect: true }) striped = false;\n\n  @Watch(\"groupSeparator\")\n  @Watch(\"numbered\")\n  @Watch(\"numberingSystem\")\n  @Watch(\"pageSize\")\n  @Watch(\"scale\")\n  @Watch(\"selectionMode\")\n  handleNumberedChange(): void {\n    this.updateRows();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteTableRowElement[] = [];\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: TableMessages;\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<TableMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTableElement;\n\n  @State() colCount = 0;\n\n  @State() pageStartRow = 1;\n\n  @State() selectedCount = 0;\n\n  /* Workaround for Safari https://bugs.webkit.org/show_bug.cgi?id=258430 https://bugs.webkit.org/show_bug.cgi?id=239478 */\n  // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️\n  @State() readCellContentsToAT: boolean;\n\n  @State() defaultMessages: TableMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private allRows: HTMLCalciteTableRowElement[];\n\n  private bodyRows: HTMLCalciteTableRowElement[];\n\n  private headRows: HTMLCalciteTableRowElement[];\n\n  private footRows: HTMLCalciteTableRowElement[];\n\n  private paginationEl: HTMLCalcitePaginationElement;\n\n  private tableBodySlotEl: HTMLSlotElement;\n\n  private tableHeadSlotEl: HTMLSlotElement;\n\n  private tableFootSlotEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n    this.readCellContentsToAT = /safari/i.test(getUserAgentString());\n    this.updateRows();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Emits when the component's selected rows change. */\n  @Event({ cancelable: false }) calciteTableSelect: EventEmitter<void>;\n\n  /** Emits when the component's page selection changes. */\n  @Event({ cancelable: false }) calciteTablePageChange: EventEmitter<void>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalTableRowFocusChange: EventEmitter<TableRowFocusEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteTableRowSelect\")\n  calciteChipSelectListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.setSelectedItems(event.target as HTMLCalciteTableRowElement);\n    }\n  }\n\n  @Listen(\"calciteInternalTableRowFocusRequest\")\n  calciteInternalTableRowFocusEvent(event: TableRowFocusEvent): void {\n    const cellPosition = event[\"detail\"].cellPosition;\n    const rowPos = event[\"detail\"].rowPosition;\n    const destination = event[\"detail\"].destination;\n    const lastCell = event[\"detail\"].lastCell;\n\n    const visibleBody = this.bodyRows?.filter((row) => !row.hidden);\n    const visibleAll = this.allRows?.filter((row) => !row.hidden);\n\n    const lastHeadRow = this.headRows[this.headRows.length - 1]?.positionAll;\n    const firstBodyRow = visibleBody[0]?.positionAll;\n    const lastBodyRow = visibleBody[visibleBody.length - 1]?.positionAll;\n    const firstFootRow = this.footRows[0]?.positionAll;\n    const lastTableRow = visibleAll[visibleAll.length - 1]?.positionAll;\n\n    const leavingHeader = destination === \"next\" && rowPos === lastHeadRow;\n    const leavingFooter = destination === \"previous\" && rowPos === firstFootRow;\n    const enteringHeader = destination === \"previous\" && rowPos === firstBodyRow;\n    const enteringFooter = destination === \"next\" && rowPos === lastBodyRow;\n\n    let rowPosition: number;\n\n    switch (destination) {\n      case \"first\":\n        rowPosition = 0;\n        break;\n      case \"last\":\n        rowPosition = lastTableRow;\n        break;\n      case \"next\":\n        rowPosition = leavingHeader ? firstBodyRow : enteringFooter ? firstFootRow : rowPos + 1;\n        break;\n      case \"previous\":\n        rowPosition = leavingFooter ? lastBodyRow : enteringHeader ? lastHeadRow : rowPos - 1;\n        break;\n    }\n\n    const destinationCount = this.allRows?.find((row) => row.positionAll === rowPosition)\n      ?.cellCount;\n\n    const adjustedPos = cellPosition > destinationCount ? destinationCount : cellPosition;\n\n    if (rowPosition !== undefined) {\n      this.calciteInternalTableRowFocusChange.emit({\n        cellPosition: adjustedPos,\n        rowPosition,\n        destination,\n        lastCell,\n      });\n    }\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private getSlottedRows = (el: HTMLSlotElement): HTMLCalciteTableRowElement[] => {\n    return el\n      ?.assignedElements({ flatten: true })\n      ?.filter((el) => el?.matches(\"calcite-table-row\")) as HTMLCalciteTableRowElement[];\n  };\n\n  private updateRows = (): void => {\n    const headRows = this.getSlottedRows(this.tableHeadSlotEl) || [];\n    const bodyRows = this.getSlottedRows(this.tableBodySlotEl) || [];\n    const footRows = this.getSlottedRows(this.tableFootSlotEl) || [];\n    const allRows = [...headRows, ...bodyRows, ...footRows];\n\n    headRows?.forEach((row) => {\n      const position = headRows?.indexOf(row);\n      row.rowType = \"head\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    bodyRows?.forEach((row) => {\n      const position = bodyRows?.indexOf(row);\n      row.rowType = \"body\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    footRows?.forEach((row) => {\n      const position = footRows?.indexOf(row);\n      row.rowType = \"foot\";\n      row.positionSection = position;\n      row.positionSectionLocalized = this.localizeNumber((position + 1).toString());\n    });\n\n    allRows?.forEach((row) => {\n      row.selectionMode = this.selectionMode;\n      row.bodyRowCount = bodyRows?.length;\n      row.positionAll = allRows?.indexOf(row);\n      row.numbered = this.numbered;\n      row.scale = this.scale;\n      row.readCellContentsToAT = this.readCellContentsToAT;\n      row.lastVisibleRow = allRows?.indexOf(row) === allRows.length - 1;\n    });\n\n    const colCount =\n      headRows[0]?.cellCount || headRows[0]?.querySelectorAll(\"calcite-table-header\")?.length;\n\n    this.colCount = colCount;\n    this.headRows = headRows;\n    this.bodyRows = bodyRows;\n    this.footRows = footRows;\n    this.allRows = allRows;\n\n    this.updateSelectedItems();\n    this.paginateRows();\n  };\n\n  private handlePaginationChange = (): void => {\n    const requestedItem = this.paginationEl?.startItem;\n    this.pageStartRow = requestedItem || 1;\n    this.calciteTablePageChange.emit();\n    this.updateRows();\n  };\n\n  private paginateRows = (): void => {\n    this.bodyRows?.forEach((row) => {\n      const rowPos = row.positionSection + 1;\n      const inView = rowPos >= this.pageStartRow && rowPos < this.pageStartRow + this.pageSize;\n      row.hidden = this.pageSize > 0 && !inView && !this.footRows.includes(row);\n      row.lastVisibleRow =\n        rowPos === this.pageStartRow + this.pageSize - 1 || rowPos === this.bodyRows.length;\n    });\n  };\n\n  private updateSelectedItems = (emit?: boolean): void => {\n    const selectedItems = this.bodyRows?.filter((el) => el.selected);\n    this.selectedItems = selectedItems;\n    this.selectedCount = selectedItems?.length;\n    this.allRows?.forEach((row) => {\n      row.selectedRowCount = this.selectedCount;\n      row.selectedRowCountLocalized = this.localizeNumber(this.selectedCount);\n    });\n    if (emit) {\n      this.calciteTableSelect.emit();\n    }\n  };\n\n  private handleDeselectAllRows = (): void => {\n    this.bodyRows?.forEach((row) => {\n      row.selected = false;\n    });\n    this.updateSelectedItems(true);\n  };\n\n  private setSelectedItems = (elToMatch?: HTMLCalciteTableRowElement): void => {\n    this.bodyRows?.forEach((el) => {\n      if (elToMatch?.rowType === \"head\") {\n        el.selected = this.selectedCount !== this.bodyRows?.length;\n      } else {\n        el.selected =\n          elToMatch === el ? !el.selected : this.selectionMode === \"multiple\" ? el.selected : false;\n      }\n    });\n    this.updateSelectedItems(true);\n  };\n\n  private localizeNumber = (value: number | string): string => {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    return numberStringFormatter.localize(value.toString());\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderSelectionArea(): VNode {\n    const outOfViewCount = this.selectedItems?.filter((el) => el.hidden)?.length;\n    const localizedOutOfView = this.localizeNumber(outOfViewCount?.toString());\n    const localizedSelectedCount = this.localizeNumber(this.selectedCount?.toString());\n    const selectionText = `${localizedSelectedCount} ${this.messages.selected}`;\n    const outOfView = `${localizedOutOfView} ${this.messages.hiddenSelected}`;\n\n    return (\n      <div class={CSS.selectionArea}>\n        <calcite-chip\n          kind={this.selectedCount > 0 ? \"brand\" : \"neutral\"}\n          scale={this.scale}\n          value={selectionText}\n        >\n          {selectionText}\n        </calcite-chip>\n        {outOfViewCount > 0 && (\n          <calcite-chip icon=\"hide-empty\" scale={this.scale} title={outOfView} value={outOfView}>\n            {localizedOutOfView}\n          </calcite-chip>\n        )}\n        {this.selectedCount > 0 && (\n          <calcite-button\n            icon-start=\"x\"\n            kind=\"neutral\"\n            onClick={this.handleDeselectAllRows}\n            round\n            scale={this.scale}\n            title={`${this.messages.clear} ${selectionText} ${this.messages.row}`}\n          >\n            {this.messages.clear}\n          </calcite-button>\n        )}\n        <div class={CSS.selectionActions}>\n          <slot name={SLOTS.selectionActions} />\n        </div>\n      </div>\n    );\n  }\n\n  renderPaginationArea(): VNode {\n    return (\n      <div class={CSS.paginationArea}>\n        <calcite-pagination\n          groupSeparator={this.groupSeparator}\n          numberingSystem={this.numberingSystem}\n          onCalcitePaginationChange={this.handlePaginationChange}\n          pageSize={this.pageSize}\n          scale={this.scale}\n          startItem={1}\n          totalItems={this.bodyRows?.length}\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.paginationEl = el)}\n        />\n      </div>\n    );\n  }\n\n  renderTHead(): VNode {\n    return (\n      <thead>\n        <slot\n          name={SLOTS.tableHeader}\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableHeadSlotEl = el as HTMLSlotElement)}\n        />\n      </thead>\n    );\n  }\n\n  renderTBody(): VNode {\n    return (\n      <tbody>\n        <slot\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableBodySlotEl = el as HTMLSlotElement)}\n        />\n      </tbody>\n    );\n  }\n\n  renderTFoot(): VNode {\n    return (\n      <tfoot>\n        <slot\n          name={SLOTS.tableFooter}\n          onSlotchange={this.updateRows}\n          ref={(el) => (this.tableFootSlotEl = el as HTMLSlotElement)}\n        />\n      </tfoot>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <div class={CSS.container}>\n          {this.selectionMode !== \"none\" && this.renderSelectionArea()}\n          <div\n            class={{\n              [CSS.bordered]: this.bordered,\n              [CSS.striped]: this.striped || this.zebra,\n              [CSS.tableContainer]: true,\n            }}\n          >\n            <table\n              aria-colcount={this.colCount}\n              aria-multiselectable={this.selectionMode === \"multiple\"}\n              aria-readonly={true}\n              aria-rowcount={this.allRows?.length}\n              class={{ [CSS.tableFixed]: this.layout === \"fixed\" }}\n              role=\"grid\"\n            >\n              <caption class={CSS.assistiveText}>{this.caption}</caption>\n              {this.renderTHead()}\n              {this.renderTBody()}\n              {this.renderTFoot()}\n            </table>\n          </div>\n          {this.pageSize > 0 && this.renderPaginationArea()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

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

package/dist/calcite/p-124869ee.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.2.0-next.12
+ */
+import{a as r,S as t,i as e,b as n,c as o,r as u,f as a}from"./p-ea5419fc.js";function c(r,t){var e=-1,n=r==null?0:r.length,o=Array(n);while(++e<n){o[e]=t(r[e],e,r)}return o}var f=Array.isArray;var i=1/0;var b=t?t.prototype:undefined,v=b?b.toString:undefined;function l(t){if(typeof t=="string"){return t}if(f(t)){return c(t,l)+""}if(r(t)){return v?v.call(t):""}var e=t+"";return e=="0"&&1/t==-i?"-0":e}function j(r){return r}var s="[object AsyncFunction]",y="[object Function]",p="[object GeneratorFunction]",d="[object Proxy]";function m(r){if(!e(r)){return false}var t=n(r);return t==y||t==p||t==s||t==d}var A=9007199254740991;var x=/^(?:0|[1-9]\d*)$/;function g(r,t){var e=typeof r;t=t==null?A:t;return!!t&&(e=="number"||e!="symbol"&&x.test(r))&&(r>-1&&r%1==0&&r<t)}var h=9007199254740991;function O(r){return typeof r=="number"&&r>-1&&r%1==0&&r<=h}function w(r){return r!=null&&O(r.length)&&!m(r)}var F=Object.prototype;function E(r){var t=r&&r.constructor,e=typeof t=="function"&&t.prototype||F;return r===e}function S(r,t){var e=-1,n=Array(r);while(++e<r){n[e]=t(e)}return n}var U="[object Arguments]";function I(r){return o(r)&&n(r)==U}var R=Object.prototype;var $=R.hasOwnProperty;var k=R.propertyIsEnumerable;var B=I(function(){return arguments}())?I:function(r){return o(r)&&$.call(r,"callee")&&!k.call(r,"callee")};function D(){return false}var M=typeof exports=="object"&&exports&&!exports.nodeType&&exports;var N=M&&typeof module=="object"&&module&&!module.nodeType&&module;var C=N&&N.exports===M;var G=C?u.Buffer:undefined;var L=G?G.isBuffer:undefined;var P=L||D;var T="[object Arguments]",V="[object Array]",W="[object Boolean]",q="[object Date]",z="[object Error]",H="[object Function]",J="[object Map]",K="[object Number]",Q="[object Object]",X="[object RegExp]",Y="[object Set]",Z="[object String]",_="[object WeakMap]";var rr="[object ArrayBuffer]",tr="[object DataView]",er="[object Float32Array]",nr="[object Float64Array]",or="[object Int8Array]",ur="[object Int16Array]",ar="[object Int32Array]",cr="[object Uint8Array]",fr="[object Uint8ClampedArray]",ir="[object Uint16Array]",br="[object Uint32Array]";var vr={};vr[er]=vr[nr]=vr[or]=vr[ur]=vr[ar]=vr[cr]=vr[fr]=vr[ir]=vr[br]=true;vr[T]=vr[V]=vr[rr]=vr[W]=vr[tr]=vr[q]=vr[z]=vr[H]=vr[J]=vr[K]=vr[Q]=vr[X]=vr[Y]=vr[Z]=vr[_]=false;function lr(r){return o(r)&&O(r.length)&&!!vr[n(r)]}function jr(r){return function(t){return r(t)}}var sr=typeof exports=="object"&&exports&&!exports.nodeType&&exports;var yr=sr&&typeof module=="object"&&module&&!module.nodeType&&module;var pr=yr&&yr.exports===sr;var dr=pr&&a.process;var mr=function(){try{var r=yr&&yr.require&&yr.require("util").types;if(r){return r}return dr&&dr.binding&&dr.binding("util")}catch(r){}}();var Ar=mr&&mr.isTypedArray;var xr=Ar?jr(Ar):lr;var gr=Object.prototype;var hr=gr.hasOwnProperty;function Or(r,t){var e=f(r),n=!e&&B(r),o=!e&&!n&&P(r),u=!e&&!n&&!o&&xr(r),a=e||n||o||u,c=a?S(r.length,String):[],i=c.length;for(var b in r){if((t||hr.call(r,b))&&!(a&&(b=="length"||o&&(b=="offset"||b=="parent")||u&&(b=="buffer"||b=="byteLength"||b=="byteOffset")||g(b,i)))){c.push(b)}}return c}function wr(r){var t=[];if(r!=null){for(var e in Object(r)){t.push(e)}}return t}var Fr=Object.prototype;var Er=Fr.hasOwnProperty;function Sr(r){if(!e(r)){return wr(r)}var t=E(r),n=[];for(var o in r){if(!(o=="constructor"&&(t||!Er.call(r,o)))){n.push(o)}}return n}function Ur(r){return w(r)?Or(r,true):Sr(r)}function Ir(r){return r==null?"":l(r)}function Rr(r){return function(t,e,n){var o=-1,u=Object(t),a=n(t),c=a.length;while(c--){var f=a[r?c:++o];if(e(u[f],f,u)===false){break}}return t}}var $r=Rr();function kr(r){return typeof r=="function"?r:j}var Br=/[\\^$.*+?()[\]{}|]/g,Dr=RegExp(Br.source);function Mr(r){r=Ir(r);return r&&Dr.test(r)?r.replace(Br,"\\$&"):r}function Nr(r,t){return r==null?r:$r(r,kr(t),Ur)}const Cr=(r,t)=>{const e=Mr(t);const n=new RegExp(e,"i");if(r.length===0){console.warn(`No data was passed to the filter function.\n    The data argument should be an array of objects`)}const o=(r,t)=>{if(r?.constant||r?.filterDisabled){return true}let e=false;Nr(r,(r=>{if(typeof r==="function"||r==null){return}if(Array.isArray(r)||typeof r==="object"&&r!==null){if(o(r,t)){e=true}}else if(t.test(r)){e=true}}));return e};const u=r.filter((r=>o(r,n)));return u};export{Cr as f};
+//# sourceMappingURL=p-124869ee.js.map

package/dist/calcite/p-145bd281.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.2.0-next.12
+ */
+const t={container:"container",actionsStart:"actions-start",contentStart:"content-start",content:"content",contentEnd:"content-end",actionsEnd:"actions-end"};const n={actionsStart:"actions-start",contentStart:"content-start",contentEnd:"content-end",actionsEnd:"actions-end"};export{t as C,n as S};
+//# sourceMappingURL=p-145bd281.js.map

package/dist/calcite/p-145f286d.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.2.0-next.12
+ */
+import{d as r}from"./p-dbd7c9c4.js";import"./p-29a904f0.js";import"./p-8bf5322c.js";import"./p-0ef2f935.js";import"./p-33f0bc3c.js";import"./p-ae972066.js";import"./p-4b2aee04.js";import"./p-7956b18a.js";import"./p-1edec0f0.js";import"./p-3adf970b.js";import"./p-50b7abc4.js";import"./p-ea9db3f6.js";import"./p-4af564ff.js";import"./p-e756e061.js";import"./p-7c4cfdb6.js";import"./p-675bf202.js";import"./p-d26c3b83.js";import"./p-390add01.js";import"./p-b2a56129.js";function e(r){return r>1&&r<5&&~~(r/10)!==1}function t(r,t,m,o){var s=r+" ";switch(m){case"s":return t||o?"pár sekúnd":"pár sekundami";case"m":return t?"minúta":o?"minútu":"minútou";case"mm":if(t||o){return s+(e(r)?"minúty":"minút")}return s+"minútami";case"h":return t?"hodina":o?"hodinu":"hodinou";case"hh":if(t||o){return s+(e(r)?"hodiny":"hodín")}return s+"hodinami";case"d":return t||o?"deň":"dňom";case"dd":if(t||o){return s+(e(r)?"dni":"dní")}return s+"dňami";case"M":return t||o?"mesiac":"mesiacom";case"MM":if(t||o){return s+(e(r)?"mesiace":"mesiacov")}return s+"mesiacmi";case"y":return t||o?"rok":"rokom";case"yy":if(t||o){return s+(e(r)?"roky":"rokov")}return s+"rokmi"}}var m={name:"sk",weekdays:"nedeľa_pondelok_utorok_streda_štvrtok_piatok_sobota".split("_"),weekdaysShort:"ne_po_ut_st_št_pi_so".split("_"),weekdaysMin:"ne_po_ut_st_št_pi_so".split("_"),months:"január_február_marec_apríl_máj_jún_júl_august_september_október_november_december".split("_"),monthsShort:"jan_feb_mar_apr_máj_jún_júl_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function r(e){return e+"."},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:"za %s",past:"pred %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};r.locale(m,null,true);export default m;
+//# sourceMappingURL=p-145f286d.js.map

package/dist/calcite/p-1957fcc9.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.2.0-next.12
+ */
+var a;(function(a){a["brand"]="lightbulb";a["danger"]="exclamationMarkTriangle";a["info"]="information";a["success"]="checkCircle";a["warning"]="exclamationMarkTriangle"})(a||(a={}));export{a as K};
+//# sourceMappingURL=p-1957fcc9.js.map

package/dist/calcite/p-195c7b50.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.2.0-next.12
+ */
+import{d as e}from"./p-dbd7c9c4.js";import"./p-29a904f0.js";import"./p-8bf5322c.js";import"./p-0ef2f935.js";import"./p-33f0bc3c.js";import"./p-ae972066.js";import"./p-4b2aee04.js";import"./p-7956b18a.js";import"./p-1edec0f0.js";import"./p-3adf970b.js";import"./p-50b7abc4.js";import"./p-ea9db3f6.js";import"./p-4af564ff.js";import"./p-e756e061.js";import"./p-7c4cfdb6.js";import"./p-675bf202.js";import"./p-d26c3b83.js";import"./p-390add01.js";import"./p-b2a56129.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,a){var i=r[a];if(Array.isArray(i)){i=i[t?0:1]}return i.replace("%d",e)}var a={name:"de",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,yearStart:4,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(a,null,true);export default a;
+//# sourceMappingURL=p-195c7b50.js.map

package/dist/calcite/p-1abe9e4e.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.2.0-next.12
+ */
+import{d as _}from"./p-dbd7c9c4.js";import"./p-29a904f0.js";import"./p-8bf5322c.js";import"./p-0ef2f935.js";import"./p-33f0bc3c.js";import"./p-ae972066.js";import"./p-4b2aee04.js";import"./p-7956b18a.js";import"./p-1edec0f0.js";import"./p-3adf970b.js";import"./p-50b7abc4.js";import"./p-ea9db3f6.js";import"./p-4af564ff.js";import"./p-e756e061.js";import"./p-7c4cfdb6.js";import"./p-675bf202.js";import"./p-d26c3b83.js";import"./p-390add01.js";import"./p-b2a56129.js";var p={name:"th",weekdays:"อาทิตย์_จันทร์_อังคาร_พุธ_พฤหัสบดี_ศุกร์_เสาร์".split("_"),weekdaysShort:"อาทิตย์_จันทร์_อังคาร_พุธ_พฤหัส_ศุกร์_เสาร์".split("_"),weekdaysMin:"อา._จ._อ._พ._พฤ._ศ._ส.".split("_"),months:"มกราคม_กุมภาพันธ์_มีนาคม_เมษายน_พฤษภาคม_มิถุนายน_กรกฎาคม_สิงหาคม_กันยายน_ตุลาคม_พฤศจิกายน_ธันวาคม".split("_"),monthsShort:"ม.ค._ก.พ._มี.ค._เม.ย._พ.ค._มิ.ย._ก.ค._ส.ค._ก.ย._ต.ค._พ.ย._ธ.ค.".split("_"),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"},relativeTime:{future:"อีก %s",past:"%sที่แล้ว",s:"ไม่กี่วินาที",m:"1 นาที",mm:"%d นาที",h:"1 ชั่วโมง",hh:"%d ชั่วโมง",d:"1 วัน",dd:"%d วัน",M:"1 เดือน",MM:"%d เดือน",y:"1 ปี",yy:"%d ปี"},ordinal:function _(p){return p+"."}};_.locale(p,null,true);export default p;
+//# sourceMappingURL=p-1abe9e4e.js.map

package/dist/calcite/p-1d49213b.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.2.0-next.12
+ */
+import{r as t,c as e,h as i,H as o,g as a}from"./p-29a904f0.js";import{c as n,d as s}from"./p-7859be3f.js";import{e as r,b as l,f as c,w as d}from"./p-0ef2f935.js";import{d as h,a as m,c as p,u as b}from"./p-7c4cfdb6.js";import{s as f,a as u,c as g}from"./p-ea9db3f6.js";import{c as x}from"./p-e756e061.js";import{o as v}from"./p-390add01.js";import{c as k,d as z}from"./p-4af564ff.js";import{s as w,c as y,d as C,u as j}from"./p-d26c3b83.js";import{g as $}from"./p-50b7abc4.js";import"./p-33f0bc3c.js";import"./p-ae972066.js";import"./p-1edec0f0.js";const M={modal:"modal",title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",container:"container",containerOpen:"container--open",content:"content",contentNoFooter:"content--no-footer",contentBottom:"content-bottom",contentTop:"content-top",slottedInShell:"slotted-in-shell",openingIdle:"modal--opening-idle",openingActive:"modal--opening-active",closingIdle:"modal--closing-idle",closingActive:"modal--closing-active"};const O={close:"x"};const F={content:"content",contentBottom:"content-bottom",contentTop:"content-top",header:"header",back:"back",secondary:"secondary",primary:"primary"};const B=":host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid 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          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container.slotted-in-shell{position:absolute;pointer-events:auto}.container.slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";let D=0;let T="";const L=class{constructor(i){t(this,i);this.calciteModalBeforeClose=e(this,"calciteModalBeforeClose",6);this.calciteModalClose=e(this,"calciteModalClose",6);this.calciteModalBeforeOpen=e(this,"calciteModalBeforeOpen",6);this.calciteModalOpen=e(this,"calciteModalOpen",6);this.ignoreOpenChange=false;this.mutationObserver=x("mutation",(()=>this.handleMutationObserver()));this.cssVarObserver=x("mutation",(()=>{this.updateSizeCssVars()}));this.openTransitionProp="opacity";this.setTransitionEl=t=>{this.transitionEl=t};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteModalOpen",this.openEnd)};this.handleCloseClick=()=>{this.open=false};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeModal=async()=>{if(this.beforeClose){try{await this.beforeClose(this.el)}catch(t){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}D--;this.opened=false;this.removeOverflowHiddenClass()};this.handleMutationObserver=()=>{this.updateFooterVisibility();this.updateFocusTrapElements()};this.updateFooterVisibility=()=>{this.hasFooter=!!r(this.el,[F.back,F.primary,F.secondary])};this.updateSizeCssVars=()=>{this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width");this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")};this.contentTopSlotChangeHandler=t=>{this.hasContentTop=l(t)};this.contentBottomSlotChangeHandler=t=>{this.hasContentBottom=l(t)};this.open=false;this.opened=false;this.beforeClose=undefined;this.closeButtonDisabled=false;this.focusTrapDisabled=false;this.outsideCloseDisabled=false;this.docked=undefined;this.escapeDisabled=false;this.scale="m";this.widthScale="m";this.fullscreen=undefined;this.kind=undefined;this.messages=undefined;this.messageOverrides=undefined;this.slottedInShell=undefined;this.cssWidth=undefined;this.cssHeight=undefined;this.hasFooter=true;this.hasContentTop=false;this.hasContentBottom=false;this.effectiveLocale=undefined;this.defaultMessages=undefined}handleFocusTrapDisabled(t){if(!this.open){return}t?h(this):m(this)}onMessagesChange(){}async componentWillLoad(){await w(this);f(this);if(this.open){requestAnimationFrame((()=>this.openModal()))}}componentDidLoad(){u(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]});this.updateSizeCssVars();this.updateFooterVisibility();n(this);k(this);y(this);p(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();this.cssVarObserver?.disconnect();s(this);h(this);z(this);C(this);this.slottedInShell=false}render(){return i(o,{"aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},i("div",{class:{[M.container]:true,[M.containerOpen]:this.opened,[M.slottedInShell]:this.slottedInShell}},i("calcite-scrim",{class:M.scrim,onClick:this.handleOutsideClose}),this.renderStyle(),i("div",{class:{[M.modal]:true},ref:this.setTransitionEl},i("div",{class:M.header},this.renderCloseButton(),i("header",{class:M.title},i("slot",{name:M.header}))),this.renderContentTop(),i("div",{class:{[M.content]:true,[M.contentNoFooter]:!this.hasFooter},ref:t=>this.modalContent=t},i("slot",{name:F.content})),this.renderContentBottom(),this.renderFooter())))}renderFooter(){return this.hasFooter?i("div",{class:M.footer,key:"footer"},i("span",{class:M.back},i("slot",{name:F.back})),i("span",{class:M.secondary},i("slot",{name:F.secondary})),i("span",{class:M.primary},i("slot",{name:F.primary}))):null}renderContentTop(){return i("div",{class:M.contentTop,hidden:!this.hasContentTop},i("slot",{name:F.contentTop,onSlotchange:this.contentTopSlotChangeHandler}))}renderContentBottom(){return i("div",{class:M.contentBottom,hidden:!this.hasContentBottom},i("slot",{name:F.contentBottom,onSlotchange:this.contentBottomSlotChangeHandler}))}renderCloseButton(){return!this.closeButtonDisabled?i("button",{"aria-label":this.messages.close,class:M.close,key:"button",onClick:this.handleCloseClick,title:this.messages.close,ref:t=>this.closeButtonEl=t},i("calcite-icon",{icon:O.close,scale:$(this.scale)})):null}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight)){return i("style",null,`.${M.container} {\n              ${this.docked&&this.cssWidth?`align-items: center !important;`:""}\n            }\n            .${M.modal} {\n              block-size: ${this.cssHeight?this.cssHeight:"auto"} !important;\n              ${this.cssWidth?`inline-size: ${this.cssWidth} !important;`:""}\n              ${this.cssWidth?`max-inline-size: ${this.cssWidth} !important;`:""}\n              ${this.docked?`border-radius: var(--calcite-border-radius) !important;`:""}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${M.container} {\n                ${this.docked?`align-items: flex-end !important;`:""}\n              }\n              .${M.modal} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${!this.docked?`block-size: 100% !important;`:""}\n                ${!this.docked?`border-radius: 0 !important;`:""}\n                ${this.docked?`border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;`:""}\n              }\n            }\n          `)}}effectiveLocaleChange(){j(this,this.effectiveLocale)}handleEscape(t){if(this.open&&!this.escapeDisabled&&t.key==="Escape"&&!t.defaultPrevented){this.open=false;t.preventDefault()}}async setFocus(){await g(this);c(this.el)}async updateFocusTrapElements(){b(this)}async scrollContent(t=0,e=0){if(this.modalContent){if(this.modalContent.scrollTo){this.modalContent.scrollTo({top:t,left:e,behavior:"smooth"})}else{this.modalContent.scrollTop=t;this.modalContent.scrollLeft=e}}}onBeforeOpen(){this.transitionEl.classList.add(M.openingActive);this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove(M.openingIdle,M.openingActive);this.calciteModalOpen.emit();m(this)}onBeforeClose(){this.transitionEl.classList.add(M.closingActive);this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl.classList.remove(M.closingIdle,M.closingActive);this.calciteModalClose.emit();h(this)}toggleModal(t){if(this.ignoreOpenChange){return}if(t){this.openModal()}else{this.closeModal()}}handleOpenedChange(t){v(this);if(t){this.transitionEl?.classList.add(M.openingIdle)}else{this.transitionEl?.classList.add(M.closingIdle)}}openModal(){this.el.addEventListener("calciteModalOpen",this.openEnd);this.opened=true;const t=r(this.el,F.header);const e=r(this.el,F.content);this.titleId=d(t);this.contentId=d(e);if(!this.slottedInShell){if(D===0){T=document.documentElement.style.overflow}D++;document.documentElement.style.setProperty("overflow","hidden")}}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",T)}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleModal"],opened:["handleOpenedChange"]}}};L.style=B;export{L as calcite_modal};
+//# sourceMappingURL=p-1d49213b.entry.js.map