@ds-mo/ui 15.1.0 → 15.2.0

package/dist/components/ds-data-search.js.map

@@ -1 +1 @@
-{"version":3,"names":["tableSearchFields","columns","resolved","seen","Set","column","isTableActionColumn","searchable","segments","length","segment","id","sortKey","trim","label","dataLabel","has","add","push","accessibleLabel","selectedTableSearchFields","fields","selectedFieldIds","byId","Map","map","field","selected","fieldId","get","availableTableSearchFields","filter","filterTableSearchFields","query","normalizedQuery","toLocaleLowerCase","includes","nextTableSearchActiveIndex","currentIndex","optionCount","direction","safeIndex","dataSearchCss","tableSearchSequence","DataSearch","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","hasBorder","value","placeholder","ariaLabel","clearLabel","fieldMenuLabel","isInactive","menuOpen","menuQuery","activeIndex","focusRingVisible","position","x","y","positionReady","availableHeight","announcement","componentId","inputId","listboxId","descriptionId","inputEl","controlEl","popupEl","positionController","AnchoredPositionController","getAnchor","getPopup","getOwnerDocument","el","ownerDocument","measure","anchor","popup","isConnected","inset","resolveCssLengthPx","TOKEN_DEFAULTS","space050","style","minWidth","menuWidthXs","choicePopupMinWidth","offsetWidth","anchorRect","getBoundingClientRect","popupWidth","popupHeight","offsetHeight","side","align","sideOffsetPx","alignOffsetPx","resolveChoicePopupAlignOffset","sectionInsetPx","viewportPadPx","viewportWidth","window","innerWidth","viewportHeight","innerHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","apply","onReady","topLayer","liveUpdate","observeResize","observeAnchorMotion","interactionController","AnchoredOverlayInteractionController","onOutsideActivation","closeMenu","disconnectedCallback","syncAvailableFields","count","availableFields","syncInactive","setFocus","focus","selectedFields","searchFields","visibleFields","activeOptionId","undefined","openMenu","fromKeyboard","requestAnimationFrame","connect","observe","schedule","matches","hidePopover","unobserve","disconnect","handleInput","event","nextValue","target","dsChange","emit","selectField","dsFieldsChange","preventScroll","removeLastField","removed","removeField","clearSearch","dsClear","handleKeyDown","key","altKey","ctrlKey","metaKey","preventDefault","querySelector","CSS","escape","scrollIntoView","block","render","visible","inputValue","hasValue","description","join","popupStyle","left","top","transform","Math","round","zIndex","visibility","floor","h","Host","class","ref","element","name","size","color","state","isInset","insetDepth","onDsRemove","type","role","disabled","String","autoComplete","autoCapitalize","autoCorrect","spellcheck","onInput","onKeyDown","variant","icon","rounded","onDsClick","popover","index","active","onMouseDown","onMouseMove","onClick","as","body"],"sources":["src/wc/components/DataSearch/data-search-model.ts","src/wc/components/DataSearch/DataSearch.css?tag=ds-data-search&encapsulation=scoped","src/wc/components/DataSearch/DataSearch.tsx"],"sourcesContent":["import { isTableActionColumn } from '../Table/table-column-customizer';\nimport type { TableColumn } from '../Table/table-types';\nimport type { DataSearchField } from './data-search-types';\n\n/** Searchable data points from the table catalog, including compound header segments. */\nexport function tableSearchFields(columns: readonly TableColumn[]): DataSearchField[] {\n  const resolved: DataSearchField[] = [];\n  const seen = new Set<string>();\n\n  for (const column of columns) {\n    if (isTableActionColumn(column) || column.searchable === false) continue;\n    const segments = column.segments ?? [];\n    if (segments.length > 0) {\n      for (const segment of segments) {\n        const id = segment.sortKey.trim();\n        const label = segment.dataLabel?.trim() || segment.label.trim() || id;\n        if (!id || !label || segment.searchable === false || seen.has(id)) continue;\n        seen.add(id);\n        resolved.push({ id, label });\n      }\n      continue;\n    }\n\n    const id = column.id.trim();\n    const label =\n      column.dataLabel?.trim() || column.label.trim() || column.accessibleLabel?.trim() || id;\n    if (!id || !label || seen.has(id)) continue;\n    seen.add(id);\n    resolved.push({ id, label });\n  }\n\n  return resolved;\n}\n\nexport function selectedTableSearchFields(\n  fields: readonly DataSearchField[],\n  selectedFieldIds: string[]\n): DataSearchField[] {\n  const byId = new Map(fields.map(field => [field.id, field]));\n  const selected: DataSearchField[] = [];\n  const seen = new Set<string>();\n\n  for (const fieldId of selectedFieldIds) {\n    if (seen.has(fieldId)) continue;\n    const field = byId.get(fieldId);\n    if (!field) continue;\n    seen.add(fieldId);\n    selected.push(field);\n  }\n\n  return selected;\n}\n\nexport function availableTableSearchFields(\n  fields: readonly DataSearchField[],\n  selectedFieldIds: string[]\n): DataSearchField[] {\n  const selected = new Set(selectedFieldIds);\n  return fields.filter(field => !selected.has(field.id));\n}\n\n/** Matches the field-picker query against the complete visible label and canonical identity. */\nexport function filterTableSearchFields(\n  fields: readonly DataSearchField[],\n  query: string\n): DataSearchField[] {\n  const normalizedQuery = query.trim().toLocaleLowerCase();\n  if (!normalizedQuery) return [...fields];\n\n  return fields.filter(field =>\n    `${field.label} ${field.id}`.toLocaleLowerCase().includes(normalizedQuery)\n  );\n}\n\nexport function nextTableSearchActiveIndex(\n  currentIndex: number,\n  optionCount: number,\n  direction: 1 | -1\n): number {\n  if (optionCount <= 0) return -1;\n  const safeIndex = currentIndex >= 0 && currentIndex < optionCount ? currentIndex : 0;\n  return (safeIndex + direction + optionCount) % optionCount;\n}\n","@import '../../utils/radius.css';\n@import '../../utils/choice-list.css';\n@import '../../utils/control-density-inset.css';\n@import '../../utils/typography.css';\n@import '../../utils/visually-hidden.css';\n\n:host(.data-search-host) {\n  display: inline-flex;\n  box-sizing: border-box;\n  inline-size: 100%;\n  min-inline-size: 0;\n  --ds-data-search-foreground: var(--color-foreground-primary);\n  --ds-data-search-adornment: var(--color-foreground-secondary);\n  --ds-data-search-placeholder: var(--color-foreground-secondary);\n  --ds-data-search-placeholder-active: var(--color-foreground-quaternary);\n  --ds-data-search-border: var(--color-border-secondary);\n}\n\n.data-search__control {\n  inline-size: 100%;\n  min-inline-size: 0;\n  padding-inline-end: var(--dimension-space-050);\n  overflow: hidden;\n  border: 0;\n  background: transparent;\n  color: var(--ds-data-search-foreground);\n  --ds-interaction-border-width: var(--dimension-stroke-width-012);\n  --ds-interaction-border-color: var(--ds-data-search-border);\n}\n\n.data-search__control:focus-within {\n  --ds-interaction-border-width: var(--dimension-stroke-width-018);\n  --ds-interaction-border-color: var(--color-border-bold-brand);\n}\n\n:host(.ds-control-inactive) .data-search__control::after {\n  background: transparent;\n}\n\n.data-search__icon,\n.data-search__clear {\n  position: relative;\n  z-index: 2;\n  flex: none;\n}\n\n.data-search__icon {\n  color: var(--ds-data-search-adornment);\n}\n\n.data-search__editor {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  min-inline-size: 0;\n  block-size: 100%;\n  gap: var(--dimension-space-050);\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n}\n\n.data-search__editor::-webkit-scrollbar {\n  display: none;\n}\n\n.data-search__chip {\n  flex: none;\n  max-inline-size: var(--dimension-panel-width-2xs);\n}\n\n.data-search__input {\n  appearance: none;\n  box-sizing: border-box;\n  flex: 1 0 var(--dimension-size-600);\n  min-inline-size: var(--dimension-size-600);\n  block-size: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: var(--ds-data-search-foreground);\n  text-overflow: ellipsis;\n}\n\n.data-search__input::-webkit-search-cancel-button,\n.data-search__input::-webkit-search-decoration {\n  display: none;\n}\n\n.data-search__input::placeholder {\n  color: var(--ds-data-search-placeholder);\n}\n\n.data-search__input:focus::placeholder {\n  color: var(--ds-data-search-placeholder-active);\n}\n\n.data-search__popup {\n  --ds-choice-popup-min-inline-size: var(--dimension-menu-width-xs);\n}\n\n.data-search__list {\n  padding: var(--dimension-space-050);\n}\n\n.data-search__option {\n  flex: none;\n  inline-size: 100%;\n}\n\n@media (forced-colors: active) {\n  .data-search__control:focus-within::after {\n    outline-color: var(--ds-forced-color-selected);\n  }\n}\n\n:host(.data-search-host--borderless) .data-search__control:not(:focus-within) {\n  --ds-interaction-border-width: 0px;\n}\n","import type { DataField } from '../../utils/data-field';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport {\n  choicePopupMinWidth,\n  resolveChoicePopupAlignOffset,\n  resolveCssLengthPx,\n  TOKEN_DEFAULTS,\n} from '../../utils';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { AnchoredOverlayInteractionController } from '../../utils/anchored-overlay-interaction-controller';\nimport { resolveAnchoredOverlayBoundaryRect } from '../../utils/anchored-overlay-boundary';\nimport {\n  availableTableSearchFields,\n  filterTableSearchFields,\n  nextTableSearchActiveIndex,\n  selectedTableSearchFields,\n  tableSearchFields,\n} from './data-search-model';\nimport type { DataSearchField, DataSearchFieldsChangeDetail } from './data-search-types';\n\nlet tableSearchSequence = 0;\n\n@Component({\n  tag: 'ds-data-search',\n  styleUrl: 'DataSearch.css',\n  scoped: true,\n})\nexport class DataSearch {\n  @Element() private el!: HTMLElement;\n\n  /** Show the resting field border; keyboard focus remains visible. */\n  @Prop({ reflect: true }) hasBorder: boolean = true;\n\n  /** Controlled free-text query. */\n  @Prop() value: string = '';\n  /** Table column catalog used to derive searchable data points and their complete labels. */\n  @Prop() fields: DataField[] = [];\n  /** Controlled ordered field scopes rendered as Tags. */\n  @Prop() selectedFieldIds: string[] = [];\n  @Prop() placeholder: string = 'Search';\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string = 'Search table';\n  @Prop() clearLabel: string = 'Clear search';\n  @Prop() fieldMenuLabel: string = 'Choose search fields';\n  @Prop() isInactive: boolean = false;\n\n  @Event({ bubbles: false }) dsChange!: EventEmitter<string>;\n  @Event({ bubbles: false }) dsFieldsChange!: EventEmitter<DataSearchFieldsChangeDetail>;\n  @Event({ bubbles: false }) dsClear!: EventEmitter<void>;\n\n  @State() private menuOpen = false;\n  @State() private menuQuery = '';\n  @State() private activeIndex = 0;\n  @State() private focusRingVisible = false;\n  @State() private position = { x: 0, y: 0 };\n  @State() private positionReady = false;\n  @State() private availableHeight: number | null = null;\n  @State() private announcement = '';\n\n  private readonly componentId = `ds-data-search-${++tableSearchSequence}`;\n  private readonly inputId = `${this.componentId}-input`;\n  private readonly listboxId = `${this.componentId}-listbox`;\n  private readonly descriptionId = `${this.componentId}-description`;\n  private inputEl: HTMLInputElement | null = null;\n  private controlEl: HTMLElement | null = null;\n  private popupEl: HTMLElement | null = null;\n\n  private readonly positionController = new AnchoredPositionController({\n    getAnchor: () => this.controlEl,\n    getPopup: () => this.popupEl,\n    getOwnerDocument: () => this.el.ownerDocument,\n    measure: (anchor, popup) => {\n      if (!this.menuOpen || !popup.isConnected) return null;\n      const inset = resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n      popup.style.minWidth = `max(var(--ds-choice-popup-min-inline-size, ${TOKEN_DEFAULTS.menuWidthXs}), ${choicePopupMinWidth(anchor.offsetWidth, inset)}px)`;\n      const anchorRect = anchor.getBoundingClientRect();\n      return {\n        anchorRect,\n        popupWidth: popup.offsetWidth,\n        popupHeight: popup.offsetHeight,\n        side: 'bottom',\n        align: 'start',\n        sideOffsetPx: inset,\n        alignOffsetPx: resolveChoicePopupAlignOffset({\n          align: 'start',\n          alignOffsetPx: 0,\n          sectionInsetPx: inset,\n        }),\n        viewportPadPx: inset,\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n        collisionRect: resolveAnchoredOverlayBoundaryRect(anchor),\n      };\n    },\n    apply: ({ x, y, availableHeight }) => {\n      this.position = { x, y };\n      this.availableHeight = availableHeight;\n    },\n    onReady: () => {\n      this.positionReady = true;\n    },\n    topLayer: true,\n    liveUpdate: 'frame',\n    observeResize: true,\n    observeAnchorMotion: true,\n  });\n\n  private readonly interactionController = new AnchoredOverlayInteractionController({\n    getAnchor: () => this.controlEl,\n    getPopup: () => this.popupEl,\n    getOwnerDocument: () => this.el.ownerDocument,\n    onOutsideActivation: () => this.closeMenu(),\n  });\n\n  disconnectedCallback(): void {\n    this.closeMenu();\n  }\n\n  @Watch('columns')\n  @Watch('selectedFieldIds')\n  syncAvailableFields(): void {\n    const count = this.availableFields.length;\n    if (count === 0) {\n      this.closeMenu();\n      return;\n    }\n    if (this.activeIndex >= count) this.activeIndex = count - 1;\n  }\n\n  @Watch('isInactive')\n  syncInactive(isInactive: boolean): void {\n    if (isInactive) this.closeMenu();\n  }\n\n  @Method()\n  async setFocus(): Promise<void> {\n    this.inputEl?.focus();\n  }\n\n  private get selectedFields(): DataSearchField[] {\n    return selectedTableSearchFields(this.searchFields, this.selectedFieldIds);\n  }\n\n  private get availableFields(): DataSearchField[] {\n    return availableTableSearchFields(this.searchFields, this.selectedFieldIds);\n  }\n\n  private get visibleFields(): DataSearchField[] {\n    return filterTableSearchFields(this.availableFields, this.menuQuery);\n  }\n\n  private get searchFields(): DataSearchField[] {\n    return tableSearchFields(this.fields);\n  }\n\n  private get activeOptionId(): string | undefined {\n    return this.menuOpen && this.activeIndex >= 0\n      ? `${this.componentId}-option-${this.activeIndex}`\n      : undefined;\n  }\n\n  private openMenu(fromKeyboard: boolean): void {\n    if (this.isInactive || this.menuOpen || this.availableFields.length === 0) return;\n    this.menuQuery = '';\n    // The native value can be ahead of the controlled prop when slash follows input\n    // in the same frame, so clear it before the queued render can skip an equal value.\n    if (this.inputEl) this.inputEl.value = '';\n    this.activeIndex = 0;\n    this.focusRingVisible = fromKeyboard;\n    this.positionReady = false;\n    this.menuOpen = true;\n    requestAnimationFrame(() => {\n      if (!this.menuOpen) return;\n      this.interactionController.connect();\n      this.positionController.observe();\n      this.positionController.schedule();\n    });\n  }\n\n  private closeMenu(): void {\n    if (!this.menuOpen && !this.popupEl) return;\n    if (this.popupEl?.matches(':popover-open')) this.popupEl.hidePopover();\n    this.positionController.unobserve();\n    this.interactionController.disconnect();\n    this.popupEl = null;\n    this.positionReady = false;\n    this.availableHeight = null;\n    this.menuOpen = false;\n    this.menuQuery = '';\n  }\n\n  private handleInput(event: Event): void {\n    const nextValue = (event.target as HTMLInputElement).value;\n    if (this.menuOpen) {\n      this.menuQuery = nextValue;\n      this.activeIndex = filterTableSearchFields(this.availableFields, nextValue).length ? 0 : -1;\n      this.focusRingVisible = false;\n      this.positionController.schedule();\n      return;\n    }\n\n    this.dsChange.emit(nextValue);\n  }\n\n  private selectField(field: DataSearchField): void {\n    this.dsFieldsChange.emit({ selectedFieldIds: [...this.selectedFieldIds, field.id] });\n    this.announcement = `${field.label} search field added.`;\n    this.closeMenu();\n    requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n  }\n\n  private removeLastField(): void {\n    const selected = this.selectedFields;\n    const removed = selected[selected.length - 1];\n    if (!removed) return;\n    this.dsFieldsChange.emit({\n      selectedFieldIds: this.selectedFieldIds.filter(fieldId => fieldId !== removed.id),\n    });\n    this.announcement = `${removed.label} search field removed.`;\n  }\n\n  private removeField(field: DataSearchField): void {\n    this.dsFieldsChange.emit({\n      selectedFieldIds: this.selectedFieldIds.filter(fieldId => fieldId !== field.id),\n    });\n    this.announcement = `${field.label} search field removed.`;\n    requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n  }\n\n  private clearSearch(): void {\n    if (this.value) this.dsChange.emit('');\n    if (this.selectedFieldIds.length) this.dsFieldsChange.emit({ selectedFieldIds: [] });\n    this.dsClear.emit();\n    this.announcement = 'Search cleared.';\n    this.closeMenu();\n    requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n  }\n\n  private handleKeyDown(event: KeyboardEvent): void {\n    if (event.key === '/' && !this.menuOpen && !event.altKey && !event.ctrlKey && !event.metaKey) {\n      event.preventDefault();\n      this.openMenu(true);\n      return;\n    }\n\n    if (event.key === 'Backspace' && this.menuOpen && this.menuQuery.length === 0) {\n      event.preventDefault();\n      this.closeMenu();\n      return;\n    }\n\n    if (event.key === 'Backspace' && this.value.length === 0) {\n      if (this.selectedFields.length) {\n        event.preventDefault();\n        this.removeLastField();\n      }\n      return;\n    }\n\n    if (!this.menuOpen) return;\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.closeMenu();\n      return;\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault();\n      this.focusRingVisible = true;\n      this.activeIndex = nextTableSearchActiveIndex(\n        this.activeIndex,\n        this.visibleFields.length,\n        event.key === 'ArrowDown' ? 1 : -1\n      );\n      this.el\n        .querySelector<HTMLElement>(`#${CSS.escape(this.activeOptionId ?? '')}`)\n        ?.scrollIntoView({ block: 'nearest' });\n      return;\n    }\n\n    if (event.key === 'Enter') {\n      const field = this.visibleFields[this.activeIndex];\n      if (!field) return;\n      event.preventDefault();\n      this.selectField(field);\n      return;\n    }\n\n    if (event.key === 'Tab') this.closeMenu();\n  }\n\n  render() {\n    const selected = this.selectedFields;\n    const available = this.availableFields;\n    const visible = this.visibleFields;\n    const inputValue = this.menuOpen ? this.menuQuery : this.value;\n    const hasValue = this.value.length > 0 || selected.length > 0;\n    const description = selected.length\n      ? `Search limited to ${selected.map(field => field.label).join(' or ')}.`\n      : 'Search includes every available table field. Type slash to choose fields.';\n    const popupStyle: Record<string, string> = {\n      position: 'fixed',\n      left: '0',\n      top: '0',\n      transform: `translate(${Math.round(this.position.x)}px, ${Math.round(this.position.y)}px)`,\n      zIndex: 'var(--dimension-z-index-floating)',\n      visibility: this.positionReady ? 'visible' : 'hidden',\n    };\n    if (this.availableHeight !== null) {\n      popupStyle['max-height'] = `${Math.floor(this.availableHeight)}px`;\n    }\n\n    return (\n      <Host\n        class={{\n          'data-search-host': true,\n          'data-search-host--borderless': !this.hasBorder,\n          'ds-control--md': true,\n          'ds-control-inactive': this.isInactive,\n        }}\n        data-filled={hasValue ? '' : undefined}\n        data-expanded={this.menuOpen ? '' : undefined}\n      >\n        <div\n          ref={element => {\n            this.controlEl = element ?? null;\n          }}\n          class=\"data-search__control ds-control-frame ds-control--md ds-interaction-fill\"\n        >\n          <span\n            class=\"data-search__icon ds-control-icon-box ds-interaction-fill__content\"\n            aria-hidden=\"true\"\n          >\n            <ds-icon name=\"MagnifyingGlass\" size=\"md\" color=\"inherit\" />\n          </span>\n          <div class=\"data-search__editor ds-interaction-fill__content\">\n            {selected.map(field => (\n              <ds-chip\n                class=\"data-search__chip\"\n                key={field.id}\n                label={field.label}\n                size=\"md\"\n                state=\"default\"\n                isInset\n                insetDepth=\"double\"\n                isInactive={this.isInactive}\n                onDsRemove={() => this.removeField(field)}\n              />\n            ))}\n            <input\n              ref={element => {\n                this.inputEl = element ?? null;\n              }}\n              id={this.inputId}\n              class=\"data-search__input ds-text--body-medium ds-text--regular\"\n              type=\"search\"\n              role=\"combobox\"\n              value={inputValue}\n              placeholder={this.placeholder}\n              disabled={this.isInactive}\n              aria-label={this.ariaLabel}\n              aria-describedby={this.descriptionId}\n              aria-haspopup=\"listbox\"\n              aria-expanded={String(this.menuOpen)}\n              aria-controls={this.menuOpen ? this.listboxId : undefined}\n              aria-activedescendant={this.activeOptionId}\n              aria-keyshortcuts=\"/\"\n              autoComplete=\"off\"\n              autoCapitalize=\"none\"\n              autoCorrect=\"off\"\n              spellcheck={false}\n              onInput={event => this.handleInput(event)}\n              onKeyDown={event => this.handleKeyDown(event)}\n            />\n          </div>\n          {inputValue.length > 0 && !this.isInactive && (\n            <ds-button-unfilled\n              class=\"data-search__clear ds-interaction-fill__content\"\n              variant=\"icon\"\n              size=\"sm\"\n              icon=\"CrossCircle\"\n              hasBorder={false}\n              rounded\n              ariaLabel={this.clearLabel}\n              onDsClick={() => this.clearSearch()}\n            />\n          )}\n        </div>\n        <span id={this.descriptionId} class=\"ds-visually-hidden\">\n          {description}\n        </span>\n        <span class=\"ds-visually-hidden\" aria-live=\"polite\">\n          {this.announcement}\n        </span>\n        {this.menuOpen && (\n          <div\n            popover=\"manual\"\n            ref={element => {\n              this.popupEl = element ?? null;\n            }}\n            class=\"data-search__popup ds-choice-popup\"\n            style={popupStyle}\n          >\n            <div\n              id={this.listboxId}\n              class=\"data-search__list ds-choice-list\"\n              role=\"listbox\"\n              aria-label={this.fieldMenuLabel}\n            >\n              {visible.map((field, index) => {\n                const active = index === this.activeIndex;\n                return (\n                  /* eslint-disable-next-line compomo/prefer-direct-ds-text -- The option owns listbox semantics and pointer interaction while ds-text remains its typography child. */\n                  <div\n                    id={`${this.componentId}-option-${index}`}\n                    key={field.id}\n                    class={{\n                      'data-search__option': true,\n                      'ds-choice-item': true,\n                      'ds-control-frame': true,\n                      'ds-control--md': true,\n                      'ds-focus-ring-inset': true,\n                      'ds-focus-ring--visible': active && this.focusRingVisible,\n                      'ds-interaction-fill': true,\n                      'ds-interaction-fill--selected': active,\n                    }}\n                    role=\"option\"\n                    aria-selected={String(active)}\n                    onMouseDown={event => event.preventDefault()}\n                    onMouseMove={() => {\n                      this.focusRingVisible = false;\n                      this.activeIndex = index;\n                    }}\n                    onClick={() => this.selectField(field)}\n                  >\n                    <ds-text\n                      class=\"ds-choice-item__label ds-control-label-box ds-interaction-fill__content\"\n                      as=\"span\"\n                      variant=\"text-body-medium\"\n                      color={active ? 'primary' : 'secondary'}\n                    >\n                      {field.label}\n                    </ds-text>\n                  </div>\n                );\n              })}\n              {visible.length === 0 && (\n                <div class=\"data-search__empty ds-choice-empty ds-empty-region\">\n                  <ds-empty-state body=\"No matching data points\" />\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["tableSearchFields","columns","resolved","seen","Set","column","isTableActionColumn","searchable","segments","length","segment","id","sortKey","trim","label","dataLabel","has","add","push","accessibleLabel","selectedTableSearchFields","fields","selectedFieldIds","byId","Map","map","field","selected","fieldId","get","availableTableSearchFields","filter","filterTableSearchFields","query","normalizedQuery","toLocaleLowerCase","includes","nextTableSearchActiveIndex","currentIndex","optionCount","direction","safeIndex","dataSearchCss","tableSearchSequence","DataSearch","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","hasBorder","value","placeholder","ariaLabel","clearLabel","fieldMenuLabel","isInactive","menuOpen","menuQuery","activeIndex","focusRingVisible","position","x","y","positionReady","availableHeight","announcement","componentId","inputId","listboxId","descriptionId","inputEl","controlEl","popupEl","positionController","AnchoredPositionController","getAnchor","getPopup","getOwnerDocument","el","ownerDocument","measure","anchor","popup","isConnected","inset","resolveCssLengthPx","TOKEN_DEFAULTS","space050","style","minWidth","menuWidthXs","choicePopupMinWidth","offsetWidth","anchorRect","getBoundingClientRect","popupWidth","popupHeight","offsetHeight","side","align","sideOffsetPx","alignOffsetPx","resolveChoicePopupAlignOffset","sectionInsetPx","viewportPadPx","viewportWidth","window","innerWidth","viewportHeight","innerHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","apply","onReady","topLayer","liveUpdate","observeResize","observeAnchorMotion","interactionController","AnchoredOverlayInteractionController","onOutsideActivation","closeMenu","disconnectedCallback","syncAvailableFields","count","availableFields","syncInactive","setFocus","focus","selectedFields","searchFields","visibleFields","activeOptionId","undefined","openMenu","fromKeyboard","requestAnimationFrame","connect","observe","schedule","matches","hidePopover","unobserve","disconnect","handleInput","event","nextValue","target","dsChange","emit","selectField","dsFieldsChange","preventScroll","removeLastField","removed","removeField","clearSearch","dsClear","handleKeyDown","key","altKey","ctrlKey","metaKey","preventDefault","querySelector","CSS","escape","scrollIntoView","block","render","visible","inputValue","hasValue","description","join","popupStyle","left","top","transform","Math","round","zIndex","visibility","floor","h","Host","class","ref","element","name","size","color","state","isInset","insetDepth","onDsRemove","type","role","disabled","String","autoComplete","autoCapitalize","autoCorrect","spellcheck","onInput","onKeyDown","variant","icon","rounded","onDsClick","popover","index","active","onMouseDown","onMouseMove","onClick","as","body"],"sources":["src/wc/components/DataSearch/data-search-model.ts","src/wc/components/DataSearch/DataSearch.css?tag=ds-data-search&encapsulation=scoped","src/wc/components/DataSearch/DataSearch.tsx"],"sourcesContent":["import { isTableActionColumn } from '../Table/table-column-customizer';\nimport type { TableColumn } from '../Table/table-types';\nimport type { DataSearchField } from './data-search-types';\n\n/** Searchable data points from the table catalog, including compound header segments. */\nexport function tableSearchFields(columns: readonly TableColumn[]): DataSearchField[] {\n  const resolved: DataSearchField[] = [];\n  const seen = new Set<string>();\n\n  for (const column of columns) {\n    if (isTableActionColumn(column) || column.searchable === false) continue;\n    const segments = column.segments ?? [];\n    if (segments.length > 0) {\n      for (const segment of segments) {\n        const id = segment.sortKey.trim();\n        const label = segment.dataLabel?.trim() || segment.label.trim() || id;\n        if (!id || !label || segment.searchable === false || seen.has(id)) continue;\n        seen.add(id);\n        resolved.push({ id, label });\n      }\n      continue;\n    }\n\n    const id = column.id.trim();\n    const label =\n      column.dataLabel?.trim() || column.label.trim() || column.accessibleLabel?.trim() || id;\n    if (!id || !label || seen.has(id)) continue;\n    seen.add(id);\n    resolved.push({ id, label });\n  }\n\n  return resolved;\n}\n\nexport function selectedTableSearchFields(\n  fields: readonly DataSearchField[],\n  selectedFieldIds: string[]\n): DataSearchField[] {\n  const byId = new Map(fields.map(field => [field.id, field]));\n  const selected: DataSearchField[] = [];\n  const seen = new Set<string>();\n\n  for (const fieldId of selectedFieldIds) {\n    if (seen.has(fieldId)) continue;\n    const field = byId.get(fieldId);\n    if (!field) continue;\n    seen.add(fieldId);\n    selected.push(field);\n  }\n\n  return selected;\n}\n\nexport function availableTableSearchFields(\n  fields: readonly DataSearchField[],\n  selectedFieldIds: string[]\n): DataSearchField[] {\n  const selected = new Set(selectedFieldIds);\n  return fields.filter(field => !selected.has(field.id));\n}\n\n/** Matches the field-picker query against the complete visible label and canonical identity. */\nexport function filterTableSearchFields(\n  fields: readonly DataSearchField[],\n  query: string\n): DataSearchField[] {\n  const normalizedQuery = query.trim().toLocaleLowerCase();\n  if (!normalizedQuery) return [...fields];\n\n  return fields.filter(field =>\n    `${field.label} ${field.id}`.toLocaleLowerCase().includes(normalizedQuery)\n  );\n}\n\nexport function nextTableSearchActiveIndex(\n  currentIndex: number,\n  optionCount: number,\n  direction: 1 | -1\n): number {\n  if (optionCount <= 0) return -1;\n  const safeIndex = currentIndex >= 0 && currentIndex < optionCount ? currentIndex : 0;\n  return (safeIndex + direction + optionCount) % optionCount;\n}\n","@import '../../utils/radius.css';\n@import '../../utils/choice-list.css';\n@import '../../utils/control-density-inset.css';\n@import '../../utils/typography.css';\n@import '../../utils/visually-hidden.css';\n\n:host(.data-search-host) {\n  display: inline-flex;\n  box-sizing: border-box;\n  inline-size: 100%;\n  min-inline-size: 0;\n  --ds-data-search-foreground: var(--color-foreground-primary);\n  --ds-data-search-adornment: var(--color-foreground-secondary);\n  --ds-data-search-placeholder: var(--color-foreground-secondary);\n  --ds-data-search-placeholder-active: var(--color-foreground-quaternary);\n  --ds-data-search-border: var(--color-border-secondary);\n}\n\n.data-search__control {\n  inline-size: 100%;\n  min-inline-size: 0;\n  padding-inline-end: var(--dimension-space-050);\n  overflow: hidden;\n  border: 0;\n  background: transparent;\n  color: var(--ds-data-search-foreground);\n  --ds-interaction-border-width: var(--dimension-stroke-width-012);\n  --ds-interaction-border-color: var(--ds-data-search-border);\n}\n\n.data-search__control:focus-within {\n  --ds-interaction-border-width: var(--dimension-stroke-width-018);\n  --ds-interaction-border-color: var(--color-border-bold-brand);\n}\n\n:host(.ds-control-inactive) .data-search__control::after {\n  background: transparent;\n}\n\n.data-search__icon,\n.data-search__clear {\n  position: relative;\n  z-index: 2;\n  flex: none;\n}\n\n.data-search__icon {\n  color: var(--ds-data-search-adornment);\n}\n\n.data-search__editor {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  min-inline-size: 0;\n  block-size: 100%;\n  gap: var(--dimension-space-050);\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n}\n\n.data-search__editor::-webkit-scrollbar {\n  display: none;\n}\n\n.data-search__chip {\n  flex: none;\n  max-inline-size: var(--dimension-panel-width-2xs);\n}\n\n.data-search__input {\n  appearance: none;\n  box-sizing: border-box;\n  flex: 1 0 var(--dimension-size-600);\n  min-inline-size: var(--dimension-size-600);\n  block-size: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: var(--ds-data-search-foreground);\n  text-overflow: ellipsis;\n}\n\n.data-search__input::-webkit-search-cancel-button,\n.data-search__input::-webkit-search-decoration {\n  display: none;\n}\n\n.data-search__input::placeholder {\n  color: var(--ds-data-search-placeholder);\n}\n\n.data-search__input:focus::placeholder {\n  color: var(--ds-data-search-placeholder-active);\n}\n\n.data-search__popup {\n  --ds-choice-popup-min-inline-size: var(--dimension-menu-width-xs);\n}\n\n.data-search__list {\n  padding: var(--dimension-space-050);\n}\n\n.data-search__option {\n  flex: none;\n  inline-size: 100%;\n}\n\n@media (forced-colors: active) {\n  .data-search__control:focus-within::after {\n    outline-color: var(--ds-forced-color-selected);\n  }\n}\n\n:host(.data-search-host--borderless) .data-search__control:not(:focus-within) {\n  --ds-interaction-border-width: 0px;\n}\n","import type { DataField } from '../../utils/data-field';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport {\n  choicePopupMinWidth,\n  resolveChoicePopupAlignOffset,\n  resolveCssLengthPx,\n  TOKEN_DEFAULTS,\n} from '../../utils';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { AnchoredOverlayInteractionController } from '../../utils/anchored-overlay-interaction-controller';\nimport { resolveAnchoredOverlayBoundaryRect } from '../../utils/anchored-overlay-boundary';\nimport {\n  availableTableSearchFields,\n  filterTableSearchFields,\n  nextTableSearchActiveIndex,\n  selectedTableSearchFields,\n  tableSearchFields,\n} from './data-search-model';\nimport type { DataSearchField, DataSearchFieldsChangeDetail } from './data-search-types';\n\nlet tableSearchSequence = 0;\n\n@Component({\n  tag: 'ds-data-search',\n  styleUrl: 'DataSearch.css',\n  scoped: true,\n})\nexport class DataSearch {\n  @Element() private el!: HTMLElement;\n\n  /** Show the resting field border; keyboard focus remains visible. */\n  @Prop({ reflect: true }) hasBorder: boolean = true;\n\n  /** Controlled free-text query. */\n  @Prop() value: string = '';\n  /** Table column catalog used to derive searchable data points and their complete labels. */\n  @Prop() fields: DataField[] = [];\n  /** Controlled ordered field scopes rendered as Tags. */\n  @Prop() selectedFieldIds: string[] = [];\n  @Prop() placeholder: string = 'Search';\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string = 'Search table';\n  @Prop() clearLabel: string = 'Clear search';\n  @Prop() fieldMenuLabel: string = 'Choose search fields';\n  @Prop() isInactive: boolean = false;\n\n  @Event({ bubbles: false }) dsChange!: EventEmitter<string>;\n  @Event({ bubbles: false }) dsFieldsChange!: EventEmitter<DataSearchFieldsChangeDetail>;\n  @Event({ bubbles: false }) dsClear!: EventEmitter<void>;\n\n  @State() private menuOpen = false;\n  @State() private menuQuery = '';\n  @State() private activeIndex = 0;\n  @State() private focusRingVisible = false;\n  @State() private position = { x: 0, y: 0 };\n  @State() private positionReady = false;\n  @State() private availableHeight: number | null = null;\n  @State() private announcement = '';\n\n  private readonly componentId = `ds-data-search-${++tableSearchSequence}`;\n  private readonly inputId = `${this.componentId}-input`;\n  private readonly listboxId = `${this.componentId}-listbox`;\n  private readonly descriptionId = `${this.componentId}-description`;\n  private inputEl: HTMLInputElement | null = null;\n  private controlEl: HTMLElement | null = null;\n  private popupEl: HTMLElement | null = null;\n\n  private readonly positionController = new AnchoredPositionController({\n    getAnchor: () => this.controlEl,\n    getPopup: () => this.popupEl,\n    getOwnerDocument: () => this.el.ownerDocument,\n    measure: (anchor, popup) => {\n      if (!this.menuOpen || !popup.isConnected) return null;\n      const inset = resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n      popup.style.minWidth = `max(var(--ds-choice-popup-min-inline-size, ${TOKEN_DEFAULTS.menuWidthXs}), ${choicePopupMinWidth(anchor.offsetWidth, inset)}px)`;\n      const anchorRect = anchor.getBoundingClientRect();\n      return {\n        anchorRect,\n        popupWidth: popup.offsetWidth,\n        popupHeight: popup.offsetHeight,\n        side: 'bottom',\n        align: 'start',\n        sideOffsetPx: inset,\n        alignOffsetPx: resolveChoicePopupAlignOffset({\n          align: 'start',\n          alignOffsetPx: 0,\n          sectionInsetPx: inset,\n        }),\n        viewportPadPx: inset,\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n        collisionRect: resolveAnchoredOverlayBoundaryRect(anchor),\n      };\n    },\n    apply: ({ x, y, availableHeight }) => {\n      this.position = { x, y };\n      this.availableHeight = availableHeight;\n    },\n    onReady: () => {\n      this.positionReady = true;\n    },\n    topLayer: true,\n    liveUpdate: 'frame',\n    observeResize: true,\n    observeAnchorMotion: true,\n  });\n\n  private readonly interactionController = new AnchoredOverlayInteractionController({\n    getAnchor: () => this.controlEl,\n    getPopup: () => this.popupEl,\n    getOwnerDocument: () => this.el.ownerDocument,\n    onOutsideActivation: () => this.closeMenu(),\n  });\n\n  disconnectedCallback(): void {\n    this.closeMenu();\n  }\n\n  @Watch('columns')\n  @Watch('selectedFieldIds')\n  syncAvailableFields(): void {\n    const count = this.availableFields.length;\n    if (count === 0) {\n      this.closeMenu();\n      return;\n    }\n    if (this.activeIndex >= count) this.activeIndex = count - 1;\n  }\n\n  @Watch('isInactive')\n  syncInactive(isInactive: boolean): void {\n    if (isInactive) this.closeMenu();\n  }\n\n  @Method()\n  async setFocus(): Promise<void> {\n    this.inputEl?.focus();\n  }\n\n  private get selectedFields(): DataSearchField[] {\n    return selectedTableSearchFields(this.searchFields, this.selectedFieldIds);\n  }\n\n  private get availableFields(): DataSearchField[] {\n    return availableTableSearchFields(this.searchFields, this.selectedFieldIds);\n  }\n\n  private get visibleFields(): DataSearchField[] {\n    return filterTableSearchFields(this.availableFields, this.menuQuery);\n  }\n\n  private get searchFields(): DataSearchField[] {\n    return tableSearchFields(this.fields);\n  }\n\n  private get activeOptionId(): string | undefined {\n    return this.menuOpen && this.activeIndex >= 0\n      ? `${this.componentId}-option-${this.activeIndex}`\n      : undefined;\n  }\n\n  private openMenu(fromKeyboard: boolean): void {\n    if (this.isInactive || this.menuOpen || this.availableFields.length === 0) return;\n    this.menuQuery = '';\n    // The native value can be ahead of the controlled prop when slash follows input\n    // in the same frame, so clear it before the queued render can skip an equal value.\n    if (this.inputEl) this.inputEl.value = '';\n    this.activeIndex = 0;\n    this.focusRingVisible = fromKeyboard;\n    this.positionReady = false;\n    this.menuOpen = true;\n    requestAnimationFrame(() => {\n      if (!this.menuOpen) return;\n      this.interactionController.connect();\n      this.positionController.observe();\n      this.positionController.schedule();\n    });\n  }\n\n  private closeMenu(): void {\n    if (!this.menuOpen && !this.popupEl) return;\n    if (this.popupEl?.matches(':popover-open')) this.popupEl.hidePopover();\n    this.positionController.unobserve();\n    this.interactionController.disconnect();\n    this.popupEl = null;\n    this.positionReady = false;\n    this.availableHeight = null;\n    this.menuOpen = false;\n    this.menuQuery = '';\n  }\n\n  private handleInput(event: Event): void {\n    const nextValue = (event.target as HTMLInputElement).value;\n    if (this.menuOpen) {\n      this.menuQuery = nextValue;\n      this.activeIndex = filterTableSearchFields(this.availableFields, nextValue).length ? 0 : -1;\n      this.focusRingVisible = false;\n      this.positionController.schedule();\n      return;\n    }\n\n    this.dsChange.emit(nextValue);\n  }\n\n  private selectField(field: DataSearchField): void {\n    this.dsFieldsChange.emit({ selectedFieldIds: [...this.selectedFieldIds, field.id] });\n    this.announcement = `${field.label} search field added.`;\n    this.closeMenu();\n    requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n  }\n\n  private removeLastField(): void {\n    const selected = this.selectedFields;\n    const removed = selected[selected.length - 1];\n    if (!removed) return;\n    this.dsFieldsChange.emit({\n      selectedFieldIds: this.selectedFieldIds.filter(fieldId => fieldId !== removed.id),\n    });\n    this.announcement = `${removed.label} search field removed.`;\n  }\n\n  private removeField(field: DataSearchField): void {\n    this.dsFieldsChange.emit({\n      selectedFieldIds: this.selectedFieldIds.filter(fieldId => fieldId !== field.id),\n    });\n    this.announcement = `${field.label} search field removed.`;\n    requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n  }\n\n  private clearSearch(): void {\n    if (this.value) this.dsChange.emit('');\n    if (this.selectedFieldIds.length) this.dsFieldsChange.emit({ selectedFieldIds: [] });\n    this.dsClear.emit();\n    this.announcement = 'Search cleared.';\n    this.closeMenu();\n    requestAnimationFrame(() => this.inputEl?.focus({ preventScroll: true }));\n  }\n\n  private handleKeyDown(event: KeyboardEvent): void {\n    if (event.key === '/' && !this.menuOpen && !event.altKey && !event.ctrlKey && !event.metaKey) {\n      event.preventDefault();\n      this.openMenu(true);\n      return;\n    }\n\n    if (event.key === 'Backspace' && this.menuOpen && this.menuQuery.length === 0) {\n      event.preventDefault();\n      this.closeMenu();\n      return;\n    }\n\n    if (event.key === 'Backspace' && this.value.length === 0) {\n      if (this.selectedFields.length) {\n        event.preventDefault();\n        this.removeLastField();\n      }\n      return;\n    }\n\n    if (!this.menuOpen) return;\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.closeMenu();\n      return;\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault();\n      this.focusRingVisible = true;\n      this.activeIndex = nextTableSearchActiveIndex(\n        this.activeIndex,\n        this.visibleFields.length,\n        event.key === 'ArrowDown' ? 1 : -1\n      );\n      this.el\n        .querySelector<HTMLElement>(`#${CSS.escape(this.activeOptionId ?? '')}`)\n        ?.scrollIntoView({ block: 'nearest' });\n      return;\n    }\n\n    if (event.key === 'Enter') {\n      const field = this.visibleFields[this.activeIndex];\n      if (!field) return;\n      event.preventDefault();\n      this.selectField(field);\n      return;\n    }\n\n    if (event.key === 'Tab') this.closeMenu();\n  }\n\n  render() {\n    const selected = this.selectedFields;\n    const visible = this.visibleFields;\n    const inputValue = this.menuOpen ? this.menuQuery : this.value;\n    const hasValue = this.value.length > 0 || selected.length > 0;\n    const description = selected.length\n      ? `Search limited to ${selected.map(field => field.label).join(' or ')}.`\n      : 'Search includes every available table field. Type slash to choose fields.';\n    const popupStyle: Record<string, string> = {\n      position: 'fixed',\n      left: '0',\n      top: '0',\n      transform: `translate(${Math.round(this.position.x)}px, ${Math.round(this.position.y)}px)`,\n      zIndex: 'var(--dimension-z-index-floating)',\n      visibility: this.positionReady ? 'visible' : 'hidden',\n    };\n    if (this.availableHeight !== null) {\n      popupStyle['max-height'] = `${Math.floor(this.availableHeight)}px`;\n    }\n\n    return (\n      <Host\n        class={{\n          'data-search-host': true,\n          'data-search-host--borderless': !this.hasBorder,\n          'ds-control--md': true,\n          'ds-control-inactive': this.isInactive,\n        }}\n        data-filled={hasValue ? '' : undefined}\n        data-expanded={this.menuOpen ? '' : undefined}\n      >\n        <div\n          ref={element => {\n            this.controlEl = element ?? null;\n          }}\n          class=\"data-search__control ds-control-frame ds-control--md ds-interaction-fill\"\n        >\n          <span\n            class=\"data-search__icon ds-control-icon-box ds-interaction-fill__content\"\n            aria-hidden=\"true\"\n          >\n            <ds-icon name=\"MagnifyingGlass\" size=\"md\" color=\"inherit\" />\n          </span>\n          <div class=\"data-search__editor ds-interaction-fill__content\">\n            {selected.map(field => (\n              <ds-chip\n                class=\"data-search__chip\"\n                key={field.id}\n                label={field.label}\n                size=\"md\"\n                state=\"default\"\n                isInset\n                insetDepth=\"double\"\n                isInactive={this.isInactive}\n                onDsRemove={() => this.removeField(field)}\n              />\n            ))}\n            <input\n              ref={element => {\n                this.inputEl = element ?? null;\n              }}\n              id={this.inputId}\n              class=\"data-search__input ds-text--body-medium ds-text--regular\"\n              type=\"search\"\n              role=\"combobox\"\n              value={inputValue}\n              placeholder={this.placeholder}\n              disabled={this.isInactive}\n              aria-label={this.ariaLabel}\n              aria-describedby={this.descriptionId}\n              aria-haspopup=\"listbox\"\n              aria-expanded={String(this.menuOpen)}\n              aria-controls={this.menuOpen ? this.listboxId : undefined}\n              aria-activedescendant={this.activeOptionId}\n              aria-keyshortcuts=\"/\"\n              autoComplete=\"off\"\n              autoCapitalize=\"none\"\n              autoCorrect=\"off\"\n              spellcheck={false}\n              onInput={event => this.handleInput(event)}\n              onKeyDown={event => this.handleKeyDown(event)}\n            />\n          </div>\n          {inputValue.length > 0 && !this.isInactive && (\n            <ds-button-unfilled\n              class=\"data-search__clear ds-interaction-fill__content\"\n              variant=\"icon\"\n              size=\"sm\"\n              icon=\"CrossCircle\"\n              hasBorder={false}\n              rounded\n              ariaLabel={this.clearLabel}\n              onDsClick={() => this.clearSearch()}\n            />\n          )}\n        </div>\n        <span id={this.descriptionId} class=\"ds-visually-hidden\">\n          {description}\n        </span>\n        <span class=\"ds-visually-hidden\" aria-live=\"polite\">\n          {this.announcement}\n        </span>\n        {this.menuOpen && (\n          <div\n            popover=\"manual\"\n            ref={element => {\n              this.popupEl = element ?? null;\n            }}\n            class=\"data-search__popup ds-choice-popup\"\n            style={popupStyle}\n          >\n            <div\n              id={this.listboxId}\n              class=\"data-search__list ds-choice-list\"\n              role=\"listbox\"\n              aria-label={this.fieldMenuLabel}\n            >\n              {visible.map((field, index) => {\n                const active = index === this.activeIndex;\n                return (\n                  /* eslint-disable-next-line compomo/prefer-direct-ds-text -- The option owns listbox semantics and pointer interaction while ds-text remains its typography child. */\n                  <div\n                    id={`${this.componentId}-option-${index}`}\n                    key={field.id}\n                    class={{\n                      'data-search__option': true,\n                      'ds-choice-item': true,\n                      'ds-control-frame': true,\n                      'ds-control--md': true,\n                      'ds-focus-ring-inset': true,\n                      'ds-focus-ring--visible': active && this.focusRingVisible,\n                      'ds-interaction-fill': true,\n                      'ds-interaction-fill--selected': active,\n                    }}\n                    role=\"option\"\n                    aria-selected={String(active)}\n                    onMouseDown={event => event.preventDefault()}\n                    onMouseMove={() => {\n                      this.focusRingVisible = false;\n                      this.activeIndex = index;\n                    }}\n                    onClick={() => this.selectField(field)}\n                  >\n                    <ds-text\n                      class=\"ds-choice-item__label ds-control-label-box ds-interaction-fill__content\"\n                      as=\"span\"\n                      variant=\"text-body-medium\"\n                      color={active ? 'primary' : 'secondary'}\n                    >\n                      {field.label}\n                    </ds-text>\n                  </div>\n                );\n              })}\n              {visible.length === 0 && (\n                <div class=\"data-search__empty ds-choice-empty ds-empty-region\">\n                  <ds-empty-state body=\"No matching data points\" />\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/ds-data-sort.js

@@ -1,2 +1,2 @@
-import{p as s,H as t,c as e,h as i,a,t as o}from"./index.js";import{a as n,d as r,n as d,b as l}from"./p-kDZ0sEII.js";import{d as c}from"./p-ZhP2tVmM.js";import{d as h}from"./p-Dzndkdx5.js";import{d as m}from"./p-DjkUFlDW.js";import{d as u}from"./p-0XTyQNRG.js";import{d as f}from"./p-BKZdqJQB.js";import{d as p}from"./p-Bn8I7iw6.js";import{d as b}from"./p-D0y7Sja6.js";import{d as k}from"./p-D922f6Tb.js";import{d as E}from"./p-DwbcNDJF.js";import{d as j}from"./p-CYzFfFcH.js";const g=()=>`.sc-ds-data-sort-h{display:inline-flex;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}[hidden].sc-ds-data-sort-h{display:none}`;let D=0;const w=s(class s extends t{constructor(s){super();if(s!==false){this.__registerHost()}this.dsSortChange=e(this,"dsSortChange",3);this.hasBorder=true;this.fields=[];this.sort=null;this.ariaLabel=null;this.menuOpen=false;this.menuSurfaceOpen=false;this.initialFocusVisible=false;this.componentId=`ds-data-sort-${++D}`;this.triggerId=`${this.componentId}-trigger`;this.menuId=`${this.componentId}-menu`}async setFocus(){const s=this.el.querySelector(`#${CSS.escape(this.triggerId)}`);await(s?.setFocus?.())}render(){const s=n(this.fields);const t=this.ariaLabel?.trim()||"Sort table";return i(a,{key:"c55cc35d064bd9a5945c998c9625c55ad97e7573",hidden:s.length===0?true:undefined},s.length===0?null:i("ds-button-unfilled",{hasBorder:this.hasBorder,id:this.triggerId,variant:"icon-label",size:"md",icon:"ArrowsVertical",label:"Sort",labelEmphasis:false,pressScale:false,"aria-label":t,haspopup:"menu",collapseLabel:true,expanded:this.menuOpen,surfaceOpen:this.menuSurfaceOpen,controls:this.menuId,onDsClick:s=>{this.toggle(s.detail.detail===0)}}),s.length===0?null:i("ds-menu",{id:this.menuId,open:this.menuOpen,anchorId:this.triggerId,align:"start",side:"bottom",menuLabel:t,selectionMode:"none",initialFocusVisible:this.initialFocusVisible,sections:r(this.fields,this.sort),onDsClose:()=>this.close(),onDsAfterClose:()=>{if(!this.menuOpen)this.menuSurfaceOpen=false},onDsSelect:s=>this.handleSelect(s.detail)}))}toggle(s=false){if(this.menuOpen)this.close();else this.open(s)}open(s=false){if(this.menuOpen)return;this.initialFocusVisible=s;this.menuOpen=true;this.menuSurfaceOpen=true}close(){this.menuOpen=false}handleSelect(s){const t=d(this.fields,this.sort,s);if(l(this.sort,t))return;this.dsSortChange.emit({sort:t})}get el(){return this}static get style(){return g()}},[2,"ds-data-sort",{hasBorder:[4,"has-border"],fields:[16],sort:[16],ariaLabel:[1,"aria-label"],menuOpen:[32],menuSurfaceOpen:[32],initialFocusVisible:[32],setFocus:[64]}]);function x(){if(typeof customElements==="undefined"){return}const s=["ds-data-sort","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-data-sort":if(!customElements.get(o(s))){customElements.define(o(s),w)}break;case"ds-badge":if(!customElements.get(o(s))){c()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){h()}break;case"ds-icon":if(!customElements.get(o(s))){m()}break;case"ds-loader":if(!customElements.get(o(s))){u()}break;case"ds-menu":if(!customElements.get(o(s))){f()}break;case"ds-swatch-picker":if(!customElements.get(o(s))){p()}break;case"ds-switch":if(!customElements.get(o(s))){b()}break;case"ds-tag":if(!customElements.get(o(s))){k()}break;case"ds-text":if(!customElements.get(o(s))){E()}break;case"ds-tooltip":if(!customElements.get(o(s))){j()}break}}))}x();const S=w;const y=x;export{S as DsDataSort,y as defineCustomElement};
+import{p as s,H as t,c as e,h as i,a,t as o}from"./index.js";import{a as n,d as r,n as l,b as d}from"./p-kDZ0sEII.js";import{d as c}from"./p-Cn6AfzeF.js";import{d as h}from"./p-D7K1ZHML.js";import{d as m}from"./p-DjkUFlDW.js";import{d as u}from"./p-0XTyQNRG.js";import{d as f}from"./p-BR5OC2PX.js";import{d as p}from"./p-B6qQaYkB.js";import{d as b}from"./p-C6Aavz9h.js";import{d as k}from"./p-BJJh-Bf7.js";import{d as E}from"./p-ZwRLjD5M.js";import{d as j}from"./p-C_Ma6Xa-.js";const g=()=>`.sc-ds-data-sort-h{display:inline-flex;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}[hidden].sc-ds-data-sort-h{display:none}`;let w=0;const x=s(class s extends t{constructor(s){super();if(s!==false){this.__registerHost()}this.dsSortChange=e(this,"dsSortChange",3);this.hasBorder=true;this.fields=[];this.sort=null;this.ariaLabel=null;this.menuOpen=false;this.menuSurfaceOpen=false;this.initialFocusVisible=false;this.componentId=`ds-data-sort-${++w}`;this.triggerId=`${this.componentId}-trigger`;this.menuId=`${this.componentId}-menu`}async setFocus(){const s=this.el.querySelector(`#${CSS.escape(this.triggerId)}`);await(s?.setFocus?.())}render(){const s=n(this.fields);const t=this.ariaLabel?.trim()||"Sort table";return i(a,{key:"9dd659cd663794e31ae48e4d62aeb0a6a94d6ea3",hidden:s.length===0?true:undefined},s.length===0?null:i("ds-button-unfilled",{hasBorder:this.hasBorder,id:this.triggerId,variant:"icon-label",size:"md",icon:"ArrowsVertical",label:"Sort",labelEmphasis:false,pressScale:false,"aria-label":t,haspopup:"menu",collapseLabel:true,expanded:this.menuOpen,surfaceOpen:this.menuSurfaceOpen,controls:this.menuId,onDsClick:s=>{this.toggle(s.detail.detail===0)}}),s.length===0?null:i("ds-menu",{id:this.menuId,open:this.menuOpen,anchorId:this.triggerId,align:"start",side:"bottom",menuLabel:t,selectionMode:"none",initialFocusVisible:this.initialFocusVisible,sections:r(this.fields,this.sort),onDsClose:()=>this.close(),onDsAfterClose:()=>{if(!this.menuOpen)this.menuSurfaceOpen=false},onDsSelect:s=>this.handleSelect(s.detail)}))}toggle(s=false){if(this.menuOpen)this.close();else this.open(s)}open(s=false){if(this.menuOpen)return;this.initialFocusVisible=s;this.menuOpen=true;this.menuSurfaceOpen=true}close(){this.menuOpen=false}handleSelect(s){const t=l(this.fields,this.sort,s);if(d(this.sort,t))return;this.dsSortChange.emit({sort:t})}get el(){return this}static get style(){return g()}},[2,"ds-data-sort",{hasBorder:[4,"has-border"],fields:[16],sort:[16],ariaLabel:[1,"aria-label"],menuOpen:[32],menuSurfaceOpen:[32],initialFocusVisible:[32],setFocus:[64]}]);function C(){if(typeof customElements==="undefined"){return}const s=["ds-data-sort","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-data-sort":if(!customElements.get(o(s))){customElements.define(o(s),x)}break;case"ds-badge":if(!customElements.get(o(s))){c()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){h()}break;case"ds-icon":if(!customElements.get(o(s))){m()}break;case"ds-loader":if(!customElements.get(o(s))){u()}break;case"ds-menu":if(!customElements.get(o(s))){f()}break;case"ds-swatch-picker":if(!customElements.get(o(s))){p()}break;case"ds-switch":if(!customElements.get(o(s))){b()}break;case"ds-tag":if(!customElements.get(o(s))){k()}break;case"ds-text":if(!customElements.get(o(s))){E()}break;case"ds-tooltip":if(!customElements.get(o(s))){j()}break}}))}C();const D=x;const S=C;export{D as DsDataSort,S as defineCustomElement};
 //# sourceMappingURL=ds-data-sort.js.map

