@ds-mo/ui 14.11.1 → 14.12.0

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

@@ -1 +1 @@
-{"version":3,"names":["filterMenuCss","FILTER_MENU_FOCUSABLE_SELECTOR","join","filterMenuId","ICON_SIZE","lg","md","sm","xs","FilterMenu","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","triggerLabel","icon","size","width","hasBorder","activeFill","ariaLabel","filters","values","side","align","sideOffset","TOKEN_CSS_LENGTHS","space050","alignOffset","menuWidth","menuWidthLg","menuLabel","categoriesLabel","clearLabel","initialFocusVisible","shouldRender","closing","positionReady","pos","x","y","focusRingVisible","activeOptionIndex","generatedId","outsideHandler","triggerElement","pendingInitialFocusVisible","closeTimer","closingSnapshot","position","AnchoredPositionController","getAnchor","resolvedAnchor","getPopup","el","querySelector","measure","anchor","popup","anchorRect","getBoundingClientRect","sectionInsetPx","resolveCssLengthPx","TOKEN_DEFAULTS","popupWidth","offsetWidth","popupFallbackWidth","popupHeight","offsetHeight","popupFallbackHeight","sideOffsetPx","alignOffsetPx","resolveChoicePopupAlignOffset","viewportPadPx","viewportPad","viewportWidth","window","innerWidth","viewportHeight","innerHeight","apply","onReady","liveUpdate","observeResize","topLayer","componentDidLoad","onOpenChange","disconnectedCallback","unobserve","teardownListeners","isOpen","setupListeners","schedule","focusInitialCategory","cancel","captureClosingSnapshot","duration","resolveMotionTimeMs","motionShort2","animationDurationShort3","finishClose","setTimeout","onPositionInputChange","handleKeyDown","event","key","preventDefault","close","tabLeavesPopup","moveFocusAfterTab","shiftKey","anchorId","document","getElementById","usesInternalTrigger","anchorFocusTarget","matches","menuFallbackHeight","target","contains","addEventListener","observe","removeEventListener","clearTimeout","restoreFocus","focusAnchor","dsOpenChange","emit","dsClose","toggleFromTrigger","detail","handleTriggerKeyDown","hidePopover","dsAfterClose","map","filter","options","option","Object","fromEntries","entries","value","Array","isArray","activeFilterId","setFocus","focus","requestAnimationFrame","focusables","from","querySelectorAll","element","getClientRects","length","index","indexOf","backwards","candidates","closest","selectedFilter","find","id","selectedCount","kind","totalSelected","reduce","total","activeFilterCount","selectCategory","filterId","dsActiveFilterChange","handleCategoryKeyDown","currentIndex","findIndex","nextIndex","handlePanelKeyDown","handleOptionKeyDown","selectOption","includes","enabled","candidate","optionIndex","isInactive","current","next","direction","start","toggleMultiple","checked","selected","Set","add","delete","ordered","has","dsChange","renderOptions","usesSubtext","choiceListUsesSubtext","label","subtext","description","isSelected","h","ChoiceOptionRow","active","tabIndex","leading","class","presentation","undefined","onFocus","onKeyDown","onHover","onSelect","fieldLabel","Boolean","dateValue","inputId","htmlFor","as","variant","emphasis","color","type","onInput","isInset","rounded","onDsClick","stopPropagation","render","state","activeFilter","hasActiveFilters","textVariant","CONTROL_TEXT_VARIANT","iconSize","popupId","popupStyle","left","top","transform","Math","round","zIndex","visibility","Host","controlWidthClass","ref","trigger","role","String","onClick","name","lineTruncation","popover","style","count","divider","onMouseDown","intent","contrast","dsClear"],"sources":["src/wc/components/FilterMenu/FilterMenu.css?tag=ds-filter-menu&encapsulation=scoped","src/wc/components/FilterMenu/FilterMenu.tsx"],"sourcesContent":["@import '../../utils/choice-list.css';\n@import '../../utils/control-parts.css';\n@import '../../utils/control-width.css';\n@import '../../utils/select-trigger.css';\n\n:host(.filter-menu-host--external-trigger) {\n  display: contents;\n}\n\n.filter-menu {\n  display: flex;\n  min-height: 0;\n  flex-direction: column;\n  color: var(--color-foreground-primary);\n}\n\n.filter-menu__body {\n  display: grid;\n  grid-template-columns: minmax(calc(var(--dimension-size-base) * 18), 2fr) minmax(0, 3fr);\n  min-height: calc(var(--dimension-size-800) * 4 + var(--dimension-space-150));\n  max-height: calc(100vh - var(--dimension-size-800) - var(--dimension-size-600));\n}\n\n.filter-menu__categories {\n  min-width: 0;\n  border-inline-end: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n}\n\n.filter-menu__category-section {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n\n.filter-menu__category-section.ds-choice-section--divided {\n  padding-block-end: var(--dimension-space-050);\n}\n\n.filter-menu__category {\n  justify-content: space-between;\n  width: 100%;\n  border: 0;\n  background: transparent;\n  color: var(--color-foreground-secondary);\n  cursor: default;\n  text-align: start;\n}\n\n.filter-menu__category--active {\n  color: var(--color-foreground-primary);\n}\n\n.filter-menu__options {\n  min-width: 0;\n  overflow: hidden;\n}\n\n.filter-menu__date-field {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--dimension-space-100);\n}\n\n.filter-menu__date-control {\n  width: 100%;\n  border-radius: var(--dimension-radius-025);\n  background: transparent;\n  box-shadow: inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-secondary);\n}\n\n.filter-menu__date-control:focus-within {\n  box-shadow: inset 0 0 0 var(--dimension-stroke-width-018) var(--color-border-bold-brand);\n}\n\n.filter-menu__date-input {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  padding-inline: var(--dimension-space-100);\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: var(--color-foreground-primary);\n  font: inherit;\n}\n\n.filter-menu__footer {\n  flex: 0 0 auto;\n}\n\n.filter-menu__clear {\n  color: var(--color-foreground-bold-brand);\n}\n\n@media (max-width: 520px) {\n  .filter-menu__body {\n    grid-template-columns: minmax(calc(var(--dimension-size-base) * 14), 2fr) minmax(0, 3fr);\n  }\n}\n\n@media (forced-colors: active) {\n  .filter-menu__categories {\n    border-inline-end-color: var(--ds-forced-color-content);\n  }\n\n  .filter-menu__date-control {\n    outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport {\n  CONTROL_TEXT_VARIANT,\n  controlWidthClass,\n  resolveChoicePopupAlignOffset,\n  resolveCssLengthPx,\n  resolveMotionTimeMs,\n  TOKEN_CSS_LENGTHS,\n  TOKEN_DEFAULTS,\n  type ControlWidth,\n} from '../../utils';\nimport type { AnchoredAlign, AnchoredSide } from '../../utils/anchored-position';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { ChoiceOptionRow } from '../../utils/choice-list-parts';\nimport { choiceListUsesSubtext } from '../../utils/choice-list';\n\nexport type FilterMenuFilterKind = 'single' | 'multiple' | 'boolean' | 'date';\nexport type FilterMenuSize = 'lg' | 'md' | 'sm' | 'xs';\nexport type FilterMenuWidth = ControlWidth;\n\nexport interface FilterMenuOption {\n  label: string;\n  value: string;\n  description?: string;\n  isInactive?: boolean;\n}\n\nexport interface FilterMenuFilter {\n  id: string;\n  label: string;\n  kind: FilterMenuFilterKind;\n  options?: FilterMenuOption[];\n  description?: string;\n  fieldLabel?: string;\n  /** Draw a standard menu-section divider after this category. */\n  divider?: boolean;\n}\n\nexport type FilterMenuValue = string[] | boolean | string;\nexport type FilterMenuValues = Record<string, FilterMenuValue | undefined>;\n\nexport interface FilterMenuChangeDetail {\n  filterId: string;\n  value: FilterMenuValue;\n}\n\nconst FILTER_MENU_FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\nlet filterMenuId = 0;\n\nconst ICON_SIZE: Record<FilterMenuSize, 'lg' | 'md' | 'sm' | 'xs'> = {\n  lg: 'lg',\n  md: 'md',\n  sm: 'sm',\n  xs: 'xs',\n};\n\n@Component({\n  tag: 'ds-filter-menu',\n  styleUrl: 'FilterMenu.css',\n  scoped: true,\n})\nexport class FilterMenu {\n  @Element() el!: HTMLElement;\n\n  /** Controlled popup visibility. */\n  @Prop({ mutable: true }) open: boolean = false;\n  /** Select trigger text. The selected count is appended automatically. */\n  @Prop() triggerLabel: string = 'Filters';\n  /** Optional select trigger prefix icon name. */\n  @Prop() icon: string | undefined = 'Filters';\n  /** Select trigger density. */\n  @Prop() size: FilterMenuSize = 'md';\n  /** Select trigger width fit. */\n  @Prop() width: FilterMenuWidth = 'hug';\n  /** Show the surface-aware inset border around the select trigger. */\n  @Prop() hasBorder: boolean = true;\n  /** Show selected interaction fill when one or more criteria are active. */\n  @Prop() activeFill: boolean = false;\n  /** ID applied to the internal select trigger. */\n  @Prop() inputId: string | undefined;\n  /** Direct accessible name for the internal select trigger. */\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n  /** Product-owned filter categories and option definitions. */\n  @Prop() filters: FilterMenuFilter[] = [];\n  /** Controlled values keyed by filter id. */\n  @Prop() values: FilterMenuValues = {};\n  /** Controlled category shown in the option pane. */\n  @Prop() activeFilterId: string | undefined;\n  /** External trigger element to position against. */\n  @Prop() anchor: HTMLElement | undefined;\n  /** ID of the external trigger element used for positioning and focus return. */\n  @Prop() anchorId: string | undefined;\n  /** Preferred popup side; collision handling may flip it. */\n  @Prop() side: AnchoredSide = 'bottom';\n  /** Cross-axis alignment against the trigger. */\n  @Prop() align: AnchoredAlign = 'end';\n  /** Gap between trigger and popup — number in px or a TokoMo length. */\n  @Prop() sideOffset: number | string = TOKEN_CSS_LENGTHS.space050;\n  /** Cross-axis offset — number in px or a TokoMo length. */\n  @Prop() alignOffset: number | string = 0;\n  /** Popup width. It remains clamped to the viewport by the component recipe. */\n  @Prop() menuWidth: string = TOKEN_CSS_LENGTHS.menuWidthLg;\n  /** Accessible name for the non-modal filter dialog. */\n  @Prop() menuLabel: string = 'Filters';\n  /** Accessible name for the category tab list. */\n  @Prop() categoriesLabel: string = 'Filter categories';\n  /** Footer action and date-clear accessible label. */\n  @Prop() clearLabel: string = 'Clear';\n  /** Show a visible focus ring on initial entry after keyboard activation. */\n  @Prop() initialFocusVisible: boolean = false;\n\n  @State() private shouldRender = false;\n  @State() private closing = false;\n  @State() private positionReady = false;\n  @State() private pos: { x: number; y: number } = { x: 0, y: 0 };\n  @State() private focusRingVisible = false;\n  @State() private activeOptionIndex = 0;\n\n  /** Requests a controlled value replacement without closing the popup. */\n  @Event() dsChange!: EventEmitter<FilterMenuChangeDetail>;\n  /** Requests that the consumer clear every filter value. */\n  @Event() dsClear!: EventEmitter<void>;\n  /** Requests a controlled active-category replacement. */\n  @Event() dsActiveFilterChange!: EventEmitter<string>;\n  /** Requests that the controlled popup close. */\n  @Event() dsClose!: EventEmitter<void>;\n  /** Emitted whenever internal select-trigger activation changes popup visibility. */\n  @Event() dsOpenChange!: EventEmitter<boolean>;\n  /** Emitted after exit motion and rendered popup removal complete. */\n  @Event() dsAfterClose!: EventEmitter<void>;\n\n  private readonly generatedId = `ds-filter-menu-${++filterMenuId}`;\n  private outsideHandler: ((event: MouseEvent) => void) | null = null;\n  private triggerElement: HTMLButtonElement | null = null;\n  private pendingInitialFocusVisible = false;\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  private closingSnapshot: {\n    filters: FilterMenuFilter[];\n    values: FilterMenuValues;\n    activeFilterId: string | undefined;\n  } | null = null;\n\n  private readonly position = new AnchoredPositionController({\n    getAnchor: () => this.resolvedAnchor,\n    getPopup: () => this.el.querySelector<HTMLElement>('.filter-menu-popup'),\n    measure: (anchor, popup) => {\n      if (!this.open) return null;\n      const anchorRect = anchor.getBoundingClientRect();\n      const sectionInsetPx = resolveCssLengthPx(\n        TOKEN_DEFAULTS.space050,\n        TOKEN_DEFAULTS.space050\n      );\n      return {\n        anchorRect,\n        popupWidth: popup.offsetWidth || this.popupFallbackWidth,\n        popupHeight: popup.offsetHeight || this.popupFallbackHeight,\n        side: this.side,\n        align: this.align,\n        sideOffsetPx: resolveCssLengthPx(this.sideOffset, TOKEN_DEFAULTS.space050),\n        alignOffsetPx: resolveChoicePopupAlignOffset({\n          align: this.align,\n          alignOffsetPx: resolveCssLengthPx(this.alignOffset, 0),\n          sectionInsetPx,\n        }),\n        viewportPadPx: this.viewportPad,\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n      };\n    },\n    apply: ({ x, y }) => {\n      this.pos = { x, y };\n    },\n    onReady: () => {\n      this.positionReady = true;\n    },\n    liveUpdate: 'double-frame',\n    observeResize: true,\n    topLayer: true,\n  });\n\n  componentDidLoad() {\n    if (this.open) this.onOpenChange(true);\n  }\n\n  disconnectedCallback() {\n    this.position.unobserve();\n    this.teardownListeners();\n  }\n\n  @Watch('open')\n  onOpenChange(isOpen: boolean) {\n    if (isOpen) {\n      this.teardownListeners();\n      this.closingSnapshot = null;\n      this.shouldRender = true;\n      this.closing = false;\n      this.positionReady = false;\n      this.focusRingVisible = this.pendingInitialFocusVisible || this.initialFocusVisible;\n      this.setupListeners();\n      this.position.schedule(() => this.focusInitialCategory());\n      return;\n    }\n\n    if (!this.shouldRender) return;\n    this.position.cancel();\n    this.captureClosingSnapshot();\n    this.closing = true;\n    this.teardownListeners();\n    const duration = resolveMotionTimeMs(\n      TOKEN_DEFAULTS.motionShort2,\n      TOKEN_DEFAULTS.animationDurationShort3\n    );\n    if (duration <= 0) {\n      this.finishClose();\n      return;\n    }\n    this.closeTimer = setTimeout(() => this.finishClose(), duration);\n  }\n\n  @Watch('anchor')\n  @Watch('anchorId')\n  @Watch('side')\n  @Watch('align')\n  @Watch('sideOffset')\n  @Watch('alignOffset')\n  @Watch('menuWidth')\n  onPositionInputChange() {\n    if (this.open) this.position.schedule();\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.shouldRender || this.closing) return;\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.close();\n      return;\n    }\n    if (event.key !== 'Tab' || !this.tabLeavesPopup(event)) return;\n    event.preventDefault();\n    this.close(false);\n    this.moveFocusAfterTab(event.shiftKey);\n  }\n\n  private get resolvedAnchor(): HTMLElement | null {\n    if (this.anchor) return this.anchor;\n    if (this.anchorId) return document.getElementById(this.anchorId);\n    return this.triggerElement;\n  }\n\n  private get usesInternalTrigger(): boolean {\n    return !this.anchor && !this.anchorId;\n  }\n\n  private get anchorFocusTarget(): HTMLElement | null {\n    const anchor = this.resolvedAnchor;\n    if (!anchor) return null;\n    if (anchor.matches(FILTER_MENU_FOCUSABLE_SELECTOR)) return anchor;\n    return anchor.querySelector<HTMLElement>(FILTER_MENU_FOCUSABLE_SELECTOR) ?? anchor;\n  }\n\n  private get viewportPad(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n  }\n\n  private get popupFallbackWidth(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuWidthLg, TOKEN_DEFAULTS.menuWidthLg);\n  }\n\n  private get popupFallbackHeight(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuFallbackHeight, TOKEN_DEFAULTS.menuFallbackHeight);\n  }\n\n  private setupListeners() {\n    this.outsideHandler = event => {\n      const target = event.target as Node;\n      const popup = this.el.querySelector('.filter-menu-popup');\n      if (popup?.contains(target) || this.resolvedAnchor?.contains(target)) return;\n      this.close();\n    };\n    document.addEventListener('mousedown', this.outsideHandler, true);\n    this.position.observe();\n  }\n\n  private teardownListeners() {\n    this.position.unobserve();\n    if (this.outsideHandler) {\n      document.removeEventListener('mousedown', this.outsideHandler, true);\n      this.outsideHandler = null;\n    }\n    if (this.closeTimer) {\n      clearTimeout(this.closeTimer);\n      this.closeTimer = null;\n    }\n  }\n\n  private close(restoreFocus = true) {\n    this.captureClosingSnapshot();\n    if (restoreFocus) this.focusAnchor();\n    this.dsOpenChange.emit(false);\n    this.dsClose.emit();\n    this.open = false;\n    this.onOpenChange(false);\n  }\n\n  private toggleFromTrigger(event: MouseEvent) {\n    if (this.open) {\n      this.close();\n      return;\n    }\n    this.pendingInitialFocusVisible = event.detail === 0;\n    this.open = true;\n    this.dsOpenChange.emit(true);\n    this.onOpenChange(true);\n  }\n\n  private handleTriggerKeyDown(event: KeyboardEvent) {\n    if (event.key !== 'ArrowDown' || this.open) return;\n    event.preventDefault();\n    this.pendingInitialFocusVisible = true;\n    this.open = true;\n    this.dsOpenChange.emit(true);\n    this.onOpenChange(true);\n  }\n\n  private finishClose() {\n    const popup = this.el.querySelector<HTMLElement>('.filter-menu-popup');\n    if (popup?.matches(':popover-open')) popup.hidePopover();\n    this.shouldRender = false;\n    this.closing = false;\n    this.closingSnapshot = null;\n    this.closeTimer = null;\n    this.dsAfterClose.emit();\n  }\n\n  private captureClosingSnapshot() {\n    if (this.closingSnapshot) return;\n    this.closingSnapshot = {\n      filters: this.filters.map(filter => ({\n        ...filter,\n        options: filter.options?.map(option => ({ ...option })),\n      })),\n      values: Object.fromEntries(\n        Object.entries(this.values).map(([key, value]) => [\n          key,\n          Array.isArray(value) ? [...value] : value,\n        ])\n      ),\n      activeFilterId: this.activeFilterId,\n    };\n  }\n\n  private focusAnchor() {\n    const anchor = this.resolvedAnchor as\n      (HTMLElement & { setFocus?: () => Promise<void> | void }) | null;\n    if (anchor?.setFocus) {\n      void anchor.setFocus();\n      return;\n    }\n    this.anchorFocusTarget?.focus();\n  }\n\n  private focusInitialCategory() {\n    requestAnimationFrame(() => {\n      this.el.querySelector<HTMLElement>('.filter-menu__category[tabindex=\"0\"]')?.focus();\n      this.pendingInitialFocusVisible = false;\n    });\n  }\n\n  private tabLeavesPopup(event: KeyboardEvent): boolean {\n    const popup = this.el.querySelector<HTMLElement>('.filter-menu-popup');\n    if (!popup) return true;\n    const focusables = Array.from(\n      popup.querySelectorAll<HTMLElement>(FILTER_MENU_FOCUSABLE_SELECTOR)\n    ).filter(element => element.getClientRects().length > 0);\n    const index = focusables.indexOf(event.target as HTMLElement);\n    if (index < 0) return true;\n    return event.shiftKey ? index === 0 : index === focusables.length - 1;\n  }\n\n  private moveFocusAfterTab(backwards: boolean) {\n    const anchor = this.anchorFocusTarget;\n    if (!anchor) return;\n    if (backwards) {\n      anchor.focus();\n      return;\n    }\n    const candidates = Array.from(\n      document.querySelectorAll<HTMLElement>(FILTER_MENU_FOCUSABLE_SELECTOR)\n    ).filter(\n      element =>\n        !element.closest('.filter-menu-popup') &&\n        !element.closest('[inert]') &&\n        element.getClientRects().length > 0\n    );\n    const index = candidates.indexOf(anchor);\n    (candidates[index + 1] ?? anchor).focus();\n  }\n\n  private selectedFilter(filters: FilterMenuFilter[], activeFilterId: string | undefined) {\n    return filters.find(filter => filter.id === activeFilterId) ?? filters[0];\n  }\n\n  private selectedCount(filter: FilterMenuFilter, values: FilterMenuValues): number {\n    const value = values[filter.id];\n    if (filter.kind === 'multiple') return Array.isArray(value) ? value.length : 0;\n    if (filter.kind === 'boolean') return value === true ? 1 : 0;\n    return typeof value === 'string' && value.length > 0 ? 1 : 0;\n  }\n\n  private totalSelected(filters: FilterMenuFilter[], values: FilterMenuValues): number {\n    return filters.reduce((total, filter) => total + this.selectedCount(filter, values), 0);\n  }\n\n  private activeFilterCount(filters: FilterMenuFilter[], values: FilterMenuValues): number {\n    return filters.filter(filter => this.selectedCount(filter, values) > 0).length;\n  }\n\n  private selectCategory(filterId: string, focus = false) {\n    this.activeOptionIndex = 0;\n    this.dsActiveFilterChange.emit(filterId);\n    if (!focus) return;\n    requestAnimationFrame(() => {\n      this.el.querySelector<HTMLElement>(`[data-filter-category=\"${filterId}\"]`)?.focus();\n    });\n  }\n\n  private handleCategoryKeyDown(\n    event: KeyboardEvent,\n    filters: FilterMenuFilter[],\n    filterId: string\n  ) {\n    const currentIndex = filters.findIndex(filter => filter.id === filterId);\n    let nextIndex: number;\n    if (event.key === 'ArrowDown') nextIndex = (currentIndex + 1) % filters.length;\n    else if (event.key === 'ArrowUp')\n      nextIndex = (currentIndex - 1 + filters.length) % filters.length;\n    else if (event.key === 'Home') nextIndex = 0;\n    else if (event.key === 'End') nextIndex = filters.length - 1;\n    else if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      requestAnimationFrame(() => {\n        this.el\n          .querySelector<HTMLElement>(\n            '.filter-menu__options [role=\"option\"], .filter-menu__options input'\n          )\n          ?.focus();\n      });\n      return;\n    } else return;\n\n    event.preventDefault();\n    this.focusRingVisible = true;\n    this.selectCategory(filters[nextIndex].id, true);\n  }\n\n  private handlePanelKeyDown(event: KeyboardEvent, filterId: string) {\n    if (event.key !== 'ArrowLeft') return;\n    event.preventDefault();\n    this.el.querySelector<HTMLElement>(`[data-filter-category=\"${filterId}\"]`)?.focus();\n  }\n\n  private handleOptionKeyDown(\n    event: KeyboardEvent,\n    filter: FilterMenuFilter,\n    option: FilterMenuOption,\n    index: number,\n    values: FilterMenuValues\n  ) {\n    const options = filter.options ?? [];\n    if (event.key === 'ArrowLeft') {\n      this.handlePanelKeyDown(event, filter.id);\n      return;\n    }\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.selectOption(filter, option, values);\n      return;\n    }\n    if (!['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) return;\n    event.preventDefault();\n    const enabled = options\n      .map((candidate, optionIndex) => ({ candidate, optionIndex }))\n      .filter(({ candidate }) => !candidate.isInactive)\n      .map(({ optionIndex }) => optionIndex);\n    if (!enabled.length) return;\n    const current = enabled.indexOf(index);\n    let next: number;\n    if (event.key === 'Home') next = enabled[0];\n    else if (event.key === 'End') next = enabled[enabled.length - 1];\n    else {\n      const direction = event.key === 'ArrowDown' ? 1 : -1;\n      const start = current >= 0 ? current : direction === 1 ? -1 : 0;\n      next = enabled[(start + direction + enabled.length) % enabled.length];\n    }\n    this.activeOptionIndex = next;\n    this.focusRingVisible = true;\n    requestAnimationFrame(() => {\n      this.el.querySelector<HTMLElement>(`#${this.generatedId}-${filter.id}-option-${next}`)?.focus();\n    });\n  }\n\n  private toggleMultiple(\n    filter: FilterMenuFilter,\n    option: FilterMenuOption,\n    checked: boolean,\n    values: FilterMenuValues\n  ) {\n    if (option.isInactive) return;\n    const current = Array.isArray(values[filter.id]) ? (values[filter.id] as string[]) : [];\n    const selected = new Set(current);\n    if (checked) selected.add(option.value);\n    else selected.delete(option.value);\n    const ordered = (filter.options ?? [])\n      .map(candidate => candidate.value)\n      .filter(value => selected.has(value));\n    this.dsChange.emit({ filterId: filter.id, value: ordered });\n  }\n\n  private selectOption(\n    filter: FilterMenuFilter,\n    option: FilterMenuOption,\n    values: FilterMenuValues\n  ) {\n    if (option.isInactive) return;\n    if (filter.kind === 'single') {\n      this.dsChange.emit({ filterId: filter.id, value: option.value });\n      return;\n    }\n    const selected = Array.isArray(values[filter.id])\n      ? (values[filter.id] as string[]).includes(option.value)\n      : false;\n    this.toggleMultiple(filter, option, !selected, values);\n  }\n\n  private renderOptions(filter: FilterMenuFilter, values: FilterMenuValues) {\n    const value = values[filter.id];\n    if (filter.kind === 'multiple' || filter.kind === 'single') {\n      const selected = Array.isArray(value) ? value : [];\n      const options = filter.options ?? [];\n      const usesSubtext = choiceListUsesSubtext(\n        options.map(option => ({\n          label: option.label,\n          value: option.value,\n          subtext: option.description,\n        }))\n      );\n      return options.map((option, index) => {\n        const isSelected =\n          filter.kind === 'multiple'\n            ? selected.includes(option.value)\n            : value === option.value;\n        return (\n          <ChoiceOptionRow\n            size=\"md\"\n            id={`${this.generatedId}-${filter.id}-option-${index}`}\n            option={{\n              label: option.label,\n              value: option.value,\n              subtext: option.description,\n              isInactive: option.isInactive,\n            }}\n            selected={isSelected}\n            active={index === this.activeOptionIndex}\n            focusRingVisible={this.focusRingVisible}\n            usesSubtext={usesSubtext}\n            tabIndex={index === this.activeOptionIndex ? 0 : -1}\n            leading={\n              filter.kind === 'multiple' ? (\n                <span\n                  class=\"ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\"\n                  aria-hidden=\"true\"\n                >\n                  <ds-checkbox label=\"\" size=\"md\" checked={isSelected} presentation />\n                </span>\n              ) : undefined\n            }\n            onFocus={() => {\n              this.activeOptionIndex = index;\n            }}\n            onKeyDown={(event: KeyboardEvent) =>\n              this.handleOptionKeyDown(event, filter, option, index, values)\n            }\n            onHover={() => {\n              this.focusRingVisible = false;\n              this.activeOptionIndex = index;\n            }}\n            onSelect={() => this.selectOption(filter, option, values)}\n          />\n        );\n      });\n    }\n\n    if (filter.kind === 'boolean') {\n      const option: FilterMenuOption = {\n        label: filter.fieldLabel ?? filter.label,\n        value: 'true',\n        description: filter.description,\n      };\n      return (\n        <ChoiceOptionRow\n          size=\"md\"\n          id={`${this.generatedId}-${filter.id}-option-0`}\n          option={{\n            label: option.label,\n            value: option.value,\n            subtext: option.description,\n          }}\n          selected={value === true}\n          active\n          focusRingVisible={this.focusRingVisible}\n          usesSubtext={Boolean(option.description)}\n          tabIndex={0}\n          leading={\n            <span\n              class=\"ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\"\n              aria-hidden=\"true\"\n            >\n              <ds-checkbox label=\"\" size=\"md\" checked={value === true} presentation />\n            </span>\n          }\n          onKeyDown={(event: KeyboardEvent) => {\n            if (event.key === 'ArrowLeft') this.handlePanelKeyDown(event, filter.id);\n            else if (event.key === 'Enter' || event.key === ' ') {\n              event.preventDefault();\n              this.dsChange.emit({ filterId: filter.id, value: value !== true });\n            }\n          }}\n          onHover={() => {\n            this.focusRingVisible = false;\n          }}\n          onSelect={() => this.dsChange.emit({ filterId: filter.id, value: value !== true })}\n        />\n      );\n    }\n\n    const dateValue = typeof value === 'string' ? value : '';\n    const inputId = `${this.generatedId}-${filter.id}-input`;\n    return (\n      <div class=\"filter-menu__date-field\">\n        <label htmlFor={inputId}>\n          <ds-text as=\"span\" variant=\"text-body-small\" emphasis color=\"primary\">\n            {filter.fieldLabel ?? 'Event date'}\n          </ds-text>\n        </label>\n        <div class=\"filter-menu__date-control ds-control-frame ds-control--md\">\n          <input\n            id={inputId}\n            class=\"filter-menu__date-input\"\n            type=\"date\"\n            value={dateValue}\n            onInput={(event: Event) =>\n              this.dsChange.emit({\n                filterId: filter.id,\n                value: (event.target as HTMLInputElement).value,\n              })\n            }\n          />\n          {dateValue ? (\n            <ds-button-unfilled\n              variant=\"icon\"\n              icon=\"CrossCircle\"\n              size=\"sm\"\n              isInset\n              hasBorder={false}\n              rounded\n              ariaLabel={`${this.clearLabel} ${filter.fieldLabel ?? filter.label}`}\n              onDsClick={(event: CustomEvent<MouseEvent>) => {\n                event.stopPropagation();\n                this.dsChange.emit({ filterId: filter.id, value: '' });\n              }}\n            />\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const state =\n      this.closing && this.closingSnapshot\n        ? this.closingSnapshot\n        : {\n            filters: this.filters,\n            values: this.values,\n            activeFilterId: this.activeFilterId,\n          };\n    const activeFilter = this.selectedFilter(state.filters, state.activeFilterId);\n    const totalSelected = this.totalSelected(state.filters, state.values);\n    const activeFilterCount = this.activeFilterCount(state.filters, state.values);\n    const hasActiveFilters = activeFilterCount > 0;\n    const label = `${this.triggerLabel}${hasActiveFilters ? ` · ${activeFilterCount}` : ''}`;\n    const textVariant = CONTROL_TEXT_VARIANT[this.size];\n    const iconSize = ICON_SIZE[this.size];\n    const popupId = `${this.generatedId}-popup`;\n    const popupStyle: Record<string, string> = {\n      position: 'fixed',\n      left: '0',\n      top: '0',\n      width: this.menuWidth,\n      transform: `translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,\n      zIndex: '9998',\n      visibility: this.positionReady ? 'visible' : 'hidden',\n    };\n\n    return (\n      <Host\n        class={{\n          'filter-menu-host': true,\n          'filter-menu-host--external-trigger': !this.usesInternalTrigger,\n          'ds-select-trigger-host': this.usesInternalTrigger,\n          [`ds-control--${this.size}`]: true,\n          ...controlWidthClass(this.width),\n        }}\n      >\n        {this.usesInternalTrigger ? (\n          <button\n            ref={element => {\n              this.triggerElement = (element as HTMLButtonElement) ?? null;\n            }}\n            id={this.inputId ?? `${this.generatedId}-trigger`}\n            type=\"button\"\n            class={{\n              trigger: true,\n              'ds-control-frame': true,\n              'ds-focus-ring-inset': true,\n              'ds-interaction-fill': true,\n              'ds-interaction-fill--selected': this.activeFill && hasActiveFilters,\n              'trigger--expanded': this.open || this.closing,\n              'trigger--bordered': this.hasBorder,\n              'trigger--has-value': hasActiveFilters,\n              [`ds-control--${this.size}`]: true,\n            }}\n            role=\"combobox\"\n            aria-haspopup=\"dialog\"\n            aria-expanded={String(this.open)}\n            aria-controls={this.open ? popupId : undefined}\n            aria-label={this.ariaLabel ?? this.menuLabel}\n            onClick={(event: MouseEvent) => this.toggleFromTrigger(event)}\n            onKeyDown={(event: KeyboardEvent) => this.handleTriggerKeyDown(event)}\n          >\n            {this.icon ? (\n              <span\n                class=\"trigger__prefix ds-control-icon-box ds-interaction-fill__content\"\n                aria-hidden=\"true\"\n              >\n                <ds-icon name={this.icon} size={iconSize} color=\"inherit\" />\n              </span>\n            ) : null}\n            <ds-text\n              class=\"trigger__label-box trigger__label trigger__label-content ds-control-label-box ds-interaction-fill__content\"\n              as=\"span\"\n              variant={textVariant}\n              color=\"inherit\"\n              lineTruncation={1}\n            >\n              {label}\n            </ds-text>\n            <span\n              class=\"trigger__chevron ds-control-icon-box ds-interaction-fill__content\"\n              aria-hidden=\"true\"\n            >\n              <ds-icon name=\"ChevronDown\" size={iconSize} color=\"inherit\" />\n            </span>\n          </button>\n        ) : null}\n\n        {this.shouldRender ? (\n          <div\n          id={popupId}\n          popover=\"manual\"\n          class={{\n            'filter-menu-popup': true,\n            'ds-choice-popup': true,\n            'ds-choice-popup--closing': this.closing,\n          }}\n          style={popupStyle}\n          role=\"dialog\"\n          aria-label={this.menuLabel}\n        >\n          {activeFilter ? (\n            <div class=\"filter-menu\">\n              <div class=\"filter-menu__body\">\n                <div\n                  class=\"filter-menu__categories ds-choice-list ds-chrome-column ds-chrome-space--sm\"\n                  role=\"tablist\"\n                  aria-label={this.categoriesLabel}\n                  aria-orientation=\"vertical\"\n                >\n                  {state.filters.map(filter => {\n                    const active = filter.id === activeFilter.id;\n                    const count = this.selectedCount(filter, state.values);\n                    return (\n                      <div\n                        key={filter.id}\n                        class={{\n                          'filter-menu__category-section': true,\n                          'ds-choice-section--divided': Boolean(filter.divider),\n                        }}\n                      >\n                        <button\n                          id={`${this.generatedId}-${filter.id}-tab`}\n                          type=\"button\"\n                          role=\"tab\"\n                          data-filter-category={filter.id}\n                          class={{\n                            'filter-menu__category': true,\n                            'filter-menu__category--active': active,\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                          aria-selected={String(active)}\n                          aria-controls={`${this.generatedId}-panel`}\n                          tabIndex={active ? 0 : -1}\n                          onMouseDown={() => {\n                            this.focusRingVisible = false;\n                          }}\n                          onClick={() => this.selectCategory(filter.id)}\n                          onKeyDown={(event: KeyboardEvent) =>\n                            this.handleCategoryKeyDown(event, state.filters, filter.id)\n                          }\n                        >\n                          <ds-text\n                            class=\"ds-choice-item__content 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                            {filter.label}\n                          </ds-text>\n                          {count > 0 ? (\n                            <ds-tag\n                              class=\"ds-choice-item__tag ds-interaction-fill__content\"\n                              label={String(count)}\n                              size=\"sm\"\n                              intent=\"brand\"\n                              contrast=\"bold\"\n                              isInset\n                              rounded\n                            />\n                          ) : null}\n                        </button>\n                      </div>\n                    );\n                  })}\n                </div>\n\n                <div\n                  id={`${this.generatedId}-panel`}\n                  class=\"filter-menu__options\"\n                  role=\"tabpanel\"\n                  aria-labelledby={`${this.generatedId}-${activeFilter.id}-tab`}\n                >\n                  <div\n                    key={activeFilter.id}\n                    class=\"filter-menu__option-list ds-choice-list ds-chrome-column ds-chrome-space--sm\"\n                    role=\"listbox\"\n                    aria-label={activeFilter.label}\n                    aria-multiselectable={\n                      activeFilter.kind === 'multiple' ? 'true' : undefined\n                    }\n                  >\n                    {this.renderOptions(activeFilter, state.values)}\n                  </div>\n                </div>\n              </div>\n\n              {totalSelected > 0 ? (\n                <div class=\"filter-menu__footer ds-choice-footer\">\n                  <div class=\"ds-choice-footer__content ds-control--md\">\n                    <ds-text\n                      class=\"ds-choice-footer__summary\"\n                      as=\"span\"\n                      variant=\"text-body-medium\"\n                      color=\"secondary\"\n                      aria-live=\"polite\"\n                    >\n                      {totalSelected} selected\n                    </ds-text>\n                    <button\n                      class=\"filter-menu__clear ds-choice-footer__clear ds-text-action\"\n                      type=\"button\"\n                      onClick={() => this.dsClear.emit()}\n                    >\n                      <ds-text as=\"span\" variant=\"text-body-medium\" color=\"inherit\">\n                        {this.clearLabel}\n                      </ds-text>\n                    </button>\n                  </div>\n                </div>\n              ) : null}\n            </div>\n          ) : null}\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["filterMenuCss","FILTER_MENU_FOCUSABLE_SELECTOR","join","filterMenuId","ICON_SIZE","lg","md","sm","xs","FilterMenu","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","triggerLabel","icon","size","width","hasBorder","activeFill","ariaLabel","filters","values","side","align","sideOffset","TOKEN_CSS_LENGTHS","space050","alignOffset","menuWidth","menuWidthLg","menuLabel","categoriesLabel","clearLabel","initialFocusVisible","shouldRender","closing","positionReady","pos","x","y","focusRingVisible","activeOptionIndex","generatedId","outsideHandler","triggerElement","pendingInitialFocusVisible","closeTimer","closingSnapshot","position","AnchoredPositionController","getAnchor","resolvedAnchor","getPopup","el","querySelector","measure","anchor","popup","anchorRect","getBoundingClientRect","sectionInsetPx","resolveCssLengthPx","TOKEN_DEFAULTS","popupWidth","offsetWidth","popupFallbackWidth","popupHeight","offsetHeight","popupFallbackHeight","sideOffsetPx","alignOffsetPx","resolveChoicePopupAlignOffset","viewportPadPx","viewportPad","viewportWidth","window","innerWidth","viewportHeight","innerHeight","apply","onReady","liveUpdate","observeResize","topLayer","componentDidLoad","onOpenChange","disconnectedCallback","unobserve","teardownListeners","isOpen","setupListeners","schedule","focusInitialCategory","cancel","captureClosingSnapshot","duration","resolveMotionTimeMs","motionShort2","animationDurationShort3","finishClose","setTimeout","onPositionInputChange","handleKeyDown","event","key","preventDefault","close","tabLeavesPopup","moveFocusAfterTab","shiftKey","anchorId","document","getElementById","usesInternalTrigger","anchorFocusTarget","matches","menuFallbackHeight","target","contains","addEventListener","observe","removeEventListener","clearTimeout","restoreFocus","focusAnchor","dsOpenChange","emit","dsClose","toggleFromTrigger","detail","handleTriggerKeyDown","hidePopover","dsAfterClose","map","filter","options","option","Object","fromEntries","entries","value","Array","isArray","activeFilterId","setFocus","focus","requestAnimationFrame","focusables","from","querySelectorAll","element","getClientRects","length","index","indexOf","backwards","candidates","closest","selectedFilter","find","id","selectedCount","kind","totalSelected","reduce","total","activeFilterCount","selectCategory","filterId","dsActiveFilterChange","handleCategoryKeyDown","currentIndex","findIndex","nextIndex","handlePanelKeyDown","handleOptionKeyDown","selectOption","includes","enabled","candidate","optionIndex","isInactive","current","next","direction","start","toggleMultiple","checked","selected","Set","add","delete","ordered","has","dsChange","renderOptions","usesSubtext","choiceListUsesSubtext","label","subtext","description","isSelected","h","ChoiceOptionRow","active","tabIndex","leading","class","presentation","undefined","onFocus","onKeyDown","onHover","onSelect","fieldLabel","Boolean","dateValue","inputId","htmlFor","as","variant","emphasis","color","type","onInput","isInset","rounded","onDsClick","stopPropagation","render","state","activeFilter","hasActiveFilters","textVariant","CONTROL_TEXT_VARIANT","iconSize","popupId","popupStyle","left","top","transform","Math","round","zIndex","visibility","Host","controlWidthClass","ref","trigger","role","String","onClick","name","lineTruncation","popover","style","count","divider","onMouseDown","intent","contrast","dsClear"],"sources":["src/wc/components/FilterMenu/FilterMenu.css?tag=ds-filter-menu&encapsulation=scoped","src/wc/components/FilterMenu/FilterMenu.tsx"],"sourcesContent":["@import '../../utils/choice-list.css';\n@import '../../utils/control-parts.css';\n@import '../../utils/control-width.css';\n@import '../../utils/select-trigger.css';\n\n:host(.filter-menu-host--external-trigger) {\n  display: contents;\n}\n\n.filter-menu {\n  display: flex;\n  min-height: 0;\n  flex-direction: column;\n  color: var(--color-foreground-primary);\n}\n\n.filter-menu__body {\n  display: grid;\n  grid-template-columns: minmax(calc(var(--dimension-size-base) * 18), 2fr) minmax(0, 3fr);\n  min-height: calc(var(--dimension-size-800) * 4 + var(--dimension-space-150));\n  max-height: calc(100vh - var(--dimension-size-800) - var(--dimension-size-600));\n}\n\n.filter-menu__categories {\n  min-width: 0;\n  border-inline-end: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n}\n\n.filter-menu__category-section {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n\n.filter-menu__category-section.ds-choice-section--divided {\n  padding-block-end: var(--dimension-space-050);\n}\n\n.filter-menu__category {\n  justify-content: space-between;\n  width: 100%;\n  border: 0;\n  background: transparent;\n  color: var(--color-foreground-secondary);\n  cursor: default;\n  text-align: start;\n}\n\n.filter-menu__category--active {\n  color: var(--color-foreground-primary);\n}\n\n.filter-menu__options {\n  min-width: 0;\n  overflow: hidden;\n}\n\n.filter-menu__date-field {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--dimension-space-100);\n}\n\n.filter-menu__date-control {\n  width: 100%;\n  border-radius: var(--dimension-radius-025);\n  background: transparent;\n  box-shadow: inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-secondary);\n}\n\n.filter-menu__date-control:focus-within {\n  box-shadow: inset 0 0 0 var(--dimension-stroke-width-018) var(--color-border-bold-brand);\n}\n\n.filter-menu__date-input {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  padding-inline: var(--dimension-space-100);\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: var(--color-foreground-primary);\n  font: inherit;\n}\n\n.filter-menu__footer {\n  flex: 0 0 auto;\n}\n\n.filter-menu__clear {\n  color: var(--color-foreground-bold-brand);\n}\n\n@media (max-width: 520px) {\n  .filter-menu__body {\n    grid-template-columns: minmax(calc(var(--dimension-size-base) * 14), 2fr) minmax(0, 3fr);\n  }\n}\n\n@media (forced-colors: active) {\n  .filter-menu__categories {\n    border-inline-end-color: var(--ds-forced-color-content);\n  }\n\n  .filter-menu__date-control {\n    outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport {\n  CONTROL_TEXT_VARIANT,\n  controlWidthClass,\n  resolveChoicePopupAlignOffset,\n  resolveCssLengthPx,\n  resolveMotionTimeMs,\n  TOKEN_CSS_LENGTHS,\n  TOKEN_DEFAULTS,\n  type ControlWidth,\n} from '../../utils';\nimport type { AnchoredAlign, AnchoredSide } from '../../utils/anchored-position';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { ChoiceOptionRow } from '../../utils/choice-list-parts';\nimport { choiceListUsesSubtext } from '../../utils/choice-list';\n\nexport type FilterMenuFilterKind = 'single' | 'multiple' | 'boolean' | 'date';\nexport type FilterMenuSize = 'lg' | 'md' | 'sm' | 'xs';\nexport type FilterMenuWidth = ControlWidth;\n\nexport interface FilterMenuOption {\n  label: string;\n  value: string;\n  description?: string;\n  isInactive?: boolean;\n}\n\nexport interface FilterMenuFilter {\n  id: string;\n  label: string;\n  kind: FilterMenuFilterKind;\n  options?: FilterMenuOption[];\n  description?: string;\n  fieldLabel?: string;\n  /** Draw a standard menu-section divider after this category. */\n  divider?: boolean;\n}\n\nexport type FilterMenuValue = string[] | boolean | string;\nexport type FilterMenuValues = Record<string, FilterMenuValue | undefined>;\n\nexport interface FilterMenuChangeDetail {\n  filterId: string;\n  value: FilterMenuValue;\n}\n\nconst FILTER_MENU_FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\nlet filterMenuId = 0;\n\nconst ICON_SIZE: Record<FilterMenuSize, 'lg' | 'md' | 'sm' | 'xs'> = {\n  lg: 'lg',\n  md: 'md',\n  sm: 'sm',\n  xs: 'xs',\n};\n\n@Component({\n  tag: 'ds-filter-menu',\n  styleUrl: 'FilterMenu.css',\n  scoped: true,\n})\nexport class FilterMenu {\n  @Element() el!: HTMLElement;\n\n  /** Controlled popup visibility. */\n  @Prop({ mutable: true }) open: boolean = false;\n  /** Select trigger text. The selected count is appended automatically. */\n  @Prop() triggerLabel: string = 'Filters';\n  /** Optional select trigger prefix icon name. */\n  @Prop() icon: string | undefined = 'Filters';\n  /** Select trigger density. */\n  @Prop() size: FilterMenuSize = 'md';\n  /** Select trigger width fit. */\n  @Prop() width: FilterMenuWidth = 'hug';\n  /** Show the surface-aware inset border around the select trigger. */\n  @Prop() hasBorder: boolean = true;\n  /** Show selected interaction fill when one or more criteria are active. */\n  @Prop() activeFill: boolean = false;\n  /** ID applied to the internal select trigger. */\n  @Prop() inputId: string | undefined;\n  /** Direct accessible name for the internal select trigger. */\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n  /** Product-owned filter categories and option definitions. */\n  @Prop() filters: FilterMenuFilter[] = [];\n  /** Controlled values keyed by filter id. */\n  @Prop() values: FilterMenuValues = {};\n  /** Controlled category shown in the option pane. */\n  @Prop() activeFilterId: string | undefined;\n  /** External trigger element to position against. */\n  @Prop() anchor: HTMLElement | undefined;\n  /** ID of the external trigger element used for positioning and focus return. */\n  @Prop() anchorId: string | undefined;\n  /** Preferred popup side; collision handling may flip it. */\n  @Prop() side: AnchoredSide = 'bottom';\n  /** Cross-axis alignment against the trigger. */\n  @Prop() align: AnchoredAlign = 'end';\n  /** Gap between trigger and popup — number in px or a TokoMo length. */\n  @Prop() sideOffset: number | string = TOKEN_CSS_LENGTHS.space050;\n  /** Cross-axis offset — number in px or a TokoMo length. */\n  @Prop() alignOffset: number | string = 0;\n  /** Popup width. It remains clamped to the viewport by the component recipe. */\n  @Prop() menuWidth: string = TOKEN_CSS_LENGTHS.menuWidthLg;\n  /** Accessible name for the non-modal filter dialog. */\n  @Prop() menuLabel: string = 'Filters';\n  /** Accessible name for the category tab list. */\n  @Prop() categoriesLabel: string = 'Filter categories';\n  /** Footer action and date-clear accessible label. */\n  @Prop() clearLabel: string = 'Clear';\n  /** Show a visible focus ring on initial entry after keyboard activation. */\n  @Prop() initialFocusVisible: boolean = false;\n\n  @State() private shouldRender = false;\n  @State() private closing = false;\n  @State() private positionReady = false;\n  @State() private pos: { x: number; y: number } = { x: 0, y: 0 };\n  @State() private focusRingVisible = false;\n  @State() private activeOptionIndex = 0;\n\n  /** Requests a controlled value replacement without closing the popup. */\n  @Event() dsChange!: EventEmitter<FilterMenuChangeDetail>;\n  /** Requests that the consumer clear every filter value. */\n  @Event() dsClear!: EventEmitter<void>;\n  /** Requests a controlled active-category replacement. */\n  @Event() dsActiveFilterChange!: EventEmitter<string>;\n  /** Requests that the controlled popup close. */\n  @Event() dsClose!: EventEmitter<void>;\n  /** Emitted whenever internal select-trigger activation changes popup visibility. */\n  @Event() dsOpenChange!: EventEmitter<boolean>;\n  /** Emitted after exit motion and rendered popup removal complete. */\n  @Event() dsAfterClose!: EventEmitter<void>;\n\n  private readonly generatedId = `ds-filter-menu-${++filterMenuId}`;\n  private outsideHandler: ((event: MouseEvent) => void) | null = null;\n  private triggerElement: HTMLButtonElement | null = null;\n  private pendingInitialFocusVisible = false;\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  private closingSnapshot: {\n    filters: FilterMenuFilter[];\n    values: FilterMenuValues;\n    activeFilterId: string | undefined;\n  } | null = null;\n\n  private readonly position = new AnchoredPositionController({\n    getAnchor: () => this.resolvedAnchor,\n    getPopup: () => this.el.querySelector<HTMLElement>('.filter-menu-popup'),\n    measure: (anchor, popup) => {\n      if (!this.open) return null;\n      const anchorRect = anchor.getBoundingClientRect();\n      const sectionInsetPx = resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n      return {\n        anchorRect,\n        popupWidth: popup.offsetWidth || this.popupFallbackWidth,\n        popupHeight: popup.offsetHeight || this.popupFallbackHeight,\n        side: this.side,\n        align: this.align,\n        sideOffsetPx: resolveCssLengthPx(this.sideOffset, TOKEN_DEFAULTS.space050),\n        alignOffsetPx: resolveChoicePopupAlignOffset({\n          align: this.align,\n          alignOffsetPx: resolveCssLengthPx(this.alignOffset, 0),\n          sectionInsetPx,\n        }),\n        viewportPadPx: this.viewportPad,\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n      };\n    },\n    apply: ({ x, y }) => {\n      this.pos = { x, y };\n    },\n    onReady: () => {\n      this.positionReady = true;\n    },\n    liveUpdate: 'double-frame',\n    observeResize: true,\n    topLayer: true,\n  });\n\n  componentDidLoad() {\n    if (this.open) this.onOpenChange(true);\n  }\n\n  disconnectedCallback() {\n    this.position.unobserve();\n    this.teardownListeners();\n  }\n\n  @Watch('open')\n  onOpenChange(isOpen: boolean) {\n    if (isOpen) {\n      this.teardownListeners();\n      this.closingSnapshot = null;\n      this.shouldRender = true;\n      this.closing = false;\n      this.positionReady = false;\n      this.focusRingVisible = this.pendingInitialFocusVisible || this.initialFocusVisible;\n      this.setupListeners();\n      this.position.schedule(() => this.focusInitialCategory());\n      return;\n    }\n\n    if (!this.shouldRender) return;\n    this.position.cancel();\n    this.captureClosingSnapshot();\n    this.closing = true;\n    this.teardownListeners();\n    const duration = resolveMotionTimeMs(\n      TOKEN_DEFAULTS.motionShort2,\n      TOKEN_DEFAULTS.animationDurationShort3\n    );\n    if (duration <= 0) {\n      this.finishClose();\n      return;\n    }\n    this.closeTimer = setTimeout(() => this.finishClose(), duration);\n  }\n\n  @Watch('anchor')\n  @Watch('anchorId')\n  @Watch('side')\n  @Watch('align')\n  @Watch('sideOffset')\n  @Watch('alignOffset')\n  @Watch('menuWidth')\n  onPositionInputChange() {\n    if (this.open) this.position.schedule();\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.shouldRender || this.closing) return;\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.close();\n      return;\n    }\n    if (event.key !== 'Tab' || !this.tabLeavesPopup(event)) return;\n    event.preventDefault();\n    this.close(false);\n    this.moveFocusAfterTab(event.shiftKey);\n  }\n\n  private get resolvedAnchor(): HTMLElement | null {\n    if (this.anchor) return this.anchor;\n    if (this.anchorId) return document.getElementById(this.anchorId);\n    return this.triggerElement;\n  }\n\n  private get usesInternalTrigger(): boolean {\n    return !this.anchor && !this.anchorId;\n  }\n\n  private get anchorFocusTarget(): HTMLElement | null {\n    const anchor = this.resolvedAnchor;\n    if (!anchor) return null;\n    if (anchor.matches(FILTER_MENU_FOCUSABLE_SELECTOR)) return anchor;\n    return anchor.querySelector<HTMLElement>(FILTER_MENU_FOCUSABLE_SELECTOR) ?? anchor;\n  }\n\n  private get viewportPad(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n  }\n\n  private get popupFallbackWidth(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuWidthLg, TOKEN_DEFAULTS.menuWidthLg);\n  }\n\n  private get popupFallbackHeight(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuFallbackHeight, TOKEN_DEFAULTS.menuFallbackHeight);\n  }\n\n  private setupListeners() {\n    this.outsideHandler = event => {\n      const target = event.target as Node;\n      const popup = this.el.querySelector('.filter-menu-popup');\n      if (popup?.contains(target) || this.resolvedAnchor?.contains(target)) return;\n      this.close();\n    };\n    document.addEventListener('mousedown', this.outsideHandler, true);\n    this.position.observe();\n  }\n\n  private teardownListeners() {\n    this.position.unobserve();\n    if (this.outsideHandler) {\n      document.removeEventListener('mousedown', this.outsideHandler, true);\n      this.outsideHandler = null;\n    }\n    if (this.closeTimer) {\n      clearTimeout(this.closeTimer);\n      this.closeTimer = null;\n    }\n  }\n\n  private close(restoreFocus = true) {\n    this.captureClosingSnapshot();\n    if (restoreFocus) this.focusAnchor();\n    this.dsOpenChange.emit(false);\n    this.dsClose.emit();\n    this.open = false;\n    this.onOpenChange(false);\n  }\n\n  private toggleFromTrigger(event: MouseEvent) {\n    if (this.open) {\n      this.close();\n      return;\n    }\n    this.pendingInitialFocusVisible = event.detail === 0;\n    this.open = true;\n    this.dsOpenChange.emit(true);\n    this.onOpenChange(true);\n  }\n\n  private handleTriggerKeyDown(event: KeyboardEvent) {\n    if (event.key !== 'ArrowDown' || this.open) return;\n    event.preventDefault();\n    this.pendingInitialFocusVisible = true;\n    this.open = true;\n    this.dsOpenChange.emit(true);\n    this.onOpenChange(true);\n  }\n\n  private finishClose() {\n    const popup = this.el.querySelector<HTMLElement>('.filter-menu-popup');\n    if (popup?.matches(':popover-open')) popup.hidePopover();\n    this.shouldRender = false;\n    this.closing = false;\n    this.closingSnapshot = null;\n    this.closeTimer = null;\n    this.dsAfterClose.emit();\n  }\n\n  private captureClosingSnapshot() {\n    if (this.closingSnapshot) return;\n    this.closingSnapshot = {\n      filters: this.filters.map(filter => ({\n        ...filter,\n        options: filter.options?.map(option => ({ ...option })),\n      })),\n      values: Object.fromEntries(\n        Object.entries(this.values).map(([key, value]) => [\n          key,\n          Array.isArray(value) ? [...value] : value,\n        ])\n      ),\n      activeFilterId: this.activeFilterId,\n    };\n  }\n\n  private focusAnchor() {\n    const anchor = this.resolvedAnchor as\n      (HTMLElement & { setFocus?: () => Promise<void> | void }) | null;\n    if (anchor?.setFocus) {\n      void anchor.setFocus();\n      return;\n    }\n    this.anchorFocusTarget?.focus();\n  }\n\n  private focusInitialCategory() {\n    requestAnimationFrame(() => {\n      this.el.querySelector<HTMLElement>('.filter-menu__category[tabindex=\"0\"]')?.focus();\n      this.pendingInitialFocusVisible = false;\n    });\n  }\n\n  private tabLeavesPopup(event: KeyboardEvent): boolean {\n    const popup = this.el.querySelector<HTMLElement>('.filter-menu-popup');\n    if (!popup) return true;\n    const focusables = Array.from(\n      popup.querySelectorAll<HTMLElement>(FILTER_MENU_FOCUSABLE_SELECTOR)\n    ).filter(element => element.getClientRects().length > 0);\n    const index = focusables.indexOf(event.target as HTMLElement);\n    if (index < 0) return true;\n    return event.shiftKey ? index === 0 : index === focusables.length - 1;\n  }\n\n  private moveFocusAfterTab(backwards: boolean) {\n    const anchor = this.anchorFocusTarget;\n    if (!anchor) return;\n    if (backwards) {\n      anchor.focus();\n      return;\n    }\n    const candidates = Array.from(\n      document.querySelectorAll<HTMLElement>(FILTER_MENU_FOCUSABLE_SELECTOR)\n    ).filter(\n      element =>\n        !element.closest('.filter-menu-popup') &&\n        !element.closest('[inert]') &&\n        element.getClientRects().length > 0\n    );\n    const index = candidates.indexOf(anchor);\n    (candidates[index + 1] ?? anchor).focus();\n  }\n\n  private selectedFilter(filters: FilterMenuFilter[], activeFilterId: string | undefined) {\n    return filters.find(filter => filter.id === activeFilterId) ?? filters[0];\n  }\n\n  private selectedCount(filter: FilterMenuFilter, values: FilterMenuValues): number {\n    const value = values[filter.id];\n    if (filter.kind === 'multiple') return Array.isArray(value) ? value.length : 0;\n    if (filter.kind === 'boolean') return value === true ? 1 : 0;\n    return typeof value === 'string' && value.length > 0 ? 1 : 0;\n  }\n\n  private totalSelected(filters: FilterMenuFilter[], values: FilterMenuValues): number {\n    return filters.reduce((total, filter) => total + this.selectedCount(filter, values), 0);\n  }\n\n  private activeFilterCount(filters: FilterMenuFilter[], values: FilterMenuValues): number {\n    return filters.filter(filter => this.selectedCount(filter, values) > 0).length;\n  }\n\n  private selectCategory(filterId: string, focus = false) {\n    this.activeOptionIndex = 0;\n    this.dsActiveFilterChange.emit(filterId);\n    if (!focus) return;\n    requestAnimationFrame(() => {\n      this.el.querySelector<HTMLElement>(`[data-filter-category=\"${filterId}\"]`)?.focus();\n    });\n  }\n\n  private handleCategoryKeyDown(\n    event: KeyboardEvent,\n    filters: FilterMenuFilter[],\n    filterId: string\n  ) {\n    const currentIndex = filters.findIndex(filter => filter.id === filterId);\n    let nextIndex: number;\n    if (event.key === 'ArrowDown') nextIndex = (currentIndex + 1) % filters.length;\n    else if (event.key === 'ArrowUp')\n      nextIndex = (currentIndex - 1 + filters.length) % filters.length;\n    else if (event.key === 'Home') nextIndex = 0;\n    else if (event.key === 'End') nextIndex = filters.length - 1;\n    else if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      requestAnimationFrame(() => {\n        this.el\n          .querySelector<HTMLElement>(\n            '.filter-menu__options [role=\"option\"], .filter-menu__options input'\n          )\n          ?.focus();\n      });\n      return;\n    } else return;\n\n    event.preventDefault();\n    this.focusRingVisible = true;\n    this.selectCategory(filters[nextIndex].id, true);\n  }\n\n  private handlePanelKeyDown(event: KeyboardEvent, filterId: string) {\n    if (event.key !== 'ArrowLeft') return;\n    event.preventDefault();\n    this.el.querySelector<HTMLElement>(`[data-filter-category=\"${filterId}\"]`)?.focus();\n  }\n\n  private handleOptionKeyDown(\n    event: KeyboardEvent,\n    filter: FilterMenuFilter,\n    option: FilterMenuOption,\n    index: number,\n    values: FilterMenuValues\n  ) {\n    const options = filter.options ?? [];\n    if (event.key === 'ArrowLeft') {\n      this.handlePanelKeyDown(event, filter.id);\n      return;\n    }\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.selectOption(filter, option, values);\n      return;\n    }\n    if (!['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) return;\n    event.preventDefault();\n    const enabled = options\n      .map((candidate, optionIndex) => ({ candidate, optionIndex }))\n      .filter(({ candidate }) => !candidate.isInactive)\n      .map(({ optionIndex }) => optionIndex);\n    if (!enabled.length) return;\n    const current = enabled.indexOf(index);\n    let next: number;\n    if (event.key === 'Home') next = enabled[0];\n    else if (event.key === 'End') next = enabled[enabled.length - 1];\n    else {\n      const direction = event.key === 'ArrowDown' ? 1 : -1;\n      const start = current >= 0 ? current : direction === 1 ? -1 : 0;\n      next = enabled[(start + direction + enabled.length) % enabled.length];\n    }\n    this.activeOptionIndex = next;\n    this.focusRingVisible = true;\n    requestAnimationFrame(() => {\n      this.el\n        .querySelector<HTMLElement>(`#${this.generatedId}-${filter.id}-option-${next}`)\n        ?.focus();\n    });\n  }\n\n  private toggleMultiple(\n    filter: FilterMenuFilter,\n    option: FilterMenuOption,\n    checked: boolean,\n    values: FilterMenuValues\n  ) {\n    if (option.isInactive) return;\n    const current = Array.isArray(values[filter.id]) ? (values[filter.id] as string[]) : [];\n    const selected = new Set(current);\n    if (checked) selected.add(option.value);\n    else selected.delete(option.value);\n    const ordered = (filter.options ?? [])\n      .map(candidate => candidate.value)\n      .filter(value => selected.has(value));\n    this.dsChange.emit({ filterId: filter.id, value: ordered });\n  }\n\n  private selectOption(\n    filter: FilterMenuFilter,\n    option: FilterMenuOption,\n    values: FilterMenuValues\n  ) {\n    if (option.isInactive) return;\n    if (filter.kind === 'single') {\n      this.dsChange.emit({ filterId: filter.id, value: option.value });\n      return;\n    }\n    const selected = Array.isArray(values[filter.id])\n      ? (values[filter.id] as string[]).includes(option.value)\n      : false;\n    this.toggleMultiple(filter, option, !selected, values);\n  }\n\n  private renderOptions(filter: FilterMenuFilter, values: FilterMenuValues) {\n    const value = values[filter.id];\n    if (filter.kind === 'multiple' || filter.kind === 'single') {\n      const selected = Array.isArray(value) ? value : [];\n      const options = filter.options ?? [];\n      const usesSubtext = choiceListUsesSubtext(\n        options.map(option => ({\n          label: option.label,\n          value: option.value,\n          subtext: option.description,\n        }))\n      );\n      return options.map((option, index) => {\n        const isSelected =\n          filter.kind === 'multiple' ? selected.includes(option.value) : value === option.value;\n        return (\n          <ChoiceOptionRow\n            size=\"md\"\n            id={`${this.generatedId}-${filter.id}-option-${index}`}\n            option={{\n              label: option.label,\n              value: option.value,\n              subtext: option.description,\n              isInactive: option.isInactive,\n            }}\n            selected={isSelected}\n            active={index === this.activeOptionIndex}\n            focusRingVisible={this.focusRingVisible}\n            usesSubtext={usesSubtext}\n            tabIndex={index === this.activeOptionIndex ? 0 : -1}\n            leading={\n              filter.kind === 'multiple' ? (\n                <span\n                  class=\"ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\"\n                  aria-hidden=\"true\"\n                >\n                  <ds-checkbox label=\"\" size=\"md\" checked={isSelected} presentation />\n                </span>\n              ) : undefined\n            }\n            onFocus={() => {\n              this.activeOptionIndex = index;\n            }}\n            onKeyDown={(event: KeyboardEvent) =>\n              this.handleOptionKeyDown(event, filter, option, index, values)\n            }\n            onHover={() => {\n              this.focusRingVisible = false;\n              this.activeOptionIndex = index;\n            }}\n            onSelect={() => this.selectOption(filter, option, values)}\n          />\n        );\n      });\n    }\n\n    if (filter.kind === 'boolean') {\n      const option: FilterMenuOption = {\n        label: filter.fieldLabel ?? filter.label,\n        value: 'true',\n        description: filter.description,\n      };\n      return (\n        <ChoiceOptionRow\n          size=\"md\"\n          id={`${this.generatedId}-${filter.id}-option-0`}\n          option={{\n            label: option.label,\n            value: option.value,\n            subtext: option.description,\n          }}\n          selected={value === true}\n          active\n          focusRingVisible={this.focusRingVisible}\n          usesSubtext={Boolean(option.description)}\n          tabIndex={0}\n          leading={\n            <span\n              class=\"ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\"\n              aria-hidden=\"true\"\n            >\n              <ds-checkbox label=\"\" size=\"md\" checked={value === true} presentation />\n            </span>\n          }\n          onKeyDown={(event: KeyboardEvent) => {\n            if (event.key === 'ArrowLeft') this.handlePanelKeyDown(event, filter.id);\n            else if (event.key === 'Enter' || event.key === ' ') {\n              event.preventDefault();\n              this.dsChange.emit({ filterId: filter.id, value: value !== true });\n            }\n          }}\n          onHover={() => {\n            this.focusRingVisible = false;\n          }}\n          onSelect={() => this.dsChange.emit({ filterId: filter.id, value: value !== true })}\n        />\n      );\n    }\n\n    const dateValue = typeof value === 'string' ? value : '';\n    const inputId = `${this.generatedId}-${filter.id}-input`;\n    return (\n      <div class=\"filter-menu__date-field\">\n        <label htmlFor={inputId}>\n          <ds-text as=\"span\" variant=\"text-body-small\" emphasis color=\"primary\">\n            {filter.fieldLabel ?? 'Event date'}\n          </ds-text>\n        </label>\n        <div class=\"filter-menu__date-control ds-control-frame ds-control--md\">\n          <input\n            id={inputId}\n            class=\"filter-menu__date-input\"\n            type=\"date\"\n            value={dateValue}\n            onInput={(event: Event) =>\n              this.dsChange.emit({\n                filterId: filter.id,\n                value: (event.target as HTMLInputElement).value,\n              })\n            }\n          />\n          {dateValue ? (\n            <ds-button-unfilled\n              variant=\"icon\"\n              icon=\"CrossCircle\"\n              size=\"sm\"\n              isInset\n              hasBorder={false}\n              rounded\n              ariaLabel={`${this.clearLabel} ${filter.fieldLabel ?? filter.label}`}\n              onDsClick={(event: CustomEvent<MouseEvent>) => {\n                event.stopPropagation();\n                this.dsChange.emit({ filterId: filter.id, value: '' });\n              }}\n            />\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const state =\n      this.closing && this.closingSnapshot\n        ? this.closingSnapshot\n        : {\n            filters: this.filters,\n            values: this.values,\n            activeFilterId: this.activeFilterId,\n          };\n    const activeFilter = this.selectedFilter(state.filters, state.activeFilterId);\n    const totalSelected = this.totalSelected(state.filters, state.values);\n    const activeFilterCount = this.activeFilterCount(state.filters, state.values);\n    const hasActiveFilters = activeFilterCount > 0;\n    const label = `${this.triggerLabel}${hasActiveFilters ? ` · ${activeFilterCount}` : ''}`;\n    const textVariant = CONTROL_TEXT_VARIANT[this.size];\n    const iconSize = ICON_SIZE[this.size];\n    const popupId = `${this.generatedId}-popup`;\n    const popupStyle: Record<string, string> = {\n      position: 'fixed',\n      left: '0',\n      top: '0',\n      width: this.menuWidth,\n      transform: `translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,\n      zIndex: '9998',\n      visibility: this.positionReady ? 'visible' : 'hidden',\n    };\n\n    return (\n      <Host\n        class={{\n          'filter-menu-host': true,\n          'filter-menu-host--external-trigger': !this.usesInternalTrigger,\n          'ds-select-trigger-host': this.usesInternalTrigger,\n          [`ds-control--${this.size}`]: true,\n          ...controlWidthClass(this.width),\n        }}\n      >\n        {this.usesInternalTrigger ? (\n          <button\n            ref={element => {\n              this.triggerElement = (element as HTMLButtonElement) ?? null;\n            }}\n            id={this.inputId ?? `${this.generatedId}-trigger`}\n            type=\"button\"\n            class={{\n              trigger: true,\n              'ds-control-frame': true,\n              'ds-focus-ring-inset': true,\n              'ds-interaction-fill': true,\n              'ds-interaction-fill--selected': this.activeFill && hasActiveFilters,\n              'trigger--expanded': this.open || this.closing,\n              'trigger--bordered': this.hasBorder,\n              'trigger--has-value': hasActiveFilters,\n              [`ds-control--${this.size}`]: true,\n            }}\n            role=\"combobox\"\n            aria-haspopup=\"dialog\"\n            aria-expanded={String(this.open)}\n            aria-controls={this.open ? popupId : undefined}\n            aria-label={this.ariaLabel ?? this.menuLabel}\n            onClick={(event: MouseEvent) => this.toggleFromTrigger(event)}\n            onKeyDown={(event: KeyboardEvent) => this.handleTriggerKeyDown(event)}\n          >\n            {this.icon ? (\n              <span\n                class=\"trigger__prefix ds-control-icon-box ds-interaction-fill__content\"\n                aria-hidden=\"true\"\n              >\n                <ds-icon name={this.icon} size={iconSize} color=\"inherit\" />\n              </span>\n            ) : null}\n            <ds-text\n              class=\"trigger__label-box trigger__label trigger__label-content ds-control-label-box ds-interaction-fill__content\"\n              as=\"span\"\n              variant={textVariant}\n              color=\"inherit\"\n              lineTruncation={1}\n            >\n              {label}\n            </ds-text>\n            <span\n              class=\"trigger__chevron ds-control-icon-box ds-interaction-fill__content\"\n              aria-hidden=\"true\"\n            >\n              <ds-icon name=\"ChevronDown\" size={iconSize} color=\"inherit\" />\n            </span>\n          </button>\n        ) : null}\n\n        {this.shouldRender ? (\n          <div\n            id={popupId}\n            popover=\"manual\"\n            class={{\n              'filter-menu-popup': true,\n              'ds-choice-popup': true,\n              'ds-choice-popup--closing': this.closing,\n            }}\n            style={popupStyle}\n            role=\"dialog\"\n            aria-label={this.menuLabel}\n          >\n            {activeFilter ? (\n              <div class=\"filter-menu\">\n                <div class=\"filter-menu__body\">\n                  <div\n                    class=\"filter-menu__categories ds-choice-list ds-chrome-column ds-chrome-space--sm\"\n                    role=\"tablist\"\n                    aria-label={this.categoriesLabel}\n                    aria-orientation=\"vertical\"\n                  >\n                    {state.filters.map(filter => {\n                      const active = filter.id === activeFilter.id;\n                      const count = this.selectedCount(filter, state.values);\n                      return (\n                        <div\n                          key={filter.id}\n                          class={{\n                            'filter-menu__category-section': true,\n                            'ds-choice-section--divided': Boolean(filter.divider),\n                          }}\n                        >\n                          <button\n                            id={`${this.generatedId}-${filter.id}-tab`}\n                            type=\"button\"\n                            role=\"tab\"\n                            data-filter-category={filter.id}\n                            class={{\n                              'filter-menu__category': true,\n                              'filter-menu__category--active': active,\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                            aria-selected={String(active)}\n                            aria-controls={`${this.generatedId}-panel`}\n                            tabIndex={active ? 0 : -1}\n                            onMouseDown={() => {\n                              this.focusRingVisible = false;\n                            }}\n                            onClick={() => this.selectCategory(filter.id)}\n                            onKeyDown={(event: KeyboardEvent) =>\n                              this.handleCategoryKeyDown(event, state.filters, filter.id)\n                            }\n                          >\n                            <ds-text\n                              class=\"ds-choice-item__content 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                              {filter.label}\n                            </ds-text>\n                            {count > 0 ? (\n                              <ds-tag\n                                class=\"ds-choice-item__tag ds-interaction-fill__content\"\n                                label={String(count)}\n                                size=\"sm\"\n                                intent=\"brand\"\n                                contrast=\"bold\"\n                                isInset\n                                rounded\n                              />\n                            ) : null}\n                          </button>\n                        </div>\n                      );\n                    })}\n                  </div>\n\n                  <div\n                    id={`${this.generatedId}-panel`}\n                    class=\"filter-menu__options\"\n                    role=\"tabpanel\"\n                    aria-labelledby={`${this.generatedId}-${activeFilter.id}-tab`}\n                  >\n                    <div\n                      key={activeFilter.id}\n                      class=\"filter-menu__option-list ds-choice-list ds-chrome-column ds-chrome-space--sm\"\n                      role=\"listbox\"\n                      aria-label={activeFilter.label}\n                      aria-multiselectable={activeFilter.kind === 'multiple' ? 'true' : undefined}\n                    >\n                      {this.renderOptions(activeFilter, state.values)}\n                    </div>\n                  </div>\n                </div>\n\n                {totalSelected > 0 ? (\n                  <div class=\"filter-menu__footer ds-choice-footer\">\n                    <div class=\"ds-choice-footer__content ds-control--md\">\n                      <ds-text\n                        class=\"ds-choice-footer__summary\"\n                        as=\"span\"\n                        variant=\"text-body-medium\"\n                        color=\"secondary\"\n                        aria-live=\"polite\"\n                      >\n                        {totalSelected} selected\n                      </ds-text>\n                      <button\n                        class=\"filter-menu__clear ds-choice-footer__clear ds-text-action\"\n                        type=\"button\"\n                        onClick={() => this.dsClear.emit()}\n                      >\n                        <ds-text as=\"span\" variant=\"text-body-medium\" color=\"inherit\">\n                          {this.clearLabel}\n                        </ds-text>\n                      </button>\n                    </div>\n                  </div>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/ds-input.js

@@ -1,2 +1,2 @@
-import{I as o,d as s}from"./p-BVmKcpyP.js";const p=o;const t=s;export{p as DsInput,t as defineCustomElement};
+import{I as o,d as s}from"./p-iBuPFJL9.js";const t=o;const p=s;export{t as DsInput,p as defineCustomElement};
 //# sourceMappingURL=ds-input.js.map

package/dist/components/ds-markdown.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-CoQSB3tl.js";const t=o;const p=s;export{t as DsMarkdown,p as defineCustomElement};
+import{M as o,d as s}from"./p-Ct-m0I6U.js";const t=o;const m=s;export{t as DsMarkdown,m as defineCustomElement};
 //# sourceMappingURL=ds-markdown.js.map

package/dist/components/ds-menu.js

@@ -1,2 +1,2 @@
-import{M as t,d as o}from"./p-BiTwXttN.js";const s=t;const p=o;export{s as DsMenu,p as defineCustomElement};
+import{M as o,d as s}from"./p-Dh_p8OzP.js";const p=o;const t=s;export{p as DsMenu,t as defineCustomElement};
 //# sourceMappingURL=ds-menu.js.map

package/dist/components/ds-message-actions.js

@@ -1,2 +1,2 @@
-import{p as s,H as e,c as t,h as i,a,t as o}from"./index.js";import{C as n}from"./p-BnhGV__o.js";import{d}from"./p-D8nnhQNJ.js";import{d as l}from"./p-c_5SXjwx.js";import{d as c}from"./p-BFfLvMZd.js";import{d as r}from"./p-Ca-I2UnB.js";import{d as p}from"./p-DZFilC--.js";import{d as h}from"./p-BXPQmp7q.js";const m=()=>`.sc-ds-message-actions-h{display:inline-flex;box-sizing:border-box}.message-actions.sc-ds-message-actions{display:inline-flex;align-items:center;gap:var(--dimension-space-050)}`;const f=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsCopyResult=t(this,"dsCopyResult");this.dsFeedbackChange=t(this,"dsFeedbackChange");this.feedbackEnabled=false;this.copied=false;this.copyFeedback=new n((s=>{this.copied=s}));this.copy=async()=>{const s=await this.copyFeedback.copy(this.copyText??"");if(s===undefined)return;this.dsCopyResult.emit({status:s?"success":"error"})}}connectedCallback(){this.copyFeedback.connect()}handleCopyTextChange(){this.copyFeedback.reset()}disconnectedCallback(){this.copyFeedback.disconnect()}changeFeedback(s,e){this.dsFeedbackChange.emit(e?s:undefined)}render(){const s=this.copied?"Copied":"Copy message";return i(a,{key:"dbe5e657fef340ed82eaf99e76fd0a2415a50211"},i("div",{key:"bc73e7dd796c5c863af27f0c30603d456fe53b5c",class:"message-actions",role:"group","aria-label":"Message actions"},this.copyText?i("ds-tooltip",{label:s,side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.copied?"Check":"Copy",size:"xs","aria-label":s,hasBorder:false,onDsClick:this.copy})):null,this.feedbackEnabled?i("ds-tooltip",{label:"Good response",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.feedback==="positive"?"ThumbsUpFilled":"ThumbsUp",size:"xs","aria-label":"Good response",hasBorder:false,activeFill:false,pressed:this.feedback==="positive",onDsChange:s=>this.changeFeedback("positive",s.detail)})):null,this.feedbackEnabled?i("ds-tooltip",{label:"Bad response",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.feedback==="negative"?"ThumbsDownFilled":"ThumbsDown",size:"xs","aria-label":"Bad response",hasBorder:false,activeFill:false,pressed:this.feedback==="negative",onDsChange:s=>this.changeFeedback("negative",s.detail)})):null))}static get watchers(){return{copyText:[{handleCopyTextChange:0}]}}static get style(){return m()}},[2,"ds-message-actions",{copyText:[1,"copy-text"],feedbackEnabled:[4,"feedback-enabled"],feedback:[1],copied:[32]},undefined,{copyText:[{handleCopyTextChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const s=["ds-message-actions","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-message-actions":if(!customElements.get(o(s))){customElements.define(o(s),f)}break;case"ds-badge":if(!customElements.get(o(s))){d()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){l()}break;case"ds-icon":if(!customElements.get(o(s))){c()}break;case"ds-loader":if(!customElements.get(o(s))){r()}break;case"ds-text":if(!customElements.get(o(s))){p()}break;case"ds-tooltip":if(!customElements.get(o(s))){h()}break}}))}u();const b=f;const g=u;export{b as DsMessageActions,g as defineCustomElement};
+import{p as s,H as e,c as t,h as i,a,t as o}from"./index.js";import{C as n}from"./p-BnhGV__o.js";import{d}from"./p-vWK5faWZ.js";import{d as l}from"./p-C7rzVotG.js";import{d as c}from"./p-BFfLvMZd.js";import{d as r}from"./p-Ca-I2UnB.js";import{d as p}from"./p-DZFilC--.js";import{d as m}from"./p-BXPQmp7q.js";const f=()=>`.sc-ds-message-actions-h{display:inline-flex;box-sizing:border-box}.message-actions.sc-ds-message-actions{display:inline-flex;align-items:center;gap:var(--dimension-space-050)}`;const h=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsCopyResult=t(this,"dsCopyResult");this.dsFeedbackChange=t(this,"dsFeedbackChange");this.feedbackEnabled=false;this.copied=false;this.copyFeedback=new n((s=>{this.copied=s}));this.copy=async()=>{const s=await this.copyFeedback.copy(this.copyText??"");if(s===undefined)return;this.dsCopyResult.emit({status:s?"success":"error"})}}connectedCallback(){this.copyFeedback.connect()}handleCopyTextChange(){this.copyFeedback.reset()}disconnectedCallback(){this.copyFeedback.disconnect()}changeFeedback(s,e){this.dsFeedbackChange.emit(e?s:undefined)}render(){const s=this.copied?"Copied":"Copy message";return i(a,{key:"dbe5e657fef340ed82eaf99e76fd0a2415a50211"},i("div",{key:"bc73e7dd796c5c863af27f0c30603d456fe53b5c",class:"message-actions",role:"group","aria-label":"Message actions"},this.copyText?i("ds-tooltip",{label:s,side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.copied?"Check":"Copy",size:"xs","aria-label":s,hasBorder:false,onDsClick:this.copy})):null,this.feedbackEnabled?i("ds-tooltip",{label:"Good response",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.feedback==="positive"?"ThumbsUpFilled":"ThumbsUp",size:"xs","aria-label":"Good response",hasBorder:false,activeFill:false,pressed:this.feedback==="positive",onDsChange:s=>this.changeFeedback("positive",s.detail)})):null,this.feedbackEnabled?i("ds-tooltip",{label:"Bad response",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.feedback==="negative"?"ThumbsDownFilled":"ThumbsDown",size:"xs","aria-label":"Bad response",hasBorder:false,activeFill:false,pressed:this.feedback==="negative",onDsChange:s=>this.changeFeedback("negative",s.detail)})):null))}static get watchers(){return{copyText:[{handleCopyTextChange:0}]}}static get style(){return f()}},[2,"ds-message-actions",{copyText:[1,"copy-text"],feedbackEnabled:[4,"feedback-enabled"],feedback:[1],copied:[32]},undefined,{copyText:[{handleCopyTextChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const s=["ds-message-actions","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-message-actions":if(!customElements.get(o(s))){customElements.define(o(s),h)}break;case"ds-badge":if(!customElements.get(o(s))){d()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){l()}break;case"ds-icon":if(!customElements.get(o(s))){c()}break;case"ds-loader":if(!customElements.get(o(s))){r()}break;case"ds-text":if(!customElements.get(o(s))){p()}break;case"ds-tooltip":if(!customElements.get(o(s))){m()}break}}))}u();const b=h;const g=u;export{b as DsMessageActions,g as defineCustomElement};
 //# sourceMappingURL=ds-message-actions.js.map

