@ds-mo/ui 14.31.3 → 14.32.0

package/dist/components/p-DceM6xWR.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveMobileSectionPosition","sections","value","selectable","getSelectableTabs","matchedIndex","findIndex","section","id","selectedIndex","selected","hasPrevious","hasNext","length","mobileSectionSwitcherCss","nextMobileSectionSwitcherId","MobileSectionSwitcher","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","navigationLabel","presentation","pageLabel","menuOpen","menuSurfaceOpen","initialFocusVisible","pointerFocus","sheetClosing","focusedSection","instanceId","triggerId","menuId","triggerEl","dialogEl","browserEdgeEl","browserEdgeColors","closeTimer","handleDocumentKeyDown","event","includes","key","updateBrowserEdgeColor","base","getComputedStyle","color","shade","backgroundColor","colors","canvas","el","ownerDocument","createElement","width","height","context","getContext","fillStyle","fillRect","red","green","blue","getImageData","data","style","setProperty","handleSheetKeyDown","preventDefault","stopPropagation","closeMenu","selectableSections","filter","isInactive","index","Math","max","next","ctrlKey","metaKey","altKey","match","_","offset","label","toLowerCase","startsWith","focusSheetItem","toggleMenu","detail","selectedSection","open","handleSelect","String","find","candidate","dsChange","emit","requestAnimationFrame","focus","componentDidLoad","addEventListener","visibilityObserver","ResizeObserver","getClientRects","finishSheetClose","observe","componentDidRender","initialSection","observeBrowserEdgeTheme","showModal","duration","resolveMotionTimeMs","TOKEN_DEFAULTS","motionShort2","animationDurationShort3","setTimeout","disconnectedCallback","removeEventListener","disconnect","handlePresentationChange","handleContextChange","restoreFocus","clearTimeout","wasOpen","close","themeObserver","MutationObserver","ancestor","parentElement","attributes","attributeFilter","buttons","Array","from","querySelectorAll","button","item","disabled","resolvedSections","triggerAriaLabel","menuSections","groups","items","commit","push","isTabDivider","dot","isSelected","handleSectionsChange","renderSheet","h","ref","element","class","tabIndex","onCancel","onKeyDown","onClick","target","rect","getBoundingClientRect","clientY","top","bottom","clientX","left","right","role","map","type","undefined","onFocus","as","variant","emphasis","lineTruncation","render","Host","combined","onPointerDown","anchorId","align","menuLabel","onDsClose","onDsAfterClose","onDsSelect"],"sources":["src/wc/components/MobileSectionSwitcher/mobile-section-switcher-utils.ts","src/wc/components/MobileSectionSwitcher/MobileSectionSwitcher.css?tag=ds-mobile-section-switcher&encapsulation=scoped","src/wc/components/MobileSectionSwitcher/MobileSectionSwitcher.tsx"],"sourcesContent":["import { getSelectableTabs, type TabItem, type TabItemTab } from '../TabGroup/tab-item-utils';\n\nexport interface MobileSectionPosition {\n  selectedIndex: number;\n  selected?: TabItemTab;\n  hasPrevious: boolean;\n  hasNext: boolean;\n}\n\n/** Resolve ordered selectable neighbors while ignoring visual divider entries. */\nexport function resolveMobileSectionPosition(\n  sections: TabItem[],\n  value: string\n): MobileSectionPosition {\n  const selectable = getSelectableTabs(sections);\n  const matchedIndex = selectable.findIndex(section => section.id === value);\n  const selectedIndex = matchedIndex >= 0 ? matchedIndex : 0;\n  return {\n    selectedIndex,\n    selected: selectable[selectedIndex],\n    hasPrevious: selectedIndex > 0,\n    hasNext: selectedIndex < selectable.length - 1,\n  };\n}\n","@import '../../utils/focus-ring.css';\n@import '../../utils/interaction-fill.css';\n@import '../../utils/radius.css';\n@import '../../utils/control-density.css';\n\n:host {\n  display: block;\n  min-width: 0;\n  max-width: 100%;\n  color: var(--color-foreground-primary);\n}\n\n.mobile-section-switcher {\n  appearance: none;\n  display: grid;\n  grid-template-columns: var(--dimension-size-100) minmax(0, auto) var(--dimension-size-100);\n  align-items: center;\n  justify-content: center;\n  gap: var(--dimension-space-050);\n  max-width: 100%;\n  min-height: var(--dimension-size-400);\n  padding-inline: var(--dimension-space-100);\n  border: 0;\n  border-radius: var(--dimension-radius-100);\n  background: var(--color-background-secondary);\n  color: inherit;\n  box-sizing: border-box;\n  cursor: default;\n}\n\n.mobile-section-switcher__label {\n  min-width: 0;\n  max-width: 100%;\n  text-align: center;\n}\n\n.mobile-section-switcher__position {\n  width: var(--dimension-size-050);\n  height: var(--dimension-size-050);\n  border-radius: var(--dimension-radius-half);\n  background: currentColor;\n  opacity: 0;\n}\n\n.mobile-section-switcher__position--visible {\n  opacity: 1;\n}\n\n.mobile-section-switcher--sheet {\n  grid-template-columns: minmax(0, auto);\n  min-height: var(--dimension-size-500);\n  padding-inline: var(--dimension-space-150);\n  border-radius: var(--dimension-radius-half);\n  background: transparent;\n  --ds-interaction-border-width: var(--dimension-stroke-width-012);\n  --ds-interaction-border-color: var(--color-border-tertiary);\n}\n\n.mobile-section-switcher--combined {\n  display: flex;\n}\n\n.mobile-section-switcher__page-label {\n  flex: 0 1 auto;\n  min-width: 0;\n}\n\n.mobile-section-switcher__separator {\n  flex: 0 0 auto;\n}\n\n.mobile-section-switcher--combined .mobile-section-switcher__label {\n  flex: 0 0 auto;\n  max-width: 50%;\n}\n\n.mobile-section-sheet {\n  position: fixed;\n  inset: 0 0 auto;\n  width: 100%;\n  max-width: none;\n  max-height: calc(100dvh - var(--dimension-size-500) - var(--dimension-space-200));\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  box-sizing: border-box;\n  overflow: visible;\n  background: transparent;\n  color: var(--color-foreground-secondary);\n  outline: none;\n}\n\n.mobile-section-sheet[open] {\n  display: flex;\n  flex-direction: column;\n}\n\n.mobile-section-sheet[open] .mobile-section-sheet__items {\n  animation: mobileSectionSheetIn var(--effect-motion-short-2) both;\n}\n\n.mobile-section-sheet::backdrop {\n  background: var(--color-background-shade);\n  animation: mobileSectionShadeIn var(--effect-motion-short-2) both;\n}\n\n.mobile-section-sheet--closing[open] .mobile-section-sheet__items {\n  animation-name: mobileSectionSheetOut;\n}\n\n.mobile-section-sheet--closing::backdrop {\n  animation-name: mobileSectionShadeOut;\n}\n\n.mobile-section-sheet__items {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dimension-space-100);\n  min-height: 0;\n  max-height: inherit;\n  box-sizing: border-box;\n  background: var(--color-background-primary);\n  box-shadow: var(--effect-elevation-elevated-floating);\n  padding: var(--dimension-space-100);\n  padding-block-start: max(var(--dimension-space-100), env(safe-area-inset-top, 0px));\n  overflow-y: auto;\n  overscroll-behavior: contain;\n}\n\n.mobile-section-sheet__item {\n  appearance: none;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  height: var(--ds-control-height);\n  width: 100%;\n  min-width: 0;\n  padding: 0 var(--ds-control-padding-inline);\n  box-sizing: border-box;\n  border: 0;\n  border-radius: var(--ds-control-radius);\n  background: transparent;\n  color: inherit;\n  text-align: start;\n}\n\n.mobile-section-sheet__item[aria-current='page'] {\n  color: var(--color-foreground-primary);\n}\n\n.mobile-section-sheet__item:disabled {\n  color: var(--color-foreground-tertiary);\n}\n\n.mobile-section-sheet__label {\n  min-width: 0;\n  padding-inline: var(--ds-control-label-inset);\n}\n\n.mobile-section-sheet__divider {\n  flex: 0 0 auto;\n  height: var(--dimension-stroke-width-012);\n  margin-inline: var(--dimension-space-100);\n  background: var(--color-border-tertiary);\n}\n\n@keyframes mobileSectionSheetIn {\n  from {\n    transform: translateY(-100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes mobileSectionSheetOut {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(-100%);\n  }\n}\n\n@keyframes mobileSectionShadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes mobileSectionShadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n/* Safari can preserve :focus-visible across modal entry and focus return after\n * a tap. Track the actual input, while leaving focus and keyboard access intact. */\n:host(.mobile-section-switcher--pointer-focus) .ds-focus-ring-inset::after {\n  outline: none;\n}\n\n/* Keep this opaque strip in the modal top layer, outside the moving sheet.\n * Safari samples fixed edge backgrounds to tint its browser controls. */\n.mobile-section-sheet__browser-edge {\n  position: fixed;\n  inset: auto 0 0;\n  height: max(var(--dimension-space-200), env(safe-area-inset-bottom, 0px));\n  pointer-events: none;\n  color: var(--color-background-primary);\n  background-color: var(--_mobile-section-edge-color, var(--color-background-primary));\n}\n\n.mobile-section-sheet[open] .mobile-section-sheet__browser-edge {\n  animation: mobileSectionEdgeIn var(--effect-motion-short-2) both;\n}\n\n.mobile-section-sheet--closing[open] .mobile-section-sheet__browser-edge {\n  animation-name: mobileSectionEdgeOut;\n}\n\n/* Animate the opaque color, not opacity: the backdrop is already fading below. */\n@keyframes mobileSectionEdgeIn {\n  from {\n    background-color: var(--color-background-primary);\n  }\n  to {\n    background-color: var(--_mobile-section-edge-color, var(--color-background-primary));\n  }\n}\n\n@keyframes mobileSectionEdgeOut {\n  from {\n    background-color: var(--_mobile-section-edge-color, var(--color-background-primary));\n  }\n  to {\n    background-color: var(--color-background-primary);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mobile-section-sheet[open] .mobile-section-sheet__items,\n  .mobile-section-sheet[open] .mobile-section-sheet__browser-edge,\n  .mobile-section-sheet::backdrop {\n    animation: none;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport {\n  getSelectableTabs,\n  isTabDivider,\n  type TabItem,\n  type TabItemTab,\n} from '../TabGroup/tab-item-utils';\nimport { resolveMobileSectionPosition } from './mobile-section-switcher-utils';\nimport { resolveMotionTimeMs, TOKEN_DEFAULTS } from '../../utils';\n\nlet nextMobileSectionSwitcherId = 0;\n\n@Component({\n  tag: 'ds-mobile-section-switcher',\n  styleUrl: 'MobileSectionSwitcher.css',\n  scoped: true,\n})\nexport class MobileSectionSwitcher {\n  @Element() el!: HTMLElement;\n\n  /** Ordered controlled sections. Divider entries group the popup menu. */\n  @Prop() sections: TabItem[] = [];\n  /** Controlled selected section id. */\n  @Prop() value: string = '';\n  /** Accessible name for the section chooser. */\n  @Prop() navigationLabel: string = 'Change page section';\n  /** Anchored local-view menu or viewport-edge sheet for primary page sections. */\n  @Prop() presentation: 'menu' | 'sheet' = 'menu';\n  /** Stable page identity shown before the selected section in a sheet trigger. */\n  @Prop() pageLabel: string = '';\n\n  /** Selection intent. The route, tool, or workflow owner updates `value`. */\n  @Event() dsChange!: EventEmitter<string>;\n\n  @State() private menuOpen = false;\n  @State() private menuSurfaceOpen = false;\n  @State() private initialFocusVisible = false;\n  @State() private pointerFocus = false;\n  @State() private sheetClosing = false;\n  @State() private focusedSection = '';\n\n  private readonly instanceId = nextMobileSectionSwitcherId++;\n  private readonly triggerId = `ds-mobile-section-switcher-trigger-${this.instanceId}`;\n  private readonly menuId = `ds-mobile-section-switcher-menu-${this.instanceId}`;\n  private triggerEl: HTMLButtonElement | null = null;\n  private dialogEl: HTMLDialogElement | null = null;\n  private browserEdgeEl: HTMLDivElement | null = null;\n  private browserEdgeColors = '';\n  private themeObserver?: MutationObserver;\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  private visibilityObserver?: ResizeObserver;\n\n  private readonly handleDocumentKeyDown = (event: KeyboardEvent) => {\n    if (['Shift', 'Control', 'Alt', 'Meta'].includes(event.key)) return;\n    this.pointerFocus = false;\n  };\n\n  componentDidLoad() {\n    this.el.ownerDocument.addEventListener('keydown', this.handleDocumentKeyDown, true);\n    this.visibilityObserver = new ResizeObserver(() => {\n      if (this.dialogEl?.open && !this.triggerEl?.getClientRects().length) {\n        this.finishSheetClose(false);\n      }\n    });\n    this.visibilityObserver.observe(this.el);\n  }\n\n  componentDidRender() {\n    if (!this.dialogEl) return;\n    if (this.presentation === 'sheet' && this.menuOpen && !this.dialogEl.open) {\n      const initialSection = this.focusedSection;\n      this.updateBrowserEdgeColor();\n      this.observeBrowserEdgeTheme();\n      this.dialogEl.showModal();\n      this.focusSheetItem(initialSection);\n    }\n    if (this.sheetClosing && this.dialogEl.open && !this.closeTimer) {\n      const duration = resolveMotionTimeMs(\n        TOKEN_DEFAULTS.motionShort2,\n        TOKEN_DEFAULTS.animationDurationShort3\n      );\n      if (!duration) this.finishSheetClose();\n      else this.closeTimer = setTimeout(() => this.finishSheetClose(), duration);\n    }\n  }\n\n  disconnectedCallback() {\n    this.el.ownerDocument.removeEventListener('keydown', this.handleDocumentKeyDown, true);\n    this.visibilityObserver?.disconnect();\n    this.menuSurfaceOpen = false;\n    this.finishSheetClose(false);\n  }\n\n  @Watch('presentation')\n  handlePresentationChange() {\n    this.menuSurfaceOpen = false;\n    this.closeMenu();\n  }\n\n  @Watch('value')\n  @Watch('pageLabel')\n  handleContextChange() {\n    this.closeMenu();\n  }\n\n  private finishSheetClose(restoreFocus = true) {\n    if (this.closeTimer) clearTimeout(this.closeTimer);\n    this.closeTimer = null;\n    const wasOpen = this.dialogEl?.open;\n    this.dialogEl?.close();\n    this.themeObserver?.disconnect();\n    this.menuOpen = false;\n    this.sheetClosing = false;\n    if (wasOpen && restoreFocus && this.triggerEl?.getClientRects().length) this.triggerEl.focus();\n  }\n\n  private updateBrowserEdgeColor = () => {\n    if (!this.browserEdgeEl || !this.dialogEl) return;\n    const base = getComputedStyle(this.browserEdgeEl).color;\n    const shade = getComputedStyle(this.dialogEl, '::backdrop').backgroundColor;\n    const colors = `${base}|${shade}`;\n    if (colors === this.browserEdgeColors) return;\n    // Let the browser resolve token colors, including alpha and non-sRGB syntax,\n    // then flatten the shade over the bar into the opaque color Safari samples.\n    const canvas = this.el.ownerDocument.createElement('canvas');\n    canvas.width = canvas.height = 1;\n    const context = canvas.getContext('2d');\n    if (!context) return;\n    context.fillStyle = base;\n    context.fillRect(0, 0, 1, 1);\n    context.fillStyle = shade;\n    context.fillRect(0, 0, 1, 1);\n    const [red, green, blue] = context.getImageData(0, 0, 1, 1).data;\n    this.browserEdgeEl.style.setProperty(\n      '--_mobile-section-edge-color',\n      `rgb(${red}, ${green}, ${blue})`\n    );\n    this.browserEdgeColors = colors;\n  };\n\n  private observeBrowserEdgeTheme() {\n    this.themeObserver ??= new MutationObserver(this.updateBrowserEdgeColor);\n    // Token themes are inherited from the page or a containing theme scope.\n    for (let ancestor: HTMLElement | null = this.el; ancestor; ancestor = ancestor.parentElement) {\n      this.themeObserver.observe(ancestor, {\n        attributes: true,\n        attributeFilter: ['class', 'style', 'data-theme'],\n      });\n    }\n  }\n\n  private focusSheetItem(id: string) {\n    const buttons = Array.from(this.dialogEl?.querySelectorAll<HTMLButtonElement>('button') ?? []);\n    const button =\n      buttons.find(item => item.value === id && !item.disabled) ??\n      buttons.find(item => !item.disabled);\n    if (button) {\n      this.focusedSection = button.value;\n      button.focus();\n    } else this.dialogEl?.focus();\n  }\n\n  private handleSheetKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.closeMenu();\n      return;\n    }\n    const sections = this.selectableSections.filter(section => !section.isInactive);\n    if (!sections.length) return;\n    const index = Math.max(\n      0,\n      sections.findIndex(section => section.id === this.focusedSection)\n    );\n    let next: number;\n    if (event.key === 'ArrowDown') next = (index + 1) % sections.length;\n    else if (event.key === 'ArrowUp') next = (index + sections.length - 1) % sections.length;\n    else if (event.key === 'Home') next = 0;\n    else if (event.key === 'End') next = sections.length - 1;\n    else if (event.key === 'Tab') next = index;\n    else if (\n      event.key.length === 1 &&\n      !event.ctrlKey &&\n      !event.metaKey &&\n      !event.altKey &&\n      event.key !== ' '\n    ) {\n      const match = sections.findIndex((_, offset) =>\n        sections[(index + offset + 1) % sections.length].label\n          .toLowerCase()\n          .startsWith(event.key.toLowerCase())\n      );\n      if (match < 0) return;\n      next = (index + match + 1) % sections.length;\n    } else return;\n    event.preventDefault();\n    this.initialFocusVisible = true;\n    this.focusSheetItem(sections[next].id);\n  };\n\n  private get resolvedSections(): TabItem[] {\n    return this.sections ?? [];\n  }\n\n  private get selectableSections(): TabItemTab[] {\n    return getSelectableTabs(this.resolvedSections);\n  }\n\n  private get selectedIndex(): number {\n    return resolveMobileSectionPosition(this.resolvedSections, this.value).selectedIndex;\n  }\n\n  private get selectedSection(): TabItemTab | undefined {\n    return this.selectableSections[this.selectedIndex];\n  }\n\n  private get hasPrevious(): boolean {\n    return resolveMobileSectionPosition(this.resolvedSections, this.value).hasPrevious;\n  }\n\n  private get hasNext(): boolean {\n    return resolveMobileSectionPosition(this.resolvedSections, this.value).hasNext;\n  }\n\n  private get triggerAriaLabel(): string {\n    return `${this.presentation === 'sheet' && this.pageLabel ? `${this.pageLabel}. ` : ''}${this.navigationLabel}. Current section: ${this.selectedSection?.label ?? ''}`;\n  }\n\n  private get menuSections(): MenuSection[] {\n    const groups: MenuSection[] = [];\n    let items: MenuItemData[] = [];\n    const commit = () => {\n      if (items.length) groups.push({ items });\n      items = [];\n    };\n\n    for (const section of this.resolvedSections) {\n      if (isTabDivider(section)) {\n        commit();\n        continue;\n      }\n      items.push({\n        label: section.label,\n        value: section.id,\n        dot: section.dot,\n        isSelected: section.id === this.selectedSection?.id,\n        isInactive: section.isInactive,\n      });\n    }\n    commit();\n    return groups;\n  }\n\n  @Watch('sections')\n  handleSectionsChange() {\n    if (this.selectableSections.length <= 1) {\n      this.closeMenu();\n      this.menuSurfaceOpen = false;\n    } else if (this.dialogEl?.open && !this.sheetClosing) this.focusSheetItem(this.focusedSection);\n  }\n\n  private toggleMenu = (event: MouseEvent) => {\n    if (this.selectableSections.length <= 1) return;\n    this.initialFocusVisible = event.detail === 0;\n    if (this.presentation === 'sheet') {\n      if (this.menuOpen) this.closeMenu();\n      else {\n        this.focusedSection = this.selectedSection?.id ?? '';\n        this.menuOpen = true;\n      }\n      return;\n    }\n    this.menuOpen = !this.menuOpen;\n    if (this.menuOpen) this.menuSurfaceOpen = true;\n  };\n\n  private closeMenu = () => {\n    this.menuOpen = false;\n    if (this.dialogEl?.open) this.sheetClosing = true;\n  };\n\n  private renderSheet() {\n    return (\n      <dialog\n        id={this.menuId}\n        ref={element => {\n          this.dialogEl = element ?? null;\n        }}\n        class={{ 'mobile-section-sheet': true, 'mobile-section-sheet--closing': this.sheetClosing }}\n        aria-label={this.navigationLabel}\n        tabIndex={-1}\n        onCancel={event => {\n          event.preventDefault();\n          this.closeMenu();\n        }}\n        onKeyDown={this.handleSheetKeyDown}\n        onClick={event => {\n          if (!this.dialogEl || event.target !== this.dialogEl) return;\n          const rect = this.dialogEl.getBoundingClientRect();\n          if (\n            event.clientY < rect.top ||\n            event.clientY > rect.bottom ||\n            event.clientX < rect.left ||\n            event.clientX > rect.right\n          )\n            this.closeMenu();\n        }}\n      >\n        <div class=\"mobile-section-sheet__items\" role=\"menu\" aria-label={this.navigationLabel}>\n          {this.resolvedSections.map(section =>\n            isTabDivider(section) ? (\n              <div class=\"mobile-section-sheet__divider\" role=\"separator\" />\n            ) : (\n              <button\n                type=\"button\"\n                role=\"menuitem\"\n                value={section.id}\n                disabled={section.isInactive}\n                aria-current={section.id === this.selectedSection?.id ? 'page' : undefined}\n                tabIndex={section.id === this.focusedSection ? 0 : -1}\n                class={{\n                  'mobile-section-sheet__item': true,\n                  'ds-control--lg': true,\n                  'ds-interaction-fill': true,\n                  'ds-focus-ring-inset': true,\n                  'ds-focus-ring--visible':\n                    this.initialFocusVisible && section.id === this.focusedSection,\n                }}\n                onFocus={() => {\n                  this.focusedSection = section.id;\n                }}\n                onClick={() => {\n                  if (this.sheetClosing || section.isInactive) return;\n                  this.closeMenu();\n                  if (section.id !== this.selectedSection?.id) this.dsChange.emit(section.id);\n                }}\n              >\n                <ds-text\n                  class=\"mobile-section-sheet__label ds-interaction-fill__content\"\n                  as=\"span\"\n                  variant=\"text-body-large\"\n                  color=\"inherit\"\n                  emphasis={section.id === this.selectedSection?.id}\n                  lineTruncation={1}\n                >\n                  {section.label}\n                </ds-text>\n              </button>\n            )\n          )}\n        </div>\n        <div\n          ref={element => {\n            if (this.browserEdgeEl !== element) this.browserEdgeColors = '';\n            this.browserEdgeEl = element ?? null;\n          }}\n          class=\"mobile-section-sheet__browser-edge\"\n          aria-hidden=\"true\"\n        />\n      </dialog>\n    );\n  }\n\n  private handleSelect = (event: CustomEvent<MenuItemData>) => {\n    const id = String(event.detail.value ?? '');\n    const section = this.selectableSections.find(candidate => candidate.id === id);\n    if (!section || section.isInactive) return;\n    this.closeMenu();\n    if (id !== this.selectedSection?.id) this.dsChange.emit(id);\n    requestAnimationFrame(() => this.triggerEl?.focus());\n  };\n\n  render() {\n    const selected = this.selectedSection;\n    if (!selected) return <Host />;\n    const combined = this.presentation === 'sheet' && !!this.pageLabel;\n\n    return (\n      <Host\n        class={{ 'mobile-section-switcher--pointer-focus': this.pointerFocus }}\n        onPointerDown={() => {\n          this.pointerFocus = true;\n          this.initialFocusVisible = false;\n        }}\n      >\n        <button\n          ref={element => {\n            this.triggerEl = element ?? null;\n          }}\n          id={this.triggerId}\n          class={{\n            'mobile-section-switcher': true,\n            'mobile-section-switcher--expanded': this.menuOpen,\n            'ds-interaction-fill--surface-open':\n              this.menuSurfaceOpen || this.menuOpen || this.sheetClosing,\n            'mobile-section-switcher--sheet': this.presentation === 'sheet',\n            'mobile-section-switcher--combined': combined,\n            'ds-focus-ring-inset': true,\n            'ds-interaction-fill': true,\n          }}\n          type=\"button\"\n          aria-haspopup={this.presentation === 'sheet' ? 'dialog' : 'menu'}\n          aria-controls={this.menuId}\n          aria-expanded={String(this.menuOpen)}\n          aria-label={this.triggerAriaLabel}\n          onClick={this.toggleMenu}\n        >\n          {this.presentation === 'menu' ? (\n            <span\n              class={{\n                'mobile-section-switcher__position': true,\n                'mobile-section-switcher__position--visible': this.hasPrevious,\n                'ds-interaction-fill__content': true,\n              }}\n              aria-hidden=\"true\"\n            />\n          ) : null}\n          {combined\n            ? [\n                <ds-text\n                  class=\"mobile-section-switcher__page-label ds-interaction-fill__content\"\n                  as=\"span\"\n                  variant=\"text-body-large\"\n                  emphasis\n                  color=\"inherit\"\n                  lineTruncation={1}\n                >\n                  {this.pageLabel}\n                </ds-text>,\n                <ds-text\n                  class=\"mobile-section-switcher__separator ds-interaction-fill__content\"\n                  as=\"span\"\n                  variant=\"text-body-large\"\n                  color=\"inherit\"\n                  aria-hidden=\"true\"\n                >\n                  ·\n                </ds-text>,\n              ]\n            : null}\n          <ds-text\n            class=\"mobile-section-switcher__label ds-interaction-fill__content\"\n            as=\"span\"\n            variant={this.presentation === 'sheet' ? 'text-body-large' : 'text-body-medium'}\n            emphasis\n            color=\"inherit\"\n            lineTruncation={1}\n          >\n            {selected.label}\n          </ds-text>\n          {this.presentation === 'menu' ? (\n            <span\n              class={{\n                'mobile-section-switcher__position': true,\n                'mobile-section-switcher__position--visible': this.hasNext,\n                'ds-interaction-fill__content': true,\n              }}\n              aria-hidden=\"true\"\n            />\n          ) : null}\n        </button>\n\n        {this.presentation === 'sheet' || this.sheetClosing ? (\n          this.renderSheet()\n        ) : this.selectableSections.length > 1 ? (\n          <ds-menu\n            id={this.menuId}\n            anchorId={this.triggerId}\n            align=\"center\"\n            menuLabel={this.navigationLabel}\n            open={this.menuOpen}\n            initialFocusVisible={this.initialFocusVisible}\n            sections={this.menuSections}\n            onDsClose={this.closeMenu}\n            onDsAfterClose={() => {\n              if (!this.menuOpen) this.menuSurfaceOpen = false;\n            }}\n            onDsSelect={this.handleSelect}\n          />\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-Dhw_W8nk.js

@@ -0,0 +1,2 @@
+import{h as n}from"./index.js";function e(n){return"type"in n&&n.type==="divider"}function t(n,e,t){if(n!==undefined)return n;const i=[];if(e){const{type:n,...t}=e;i.push({...t,type:"button",buttonType:n,appearance:"filled"})}for(const n of t){i.push("type"in n?n:{...n,type:"overflow"})}return i}function i(n){return n.type==="menu"||n.type==="split"?n.choices:undefined}function o(n){const t=new Set;const o=[];const s=n=>{if(!n.trim()){o.push("Action ids must be non-empty.");return}if(t.has(n)){o.push(`Duplicate action id: ${n}`);return}t.add(n)};for(const t of n){if(e(t))continue;s(t.id);for(const n of i(t)??[]){if(!e(n))s(n.id)}}return o}function s(n,t){if(e(n)||n.type==="overflow")return false;if(t==="mobile"){if(n.type!=="icon")return true;return(n.mobile??"auto")==="overflow"}return t==="constrained"&&(n.collapse??"auto")==="auto"}function r(n,t){const i=n.find((n=>!e(n)&&n.type!=="overflow"&&!s(n,t)));return i?[i]:[]}function c(n,e=true){return{label:n.label,value:n.id,icon:e?n.icon:undefined,isInactive:n.isInactive,isDestructive:n.isDestructive}}function u(n,t,i=true){for(const o of t){n.push(e(o)?o:c(o,i))}}function l(n){const e=[];let t=[];const i=()=>{if(t.length>0)e.push({items:t});t=[]};for(const e of n){if("type"in e&&e.type==="divider")i();else t.push(e)}i();return e}function a(n){const e=[];u(e,n);return l(e)}function f(n,t){const i=[];const[o]=r(n,t);for(const t of n){if(e(t)){i.push(t);continue}if(t.type==="overflow"){i.push(c(t,false));continue}if(t===o)continue;if(t.type==="menu"){u(i,t.choices,false);continue}if(t.type==="split"){i.push(c(t,false));u(i,t.choices,false);continue}i.push(c(t,false))}return l(i)}function d(n,t){const i=new Set;if(t)i.add("__overflow");for(const t of n){if(!e(t)&&(t.type==="menu"||t.type==="split")){i.add(t.id)}}return i}function p(n,t){for(const o of n){if(e(o))continue;if(o.id===t)return o;const n=i(o)?.find((n=>!e(n)&&n.id===t));if(n&&!e(n))return n}return undefined}function b(n){return"type"in n&&n.type==="divider"}function m(n,e,t,i){const o=t.findIndex((n=>!b(n)&&n.id===i));return`${n}-action-menu-${e}-${o}`}function v(n,e,t){if(n==="__overflow")return e??undefined;const i=t.get(n);if(!i)return undefined;const o=i.querySelector(".ds-button-split__menu");return o??i}async function y(n){if(n.menuId==="__overflow"){await(n.overflowTrigger?.setFocus?.());return}const e=n.actionTriggers.get(n.menuId);if(!e||!("setFocus"in e))return;const t=n.resolvedActionItems.some((e=>!b(e)&&e.id===n.menuId&&e.type==="split"));await(e.setFocus?.(t?"menu":undefined))}function $(n,e){return`${n}__${e}`}function _(e){if(!e.showBack)return null;return n("ds-tooltip",{label:"Go back",side:"bottom",size:"sm"},n("ds-button-unfilled",{class:$(e.classPrefix,"back"),variant:"icon",icon:"ChevronLeft","aria-label":e.backAriaLabel,size:"md",activeFill:false,hasBorder:false,onDsClick:n=>e.onBack(n.detail)}))}function w(e){const t=e.classPrefix;return n("div",{class:$(t,"section-selector")},n("button",{ref:n=>{e.setTriggerEl(n??null)},id:e.triggerId,class:{[$(t,"section-trigger")]:true,[`${$(t,"section-trigger")}--expanded`]:e.open,"ds-interaction-fill--surface-open":e.surfaceOpen,"ds-control--md":true,"ds-focus-ring-inset":true,"ds-interaction-fill":true},type:"button","aria-haspopup":"menu","aria-controls":e.menuId,"aria-expanded":String(e.open),"aria-label":e.ariaLabel,onClick:e.onToggle},n("ds-text",{class:`${$(t,"section-label")} ds-interaction-fill__content`,as:"span",variant:"text-body-medium",emphasis:true,color:"primary",lineTruncation:1},e.selectedLabel),n("ds-icon",{class:`${$(t,"section-chevron")} ds-interaction-fill__content`,name:"ChevronUpDown",size:"md",color:"inherit","aria-hidden":"true"})))}function h(e,t){if(b(e)||e.type==="overflow")return null;const i=e.appearance??(e.type==="split"?"filled":"unfilled");const o=e.type==="icon"?"icon":e.icon?"icon-label":"label";const s=e.type==="menu";const r=s?m(t.classPrefix,t.instanceId,t.resolvedActionItems,e.id):undefined;const c=t.classPrefix;if(e.type==="split"){const s=m(t.classPrefix,t.instanceId,t.resolvedActionItems,e.id);const r={key:e.id,ref:n=>{if(n)t.actionTriggers.set(e.id,n);else t.actionTriggers.delete(e.id)},class:`${$(c,"action")} ${$(c,"split-action")}`,split:true,variant:o,label:e.label,icon:e.icon??"",menuAriaLabel:e.menuAriaLabel,controls:s,expanded:t.openActionMenuId===e.id,surfaceOpen:t.surfaceActionMenuId===e.id,size:"md",type:e.buttonType??"button",isInactive:e.isInactive,isLoading:e.isLoading,onDsClick:()=>t.emitAction(e.id),onDsMenuClick:n=>t.toggleActionMenu(e.id,n.detail)};return i==="filled"?n("ds-button-filled",{...r,intent:e.intent??"brand",contrast:e.contrast??"bold"}):n("ds-button-unfilled",{...r})}const u={key:e.id,ref:n=>{if(n)t.actionTriggers.set(e.id,n);else t.actionTriggers.delete(e.id)},class:`${$(c,"action")} ${$(c,"action")}--${e.type}${t.actionItems===undefined&&e.id===t.primaryAction?.id?` ${$(c,"primary-action")}`:""}`,variant:o,icon:e.icon??"",label:e.label,ariaLabel:e.ariaLabel??(e.type==="icon"?e.label:undefined),size:"md",type:e.buttonType??"button",isInactive:e.isInactive,isLoading:e.isLoading,controls:r,expanded:s?t.openActionMenuId===e.id:undefined,surfaceOpen:s&&t.surfaceActionMenuId===e.id,hasMenu:s,onDsClick:n=>{if(s)t.toggleActionMenu(e.id,n.detail);else t.emitAction(e.id)}};const l=i==="filled"?n("ds-button-filled",{...u,intent:e.intent??"brand",contrast:e.contrast??"bold"}):n("ds-button-unfilled",{...u});return e.type==="icon"?n("ds-tooltip",{key:e.id,label:e.label,side:"bottom",size:"sm"},l):l}function D(e){if(e.visibleActions.length===0&&!e.showOverflowTrigger)return null;const t=e.classPrefix;return n("div",{class:$(t,"actions")},e.visibleActions.map((n=>h(n,e))),e.showOverflowTrigger?n("ds-tooltip",{label:"Page options",side:"bottom",size:"sm"},n("ds-button-unfilled",{ref:n=>{e.setOverflowTriggerEl(n??null)},id:e.actionMenuTriggerId,class:$(t,"more-actions"),variant:"icon",icon:"Ellipses","aria-label":e.actionsAriaLabel,size:"md",activeFill:!e.compact,hasBorder:e.visibleActions.length>0,haspopup:"menu",controls:e.actionMenuId,expanded:e.openActionMenuId==="__overflow",surfaceOpen:e.surfaceActionMenuId==="__overflow",onDsClick:n=>e.toggleActionMenu("__overflow",n.detail)})):null)}function k(e){const t=e.classPrefix;return e.visibleActions.flatMap((i=>{if(b(i)||i.type!=="menu"&&i.type!=="split"){return[]}const o=i;const s=o.menuAriaLabel??o.ariaLabel??o.label;return[n("ds-menu",{key:i.id,id:m(e.classPrefix,e.instanceId,e.resolvedActionItems,i.id),class:$(t,"action-menu"),anchor:v(i.id,e.overflowTrigger,e.actionTriggers),align:"end",menuLabel:s,open:e.openActionMenuId===i.id,initialFocusVisible:e.actionMenuInitialFocusVisible,sections:a(o.choices),onDsClose:e.closeActionMenu,onDsAfterClose:e.finishActionMenuClose,onDsSelect:e.handleActionSelect})]}))}function C(e){if(!e.showOverflowTrigger)return null;return n("ds-menu",{id:e.actionMenuId,class:$(e.classPrefix,"action-menu"),anchorId:e.actionMenuTriggerId,align:"end",menuLabel:e.actionsAriaLabel,open:e.open,initialFocusVisible:e.actionMenuInitialFocusVisible,sections:e.actionMenuSections,onDsClose:e.closeActionMenu,onDsAfterClose:e.finishActionMenuClose,onDsSelect:e.handleActionSelect})}function g(n){return n.filter((n=>!b(n)))}function x(n,e){const t=g(n);return t.some((n=>n.id===e))?e:t[0]?.id??""}function z(n,e){const t=x(n,e);return g(n).find((n=>n.id===t))?.label??""}function L(n,e){return`${n}. Current section: ${e}`}function I(n,e){const t=[];let i=[];const o=()=>{if(i.length>0)t.push({items:i});i=[]};for(const t of n){if(b(t)){o()}else{i.push({label:t.label,value:t.id,isSelected:t.id===e,isInactive:t.isInactive})}}o();return t}function S(n){return n.map((n=>b(n)?{type:"divider"}:{id:n.id,label:n.label,isInactive:n.isInactive}))}function F(n){return(n??[]).map((n=>b(n)?"|":`${n.id}\0${n.label}\0${n.isInactive?"1":"0"}`)).join("\n")}export{F as a,m as b,o as c,S as d,x as e,p as f,z as g,L as h,I as i,t as j,d as k,_ as l,w as m,C as n,f as o,k as p,D as q,y as r,g as s,r as v};
+//# sourceMappingURL=p-Dhw_W8nk.js.map

package/dist/components/p-Dhw_W8nk.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isBarTitleActionDivider","item","type","resolveBarTitleActionItems","actionItems","primaryAction","actions","undefined","resolved","primary","push","buttonType","appearance","action","nestedChoices","choices","barTitleActionIdIssues","items","seen","Set","issues","visit","id","trim","has","add","choice","actionCollapses","presentation","mobile","collapse","visibleBarTitleActions","find","menuItem","includeIcon","label","value","icon","isInactive","isDestructive","appendChoices","output","includeIcons","toSections","sections","current","commit","length","barTitleChoiceSections","rows","overflowBarTitleActionSections","visibleAction","availableBarTitleActionMenuIds","visibleActions","showOverflowTrigger","ids","findBarTitleAction","candidate","isBarTitleDivider","barTitleActionMenuDomId","classPrefix","instanceId","resolvedActionItems","index","findIndex","barTitleActionMenuAnchor","overflowTrigger","actionTriggers","trigger","get","splitMenu","querySelector","async","restoreBarTitleActionFocus","options","menuId","setFocus","split","some","className","prefix","part","renderBarTitleBack","showBack","h","side","size","class","variant","backAriaLabel","activeFill","hasBorder","onDsClick","event","onBack","detail","renderBarTitleSectionTrigger","ref","el","setTriggerEl","triggerId","open","surfaceOpen","String","ariaLabel","onClick","onToggle","as","emphasis","color","lineTruncation","selectedLabel","name","renderVisibleAction","menu","splitMenuId","splitProps","key","set","delete","menuAriaLabel","controls","expanded","openActionMenuId","surfaceActionMenuId","isLoading","emitAction","onDsMenuClick","toggleActionMenu","intent","contrast","buttonProps","hasMenu","button","renderBarTitleActions","map","setOverflowTriggerEl","actionMenuTriggerId","actionsAriaLabel","compact","haspopup","actionMenuId","renderBarTitleActionMenus","flatMap","menuAction","menuLabel","anchor","align","initialFocusVisible","actionMenuInitialFocusVisible","onDsClose","closeActionMenu","onDsAfterClose","finishActionMenuClose","onDsSelect","handleActionSelect","renderBarTitleOverflowMenu","anchorId","actionMenuSections","selectableBarTitleSections","filter","effectiveBarTitleSectionValue","selectable","section","selectedBarTitleSectionLabel","selectedId","barTitleSectionTriggerAriaLabel","sectionsAriaLabel","barTitleSectionMenuSections","groups","isSelected","barTitleSectionsToTabs","barTitleSectionsDigest","join"],"sources":["src/wc/components/BarTitle/bar-title-actions.ts","src/wc/components/BarTitle/bar-title-types.ts","src/wc/components/BarTitle/bar-title-action-chrome.tsx","src/wc/components/BarTitle/bar-title-sections.ts"],"sourcesContent":["import type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport type {\n  BarTitleAction,\n  BarTitleActionConfigItem,\n  BarTitleActionItem,\n  BarTitleDivider,\n  BarTitleMenuChoiceItem,\n  BarTitlePrimaryAction,\n  BarTitleVariant,\n} from './bar-title-types';\n\nexport type BarTitleActionPresentation = BarTitleVariant | 'mobile';\n\nexport function isBarTitleActionDivider(\n  item: BarTitleActionConfigItem | BarTitleMenuChoiceItem\n): item is BarTitleDivider {\n  return 'type' in item && item.type === 'divider';\n}\n\nexport function resolveBarTitleActionItems(\n  actionItems: BarTitleActionConfigItem[] | undefined,\n  primaryAction: BarTitlePrimaryAction | null,\n  actions: BarTitleActionItem[]\n): BarTitleActionConfigItem[] {\n  if (actionItems !== undefined) return actionItems;\n\n  const resolved: BarTitleActionConfigItem[] = [];\n  if (primaryAction) {\n    const { type, ...primary } = primaryAction;\n    resolved.push({\n      ...primary,\n      type: 'button',\n      buttonType: type,\n      appearance: 'filled',\n    });\n  }\n  for (const action of actions) {\n    resolved.push(\n      'type' in action\n        ? action\n        : {\n            ...action,\n            type: 'overflow',\n          }\n    );\n  }\n  return resolved;\n}\n\nfunction nestedChoices(item: BarTitleActionConfigItem): BarTitleMenuChoiceItem[] | undefined {\n  return item.type === 'menu' || item.type === 'split' ? item.choices : undefined;\n}\n\nexport function barTitleActionIdIssues(items: BarTitleActionConfigItem[]): string[] {\n  const seen = new Set<string>();\n  const issues: string[] = [];\n  const visit = (id: string) => {\n    if (!id.trim()) {\n      issues.push('Action ids must be non-empty.');\n      return;\n    }\n    if (seen.has(id)) {\n      issues.push(`Duplicate action id: ${id}`);\n      return;\n    }\n    seen.add(id);\n  };\n\n  for (const item of items) {\n    if (isBarTitleActionDivider(item)) continue;\n    visit(item.id);\n    for (const choice of nestedChoices(item) ?? []) {\n      if (!isBarTitleActionDivider(choice)) visit(choice.id);\n    }\n  }\n  return issues;\n}\n\nfunction actionCollapses(\n  item: BarTitleActionConfigItem,\n  presentation: BarTitleActionPresentation\n): boolean {\n  if (isBarTitleActionDivider(item) || item.type === 'overflow') return false;\n  if (presentation === 'mobile') {\n    if (item.type !== 'icon') return true;\n    return (item.mobile ?? 'auto') === 'overflow';\n  }\n  return presentation === 'constrained' && (item.collapse ?? 'auto') === 'auto';\n}\n\nexport function visibleBarTitleActions(\n  items: BarTitleActionConfigItem[],\n  presentation: BarTitleActionPresentation\n): BarTitleActionConfigItem[] {\n  const primary = items.find(\n    item =>\n      !isBarTitleActionDivider(item) &&\n      item.type !== 'overflow' &&\n      !actionCollapses(item, presentation)\n  );\n  return primary ? [primary] : [];\n}\n\nfunction menuItem(action: BarTitleAction, includeIcon: boolean = true): MenuItemData {\n  return {\n    label: action.label,\n    value: action.id,\n    icon: includeIcon ? action.icon : undefined,\n    isInactive: action.isInactive,\n    isDestructive: action.isDestructive,\n  };\n}\n\nfunction appendChoices(\n  output: Array<MenuItemData | BarTitleDivider>,\n  choices: BarTitleMenuChoiceItem[],\n  includeIcons: boolean = true\n) {\n  for (const choice of choices) {\n    output.push(isBarTitleActionDivider(choice) ? choice : menuItem(choice, includeIcons));\n  }\n}\n\nfunction toSections(items: Array<MenuItemData | BarTitleDivider>): MenuSection[] {\n  const sections: MenuSection[] = [];\n  let current: MenuItemData[] = [];\n  const commit = () => {\n    if (current.length > 0) sections.push({ items: current });\n    current = [];\n  };\n\n  for (const item of items) {\n    if ('type' in item && item.type === 'divider') commit();\n    else current.push(item as MenuItemData);\n  }\n  commit();\n  return sections;\n}\n\nexport function barTitleChoiceSections(choices: BarTitleMenuChoiceItem[]): MenuSection[] {\n  const rows: Array<MenuItemData | BarTitleDivider> = [];\n  appendChoices(rows, choices);\n  return toSections(rows);\n}\n\nexport function overflowBarTitleActionSections(\n  items: BarTitleActionConfigItem[],\n  presentation: BarTitleActionPresentation\n): MenuSection[] {\n  const rows: Array<MenuItemData | BarTitleDivider> = [];\n  const [visibleAction] = visibleBarTitleActions(items, presentation);\n\n  for (const item of items) {\n    if (isBarTitleActionDivider(item)) {\n      rows.push(item);\n      continue;\n    }\n    if (item.type === 'overflow') {\n      rows.push(menuItem(item, false));\n      continue;\n    }\n    if (item === visibleAction) continue;\n\n    if (item.type === 'menu') {\n      appendChoices(rows, item.choices, false);\n      continue;\n    }\n    if (item.type === 'split') {\n      rows.push(menuItem(item, false));\n      appendChoices(rows, item.choices, false);\n      continue;\n    }\n    rows.push(menuItem(item, false));\n  }\n\n  return toSections(rows);\n}\n\nexport function availableBarTitleActionMenuIds(\n  visibleActions: BarTitleActionConfigItem[],\n  showOverflowTrigger: boolean\n): Set<string> {\n  const ids = new Set<string>();\n  if (showOverflowTrigger) ids.add('__overflow');\n  for (const item of visibleActions) {\n    if (!isBarTitleActionDivider(item) && (item.type === 'menu' || item.type === 'split')) {\n      ids.add(item.id);\n    }\n  }\n  return ids;\n}\n\nexport function findBarTitleAction(\n  items: BarTitleActionConfigItem[],\n  id: string\n): BarTitleAction | undefined {\n  for (const item of items) {\n    if (isBarTitleActionDivider(item)) continue;\n    if (item.id === id) return item;\n    const choice = nestedChoices(item)?.find(\n      candidate => !isBarTitleActionDivider(candidate) && candidate.id === id\n    );\n    if (choice && !isBarTitleActionDivider(choice)) return choice;\n  }\n  return undefined;\n}\n","import type { ButtonFilledContrast, ButtonFilledIntent } from '../ButtonFilled/ButtonFilled';\n\nexport interface BarTitleSection {\n  id: string;\n  label: string;\n  isInactive?: boolean;\n}\n\nexport interface BarTitleDivider {\n  type: 'divider';\n}\n\nexport type BarTitleSectionItem = BarTitleSection | BarTitleDivider;\n\nexport interface BarTitleAction {\n  id: string;\n  label: string;\n  ariaLabel?: string;\n  icon?: string;\n  isInactive?: boolean;\n  isDestructive?: boolean;\n}\n\nexport interface BarTitlePrimaryAction extends BarTitleAction {\n  intent?: ButtonFilledIntent;\n  contrast?: ButtonFilledContrast;\n  isLoading?: boolean;\n  type?: 'button' | 'submit' | 'reset';\n  collapse?: BarTitlePrimaryActionCollapse;\n}\n\nexport type BarTitleActionItem = BarTitleAction | BarTitleDivider;\n\nexport type BarTitleActionAppearance = 'filled' | 'unfilled';\nexport type BarTitleActionCollapse = 'auto' | 'never';\nexport type BarTitleActionMobile = 'auto' | 'visible' | 'overflow';\n\ninterface BarTitleVisibleActionBase extends BarTitleAction {\n  appearance?: BarTitleActionAppearance;\n  intent?: ButtonFilledIntent;\n  contrast?: ButtonFilledContrast;\n  isLoading?: boolean;\n  buttonType?: 'button' | 'submit' | 'reset';\n  /** Auto moves the action into overflow only in constrained presentation. */\n  collapse?: BarTitleActionCollapse;\n  /**\n   * Mobile defaults icon actions to visible and all labeled actions to overflow.\n   * `visible` is supported only by icon actions.\n   */\n  mobile?: BarTitleActionMobile;\n}\n\n/** Visible labeled command in the authored action order. */\nexport interface BarTitleButtonAction extends BarTitleVisibleActionBase {\n  type: 'button';\n}\n\n/** Visible icon-only command. ariaLabel is required because label is not rendered. */\nexport interface BarTitleIconAction extends BarTitleVisibleActionBase {\n  type: 'icon';\n  icon: string;\n  ariaLabel: string;\n}\n\nexport type BarTitleMenuChoice = BarTitleAction;\nexport type BarTitleMenuChoiceItem = BarTitleMenuChoice | BarTitleDivider;\n\n/** Visible labeled menu button. Selecting a choice emits that choice's flat id. */\nexport interface BarTitleMenuAction extends BarTitleVisibleActionBase {\n  type: 'menu';\n  choices: BarTitleMenuChoiceItem[];\n  menuAriaLabel?: string;\n}\n\n/** Command with a dedicated menu segment; defaults filled when appearance is omitted. */\nexport interface BarTitleSplitAction extends BarTitleVisibleActionBase {\n  type: 'split';\n  choices: BarTitleMenuChoiceItem[];\n  menuAriaLabel: string;\n}\n\n/** Command that is always presented in the shared overflow menu. */\nexport interface BarTitleOverflowAction extends BarTitleAction {\n  type: 'overflow';\n}\n\n/**\n * Ordered page-header action model. IDs must be non-empty and unique across\n * top-level actions and every nested menu choice. At most the first eligible\n * action renders beside the title; remaining actions use the text-only overflow.\n */\nexport type BarTitleActionConfigItem =\n  | BarTitleButtonAction\n  | BarTitleIconAction\n  | BarTitleMenuAction\n  | BarTitleSplitAction\n  | BarTitleOverflowAction\n  | BarTitleDivider;\n\nexport type BarTitleVariant = 'expanded' | 'compact' | 'constrained';\nexport type BarTitlePlacement = 'page' | 'shell-bar';\n\nexport type BarTitlePrimaryActionCollapse = 'auto' | 'never';\n\nexport function isBarTitleDivider(\n  item: BarTitleSectionItem | BarTitleActionItem\n): item is BarTitleDivider {\n  return 'type' in item && item.type === 'divider';\n}\n","import { h } from '@stencil/core';\nimport type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport { isBarTitleDivider } from './bar-title-types';\nimport type {\n  BarTitleActionConfigItem,\n  BarTitleMenuAction,\n  BarTitlePrimaryAction,\n  BarTitleSplitAction,\n} from './bar-title-types';\nimport { barTitleChoiceSections } from './bar-title-actions';\n\nexport type FocusableBarTitleButton = HTMLElement & {\n  setFocus?: (segment?: 'primary' | 'menu') => Promise<void>;\n};\n\nexport function barTitleActionMenuDomId(\n  classPrefix: string,\n  instanceId: number,\n  resolvedActionItems: BarTitleActionConfigItem[],\n  id: string\n): string {\n  const index = resolvedActionItems.findIndex(item => !isBarTitleDivider(item) && item.id === id);\n  return `${classPrefix}-action-menu-${instanceId}-${index}`;\n}\n\nexport function barTitleActionMenuAnchor(\n  id: string,\n  overflowTrigger: FocusableBarTitleButton | null,\n  actionTriggers: Map<string, FocusableBarTitleButton>\n): HTMLElement | undefined {\n  if (id === '__overflow') return overflowTrigger ?? undefined;\n  const trigger = actionTriggers.get(id);\n  if (!trigger) return undefined;\n  const splitMenu = trigger.querySelector<HTMLElement>('.ds-button-split__menu');\n  return splitMenu ?? trigger;\n}\n\nexport async function restoreBarTitleActionFocus(options: {\n  menuId: string;\n  overflowTrigger: FocusableBarTitleButton | null;\n  actionTriggers: Map<string, FocusableBarTitleButton>;\n  resolvedActionItems: BarTitleActionConfigItem[];\n}): Promise<void> {\n  if (options.menuId === '__overflow') {\n    await options.overflowTrigger?.setFocus?.();\n    return;\n  }\n  const trigger = options.actionTriggers.get(options.menuId);\n  if (!trigger || !('setFocus' in trigger)) return;\n  const split = options.resolvedActionItems.some(\n    item => !isBarTitleDivider(item) && item.id === options.menuId && item.type === 'split'\n  );\n  await trigger.setFocus?.(split ? 'menu' : undefined);\n}\n\nfunction className(prefix: string, part: string): string {\n  return `${prefix}__${part}`;\n}\n\nexport function renderBarTitleBack(options: {\n  classPrefix: string;\n  showBack: boolean;\n  backAriaLabel: string;\n  onBack: (event: MouseEvent) => void;\n}) {\n  if (!options.showBack) return null;\n  return (\n    <ds-tooltip label=\"Go back\" side=\"bottom\" size=\"sm\">\n      <ds-button-unfilled\n        class={className(options.classPrefix, 'back')}\n        variant=\"icon\"\n        icon=\"ChevronLeft\"\n        aria-label={options.backAriaLabel}\n        size=\"md\"\n        activeFill={false}\n        hasBorder={false}\n        onDsClick={(event: CustomEvent<MouseEvent>) => options.onBack(event.detail)}\n      />\n    </ds-tooltip>\n  );\n}\n\nexport function renderBarTitleSectionTrigger(options: {\n  classPrefix: string;\n  triggerId: string;\n  menuId: string;\n  open: boolean;\n  surfaceOpen: boolean;\n  ariaLabel: string;\n  selectedLabel: string;\n  setTriggerEl: (el: HTMLButtonElement | null) => void;\n  onToggle: (event: MouseEvent) => void;\n}) {\n  const prefix = options.classPrefix;\n  return (\n    <div class={className(prefix, 'section-selector')}>\n      <button\n        ref={el => {\n          options.setTriggerEl((el as HTMLButtonElement | null) ?? null);\n        }}\n        id={options.triggerId}\n        class={{\n          [className(prefix, 'section-trigger')]: true,\n          [`${className(prefix, 'section-trigger')}--expanded`]: options.open,\n          'ds-interaction-fill--surface-open': options.surfaceOpen,\n          'ds-control--md': true,\n          'ds-focus-ring-inset': true,\n          'ds-interaction-fill': true,\n        }}\n        type=\"button\"\n        aria-haspopup=\"menu\"\n        aria-controls={options.menuId}\n        aria-expanded={String(options.open)}\n        aria-label={options.ariaLabel}\n        onClick={options.onToggle}\n      >\n        <ds-text\n          class={`${className(prefix, 'section-label')} ds-interaction-fill__content`}\n          as=\"span\"\n          variant=\"text-body-medium\"\n          emphasis\n          color=\"primary\"\n          lineTruncation={1}\n        >\n          {options.selectedLabel}\n        </ds-text>\n        <ds-icon\n          class={`${className(prefix, 'section-chevron')} ds-interaction-fill__content`}\n          name=\"ChevronUpDown\"\n          size=\"md\"\n          color=\"inherit\"\n          aria-hidden=\"true\"\n        />\n      </button>\n    </div>\n  );\n}\n\nfunction renderVisibleAction(\n  action: BarTitleActionConfigItem,\n  options: {\n    classPrefix: string;\n    compact: boolean;\n    actionItems: BarTitleActionConfigItem[] | undefined;\n    primaryAction: BarTitlePrimaryAction | null;\n    resolvedActionItems: BarTitleActionConfigItem[];\n    instanceId: number;\n    openActionMenuId: string;\n    surfaceActionMenuId: string;\n    actionTriggers: Map<string, FocusableBarTitleButton>;\n    toggleActionMenu: (id: string, event: MouseEvent) => void;\n    emitAction: (id: string) => void;\n  }\n) {\n  if (isBarTitleDivider(action) || action.type === 'overflow') return null;\n  const appearance = action.appearance ?? (action.type === 'split' ? 'filled' : 'unfilled');\n  const variant: 'icon' | 'icon-label' | 'label' =\n    action.type === 'icon' ? 'icon' : action.icon ? 'icon-label' : 'label';\n  const menu = action.type === 'menu';\n  const menuId = menu\n    ? barTitleActionMenuDomId(\n        options.classPrefix,\n        options.instanceId,\n        options.resolvedActionItems,\n        action.id\n      )\n    : undefined;\n  const prefix = options.classPrefix;\n\n  if (action.type === 'split') {\n    const splitMenuId = barTitleActionMenuDomId(\n      options.classPrefix,\n      options.instanceId,\n      options.resolvedActionItems,\n      action.id\n    );\n    const splitProps = {\n      key: action.id,\n      ref: (el: FocusableBarTitleButton | undefined) => {\n        if (el) options.actionTriggers.set(action.id, el);\n        else options.actionTriggers.delete(action.id);\n      },\n      class: `${className(prefix, 'action')} ${className(prefix, 'split-action')}`,\n      split: true,\n      variant,\n      label: action.label,\n      icon: action.icon ?? '',\n      menuAriaLabel: action.menuAriaLabel,\n      controls: splitMenuId,\n      expanded: options.openActionMenuId === action.id,\n      surfaceOpen: options.surfaceActionMenuId === action.id,\n      size: 'md' as const,\n      type: action.buttonType ?? 'button',\n      isInactive: action.isInactive,\n      isLoading: action.isLoading,\n      onDsClick: () => options.emitAction(action.id),\n      onDsMenuClick: (event: CustomEvent<MouseEvent>) =>\n        options.toggleActionMenu(action.id, event.detail),\n    };\n    return appearance === 'filled' ? (\n      <ds-button-filled\n        {...splitProps}\n        intent={action.intent ?? 'brand'}\n        contrast={action.contrast ?? 'bold'}\n      />\n    ) : (\n      <ds-button-unfilled {...splitProps} />\n    );\n  }\n\n  const buttonProps = {\n    key: action.id,\n    ref: (el: FocusableBarTitleButton | undefined) => {\n      if (el) options.actionTriggers.set(action.id, el);\n      else options.actionTriggers.delete(action.id);\n    },\n    class: `${className(prefix, 'action')} ${className(prefix, 'action')}--${action.type}${\n      options.actionItems === undefined && action.id === options.primaryAction?.id\n        ? ` ${className(prefix, 'primary-action')}`\n        : ''\n    }`,\n    variant,\n    icon: action.icon ?? '',\n    label: action.label,\n    ariaLabel: action.ariaLabel ?? (action.type === 'icon' ? action.label : undefined),\n    size: 'md' as const,\n    type: action.buttonType ?? 'button',\n    isInactive: action.isInactive,\n    isLoading: action.isLoading,\n    controls: menuId,\n    expanded: menu ? options.openActionMenuId === action.id : undefined,\n    surfaceOpen: menu && options.surfaceActionMenuId === action.id,\n    hasMenu: menu,\n    onDsClick: (event: CustomEvent<MouseEvent>) => {\n      if (menu) options.toggleActionMenu(action.id, event.detail);\n      else options.emitAction(action.id);\n    },\n  };\n\n  const button =\n    appearance === 'filled' ? (\n      <ds-button-filled\n        {...buttonProps}\n        intent={action.intent ?? 'brand'}\n        contrast={action.contrast ?? 'bold'}\n      />\n    ) : (\n      <ds-button-unfilled {...buttonProps} />\n    );\n\n  return action.type === 'icon' ? (\n    <ds-tooltip key={action.id} label={action.label} side=\"bottom\" size=\"sm\">\n      {button}\n    </ds-tooltip>\n  ) : (\n    button\n  );\n}\n\nexport function renderBarTitleActions(options: {\n  classPrefix: string;\n  compact: boolean;\n  visibleActions: BarTitleActionConfigItem[];\n  showOverflowTrigger: boolean;\n  actionItems: BarTitleActionConfigItem[] | undefined;\n  primaryAction: BarTitlePrimaryAction | null;\n  resolvedActionItems: BarTitleActionConfigItem[];\n  instanceId: number;\n  openActionMenuId: string;\n  surfaceActionMenuId: string;\n  actionsAriaLabel: string;\n  actionMenuTriggerId: string;\n  actionMenuId: string;\n  actionTriggers: Map<string, FocusableBarTitleButton>;\n  setOverflowTriggerEl: (el: FocusableBarTitleButton | null) => void;\n  toggleActionMenu: (id: string, event: MouseEvent) => void;\n  emitAction: (id: string) => void;\n}) {\n  if (options.visibleActions.length === 0 && !options.showOverflowTrigger) return null;\n  const prefix = options.classPrefix;\n\n  return (\n    <div class={className(prefix, 'actions')}>\n      {options.visibleActions.map(action => renderVisibleAction(action, options))}\n      {options.showOverflowTrigger ? (\n        <ds-tooltip label=\"Page options\" side=\"bottom\" size=\"sm\">\n          <ds-button-unfilled\n            ref={el => {\n              options.setOverflowTriggerEl((el as FocusableBarTitleButton | null) ?? null);\n            }}\n            id={options.actionMenuTriggerId}\n            class={className(prefix, 'more-actions')}\n            variant=\"icon\"\n            icon=\"Ellipses\"\n            aria-label={options.actionsAriaLabel}\n            size=\"md\"\n            activeFill={!options.compact}\n            hasBorder={options.visibleActions.length > 0}\n            haspopup=\"menu\"\n            controls={options.actionMenuId}\n            expanded={options.openActionMenuId === '__overflow'}\n            surfaceOpen={options.surfaceActionMenuId === '__overflow'}\n            onDsClick={(event: CustomEvent<MouseEvent>) =>\n              options.toggleActionMenu('__overflow', event.detail)\n            }\n          />\n        </ds-tooltip>\n      ) : null}\n    </div>\n  );\n}\n\nexport function renderBarTitleActionMenus(options: {\n  classPrefix: string;\n  visibleActions: BarTitleActionConfigItem[];\n  instanceId: number;\n  resolvedActionItems: BarTitleActionConfigItem[];\n  openActionMenuId: string;\n  actionMenuInitialFocusVisible: boolean;\n  overflowTrigger: FocusableBarTitleButton | null;\n  actionTriggers: Map<string, FocusableBarTitleButton>;\n  closeActionMenu: () => void;\n  finishActionMenuClose: (event: CustomEvent<void>) => void;\n  handleActionSelect: (event: CustomEvent<MenuItemData>) => void;\n}) {\n  const prefix = options.classPrefix;\n  return options.visibleActions.flatMap(action => {\n    if (isBarTitleDivider(action) || (action.type !== 'menu' && action.type !== 'split')) {\n      return [];\n    }\n    const menuAction = action as BarTitleMenuAction | BarTitleSplitAction;\n    const menuLabel = menuAction.menuAriaLabel ?? menuAction.ariaLabel ?? menuAction.label;\n    return [\n      <ds-menu\n        key={action.id}\n        id={barTitleActionMenuDomId(\n          options.classPrefix,\n          options.instanceId,\n          options.resolvedActionItems,\n          action.id\n        )}\n        class={className(prefix, 'action-menu')}\n        anchor={barTitleActionMenuAnchor(\n          action.id,\n          options.overflowTrigger,\n          options.actionTriggers\n        )}\n        align=\"end\"\n        menuLabel={menuLabel}\n        open={options.openActionMenuId === action.id}\n        initialFocusVisible={options.actionMenuInitialFocusVisible}\n        sections={barTitleChoiceSections(menuAction.choices)}\n        onDsClose={options.closeActionMenu}\n        onDsAfterClose={options.finishActionMenuClose}\n        onDsSelect={options.handleActionSelect}\n      />,\n    ];\n  });\n}\n\nexport function renderBarTitleOverflowMenu(options: {\n  classPrefix: string;\n  showOverflowTrigger: boolean;\n  actionMenuId: string;\n  actionMenuTriggerId: string;\n  actionsAriaLabel: string;\n  open: boolean;\n  actionMenuInitialFocusVisible: boolean;\n  actionMenuSections: MenuSection[];\n  closeActionMenu: () => void;\n  finishActionMenuClose: (event: CustomEvent<void>) => void;\n  handleActionSelect: (event: CustomEvent<MenuItemData>) => void;\n}) {\n  if (!options.showOverflowTrigger) return null;\n  return (\n    <ds-menu\n      id={options.actionMenuId}\n      class={className(options.classPrefix, 'action-menu')}\n      anchorId={options.actionMenuTriggerId}\n      align=\"end\"\n      menuLabel={options.actionsAriaLabel}\n      open={options.open}\n      initialFocusVisible={options.actionMenuInitialFocusVisible}\n      sections={options.actionMenuSections}\n      onDsClose={options.closeActionMenu}\n      onDsAfterClose={options.finishActionMenuClose}\n      onDsSelect={options.handleActionSelect}\n    />\n  );\n}\n","import type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport type { TabItem } from '../TabGroup/tab-item-utils';\nimport {\n  isBarTitleDivider,\n  type BarTitleSection,\n  type BarTitleSectionItem,\n} from './bar-title-types';\n\nexport function selectableBarTitleSections(sections: BarTitleSectionItem[]): BarTitleSection[] {\n  return sections.filter((item): item is BarTitleSection => !isBarTitleDivider(item));\n}\n\nexport function effectiveBarTitleSectionValue(\n  sections: BarTitleSectionItem[],\n  value: string\n): string {\n  const selectable = selectableBarTitleSections(sections);\n  return selectable.some(section => section.id === value) ? value : (selectable[0]?.id ?? '');\n}\n\nexport function selectedBarTitleSectionLabel(\n  sections: BarTitleSectionItem[],\n  value: string\n): string {\n  const selectedId = effectiveBarTitleSectionValue(sections, value);\n  return (\n    selectableBarTitleSections(sections).find(section => section.id === selectedId)?.label ?? ''\n  );\n}\n\nexport function barTitleSectionTriggerAriaLabel(\n  sectionsAriaLabel: string,\n  selectedLabel: string\n): string {\n  return `${sectionsAriaLabel}. Current section: ${selectedLabel}`;\n}\n\nexport function barTitleSectionMenuSections(\n  sections: BarTitleSectionItem[],\n  selectedId: string\n): MenuSection[] {\n  const groups: MenuSection[] = [];\n  let items: MenuItemData[] = [];\n  const commit = () => {\n    if (items.length > 0) groups.push({ items });\n    items = [];\n  };\n\n  for (const item of sections) {\n    if (isBarTitleDivider(item)) {\n      commit();\n    } else {\n      items.push({\n        label: item.label,\n        value: item.id,\n        isSelected: item.id === selectedId,\n        isInactive: item.isInactive,\n      });\n    }\n  }\n  commit();\n  return groups;\n}\n\nexport function barTitleSectionsToTabs(sections: BarTitleSectionItem[]): TabItem[] {\n  return sections.map(item =>\n    isBarTitleDivider(item)\n      ? { type: 'divider' }\n      : {\n          id: item.id,\n          label: item.label,\n          isInactive: item.isInactive,\n        }\n  );\n}\n\nexport function barTitleSectionsDigest(sections: BarTitleSectionItem[] | undefined): string {\n  return (sections ?? [])\n    .map(item =>\n      isBarTitleDivider(item) ? '|' : `${item.id}\\0${item.label}\\0${item.isInactive ? '1' : '0'}`\n    )\n    .join('\\n');\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-pkGqqLm-.js → p-DwxKwC5i.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as i,a as s,t as d}from"./index.js";import{d as n}from"./p-B9oadFSC.js";const r=()=>`.ds-field-stack.sc-ds-field-h,.ds-field-stack.sc-ds-field{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.sc-ds-field-h{display:block}.field__control.sc-ds-field{display:flex;min-width:0}.field__control.sc-ds-field>*.sc-ds-field{width:100%}`;let a=0;const o=e=>e?.split(/\s+/).filter(Boolean)??[];const l=(...e)=>[...new Set(e.flat())];const h=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.error=false;this.focused=false;this.filled=false;this.dirty=false;this.touched=false;this.controlDisabled=false;this.controlRequired=false;this.slotRevision=0;this.generatedId=`ds-field-${++a}`;this.initialValue="";this.authoredAria=new WeakMap;this.didLoad=false;this.syncControl=()=>{const e=this.findControl();if(!e)return;if(e!==this.control){this.control=e;this.initialValue=this.readValue(e);this.authoredAria.set(e,{labelledby:o(e.getAttribute("aria-labelledby")),describedby:o(e.getAttribute("aria-describedby"))})}const t=e.tagName.startsWith("DS-");if(t&&"inputId"in e)e.inputId=this.controlId;else this.updateControlAttribute(e,"id",this.controlId);const i=this.authoredAria.get(e)??{labelledby:[],describedby:[]};const s=l(i.labelledby,[this.labelId]).join(" ");const d=l(i.describedby,this.renderedDescription?[this.descriptionId]:[],this.renderedError?[this.errorId]:[]).join(" ");this.updateControlAttribute(e,"aria-labelledby",s);this.updateControlAttribute(e,"aria-describedby",d||undefined);this.updateControlAttribute(e,"aria-invalid",this.error?"true":undefined);if(t&&"error"in e&&e.error!==this.error)e.error=this.error;const n=this.readValue(e);this.filled=n.length>0;this.dirty=n!==this.initialValue;this.controlDisabled=Boolean(e.disabled||e.isInactive||e.hasAttribute("disabled"));this.controlRequired=Boolean(e.required||e.hasAttribute("required"))};this.handleLabelClick=e=>{if(!this.control?.tagName.startsWith("DS-"))return;e.preventDefault();this.control.setFocus?.()};this.handleFocusIn=()=>{this.focused=true};this.handleFocusOut=e=>{if(e.relatedTarget instanceof Node&&this.el.contains(e.relatedTarget))return;this.focused=false;this.touched=true};this.handleValueChange=()=>{this.syncControl()}}connectedCallback(){if(this.didLoad)this.observeLateControls()}disconnectedCallback(){this.childObserver?.disconnect();this.childObserver=undefined}componentDidLoad(){this.syncControl();this.didLoad=true;this.observeLateControls();requestAnimationFrame((()=>this.syncControl()))}componentDidRender(){this.syncControl()}onFieldContractChange(){this.syncControl()}get controlId(){return this.fieldId||this.generatedId}get labelId(){return`${this.controlId}-label`}get descriptionId(){return`${this.controlId}-description`}get errorId(){return`${this.controlId}-error`}get renderedDescription(){return Boolean(this.description)&&!this.renderedError}get renderedError(){return this.error&&Boolean(this.errorMessage)}readValue(e){const t=e.value;return Array.isArray(t)?t.join(""):String(t??"")}updateControlAttribute(e,t,i){if(i===undefined){if(e.hasAttribute(t))e.removeAttribute(t);return}if(e.getAttribute(t)!==i)e.setAttribute(t,i)}findControl(){return this.controlContainer?.querySelector(":scope > :not(slot)")??undefined}observeLateControls(){if(this.childObserver||typeof MutationObserver==="undefined")return;this.childObserver=new MutationObserver((e=>{const t=e.some((e=>Array.from(e.addedNodes).some((e=>e.nodeType===1))));if(t)this.slotRevision++}));this.childObserver.observe(this.el,{childList:true})}render(){return i(s,{key:"01ac395afc229748e3629d67e3ee5b17161bac01","data-focused":this.focused?"":undefined,"data-filled":this.filled?"":undefined,"data-dirty":this.dirty?"":undefined,"data-touched":this.touched?"":undefined,"data-invalid":this.error?"":undefined,"data-disabled":this.controlDisabled?"":undefined,"data-required":this.controlRequired?"":undefined,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onInput:this.handleValueChange,onChange:this.handleValueChange,onDsChange:this.handleValueChange},i("div",{key:"3f191e3ca6a6715469ae9c60e8470b950ebb920e",class:"field ds-field-stack"},i("ds-text",{key:"2a4ec6f5baa04dde3ff16c24d5fad3d503bbf145",class:"field__label",as:"label",variant:"text-body-small",color:"primary",emphasis:true,for:this.controlId,textId:this.labelId,onClick:this.handleLabelClick},this.label),i("div",{key:"05c43549c4517831dbaf594797c8c18b7ae57226",class:"field__control",ref:e=>this.controlContainer=e},i("slot",{key:"88be33a0b5d6c63cc69a17707ed0fdbc8770142a",onSlotchange:this.syncControl})),this.renderedDescription&&i("ds-text",{key:"27d05770b0990ead7950b78955ff14efdaf4f022",class:"field__description",as:"div",variant:"text-body-small",color:"secondary",textId:this.descriptionId},this.description),this.renderedError&&i("ds-text",{key:"a227de78846f9297f051b511cdf2d3006cbe7691",class:"field__error",as:"div",variant:"text-body-small",color:"negative",textId:this.errorId,role:"alert"},this.errorMessage)))}get el(){return this}static get watchers(){return{fieldId:[{onFieldContractChange:0}],description:[{onFieldContractChange:0}],error:[{onFieldContractChange:0}],errorMessage:[{onFieldContractChange:0}]}}static get style(){return r()}},[262,"ds-field",{label:[1],fieldId:[1,"field-id"],description:[1],error:[4],errorMessage:[1,"error-message"],focused:[32],filled:[32],dirty:[32],touched:[32],controlDisabled:[32],controlRequired:[32],slotRevision:[32]},undefined,{fieldId:[{onFieldContractChange:0}],description:[{onFieldContractChange:0}],error:[{onFieldContractChange:0}],errorMessage:[{onFieldContractChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ds-field","ds-text"];e.forEach((e=>{switch(e){case"ds-field":if(!customElements.get(d(e))){customElements.define(d(e),h)}break;case"ds-text":if(!customElements.get(d(e))){n()}break}}))}c();export{h as F,c as d};
-//# sourceMappingURL=p-pkGqqLm-.js.map
+import{p as e,H as t,h as i,a as s,t as d}from"./index.js";import{d as n}from"./p-B9oadFSC.js";const a=()=>`.ds-field-stack.sc-ds-field-h,.ds-field-stack.sc-ds-field{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.sc-ds-field-h{display:block}.field__control.sc-ds-field{display:flex;min-width:0}.field__control.sc-ds-field>*.sc-ds-field{width:100%}`;let r=0;const o=e=>e?.split(/\s+/).filter(Boolean)??[];const l=(...e)=>[...new Set(e.flat())];const h=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.error=false;this.focused=false;this.filled=false;this.dirty=false;this.touched=false;this.controlDisabled=false;this.controlRequired=false;this.slotRevision=0;this.generatedId=`ds-field-${++r}`;this.initialValue="";this.authoredAria=new WeakMap;this.didLoad=false;this.syncControl=()=>{const e=this.findControl();if(!e)return;if(e!==this.control){this.control=e;this.initialValue=this.readValue(e);this.authoredAria.set(e,{labelledby:o(e.getAttribute("aria-labelledby")),describedby:o(e.getAttribute("aria-describedby"))})}const t=e.tagName.startsWith("DS-");if(t&&"inputId"in e)e.inputId=this.controlId;else this.updateControlAttribute(e,"id",this.controlId);const i=this.authoredAria.get(e)??{labelledby:[],describedby:[]};const s=l(i.labelledby,[this.labelId]).join(" ");const d=l(i.describedby,this.renderedDescription?[this.descriptionId]:[],this.renderedError?[this.errorId]:[]).join(" ");this.updateControlAttribute(e,"aria-labelledby",s);this.updateControlAttribute(e,"aria-describedby",d||undefined);this.updateControlAttribute(e,"aria-invalid",this.error?"true":undefined);if(t&&"error"in e&&e.error!==this.error)e.error=this.error;const n=this.readValue(e);this.filled=n.length>0;this.dirty=n!==this.initialValue;this.controlDisabled=Boolean(e.disabled||e.isInactive||e.hasAttribute("disabled"));this.controlRequired=Boolean(e.required||e.hasAttribute("required"))};this.handleLabelClick=e=>{if(!this.control?.tagName.startsWith("DS-"))return;e.preventDefault();this.control.setFocus?.()};this.handleFocusIn=()=>{this.focused=true};this.handleFocusOut=e=>{if(e.relatedTarget instanceof Node&&this.el.contains(e.relatedTarget))return;this.focused=false;this.touched=true};this.handleValueChange=()=>{this.syncControl()}}connectedCallback(){if(this.didLoad)this.observeLateControls()}disconnectedCallback(){this.childObserver?.disconnect();this.childObserver=undefined}componentDidLoad(){this.syncControl();this.didLoad=true;this.observeLateControls();requestAnimationFrame((()=>this.syncControl()))}componentDidRender(){this.syncControl()}onFieldContractChange(){this.syncControl()}get controlId(){return this.fieldId||this.generatedId}get labelId(){return`${this.controlId}-label`}get descriptionId(){return`${this.controlId}-description`}get errorId(){return`${this.controlId}-error`}get renderedDescription(){return Boolean(this.description)&&!this.renderedError}get renderedError(){return this.error&&Boolean(this.errorMessage)}readValue(e){const t=e.value;return Array.isArray(t)?t.join(""):String(t??"")}updateControlAttribute(e,t,i){if(i===undefined){if(e.hasAttribute(t))e.removeAttribute(t);return}if(e.getAttribute(t)!==i)e.setAttribute(t,i)}findControl(){return this.controlContainer?.querySelector(":scope > :not(slot)")??undefined}observeLateControls(){if(this.childObserver||typeof MutationObserver==="undefined")return;this.childObserver=new MutationObserver((e=>{const t=e.some((e=>Array.from(e.addedNodes).some((e=>e.nodeType===1))));if(t)this.slotRevision++}));this.childObserver.observe(this.el,{childList:true})}render(){return i(s,{key:"46b18670f9f9926ff9a7a18ca3d7015557c2ec50","data-focused":this.focused?"":undefined,"data-filled":this.filled?"":undefined,"data-dirty":this.dirty?"":undefined,"data-touched":this.touched?"":undefined,"data-invalid":this.error?"":undefined,"data-disabled":this.controlDisabled?"":undefined,"data-required":this.controlRequired?"":undefined,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onInput:this.handleValueChange,onChange:this.handleValueChange,onDsChange:this.handleValueChange},i("div",{key:"d61f773a0698be8fe24e5d85a9ce18b759a83b27",class:"field ds-field-stack"},i("ds-text",{key:"7291fbd6bc4aad15ab71738ab8722ffbf88feac0",class:"field__label",as:"label",variant:"text-body-small",color:"primary",emphasis:true,for:this.controlId,textId:this.labelId,onClick:this.handleLabelClick},this.label),i("div",{key:"a11396c05fa94efcae1c17e936121d9f527cca03",class:"field__control",ref:e=>this.controlContainer=e},i("slot",{key:"58c79c98a808330711e0c6a80339004cc9d773dc",onSlotchange:this.syncControl})),this.renderedDescription&&i("ds-text",{key:"66897d162ad9f88b55614aaa73ed80769cc6af54",class:"field__description",as:"div",variant:"text-body-small",color:"secondary",textId:this.descriptionId},this.description),this.renderedError&&i("ds-text",{key:"a23f614d291e604f02cadf041c7cd57bbf443aaf",class:"field__error",as:"div",variant:"text-body-small",color:"negative",textId:this.errorId,role:"alert"},this.errorMessage)))}get el(){return this}static get watchers(){return{fieldId:[{onFieldContractChange:0}],description:[{onFieldContractChange:0}],error:[{onFieldContractChange:0}],errorMessage:[{onFieldContractChange:0}]}}static get style(){return a()}},[262,"ds-field",{label:[1],fieldId:[1,"field-id"],description:[1],error:[4],errorMessage:[1,"error-message"],focused:[32],filled:[32],dirty:[32],touched:[32],controlDisabled:[32],controlRequired:[32],slotRevision:[32]},undefined,{fieldId:[{onFieldContractChange:0}],description:[{onFieldContractChange:0}],error:[{onFieldContractChange:0}],errorMessage:[{onFieldContractChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ds-field","ds-text"];e.forEach((e=>{switch(e){case"ds-field":if(!customElements.get(d(e))){customElements.define(d(e),h)}break;case"ds-text":if(!customElements.get(d(e))){n()}break}}))}c();export{h as F,c as d};
+//# sourceMappingURL=p-DwxKwC5i.js.map

package/dist/components/{p-DnhDgPJv.js → p-DzHXk0IG.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,a,t as c}from"./index.js";import{d as i}from"./p-Cea7rROU.js";import{d}from"./p-B9oadFSC.js";const n=()=>`.sc-ds-empty-state-h{display:block;width:100%;height:100%}.sc-ds-empty-state-h,.empty-state.sc-ds-empty-state,.empty-state__text.sc-ds-empty-state{box-sizing:border-box}.empty-state.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dimension-space-100);height:100%;width:100%;text-align:center}.empty-state__icon.sc-ds-empty-state{flex:0 0 auto}.empty-state__text.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--dimension-space-050);width:100%}`;const o=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.body=""}render(){const t=Boolean(this.heading?.trim());const e=t&&Boolean(this.icon);return s(a,{key:"5a47f38a56b5176b3421f312351bb1e1ffafb208"},s("div",{key:"ab4ae8eb16f3936f779268eb8f858e4039032bde",class:"empty-state"},e&&s("ds-icon",{key:"fe45d0da5d91f981a84a98b7a49b120ba6f794dc",class:"empty-state__icon",name:this.icon,size:"xl",color:"primary"}),s("div",{key:"d3d3c3e242374c0a72c0dbc54a0c360e64a7854c",class:"empty-state__text"},t&&s("ds-text",{key:"bdf6ecd562ed7eacfe40fb8fdeb8afb770ca7a01",class:"empty-state__title",as:"div",variant:"text-title-small",color:"primary",align:"center"},this.heading),this.body&&s("ds-text",{key:"361288a2c5b188e3d8627bc601460d2fa216072e",class:"empty-state__body",as:"p",variant:"text-body-medium",color:"secondary",align:"center"},this.body))))}static get style(){return n()}},[2,"ds-empty-state",{icon:[1],heading:[1],body:[1]}]);function m(){if(typeof customElements==="undefined"){return}const t=["ds-empty-state","ds-icon","ds-text"];t.forEach((t=>{switch(t){case"ds-empty-state":if(!customElements.get(c(t))){customElements.define(c(t),o)}break;case"ds-icon":if(!customElements.get(c(t))){i()}break;case"ds-text":if(!customElements.get(c(t))){d()}break}}))}m();export{o as E,m as d};
-//# sourceMappingURL=p-DnhDgPJv.js.map
+import{p as t,H as e,h as s,a,t as c}from"./index.js";import{d as i}from"./p-Cea7rROU.js";import{d}from"./p-B9oadFSC.js";const n=()=>`.sc-ds-empty-state-h{display:block;width:100%;height:100%}.sc-ds-empty-state-h,.empty-state.sc-ds-empty-state,.empty-state__text.sc-ds-empty-state{box-sizing:border-box}.empty-state.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dimension-space-100);height:100%;width:100%;text-align:center}.empty-state__icon.sc-ds-empty-state{flex:0 0 auto}.empty-state__text.sc-ds-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--dimension-space-050);width:100%}`;const o=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.body=""}render(){const t=Boolean(this.heading?.trim());const e=t&&Boolean(this.icon);return s(a,{key:"cdfa4a379c4127b747f59bc77e187deea199427d"},s("div",{key:"0ef2e9c8a4093404062bd3a4a6cc7bb88d6ee49f",class:"empty-state"},e&&s("ds-icon",{key:"0f3e9dc1e28c84a59834cfac1ad2b1a679ed211d",class:"empty-state__icon",name:this.icon,size:"xl",color:"primary"}),s("div",{key:"4cafacdf4d7bef11670bb8f303c977c2f000ea1d",class:"empty-state__text"},t&&s("ds-text",{key:"f4c01099e652a72d40c66a43a61ac15247b65700",class:"empty-state__title",as:"div",variant:"text-title-small",color:"primary",align:"center"},this.heading),this.body&&s("ds-text",{key:"9d08850910d7bde5894c23f2d2df0ea065770c42",class:"empty-state__body",as:"p",variant:"text-body-medium",color:"secondary",align:"center"},this.body))))}static get style(){return n()}},[2,"ds-empty-state",{icon:[1],heading:[1],body:[1]}]);function m(){if(typeof customElements==="undefined"){return}const t=["ds-empty-state","ds-icon","ds-text"];t.forEach((t=>{switch(t){case"ds-empty-state":if(!customElements.get(c(t))){customElements.define(c(t),o)}break;case"ds-icon":if(!customElements.get(c(t))){i()}break;case"ds-text":if(!customElements.get(c(t))){d()}break}}))}m();export{o as E,m as d};
+//# sourceMappingURL=p-DzHXk0IG.js.map

package/dist/components/p-OHT7lQVt.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,c as t,h as i,a as o,t as r}from"./index.js";import{C as n,a as c,b as d,c as a}from"./p-BEttT0UB.js";import{e as l,m as h,f as p,r as g,a as u,b as f,c as v,d as m,g as b}from"./p-CzbsTZt7.js";import{A as x,r as y}from"./p-B8ZonS3S.js";import{c as w,r as k,e as _}from"./p-etg-Uk1u.js";import{r as z}from"./p-CochmPyg.js";import{T as C,r as A}from"./p-CUL5_8JM.js";import{o as F,d as T}from"./p-CD9AbaHQ.js";import{d as L}from"./p-DQpw21HO.js";import{d as O}from"./p-z7Zj26BA.js";import{d as j}from"./p-DzHXk0IG.js";import{d as S}from"./p-Cea7rROU.js";import{d as $}from"./p-DGQUm3WL.js";import{d as V}from"./p-0XTyQNRG.js";import{d as I}from"./p-B9oadFSC.js";import{d as R}from"./p-14sMoeTr.js";import{D as P,s as D}from"./p-DOUk4KoT.js";import{a as E,s as B,r as q,b as H}from"./p-C0qN3PSb.js";import{a as U,C as M}from"./p-CuwopElg.js";import{c as G}from"./p-DuFm-ieS.js";class N{constructor(e){this.state=e;this.triggerEl=null;this.popupEl=null;this.searchEl=null;this.typeahead="";this.typeaheadTimer=null;this.outsideHandler=null;this.setTriggerElement=e=>{this.triggerEl=e};this.setPopupElement=e=>{this.popupEl=e};this.setSearchElement=e=>{this.searchEl=e};this.handleTriggerKeyDown=e=>{if(!this.state.open){if(["ArrowDown","ArrowUp","Enter"," "].includes(e.key)){e.preventDefault();this.openPopup(true,e.key==="ArrowUp"?"last":"first")}else if(this.isTypeaheadKey(e)){e.preventDefault();this.openPopup(true);if(this.state.searchable)this.state.searchTerm=e.key;else this.handleTypeahead(e.key)}return}this.handleListKeyDown(e)};this.handleListKeyDown=e=>{switch(e.key){case"ArrowDown":e.preventDefault();this.state.focusRingVisible=true;this.state.activeIndex=h(this.state.options,this.state.activeIndex,1);break;case"ArrowUp":e.preventDefault();this.state.focusRingVisible=true;this.state.activeIndex=h(this.state.options,this.state.activeIndex,-1);break;case"Home":e.preventDefault();this.state.focusRingVisible=true;this.state.activeIndex=l(this.state.options)[0]??-1;break;case"End":{e.preventDefault();this.state.focusRingVisible=true;const s=l(this.state.options);this.state.activeIndex=s[s.length-1]??-1;break}case"Enter":case" ":{if(e.key===" "&&this.state.searchable&&e.target instanceof Node&&this.searchEl?.contains(e.target))break;e.preventDefault();const s=this.state.options[this.state.activeIndex];if(s)this.state.selectOption(s);break}case"Escape":e.preventDefault();this.closePopup(true);break;case"Tab":this.closePopup();break;default:if(!this.state.searchable&&this.isTypeaheadKey(e)){this.handleTypeahead(e.key)}}};this.position=new x({getAnchor:()=>this.triggerEl,getPopup:()=>this.popupEl,measure:(e,s)=>{if(!this.state.open||!s.isConnected||!this.state.host.contains(s))return null;const t=z(C.space050,C.space050);s.style.minWidth=`max(var(--ds-choice-popup-min-inline-size, ${C.menuWidthXs}), ${w(e.offsetWidth,t)}px)`;const i=this.state.popupAlign;return{anchorRect:e.getBoundingClientRect(),popupWidth:s.offsetWidth,popupHeight:s.offsetHeight,side:"bottom",align:i,sideOffsetPx:t,alignOffsetPx:k({align:i,alignOffsetPx:0,sectionInsetPx:t}),viewportPadPx:t,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:y(e,this.state.boundary)}},apply:({x:e,y:s})=>{this.state.position={x:e,y:s};this.state.positionReady=true},topLayer:true})}get activeOptionId(){return!this.state.isLoading&&this.state.activeIndex>=0?`${this.state.generatedId}-option-${this.state.activeIndex}`:undefined}connect(){if(this.state.open)this.openChanged(true)}disconnect(){this.cancelPositionRetry();this.unbindPopupListeners();if(this.typeaheadTimer)clearTimeout(this.typeaheadTimer)}setFocus(){this.triggerEl?.focus()}optionsChanged(){if(!this.state.open)return;const e=l(this.state.options);if(!e.includes(this.state.activeIndex))this.state.activeIndex=e[0]??-1;requestAnimationFrame((()=>this.updatePosition()))}loadingChanged(){if(this.state.open)requestAnimationFrame((()=>this.updatePosition()))}positionChanged(){if(this.state.open)requestAnimationFrame((()=>this.updatePosition()))}openChanged(e){if(e){this.bindPopupListeners();this.schedulePositionUpdate((()=>{this.scrollActiveOptionIntoView();if(this.state.searchable)void this.searchEl?.setFocus()}));return}this.cancelPositionRetry();this.unbindPopupListeners();this.state.searchTerm="";this.state.positionReady=false}searchChanged(){this.state.activeIndex=l(this.state.options)[0]??-1;requestAnimationFrame((()=>{this.updatePosition();this.scrollActiveOptionIntoView()}))}activeIndexChanged(){requestAnimationFrame((()=>this.scrollActiveOptionIntoView()))}openPopup(e,s){if(this.state.isDisabled||!this.state.options.length&&!this.state.isLoading)return;const t=l(this.state.options);this.state.activeIndex=s==="last"?t[t.length-1]??-1:this.state.preferredIndex>=0?this.state.preferredIndex:t[0]??-1;this.state.focusRingVisible=e;this.state.open=true}closePopup(e=false){if(!this.state.open)return;this.state.open=false;if(e)requestAnimationFrame((()=>this.triggerEl?.focus()))}focusSearchOrTrigger(){requestAnimationFrame((()=>{if(this.state.searchable)void this.searchEl?.setFocus();else this.triggerEl?.focus()}))}isTypeaheadKey(e){return e.key.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey}handleTypeahead(e){if(this.typeaheadTimer)clearTimeout(this.typeaheadTimer);this.state.focusRingVisible=true;const s=e.toLocaleLowerCase();const t=this.typeahead.length>0&&[...this.typeahead].every((e=>e===s));this.typeahead=t?s:`${this.typeahead}${s}`;const i=p(this.state.options,this.typeahead,this.state.activeIndex);if(i>=0)this.state.activeIndex=i;const o=A(C.animationDurationMedium1,C.animationDurationMedium1);this.typeaheadTimer=setTimeout((()=>{this.typeahead="";this.typeaheadTimer=null}),o)}scrollActiveOptionIntoView(){if(!this.state.open||!this.activeOptionId)return;this.state.host.querySelector(`#${this.activeOptionId}`)?.scrollIntoView({block:"nearest",inline:"nearest"})}bindPopupListeners(){this.unbindPopupListeners();this.outsideHandler=e=>{if(_(e,this.state.host))return;this.closePopup()};document.addEventListener("mousedown",this.outsideHandler,true);this.position.observe()}unbindPopupListeners(){if(this.outsideHandler){document.removeEventListener("mousedown",this.outsideHandler,true);this.outsideHandler=null}this.position.unobserve()}cancelPositionRetry(){this.position.cancel()}schedulePositionUpdate(e){if(!this.state.open)return;this.state.positionReady=false;this.position.schedule(e)}updatePosition(){return this.position.update()}}const K=()=>`.sc-ds-select-h,.sc-ds-select:where(.ds-table),.sc-ds-select:where(.tooltip-popup),.sc-ds-select:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}@media (forced-colors: active){.sc-ds-select:root,.sc-ds-select-h,.ds-forced-colors-scope.sc-ds-select{--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-select-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-select-h,.ds-focus-ring.sc-ds-select,.ds-focus-ring-inset.sc-ds-select-h,.ds-focus-ring-inset.sc-ds-select{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-select-h:focus-visible,.ds-focus-ring.sc-ds-select:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-select-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-select{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-select-h:focus-visible,.ds-focus-ring-inset.sc-ds-select:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-select-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-select:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-select-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-select{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-select-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-select::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-select-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-select:root,.sc-ds-select-h,.ds-forced-colors-scope.sc-ds-select{--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}}@media (forced-colors: active){.sc-ds-select:root,.sc-ds-select-h,.ds-forced-colors-scope.sc-ds-select{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-select-h,.ds-interaction-fill.sc-ds-select{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-select-h::before,.ds-interaction-fill.sc-ds-select::before,.ds-interaction-fill.sc-ds-select-h::after,.ds-interaction-fill.sc-ds-select::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-select-h::before,.ds-interaction-fill.sc-ds-select::before{z-index:1}.ds-interaction-fill.sc-ds-select-h::after,.ds-interaction-fill.sc-ds-select::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-select-h,.ds-interaction-fill--bordered.sc-ds-select{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-select-h::before,.ds-interaction-fill--selected.sc-ds-select::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-select-h,.ds-interaction-fill--selected.sc-ds-select{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-select-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-select:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-select-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-select:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-select-h::after,.ds-interaction-fill--grouped.sc-ds-select::after,.ds-interaction-fill--grouped.sc-ds-select-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-select:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-select-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-select:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-select-h,.ds-interaction-fill--grouped.sc-ds-select{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-select-h>.ds-interaction-fill__content.sc-ds-select,.ds-interaction-fill.sc-ds-select>.ds-interaction-fill__content.sc-ds-select,.ds-interaction-fill__content.sc-ds-select{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-select-h,.ds-interaction-fill--on-faint.sc-ds-select{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-select-h,.ds-interaction-fill--on-medium.sc-ds-select{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-select-h,.ds-interaction-fill--on-bold.sc-ds-select{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-select-h,.ds-interaction-fill--on-strong.sc-ds-select{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-select-h,.ds-interaction-fill--on-translucent.sc-ds-select{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-select-h,.ds-interaction-fill--on-inverted.sc-ds-select{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-select-h,.ds-interaction-fill--on-media.sc-ds-select{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-select-h,.ds-interaction-fill--on-always-dark.sc-ds-select{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-select-h,.ds-interaction-fill--on-navigation.sc-ds-select{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-select-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-select:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-select-h::after,.ds-interaction-fill.sc-ds-select::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-select-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-select:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-select-h::before,.ds-interaction-fill--selected.sc-ds-select::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-select-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-select:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-select:root,.sc-ds-select-h,.ds-forced-colors-scope.sc-ds-select{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-select-h,.ds-control-inactive.sc-ds-select{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-select-h,.ds-control-inactive.sc-ds-select{color:var(--ds-forced-color-disabled);opacity:1}}.ds-control--lg.sc-ds-select,.ds-control--lg.sc-ds-select-h,.ds-control--md.sc-ds-select-h,.ds-control--md.sc-ds-select,.ds-control--sm.sc-ds-select-h,.ds-control--sm.sc-ds-select,.ds-control--xs.sc-ds-select-h,.ds-control--xs.sc-ds-select{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-select-h,.ds-control--lg.sc-ds-select{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-select-h,.ds-control--md.sc-ds-select{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-select-h,.ds-control--sm.sc-ds-select{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-select-h,.ds-control--xs.sc-ds-select{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-space--sm.sc-ds-select-h,.ds-chrome-space--sm.sc-ds-select{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-select-h,.ds-chrome-space--md.sc-ds-select{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-select-h,.ds-chrome-space--lg.sc-ds-select{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-select-h,.ds-chrome-row.sc-ds-select,.ds-chrome-column.sc-ds-select-h,.ds-chrome-column.sc-ds-select,.ds-chrome-grid.sc-ds-select-h,.ds-chrome-grid.sc-ds-select{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-select-h,.ds-chrome-row.sc-ds-select{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-select-h,.ds-chrome-column.sc-ds-select{flex-direction:column}.ds-chrome-grid.sc-ds-select-h,.ds-chrome-grid.sc-ds-select{display:grid;align-items:center}.ds-control-frame.sc-ds-select{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-select{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-select{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-select{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-select{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-select{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-empty-region.sc-ds-select{display:flex;flex:1 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:0}.ds-empty-region--padded.sc-ds-select{padding:var(--dimension-space-200)}.sc-ds-select:where(.ds-text-decoration,.ds-text-action).sc-ds-select{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text-action.sc-ds-select{--ds-text-action-foreground:var(--color-foreground-bold-brand);--ds-text-decoration-color:var(--ds-text-action-foreground);color:var(--ds-text-action-foreground);text-decoration-line:none}.ds-text-action--on-medium.sc-ds-select{--ds-text-action-foreground:var(--color-foreground-on-medium-background-primary);--ds-text-decoration-color:var(--color-foreground-on-medium-background-secondary);text-decoration-line:underline}.ds-text-action--on-strong.sc-ds-select{--ds-text-action-foreground:var(--color-foreground-on-strong-background-primary);--ds-text-decoration-color:var(--color-foreground-on-strong-background-secondary);text-decoration-line:underline}.ds-text-action--on-bold.sc-ds-select{--ds-text-action-foreground:var(--color-foreground-on-bold-background-primary);--ds-text-decoration-color:var(--color-foreground-on-bold-background-secondary);text-decoration-line:underline}@media (hover: hover) and (pointer: fine){.ds-text-action.sc-ds-select:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-select{text-decoration-line:underline;text-decoration-color:currentcolor}}.ds-choice-popup.sc-ds-select{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--ds-choice-popup-min-inline-size, var(--dimension-menu-width-xs));max-width:min(var(--dimension-panel-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100vh - var(--dimension-space-200));overflow:hidden;inset:auto;margin:0;padding:0;border:0;background-color:var(--color-background-primary);border-radius:var(--ds-radius-menu);box-shadow:var(--effect-shadow-elevated-floating);color:var(--color-foreground-secondary);animation:dsChoiceFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform;text-align:start}.ds-choice-popup.sc-ds-select::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.ds-choice-popup--closing.sc-ds-select{animation:dsChoiceFadeOut var(--effect-motion-short-2) forwards}@keyframes dsChoiceFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes dsChoiceFadeOut{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-choice-popup.sc-ds-select{animation:none;opacity:1}.ds-choice-popup--closing.sc-ds-select{opacity:0}}.ds-choice-list.sc-ds-select{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.ds-choice-section--divided.sc-ds-select{border-bottom:var(--dimension-stroke-width-015) solid var(--color-border-tertiary)}ds-text.ds-choice-section__header.sc-ds-select{text-align:start;-webkit-user-select:none;user-select:none}.ds-choice-section--headed-after-first.sc-ds-select{margin-block-start:var(--dimension-space-050)}.ds-choice-item.sc-ds-select{width:100%;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));background:transparent;cursor:default;-webkit-user-select:none;user-select:none;text-align:left;color:inherit}.ds-choice-item.sc-ds-select:has(.ds-choice-item__subtext){height:auto;min-height:var(--ds-control-height, var(--dimension-size-400));padding-block:var(--ds-control-padding-inline, var(--dimension-space-075));align-items:flex-start}.ds-choice-item__content.sc-ds-select{display:flex;flex:1;flex-direction:column;gap:var(--dimension-space-025);min-width:0}ds-text.ds-choice-item__label.sc-ds-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ds-text.ds-choice-item__subtext.sc-ds-select{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ds-choice-item__icon.sc-ds-select,.ds-choice-item__suffix.sc-ds-select{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md));pointer-events:none}.ds-choice-item.ds-interaction-fill--selected.sc-ds-select .ds-choice-item__icon.sc-ds-select{color:var(--color-foreground-primary)}.ds-choice-item__tag.sc-ds-select{flex-shrink:0;pointer-events:none}.ds-choice-empty.sc-ds-select,.ds-choice-loading.sc-ds-select{min-height:var(--dimension-size-600);padding:var(--dimension-space-100)}.ds-choice-footer.sc-ds-select{position:relative;box-sizing:border-box;padding-block:var(--dimension-space-050)}.ds-choice-footer.sc-ds-select::before{content:'';position:absolute;inset:0 0 auto;height:var(--dimension-stroke-width-012);background-color:var(--color-border-tertiary);pointer-events:none}.ds-choice-footer__content.sc-ds-select{display:flex;align-items:center;justify-content:space-between;column-gap:var(--dimension-space-050);box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400))}.ds-choice-footer__summary.sc-ds-select,.ds-choice-footer__summary-measure.sc-ds-select,.ds-choice-footer__clear.sc-ds-select ds-text.sc-ds-select,.ds-choice-footer__action.sc-ds-select ds-text.sc-ds-select{padding-inline:calc(     var(--dimension-space-050) + var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-choice-footer__summary.sc-ds-select,.ds-choice-footer__summary-measure.sc-ds-select,.ds-choice-footer__clear.sc-ds-select,.ds-choice-footer__action.sc-ds-select{white-space:nowrap}.ds-choice-footer__summary-measure.sc-ds-select{position:absolute;visibility:hidden;pointer-events:none}.ds-choice-footer__clear.sc-ds-select,.ds-choice-footer__action.sc-ds-select{appearance:none;display:inline-flex;align-items:center;padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:default}@media (forced-colors: active){.ds-choice-popup.sc-ds-select{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.ds-choice-popup.sc-ds-select::after{box-shadow:none}.ds-choice-section--divided.sc-ds-select{border-bottom-color:var(--ds-forced-color-content)}.ds-choice-footer.sc-ds-select::before{background-color:var(--ds-forced-color-content)}}.ds-control-frame.sc-ds-select{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-select{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-select{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-select{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-select{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-select{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-control-width--hug.sc-ds-select-h,.ds-control-width--hug.sc-ds-select{width:fit-content;max-width:100%;flex:0 0 auto}.ds-control-width--fill.sc-ds-select-h,.ds-control-width--fill.sc-ds-select{width:100%;min-width:0;flex:1 1 auto;align-self:stretch}.ds-field-stack.sc-ds-select-h,.ds-field-stack.sc-ds-select{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.select-search.sc-ds-select{position:relative;box-sizing:border-box;padding:var(--dimension-space-050);background:transparent}.select-search.sc-ds-select::after{content:'';position:absolute;inset:auto 0 0;height:var(--dimension-stroke-width-012);background-color:var(--color-border-tertiary);pointer-events:none}.select-search.sc-ds-select:focus-within::after{height:var(--dimension-stroke-width-018);background-color:var(--color-border-bold-brand)}.select-search--without-focus-boundary.sc-ds-select::after{display:none}.select-search__control.sc-ds-select{display:flex;width:100%;min-width:0}.ds-select-trigger-host.sc-ds-select-h{display:inline-flex;position:relative;min-inline-size:0;outline:none;--ds-select-fg:var(--color-foreground-secondary);--ds-select-fg-active:var(--color-foreground-primary);--ds-select-prefix-fg:var(--ds-select-fg);--ds-select-chevron-fg:var(--ds-select-fg);--ds-select-border:var(--color-border-secondary)}.ds-control-width--fill.sc-ds-select-h .trigger.sc-ds-select{width:100%}.trigger.sc-ds-select{justify-content:flex-start;box-sizing:border-box;inline-size:100%;max-inline-size:100%;min-inline-size:0;background:transparent;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));color:var(--ds-select-fg);cursor:default;font-family:inherit;-webkit-user-select:none;user-select:none;overflow:hidden;transition:color var(--effect-motion-short-2)}.trigger--bordered.sc-ds-select{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--ds-select-border)}.trigger--has-value.sc-ds-select .trigger__label-box.sc-ds-select{color:var(--ds-select-fg-active)}.trigger--label-placeholder.sc-ds-select .trigger__label-box.sc-ds-select{color:var(--ds-select-fg)}.trigger__prefix.sc-ds-select,.trigger__chevron.sc-ds-select{position:relative;z-index:2}.trigger__prefix.sc-ds-select{color:var(--ds-select-prefix-fg)}.trigger__chevron.sc-ds-select{color:var(--ds-select-chevron-fg)}.trigger__label-box.sc-ds-select{position:relative;z-index:2;display:flex;align-items:center;flex:1 1 auto;overflow:hidden;text-align:left;color:inherit;transition:color var(--effect-motion-short-2)}.trigger__label-content.sc-ds-select{display:inline-flex;align-items:center;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden}.trigger__label.sc-ds-select{flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden}.ds-select-trigger-host--background-medium.sc-ds-select-h{--ds-select-fg:var(--color-foreground-on-medium-background-secondary);--ds-select-fg-active:var(--color-foreground-on-medium-background-primary);--ds-select-border:var(--color-border-on-medium-background-secondary)}.ds-select-trigger-host--background-bold.sc-ds-select-h{--ds-select-fg:var(--color-foreground-on-bold-background-secondary);--ds-select-fg-active:var(--color-foreground-on-bold-background-primary);--ds-select-border:var(--color-border-on-bold-background-secondary)}.ds-select-trigger-host--background-strong.sc-ds-select-h{--ds-select-fg:var(--color-foreground-on-strong-background-secondary);--ds-select-fg-active:var(--color-foreground-on-strong-background-primary);--ds-select-border:var(--color-border-on-strong-background-secondary)}.ds-select-trigger-host--background-translucent.sc-ds-select-h{--ds-select-fg:var(--color-translucent-foreground-secondary);--ds-select-fg-active:var(--color-translucent-foreground-primary);--ds-select-border:var(--color-translucent-border-secondary)}.ds-select-trigger-host--background-inverted.sc-ds-select-h{--ds-select-fg:var(--color-inverted-foreground-secondary);--ds-select-fg-active:var(--color-inverted-foreground-primary);--ds-select-border:var(--color-inverted-border-secondary)}.ds-select-trigger-host--background-media.sc-ds-select-h{--ds-select-fg:var(--color-media-foreground-secondary);--ds-select-fg-active:var(--color-media-foreground-primary);--ds-select-border:var(--color-media-border-secondary)}.ds-select-trigger-host--background-always-dark.sc-ds-select-h{--ds-select-fg:var(--color-always-dark-foreground-secondary);--ds-select-fg-active:var(--color-always-dark-foreground-primary);--ds-select-border:var(--color-always-dark-border-secondary)}.ds-table-caption-control.sc-ds-select-h{--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs)}.ds-table-caption-control.ds-table-caption-control--compact.sc-ds-select-h{flex:0 0 auto;width:var(--ds-control-height, var(--dimension-size-400));height:var(--ds-control-height, var(--dimension-size-400));min-width:var(--ds-control-height, var(--dimension-size-400));min-height:var(--ds-control-height, var(--dimension-size-400));max-width:var(--ds-control-height, var(--dimension-size-400));inline-size:var(--ds-control-height, var(--dimension-size-400));min-inline-size:var(--ds-control-height, var(--dimension-size-400));max-inline-size:var(--ds-control-height, var(--dimension-size-400))}.ds-table-caption-control.ds-table-caption-control--compact.sc-ds-select-h .trigger.sc-ds-select{justify-content:center;inline-size:100%;min-inline-size:100%;height:100%;padding-inline:0}.ds-table-caption-control.ds-table-caption-control--compact.sc-ds-select-h .trigger--has-value.sc-ds-select{--ds-select-prefix-fg:var(--ds-select-fg-active)}@container ds-table (max-width: 899px){.sc-ds-select-h.ds-table-caption-control{flex:0 0 auto;inline-size:var(--ds-control-height, var(--dimension-size-400));min-inline-size:var(--ds-control-height, var(--dimension-size-400));max-inline-size:var(--ds-control-height, var(--dimension-size-400))}.sc-ds-select-h.ds-table-caption-control .trigger{justify-content:center;inline-size:100%;min-inline-size:100%;padding-inline:0}.sc-ds-select-h.ds-table-caption-control .trigger--has-value{--ds-select-prefix-fg:var(--ds-select-fg-active)}}.ds-text--display-medium.sc-ds-select-h,.ds-text--display-medium.sc-ds-select{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-select-h,.ds-text--display-small.sc-ds-select{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-select-h,.ds-text--title-large.sc-ds-select{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-select-h,.ds-text--title-medium.sc-ds-select{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-select-h,.ds-text--title-small.sc-ds-select{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-select-h,.ds-text--body-large.sc-ds-select{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-select-h,.ds-text--body-medium.sc-ds-select{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-select-h,.ds-text--body-small.sc-ds-select{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-select-h,.ds-text--caption.sc-ds-select{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-select-h,.ds-text--display-small.ds-text--emphasis.sc-ds-select-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-select,.ds-text--display-small.ds-text--emphasis.sc-ds-select{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-select-h,.ds-text--display-small.ds-text--regular.sc-ds-select-h,.ds-text--display-medium.ds-text--regular.sc-ds-select,.ds-text--display-small.ds-text--regular.sc-ds-select{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-select-h,.ds-text--title-large.ds-text--emphasis.sc-ds-select{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-select-h,.ds-text--title-large.ds-text--regular.sc-ds-select{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-select-h,.ds-text--title-small.ds-text--emphasis.sc-ds-select-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-select,.ds-text--title-small.ds-text--emphasis.sc-ds-select{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-select-h,.ds-text--title-small.ds-text--regular.sc-ds-select-h,.ds-text--title-medium.ds-text--regular.sc-ds-select,.ds-text--title-small.ds-text--regular.sc-ds-select{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-select-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-select-h,.ds-text--body-large.ds-text--emphasis.sc-ds-select,.ds-text--body-medium.ds-text--emphasis.sc-ds-select{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-select-h,.ds-text--body-medium.ds-text--regular.sc-ds-select-h,.ds-text--body-large.ds-text--regular.sc-ds-select,.ds-text--body-medium.ds-text--regular.sc-ds-select{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-select-h,.ds-text--body-small.ds-text--emphasis.sc-ds-select{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-select-h,.ds-text--body-small.ds-text--regular.sc-ds-select{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-select-h,.ds-text--caption.ds-text--emphasis.sc-ds-select{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-select-h,.ds-text--caption.ds-text--regular.sc-ds-select{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}.ds-control-elevation.sc-ds-select-h,.ds-control-elevation.sc-ds-select{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-select-h::after,.ds-control-elevation.sc-ds-select::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-select-h,.ds-control-elevation--sm.sc-ds-select{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-select-h,.ds-control-elevation--md.sc-ds-select{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-select-h,.ds-control-elevation--floating.sc-ds-select{--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-select{--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-select{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-select,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-select{scale:none;transition:none}}.wrapper--error.sc-ds-select{--ds-interaction-border-width:var(--dimension-stroke-width-018);--ds-interaction-border-color:var(--color-border-bold-negative)}.select-popup.sc-ds-select{color:var(--color-foreground-secondary)}.select-option[aria-selected='true'].sc-ds-select .ds-choice-item__icon.sc-ds-select{color:var(--color-foreground-primary)}.select-option-row.sc-ds-select{position:relative;isolation:isolate}.select-option-row__action.sc-ds-select{position:absolute;top:50%;right:var(--dimension-space-050);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);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm));opacity:0;pointer-events:none;transform:translateY(-50%)}.select-option-row.sc-ds-select:has(:focus-visible) .select-option-row__action.sc-ds-select,.select-option-row--action-open.sc-ds-select .select-option-row__action.sc-ds-select,.select-option-row--keyboard-active.sc-ds-select .select-option-row__action.sc-ds-select{opacity:1;pointer-events:auto}.select-option-row--action-open.sc-ds-select .select-option.sc-ds-select::after{background:var(--ds-interaction-hover)}.select-option__subtext-actions.sc-ds-select{display:flex;align-items:center;gap:var(--dimension-space-050);min-inline-size:0;color:var(--color-foreground-secondary)}.select-option__subtext-action.sc-ds-select{appearance:none;display:inline-flex;align-items:center;padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:pointer}.select-option__subtext-action--negative.sc-ds-select{--ds-text-action-foreground:var(--color-foreground-bold-negative)}.select-option__subtext-action-separator.sc-ds-select{color:var(--color-foreground-tertiary);pointer-events:none}@media (hover: hover) and (pointer: fine){.select-option-row.sc-ds-select:hover .select-option-row__action.sc-ds-select{opacity:1;pointer-events:auto}.select-option-row.sc-ds-select:hover .select-option.sc-ds-select::after{background:var(--ds-interaction-hover)}}@media (hover: none){.select-option-row__action.sc-ds-select{opacity:1;pointer-events:auto}.select-option-row--has-action.sc-ds-select .ds-choice-item__content.sc-ds-select{padding-inline-end:var(--dimension-size-400)}}.error-text.sc-ds-select{width:100%}`;const Q={lg:"lg",md:"md",sm:"sm",xs:"xs"};const W={lg:"md",md:"sm",sm:"xs",xs:"xs"};let Z=0;const X=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=t(this,"dsChange",7);this.dsClear=t(this,"dsClear",7);this.dsOpenChange=t(this,"dsOpenChange",7);this.dsFooterAction=t(this,"dsFooterAction",7);this.dsOptionAction=t(this,"dsOptionAction",7);this.dsOptionSubtextAction=t(this,"dsOptionSubtextAction",7);this.internals=this.attachInternals();this.options=[];this.sections=[];this.multiple=false;this.value="";this.open=false;this.disabled=false;this.required=false;this.requiredMessage=P;this.placeholder="Select";this.triggerLabelPlaceholder=false;this.dot=false;this.size="md";this.width="hug";this.popupAlign="start";this.isInactive=false;this.isLoading=false;this.activeFill=false;this.collapseLabel=false;this.hasBorder=true;this.indicator="down";this.allowClear=true;this.clearLabel="Clear";this.selectedLabel="selected";this.searchable=false;this.searchPlaceholder="Search";this.noResultsText="No results found";this.loadingLabel="Loading";this.error=false;this.ariaLabel=null;this.activeIndex=-1;this.searchTerm="";this.formDisabled=false;this.position={x:0,y:0};this.positionReady=false;this.focusRingVisible=false;this.compactFooterSummary=false;this.captionCompact=false;this.generatedId=`ds-select-${++Z}`;this.listboxId=`${this.generatedId}-listbox`;this.errorId=`${this.generatedId}-error`;this.initialValue="";this.controller=this.createController();this.hasLoaded=false;this.clearSelection=e=>{e.preventDefault();e.stopPropagation();this.value=this.multiple?[]:"";this.dsChange.emit(this.multiple?[]:"");this.dsClear.emit();if(!this.multiple){const e=l(this.visibleOptions);this.activeIndex=e[0]??-1}this.controller.focusSearchOrTrigger()};this.activateFooterAction=e=>{e.preventDefault();e.stopPropagation();this.dsFooterAction.emit();this.closePopup()};this.handleListKeyDown=this.controller.handleListKeyDown;this.handleTriggerKeyDown=this.controller.handleTriggerKeyDown}createController(){const e=this;return new N({get host(){return e.el},generatedId:e.generatedId,get options(){return e.visibleOptions},get searchable(){return e.searchable},get isLoading(){return e.isLoading},get isDisabled(){return e.isDisabled},get preferredIndex(){if(e.multiple)return-1;return e.visibleOptions.findIndex((s=>s.value===e.scalarValue&&!s.isInactive))},get popupAlign(){return e.popupAlign},get boundary(){return e.boundary},get open(){return e.open},set open(s){e.open=s},get activeIndex(){return e.activeIndex},set activeIndex(s){e.activeIndex=s},get searchTerm(){return e.searchTerm},set searchTerm(s){e.searchTerm=s},get focusRingVisible(){return e.focusRingVisible},set focusRingVisible(s){e.focusRingVisible=s},get position(){return e.position},set position(s){e.position=s},get positionReady(){return e.positionReady},set positionReady(s){e.positionReady=s},selectOption:s=>e.selectOption(s)})}componentWillLoad(){this.value=this.normalizeValueForMode(this.value);this.initialValue=Array.isArray(this.value)?[...this.value]:this.value;this.syncFormValue()}componentDidLoad(){this.hasLoaded=true;this.controller.connect();this.observeFooterContent();this.syncCaptionCompactObserver()}connectedCallback(){if(!this.hasLoaded)return;this.controller.connect();this.observeFooterContent();this.syncCaptionCompactObserver()}componentDidRender(){this.observeFooterContent();this.scheduleFooterSummaryMeasurement()}disconnectedCallback(){this.controller.disconnect();this.footerResizeObserver?.disconnect();this.observedFooterContentElement=undefined;if(this.footerMeasurementFrame!==undefined){cancelAnimationFrame(this.footerMeasurementFrame);this.footerMeasurementFrame=undefined}this.disconnectCaptionCompactObserver()}onCollapseLabelChange(){this.syncCaptionCompactObserver()}syncFormValue(){if(this.multiple&&!Array.isArray(this.value)||!this.multiple&&Array.isArray(this.value)){this.value=this.normalizeValueForMode(this.value)}const e=this.isDisabled;if(this.multiple){const s=this.resolvedValues;E(this.internals,this.name,s,{inactive:e})}else{const s=this.hasSelection?this.scalarValue:"";B(this.internals,s,{inactive:e})}const s=this.required&&!e&&!this.hasSelection;D(this.internals,s,this.requiredMessage);this.controller.optionsChanged()}onLoadingChange(){this.controller.loadingChanged()}onPopupAlignChange(){this.controller.positionChanged()}onOpenChange(e){this.dsOpenChange.emit(e);this.controller.openChanged(e)}onSearchTermChange(){this.controller.searchChanged()}onActiveIndexChange(){this.controller.activeIndexChanged()}formDisabledCallback(e){this.formDisabled=e;this.syncFormValue()}formResetCallback(){this.value=this.normalizeValueForMode(this.initialValue);this.closePopup()}formStateRestoreCallback(e){if(!this.multiple){this.value=q(e);return}this.value=H(e)}async setFocus(){this.controller.setFocus()}get isDisabled(){return this.disabled||this.isInactive||this.formDisabled}normalizeValueForMode(e){if(this.multiple){return Array.isArray(e)?[...e]:e?[e]:[]}return Array.isArray(e)?e[0]??"":e}get allSections(){return g(this.options,this.sections)}get allOptions(){return u(this.allSections)}get visibleSections(){return this.searchable?f(this.allSections,this.searchTerm):this.allSections}get visibleOptions(){return u(this.visibleSections)}get scalarValue(){return typeof this.value==="string"?this.value:""}get resolvedValues(){if(!this.multiple||!Array.isArray(this.value))return[];const e=new Set(this.allOptions.map((e=>e.value)));return[...new Set(this.value.filter((s=>e.has(s))))]}get selectedOption(){if(this.multiple)return undefined;return this.allOptions.find((e=>e.value===this.scalarValue))}get hasSelection(){return this.multiple?this.resolvedValues.length>0:Boolean(this.selectedOption)}get activeOptionId(){return this.controller.activeOptionId}get popupRole(){return this.allOptions.some((e=>Boolean(e.action)))?"grid":"listbox"}observeFooterContent(){const e=this.open&&this.multiple&&this.hasSelection?this.footerContentElement:undefined;if(!e?.isConnected){this.footerResizeObserver?.disconnect();this.observedFooterContentElement=undefined;return}if(this.observedFooterContentElement===e)return;this.footerResizeObserver?.disconnect();if(typeof ResizeObserver!=="undefined"){this.footerResizeObserver=new ResizeObserver((()=>this.scheduleFooterSummaryMeasurement()));this.footerResizeObserver.observe(e)}this.observedFooterContentElement=e}scheduleFooterSummaryMeasurement(){if(!this.open||!this.multiple||!this.hasSelection||this.footerMeasurementFrame!==undefined){return}this.footerMeasurementFrame=requestAnimationFrame((()=>{this.footerMeasurementFrame=undefined;this.measureFooterSummary()}))}measureFooterSummary(){const e=this.footerContentElement;const s=this.footerSummaryMeasureElement;const t=this.footerClearElement;if(!e?.isConnected||!s?.isConnected||!t?.isConnected)return;const i=getComputedStyle(e);const o=e.clientWidth-Number.parseFloat(i.paddingInlineStart||"0")-Number.parseFloat(i.paddingInlineEnd||"0");const r=s.getBoundingClientRect().width+t.getBoundingClientRect().width+Number.parseFloat(i.columnGap||"0");const n=r>o+.5;if(n!==this.compactFooterSummary){this.compactFooterSummary=n}}closePopup(e=false){this.controller.closePopup(e)}openPopup(e,s){this.controller.openPopup(e,s)}selectOption(e){if(e.isInactive||this.isLoading)return;if(this.multiple){const s=this.resolvedValues;const t=s.includes(e.value)?s.filter((s=>s!==e.value)):[...s,e.value];this.value=t;this.dsChange.emit([...t]);return}this.value=e.value;this.dsChange.emit(e.value);this.controller.closePopup(true)}renderOption(e,s,t,o){const r=this.multiple?this.resolvedValues.includes(e.value):e.value===this.scalarValue;const c=s===this.activeIndex;const d=`${this.generatedId}-option-action-${s}`;return i(n,{size:this.size,id:`${this.generatedId}-option-${s}`,option:e,selected:r,active:c,focusRingVisible:this.focusRingVisible,usesSubtext:o,actionOpen:e.action?.surfaceOpen??e.action?.expanded,popupRole:this.popupRole,leading:this.multiple?i("span",{class:"ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content","aria-hidden":"true"},i("ds-checkbox",{class:"select-option__checkbox",label:"",size:this.size,checked:r,presentation:true})):t&&e.icon?i("span",{class:"ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content","aria-hidden":"true"},i("ds-icon",{name:e.icon,size:this.size,color:"inherit"})):undefined,supporting:e.subtextActions?.length?i("span",{class:"ds-choice-item__subtext ds-control-label-box select-option__subtext-actions"},e.subtextActions.map(((s,t)=>[t>0?i("ds-text",{class:"select-option__subtext-action-separator",as:"span",variant:U[this.size],color:"inherit","aria-hidden":"true"},"·"):null,i("button",{type:"button",class:{"select-option__subtext-action":true,"select-option__subtext-action--negative":s.tone==="negative","ds-text-action":true,"ds-focus-ring":true},onKeyDown:e=>e.stopPropagation(),onClick:t=>{t.preventDefault();t.stopPropagation();this.dsOptionSubtextAction.emit({value:e.value,actionValue:s.value,originalEvent:t})}},i("ds-text",{as:"span",variant:U[this.size],color:"inherit"},s.label))]))):undefined,action:e.action?i("ds-tooltip",{label:e.action.label,side:"left",size:"sm"},i("ds-button-unfilled",{id:d,variant:"icon",size:W[this.size],icon:"Ellipses",rounded:true,hasBorder:false,activeFill:false,ariaLabel:e.action.label,haspopup:"menu",controls:e.action.controls,expanded:e.action.expanded,surfaceOpen:e.action.surfaceOpen,onKeyDown:e=>{e.stopPropagation();if(e.key==="Escape"||e.key==="ArrowLeft"){e.preventDefault();this.controller.focusSearchOrTrigger()}},onDsClick:s=>{s.stopPropagation();this.dsOptionAction.emit({value:e.value,anchorId:d,originalEvent:s.detail})}})):undefined,onHover:()=>{this.focusRingVisible=false;this.activeIndex=s},onSelect:()=>this.selectOption(e)})}get captionIconOnly(){return this.collapseLabel&&this.captionCompact&&Boolean(this.icon||this.isLoading)}syncCaptionCompactObserver(){this.disconnectCaptionCompactObserver();if(!this.collapseLabel){if(this.captionCompact)this.captionCompact=false;return}this.captionCompactDisconnect=F(this.el,(e=>{if(this.captionCompact!==e)this.captionCompact=e}))}disconnectCaptionCompactObserver(){this.captionCompactDisconnect?.();this.captionCompactDisconnect=undefined}renderCaptionTooltip(e,s){if(!this.collapseLabel)return e;return i("ds-tooltip",{label:s,side:"top",size:"sm"},e)}render(){const e=this.isDisabled;const s=!this.hasSelection;const t=this.resolvedValues.length;const r=this.multiple?`${this.placeholder}${t>0?` · ${t}`:""}`:s?this.placeholder:this.triggerLabel??this.selectedOption?.label;const n=M[this.size];const l=Q[this.size];const h=!this.multiple&&v(this.allOptions);const p=m(this.allOptions);const g=this.error&&Boolean(this.errorMessage);const u=[this.ariaDescribedby,g?this.errorId:undefined].filter(Boolean).join(" ")||undefined;const f={position:"fixed",left:"0",top:"0",transform:`translate(${Math.round(this.position.x)}px, ${Math.round(this.position.y)}px)`,zIndex:"var(--dimension-z-index-floating)",visibility:this.positionReady?"visible":"hidden"};let x=0;return i(o,{key:"b875c00d19ce66b919f6c8ae88644a3b0a2cff64",class:{"select-host":true,"ds-select-trigger-host":true,"select-host--multiple":this.multiple,"ds-field-stack":true,"ds-control-inactive":e,[`ds-control--${this.size}`]:true,"ds-table-caption-control":this.collapseLabel,"ds-table-caption-control--compact":this.captionIconOnly,...G(this.width),[`select-host--background-${this.background}`]:!!this.background,[`ds-select-trigger-host--background-${this.background}`]:!!this.background}},this.renderCaptionTooltip(i("button",{ref:e=>{this.controller.setTriggerElement(e??null)},id:this.inputId??this.generatedId,type:"button",class:{trigger:true,"ds-control-frame":true,"ds-focus-ring-inset":true,"ds-interaction-fill":true,"ds-interaction-fill--selected":!e&&this.activeFill&&this.hasSelection,"trigger--expanded":!e&&this.open,"ds-interaction-fill--surface-open":!e&&this.open,"trigger--bordered":this.hasBorder,"trigger--placeholder":s&&!this.multiple,"trigger--has-value":this.hasSelection,"trigger--label-placeholder":!this.multiple&&Boolean(this.triggerLabel)&&this.triggerLabelPlaceholder,"wrapper--error":this.hasBorder&&this.error,[`ds-control--${this.size}`]:true,...b(this.background)},disabled:e,role:"combobox","aria-haspopup":this.popupRole,"aria-expanded":String(this.open),"aria-controls":this.open?this.listboxId:undefined,"aria-activedescendant":this.open&&!this.searchable?this.activeOptionId:undefined,"aria-label":this.ariaLabel??(this.captionIconOnly?r:undefined),"aria-labelledby":this.ariaLabelledby,"aria-describedby":u,"aria-invalid":this.error?"true":undefined,"aria-required":this.required||undefined,"aria-busy":this.isLoading?"true":undefined,onClick:()=>this.open?this.closePopup():this.openPopup(false),onKeyDown:e=>{const s=this.visibleOptions[this.activeIndex]?.action;if(this.open&&s&&(e.key==="ArrowRight"||e.key==="F10"&&e.shiftKey)){e.preventDefault();document.getElementById(`${this.generatedId}-option-action-${this.activeIndex}`)?.querySelector("button")?.focus();return}this.handleTriggerKeyDown(e)}},(this.icon||this.isLoading)&&i("span",{class:"trigger__prefix ds-control-icon-box ds-interaction-fill__content","aria-hidden":"true"},this.isLoading?i("ds-loader",{size:l,color:"inherit"}):i("ds-icon",{name:this.icon,size:l,color:"inherit"})),this.captionIconOnly?null:i("span",{class:{"trigger__label-box":true,"ds-interaction-fill__content":true}},i("span",{class:{"trigger__label-content":true,"ds-control-label-box":true,"ds-control-label-dot":this.dot,"trigger__label-content--dot":this.dot}},i("ds-text",{class:"trigger__label",as:"span",variant:n,color:"inherit",lineTruncation:1},r),this.dot&&i("ds-badge",{class:"trigger__dot ds-control-label-dot__badge",variant:"dot",hasRing:false,label:"","aria-hidden":"true"}))),this.captionIconOnly?null:i("span",{class:"trigger__chevron ds-control-icon-box ds-interaction-fill__content","aria-hidden":"true"},i("ds-icon",{name:this.indicator==="up-down"?"ChevronUpDown":"ChevronDown",size:l,color:"inherit"}))),this.captionIconOnly?this.ariaLabel?.trim()||this.placeholder:""),this.open&&i("div",{key:"36782c7b929b6f4a262ce65d56b65214e9d6ddd1",popover:"manual",ref:e=>{this.controller.setPopupElement(e??null)},class:"select-popup ds-choice-popup",style:f},this.searchable&&i(c,{key:"d2ac167e0e180997fff84935e2ca2f81e867c3bf",size:this.size,value:this.searchTerm,placeholder:this.searchPlaceholder,controls:this.listboxId,activeDescendant:this.activeOptionId,inputRef:this.controller.setSearchElement,clearLabel:this.clearLabel,onValueChange:e=>{this.searchTerm=e},onKeyDown:e=>this.handleListKeyDown(e)}),i("div",{key:"b6aa1dfc5df8db4c5a30639c2c87d16a990ae8b3",id:this.listboxId,class:"ds-choice-list",role:this.popupRole,"aria-multiselectable":this.multiple?"true":undefined,"aria-label":this.ariaLabel??this.placeholder,"aria-busy":this.isLoading?"true":undefined},this.isLoading?i("div",{class:"ds-choice-loading ds-empty-region",role:this.popupRole==="grid"?"row":"option","aria-selected":"false","aria-disabled":"true","aria-label":this.loadingLabel,"aria-live":"polite"},this.popupRole==="grid"?i("span",{role:"gridcell"},i("ds-loader",{size:this.size,color:"inherit"})):i("ds-loader",{size:this.size,color:"inherit"})):this.visibleOptions.length===0?i("div",{class:"ds-choice-empty ds-empty-region",role:this.popupRole==="grid"?"row":"option","aria-selected":"false","aria-disabled":"true","aria-label":this.noResultsText,"aria-live":"polite"},this.popupRole==="grid"?i("span",{role:"gridcell"},i("ds-empty-state",{body:this.noResultsText})):i("ds-empty-state",{body:this.noResultsText})):this.visibleSections.map(((e,s)=>i("div",{class:{"ds-choice-section":true,"ds-chrome-column":true,"ds-chrome-space--sm":true,"ds-choice-section--divided":!!e.divider,"ds-choice-section--headed-after-first":s>0&&Boolean(e.header)},role:this.popupRole==="grid"?"rowgroup":e.header?"group":undefined,"aria-label":e.header},e.header&&this.popupRole==="grid"?i("ds-text",{class:`ds-choice-section__header ds-control-section-heading ds-control--${this.size}`,as:"span",variant:U[this.size],emphasis:true,color:"primary",role:"row"},i("span",{class:"ds-choice-section__header-label",role:"gridcell"},e.header)):e.header?i("ds-text",{class:`ds-choice-section__header ds-control-section-heading ds-control--${this.size}`,as:"span",variant:U[this.size],emphasis:true,color:"primary","aria-hidden":"true"},i("span",{class:"ds-choice-section__header-label"},e.header)):null,e.options.map((e=>this.renderOption(e,x++,h,p))))))),this.footerActionLabel&&!this.isLoading?i(d,{size:this.size,label:this.footerActionLabel,onAction:this.activateFooterAction}):this.allowClear&&this.hasSelection&&!this.isLoading?i(a,{size:this.size,summary:this.multiple?`${t} ${this.selectedLabel}`:undefined,compactSummary:this.multiple?String(t):undefined,useCompactSummary:this.compactFooterSummary,contentRef:e=>{this.footerContentElement=e??undefined},summaryMeasureRef:e=>{this.footerSummaryMeasureElement=e??undefined},clearRef:e=>{this.footerClearElement=e??undefined},clearLabel:this.clearLabel,onClear:this.clearSelection}):null),g&&i("ds-text",{key:"e8d75dce8d78f65560a1e95ae6f2ccaa0bb48c3a",class:"error-text",as:"div",variant:"text-body-small",color:"negative",textId:this.errorId,role:"alert"},this.errorMessage))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{collapseLabel:[{onCollapseLabelChange:0}],value:[{syncFormValue:0}],multiple:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],required:[{syncFormValue:0}],name:[{syncFormValue:0}],options:[{syncFormValue:0}],sections:[{syncFormValue:0}],isLoading:[{onLoadingChange:0}],popupAlign:[{onPopupAlignChange:0}],boundary:[{onPopupAlignChange:0}],open:[{onOpenChange:0}],searchTerm:[{onSearchTermChange:0}],activeIndex:[{onActiveIndexChange:0}]}}static get style(){return K()}},[66,"ds-select",{options:[16],sections:[16],multiple:[516],value:[1025],open:[1540],name:[513],disabled:[516],required:[516],requiredMessage:[1,"required-message"],placeholder:[1],triggerLabel:[1,"trigger-label"],triggerLabelPlaceholder:[4,"trigger-label-placeholder"],dot:[4],size:[1],width:[1],popupAlign:[1,"popup-align"],boundary:[16],isInactive:[4,"is-inactive"],isLoading:[4,"is-loading"],activeFill:[4,"active-fill"],collapseLabel:[516,"collapse-label"],hasBorder:[4,"has-border"],icon:[1],indicator:[1],allowClear:[4,"allow-clear"],clearLabel:[1,"clear-label"],selectedLabel:[1,"selected-label"],footerActionLabel:[1,"footer-action-label"],searchable:[4],searchPlaceholder:[1,"search-placeholder"],noResultsText:[1,"no-results-text"],loadingLabel:[1,"loading-label"],background:[1],error:[4],errorMessage:[1,"error-message"],inputId:[1,"input-id"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],activeIndex:[32],searchTerm:[32],formDisabled:[32],position:[32],positionReady:[32],focusRingVisible:[32],compactFooterSummary:[32],captionCompact:[32],setFocus:[64]},undefined,{collapseLabel:[{onCollapseLabelChange:0}],value:[{syncFormValue:0}],multiple:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],required:[{syncFormValue:0}],name:[{syncFormValue:0}],options:[{syncFormValue:0}],sections:[{syncFormValue:0}],isLoading:[{onLoadingChange:0}],popupAlign:[{onPopupAlignChange:0}],boundary:[{onPopupAlignChange:0}],open:[{onOpenChange:0}],searchTerm:[{onSearchTermChange:0}],activeIndex:[{onActiveIndexChange:0}]}]);function J(){if(typeof customElements==="undefined"){return}const e=["ds-select","ds-badge","ds-button-unfilled","ds-checkbox","ds-empty-state","ds-icon","ds-input","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-select":if(!customElements.get(r(e))){customElements.define(r(e),X)}break;case"ds-badge":if(!customElements.get(r(e))){L()}break;case"ds-button-unfilled":if(!customElements.get(r(e))){T()}break;case"ds-checkbox":if(!customElements.get(r(e))){O()}break;case"ds-empty-state":if(!customElements.get(r(e))){j()}break;case"ds-icon":if(!customElements.get(r(e))){S()}break;case"ds-input":if(!customElements.get(r(e))){$()}break;case"ds-loader":if(!customElements.get(r(e))){V()}break;case"ds-text":if(!customElements.get(r(e))){I()}break;case"ds-tooltip":if(!customElements.get(r(e))){R()}break}}))}J();export{X as S,J as d};
+//# sourceMappingURL=p-OHT7lQVt.js.map