package/dist/components/ds-data-toolbar.js

@@ -1,2 +1,2 @@
-import{p as a,H as t,h as o,a as s,t as d}from"./index.js";import{d as e}from"./p-7V1AhetH.js";const l=()=>`.sc-ds-data-toolbar-h{--ds-control-press-active-scale:var(--dimension-scale-default);display:block;min-inline-size:0;max-inline-size:100%}[slot='header'].sc-ds-data-toolbar-h{display:contents;max-inline-size:none}.data-toolbar.sc-ds-data-toolbar{box-sizing:border-box;display:flex;align-items:center;inline-size:100%;min-inline-size:0;gap:var(--dimension-space-100);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}[slot='header'].sc-ds-data-toolbar-h .data-toolbar.sc-ds-data-toolbar{display:contents}.data-toolbar.sc-ds-data-toolbar::-webkit-scrollbar{display:none}.data-toolbar__start.sc-ds-data-toolbar,.data-toolbar__search.sc-ds-data-toolbar,.data-toolbar__leading.sc-ds-data-toolbar,.data-toolbar__trailing.sc-ds-data-toolbar{display:flex;align-items:center;min-inline-size:0;gap:var(--dimension-space-100)}.data-toolbar__start.sc-ds-data-toolbar{flex:0 0 auto;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs);overflow:hidden}.data-toolbar__rule.sc-ds-data-toolbar{flex:0 0 auto}.data-toolbar__search.sc-ds-data-toolbar{flex:1 1 0;max-inline-size:none;contain:inline-size}.data-toolbar__slot--empty.sc-ds-data-toolbar{display:none}.data-toolbar__leading.sc-ds-data-toolbar{flex:0 0 auto}.data-toolbar__trailing.sc-ds-data-toolbar{flex:0 0 auto;margin-inline-start:auto}.data-toolbar__trailing.sc-ds-data-toolbar>*.sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar [slot='start'].sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar ds-data-filter.sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar ds-filter-menu.sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar ds-select.sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar ds-data-group.sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar ds-data-sort.sc-ds-data-toolbar{min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs);--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs)}.data-toolbar__trailing.sc-ds-data-toolbar>*.sc-ds-data-toolbar{flex:0 0 auto}.data-toolbar__start.sc-ds-data-toolbar slot.sc-ds-data-toolbar,.data-toolbar__search.sc-ds-data-toolbar slot.sc-ds-data-toolbar,.data-toolbar__leading.sc-ds-data-toolbar slot.sc-ds-data-toolbar,.data-toolbar__trailing.sc-ds-data-toolbar slot.sc-ds-data-toolbar{display:contents}`;const r=1<<0;const i=1<<1;const n=1<<2;const c=1<<3;const b=a(class a extends t{constructor(a){super();if(a!==false){this.__registerHost()}this.label="Controls";this.borderless=false;this.slotPresence=0;this.syncSlotPresence=()=>{let a=0;if(this.hasOwnedSlot("start"))a|=r;if(this.hasOwnedSlot("search"))a|=i;if(this.hasOwnedSlot("leading"))a|=n;if(this.hasOwnedSlot("trailing"))a|=c;if(a!==this.slotPresence)this.slotPresence=a}}componentWillLoad(){this.syncSlotPresence()}hasOwnedSlot(a){return Array.from(this.el.querySelectorAll(`[slot="${a}"]`)).some((a=>a.closest("ds-data-toolbar")===this.el))}render(){const a=(this.slotPresence&r)!==0;const t=(this.slotPresence&i)!==0;const d=(this.slotPresence&n)!==0;const e=(this.slotPresence&c)!==0;return o(s,{key:"5ef4d57b3f70d2e6de5ebc62b424321d857d4a47"},o("div",{key:"357bfbe1360aeff4f08a76d3276f8d8084f6d65e",class:"data-toolbar",role:"toolbar","aria-label":this.label},o("div",{key:"d50fa75f9e6789ab79648b9f34ad4a9fc7ec11d0",class:{"data-toolbar__start":true,"data-toolbar__slot--empty":!a}},o("slot",{key:"e0acc743ce5450b06e4394514a4e856a59a68b8b",name:"start",onSlotchange:this.syncSlotPresence})),o("ds-divider",{key:"d2eb2c292ec84b02c7e09bbf57edac5f83a3ee60",class:{"data-toolbar__rule":true,"data-toolbar__slot--empty":!this.borderless||!a||!(t||d||e)},orientation:"vertical",length:"var(--dimension-space-250)"}),o("div",{key:"ca0560c591b8fda14af890620a34e221ac262f3d",class:{"data-toolbar__search":true,"data-toolbar__slot--empty":!t}},o("slot",{key:"9d7662c1e48d2dad9884d357d930659266faf4ad",name:"search",onSlotchange:this.syncSlotPresence})),o("ds-divider",{key:"ea21dcdcea166c245c9433f9b581dc178ada7631",class:{"data-toolbar__rule":true,"data-toolbar__slot--empty":!this.borderless||!t||!(d||e)},orientation:"vertical",length:"var(--dimension-space-250)"}),o("div",{key:"b52d9e6788e6c053612fa8c3f0829272352846ba",class:{"data-toolbar__leading":true,"data-toolbar__slot--empty":!d}},o("slot",{key:"83cd3c6ceb161a706b6d6ff8cd25db47522e96d5",name:"leading",onSlotchange:this.syncSlotPresence})),o("div",{key:"3300c27c98da7df35f9faca25619f9a8f166567e",class:{"data-toolbar__trailing":true,"data-toolbar__slot--empty":!e}},o("slot",{key:"3565f76240d011a07c2883df52760238baf8305a",name:"trailing",onSlotchange:this.syncSlotPresence}))))}get el(){return this}static get style(){return l()}},[262,"ds-data-toolbar",{label:[1],borderless:[4],slotPresence:[32]}]);function f(){if(typeof customElements==="undefined"){return}const a=["ds-data-toolbar","ds-divider"];a.forEach((a=>{switch(a){case"ds-data-toolbar":if(!customElements.get(d(a))){customElements.define(d(a),b)}break;case"ds-divider":if(!customElements.get(d(a))){e()}break}}))}f();const _=b;const h=f;export{_ as DsDataToolbar,h as defineCustomElement};
+import{p as a,H as t,h as o,a as s,t as d}from"./index.js";import{d as e}from"./p-7V1AhetH.js";const l=()=>`.sc-ds-data-toolbar-h{--ds-control-press-active-scale:var(--dimension-scale-default);display:block;min-inline-size:0;max-inline-size:100%}[slot='header'].sc-ds-data-toolbar-h{display:contents;max-inline-size:none}.data-toolbar.sc-ds-data-toolbar{box-sizing:border-box;display:flex;align-items:center;inline-size:100%;min-inline-size:0;gap:var(--dimension-space-100);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}[slot='header'].sc-ds-data-toolbar-h .data-toolbar.sc-ds-data-toolbar{display:contents}.data-toolbar.sc-ds-data-toolbar::-webkit-scrollbar{display:none}.data-toolbar__start.sc-ds-data-toolbar,.data-toolbar__search.sc-ds-data-toolbar,.data-toolbar__leading.sc-ds-data-toolbar,.data-toolbar__trailing.sc-ds-data-toolbar{display:flex;align-items:center;min-inline-size:0;gap:var(--dimension-space-100)}.data-toolbar__start.sc-ds-data-toolbar{flex:0 0 auto;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs);overflow:hidden}.data-toolbar__rule.sc-ds-data-toolbar{flex:0 0 auto}.data-toolbar__search.sc-ds-data-toolbar{flex:1 1 0;max-inline-size:none;contain:inline-size}.data-toolbar__slot--empty.sc-ds-data-toolbar{display:none}.data-toolbar__leading.sc-ds-data-toolbar{flex:0 0 auto}.data-toolbar__trailing.sc-ds-data-toolbar{flex:0 0 auto;margin-inline-start:auto}.data-toolbar__trailing.sc-ds-data-toolbar>*.sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar [slot='start'].sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar ds-data-filter.sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar ds-filter-menu.sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar ds-select.sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar ds-data-group.sc-ds-data-toolbar,.data-toolbar.sc-ds-data-toolbar ds-data-sort.sc-ds-data-toolbar{min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs);--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs)}.data-toolbar__trailing.sc-ds-data-toolbar>*.sc-ds-data-toolbar{flex:0 0 auto}.data-toolbar__start.sc-ds-data-toolbar slot.sc-ds-data-toolbar,.data-toolbar__search.sc-ds-data-toolbar slot.sc-ds-data-toolbar,.data-toolbar__leading.sc-ds-data-toolbar slot.sc-ds-data-toolbar,.data-toolbar__trailing.sc-ds-data-toolbar slot.sc-ds-data-toolbar{display:contents}`;const r=1<<0;const i=1<<1;const n=1<<2;const c=1<<3;const b=a(class a extends t{constructor(a){super();if(a!==false){this.__registerHost()}this.label="Controls";this.borderless=false;this.slotPresence=0;this.syncSlotPresence=()=>{let a=0;if(this.hasOwnedSlot("start"))a|=r;if(this.hasOwnedSlot("search"))a|=i;if(this.hasOwnedSlot("leading"))a|=n;if(this.hasOwnedSlot("trailing"))a|=c;if(a!==this.slotPresence)this.slotPresence=a}}componentWillLoad(){this.syncSlotPresence()}hasOwnedSlot(a){return Array.from(this.el.querySelectorAll(`[slot="${a}"]`)).some((a=>a.closest("ds-data-toolbar")===this.el))}render(){const a=(this.slotPresence&r)!==0;const t=(this.slotPresence&i)!==0;const d=(this.slotPresence&n)!==0;const e=(this.slotPresence&c)!==0;return o(s,{key:"307c078c84a69efbcef8a11b45739069f0d2d5b5"},o("div",{key:"0623aea3c9783c06aa50c5be04e519fc551300d9",class:"data-toolbar",role:"toolbar","aria-label":this.label},o("div",{key:"7c0153eab335e8420ef2de763ddb34c8ecf224a6",class:{"data-toolbar__start":true,"data-toolbar__slot--empty":!a}},o("slot",{key:"fb50dec6d210decbc84fc4bedbf616040618d6d9",name:"start",onSlotchange:this.syncSlotPresence})),o("ds-divider",{key:"2919429acf6981780a467c2cc924c7a897171d4a",class:{"data-toolbar__rule":true,"data-toolbar__slot--empty":!this.borderless||!a||!(t||d||e)},orientation:"vertical",length:"var(--dimension-space-250)"}),o("div",{key:"0b84f20d5562d23880a3575d6152bb49da18866e",class:{"data-toolbar__search":true,"data-toolbar__slot--empty":!t}},o("slot",{key:"7b3fd836bbf64b42d4df7220998a556e563a4c1d",name:"search",onSlotchange:this.syncSlotPresence})),o("ds-divider",{key:"5fc8aa86478c28f6ec41b5901965ad5e68991c54",class:{"data-toolbar__rule":true,"data-toolbar__slot--empty":!this.borderless||!t||!(d||e)},orientation:"vertical",length:"var(--dimension-space-250)"}),o("div",{key:"626ea4fc5faa8b97040141138ae2bfbb35d1936d",class:{"data-toolbar__leading":true,"data-toolbar__slot--empty":!d}},o("slot",{key:"f6eb829f25910320ea5d87f717ffd6be43574744",name:"leading",onSlotchange:this.syncSlotPresence})),o("div",{key:"ddf320a0ec93a4db0af74ca4ae7990a6c0da8b27",class:{"data-toolbar__trailing":true,"data-toolbar__slot--empty":!e}},o("slot",{key:"92107bd0708690861d6fc72e58f68752c398f392",name:"trailing",onSlotchange:this.syncSlotPresence}))))}get el(){return this}static get style(){return l()}},[262,"ds-data-toolbar",{label:[1],borderless:[4],slotPresence:[32]}]);function f(){if(typeof customElements==="undefined"){return}const a=["ds-data-toolbar","ds-divider"];a.forEach((a=>{switch(a){case"ds-data-toolbar":if(!customElements.get(d(a))){customElements.define(d(a),b)}break;case"ds-divider":if(!customElements.get(d(a))){e()}break}}))}f();const _=b;const h=f;export{_ as DsDataToolbar,h as defineCustomElement};
 //# sourceMappingURL=ds-data-toolbar.js.map