package/dist/components/ds-message-composer.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as o,h as r,a,t}from"./index.js";import{d as c}from"./p-D8nnhQNJ.js";import{d as i}from"./p-DvJkkdIO.js";import{d}from"./p-c_5SXjwx.js";import{d as n}from"./p-BFfLvMZd.js";import{d as m}from"./p-Ca-I2UnB.js";import{d as l}from"./p-DZFilC--.js";import{d as p}from"./p-BXPQmp7q.js";const g=()=>`@media (forced-colors: active){.sc-ds-message-composer:root,.sc-ds-message-composer-h,.ds-forced-colors-scope.sc-ds-message-composer{--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-message-composer-h{display:block;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none}.message-composer.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%;margin:0}.message-composer__attachments.sc-ds-message-composer:empty,.message-composer__tools.sc-ds-message-composer:empty,.message-composer__error-actions.sc-ds-message-composer:empty{display:none}.message-composer__error-support.sc-ds-message-composer,.message-composer__error-message.sc-ds-message-composer,.message-composer__error-actions.sc-ds-message-composer{display:flex;align-items:center}.message-composer__error-support.sc-ds-message-composer{justify-content:space-between;flex-wrap:wrap;gap:var(--dimension-space-075) var(--dimension-space-100);min-width:0;padding:var(--dimension-space-075) var(--dimension-space-100);background:var(--color-background-faint-negative)}.message-composer__error-message.sc-ds-message-composer{flex:1 1 var(--dimension-panel-width-xs);gap:var(--dimension-space-050);min-width:0;color:var(--color-foreground-bold-negative)}.message-composer__error-actions.sc-ds-message-composer{flex:0 1 auto;flex-wrap:wrap;gap:var(--dimension-space-050)}.message-composer__stack.sc-ds-message-composer{min-width:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{overflow:hidden;border:var(--dimension-stroke-width-012) solid var(--color-border-bold-negative);border-radius:var(--dimension-radius-125);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md)}.message-composer__field.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);padding:var(--dimension-space-100);border-radius:var(--dimension-radius-125);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md);overflow:hidden}.message-composer.sc-ds-message-composer:not(.message-composer--error) .message-composer__field.sc-ds-message-composer:focus-within{box-shadow:var(--effect-elevation-elevated-md),     inset 0 0 0 var(--dimension-stroke-width-018) var(--color-border-bold-brand)}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border-radius:0;box-shadow:none}textarea.sc-ds-message-composer{width:100%;min-height:calc(var(--typography-lineheight-md) * 2 + var(--dimension-space-150));max-height:calc(var(--typography-lineheight-md) * 6 + var(--dimension-space-150));padding:var(--dimension-space-075);border:none;outline:none;resize:none;overflow-y:auto;box-sizing:border-box;background:transparent;color:var(--color-foreground-primary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half);-webkit-user-select:text;user-select:text}textarea.sc-ds-message-composer::placeholder{color:var(--color-foreground-secondary)}textarea.sc-ds-message-composer:focus::placeholder{color:var(--color-foreground-quaternary)}textarea.sc-ds-message-composer:focus,textarea.sc-ds-message-composer:focus-visible{outline:none}.message-composer__tools.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-050);min-height:var(--dimension-size-400)}.message-composer__controls.sc-ds-message-composer{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-050);width:100%;min-width:0}.message-composer__actions.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-100);flex:0 0 auto;margin-inline-start:auto}@media (forced-colors: active){.message-composer__field.sc-ds-message-composer{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);box-shadow:none}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{border:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-content);box-shadow:none}.message-composer__error-support.sc-ds-message-composer{border-block-end:var(--dimension-stroke-width-012) solid       var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}`;let f=0;const h=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsInput=o(this,"dsInput");this.dsSubmit=o(this,"dsSubmit");this.dsStop=o(this,"dsStop");this.value="";this.placeholder="Write a message";this.label="Message";this.status="ready";this.isInactive=false;this.submitIntent="brand";this.errorId=`ds-message-composer-error-${++f}`;this.handleInput=e=>{this.value=e.target.value;this.resize();this.dsInput.emit(this.value)};this.handleKeyDown=e=>{if(e.key!=="Enter"||e.shiftKey||e.isComposing)return;e.preventDefault();this.submit()};this.handleAction=()=>{if(this.streaming)this.dsStop.emit();else this.submit()}}componentDidLoad(){this.resize()}onValueChange(){requestAnimationFrame((()=>this.resize()))}async setFocus(){this.textarea?.focus()}get streaming(){return this.status==="submitted"||this.status==="streaming"}resize(){if(!this.textarea)return;this.textarea.style.height="auto";this.textarea.style.height=`${this.textarea.scrollHeight}px`}submit(){const e=this.value.trim();if(!e||this.isInactive||this.streaming)return;this.dsSubmit.emit({text:e})}render(){const e=this.status==="error";const s=this.errorMessage||"Message could not be sent.";const o=!this.streaming&&(this.isInactive||!this.value.trim());return r(a,{key:"f8b4d26b95eea53722f9f8b2fe763f06004bb13c"},r("form",{key:"e6a2a95b255a5b688f9f1ad335e29fe630580561",class:{"message-composer":true,"message-composer--error":e},"aria-busy":this.streaming?"true":undefined,onSubmit:e=>{e.preventDefault();this.submit()}},r("div",{key:"8befd4c6450c73d70415d4bc1ce24fb64e022104",class:"message-composer__attachments"},r("slot",{key:"055d2d30de4a52cd3618e1b752efa66fb6683461",name:"attachments"})),r("div",{key:"44681b8f148efb7d97e5d4ddf36dd6e2f69d7e16",class:"message-composer__stack"},e?r("div",{class:"message-composer__error-support"},r("div",{id:this.errorId,class:"message-composer__error-message",role:"alert"},r("ds-icon",{name:"ErrorTriangle",size:"xs",color:"inherit"}),r("ds-text",{variant:"text-body-small",color:"negative"},s)),r("div",{class:"message-composer__error-actions"},r("slot",{name:"error-actions"}))):null,r("div",{key:"68f8986e3f055ae2ba577870f0e702c308c44c1d",class:"message-composer__field"},r("textarea",{key:"c68c325d93dbdbe4e36c2570b2da8e9d247440c5",ref:e=>{this.textarea=e},value:this.value,placeholder:this.placeholder,"aria-label":this.label,"aria-invalid":e?"true":undefined,"aria-describedby":e?this.errorId:undefined,disabled:this.isInactive,rows:2,onInput:this.handleInput,onKeyDown:this.handleKeyDown}),r("div",{key:"ffc33e1a4f40cc61dd72b1cfccb0f21c83cab33f",class:"message-composer__controls"},r("div",{key:"eb0fee9e2f93280cdcf8b47ddd65902220563e44",class:"message-composer__tools"},r("slot",{key:"ec66ecca67fe6ed6100c9d112a2c1df611684b60",name:"tools"})),r("div",{key:"30018c2fed46f4ee70d59b71226bb673ade1687b",class:"message-composer__actions"},r("slot",{key:"3a6a3e088cb8ecfd5afe6c24ca6ecb47bdad8967",name:"actions"}),o?r("ds-tooltip",{label:"Send message",side:"top",size:"sm"},r("ds-button-unfilled",{class:"message-composer__action",variant:"icon",icon:"ArrowUp",size:"md","aria-label":"Send message",hasBorder:true,isInactive:true,onDsClick:this.handleAction})):r("ds-tooltip",{label:this.streaming?"Stop response":"Send message",side:"top",size:"sm"},r("ds-button-filled",{class:"message-composer__action",variant:"icon",icon:this.streaming?"SquareFilled":"ArrowUp",intent:this.streaming?"brand":this.submitIntent,contrast:"bold",size:"md","aria-label":this.streaming?"Stop response":"Send message",onDsClick:this.handleAction}))))))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return g()}},[262,"ds-message-composer",{value:[1025],placeholder:[1],label:[1],status:[1],errorMessage:[1,"error-message"],isInactive:[4,"is-inactive"],submitIntent:[1,"submit-intent"],setFocus:[64]},undefined,{value:[{onValueChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ds-message-composer","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-composer":if(!customElements.get(t(e))){customElements.define(t(e),h)}break;case"ds-badge":if(!customElements.get(t(e))){c()}break;case"ds-button-filled":if(!customElements.get(t(e))){i()}break;case"ds-button-unfilled":if(!customElements.get(t(e))){d()}break;case"ds-icon":if(!customElements.get(t(e))){n()}break;case"ds-loader":if(!customElements.get(t(e))){m()}break;case"ds-text":if(!customElements.get(t(e))){l()}break;case"ds-tooltip":if(!customElements.get(t(e))){p()}break}}))}b();const u=h;const v=b;export{u as DsMessageComposer,v as defineCustomElement};
+import{p as e,H as s,c as o,h as r,a,t}from"./index.js";import{d as i}from"./p-vWK5faWZ.js";import{d as c}from"./p-BxqBiVbH.js";import{d}from"./p-C7rzVotG.js";import{d as n}from"./p-BFfLvMZd.js";import{d as m}from"./p-Ca-I2UnB.js";import{d as l}from"./p-DZFilC--.js";import{d as p}from"./p-BXPQmp7q.js";const g=()=>`@media (forced-colors: active){.sc-ds-message-composer:root,.sc-ds-message-composer-h,.ds-forced-colors-scope.sc-ds-message-composer{--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-message-composer-h{display:block;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none}.message-composer.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%;margin:0}.message-composer__attachments.sc-ds-message-composer:empty,.message-composer__tools.sc-ds-message-composer:empty,.message-composer__error-actions.sc-ds-message-composer:empty{display:none}.message-composer__error-support.sc-ds-message-composer,.message-composer__error-message.sc-ds-message-composer,.message-composer__error-actions.sc-ds-message-composer{display:flex;align-items:center}.message-composer__error-support.sc-ds-message-composer{justify-content:space-between;flex-wrap:wrap;gap:var(--dimension-space-075) var(--dimension-space-100);min-width:0;padding:var(--dimension-space-075) var(--dimension-space-100);background:var(--color-background-faint-negative)}.message-composer__error-message.sc-ds-message-composer{flex:1 1 var(--dimension-panel-width-xs);gap:var(--dimension-space-050);min-width:0;color:var(--color-foreground-bold-negative)}.message-composer__error-actions.sc-ds-message-composer{flex:0 1 auto;flex-wrap:wrap;gap:var(--dimension-space-050)}.message-composer__stack.sc-ds-message-composer{min-width:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{overflow:hidden;border:var(--dimension-stroke-width-012) solid var(--color-border-bold-negative);border-radius:var(--dimension-radius-125);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md)}.message-composer__field.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);padding:var(--dimension-space-100);border-radius:var(--dimension-radius-125);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md);overflow:hidden}.message-composer.sc-ds-message-composer:not(.message-composer--error) .message-composer__field.sc-ds-message-composer:focus-within{box-shadow:var(--effect-elevation-elevated-md),     inset 0 0 0 var(--dimension-stroke-width-018) var(--color-border-bold-brand)}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border-radius:0;box-shadow:none}textarea.sc-ds-message-composer{width:100%;min-height:calc(var(--typography-lineheight-md) * 2 + var(--dimension-space-150));max-height:calc(var(--typography-lineheight-md) * 6 + var(--dimension-space-150));padding:var(--dimension-space-075);border:none;outline:none;resize:none;overflow-y:auto;box-sizing:border-box;background:transparent;color:var(--color-foreground-primary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half);-webkit-user-select:text;user-select:text}textarea.sc-ds-message-composer::placeholder{color:var(--color-foreground-secondary)}textarea.sc-ds-message-composer:focus::placeholder{color:var(--color-foreground-quaternary)}textarea.sc-ds-message-composer:focus,textarea.sc-ds-message-composer:focus-visible{outline:none}.message-composer__tools.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-050);min-height:var(--dimension-size-400)}.message-composer__controls.sc-ds-message-composer{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-050);width:100%;min-width:0}.message-composer__actions.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-100);flex:0 0 auto;margin-inline-start:auto}@media (forced-colors: active){.message-composer__field.sc-ds-message-composer{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);box-shadow:none}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{border:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-content);box-shadow:none}.message-composer__error-support.sc-ds-message-composer{border-block-end:var(--dimension-stroke-width-012) solid       var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}`;let f=0;const h=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsInput=o(this,"dsInput");this.dsSubmit=o(this,"dsSubmit");this.dsStop=o(this,"dsStop");this.value="";this.placeholder="Write a message";this.label="Message";this.status="ready";this.isInactive=false;this.submitIntent="brand";this.errorId=`ds-message-composer-error-${++f}`;this.handleInput=e=>{this.value=e.target.value;this.resize();this.dsInput.emit(this.value)};this.handleKeyDown=e=>{if(e.key!=="Enter"||e.shiftKey||e.isComposing)return;e.preventDefault();this.submit()};this.handleAction=()=>{if(this.streaming)this.dsStop.emit();else this.submit()}}componentDidLoad(){this.resize()}onValueChange(){requestAnimationFrame((()=>this.resize()))}async setFocus(){this.textarea?.focus()}get streaming(){return this.status==="submitted"||this.status==="streaming"}resize(){if(!this.textarea)return;this.textarea.style.height="auto";this.textarea.style.height=`${this.textarea.scrollHeight}px`}submit(){const e=this.value.trim();if(!e||this.isInactive||this.streaming)return;this.dsSubmit.emit({text:e})}render(){const e=this.status==="error";const s=this.errorMessage||"Message could not be sent.";const o=!this.streaming&&(this.isInactive||!this.value.trim());return r(a,{key:"f8b4d26b95eea53722f9f8b2fe763f06004bb13c"},r("form",{key:"e6a2a95b255a5b688f9f1ad335e29fe630580561",class:{"message-composer":true,"message-composer--error":e},"aria-busy":this.streaming?"true":undefined,onSubmit:e=>{e.preventDefault();this.submit()}},r("div",{key:"8befd4c6450c73d70415d4bc1ce24fb64e022104",class:"message-composer__attachments"},r("slot",{key:"055d2d30de4a52cd3618e1b752efa66fb6683461",name:"attachments"})),r("div",{key:"44681b8f148efb7d97e5d4ddf36dd6e2f69d7e16",class:"message-composer__stack"},e?r("div",{class:"message-composer__error-support"},r("div",{id:this.errorId,class:"message-composer__error-message",role:"alert"},r("ds-icon",{name:"ErrorTriangle",size:"xs",color:"inherit"}),r("ds-text",{variant:"text-body-small",color:"negative"},s)),r("div",{class:"message-composer__error-actions"},r("slot",{name:"error-actions"}))):null,r("div",{key:"68f8986e3f055ae2ba577870f0e702c308c44c1d",class:"message-composer__field"},r("textarea",{key:"c68c325d93dbdbe4e36c2570b2da8e9d247440c5",ref:e=>{this.textarea=e},value:this.value,placeholder:this.placeholder,"aria-label":this.label,"aria-invalid":e?"true":undefined,"aria-describedby":e?this.errorId:undefined,disabled:this.isInactive,rows:2,onInput:this.handleInput,onKeyDown:this.handleKeyDown}),r("div",{key:"ffc33e1a4f40cc61dd72b1cfccb0f21c83cab33f",class:"message-composer__controls"},r("div",{key:"eb0fee9e2f93280cdcf8b47ddd65902220563e44",class:"message-composer__tools"},r("slot",{key:"ec66ecca67fe6ed6100c9d112a2c1df611684b60",name:"tools"})),r("div",{key:"30018c2fed46f4ee70d59b71226bb673ade1687b",class:"message-composer__actions"},r("slot",{key:"3a6a3e088cb8ecfd5afe6c24ca6ecb47bdad8967",name:"actions"}),o?r("ds-tooltip",{label:"Send message",side:"top",size:"sm"},r("ds-button-unfilled",{class:"message-composer__action",variant:"icon",icon:"ArrowUp",size:"md","aria-label":"Send message",hasBorder:true,isInactive:true,onDsClick:this.handleAction})):r("ds-tooltip",{label:this.streaming?"Stop response":"Send message",side:"top",size:"sm"},r("ds-button-filled",{class:"message-composer__action",variant:"icon",icon:this.streaming?"SquareFilled":"ArrowUp",intent:this.streaming?"brand":this.submitIntent,contrast:"bold",size:"md","aria-label":this.streaming?"Stop response":"Send message",onDsClick:this.handleAction}))))))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return g()}},[262,"ds-message-composer",{value:[1025],placeholder:[1],label:[1],status:[1],errorMessage:[1,"error-message"],isInactive:[4,"is-inactive"],submitIntent:[1,"submit-intent"],setFocus:[64]},undefined,{value:[{onValueChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ds-message-composer","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-composer":if(!customElements.get(t(e))){customElements.define(t(e),h)}break;case"ds-badge":if(!customElements.get(t(e))){i()}break;case"ds-button-filled":if(!customElements.get(t(e))){c()}break;case"ds-button-unfilled":if(!customElements.get(t(e))){d()}break;case"ds-icon":if(!customElements.get(t(e))){n()}break;case"ds-loader":if(!customElements.get(t(e))){m()}break;case"ds-text":if(!customElements.get(t(e))){l()}break;case"ds-tooltip":if(!customElements.get(t(e))){p()}break}}))}b();const u=h;const v=b;export{u as DsMessageComposer,v as defineCustomElement};
 //# sourceMappingURL=ds-message-composer.js.map

package/dist/components/ds-message-scroller.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as r,a as o,t as a}from"./index.js";import{S as i}from"./p-CJq3n5kA.js";import{r as l}from"./p-BMc0DE59.js";import{d}from"./p-D8nnhQNJ.js";import{d as n}from"./p-c_5SXjwx.js";import{d as c}from"./p-BFfLvMZd.js";import{d as h}from"./p-Ca-I2UnB.js";import{d as f}from"./p-DZFilC--.js";import{d as g}from"./p-BXPQmp7q.js";const m=()=>`@property --ds-scroll-edge-fade-top{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-bottom{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-left{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-right{syntax:'<length-percentage>';inherits:false;initial-value:0px}@keyframes ds-scroll-edge-fade-reveal-top{from{--ds-scroll-edge-fade-top:0px}to{--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top)}}@keyframes ds-scroll-edge-fade-reveal-bottom{from{--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom)}to{--ds-scroll-edge-fade-bottom:0px}}@keyframes ds-scroll-edge-fade-reveal-left{from{--ds-scroll-edge-fade-left:0px}to{--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left)}}@keyframes ds-scroll-edge-fade-reveal-right{from{--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right)}to{--ds-scroll-edge-fade-right:0px}}.scroll-edge-fade.sc-ds-message-scroller{--ds-scroll-edge-fade-size:var(--dimension-size-600);--ds-scroll-edge-fade-reveal-distance:var(--dimension-size-800);--ds-scroll-edge-fade-target-top:0px;--ds-scroll-edge-fade-target-bottom:0px;--ds-scroll-edge-fade-target-left:0px;--ds-scroll-edge-fade-target-right:0px;--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top);--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom);--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left);--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right);--ds-scroll-edge-fade-block-mask:linear-gradient(     to bottom,     transparent 0,     #000 var(--ds-scroll-edge-fade-top),     #000 calc(100% - var(--ds-scroll-edge-fade-bottom)),     transparent 100%   );--ds-scroll-edge-fade-inline-mask:linear-gradient(     to right,     transparent 0,     #000 var(--ds-scroll-edge-fade-left),     #000 calc(100% - var(--ds-scroll-edge-fade-right)),     transparent 100%   );-webkit-mask-image:var(--ds-scroll-edge-fade-block-mask),     var(--ds-scroll-edge-fade-inline-mask);mask-image:var(--ds-scroll-edge-fade-block-mask),     var(--ds-scroll-edge-fade-inline-mask);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.scroll-edge-fade--top.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--bottom.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--left.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--right.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--top-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:0px}.scroll-edge-fade--bottom-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:0px}.scroll-edge-fade--left-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:0px}.scroll-edge-fade--right-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:0px}@supports (animation-timeline: scroll()){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation-name:ds-scroll-edge-fade-reveal-top,       ds-scroll-edge-fade-reveal-bottom,       ds-scroll-edge-fade-reveal-left,       ds-scroll-edge-fade-reveal-right;animation-duration:1ms;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-timeline:scroll(self y), scroll(self y), scroll(self x), scroll(self x);animation-range:0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%,       0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%}@media (prefers-reduced-motion: reduce){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation:none}}}.scroll-edge-fade--at-end.sc-ds-message-scroller,.scroll-edge-fade--hidden.sc-ds-message-scroller{-webkit-mask-image:none;mask-image:none}.scroll-edge-fade--block-window.sc-ds-message-scroller{--ds-scroll-edge-fade-window-start:100%;--ds-scroll-edge-fade-window-end:100%;-webkit-mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}`;const v=()=>`.ds-control-elevation.sc-ds-message-scroller-h,.ds-control-elevation.sc-ds-message-scroller{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-message-scroller-h::after,.ds-control-elevation.sc-ds-message-scroller::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-message-scroller-h,.ds-control-elevation--sm.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-message-scroller-h,.ds-control-elevation--md.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-message-scroller-h,.ds-control-elevation--floating.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-message-scroller{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-message-scroller,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:none;transition:none}}.sc-ds-message-scroller-h{--ds-message-scroller-anchor-offset:var(--dimension-space-800);display:block;width:100%;height:100%;min-height:0;box-sizing:border-box}.message-scroller.sc-ds-message-scroller{position:relative;width:100%;height:100%;min-height:0}.message-scroller__viewport.sc-ds-message-scroller{width:100%;height:100%;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;box-sizing:border-box}.message-scroller__viewport.sc-ds-message-scroller:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.message-scroller__content.sc-ds-message-scroller{display:flex;flex-direction:column;gap:var(--dimension-space-300);width:100%;max-width:var(     --ds-message-scroller-content-max-width,     var(--dimension-panel-width-2xl)   );min-height:100%;margin-inline:auto;padding-block-start:var(--dimension-space-200);padding-inline:var(--dimension-space-200);padding-block-end:max(     calc(var(--dimension-space-200) + var(--ds-scroll-overlay-block-size, 0px)),     var(--ds-message-scroller-turn-clearance, 0px)   );box-sizing:border-box}.message-scroller__overlay.sc-ds-message-scroller{position:absolute;right:0;bottom:0;left:0;z-index:var(--dimension-z-index-floating)}.message-scroller__overlay-stack.sc-ds-message-scroller{display:grid;width:100%}.message-scroller__interaction.sc-ds-message-scroller,.message-scroller__overlay-content.sc-ds-message-scroller{min-width:0}.message-scroller__control.sc-ds-message-scroller{position:absolute;bottom:calc(     var(--ds-scroll-overlay-content-block-size, 0px) + var(--dimension-space-200)   );left:50%;z-index:var(--dimension-z-index-floating);display:flex;align-items:center;justify-content:center;border-radius:var(--dimension-radius-half);background:var(--color-background-transparent);transform:translateX(-50%);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm))}`;const u=24;const p=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsReachStart=t(this,"dsReachStart");this.busy=false;this.autoFollow=true;this.defaultPosition="last-anchor";this.messagesLabel="Messages";this.showScrollToLatest=false;this.following=true;this.followReleased=false;this.releasePendingAtLiveEdge=false;this.atStart=false;this.programmatic=false;this.transcriptChildren=[];this.knownTranscriptElements=new Set;this.knownTurnAnchors=new Set;this.turnClearance=0;this.prependReconciliation=0;this.handleTranscriptChange=()=>{const e=this.getTranscriptChildren();const s=this.transcriptChildren;const t=this.knownTranscriptElements.size>0;const r=new Set(this.knownTranscriptElements);const o=[...e].reverse().find(((s,t)=>{if(!s.matches("ds-message[scroll-anchor]")||this.knownTurnAnchors.has(s)){return false}const r=e.length-t-1;return e.slice(r+1).every((e=>!this.knownTranscriptElements.has(e)))}));e.forEach((e=>{this.knownTranscriptElements.add(e);if(e.matches("ds-message[scroll-anchor]")){this.knownTurnAnchors.add(e)}}));if(!s.length){this.transcriptChildren=e;if(o&&t){requestAnimationFrame((()=>this.positionNewTurn(o)))}return}const a=e.findIndex((e=>r.has(e)));const i=e.filter((e=>!r.has(e)));const l=e.length>s.length&&s.every(((t,r)=>e[e.length-s.length+r]===t))||!o&&i.length>0&&a>0&&i.every((s=>e.indexOf(s)<a));this.transcriptChildren=e;if(l){if(this.viewport){const e=this.activeTurnAnchor?.isConnected?this.activeTurnAnchor:s[0];const t=this.activeTurnAnchor?.isConnected?this.activeTurnAnchorViewportTop:this.firstChildViewportTop;if(e&&t!==undefined){this.reconcilePrependPosition(e,t);this.schedulePrependReconciliation(e,t,i)}}this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync();return}if(o){requestAnimationFrame((()=>this.positionNewTurn(o)))}};this.handleTranscriptSlotChange=()=>this.handleTranscriptChange();this.handleScroll=()=>{if(!this.viewport)return;this.scrollOverlayController?.sync();this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();if(this.programmatic)return;const e=this.isAtLiveEdge();if(this.releasePendingAtLiveEdge&&e){this.following=false;this.followReleased=true;this.showScrollToLatest=false;return}this.releasePendingAtLiveEdge=false;this.following=e;this.followReleased=!this.following;this.showScrollToLatest=!this.following;const s=this.viewport.scrollTop<=u;if(s&&!this.atStart)this.dsReachStart.emit();this.atStart=s};this.releaseFollow=()=>{this.prependReconciliation+=1;this.releasePendingAtLiveEdge=this.isAtLiveEdge();this.following=false;this.followReleased=true;this.showScrollToLatest=!this.releasePendingAtLiveEdge};this.handleSelectionChange=()=>{const e=document.getSelection();if(e&&!e.isCollapsed&&e.anchorNode&&this.el.contains(e.anchorNode)){this.releaseFollow()}}}componentDidLoad(){this.transcriptChildren=this.getTranscriptChildren();this.transcriptChildren.forEach((e=>{this.knownTranscriptElements.add(e);if(e.matches("ds-message[scroll-anchor]")){this.knownTurnAnchors.add(e)}}));this.rememberFirstChildTop();this.connectObservers();requestAnimationFrame((()=>this.applyDefaultPosition()));document.addEventListener("selectionchange",this.handleSelectionChange)}disconnectedCallback(){this.prependReconciliation+=1;this.scrollOverlayController?.disconnect();this.mutationObserver?.disconnect();if(this.programmaticTimer)clearTimeout(this.programmaticTimer);document.removeEventListener("selectionchange",this.handleSelectionChange)}async scrollToMessage(e){const s=Array.from(this.el.querySelectorAll("ds-message")).find((s=>s.messageId===e||s.getAttribute("message-id")===e));if(!s)return false;this.releasePendingAtLiveEdge=false;this.following=false;this.followReleased=true;this.showScrollToLatest=true;s.scrollIntoView({block:"start",behavior:this.motionBehavior()});return true}async scrollToStart(){this.releasePendingAtLiveEdge=false;this.scrollTo(0);this.following=false;this.followReleased=true;this.showScrollToLatest=Boolean(this.viewport&&this.viewport.scrollHeight>this.viewport.clientHeight)}async scrollToEnd(){this.releasePendingAtLiveEdge=false;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollTo(this.viewport?.scrollHeight??0)}motionBehavior(){return matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}scrollTo(e){if(!this.viewport)return;this.programmatic=true;const s=this.motionBehavior();this.viewport.scrollTo({top:e,behavior:s});if(this.programmaticTimer)clearTimeout(this.programmaticTimer);this.programmaticTimer=setTimeout((()=>{this.programmatic=false;this.programmaticTimer=undefined;if(this.following){this.viewport.scrollTop=e;this.showScrollToLatest=false}}),s==="smooth"?600:0)}connectObservers(){if(!this.viewport||!this.content||!this.overlay)return;this.scrollOverlayController=new i({host:this.el,viewport:this.viewport,content:this.content,overlay:this.overlay,overlayContentSelector:".message-scroller__overlay-stack",onGeometryChange:()=>this.handleContentGrowth()});this.scrollOverlayController.connect();this.mutationObserver=new MutationObserver((()=>{this.handleTranscriptChange();this.handleContentGrowth()}));this.mutationObserver.observe(this.el,{childList:true,subtree:true,characterData:true})}handleContentGrowth(){if(!this.viewport)return;this.syncTurnClearance();const e=this.viewport.scrollHeight;if(this.autoFollow&&this.following&&!this.followReleased){this.viewport.scrollTop=e}if(this.releasePendingAtLiveEdge&&!this.isAtLiveEdge()){this.releasePendingAtLiveEdge=false}this.showScrollToLatest=!this.following&&!this.isAtLiveEdge();this.scrollOverlayController?.sync()}rememberFirstChildTop(){if(!this.viewport)return;const e=this.getTranscriptChildren()[0];this.firstChildViewportTop=e?e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top:undefined}getTranscriptChildren(){const e=this.transcriptSlot?.assignedElements()??[];const t=e.filter((e=>e instanceof s&&(e.matches("ds-message")||e.matches("ds-agent-response"))));const r=Array.from(this.el.querySelectorAll("ds-message, ds-agent-response")).filter((e=>{if(e.closest(".message-scroller__interaction, .message-scroller__overlay-content")){return false}if(e.matches("ds-agent-response"))return true;return!e.closest("ds-agent-response")}));return r.length>t.length?r:t}reconcilePrependPosition(e,s){if(!this.viewport||!e.isConnected)return;const t=e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top;this.viewport.scrollTop+=t-s}schedulePrependReconciliation(e,s,t){const r=++this.prependReconciliation;const o=t.flatMap((e=>[e,...Array.from(e.querySelectorAll("*"))])).map((e=>{const s=e.componentOnReady;return s?s.call(e).catch((()=>undefined)):null})).filter((e=>Boolean(e)));void Promise.all(o).then((()=>{requestAnimationFrame((()=>{if(r!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);requestAnimationFrame((()=>{if(r!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync()}))}))}))}positionNewTurn(e){if(!this.viewport)return;this.activeTurnAnchor=e;this.syncTurnClearance();requestAnimationFrame((()=>this.finishPositionNewTurn(e)))}finishPositionNewTurn(e){if(!this.viewport||!e.isConnected)return;const s=this.viewport.getBoundingClientRect();const t=e.getBoundingClientRect().top-s.top+this.viewport.scrollTop;const r=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const o=l(r,"var(--dimension-space-800)");const a=Math.max(this.viewport.scrollHeight-this.viewport.clientHeight,0);const i=Math.min(Math.max(t-o,0),a);this.following=a-i<=u;this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.programmatic=true;this.viewport.scrollTop=i;requestAnimationFrame((()=>{this.programmatic=false;this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop()}));this.scrollOverlayController?.sync()}rememberActiveTurnAnchorTop(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;this.activeTurnAnchorViewportTop=this.activeTurnAnchor.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top}syncTurnClearance(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;const e=this.getTranscriptChildren();const s=e[e.length-1];if(!s)return;const t=this.activeTurnAnchor.getBoundingClientRect();const r=s.getBoundingClientRect();const o=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const a=l(o,"var(--dimension-space-800)");const i=Math.max(r.bottom-t.top,0);const d=Math.max(Math.ceil(this.viewport.clientHeight-a-i),0);if(d===this.turnClearance)return;this.turnClearance=d;this.el.style.setProperty("--ds-message-scroller-turn-clearance",`${d}px`)}applyDefaultPosition(){if(!this.viewport)return;this.releasePendingAtLiveEdge=false;if(this.defaultPosition==="start"){this.viewport.scrollTop=0;this.following=false;this.followReleased=true;this.showScrollToLatest=this.viewport.scrollHeight>this.viewport.clientHeight;this.scrollOverlayController?.sync();return}if(this.defaultPosition==="last-anchor"){const e=this.el.querySelectorAll("ds-message[scroll-anchor]");const s=e.item(e.length-1);if(s){s.scrollIntoView({block:"start"});this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.scrollOverlayController?.sync();return}}this.viewport.scrollTop=this.viewport.scrollHeight;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollOverlayController?.sync()}isAtLiveEdge(){if(!this.viewport)return true;return this.viewport.scrollHeight-this.viewport.clientHeight-this.viewport.scrollTop<=u}render(){return r(o,{key:"2b24fa377b7ab4634b6013a07a26de5c41e73081"},r("div",{key:"62756c2da5d22c1196a87e254f6667248a3c5c6f",class:"message-scroller"},r("div",{key:"69424395330947fa9c8b337303be949784cce30f",class:"message-scroller__viewport",ref:e=>{this.viewport=e},role:"region","aria-label":this.messagesLabel,tabIndex:0,onScroll:this.handleScroll,onPointerDown:e=>{if(e.pointerType==="touch")this.releaseFollow()},onWheel:this.releaseFollow,onKeyDown:e=>{if(["ArrowUp","ArrowDown","PageUp","PageDown","Home","End"," "].includes(e.key)){this.releaseFollow()}}},r("div",{key:"f2e7d4816eeb6e9146c6feb848d25e26c1b0caeb",class:"message-scroller__content scroll-edge-fade--block-window",ref:e=>{this.content=e},role:"log","aria-live":"polite","aria-relevant":"additions","aria-busy":this.busy?"true":undefined},r("slot",{key:"07a14ba3f96ea801ffd519b91dd2ce0f8c34895d",ref:e=>{this.transcriptSlot=e},onSlotchange:this.handleTranscriptSlotChange}))),r("div",{key:"f2129cf319fdf8dc9116710b5898f5240797d00d",class:"message-scroller__overlay",ref:e=>{this.overlay=e}},r("div",{key:"d621d9770f2851bb1407e6d65420371dad534f02",class:"message-scroller__overlay-stack"},r("div",{key:"849efc67d66251235fc583e439f45704b3110df8",class:"message-scroller__interaction"},r("slot",{key:"e33aa4bb0cd289189a8cfcc1137837d3ff93d355",name:"interaction"})),r("div",{key:"50eac1d606cf25c9ce773a72d01c66cbcd2f5119",class:"message-scroller__overlay-content"},r("slot",{key:"f05007f7d601c10be815c9d427d89752ab58490c",name:"overlay"})))),this.showScrollToLatest?r("div",{class:"message-scroller__control ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale"},r("ds-tooltip",{label:"Scroll to latest message",side:"top",size:"sm"},r("ds-button-unfilled",{variant:"icon",icon:"ChevronDown",size:"md",rounded:true,hasBorder:false,"aria-label":"Scroll to latest message",onDsClick:()=>void this.scrollToEnd()}))):null))}get el(){return this}static get style(){return m()+v()}},[262,"ds-message-scroller",{busy:[4],autoFollow:[4,"auto-follow"],defaultPosition:[1,"default-position"],messagesLabel:[1,"messages-label"],showScrollToLatest:[32],scrollToMessage:[64],scrollToStart:[64],scrollToEnd:[64]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ds-message-scroller","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-scroller":if(!customElements.get(a(e))){customElements.define(a(e),p)}break;case"ds-badge":if(!customElements.get(a(e))){d()}break;case"ds-button-unfilled":if(!customElements.get(a(e))){n()}break;case"ds-icon":if(!customElements.get(a(e))){c()}break;case"ds-loader":if(!customElements.get(a(e))){h()}break;case"ds-text":if(!customElements.get(a(e))){f()}break;case"ds-tooltip":if(!customElements.get(a(e))){g()}break}}))}b();const k=p;const w=b;export{k as DsMessageScroller,w as defineCustomElement};
+import{p as e,H as s,c as t,h as r,a as o,t as a}from"./index.js";import{S as i}from"./p-CJq3n5kA.js";import{r as l}from"./p-BMc0DE59.js";import{d}from"./p-vWK5faWZ.js";import{d as n}from"./p-C7rzVotG.js";import{d as c}from"./p-BFfLvMZd.js";import{d as h}from"./p-Ca-I2UnB.js";import{d as f}from"./p-DZFilC--.js";import{d as g}from"./p-BXPQmp7q.js";const m=()=>`@property --ds-scroll-edge-fade-top{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-bottom{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-left{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-right{syntax:'<length-percentage>';inherits:false;initial-value:0px}@keyframes ds-scroll-edge-fade-reveal-top{from{--ds-scroll-edge-fade-top:0px}to{--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top)}}@keyframes ds-scroll-edge-fade-reveal-bottom{from{--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom)}to{--ds-scroll-edge-fade-bottom:0px}}@keyframes ds-scroll-edge-fade-reveal-left{from{--ds-scroll-edge-fade-left:0px}to{--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left)}}@keyframes ds-scroll-edge-fade-reveal-right{from{--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right)}to{--ds-scroll-edge-fade-right:0px}}.scroll-edge-fade.sc-ds-message-scroller{--ds-scroll-edge-fade-size:var(--dimension-size-600);--ds-scroll-edge-fade-reveal-distance:var(--dimension-size-800);--ds-scroll-edge-fade-target-top:0px;--ds-scroll-edge-fade-target-bottom:0px;--ds-scroll-edge-fade-target-left:0px;--ds-scroll-edge-fade-target-right:0px;--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top);--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom);--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left);--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right);--ds-scroll-edge-fade-block-mask:linear-gradient(     to bottom,     transparent 0,     #000 var(--ds-scroll-edge-fade-top),     #000 calc(100% - var(--ds-scroll-edge-fade-bottom)),     transparent 100%   );--ds-scroll-edge-fade-inline-mask:linear-gradient(     to right,     transparent 0,     #000 var(--ds-scroll-edge-fade-left),     #000 calc(100% - var(--ds-scroll-edge-fade-right)),     transparent 100%   );-webkit-mask-image:var(--ds-scroll-edge-fade-block-mask),     var(--ds-scroll-edge-fade-inline-mask);mask-image:var(--ds-scroll-edge-fade-block-mask),     var(--ds-scroll-edge-fade-inline-mask);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.scroll-edge-fade--top.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--bottom.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--left.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--right.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--top-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:0px}.scroll-edge-fade--bottom-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:0px}.scroll-edge-fade--left-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:0px}.scroll-edge-fade--right-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:0px}@supports (animation-timeline: scroll()){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation-name:ds-scroll-edge-fade-reveal-top,       ds-scroll-edge-fade-reveal-bottom,       ds-scroll-edge-fade-reveal-left,       ds-scroll-edge-fade-reveal-right;animation-duration:1ms;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-timeline:scroll(self y), scroll(self y), scroll(self x), scroll(self x);animation-range:0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%,       0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%}@media (prefers-reduced-motion: reduce){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation:none}}}.scroll-edge-fade--at-end.sc-ds-message-scroller,.scroll-edge-fade--hidden.sc-ds-message-scroller{-webkit-mask-image:none;mask-image:none}.scroll-edge-fade--block-window.sc-ds-message-scroller{--ds-scroll-edge-fade-window-start:100%;--ds-scroll-edge-fade-window-end:100%;-webkit-mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}`;const v=()=>`.ds-control-elevation.sc-ds-message-scroller-h,.ds-control-elevation.sc-ds-message-scroller{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-message-scroller-h::after,.ds-control-elevation.sc-ds-message-scroller::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-message-scroller-h,.ds-control-elevation--sm.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-message-scroller-h,.ds-control-elevation--md.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-message-scroller-h,.ds-control-elevation--floating.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-message-scroller{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-message-scroller,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:none;transition:none}}.sc-ds-message-scroller-h{--ds-message-scroller-anchor-offset:var(--dimension-space-800);display:block;width:100%;height:100%;min-height:0;box-sizing:border-box}.message-scroller.sc-ds-message-scroller{position:relative;width:100%;height:100%;min-height:0}.message-scroller__viewport.sc-ds-message-scroller{width:100%;height:100%;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;box-sizing:border-box}.message-scroller__viewport.sc-ds-message-scroller:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.message-scroller__content.sc-ds-message-scroller{display:flex;flex-direction:column;gap:var(--dimension-space-300);width:100%;max-width:var(     --ds-message-scroller-content-max-width,     var(--dimension-panel-width-2xl)   );min-height:100%;margin-inline:auto;padding-block-start:var(--dimension-space-200);padding-inline:var(--dimension-space-200);padding-block-end:max(     calc(var(--dimension-space-200) + var(--ds-scroll-overlay-block-size, 0px)),     var(--ds-message-scroller-turn-clearance, 0px)   );box-sizing:border-box}.message-scroller__overlay.sc-ds-message-scroller{position:absolute;right:0;bottom:0;left:0;z-index:var(--dimension-z-index-floating)}.message-scroller__overlay-stack.sc-ds-message-scroller{display:grid;width:100%}.message-scroller__interaction.sc-ds-message-scroller,.message-scroller__overlay-content.sc-ds-message-scroller{min-width:0}.message-scroller__control.sc-ds-message-scroller{position:absolute;bottom:calc(     var(--ds-scroll-overlay-content-block-size, 0px) + var(--dimension-space-200)   );left:50%;z-index:var(--dimension-z-index-floating);display:flex;align-items:center;justify-content:center;border-radius:var(--dimension-radius-half);background:var(--color-background-transparent);transform:translateX(-50%);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm))}`;const u=24;const p=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsReachStart=t(this,"dsReachStart");this.busy=false;this.autoFollow=true;this.defaultPosition="last-anchor";this.messagesLabel="Messages";this.showScrollToLatest=false;this.following=true;this.followReleased=false;this.releasePendingAtLiveEdge=false;this.atStart=false;this.programmatic=false;this.transcriptChildren=[];this.knownTranscriptElements=new Set;this.knownTurnAnchors=new Set;this.turnClearance=0;this.prependReconciliation=0;this.handleTranscriptChange=()=>{const e=this.getTranscriptChildren();const s=this.transcriptChildren;const t=this.knownTranscriptElements.size>0;const r=new Set(this.knownTranscriptElements);const o=[...e].reverse().find(((s,t)=>{if(!s.matches("ds-message[scroll-anchor]")||this.knownTurnAnchors.has(s)){return false}const r=e.length-t-1;return e.slice(r+1).every((e=>!this.knownTranscriptElements.has(e)))}));e.forEach((e=>{this.knownTranscriptElements.add(e);if(e.matches("ds-message[scroll-anchor]")){this.knownTurnAnchors.add(e)}}));if(!s.length){this.transcriptChildren=e;if(o&&t){requestAnimationFrame((()=>this.positionNewTurn(o)))}return}const a=e.findIndex((e=>r.has(e)));const i=e.filter((e=>!r.has(e)));const l=e.length>s.length&&s.every(((t,r)=>e[e.length-s.length+r]===t))||!o&&i.length>0&&a>0&&i.every((s=>e.indexOf(s)<a));this.transcriptChildren=e;if(l){if(this.viewport){const e=this.activeTurnAnchor?.isConnected?this.activeTurnAnchor:s[0];const t=this.activeTurnAnchor?.isConnected?this.activeTurnAnchorViewportTop:this.firstChildViewportTop;if(e&&t!==undefined){this.reconcilePrependPosition(e,t);this.schedulePrependReconciliation(e,t,i)}}this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync();return}if(o){requestAnimationFrame((()=>this.positionNewTurn(o)))}};this.handleTranscriptSlotChange=()=>this.handleTranscriptChange();this.handleScroll=()=>{if(!this.viewport)return;this.scrollOverlayController?.sync();this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();if(this.programmatic)return;const e=this.isAtLiveEdge();if(this.releasePendingAtLiveEdge&&e){this.following=false;this.followReleased=true;this.showScrollToLatest=false;return}this.releasePendingAtLiveEdge=false;this.following=e;this.followReleased=!this.following;this.showScrollToLatest=!this.following;const s=this.viewport.scrollTop<=u;if(s&&!this.atStart)this.dsReachStart.emit();this.atStart=s};this.releaseFollow=()=>{this.prependReconciliation+=1;this.releasePendingAtLiveEdge=this.isAtLiveEdge();this.following=false;this.followReleased=true;this.showScrollToLatest=!this.releasePendingAtLiveEdge};this.handleSelectionChange=()=>{const e=document.getSelection();if(e&&!e.isCollapsed&&e.anchorNode&&this.el.contains(e.anchorNode)){this.releaseFollow()}}}componentDidLoad(){this.transcriptChildren=this.getTranscriptChildren();this.transcriptChildren.forEach((e=>{this.knownTranscriptElements.add(e);if(e.matches("ds-message[scroll-anchor]")){this.knownTurnAnchors.add(e)}}));this.rememberFirstChildTop();this.connectObservers();requestAnimationFrame((()=>this.applyDefaultPosition()));document.addEventListener("selectionchange",this.handleSelectionChange)}disconnectedCallback(){this.prependReconciliation+=1;this.scrollOverlayController?.disconnect();this.mutationObserver?.disconnect();if(this.programmaticTimer)clearTimeout(this.programmaticTimer);document.removeEventListener("selectionchange",this.handleSelectionChange)}async scrollToMessage(e){const s=Array.from(this.el.querySelectorAll("ds-message")).find((s=>s.messageId===e||s.getAttribute("message-id")===e));if(!s)return false;this.releasePendingAtLiveEdge=false;this.following=false;this.followReleased=true;this.showScrollToLatest=true;s.scrollIntoView({block:"start",behavior:this.motionBehavior()});return true}async scrollToStart(){this.releasePendingAtLiveEdge=false;this.scrollTo(0);this.following=false;this.followReleased=true;this.showScrollToLatest=Boolean(this.viewport&&this.viewport.scrollHeight>this.viewport.clientHeight)}async scrollToEnd(){this.releasePendingAtLiveEdge=false;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollTo(this.viewport?.scrollHeight??0)}motionBehavior(){return matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}scrollTo(e){if(!this.viewport)return;this.programmatic=true;const s=this.motionBehavior();this.viewport.scrollTo({top:e,behavior:s});if(this.programmaticTimer)clearTimeout(this.programmaticTimer);this.programmaticTimer=setTimeout((()=>{this.programmatic=false;this.programmaticTimer=undefined;if(this.following){this.viewport.scrollTop=e;this.showScrollToLatest=false}}),s==="smooth"?600:0)}connectObservers(){if(!this.viewport||!this.content||!this.overlay)return;this.scrollOverlayController=new i({host:this.el,viewport:this.viewport,content:this.content,overlay:this.overlay,overlayContentSelector:".message-scroller__overlay-stack",onGeometryChange:()=>this.handleContentGrowth()});this.scrollOverlayController.connect();this.mutationObserver=new MutationObserver((()=>{this.handleTranscriptChange();this.handleContentGrowth()}));this.mutationObserver.observe(this.el,{childList:true,subtree:true,characterData:true})}handleContentGrowth(){if(!this.viewport)return;this.syncTurnClearance();const e=this.viewport.scrollHeight;if(this.autoFollow&&this.following&&!this.followReleased){this.viewport.scrollTop=e}if(this.releasePendingAtLiveEdge&&!this.isAtLiveEdge()){this.releasePendingAtLiveEdge=false}this.showScrollToLatest=!this.following&&!this.isAtLiveEdge();this.scrollOverlayController?.sync()}rememberFirstChildTop(){if(!this.viewport)return;const e=this.getTranscriptChildren()[0];this.firstChildViewportTop=e?e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top:undefined}getTranscriptChildren(){const e=this.transcriptSlot?.assignedElements()??[];const t=e.filter((e=>e instanceof s&&(e.matches("ds-message")||e.matches("ds-agent-response"))));const r=Array.from(this.el.querySelectorAll("ds-message, ds-agent-response")).filter((e=>{if(e.closest(".message-scroller__interaction, .message-scroller__overlay-content")){return false}if(e.matches("ds-agent-response"))return true;return!e.closest("ds-agent-response")}));return r.length>t.length?r:t}reconcilePrependPosition(e,s){if(!this.viewport||!e.isConnected)return;const t=e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top;this.viewport.scrollTop+=t-s}schedulePrependReconciliation(e,s,t){const r=++this.prependReconciliation;const o=t.flatMap((e=>[e,...Array.from(e.querySelectorAll("*"))])).map((e=>{const s=e.componentOnReady;return s?s.call(e).catch((()=>undefined)):null})).filter((e=>Boolean(e)));void Promise.all(o).then((()=>{requestAnimationFrame((()=>{if(r!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);requestAnimationFrame((()=>{if(r!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync()}))}))}))}positionNewTurn(e){if(!this.viewport)return;this.activeTurnAnchor=e;this.syncTurnClearance();requestAnimationFrame((()=>this.finishPositionNewTurn(e)))}finishPositionNewTurn(e){if(!this.viewport||!e.isConnected)return;const s=this.viewport.getBoundingClientRect();const t=e.getBoundingClientRect().top-s.top+this.viewport.scrollTop;const r=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const o=l(r,"var(--dimension-space-800)");const a=Math.max(this.viewport.scrollHeight-this.viewport.clientHeight,0);const i=Math.min(Math.max(t-o,0),a);this.following=a-i<=u;this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.programmatic=true;this.viewport.scrollTop=i;requestAnimationFrame((()=>{this.programmatic=false;this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop()}));this.scrollOverlayController?.sync()}rememberActiveTurnAnchorTop(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;this.activeTurnAnchorViewportTop=this.activeTurnAnchor.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top}syncTurnClearance(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;const e=this.getTranscriptChildren();const s=e[e.length-1];if(!s)return;const t=this.activeTurnAnchor.getBoundingClientRect();const r=s.getBoundingClientRect();const o=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const a=l(o,"var(--dimension-space-800)");const i=Math.max(r.bottom-t.top,0);const d=Math.max(Math.ceil(this.viewport.clientHeight-a-i),0);if(d===this.turnClearance)return;this.turnClearance=d;this.el.style.setProperty("--ds-message-scroller-turn-clearance",`${d}px`)}applyDefaultPosition(){if(!this.viewport)return;this.releasePendingAtLiveEdge=false;if(this.defaultPosition==="start"){this.viewport.scrollTop=0;this.following=false;this.followReleased=true;this.showScrollToLatest=this.viewport.scrollHeight>this.viewport.clientHeight;this.scrollOverlayController?.sync();return}if(this.defaultPosition==="last-anchor"){const e=this.el.querySelectorAll("ds-message[scroll-anchor]");const s=e.item(e.length-1);if(s){s.scrollIntoView({block:"start"});this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.scrollOverlayController?.sync();return}}this.viewport.scrollTop=this.viewport.scrollHeight;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollOverlayController?.sync()}isAtLiveEdge(){if(!this.viewport)return true;return this.viewport.scrollHeight-this.viewport.clientHeight-this.viewport.scrollTop<=u}render(){return r(o,{key:"2b24fa377b7ab4634b6013a07a26de5c41e73081"},r("div",{key:"62756c2da5d22c1196a87e254f6667248a3c5c6f",class:"message-scroller"},r("div",{key:"69424395330947fa9c8b337303be949784cce30f",class:"message-scroller__viewport",ref:e=>{this.viewport=e},role:"region","aria-label":this.messagesLabel,tabIndex:0,onScroll:this.handleScroll,onPointerDown:e=>{if(e.pointerType==="touch")this.releaseFollow()},onWheel:this.releaseFollow,onKeyDown:e=>{if(["ArrowUp","ArrowDown","PageUp","PageDown","Home","End"," "].includes(e.key)){this.releaseFollow()}}},r("div",{key:"f2e7d4816eeb6e9146c6feb848d25e26c1b0caeb",class:"message-scroller__content scroll-edge-fade--block-window",ref:e=>{this.content=e},role:"log","aria-live":"polite","aria-relevant":"additions","aria-busy":this.busy?"true":undefined},r("slot",{key:"07a14ba3f96ea801ffd519b91dd2ce0f8c34895d",ref:e=>{this.transcriptSlot=e},onSlotchange:this.handleTranscriptSlotChange}))),r("div",{key:"f2129cf319fdf8dc9116710b5898f5240797d00d",class:"message-scroller__overlay",ref:e=>{this.overlay=e}},r("div",{key:"d621d9770f2851bb1407e6d65420371dad534f02",class:"message-scroller__overlay-stack"},r("div",{key:"849efc67d66251235fc583e439f45704b3110df8",class:"message-scroller__interaction"},r("slot",{key:"e33aa4bb0cd289189a8cfcc1137837d3ff93d355",name:"interaction"})),r("div",{key:"50eac1d606cf25c9ce773a72d01c66cbcd2f5119",class:"message-scroller__overlay-content"},r("slot",{key:"f05007f7d601c10be815c9d427d89752ab58490c",name:"overlay"})))),this.showScrollToLatest?r("div",{class:"message-scroller__control ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale"},r("ds-tooltip",{label:"Scroll to latest message",side:"top",size:"sm"},r("ds-button-unfilled",{variant:"icon",icon:"ChevronDown",size:"md",rounded:true,hasBorder:false,"aria-label":"Scroll to latest message",onDsClick:()=>void this.scrollToEnd()}))):null))}get el(){return this}static get style(){return m()+v()}},[262,"ds-message-scroller",{busy:[4],autoFollow:[4,"auto-follow"],defaultPosition:[1,"default-position"],messagesLabel:[1,"messages-label"],showScrollToLatest:[32],scrollToMessage:[64],scrollToStart:[64],scrollToEnd:[64]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ds-message-scroller","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-scroller":if(!customElements.get(a(e))){customElements.define(a(e),p)}break;case"ds-badge":if(!customElements.get(a(e))){d()}break;case"ds-button-unfilled":if(!customElements.get(a(e))){n()}break;case"ds-icon":if(!customElements.get(a(e))){c()}break;case"ds-loader":if(!customElements.get(a(e))){h()}break;case"ds-text":if(!customElements.get(a(e))){f()}break;case"ds-tooltip":if(!customElements.get(a(e))){g()}break}}))}b();const k=p;const w=b;export{k as DsMessageScroller,w as defineCustomElement};
 //# sourceMappingURL=ds-message-scroller.js.map

package/dist/components/ds-mobile-bar-nav.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-1tOy4H51.js";const t=o;const p=s;export{t as DsMobileBarNav,p as defineCustomElement};
+import{M as s,d as o}from"./p-V2ywPfsR.js";const t=s;const p=o;export{t as DsMobileBarNav,p as defineCustomElement};
 //# sourceMappingURL=ds-mobile-bar-nav.js.map

package/dist/components/ds-mobile-header.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-Bv1CFHgD.js";const t=o;const p=s;export{t as DsMobileHeader,p as defineCustomElement};
+import{M as o,d as s}from"./p-BAStZzJu.js";const t=o;const p=s;export{t as DsMobileHeader,p as defineCustomElement};
 //# sourceMappingURL=ds-mobile-header.js.map

package/dist/components/ds-mobile-section-switcher.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-CqbMoVDQ.js";const t=o;const p=s;export{t as DsMobileSectionSwitcher,p as defineCustomElement};
+import{M as s,d as o}from"./p-BZ3UTshV.js";const t=s;const p=o;export{t as DsMobileSectionSwitcher,p as defineCustomElement};
 //# sourceMappingURL=ds-mobile-section-switcher.js.map

package/dist/components/ds-mobile-sheet-nav.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-D5VglrfF.js";const r=o;const t=s;export{r as DsMobileSheetNav,t as defineCustomElement};
+import{M as o,d as r}from"./p-D1Nqlrrl.js";const s=o;const t=r;export{s as DsMobileSheetNav,t as defineCustomElement};
 //# sourceMappingURL=ds-mobile-sheet-nav.js.map

package/dist/components/ds-modal.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-BPnmiiIS.js";const t=o;const i=s;export{t as DsModal,i as defineCustomElement};
+import{M as o,d as s}from"./p-CjgnFGd6.js";const t=o;const n=s;export{t as DsModal,n as defineCustomElement};
 //# sourceMappingURL=ds-modal.js.map

package/dist/components/ds-pagination.js

@@ -1,2 +1,2 @@
-import{P as o,d as s}from"./p-BmWWU20X.js";const t=o;const m=s;export{t as DsPagination,m as defineCustomElement};
+import{P as o,d as s}from"./p-CnWC0QvG.js";const t=o;const n=s;export{t as DsPagination,n as defineCustomElement};
 //# sourceMappingURL=ds-pagination.js.map

package/dist/components/ds-panel-nav.js

@@ -1,2 +1,2 @@
-import{P as o,d as s}from"./p-C-L4InQ0.js";const t=o;const n=s;export{t as DsPanelNav,n as defineCustomElement};
+import{P as o,d as s}from"./p-DSuAHQRk.js";const t=o;const p=s;export{t as DsPanelNav,p as defineCustomElement};
 //# sourceMappingURL=ds-panel-nav.js.map

package/dist/components/ds-panel-tool-header.js

@@ -1,2 +1,2 @@
-import{P as o,d as s}from"./p-CvwtYbmh.js";const t=o;const m=s;export{t as DsPanelToolHeader,m as defineCustomElement};
+import{P as s,d as o}from"./p-Dsn1RCS5.js";const t=s;const n=o;export{t as DsPanelToolHeader,n as defineCustomElement};
 //# sourceMappingURL=ds-panel-tool-header.js.map