package/dist/components/ds-empty-state.js

@@ -1,2 +1,2 @@
-import{E as o,d as s}from"./p-0qY_HDId.js";const t=o;const p=s;export{t as DsEmptyState,p as defineCustomElement};
+import{E as o,d as s}from"./p-BCnzbfma.js";const t=o;const a=s;export{t as DsEmptyState,a as defineCustomElement};
 //# sourceMappingURL=ds-empty-state.js.map

package/dist/components/ds-field.js

@@ -1,2 +1,2 @@
-import{F as o,d as s}from"./p-DVOjjuXc.js";const t=o;const c=s;export{t as DsField,c as defineCustomElement};
+import{F as o,d as s}from"./p-C6zycbhC.js";const t=o;const c=s;export{t as DsField,c as defineCustomElement};
 //# sourceMappingURL=ds-field.js.map

package/dist/components/ds-filter-menu.js

@@ -1,2 +1,2 @@
-import{F as o,d as s}from"./p-DEW7r0U9.js";const r=o;const t=s;export{r as DsFilterMenu,t as defineCustomElement};
+import{F as o,d as s}from"./p-BfF4RZdp.js";const p=o;const t=s;export{p as DsFilterMenu,t as defineCustomElement};
 //# sourceMappingURL=ds-filter-menu.js.map

package/dist/components/ds-input-date.js

@@ -1,2 +1,2 @@
-import{p as t,H as i,c as e,h as s,a as n,t as d}from"./index.js";import{A as o,r}from"./p-B8ZonS3S.js";import{r as a,A as c}from"./p-etg-Uk1u.js";import{d as l}from"./p-ZhP2tVmM.js";import{d as p}from"./p-Dzndkdx5.js";import{i as u,f as h,b as f,d as v}from"./p-0FYD2bev.js";import{d as g}from"./p-DjkUFlDW.js";import{d as m}from"./p-0XTyQNRG.js";import{d as b}from"./p-DwbcNDJF.js";import{d as y}from"./p-CYzFfFcH.js";import{D as x}from"./p-DOUk4KoT.js";import{r as w}from"./p-CochmPyg.js";import{s as k,r as z}from"./p-C0qN3PSb.js";import{b as C,T as F}from"./p-CeXf9-X3.js";import{a as I}from"./p-CGidq1iC.js";import{c as T}from"./p-DuFm-ieS.js";const _=()=>`@media (forced-colors: active){.sc-ds-input-date:root,.sc-ds-input-date-h,.ds-forced-colors-scope.sc-ds-input-date{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-input-date-h,.ds-interaction-fill.sc-ds-input-date{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-input-date-h::before,.ds-interaction-fill.sc-ds-input-date::before,.ds-interaction-fill.sc-ds-input-date-h::after,.ds-interaction-fill.sc-ds-input-date::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-input-date-h::before,.ds-interaction-fill.sc-ds-input-date::before{z-index:1}.ds-interaction-fill.sc-ds-input-date-h::after,.ds-interaction-fill.sc-ds-input-date::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-input-date-h,.ds-interaction-fill--bordered.sc-ds-input-date{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-input-date-h::before,.ds-interaction-fill--selected.sc-ds-input-date::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-input-date-h,.ds-interaction-fill--selected.sc-ds-input-date{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-input-date-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-input-date:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-input-date-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-input-date:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-input-date-h::after,.ds-interaction-fill--grouped.sc-ds-input-date::after,.ds-interaction-fill--grouped.sc-ds-input-date-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-input-date:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-input-date-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-input-date:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-input-date-h,.ds-interaction-fill--grouped.sc-ds-input-date{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-input-date-h>.ds-interaction-fill__content.sc-ds-input-date,.ds-interaction-fill.sc-ds-input-date>.ds-interaction-fill__content.sc-ds-input-date,.ds-interaction-fill__content.sc-ds-input-date{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-input-date-h,.ds-interaction-fill--on-faint.sc-ds-input-date{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-input-date-h,.ds-interaction-fill--on-medium.sc-ds-input-date{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-input-date-h,.ds-interaction-fill--on-bold.sc-ds-input-date{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-input-date-h,.ds-interaction-fill--on-strong.sc-ds-input-date{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-input-date-h,.ds-interaction-fill--on-translucent.sc-ds-input-date{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-input-date-h,.ds-interaction-fill--on-inverted.sc-ds-input-date{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-input-date-h,.ds-interaction-fill--on-media.sc-ds-input-date{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-input-date-h,.ds-interaction-fill--on-always-dark.sc-ds-input-date{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-input-date-h,.ds-interaction-fill--on-navigation.sc-ds-input-date{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-input-date-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-input-date:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-input-date-h::after,.ds-interaction-fill.sc-ds-input-date::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-input-date-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-input-date:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-input-date-h::before,.ds-interaction-fill--selected.sc-ds-input-date::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-input-date-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-input-date:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-input-date:root,.sc-ds-input-date-h,.ds-forced-colors-scope.sc-ds-input-date{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-input-date-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-input-date-h,.ds-focus-ring.sc-ds-input-date,.ds-focus-ring-inset.sc-ds-input-date-h,.ds-focus-ring-inset.sc-ds-input-date{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-input-date-h:focus-visible,.ds-focus-ring.sc-ds-input-date:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-input-date-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-input-date{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-input-date-h:focus-visible,.ds-focus-ring-inset.sc-ds-input-date:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-input-date-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-input-date:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-date-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-date{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-date-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-date::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-input-date-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-input-date:root,.sc-ds-input-date-h,.ds-forced-colors-scope.sc-ds-input-date{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-input-date-h,.ds-control-inactive.sc-ds-input-date{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-input-date-h,.ds-control-inactive.sc-ds-input-date{color:var(--ds-forced-color-disabled);opacity:1}}.sc-ds-input-date-h,.sc-ds-input-date:where(.ds-table),.sc-ds-input-date:where(.tooltip-popup),.sc-ds-input-date:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-input-date,.ds-control--lg.sc-ds-input-date-h,.ds-control--md.sc-ds-input-date-h,.ds-control--md.sc-ds-input-date,.ds-control--sm.sc-ds-input-date-h,.ds-control--sm.sc-ds-input-date,.ds-control--xs.sc-ds-input-date-h,.ds-control--xs.sc-ds-input-date{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-input-date-h,.ds-control--lg.sc-ds-input-date{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-input-date-h,.ds-control--md.sc-ds-input-date{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-input-date-h,.ds-control--sm.sc-ds-input-date{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-input-date-h,.ds-control--xs.sc-ds-input-date{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control-frame.sc-ds-input-date{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-input-date{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-input-date{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-input-date{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-input-date{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-input-date{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-control-width--hug.sc-ds-input-date-h,.ds-control-width--hug.sc-ds-input-date{width:fit-content;max-width:100%;flex:0 0 auto}.ds-control-width--fill.sc-ds-input-date-h,.ds-control-width--fill.sc-ds-input-date{width:100%;min-width:0;flex:1 1 auto;align-self:stretch}.ds-field-stack.sc-ds-input-date-h,.ds-field-stack.sc-ds-input-date{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-date-h .error-text.sc-ds-input-date,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-date .error-text.sc-ds-input-date,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-date .field__description.sc-ds-input-date,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-date .field__error.sc-ds-input-date{padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-text--display-medium.sc-ds-input-date-h,.ds-text--display-medium.sc-ds-input-date{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-input-date-h,.ds-text--display-small.sc-ds-input-date{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-input-date-h,.ds-text--title-large.sc-ds-input-date{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-input-date-h,.ds-text--title-medium.sc-ds-input-date{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-input-date-h,.ds-text--title-small.sc-ds-input-date{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-input-date-h,.ds-text--body-large.sc-ds-input-date{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-input-date-h,.ds-text--body-medium.sc-ds-input-date{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-input-date-h,.ds-text--body-small.sc-ds-input-date{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-input-date-h,.ds-text--caption.sc-ds-input-date{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-input-date-h,.ds-text--display-small.ds-text--emphasis.sc-ds-input-date-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-input-date,.ds-text--display-small.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-input-date-h,.ds-text--display-small.ds-text--regular.sc-ds-input-date-h,.ds-text--display-medium.ds-text--regular.sc-ds-input-date,.ds-text--display-small.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-input-date-h,.ds-text--title-large.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-input-date-h,.ds-text--title-large.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-input-date-h,.ds-text--title-small.ds-text--emphasis.sc-ds-input-date-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-input-date,.ds-text--title-small.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-input-date-h,.ds-text--title-small.ds-text--regular.sc-ds-input-date-h,.ds-text--title-medium.ds-text--regular.sc-ds-input-date,.ds-text--title-small.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-input-date-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-input-date-h,.ds-text--body-large.ds-text--emphasis.sc-ds-input-date,.ds-text--body-medium.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-input-date-h,.ds-text--body-medium.ds-text--regular.sc-ds-input-date-h,.ds-text--body-large.ds-text--regular.sc-ds-input-date,.ds-text--body-medium.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-input-date-h,.ds-text--body-small.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-input-date-h,.ds-text--body-small.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-input-date-h,.ds-text--caption.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-input-date-h,.ds-text--caption.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}@media (forced-colors: active){.sc-ds-input-date:root,.sc-ds-input-date-h,.ds-forced-colors-scope.sc-ds-input-date{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.input-host.sc-ds-input-date-h{display:inline-flex;--ds-input-fg:var(--color-foreground-primary);--ds-input-placeholder:var(--color-foreground-secondary);--ds-input-placeholder-active:var(--color-foreground-quaternary);--ds-input-adornment-fg:var(--color-foreground-secondary);--ds-input-border:var(--color-border-secondary)}.ds-control-width--fill.sc-ds-input-date-h,.ds-control-width--fill.sc-ds-input-date-h .input-control.sc-ds-input-date{width:100%}.input-control.sc-ds-input-date{overflow:hidden;background:transparent;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));color:var(--ds-input-fg)}.input-control--bordered.sc-ds-input-date{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--ds-input-border)}.input-control--error.sc-ds-input-date{--ds-interaction-border-width:var(--dimension-stroke-width-018);--ds-interaction-border-color:var(--color-border-bold-negative)}.input-control--bordered.sc-ds-input-date:focus-within:not(.input-control--error){--ds-interaction-border-width:var(--dimension-stroke-width-018);--ds-interaction-border-color:var(--color-border-bold-brand)}.ds-control-inactive.sc-ds-input-date-h .input-control.sc-ds-input-date::after{background:transparent}.native-input.sc-ds-input-date{position:relative;z-index:2;flex:1 1 auto;min-width:0;height:100%;background:transparent;border:none;border-radius:inherit;outline:none;color:var(--ds-input-fg);font-family:inherit;letter-spacing:inherit;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;color-scheme:inherit}.native-input--align-start.sc-ds-input-date{text-align:start}.native-input.sc-ds-input-date:disabled{cursor:not-allowed}.native-input.sc-ds-input-date:read-only:not(:disabled){cursor:default}.native-input.sc-ds-input-date::-webkit-calendar-picker-indicator{display:none}.native-input.sc-ds-input-date::-webkit-inner-spin-button,.native-input.sc-ds-input-date::-webkit-clear-button{display:none}.native-input.sc-ds-input-date::-webkit-datetime-edit,.native-input.sc-ds-input-date::-webkit-datetime-edit-fields-wrapper,.native-input.sc-ds-input-date::-webkit-datetime-edit-text,.native-input.sc-ds-input-date::-webkit-datetime-edit-month-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-day-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-year-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-hour-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-minute-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-second-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-ampm-field{padding:0;color:inherit;font:inherit;letter-spacing:inherit}.input-control__prefix.sc-ds-input-date{position:relative;z-index:2;color:var(--ds-input-adornment-fg)}.input-control.sc-ds-input-date>.input-control__datetime-action.sc-ds-input-date{position:relative;z-index:2;flex-shrink:0;align-self:center}.ds-control-inactive.sc-ds-input-date-h .input-control.sc-ds-input-date>.input-control__datetime-action.sc-ds-input-date{--effect-opacity-medium:1}.input-control.sc-ds-input-date:has(.input-control__datetime-action){padding-inline-end:var(--dimension-space-025)}.error-text.sc-ds-input-date{width:100%}@media (forced-colors: active){.input-control--bordered.sc-ds-input-date:focus-within:not(.input-control--error)::after{outline-color:var(--ds-forced-color-selected)}.input-control--error.sc-ds-input-date::after{outline-style:dashed}}.ds-choice-popup.sc-ds-input-date{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--ds-choice-popup-min-inline-size, var(--dimension-menu-width-xs));max-width:min(var(--dimension-panel-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100vh - var(--dimension-space-200));overflow:hidden;inset:auto;margin:0;padding:0;border:0;background-color:var(--color-background-primary);border-radius:var(--ds-radius-menu);box-shadow:var(--effect-shadow-elevated-floating);color:var(--color-foreground-secondary);animation:dsChoiceFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform;text-align:start}.ds-choice-popup.sc-ds-input-date::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.ds-choice-popup--closing.sc-ds-input-date{animation:dsChoiceFadeOut var(--effect-motion-short-2) forwards}@keyframes dsChoiceFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes dsChoiceFadeOut{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-choice-popup.sc-ds-input-date{animation:none;opacity:1}.ds-choice-popup--closing.sc-ds-input-date{opacity:0}}@media (forced-colors: active){.ds-choice-popup.sc-ds-input-date{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.ds-choice-popup.sc-ds-input-date::after{box-shadow:none}}.ds-chrome-space--sm.sc-ds-input-date-h,.ds-chrome-space--sm.sc-ds-input-date{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-input-date-h,.ds-chrome-space--md.sc-ds-input-date{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-input-date-h,.ds-chrome-space--lg.sc-ds-input-date{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-input-date-h,.ds-chrome-row.sc-ds-input-date,.ds-chrome-column.sc-ds-input-date-h,.ds-chrome-column.sc-ds-input-date,.ds-chrome-grid.sc-ds-input-date-h,.ds-chrome-grid.sc-ds-input-date{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-input-date-h,.ds-chrome-row.sc-ds-input-date{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-input-date-h,.ds-chrome-column.sc-ds-input-date{flex-direction:column}.ds-chrome-grid.sc-ds-input-date-h,.ds-chrome-grid.sc-ds-input-date{display:grid;align-items:center}.input-date-popup.ds-choice-popup.sc-ds-input-date{--ds-calendar-padding:0;padding:var(--dimension-space-050)}`;let D=0;const j="Enter a valid date.";const H="Date is before the minimum allowed date.";const O="Date is after the maximum allowed date.";const E=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.dsChange=e(this,"dsChange",7);this.internals=this.attachInternals();this.generatedId=`ds-input-date-${++D}`;this.errorId=`${this.generatedId}-error`;this.popupId=`${this.generatedId}-popup`;this.value="";this.disabled=false;this.readOnly=false;this.required=false;this.requiredMessage=x;this.size="md";this.width="fill";this.hasBorder=true;this.hasInteractionFill=true;this.isInactive=false;this.autoFocus=false;this.error=false;this.ariaLabel=null;this.initialValue="";this.closeTimer=null;this.formDisabled=false;this.focused=false;this.touched=false;this.draftText="";this.open=false;this.shouldRender=false;this.closing=false;this.positionReady=false;this.pos={x:0,y:0};this.position=new o({getAnchor:()=>this.controlEl??null,getPopup:()=>this.el.querySelector(".input-date-popup"),getOwnerDocument:()=>this.el.ownerDocument,measure:(t,i)=>{if(!this.open)return null;const e=w(F.space050,F.space050);return{anchorRect:t.getBoundingClientRect(),popupWidth:i.offsetWidth||this.popupFallbackWidth,popupHeight:i.offsetHeight||this.popupFallbackHeight,side:"bottom",align:"end",sideOffsetPx:w(F.space050,F.space050),alignOffsetPx:a({align:"end",alignOffsetPx:0,sectionInsetPx:e,anchorAlignment:"popup-frame"}),viewportPadPx:w(F.space050,F.space050),viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:r(t)}},apply:({x:t,y:i})=>{this.pos={x:t,y:i}},onReady:()=>{this.positionReady=true},liveUpdate:"double-frame",observeResize:true,topLayer:true});this.interaction=new c({getAnchor:()=>this.controlEl??null,getPopup:()=>this.el.querySelector(".input-date-popup"),getOwnerDocument:()=>this.el.ownerDocument,onOutsideActivation:()=>this.closePicker(false)});this.togglePicker=()=>{if(this.isInactive||this.disabled||this.formDisabled||this.readOnly)return;if(this.open)this.closePicker("button");else this.openPicker()};this.handleInput=t=>{if(this.pickerInactive)return;this.draftText=t.target.value;const i=this.parseDraft(this.draftText);if(i===null)return;this.commitIso(i)};this.handleFocus=()=>{this.draftText=this.displayValue||this.value;this.focused=true};this.handleBlur=()=>{this.focused=false;this.touched=true;if(this.pickerInactive){this.draftText=this.displayValue;return}const t=this.parseDraft(this.draftText);if(t===null){this.draftText=this.displayValue;return}this.commitIso(t)};this.handleCalendarChange=t=>{t.stopPropagation();if(this.pickerInactive)return;const i=this.parseDraft(t.detail);if(i===null)return;this.commitIso(i);this.closePicker("input")}}get popupFallbackWidth(){return w(F.menuWidthXs,F.menuWidthXs)}get popupFallbackHeight(){return w(F.menuFallbackHeight,F.menuFallbackHeight)}get formInactive(){return this.isInactive||this.disabled||this.formDisabled}get pickerInactive(){return this.formInactive||this.readOnly}get hasConstraintError(){if(!this.value)return false;if(!u(this.value))return true;if(this.min&&u(this.min)&&this.value<this.min)return true;if(this.max&&u(this.max)&&this.value>this.max)return true;return false}get isInvalid(){return this.error||!this.formInactive&&(this.required&&this.value.length===0||this.hasConstraintError)}componentWillLoad(){this.initialValue=this.value;this.syncFormValue()}disconnectedCallback(){this.position.unobserve();this.teardownListeners()}syncFormValue(){const t=this.formInactive;k(this.internals,this.value,{inactive:t});const i={};let e="";if(!t){if(this.required&&this.value.length===0){i.valueMissing=true;e=this.requiredMessage}else if(this.value&&!u(this.value)){i.badInput=true;e=j}else if(this.value&&this.min&&u(this.min)&&this.value<this.min){i.rangeUnderflow=true;e=H}else if(this.value&&this.max&&u(this.max)&&this.value>this.max){i.rangeOverflow=true;e=O}}this.internals.setValidity(i,e)}onInteractionStateChange(){this.syncFormValue();if(this.pickerInactive&&this.shouldRender)this.closePicker(false)}formDisabledCallback(t){this.formDisabled=t;this.onInteractionStateChange()}formResetCallback(){this.value=this.initialValue;this.draftText=this.displayValue}formStateRestoreCallback(t){this.value=z(t);this.draftText=this.displayValue}async setFocus(){this.inputEl?.focus()}handleHostKeyDown(t){if(!this.shouldRender||this.closing)return;if(t.key==="Escape"){t.preventDefault();this.closePicker("button");return}if(t.key!=="Tab")return;const i=this.el.querySelector(".input-date-popup");if(!i||!t.composedPath().includes(i))return;if(!this.interaction.tabLeavesPopup(t))return;t.preventDefault();this.closePicker(false);this.interaction.moveFocusAfterTab(t.shiftKey)}get displayValue(){return h(this.value)}parseDraft(t){const i=t.trim();if(!i)return"";const e=f(i);if(!e)return null;if(this.min&&u(this.min)&&e<this.min)return null;if(this.max&&u(this.max)&&e>this.max)return null;return e}commitIso(t,i=true){if(this.value!==t){this.value=t;if(i)this.dsChange.emit(t)}this.draftText=h(t)}teardownListeners(){this.position.unobserve();this.interaction.disconnect();if(this.closeTimer){clearTimeout(this.closeTimer);this.closeTimer=null}}openPicker(){const t=this.isInactive||this.disabled||this.formDisabled||this.readOnly;if(t||this.open)return;this.shouldRender=true;this.closing=false;this.positionReady=false;this.open=true;this.teardownListeners();this.interaction.connect();this.position.observe();this.position.schedule()}closePicker(t){if(!this.shouldRender||this.closing)return;this.open=false;this.position.cancel();this.closing=true;this.interaction.disconnect();this.position.unobserve();if(t==="input")this.inputEl?.focus();if(t==="button")void this.calendarButton?.setFocus();const i=C(F.motionShort2,F.animationDurationShort3);if(i<=0){this.finishClose();return}this.closeTimer=setTimeout((()=>this.finishClose()),i)}finishClose(){const t=this.el.querySelector(".input-date-popup");if(t?.matches(":popover-open"))t.hidePopover();this.shouldRender=false;this.closing=false;this.closeTimer=null}render(){const t=this.inputId??this.generatedId;const i=this.formInactive;const e=this.pickerInactive;const d=this.value.length>0;const o=this.value!==this.initialValue;const r=this.error&&Boolean(this.errorMessage);const a=I[this.size];const c=`ds-text--${a.replace("text-","")}`;const l=[this.ariaDescribedby,r?this.errorId:undefined].filter(Boolean).join(" ")||undefined;const p={position:"fixed",left:"0",top:"0",transform:`translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,zIndex:"var(--dimension-z-index-floating)",visibility:this.positionReady?"visible":"hidden"};return s(n,{key:"10a8298a2c22e96e75cd017c58d664a45059deba",class:{"input-host":true,"ds-field-stack":true,"ds-field-stack--supporting-inset":!this.hasBorder,"ds-control-inactive":i,[`ds-control--${this.size}`]:true,...T(this.width)},"data-disabled":i?"":undefined,"data-readonly":this.readOnly?"":undefined,"data-required":this.required?"":undefined,"data-invalid":this.isInvalid?"":undefined,"data-filled":d?"":undefined,"data-focused":this.focused?"":undefined,"data-dirty":o?"":undefined,"data-touched":this.touched?"":undefined},s("div",{key:"325defb125cdb3231a3bc913154370930dea8bfe",ref:t=>{this.controlEl=t},class:{"input-control":true,"ds-control-frame":true,"input-control--bordered":this.hasBorder,"input-control--error":this.hasBorder&&this.error,"ds-interaction-fill":this.hasInteractionFill,[`ds-control--${this.size}`]:true}},s("input",{key:"31259e11b14e72849a78ed6a2e0a97a9386e300c",ref:t=>{this.inputEl=t},type:"text",id:t,value:this.focused?this.draftText:this.displayValue,disabled:i,readOnly:this.readOnly,required:this.required,autoFocus:this.autoFocus,autoComplete:"off",spellcheck:false,class:{"native-input":true,"native-input--align-start":true,"ds-control-label-box":true,[c]:true,"ds-text--regular":true},"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-describedby":l,"aria-invalid":this.isInvalid?"true":undefined,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),s("ds-button-unfilled",{key:"4a3b4c35362038c42d94640af42155e61778e618",ref:t=>{this.calendarButton=t},class:"input-control__datetime-action",variant:"icon",size:this.size,icon:"Calendar",hasBorder:false,isInset:true,isInactive:e,ariaLabel:"Choose date",haspopup:"dialog",expanded:this.open,surfaceOpen:this.open||this.closing,controls:this.open?this.popupId:undefined,onDsClick:this.togglePicker})),this.shouldRender?s("div",{id:this.popupId,popover:"manual",class:{"input-date-popup":true,"ds-choice-popup":true,"ds-choice-popup--closing":this.closing,"ds-chrome-column":true,"ds-chrome-space--sm":true},style:p,role:"dialog","aria-label":"Choose date"},s("ds-calendar",{selectionMode:"single",value:this.value,min:this.min,max:this.max,isInactive:e,autoFocus:true,onDsChange:this.handleCalendarChange})):null,r&&s("ds-text",{key:"b3c25952eee0b2ffc71530ac818848c3e303d4a8",class:"error-text",as:"div",variant:"text-body-small",color:"negative",textId:this.errorId,role:"alert"},this.errorMessage))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],disabled:[{onInteractionStateChange:0}],isInactive:[{onInteractionStateChange:0}],readOnly:[{onInteractionStateChange:0}]}}static get style(){return _()}},[66,"ds-input-date",{value:[1025],name:[513],form:[513],disabled:[516],readOnly:[516,"read-only"],required:[516],requiredMessage:[1,"required-message"],min:[1],max:[1],size:[1],width:[1],hasBorder:[4,"has-border"],hasInteractionFill:[4,"has-interaction-fill"],isInactive:[4,"is-inactive"],autoFocus:[4,"auto-focus"],error:[4],errorMessage:[1,"error-message"],inputId:[1,"input-id"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],formDisabled:[32],focused:[32],touched:[32],draftText:[32],open:[32],shouldRender:[32],closing:[32],positionReady:[32],pos:[32],setFocus:[64]},[[0,"keydown","handleHostKeyDown"]],{value:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],disabled:[{onInteractionStateChange:0}],isInactive:[{onInteractionStateChange:0}],readOnly:[{onInteractionStateChange:0}]}]);function P(){if(typeof customElements==="undefined"){return}const t=["ds-input-date","ds-badge","ds-button-unfilled","ds-calendar","ds-icon","ds-loader","ds-text","ds-tooltip"];t.forEach((t=>{switch(t){case"ds-input-date":if(!customElements.get(d(t))){customElements.define(d(t),E)}break;case"ds-badge":if(!customElements.get(d(t))){l()}break;case"ds-button-unfilled":if(!customElements.get(d(t))){p()}break;case"ds-calendar":if(!customElements.get(d(t))){v()}break;case"ds-icon":if(!customElements.get(d(t))){g()}break;case"ds-loader":if(!customElements.get(d(t))){m()}break;case"ds-text":if(!customElements.get(d(t))){b()}break;case"ds-tooltip":if(!customElements.get(d(t))){y()}break}}))}P();const V=E;const q=P;export{V as DsInputDate,q as defineCustomElement};
+import{p as t,H as i,c as e,h as s,a as n,t as d}from"./index.js";import{A as o,r as a}from"./p-B8ZonS3S.js";import{r,A as c}from"./p-etg-Uk1u.js";import{d as l}from"./p-Cn6AfzeF.js";import{d as p}from"./p-D7K1ZHML.js";import{i as u,f as h,b as f,d as v}from"./p-Dqfc6Nvd.js";import{d as g}from"./p-DjkUFlDW.js";import{d as m}from"./p-0XTyQNRG.js";import{d as b}from"./p-ZwRLjD5M.js";import{d as y}from"./p-C_Ma6Xa-.js";import{D as x}from"./p-DOUk4KoT.js";import{r as w}from"./p-CochmPyg.js";import{s as k,r as z}from"./p-C0qN3PSb.js";import{b as C,T as F}from"./p-CeXf9-X3.js";import{a as I}from"./p-CGidq1iC.js";import{c as T}from"./p-DuFm-ieS.js";const _=()=>`@media (forced-colors: active){.sc-ds-input-date:root,.sc-ds-input-date-h,.ds-forced-colors-scope.sc-ds-input-date{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-input-date-h,.ds-interaction-fill.sc-ds-input-date{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-input-date-h::before,.ds-interaction-fill.sc-ds-input-date::before,.ds-interaction-fill.sc-ds-input-date-h::after,.ds-interaction-fill.sc-ds-input-date::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-input-date-h::before,.ds-interaction-fill.sc-ds-input-date::before{z-index:1}.ds-interaction-fill.sc-ds-input-date-h::after,.ds-interaction-fill.sc-ds-input-date::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-input-date-h,.ds-interaction-fill--bordered.sc-ds-input-date{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-input-date-h::before,.ds-interaction-fill--selected.sc-ds-input-date::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-input-date-h,.ds-interaction-fill--selected.sc-ds-input-date{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-input-date-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-input-date:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-input-date-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-input-date:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-input-date-h::after,.ds-interaction-fill--grouped.sc-ds-input-date::after,.ds-interaction-fill--grouped.sc-ds-input-date-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-input-date:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-input-date-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-input-date:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-input-date-h,.ds-interaction-fill--grouped.sc-ds-input-date{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-input-date-h>.ds-interaction-fill__content.sc-ds-input-date,.ds-interaction-fill.sc-ds-input-date>.ds-interaction-fill__content.sc-ds-input-date,.ds-interaction-fill__content.sc-ds-input-date{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-input-date-h,.ds-interaction-fill--on-faint.sc-ds-input-date{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-input-date-h,.ds-interaction-fill--on-medium.sc-ds-input-date{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-input-date-h,.ds-interaction-fill--on-bold.sc-ds-input-date{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-input-date-h,.ds-interaction-fill--on-strong.sc-ds-input-date{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-input-date-h,.ds-interaction-fill--on-translucent.sc-ds-input-date{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-input-date-h,.ds-interaction-fill--on-inverted.sc-ds-input-date{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-input-date-h,.ds-interaction-fill--on-media.sc-ds-input-date{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-input-date-h,.ds-interaction-fill--on-always-dark.sc-ds-input-date{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-input-date-h,.ds-interaction-fill--on-navigation.sc-ds-input-date{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-input-date-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-input-date:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-input-date-h::after,.ds-interaction-fill.sc-ds-input-date::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-input-date-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-input-date:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-input-date-h::before,.ds-interaction-fill--selected.sc-ds-input-date::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-input-date-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-input-date:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-input-date:root,.sc-ds-input-date-h,.ds-forced-colors-scope.sc-ds-input-date{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-input-date-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-input-date-h,.ds-focus-ring.sc-ds-input-date,.ds-focus-ring-inset.sc-ds-input-date-h,.ds-focus-ring-inset.sc-ds-input-date{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-input-date-h:focus-visible,.ds-focus-ring.sc-ds-input-date:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-input-date-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-input-date{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-input-date-h:focus-visible,.ds-focus-ring-inset.sc-ds-input-date:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-input-date-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-input-date:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-date-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-date{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-date-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-date::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-input-date-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-input-date:root,.sc-ds-input-date-h,.ds-forced-colors-scope.sc-ds-input-date{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-input-date-h,.ds-control-inactive.sc-ds-input-date{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-input-date-h,.ds-control-inactive.sc-ds-input-date{color:var(--ds-forced-color-disabled);opacity:1}}.sc-ds-input-date-h,.sc-ds-input-date:where(.ds-table),.sc-ds-input-date:where(.tooltip-popup),.sc-ds-input-date:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-input-date,.ds-control--lg.sc-ds-input-date-h,.ds-control--md.sc-ds-input-date-h,.ds-control--md.sc-ds-input-date,.ds-control--sm.sc-ds-input-date-h,.ds-control--sm.sc-ds-input-date,.ds-control--xs.sc-ds-input-date-h,.ds-control--xs.sc-ds-input-date{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-input-date-h,.ds-control--lg.sc-ds-input-date{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-input-date-h,.ds-control--md.sc-ds-input-date{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-input-date-h,.ds-control--sm.sc-ds-input-date{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-input-date-h,.ds-control--xs.sc-ds-input-date{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control-frame.sc-ds-input-date{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-input-date{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-input-date{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-input-date{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-input-date{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-input-date{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-control-width--hug.sc-ds-input-date-h,.ds-control-width--hug.sc-ds-input-date{width:fit-content;max-width:100%;flex:0 0 auto}.ds-control-width--fill.sc-ds-input-date-h,.ds-control-width--fill.sc-ds-input-date{width:100%;min-width:0;flex:1 1 auto;align-self:stretch}.ds-field-stack.sc-ds-input-date-h,.ds-field-stack.sc-ds-input-date{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-date-h .error-text.sc-ds-input-date,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-date .error-text.sc-ds-input-date,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-date .field__description.sc-ds-input-date,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-date .field__error.sc-ds-input-date{padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-text--display-medium.sc-ds-input-date-h,.ds-text--display-medium.sc-ds-input-date{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-input-date-h,.ds-text--display-small.sc-ds-input-date{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-input-date-h,.ds-text--title-large.sc-ds-input-date{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-input-date-h,.ds-text--title-medium.sc-ds-input-date{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-input-date-h,.ds-text--title-small.sc-ds-input-date{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-input-date-h,.ds-text--body-large.sc-ds-input-date{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-input-date-h,.ds-text--body-medium.sc-ds-input-date{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-input-date-h,.ds-text--body-small.sc-ds-input-date{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-input-date-h,.ds-text--caption.sc-ds-input-date{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-input-date-h,.ds-text--display-small.ds-text--emphasis.sc-ds-input-date-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-input-date,.ds-text--display-small.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-input-date-h,.ds-text--display-small.ds-text--regular.sc-ds-input-date-h,.ds-text--display-medium.ds-text--regular.sc-ds-input-date,.ds-text--display-small.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-input-date-h,.ds-text--title-large.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-input-date-h,.ds-text--title-large.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-input-date-h,.ds-text--title-small.ds-text--emphasis.sc-ds-input-date-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-input-date,.ds-text--title-small.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-input-date-h,.ds-text--title-small.ds-text--regular.sc-ds-input-date-h,.ds-text--title-medium.ds-text--regular.sc-ds-input-date,.ds-text--title-small.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-input-date-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-input-date-h,.ds-text--body-large.ds-text--emphasis.sc-ds-input-date,.ds-text--body-medium.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-input-date-h,.ds-text--body-medium.ds-text--regular.sc-ds-input-date-h,.ds-text--body-large.ds-text--regular.sc-ds-input-date,.ds-text--body-medium.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-input-date-h,.ds-text--body-small.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-input-date-h,.ds-text--body-small.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-input-date-h,.ds-text--caption.ds-text--emphasis.sc-ds-input-date{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-input-date-h,.ds-text--caption.ds-text--regular.sc-ds-input-date{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}@media (forced-colors: active){.sc-ds-input-date:root,.sc-ds-input-date-h,.ds-forced-colors-scope.sc-ds-input-date{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.input-host.sc-ds-input-date-h{display:inline-flex;--ds-input-fg:var(--color-foreground-primary);--ds-input-placeholder:var(--color-foreground-secondary);--ds-input-placeholder-active:var(--color-foreground-quaternary);--ds-input-adornment-fg:var(--color-foreground-secondary);--ds-input-border:var(--color-border-secondary)}.ds-control-width--fill.sc-ds-input-date-h,.ds-control-width--fill.sc-ds-input-date-h .input-control.sc-ds-input-date{width:100%}.input-control.sc-ds-input-date{overflow:hidden;background:transparent;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));color:var(--ds-input-fg)}.input-control--bordered.sc-ds-input-date{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--ds-input-border)}.input-control--error.sc-ds-input-date{--ds-interaction-border-width:var(--dimension-stroke-width-018);--ds-interaction-border-color:var(--color-border-bold-negative)}.input-control--bordered.sc-ds-input-date:focus-within:not(.input-control--error){--ds-interaction-border-width:var(--dimension-stroke-width-018);--ds-interaction-border-color:var(--color-border-bold-brand)}.ds-control-inactive.sc-ds-input-date-h .input-control.sc-ds-input-date::after{background:transparent}.native-input.sc-ds-input-date{position:relative;z-index:2;flex:1 1 auto;min-width:0;height:100%;background:transparent;border:none;border-radius:inherit;outline:none;color:var(--ds-input-fg);font-family:inherit;letter-spacing:inherit;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;color-scheme:inherit}.native-input--align-start.sc-ds-input-date{text-align:start}.native-input.sc-ds-input-date:disabled{cursor:not-allowed}.native-input.sc-ds-input-date:read-only:not(:disabled){cursor:default}.native-input.sc-ds-input-date::-webkit-calendar-picker-indicator{display:none}.native-input.sc-ds-input-date::-webkit-inner-spin-button,.native-input.sc-ds-input-date::-webkit-clear-button{display:none}.native-input.sc-ds-input-date::-webkit-datetime-edit,.native-input.sc-ds-input-date::-webkit-datetime-edit-fields-wrapper,.native-input.sc-ds-input-date::-webkit-datetime-edit-text,.native-input.sc-ds-input-date::-webkit-datetime-edit-month-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-day-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-year-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-hour-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-minute-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-second-field,.native-input.sc-ds-input-date::-webkit-datetime-edit-ampm-field{padding:0;color:inherit;font:inherit;letter-spacing:inherit}.input-control__prefix.sc-ds-input-date{position:relative;z-index:2;color:var(--ds-input-adornment-fg)}.input-control.sc-ds-input-date>.input-control__datetime-action.sc-ds-input-date{position:relative;z-index:2;flex-shrink:0;align-self:center}.ds-control-inactive.sc-ds-input-date-h .input-control.sc-ds-input-date>.input-control__datetime-action.sc-ds-input-date{--effect-opacity-medium:1}.input-control.sc-ds-input-date:has(.input-control__datetime-action){padding-inline-end:var(--dimension-space-025)}.error-text.sc-ds-input-date{width:100%}@media (forced-colors: active){.input-control--bordered.sc-ds-input-date:focus-within:not(.input-control--error)::after{outline-color:var(--ds-forced-color-selected)}.input-control--error.sc-ds-input-date::after{outline-style:dashed}}.ds-choice-popup.sc-ds-input-date{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--ds-choice-popup-min-inline-size, var(--dimension-menu-width-xs));max-width:min(var(--dimension-panel-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100vh - var(--dimension-space-200));overflow:hidden;inset:auto;margin:0;padding:0;border:0;background-color:var(--color-background-primary);border-radius:var(--ds-radius-menu);box-shadow:var(--effect-shadow-elevated-floating);color:var(--color-foreground-secondary);animation:dsChoiceFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform;text-align:start}.ds-choice-popup.sc-ds-input-date::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.ds-choice-popup--closing.sc-ds-input-date{animation:dsChoiceFadeOut var(--effect-motion-short-2) forwards}@keyframes dsChoiceFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes dsChoiceFadeOut{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-choice-popup.sc-ds-input-date{animation:none;opacity:1}.ds-choice-popup--closing.sc-ds-input-date{opacity:0}}@media (forced-colors: active){.ds-choice-popup.sc-ds-input-date{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.ds-choice-popup.sc-ds-input-date::after{box-shadow:none}}.ds-chrome-space--sm.sc-ds-input-date-h,.ds-chrome-space--sm.sc-ds-input-date{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-input-date-h,.ds-chrome-space--md.sc-ds-input-date{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-input-date-h,.ds-chrome-space--lg.sc-ds-input-date{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-input-date-h,.ds-chrome-row.sc-ds-input-date,.ds-chrome-column.sc-ds-input-date-h,.ds-chrome-column.sc-ds-input-date,.ds-chrome-grid.sc-ds-input-date-h,.ds-chrome-grid.sc-ds-input-date{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-input-date-h,.ds-chrome-row.sc-ds-input-date{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-input-date-h,.ds-chrome-column.sc-ds-input-date{flex-direction:column}.ds-chrome-grid.sc-ds-input-date-h,.ds-chrome-grid.sc-ds-input-date{display:grid;align-items:center}.input-date-popup.ds-choice-popup.sc-ds-input-date{--ds-calendar-padding:0;padding:var(--dimension-space-050)}`;let D=0;const j="Enter a valid date.";const H="Date is before the minimum allowed date.";const O="Date is after the maximum allowed date.";const q=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.dsChange=e(this,"dsChange",7);this.internals=this.attachInternals();this.generatedId=`ds-input-date-${++D}`;this.errorId=`${this.generatedId}-error`;this.popupId=`${this.generatedId}-popup`;this.value="";this.disabled=false;this.readOnly=false;this.required=false;this.requiredMessage=x;this.size="md";this.width="fill";this.hasBorder=true;this.hasInteractionFill=true;this.isInactive=false;this.autoFocus=false;this.error=false;this.ariaLabel=null;this.initialValue="";this.closeTimer=null;this.formDisabled=false;this.focused=false;this.touched=false;this.draftText="";this.open=false;this.shouldRender=false;this.closing=false;this.positionReady=false;this.pos={x:0,y:0};this.position=new o({getAnchor:()=>this.controlEl??null,getPopup:()=>this.el.querySelector(".input-date-popup"),getOwnerDocument:()=>this.el.ownerDocument,measure:(t,i)=>{if(!this.open)return null;const e=w(F.space050,F.space050);return{anchorRect:t.getBoundingClientRect(),popupWidth:i.offsetWidth||this.popupFallbackWidth,popupHeight:i.offsetHeight||this.popupFallbackHeight,side:"bottom",align:"end",sideOffsetPx:w(F.space050,F.space050),alignOffsetPx:r({align:"end",alignOffsetPx:0,sectionInsetPx:e,anchorAlignment:"popup-frame"}),viewportPadPx:w(F.space050,F.space050),viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:a(t)}},apply:({x:t,y:i})=>{this.pos={x:t,y:i}},onReady:()=>{this.positionReady=true},liveUpdate:"double-frame",observeResize:true,topLayer:true});this.interaction=new c({getAnchor:()=>this.controlEl??null,getPopup:()=>this.el.querySelector(".input-date-popup"),getOwnerDocument:()=>this.el.ownerDocument,onOutsideActivation:()=>this.closePicker(false)});this.togglePicker=()=>{if(this.isInactive||this.disabled||this.formDisabled||this.readOnly)return;if(this.open)this.closePicker("button");else this.openPicker()};this.handleInput=t=>{if(this.pickerInactive)return;this.draftText=t.target.value;const i=this.parseDraft(this.draftText);if(i===null)return;this.commitIso(i)};this.handleFocus=()=>{this.draftText=this.displayValue||this.value;this.focused=true};this.handleBlur=()=>{this.focused=false;this.touched=true;if(this.pickerInactive){this.draftText=this.displayValue;return}const t=this.parseDraft(this.draftText);if(t===null){this.draftText=this.displayValue;return}this.commitIso(t)};this.handleCalendarChange=t=>{t.stopPropagation();if(this.pickerInactive)return;const i=this.parseDraft(t.detail);if(i===null)return;this.commitIso(i);this.closePicker("input")}}get popupFallbackWidth(){return w(F.menuWidthXs,F.menuWidthXs)}get popupFallbackHeight(){return w(F.menuFallbackHeight,F.menuFallbackHeight)}get formInactive(){return this.isInactive||this.disabled||this.formDisabled}get pickerInactive(){return this.formInactive||this.readOnly}get hasConstraintError(){if(!this.value)return false;if(!u(this.value))return true;if(this.min&&u(this.min)&&this.value<this.min)return true;if(this.max&&u(this.max)&&this.value>this.max)return true;return false}get isInvalid(){return this.error||!this.formInactive&&(this.required&&this.value.length===0||this.hasConstraintError)}componentWillLoad(){this.initialValue=this.value;this.syncFormValue()}disconnectedCallback(){this.position.unobserve();this.teardownListeners()}syncFormValue(){const t=this.formInactive;k(this.internals,this.value,{inactive:t});const i={};let e="";if(!t){if(this.required&&this.value.length===0){i.valueMissing=true;e=this.requiredMessage}else if(this.value&&!u(this.value)){i.badInput=true;e=j}else if(this.value&&this.min&&u(this.min)&&this.value<this.min){i.rangeUnderflow=true;e=H}else if(this.value&&this.max&&u(this.max)&&this.value>this.max){i.rangeOverflow=true;e=O}}this.internals.setValidity(i,e)}onInteractionStateChange(){this.syncFormValue();if(this.pickerInactive&&this.shouldRender)this.closePicker(false)}formDisabledCallback(t){this.formDisabled=t;this.onInteractionStateChange()}formResetCallback(){this.value=this.initialValue;this.draftText=this.displayValue}formStateRestoreCallback(t){this.value=z(t);this.draftText=this.displayValue}async setFocus(){this.inputEl?.focus()}handleHostKeyDown(t){if(!this.shouldRender||this.closing)return;if(t.key==="Escape"){t.preventDefault();this.closePicker("button");return}if(t.key!=="Tab")return;const i=this.el.querySelector(".input-date-popup");if(!i||!t.composedPath().includes(i))return;if(!this.interaction.tabLeavesPopup(t))return;t.preventDefault();this.closePicker(false);this.interaction.moveFocusAfterTab(t.shiftKey)}get displayValue(){return h(this.value)}parseDraft(t){const i=t.trim();if(!i)return"";const e=f(i);if(!e)return null;if(this.min&&u(this.min)&&e<this.min)return null;if(this.max&&u(this.max)&&e>this.max)return null;return e}commitIso(t,i=true){if(this.value!==t){this.value=t;if(i)this.dsChange.emit(t)}this.draftText=h(t)}teardownListeners(){this.position.unobserve();this.interaction.disconnect();if(this.closeTimer){clearTimeout(this.closeTimer);this.closeTimer=null}}openPicker(){const t=this.isInactive||this.disabled||this.formDisabled||this.readOnly;if(t||this.open)return;this.shouldRender=true;this.closing=false;this.positionReady=false;this.open=true;this.teardownListeners();this.interaction.connect();this.position.observe();this.position.schedule()}closePicker(t){if(!this.shouldRender||this.closing)return;this.open=false;this.position.cancel();this.closing=true;this.interaction.disconnect();this.position.unobserve();if(t==="input")this.inputEl?.focus();if(t==="button")void this.calendarButton?.setFocus();const i=C(F.motionShort2,F.animationDurationShort3);if(i<=0){this.finishClose();return}this.closeTimer=setTimeout((()=>this.finishClose()),i)}finishClose(){const t=this.el.querySelector(".input-date-popup");if(t?.matches(":popover-open"))t.hidePopover();this.shouldRender=false;this.closing=false;this.closeTimer=null}render(){const t=this.inputId??this.generatedId;const i=this.formInactive;const e=this.pickerInactive;const d=this.value.length>0;const o=this.value!==this.initialValue;const a=this.error&&Boolean(this.errorMessage);const r=I[this.size];const c=`ds-text--${r.replace("text-","")}`;const l=[this.ariaDescribedby,a?this.errorId:undefined].filter(Boolean).join(" ")||undefined;const p={position:"fixed",left:"0",top:"0",transform:`translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,zIndex:"var(--dimension-z-index-floating)",visibility:this.positionReady?"visible":"hidden"};return s(n,{key:"10a8298a2c22e96e75cd017c58d664a45059deba",class:{"input-host":true,"ds-field-stack":true,"ds-field-stack--supporting-inset":!this.hasBorder,"ds-control-inactive":i,[`ds-control--${this.size}`]:true,...T(this.width)},"data-disabled":i?"":undefined,"data-readonly":this.readOnly?"":undefined,"data-required":this.required?"":undefined,"data-invalid":this.isInvalid?"":undefined,"data-filled":d?"":undefined,"data-focused":this.focused?"":undefined,"data-dirty":o?"":undefined,"data-touched":this.touched?"":undefined},s("div",{key:"325defb125cdb3231a3bc913154370930dea8bfe",ref:t=>{this.controlEl=t},class:{"input-control":true,"ds-control-frame":true,"input-control--bordered":this.hasBorder,"input-control--error":this.hasBorder&&this.error,"ds-interaction-fill":this.hasInteractionFill,[`ds-control--${this.size}`]:true}},s("input",{key:"31259e11b14e72849a78ed6a2e0a97a9386e300c",ref:t=>{this.inputEl=t},type:"text",id:t,value:this.focused?this.draftText:this.displayValue,disabled:i,readOnly:this.readOnly,required:this.required,autoFocus:this.autoFocus,autoComplete:"off",spellcheck:false,class:{"native-input":true,"native-input--align-start":true,"ds-control-label-box":true,[c]:true,"ds-text--regular":true},"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-describedby":l,"aria-invalid":this.isInvalid?"true":undefined,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),s("ds-button-unfilled",{key:"4a3b4c35362038c42d94640af42155e61778e618",ref:t=>{this.calendarButton=t},class:"input-control__datetime-action",variant:"icon",size:this.size,icon:"Calendar",hasBorder:false,isInset:true,isInactive:e,ariaLabel:"Choose date",haspopup:"dialog",expanded:this.open,surfaceOpen:this.open||this.closing,controls:this.open?this.popupId:undefined,onDsClick:this.togglePicker})),this.shouldRender?s("div",{id:this.popupId,popover:"manual",class:{"input-date-popup":true,"ds-choice-popup":true,"ds-choice-popup--closing":this.closing,"ds-chrome-column":true,"ds-chrome-space--sm":true},style:p,role:"dialog","aria-label":"Choose date"},s("ds-calendar",{selectionMode:"single",value:this.value,min:this.min,max:this.max,isInactive:e,autoFocus:true,onDsChange:this.handleCalendarChange})):null,a&&s("ds-text",{key:"b3c25952eee0b2ffc71530ac818848c3e303d4a8",class:"error-text",as:"div",variant:"text-body-small",color:"negative",textId:this.errorId,role:"alert"},this.errorMessage))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],disabled:[{onInteractionStateChange:0}],isInactive:[{onInteractionStateChange:0}],readOnly:[{onInteractionStateChange:0}]}}static get style(){return _()}},[66,"ds-input-date",{value:[1025],name:[513],form:[513],disabled:[516],readOnly:[516,"read-only"],required:[516],requiredMessage:[1,"required-message"],min:[1],max:[1],size:[1],width:[1],hasBorder:[4,"has-border"],hasInteractionFill:[4,"has-interaction-fill"],isInactive:[4,"is-inactive"],autoFocus:[4,"auto-focus"],error:[4],errorMessage:[1,"error-message"],inputId:[1,"input-id"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],formDisabled:[32],focused:[32],touched:[32],draftText:[32],open:[32],shouldRender:[32],closing:[32],positionReady:[32],pos:[32],setFocus:[64]},[[0,"keydown","handleHostKeyDown"]],{value:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],disabled:[{onInteractionStateChange:0}],isInactive:[{onInteractionStateChange:0}],readOnly:[{onInteractionStateChange:0}]}]);function E(){if(typeof customElements==="undefined"){return}const t=["ds-input-date","ds-badge","ds-button-unfilled","ds-calendar","ds-icon","ds-loader","ds-text","ds-tooltip"];t.forEach((t=>{switch(t){case"ds-input-date":if(!customElements.get(d(t))){customElements.define(d(t),q)}break;case"ds-badge":if(!customElements.get(d(t))){l()}break;case"ds-button-unfilled":if(!customElements.get(d(t))){p()}break;case"ds-calendar":if(!customElements.get(d(t))){v()}break;case"ds-icon":if(!customElements.get(d(t))){g()}break;case"ds-loader":if(!customElements.get(d(t))){m()}break;case"ds-text":if(!customElements.get(d(t))){b()}break;case"ds-tooltip":if(!customElements.get(d(t))){y()}break}}))}E();const P=q;const S=E;export{P as DsInputDate,S as defineCustomElement};
 //# sourceMappingURL=ds-input-date.js.map