@ds-mo/ui 14.35.0 → 15.0.0

package/dist/components/{p-BINSI_KF.js.map → p-CYzFfFcH.js.map}

@@ -1 +1 @@
-{"version":3,"names":["MODIFIER_GLYPHS","Set","MODIFIER_LABELS","alt","cmd","command","control","ctrl","option","shift","canonicalKeyLabel","label","toLowerCase","shortcutKeyLabels","shortcut","normalized","trim","includes","split","map","part","filter","Boolean","test","characters","Array","from","labels","length","has","push","join","tooltipCss","FALLBACK_HEIGHT","md","TOKEN_DEFAULTS","size400","sm","size300","xs","size200","lastDismissedAt","tooltipIdCounter","activeTooltip","createDsText","opts","el","document","createElement","as","variant","emphasis","color","wrap","textContent","text","styleTooltipLabel","wrapLabel","style","flexShrink","minWidth","maxWidth","whiteSpace","padding","Tooltip","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","size","side","align","sideOffset","TOKEN_CSS_LENGTHS","space050","alignOffset","delay","animationDelayMedium3","shortcutKeyPosition","describedBy","tooltipId","delayTimer","closeTimer","anchor","popupEl","anchorObserver","didLoad","position","AnchoredPositionController","getAnchor","getPopup","getOwnerDocument","ownerDocument","measure","tip","anchorRect","getBoundingClientRect","popupWidth","offsetWidth","tooltipFallbackWidthPx","popupHeight","offsetHeight","tooltipFallbackHeightPx","sideOffsetPx","alignOffsetPx","viewportPadPx","viewportWidth","window","innerWidth","viewportHeight","innerHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","boundary","apply","x","y","resolvedSide","dataset","transform","Math","round","liveUpdate","observeResize","skipEnterAnimation","isOpen","programmaticAnchor","lastInteractionWasKeyboard","pointerEnterHandler","event","pointerType","show","pointerLeaveHandler","hide","pointerDownHandler","hideInstant","keyDownHandler","focusHandler","matches","blurHandler","e","next","relatedTarget","contains","escapeHandler","key","preventDefault","handleSlotChange","slot","querySelector","assignedElements","firstElementChild","tagName","unbindAnchor","bindAnchor","connectedCallback","connectAnchor","componentDidLoad","MutationObserver","observe","childList","disconnectedCallback","disconnect","clearTimers","destroyPopup","onContentOrPositionChange","renderPopupContent","schedulePosition","resolveCssLengthPx","hoverDelayMs","resolveCssTimeMs","instantReopenMs","animationDurationMedium1","fadeOutMs","resolveMotionTimeMs","motionShort3","animationDurationShort3","tooltipFallbackWidth","token","presentFrom","sameAnchor","linkDescribedBy","dismiss","slotted","child","addEventListener","unlinkDescribedBy","removeEventListener","ids","getAttribute","add","setAttribute","id","removeAttribute","clearTimeout","setupOpenListeners","teardownOpenListeners","unobserve","remove","reapplyLabelStyles","requestAnimationFrame","update","observeResizeTargets","Date","now","instant","mountPopup","setTimeout","classList","className","Object","assign","left","top","zIndex","pointerEvents","body","appendChild","toggle","textVariant","CONTROL_TEXT_VARIANT","density","sc","inner","appendShortcut","shortcutKey","group","hint","wide","replaceChildren","render","h","Host","display","onSlotchange"],"sources":["src/wc/utils/shortcut-key.ts","src/wc/components/Tooltip/Tooltip.css?tag=ds-tooltip&encapsulation=scoped","src/wc/components/Tooltip/Tooltip.tsx"],"sourcesContent":["const MODIFIER_GLYPHS = new Set(['⌘', '⇧', '⌥', '⌃']);\nconst MODIFIER_LABELS: Readonly<Record<string, string>> = {\n  alt: '⌥',\n  cmd: '⌘',\n  command: '⌘',\n  control: '⌃',\n  ctrl: '⌃',\n  option: '⌥',\n  shift: '⇧',\n};\n\nfunction canonicalKeyLabel(label: string): string {\n  return MODIFIER_LABELS[label.toLowerCase()] ?? label;\n}\n\n/** Split a shortcut chord into the labels rendered on individual keycaps. */\nexport function shortcutKeyLabels(shortcut: string): string[] {\n  const normalized = shortcut.trim();\n  if (!normalized) return [];\n\n  if (normalized.includes('+')) {\n    return normalized\n      .split('+')\n      .map(part => part.trim())\n      .filter(Boolean)\n      .map(canonicalKeyLabel);\n  }\n\n  if (/\\s/.test(normalized)) {\n    return normalized.split(/\\s+/).filter(Boolean).map(canonicalKeyLabel);\n  }\n\n  const characters = Array.from(normalized);\n  const labels: string[] = [];\n  while (characters.length > 1 && MODIFIER_GLYPHS.has(characters[0])) {\n    labels.push(characters.shift()!);\n  }\n  labels.push(characters.join(''));\n  return labels;\n}\n","@import '../../utils/radius.css';\n@import '../../utils/control-density.css';\n@import '../../utils/key-hint.css';\n@import '../../utils/forced-colors.css';\n\n.tooltip-popup {\n  box-sizing: border-box;\n  background-color: var(--color-background-primary);\n  border-radius: var(--ds-radius-tooltip-control, var(--dimension-radius-025));\n  box-shadow: var(--effect-elevation-elevated-floating);\n  white-space: nowrap;\n  pointer-events: none;\n  animation: tooltipFadeIn var(--effect-motion-short-2) forwards;\n  will-change: transform;\n  backface-visibility: hidden;\n}\n\n/* Warm handoff between nearby triggers — no enter fade (avoids 20–100ms lag). */\n.tooltip-popup--instant {\n  animation: none;\n  opacity: 1;\n}\n\n.tooltip-popup--closing {\n  animation: tooltipFadeOut var(--effect-motion-short-3) forwards;\n}\n\n/* Density: md / sm / xs via `.ds-control--*` on `.tooltip-inner`. */\n.tooltip-inner {\n  box-sizing: border-box;\n  height: var(--ds-control-height, var(--dimension-size-400));\n  display: flex;\n  align-items: center;\n  gap: var(--ds-control-gap, var(--dimension-space-050));\n  padding: 0 var(--ds-control-padding-inline, var(--dimension-space-075));\n}\n\n/*\n * Label layout lives on ds-text (metric-box + control label-inset).\n * NOTE: Stencil scopes this to `ds-text.sc-ds-tooltip`, but portaled\n * createElement ds-text loses that class when Text's <Host class> renders.\n * `renderPopupContent` therefore also sets these as inline styles.\n */\n.tooltip-inner > ds-text {\n  flex-shrink: 0;\n  min-width: max-content;\n  max-width: none;\n  padding: 0 var(--ds-control-label-inset, var(--dimension-space-025));\n  color: var(--color-foreground-primary);\n}\n\n.tooltip-popup--wrap {\n  white-space: normal;\n  max-inline-size: var(--dimension-panel-width-xs);\n}\n\n.tooltip-popup--wrap .tooltip-inner {\n  height: auto;\n  min-height: var(--ds-control-height, var(--dimension-size-400));\n  padding-block: var(--dimension-space-050);\n  align-items: flex-start;\n}\n\n.tooltip-popup--wrap .tooltip-inner > ds-text {\n  flex: 1 1 auto;\n  min-width: 0;\n  max-width: 100%;\n  white-space: pre-line;\n}\n\n@keyframes tooltipFadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes tooltipFadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tooltip-popup,\n  .tooltip-popup--instant {\n    animation: none;\n    opacity: 1;\n  }\n\n  .tooltip-popup--closing {\n    animation: none;\n    opacity: 0;\n  }\n}\n\n@media (forced-colors: active) {\n  .tooltip-popup {\n    box-shadow: none;\n    outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n    outline-offset: calc(-1 * var(--dimension-stroke-width-012));\n  }\n}\n","import { Component, Prop, Element, Method, Watch, h, Host } from '@stencil/core';\nimport {\n  CONTROL_TEXT_VARIANT,\n  resolveCssLengthPx,\n  resolveCssTimeMs,\n  resolveMotionTimeMs,\n  TOKEN_CSS_LENGTHS,\n  TOKEN_DEFAULTS,\n} from '../../utils';\nimport type { TextVariant } from '../Text/text-types';\nimport { shortcutKeyLabels } from '../../utils/shortcut-key';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport {\n  resolveAnchoredOverlayBoundaryRect,\n  type AnchoredOverlayBoundary,\n} from '../../utils/anchored-overlay-boundary';\n// Side-effect: register `ds-text` — the portal builds it via createElement, not JSX.\nimport '../Text/Text';\n\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left';\nexport type TooltipAlign = 'start' | 'center' | 'end';\nexport type TooltipSize = 'md' | 'sm' | 'xs';\n\nconst FALLBACK_HEIGHT: Record<TooltipSize, string> = {\n  md: TOKEN_DEFAULTS.size400,\n  sm: TOKEN_DEFAULTS.size300,\n  xs: TOKEN_DEFAULTS.size200,\n};\n\nlet lastDismissedAt = 0;\nlet tooltipIdCounter = 0;\n/** Currently open tooltip — force-cleared on warm handoff so tips don't cross-fade. */\nlet activeTooltip: Tooltip | null = null;\n\ntype DsTextEl = HTMLElement & {\n  as: string;\n  variant: TextVariant;\n  emphasis: boolean;\n  color: string;\n  wrap: string;\n};\n\nfunction createDsText(opts: {\n  variant: TextVariant;\n  emphasis?: boolean;\n  color?: string;\n  wrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty';\n  text: string;\n}): DsTextEl {\n  const el = document.createElement('ds-text') as DsTextEl;\n  el.as = 'span';\n  el.variant = opts.variant;\n  el.emphasis = opts.emphasis ?? false;\n  el.color = opts.color ?? 'inherit';\n  if (opts.wrap) el.wrap = opts.wrap;\n  el.textContent = opts.text;\n  return el;\n}\n\n/**\n * Control-density label styles for portaled ds-text.\n * Scoped CSS requires `sc-ds-tooltip` on the host, but Text's `<Host class>`\n * overwrites imperative className — so these must be inline to stick.\n */\nfunction styleTooltipLabel(el: HTMLElement, wrapLabel = false) {\n  el.style.flexShrink = wrapLabel ? '1' : '0';\n  el.style.minWidth = wrapLabel ? '0' : 'max-content';\n  el.style.maxWidth = wrapLabel ? '100%' : 'none';\n  el.style.whiteSpace = wrapLabel ? 'pre-line' : '';\n  el.style.padding = '0 var(--ds-control-label-inset, var(--dimension-space-025))';\n  el.style.color = 'var(--color-foreground-primary)';\n}\n\n/**\n * Imperative body portal for the popup.\n * Stencil must not own the portaled node — moving a VDOM child to `document.body`\n * causes recreate → re-portal → @State loops that freeze the page.\n */\n@Component({\n  tag: 'ds-tooltip',\n  styleUrl: 'Tooltip.css',\n  scoped: true,\n})\nexport class Tooltip {\n  @Element() el!: HTMLElement;\n\n  /**\n   * Tooltip text. Empty/whitespace skips show — useful when the wrapper must stay\n   * mounted for layout/animation stability (e.g. PanelNav expand/collapse).\n   */\n  @Prop() label!: string;\n\n  /** Control density (height, padding, type). */\n  @Prop() size: TooltipSize = 'md';\n\n  @Prop() side: TooltipSide = 'top';\n  @Prop() align: TooltipAlign = 'center';\n  /** Gap between anchor and tooltip — number (px) or TokoMo length. */\n  @Prop() sideOffset: number | string = TOKEN_CSS_LENGTHS.space050;\n  /** Cross-axis offset — number (px) or TokoMo length. */\n  @Prop() alignOffset: number | string = 0;\n  /** Explicit collision owner, `viewport`, or the nearest data-ds-overlay-boundary ancestor. */\n  @Prop() boundary: AnchoredOverlayBoundary | undefined;\n  /**\n   * Hover show delay before the tooltip appears.\n   * Default: `--effect-animation-delay-medium-3` (1000ms). Accepts a number (ms)\n   * or a TokoMo time token / `var(--effect-animation-delay-*)`. Applies to the\n   * initial hover/focus show only — after a recent dismiss, reopen is instant.\n   * Prefer the default; override only for denser chrome or rare/destructive actions.\n   */\n  @Prop() delay: number | string = TOKEN_DEFAULTS.animationDelayMedium3;\n  @Prop() shortcutKey: string | undefined;\n  @Prop() shortcutKeyPosition: 'start' | 'end' = 'end';\n  /**\n   * Link the trigger with aria-describedby while the popup is open. Disable when\n   * the label is already in the DOM, such as a truncated table cell.\n   */\n  @Prop() describedBy = true;\n  /** Allow wrapping at a panel-xs max width and preserve explicit line breaks. */\n  @Prop() wrapLabel = false;\n\n  private tooltipId = `ds-tooltip-${++tooltipIdCounter}`;\n  private delayTimer: ReturnType<typeof setTimeout> | null = null;\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  private anchor: HTMLElement | null = null;\n  private popupEl: HTMLElement | null = null;\n  private anchorObserver: MutationObserver | null = null;\n  private didLoad = false;\n  private readonly position = new AnchoredPositionController({\n    getAnchor: () => this.anchor,\n    getPopup: () => this.popupEl,\n    getOwnerDocument: () => this.el.ownerDocument,\n    measure: (anchor, tip) => ({\n      anchorRect: anchor.getBoundingClientRect(),\n      // Fall back to token metrics until `ds-text` upgrades and reports a width.\n      popupWidth: tip.offsetWidth || this.tooltipFallbackWidthPx,\n      popupHeight: tip.offsetHeight || this.tooltipFallbackHeightPx,\n      side: this.side,\n      align: this.align,\n      sideOffsetPx: this.sideOffsetPx,\n      alignOffsetPx: this.alignOffsetPx,\n      viewportPadPx: this.viewportPadPx,\n      viewportWidth: window.innerWidth,\n      viewportHeight: window.innerHeight,\n      collisionRect: resolveAnchoredOverlayBoundaryRect(anchor, this.boundary),\n    }),\n    apply: ({ x, y, resolvedSide }) => {\n      if (!this.popupEl) return;\n      this.popupEl.dataset.side = resolvedSide;\n      this.popupEl.style.transform = `translate(${Math.round(x)}px, ${Math.round(y)}px)`;\n    },\n    liveUpdate: 'frame',\n    observeResize: true,\n  });\n  private skipEnterAnimation = false;\n  private isOpen = false;\n  private programmaticAnchor = false;\n  private lastInteractionWasKeyboard = false;\n  private pointerEnterHandler = (event: PointerEvent) => {\n    if (event.pointerType === 'touch') return;\n    this.show();\n  };\n  private pointerLeaveHandler = (event: PointerEvent) => {\n    if (event.pointerType === 'touch') return;\n    this.hide();\n  };\n  private pointerDownHandler = (event: PointerEvent) => {\n    this.lastInteractionWasKeyboard = false;\n    if (event.pointerType === 'touch' && (this.isOpen || this.popupEl)) this.hideInstant();\n  };\n  private keyDownHandler = () => {\n    this.lastInteractionWasKeyboard = true;\n  };\n  /** focusin/focusout so nested focus targets (e.g. ds-button-* inner button) still open the tip. */\n  private focusHandler = () => {\n    if (this.lastInteractionWasKeyboard || this.anchor?.matches(':focus-visible')) this.show();\n  };\n  private blurHandler: (e: FocusEvent) => void = e => {\n    const next = e.relatedTarget as Node | null;\n    if (next && this.anchor?.contains(next)) return;\n    this.hide();\n  };\n  private escapeHandler = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape' || !this.isOpen) return;\n    event.preventDefault();\n    this.hide();\n  };\n\n  connectedCallback() {\n    if (!this.didLoad) return;\n    this.connectAnchor();\n  }\n\n  componentDidLoad() {\n    this.didLoad = true;\n    this.connectAnchor();\n  }\n\n  private connectAnchor() {\n    this.bindAnchor();\n    if (this.anchorObserver) return;\n    this.anchorObserver = new MutationObserver(() => this.handleSlotChange());\n    this.anchorObserver.observe(this.el, { childList: true });\n  }\n\n  disconnectedCallback() {\n    if (activeTooltip === this) activeTooltip = null;\n    this.anchorObserver?.disconnect();\n    this.anchorObserver = null;\n    this.unbindAnchor();\n    this.clearTimers();\n    this.destroyPopup();\n  }\n\n  @Watch('label')\n  @Watch('size')\n  @Watch('side')\n  @Watch('align')\n  @Watch('sideOffset')\n  @Watch('alignOffset')\n  @Watch('boundary')\n  @Watch('shortcutKey')\n  @Watch('shortcutKeyPosition')\n  @Watch('wrapLabel')\n  onContentOrPositionChange() {\n    if (!this.label?.trim()) {\n      if (this.isOpen || this.popupEl) this.hideInstant();\n      return;\n    }\n    if (!this.popupEl || !this.isOpen) return;\n    this.renderPopupContent();\n    this.schedulePosition();\n  }\n\n  private get viewportPadPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n  }\n\n  private get sideOffsetPx(): number {\n    return resolveCssLengthPx(this.sideOffset, TOKEN_DEFAULTS.space050);\n  }\n\n  private get alignOffsetPx(): number {\n    return resolveCssLengthPx(this.alignOffset, 0);\n  }\n\n  private get hoverDelayMs(): number {\n    return resolveCssTimeMs(this.delay, TOKEN_DEFAULTS.animationDelayMedium3);\n  }\n\n  private get instantReopenMs(): number {\n    return resolveCssTimeMs(\n      TOKEN_DEFAULTS.animationDurationMedium1,\n      TOKEN_DEFAULTS.animationDurationMedium1\n    );\n  }\n\n  private get fadeOutMs(): number {\n    return resolveMotionTimeMs(TOKEN_DEFAULTS.motionShort3, TOKEN_DEFAULTS.animationDurationShort3);\n  }\n\n  private get tooltipFallbackWidthPx(): number {\n    return resolveCssLengthPx(\n      TOKEN_DEFAULTS.tooltipFallbackWidth,\n      TOKEN_DEFAULTS.tooltipFallbackWidth\n    );\n  }\n\n  private get tooltipFallbackHeightPx(): number {\n    const token = FALLBACK_HEIGHT[this.size];\n    return resolveCssLengthPx(token, token);\n  }\n\n  /**\n   * Present against an external anchor the host already measured.\n   * Does not bind hover or focus on that anchor — the owner drives show/hide.\n   */\n  @Method()\n  async presentFrom(anchor: HTMLElement, label?: string) {\n    if (label != null) this.label = label;\n    if (!this.label?.trim()) {\n      this.hide();\n      return;\n    }\n    const sameAnchor = this.anchor === anchor;\n    if (!sameAnchor) {\n      this.unbindAnchor();\n      this.anchor = anchor;\n      this.programmaticAnchor = true;\n      if (this.popupEl && this.describedBy) this.linkDescribedBy();\n    }\n    if (this.popupEl) {\n      this.renderPopupContent();\n      this.schedulePosition();\n      return;\n    }\n    if (this.delayTimer && sameAnchor) return;\n    this.show();\n  }\n\n  /** Dismiss a popup opened through presentFrom or the slotted trigger. */\n  @Method()\n  async dismiss() {\n    this.hide();\n  }\n\n  private bindAnchor() {\n    if (this.programmaticAnchor) return;\n    const slot = this.el.querySelector('slot') as HTMLSlotElement | null;\n    const slotted = slot?.assignedElements?.() ?? [];\n    const child = (slotted[0] ?? this.el.firstElementChild) as HTMLElement | null;\n    if (!child || child.tagName === 'SLOT' || child === this.anchor) return;\n    this.anchor = child;\n    child.addEventListener('pointerenter', this.pointerEnterHandler);\n    child.addEventListener('pointerleave', this.pointerLeaveHandler);\n    child.addEventListener('pointerdown', this.pointerDownHandler);\n    child.addEventListener('keydown', this.keyDownHandler);\n    child.addEventListener('focusin', this.focusHandler);\n    child.addEventListener('focusout', this.blurHandler);\n  }\n\n  private unbindAnchor() {\n    if (!this.anchor) return;\n    this.unlinkDescribedBy();\n    if (!this.programmaticAnchor) {\n      this.anchor.removeEventListener('pointerenter', this.pointerEnterHandler);\n      this.anchor.removeEventListener('pointerleave', this.pointerLeaveHandler);\n      this.anchor.removeEventListener('pointerdown', this.pointerDownHandler);\n      this.anchor.removeEventListener('keydown', this.keyDownHandler);\n      this.anchor.removeEventListener('focusin', this.focusHandler);\n      this.anchor.removeEventListener('focusout', this.blurHandler);\n    }\n    this.anchor = null;\n    this.programmaticAnchor = false;\n  }\n\n  private linkDescribedBy() {\n    if (!this.describedBy || !this.anchor || !this.popupEl) return;\n    const ids = new Set(\n      (this.anchor.getAttribute('aria-describedby') ?? '').split(/\\s+/).filter(Boolean)\n    );\n    ids.add(this.tooltipId);\n    this.anchor.setAttribute('aria-describedby', Array.from(ids).join(' '));\n  }\n\n  private unlinkDescribedBy() {\n    if (!this.anchor) return;\n    const ids = (this.anchor.getAttribute('aria-describedby') ?? '')\n      .split(/\\s+/)\n      .filter(id => id && id !== this.tooltipId);\n    if (ids.length) this.anchor.setAttribute('aria-describedby', ids.join(' '));\n    else this.anchor.removeAttribute('aria-describedby');\n  }\n\n  private handleSlotChange = () => {\n    if (this.programmaticAnchor) return;\n    const slot = this.el.querySelector('slot') as HTMLSlotElement | null;\n    const next = (slot?.assignedElements?.()[0] ?? this.el.firstElementChild) as HTMLElement | null;\n    if (next === this.anchor || next?.tagName === 'SLOT') return;\n    if (this.isOpen || this.popupEl) this.hideInstant();\n    this.unbindAnchor();\n    this.bindAnchor();\n  };\n\n  private clearTimers() {\n    if (this.delayTimer) {\n      clearTimeout(this.delayTimer);\n      this.delayTimer = null;\n    }\n    if (this.closeTimer) {\n      clearTimeout(this.closeTimer);\n      this.closeTimer = null;\n    }\n  }\n\n  private setupOpenListeners() {\n    // Binds scroll/resize + the resize observer; placement itself is scheduled\n    // by schedulePosition() so the label restyle stays interleaved.\n    this.position.observe();\n    document.addEventListener('keydown', this.escapeHandler);\n  }\n\n  private teardownOpenListeners() {\n    this.position.unobserve();\n    document.removeEventListener('keydown', this.escapeHandler);\n  }\n\n  private destroyPopup() {\n    this.teardownOpenListeners();\n    this.unlinkDescribedBy();\n    if (!this.popupEl) return;\n    this.popupEl.remove();\n    this.popupEl = null;\n  }\n\n  /**\n   * Position after `ds-text` upgrades and lays out. Measuring synchronously in\n   * `mountPopup` reads a collapsed/fallback width and places left/right tips wrong.\n   */\n  private schedulePosition() {\n    if (!this.popupEl) return;\n\n    const reapplyLabelStyles = () => {\n      const label = this.popupEl?.querySelector(':scope > .tooltip-inner > ds-text');\n      if (label instanceof HTMLElement) styleTooltipLabel(label, this.wrapLabel);\n    };\n\n    requestAnimationFrame(() => {\n      reapplyLabelStyles();\n      this.position.update();\n      requestAnimationFrame(() => {\n        reapplyLabelStyles();\n        this.position.update();\n      });\n    });\n\n    // The popup remounts on every show, so re-target the observer bound in start().\n    this.position.observeResizeTargets();\n  }\n\n  /** Drop the open tip immediately (warm handoff to another tooltip). */\n  private hideInstant() {\n    this.clearTimers();\n    lastDismissedAt = Date.now();\n    if (activeTooltip === this) activeTooltip = null;\n    this.destroyPopup();\n    this.isOpen = false;\n    this.skipEnterAnimation = false;\n  }\n\n  private show() {\n    // Empty label = wrapper present for DOM stability (e.g. PanelNav expand/collapse)\n    // but no tip should appear.\n    if (!this.label?.trim()) return;\n    this.clearTimers();\n    let instant = Date.now() - lastDismissedAt < this.instantReopenMs;\n    if (activeTooltip && activeTooltip !== this) {\n      activeTooltip.hideInstant();\n      instant = true;\n    }\n    // eslint-disable-next-line @typescript-eslint/no-this-alias -- module singleton tracks the active instance\n    activeTooltip = this;\n    this.skipEnterAnimation = instant;\n    if (instant) {\n      this.mountPopup();\n      return;\n    }\n    this.delayTimer = setTimeout(() => {\n      this.delayTimer = null;\n      if (!this.label?.trim()) return;\n      this.mountPopup();\n    }, this.hoverDelayMs);\n  }\n\n  private hide() {\n    this.clearTimers();\n    if (!this.popupEl && !this.isOpen) return;\n    lastDismissedAt = Date.now();\n    if (!this.popupEl) {\n      this.isOpen = false;\n      return;\n    }\n    this.popupEl.classList.remove('tooltip-popup--instant');\n    this.popupEl.classList.add('tooltip-popup--closing');\n    if (this.fadeOutMs === 0) {\n      if (activeTooltip === this) activeTooltip = null;\n      this.destroyPopup();\n      this.isOpen = false;\n      this.skipEnterAnimation = false;\n      return;\n    }\n    this.closeTimer = setTimeout(() => {\n      this.closeTimer = null;\n      if (activeTooltip === this) activeTooltip = null;\n      this.destroyPopup();\n      this.isOpen = false;\n      this.skipEnterAnimation = false;\n    }, this.fadeOutMs);\n  }\n\n  private mountPopup() {\n    if (!this.popupEl) {\n      const tip = document.createElement('div');\n      tip.id = this.tooltipId;\n      tip.setAttribute('role', 'tooltip');\n      // `sc-ds-tooltip` is required for Stencil scoped CSS to match outside the host.\n      tip.className = 'tooltip-popup ds-forced-colors-scope sc-ds-tooltip';\n      Object.assign(tip.style, {\n        position: 'fixed',\n        left: '0',\n        top: '0',\n        zIndex: 'var(--dimension-z-index-tooltip)',\n        pointerEvents: 'none',\n      });\n      document.body.appendChild(tip);\n      this.popupEl = tip;\n    }\n\n    this.setupOpenListeners();\n    this.linkDescribedBy();\n    this.popupEl.classList.toggle('tooltip-popup--instant', this.skipEnterAnimation);\n    this.popupEl.classList.toggle('tooltip-popup--wrap', this.wrapLabel);\n    this.popupEl.classList.remove('tooltip-popup--closing');\n    this.renderPopupContent();\n    this.schedulePosition();\n    this.isOpen = true;\n  }\n\n  private renderPopupContent() {\n    if (!this.popupEl) return;\n    this.popupEl.classList.toggle('tooltip-popup--wrap', this.wrapLabel);\n    const textVariant = CONTROL_TEXT_VARIANT[this.size];\n    const density =\n      this.size === 'md'\n        ? 'ds-control--md'\n        : this.size === 'sm'\n          ? 'ds-control--sm'\n          : 'ds-control--xs';\n    // Every layout node needs `sc-ds-tooltip` so scoped selectors (`.foo.sc-ds-tooltip`) match.\n    const sc = 'sc-ds-tooltip';\n\n    const inner = document.createElement('div');\n    inner.className = `tooltip-inner ${density} ${sc}`;\n\n    const appendShortcut = (position: 'start' | 'end') => {\n      if (!this.shortcutKey || this.shortcutKeyPosition !== position) return;\n      const group = document.createElement('span');\n      group.className = `key-hint-group ${sc}`;\n      group.setAttribute('aria-hidden', 'true');\n\n      for (const label of shortcutKeyLabels(this.shortcutKey)) {\n        const hint = document.createElement('span');\n        const wide = Array.from(label).length > 1 ? ' key-hint--wide' : '';\n        hint.className = `key-hint${wide} ${sc}`;\n        const text = document.createElement('span');\n        text.className = `key-hint__label ${sc}`;\n        text.textContent = label;\n        hint.appendChild(text);\n        group.appendChild(hint);\n      }\n      inner.appendChild(group);\n    };\n\n    appendShortcut('start');\n\n    // ds-text is the layout box (metric-box + 2px control label-inset).\n    // Inline styles required — see styleTooltipLabel.\n    const label = createDsText({\n      variant: textVariant,\n      wrap: this.wrapLabel ? 'wrap' : 'nowrap',\n      text: this.label,\n    });\n    styleTooltipLabel(label, this.wrapLabel);\n    inner.appendChild(label);\n\n    appendShortcut('end');\n\n    this.popupEl.replaceChildren(inner);\n  }\n\n  render() {\n    return (\n      <Host style={{ display: 'contents' }}>\n        <slot onSlotchange={this.handleSlotChange} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["MODIFIER_GLYPHS","Set","MODIFIER_LABELS","alt","cmd","command","control","ctrl","option","shift","canonicalKeyLabel","label","toLowerCase","shortcutKeyLabels","shortcut","normalized","trim","includes","split","map","part","filter","Boolean","test","characters","Array","from","labels","length","has","push","join","tooltipCss","FALLBACK_HEIGHT","md","TOKEN_DEFAULTS","size400","sm","size300","xs","size200","lastDismissedAt","tooltipIdCounter","activeTooltip","createDsText","opts","el","document","createElement","as","variant","emphasis","color","wrap","textContent","text","styleTooltipLabel","wrapLabel","style","flexShrink","minWidth","maxWidth","whiteSpace","padding","Tooltip","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","size","side","align","sideOffset","TOKEN_CSS_LENGTHS","space050","alignOffset","delay","animationDelayMedium3","shortcutKeyPosition","describedBy","tooltipId","delayTimer","closeTimer","anchor","popupEl","anchorObserver","didLoad","position","AnchoredPositionController","getAnchor","getPopup","getOwnerDocument","ownerDocument","measure","tip","anchorRect","getBoundingClientRect","popupWidth","offsetWidth","tooltipFallbackWidthPx","popupHeight","offsetHeight","tooltipFallbackHeightPx","sideOffsetPx","alignOffsetPx","viewportPadPx","viewportWidth","window","innerWidth","viewportHeight","innerHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","boundary","apply","x","y","resolvedSide","dataset","transform","Math","round","liveUpdate","observeResize","skipEnterAnimation","isOpen","programmaticAnchor","lastInteractionWasKeyboard","pointerEnterHandler","event","pointerType","show","pointerLeaveHandler","hide","pointerDownHandler","hideInstant","keyDownHandler","focusHandler","matches","blurHandler","e","next","relatedTarget","contains","escapeHandler","key","preventDefault","handleSlotChange","slot","querySelector","assignedElements","firstElementChild","tagName","unbindAnchor","bindAnchor","connectedCallback","connectAnchor","componentDidLoad","MutationObserver","observe","childList","disconnectedCallback","disconnect","clearTimers","destroyPopup","onContentOrPositionChange","renderPopupContent","schedulePosition","resolveCssLengthPx","hoverDelayMs","resolveCssTimeMs","instantReopenMs","animationDurationMedium1","fadeOutMs","resolveMotionTimeMs","motionShort3","animationDurationShort3","tooltipFallbackWidth","token","presentFrom","sameAnchor","linkDescribedBy","dismiss","slotted","child","addEventListener","unlinkDescribedBy","removeEventListener","ids","getAttribute","add","setAttribute","id","removeAttribute","clearTimeout","setupOpenListeners","teardownOpenListeners","unobserve","remove","reapplyLabelStyles","requestAnimationFrame","update","observeResizeTargets","Date","now","instant","mountPopup","setTimeout","classList","className","Object","assign","left","top","zIndex","pointerEvents","body","appendChild","toggle","textVariant","CONTROL_TEXT_VARIANT","density","sc","inner","appendShortcut","shortcutKey","group","hint","wide","replaceChildren","render","h","Host","display","onSlotchange"],"sources":["src/wc/utils/shortcut-key.ts","src/wc/components/Tooltip/Tooltip.css?tag=ds-tooltip&encapsulation=scoped","src/wc/components/Tooltip/Tooltip.tsx"],"sourcesContent":["const MODIFIER_GLYPHS = new Set(['⌘', '⇧', '⌥', '⌃']);\nconst MODIFIER_LABELS: Readonly<Record<string, string>> = {\n  alt: '⌥',\n  cmd: '⌘',\n  command: '⌘',\n  control: '⌃',\n  ctrl: '⌃',\n  option: '⌥',\n  shift: '⇧',\n};\n\nfunction canonicalKeyLabel(label: string): string {\n  return MODIFIER_LABELS[label.toLowerCase()] ?? label;\n}\n\n/** Split a shortcut chord into the labels rendered on individual keycaps. */\nexport function shortcutKeyLabels(shortcut: string): string[] {\n  const normalized = shortcut.trim();\n  if (!normalized) return [];\n\n  if (normalized.includes('+')) {\n    return normalized\n      .split('+')\n      .map(part => part.trim())\n      .filter(Boolean)\n      .map(canonicalKeyLabel);\n  }\n\n  if (/\\s/.test(normalized)) {\n    return normalized.split(/\\s+/).filter(Boolean).map(canonicalKeyLabel);\n  }\n\n  const characters = Array.from(normalized);\n  const labels: string[] = [];\n  while (characters.length > 1 && MODIFIER_GLYPHS.has(characters[0])) {\n    labels.push(characters.shift()!);\n  }\n  labels.push(characters.join(''));\n  return labels;\n}\n","@import '../../utils/radius.css';\n@import '../../utils/control-density.css';\n@import '../../utils/key-hint.css';\n@import '../../utils/forced-colors.css';\n\n.tooltip-popup {\n  box-sizing: border-box;\n  background-color: var(--color-background-primary);\n  border-radius: var(--ds-radius-tooltip-control, var(--dimension-radius-025));\n  box-shadow: var(--effect-elevation-elevated-floating);\n  white-space: nowrap;\n  pointer-events: none;\n  animation: tooltipFadeIn var(--effect-motion-short-2) forwards;\n  will-change: transform;\n  backface-visibility: hidden;\n}\n\n/* Warm handoff between nearby triggers — no enter fade (avoids 20–100ms lag). */\n.tooltip-popup--instant {\n  animation: none;\n  opacity: 1;\n}\n\n.tooltip-popup--closing {\n  animation: tooltipFadeOut var(--effect-motion-short-3) forwards;\n}\n\n/* Density: md / sm / xs via `.ds-control--*` on `.tooltip-inner`. */\n.tooltip-inner {\n  box-sizing: border-box;\n  height: var(--ds-control-height, var(--dimension-size-400));\n  display: flex;\n  align-items: center;\n  gap: var(--ds-control-gap, var(--dimension-space-050));\n  padding: 0 var(--ds-control-padding-inline, var(--dimension-space-075));\n}\n\n/*\n * Label layout lives on ds-text (metric-box + control label-inset).\n * NOTE: Stencil scopes this to `ds-text.sc-ds-tooltip`, but portaled\n * createElement ds-text loses that class when Text's <Host class> renders.\n * `renderPopupContent` therefore also sets these as inline styles.\n */\n.tooltip-inner > ds-text {\n  flex-shrink: 0;\n  min-width: max-content;\n  max-width: none;\n  padding: 0 var(--ds-control-label-inset, var(--dimension-space-025));\n  color: var(--color-foreground-primary);\n}\n\n.tooltip-popup--wrap {\n  white-space: normal;\n  max-inline-size: var(--dimension-panel-width-xs);\n}\n\n.tooltip-popup--wrap .tooltip-inner {\n  height: auto;\n  min-height: var(--ds-control-height, var(--dimension-size-400));\n  padding-block: var(--dimension-space-050);\n  align-items: flex-start;\n}\n\n.tooltip-popup--wrap .tooltip-inner > ds-text {\n  flex: 1 1 auto;\n  min-width: 0;\n  max-width: 100%;\n  white-space: pre-line;\n}\n\n@keyframes tooltipFadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes tooltipFadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tooltip-popup,\n  .tooltip-popup--instant {\n    animation: none;\n    opacity: 1;\n  }\n\n  .tooltip-popup--closing {\n    animation: none;\n    opacity: 0;\n  }\n}\n\n@media (forced-colors: active) {\n  .tooltip-popup {\n    box-shadow: none;\n    outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n    outline-offset: calc(-1 * var(--dimension-stroke-width-012));\n  }\n}\n","import { Component, Prop, Element, Method, Watch, h, Host } from '@stencil/core';\nimport {\n  CONTROL_TEXT_VARIANT,\n  resolveCssLengthPx,\n  resolveCssTimeMs,\n  resolveMotionTimeMs,\n  TOKEN_CSS_LENGTHS,\n  TOKEN_DEFAULTS,\n} from '../../utils';\nimport type { TextVariant } from '../Text/text-types';\nimport { shortcutKeyLabels } from '../../utils/shortcut-key';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport {\n  resolveAnchoredOverlayBoundaryRect,\n  type AnchoredOverlayBoundary,\n} from '../../utils/anchored-overlay-boundary';\n// Side-effect: register `ds-text` — the portal builds it via createElement, not JSX.\nimport '../Text/Text';\n\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left';\nexport type TooltipAlign = 'start' | 'center' | 'end';\nexport type TooltipSize = 'md' | 'sm' | 'xs';\n\nconst FALLBACK_HEIGHT: Record<TooltipSize, string> = {\n  md: TOKEN_DEFAULTS.size400,\n  sm: TOKEN_DEFAULTS.size300,\n  xs: TOKEN_DEFAULTS.size200,\n};\n\nlet lastDismissedAt = 0;\nlet tooltipIdCounter = 0;\n/** Currently open tooltip — force-cleared on warm handoff so tips don't cross-fade. */\nlet activeTooltip: Tooltip | null = null;\n\ntype DsTextEl = HTMLElement & {\n  as: string;\n  variant: TextVariant;\n  emphasis: boolean;\n  color: string;\n  wrap: string;\n};\n\nfunction createDsText(opts: {\n  variant: TextVariant;\n  emphasis?: boolean;\n  color?: string;\n  wrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty';\n  text: string;\n}): DsTextEl {\n  const el = document.createElement('ds-text') as DsTextEl;\n  el.as = 'span';\n  el.variant = opts.variant;\n  el.emphasis = opts.emphasis ?? false;\n  el.color = opts.color ?? 'inherit';\n  if (opts.wrap) el.wrap = opts.wrap;\n  el.textContent = opts.text;\n  return el;\n}\n\n/**\n * Control-density label styles for portaled ds-text.\n * Scoped CSS requires `sc-ds-tooltip` on the host, but Text's `<Host class>`\n * overwrites imperative className — so these must be inline to stick.\n */\nfunction styleTooltipLabel(el: HTMLElement, wrapLabel = false) {\n  el.style.flexShrink = wrapLabel ? '1' : '0';\n  el.style.minWidth = wrapLabel ? '0' : 'max-content';\n  el.style.maxWidth = wrapLabel ? '100%' : 'none';\n  el.style.whiteSpace = wrapLabel ? 'pre-line' : '';\n  el.style.padding = '0 var(--ds-control-label-inset, var(--dimension-space-025))';\n  el.style.color = 'var(--color-foreground-primary)';\n}\n\n/**\n * Imperative body portal for the popup.\n * Stencil must not own the portaled node — moving a VDOM child to `document.body`\n * causes recreate → re-portal → @State loops that freeze the page.\n */\n@Component({\n  tag: 'ds-tooltip',\n  styleUrl: 'Tooltip.css',\n  scoped: true,\n})\nexport class Tooltip {\n  @Element() el!: HTMLElement;\n\n  /**\n   * Tooltip text. Empty/whitespace skips show — useful when the wrapper must stay\n   * mounted for layout/animation stability (e.g. PanelNav expand/collapse).\n   */\n  @Prop() label!: string;\n\n  /** Control density (height, padding, type). */\n  @Prop() size: TooltipSize = 'md';\n\n  @Prop() side: TooltipSide = 'top';\n  @Prop() align: TooltipAlign = 'center';\n  /** Gap between anchor and tooltip — number (px) or TokoMo length. */\n  @Prop() sideOffset: number | string = TOKEN_CSS_LENGTHS.space050;\n  /** Cross-axis offset — number (px) or TokoMo length. */\n  @Prop() alignOffset: number | string = 0;\n  /** Explicit collision owner, `viewport`, or the nearest data-ds-overlay-boundary ancestor. */\n  @Prop() boundary: AnchoredOverlayBoundary | undefined;\n  /**\n   * Hover show delay before the tooltip appears.\n   * Default: `--effect-animation-delay-medium-3` (1000ms). Accepts a number (ms)\n   * or a TokoMo time token / `var(--effect-animation-delay-*)`. Applies to the\n   * initial hover/focus show only — after a recent dismiss, reopen is instant.\n   * Prefer the default; override only for denser chrome or rare/destructive actions.\n   */\n  @Prop() delay: number | string = TOKEN_DEFAULTS.animationDelayMedium3;\n  @Prop() shortcutKey: string | undefined;\n  @Prop() shortcutKeyPosition: 'start' | 'end' = 'end';\n  /**\n   * Link the trigger with aria-describedby while the popup is open. Disable when\n   * the label is already in the DOM, such as a truncated table cell.\n   */\n  @Prop() describedBy = true;\n  /** Allow wrapping at a panel-xs max width and preserve explicit line breaks. */\n  @Prop() wrapLabel = false;\n\n  private tooltipId = `ds-tooltip-${++tooltipIdCounter}`;\n  private delayTimer: ReturnType<typeof setTimeout> | null = null;\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  private anchor: HTMLElement | null = null;\n  private popupEl: HTMLElement | null = null;\n  private anchorObserver: MutationObserver | null = null;\n  private didLoad = false;\n  private readonly position = new AnchoredPositionController({\n    getAnchor: () => this.anchor,\n    getPopup: () => this.popupEl,\n    getOwnerDocument: () => this.el.ownerDocument,\n    measure: (anchor, tip) => ({\n      anchorRect: anchor.getBoundingClientRect(),\n      // Fall back to token metrics until `ds-text` upgrades and reports a width.\n      popupWidth: tip.offsetWidth || this.tooltipFallbackWidthPx,\n      popupHeight: tip.offsetHeight || this.tooltipFallbackHeightPx,\n      side: this.side,\n      align: this.align,\n      sideOffsetPx: this.sideOffsetPx,\n      alignOffsetPx: this.alignOffsetPx,\n      viewportPadPx: this.viewportPadPx,\n      viewportWidth: window.innerWidth,\n      viewportHeight: window.innerHeight,\n      collisionRect: resolveAnchoredOverlayBoundaryRect(anchor, this.boundary),\n    }),\n    apply: ({ x, y, resolvedSide }) => {\n      if (!this.popupEl) return;\n      this.popupEl.dataset.side = resolvedSide;\n      this.popupEl.style.transform = `translate(${Math.round(x)}px, ${Math.round(y)}px)`;\n    },\n    liveUpdate: 'frame',\n    observeResize: true,\n  });\n  private skipEnterAnimation = false;\n  private isOpen = false;\n  private programmaticAnchor = false;\n  private lastInteractionWasKeyboard = false;\n  private pointerEnterHandler = (event: PointerEvent) => {\n    if (event.pointerType === 'touch') return;\n    this.show();\n  };\n  private pointerLeaveHandler = (event: PointerEvent) => {\n    if (event.pointerType === 'touch') return;\n    this.hide();\n  };\n  private pointerDownHandler = (event: PointerEvent) => {\n    this.lastInteractionWasKeyboard = false;\n    if (event.pointerType === 'touch' && (this.isOpen || this.popupEl)) this.hideInstant();\n  };\n  private keyDownHandler = () => {\n    this.lastInteractionWasKeyboard = true;\n  };\n  /** focusin/focusout so nested focus targets (e.g. ds-button-* inner button) still open the tip. */\n  private focusHandler = () => {\n    if (this.lastInteractionWasKeyboard || this.anchor?.matches(':focus-visible')) this.show();\n  };\n  private blurHandler: (e: FocusEvent) => void = e => {\n    const next = e.relatedTarget as Node | null;\n    if (next && this.anchor?.contains(next)) return;\n    this.hide();\n  };\n  private escapeHandler = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape' || !this.isOpen) return;\n    event.preventDefault();\n    this.hide();\n  };\n\n  connectedCallback() {\n    if (!this.didLoad) return;\n    this.connectAnchor();\n  }\n\n  componentDidLoad() {\n    this.didLoad = true;\n    this.connectAnchor();\n  }\n\n  private connectAnchor() {\n    this.bindAnchor();\n    if (this.anchorObserver) return;\n    this.anchorObserver = new MutationObserver(() => this.handleSlotChange());\n    this.anchorObserver.observe(this.el, { childList: true });\n  }\n\n  disconnectedCallback() {\n    if (activeTooltip === this) activeTooltip = null;\n    this.anchorObserver?.disconnect();\n    this.anchorObserver = null;\n    this.unbindAnchor();\n    this.clearTimers();\n    this.destroyPopup();\n  }\n\n  @Watch('label')\n  @Watch('size')\n  @Watch('side')\n  @Watch('align')\n  @Watch('sideOffset')\n  @Watch('alignOffset')\n  @Watch('boundary')\n  @Watch('shortcutKey')\n  @Watch('shortcutKeyPosition')\n  @Watch('wrapLabel')\n  onContentOrPositionChange() {\n    if (!this.label?.trim()) {\n      if (this.isOpen || this.popupEl) this.hideInstant();\n      return;\n    }\n    if (!this.popupEl || !this.isOpen) return;\n    this.renderPopupContent();\n    this.schedulePosition();\n  }\n\n  private get viewportPadPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n  }\n\n  private get sideOffsetPx(): number {\n    return resolveCssLengthPx(this.sideOffset, TOKEN_DEFAULTS.space050);\n  }\n\n  private get alignOffsetPx(): number {\n    return resolveCssLengthPx(this.alignOffset, 0);\n  }\n\n  private get hoverDelayMs(): number {\n    return resolveCssTimeMs(this.delay, TOKEN_DEFAULTS.animationDelayMedium3);\n  }\n\n  private get instantReopenMs(): number {\n    return resolveCssTimeMs(\n      TOKEN_DEFAULTS.animationDurationMedium1,\n      TOKEN_DEFAULTS.animationDurationMedium1\n    );\n  }\n\n  private get fadeOutMs(): number {\n    return resolveMotionTimeMs(TOKEN_DEFAULTS.motionShort3, TOKEN_DEFAULTS.animationDurationShort3);\n  }\n\n  private get tooltipFallbackWidthPx(): number {\n    return resolveCssLengthPx(\n      TOKEN_DEFAULTS.tooltipFallbackWidth,\n      TOKEN_DEFAULTS.tooltipFallbackWidth\n    );\n  }\n\n  private get tooltipFallbackHeightPx(): number {\n    const token = FALLBACK_HEIGHT[this.size];\n    return resolveCssLengthPx(token, token);\n  }\n\n  /**\n   * Present against an external anchor the host already measured.\n   * Does not bind hover or focus on that anchor — the owner drives show/hide.\n   */\n  @Method()\n  async presentFrom(anchor: HTMLElement, label?: string) {\n    if (label != null) this.label = label;\n    if (!this.label?.trim()) {\n      this.hide();\n      return;\n    }\n    const sameAnchor = this.anchor === anchor;\n    if (!sameAnchor) {\n      this.unbindAnchor();\n      this.anchor = anchor;\n      this.programmaticAnchor = true;\n      if (this.popupEl && this.describedBy) this.linkDescribedBy();\n    }\n    if (this.popupEl) {\n      this.renderPopupContent();\n      this.schedulePosition();\n      return;\n    }\n    if (this.delayTimer && sameAnchor) return;\n    this.show();\n  }\n\n  /** Dismiss a popup opened through presentFrom or the slotted trigger. */\n  @Method()\n  async dismiss() {\n    this.hide();\n  }\n\n  private bindAnchor() {\n    if (this.programmaticAnchor) return;\n    const slot = this.el.querySelector('slot') as HTMLSlotElement | null;\n    const slotted = slot?.assignedElements?.() ?? [];\n    const child = (slotted[0] ?? this.el.firstElementChild) as HTMLElement | null;\n    if (!child || child.tagName === 'SLOT' || child === this.anchor) return;\n    this.anchor = child;\n    child.addEventListener('pointerenter', this.pointerEnterHandler);\n    child.addEventListener('pointerleave', this.pointerLeaveHandler);\n    child.addEventListener('pointerdown', this.pointerDownHandler);\n    child.addEventListener('keydown', this.keyDownHandler);\n    child.addEventListener('focusin', this.focusHandler);\n    child.addEventListener('focusout', this.blurHandler);\n  }\n\n  private unbindAnchor() {\n    if (!this.anchor) return;\n    this.unlinkDescribedBy();\n    if (!this.programmaticAnchor) {\n      this.anchor.removeEventListener('pointerenter', this.pointerEnterHandler);\n      this.anchor.removeEventListener('pointerleave', this.pointerLeaveHandler);\n      this.anchor.removeEventListener('pointerdown', this.pointerDownHandler);\n      this.anchor.removeEventListener('keydown', this.keyDownHandler);\n      this.anchor.removeEventListener('focusin', this.focusHandler);\n      this.anchor.removeEventListener('focusout', this.blurHandler);\n    }\n    this.anchor = null;\n    this.programmaticAnchor = false;\n  }\n\n  private linkDescribedBy() {\n    if (!this.describedBy || !this.anchor || !this.popupEl) return;\n    const ids = new Set(\n      (this.anchor.getAttribute('aria-describedby') ?? '').split(/\\s+/).filter(Boolean)\n    );\n    ids.add(this.tooltipId);\n    this.anchor.setAttribute('aria-describedby', Array.from(ids).join(' '));\n  }\n\n  private unlinkDescribedBy() {\n    if (!this.anchor) return;\n    const ids = (this.anchor.getAttribute('aria-describedby') ?? '')\n      .split(/\\s+/)\n      .filter(id => id && id !== this.tooltipId);\n    if (ids.length) this.anchor.setAttribute('aria-describedby', ids.join(' '));\n    else this.anchor.removeAttribute('aria-describedby');\n  }\n\n  private handleSlotChange = () => {\n    if (this.programmaticAnchor) return;\n    const slot = this.el.querySelector('slot') as HTMLSlotElement | null;\n    const next = (slot?.assignedElements?.()[0] ?? this.el.firstElementChild) as HTMLElement | null;\n    if (next === this.anchor || next?.tagName === 'SLOT') return;\n    if (this.isOpen || this.popupEl) this.hideInstant();\n    this.unbindAnchor();\n    this.bindAnchor();\n  };\n\n  private clearTimers() {\n    if (this.delayTimer) {\n      clearTimeout(this.delayTimer);\n      this.delayTimer = null;\n    }\n    if (this.closeTimer) {\n      clearTimeout(this.closeTimer);\n      this.closeTimer = null;\n    }\n  }\n\n  private setupOpenListeners() {\n    // Binds scroll/resize + the resize observer; placement itself is scheduled\n    // by schedulePosition() so the label restyle stays interleaved.\n    this.position.observe();\n    document.addEventListener('keydown', this.escapeHandler);\n  }\n\n  private teardownOpenListeners() {\n    this.position.unobserve();\n    document.removeEventListener('keydown', this.escapeHandler);\n  }\n\n  private destroyPopup() {\n    this.teardownOpenListeners();\n    this.unlinkDescribedBy();\n    if (!this.popupEl) return;\n    this.popupEl.remove();\n    this.popupEl = null;\n  }\n\n  /**\n   * Position after `ds-text` upgrades and lays out. Measuring synchronously in\n   * `mountPopup` reads a collapsed/fallback width and places left/right tips wrong.\n   */\n  private schedulePosition() {\n    if (!this.popupEl) return;\n\n    const reapplyLabelStyles = () => {\n      const label = this.popupEl?.querySelector(':scope > .tooltip-inner > ds-text');\n      if (label instanceof HTMLElement) styleTooltipLabel(label, this.wrapLabel);\n    };\n\n    requestAnimationFrame(() => {\n      reapplyLabelStyles();\n      this.position.update();\n      requestAnimationFrame(() => {\n        reapplyLabelStyles();\n        this.position.update();\n      });\n    });\n\n    // The popup remounts on every show, so re-target the observer bound in start().\n    this.position.observeResizeTargets();\n  }\n\n  /** Drop the open tip immediately (warm handoff to another tooltip). */\n  private hideInstant() {\n    this.clearTimers();\n    lastDismissedAt = Date.now();\n    if (activeTooltip === this) activeTooltip = null;\n    this.destroyPopup();\n    this.isOpen = false;\n    this.skipEnterAnimation = false;\n  }\n\n  private show() {\n    // Empty label = wrapper present for DOM stability (e.g. PanelNav expand/collapse)\n    // but no tip should appear.\n    if (!this.label?.trim()) return;\n    this.clearTimers();\n    let instant = Date.now() - lastDismissedAt < this.instantReopenMs;\n    if (activeTooltip && activeTooltip !== this) {\n      activeTooltip.hideInstant();\n      instant = true;\n    }\n    // eslint-disable-next-line @typescript-eslint/no-this-alias -- module singleton tracks the active instance\n    activeTooltip = this;\n    this.skipEnterAnimation = instant;\n    if (instant) {\n      this.mountPopup();\n      return;\n    }\n    this.delayTimer = setTimeout(() => {\n      this.delayTimer = null;\n      if (!this.label?.trim()) return;\n      this.mountPopup();\n    }, this.hoverDelayMs);\n  }\n\n  private hide() {\n    this.clearTimers();\n    if (!this.popupEl && !this.isOpen) return;\n    lastDismissedAt = Date.now();\n    if (!this.popupEl) {\n      this.isOpen = false;\n      return;\n    }\n    this.popupEl.classList.remove('tooltip-popup--instant');\n    this.popupEl.classList.add('tooltip-popup--closing');\n    if (this.fadeOutMs === 0) {\n      if (activeTooltip === this) activeTooltip = null;\n      this.destroyPopup();\n      this.isOpen = false;\n      this.skipEnterAnimation = false;\n      return;\n    }\n    this.closeTimer = setTimeout(() => {\n      this.closeTimer = null;\n      if (activeTooltip === this) activeTooltip = null;\n      this.destroyPopup();\n      this.isOpen = false;\n      this.skipEnterAnimation = false;\n    }, this.fadeOutMs);\n  }\n\n  private mountPopup() {\n    if (!this.popupEl) {\n      const tip = document.createElement('div');\n      tip.id = this.tooltipId;\n      tip.setAttribute('role', 'tooltip');\n      // `sc-ds-tooltip` is required for Stencil scoped CSS to match outside the host.\n      tip.className = 'tooltip-popup ds-forced-colors-scope sc-ds-tooltip';\n      Object.assign(tip.style, {\n        position: 'fixed',\n        left: '0',\n        top: '0',\n        zIndex: 'var(--dimension-z-index-tooltip)',\n        pointerEvents: 'none',\n      });\n      document.body.appendChild(tip);\n      this.popupEl = tip;\n    }\n\n    this.setupOpenListeners();\n    this.linkDescribedBy();\n    this.popupEl.classList.toggle('tooltip-popup--instant', this.skipEnterAnimation);\n    this.popupEl.classList.toggle('tooltip-popup--wrap', this.wrapLabel);\n    this.popupEl.classList.remove('tooltip-popup--closing');\n    this.renderPopupContent();\n    this.schedulePosition();\n    this.isOpen = true;\n  }\n\n  private renderPopupContent() {\n    if (!this.popupEl) return;\n    this.popupEl.classList.toggle('tooltip-popup--wrap', this.wrapLabel);\n    const textVariant = CONTROL_TEXT_VARIANT[this.size];\n    const density =\n      this.size === 'md'\n        ? 'ds-control--md'\n        : this.size === 'sm'\n          ? 'ds-control--sm'\n          : 'ds-control--xs';\n    // Every layout node needs `sc-ds-tooltip` so scoped selectors (`.foo.sc-ds-tooltip`) match.\n    const sc = 'sc-ds-tooltip';\n\n    const inner = document.createElement('div');\n    inner.className = `tooltip-inner ${density} ${sc}`;\n\n    const appendShortcut = (position: 'start' | 'end') => {\n      if (!this.shortcutKey || this.shortcutKeyPosition !== position) return;\n      const group = document.createElement('span');\n      group.className = `key-hint-group ${sc}`;\n      group.setAttribute('aria-hidden', 'true');\n\n      for (const label of shortcutKeyLabels(this.shortcutKey)) {\n        const hint = document.createElement('span');\n        const wide = Array.from(label).length > 1 ? ' key-hint--wide' : '';\n        hint.className = `key-hint${wide} ${sc}`;\n        const text = document.createElement('span');\n        text.className = `key-hint__label ${sc}`;\n        text.textContent = label;\n        hint.appendChild(text);\n        group.appendChild(hint);\n      }\n      inner.appendChild(group);\n    };\n\n    appendShortcut('start');\n\n    // ds-text is the layout box (metric-box + 2px control label-inset).\n    // Inline styles required — see styleTooltipLabel.\n    const label = createDsText({\n      variant: textVariant,\n      wrap: this.wrapLabel ? 'wrap' : 'nowrap',\n      text: this.label,\n    });\n    styleTooltipLabel(label, this.wrapLabel);\n    inner.appendChild(label);\n\n    appendShortcut('end');\n\n    this.popupEl.replaceChildren(inner);\n  }\n\n  render() {\n    return (\n      <Host style={{ display: 'contents' }}>\n        <slot onSlotchange={this.handleSlotChange} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-Dhw_W8nk.js → p-Cc3ZUQlJ.js}

@@ -1,2 +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
+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",sideOffset:e.sideOffset,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",sideOffset:e.sideOffset,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-Cc3ZUQlJ.js.map

package/dist/components/p-Cc3ZUQlJ.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","sideOffset","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  sideOffset?: number | string;\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        sideOffset={options.sideOffset}\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  sideOffset?: number | 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      sideOffset={options.sideOffset}\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-CdgOLWX9.js

@@ -0,0 +1,2 @@
+import{p as e,H as i,c as t,h as o,a as s,t as n}from"./index.js";import{a as r}from"./p-B8ZonS3S.js";import{p as a}from"./p-CeXf9-X3.js";import{d as l}from"./p-ZhP2tVmM.js";import{d}from"./p-Dzndkdx5.js";import{d as c}from"./p-7V1AhetH.js";import{d as h}from"./p-DjkUFlDW.js";import{d as f}from"./p-0XTyQNRG.js";import{d as u}from"./p-CmexIVnE.js";import{d as p}from"./p-DwbcNDJF.js";import{d as v}from"./p-CYzFfFcH.js";const m=["agents","messages","activity","search","stacks","help"];const g="agents";const b={search:"Search",messages:"Messages",stacks:"Stacks",activity:"Activity",agents:"Agents",help:"Help & Support"};const y={search:"K",agents:"A",messages:"M",stacks:"S",activity:"N",help:"/"};const _=[{id:"agents",icon:"AIAsterisk",label:b.agents,railPlacement:"header",order:0,shortcutKey:y.agents,mobileDestination:"agents"},{id:"messages",icon:"MessageBubbleStack",label:b.messages,order:0,shortcutKey:y.messages,mobileDestination:"messages"},{id:"activity",icon:"Bell",label:b.activity,order:1,shortcutKey:y.activity,mobileDestination:"activity"},{id:"search",icon:"MagnifyingGlass",label:b.search,order:2,shortcutKey:y.search,mobileDestination:"search"},{id:"help",icon:"QuestionCircle",label:b.help,railPlacement:"footer",order:0,shortcutKey:y.help,mobileDestination:"help"}];const w={header:0,body:1,footer:2};function x(e){const i=m.findIndex((i=>i===e.id));return e.order??(i<0?Number.MAX_SAFE_INTEGER:i)}function k(e){const i=new Map;for(const t of e){if(t.id.trim()&&!i.has(t.id))i.set(t.id,t)}return Array.from(i.values()).sort(((e,i)=>{const t=D(e);const o=D(i);const s=w[t]-w[o];if(s!==0)return s;return x(e)-x(i)}))}function z(e,i){const t=k(e).map((e=>({type:"tool",id:e.id,item:e})));const o=new Map;for(const e of i){if(e.id.trim()&&!o.has(e.id)){o.set(e.id,e)}}const s=Array.from(o.values()).map((e=>({type:"accessory",id:e.id,accessory:e})));return[...t,...s].sort(((e,i)=>{const t=e.type==="tool"?D(e.item):e.accessory.railPlacement;const o=i.type==="tool"?D(i.item):i.accessory.railPlacement;const s=w[t]-w[o];if(s!==0)return s;const n=e.type==="tool"?x(e.item):e.accessory.order;const r=i.type==="tool"?x(i.item):i.accessory.order;return n-r}))}function C(e){return e.flatMap((e=>{if(e.type==="tool")return[`tool:${e.id}`];if(e.accessory.type==="divider")return[];if(e.accessory.type==="shortcut"){return e.accessory.action.isInactive?[]:[`accessory:${e.id}:${e.accessory.action.id}`]}const i=e.accessory.primaryAction.isInactive?[]:[`accessory:${e.id}:${e.accessory.primaryAction.id}`];if(e.accessory.secondaryAction&&!e.accessory.secondaryAction.isInactive){i.push(`accessory:${e.id}:${e.accessory.secondaryAction.id}`)}return i}))}function T(e,i,t){if(!i.length)return 0;const o=e[t];const s=o?i.indexOf(o):-1;if(s>=0)return s;for(let o=t+1;o<e.length;o+=1){const t=i.indexOf(e[o]);if(t>=0)return t}for(let o=t-1;o>=0;o-=1){const t=i.indexOf(e[o]);if(t>=0)return t}return Math.min(Math.max(t,0),i.length-1)}function A(e,i,t){return{accessoryId:e,actionId:i,anchor:t}}function S(e){return typeof e==="string"&&e.trim().length>0}function D(e){if(e.railPlacement)return e.railPlacement;if(e.id===g)return"header";if(e.id==="help")return"footer";return"body"}function $(e,i,t){if(!t||e.some((e=>e.id===t))){return{open:i,activeTool:t,removedTool:""}}return{open:false,activeTool:"",removedTool:t}}function F(e){const i=e.transitionProperty.split(",").map((e=>e.trim()));const t=e.transitionDuration.split(",").map((e=>a(e.trim(),0)));const o=e.transitionDelay.split(",").map((e=>a(e.trim(),0)));return i.reduce(((e,i,s)=>{if(i!=="all"&&i!=="max-width")return e;const n=t[s%t.length]??0;const r=o[s%o.length]??0;return Math.max(e,n+r,0)}),0)}function j(e,i){return!e&&i==="idle"}function E(e,i,t){if(t==="closing")return e<=.5;if(t==="opening")return i>0&&e>=i-.5;return true}function M(e,i,t){if(e&&i===t){return{open:false,activeTool:t,selected:false}}return{open:true,activeTool:t,selected:true}}const B=()=>`:host,:where(.ds-table),:where(.tooltip-popup),:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg,:host(.ds-control--lg),:host(.ds-control--md),.ds-control--md,:host(.ds-control--sm),.ds-control--sm,:host(.ds-control--xs),.ds-control--xs{--ds-control-radius:var(--ds-radius-control)}:host(.ds-control--lg),.ds-control--lg{--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)}:host(.ds-control--md),.ds-control--md{--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)}:host(.ds-control--sm),.ds-control--sm{--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)}:host(.ds-control--xs),.ds-control--xs{--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}:host(.ds-chrome-space--sm),.ds-chrome-space--sm{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}:host(.ds-chrome-space--md),.ds-chrome-space--md{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}:host(.ds-chrome-space--lg),.ds-chrome-space--lg{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}:host(.ds-chrome-row),.ds-chrome-row,:host(.ds-chrome-column),.ds-chrome-column,:host(.ds-chrome-grid),.ds-chrome-grid{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}:host(.ds-chrome-row),.ds-chrome-row{flex-direction:row;align-items:center}:host(.ds-chrome-column),.ds-chrome-column{flex-direction:column}:host(.ds-chrome-grid),.ds-chrome-grid{display:grid;align-items:center}@media (forced-colors: active){:root,:host,.ds-forced-colors-scope{--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}}:host{--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)}:host(.ds-focus-ring),.ds-focus-ring,:host(.ds-focus-ring-inset),.ds-focus-ring-inset{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:host(.ds-focus-ring:focus-visible),.ds-focus-ring:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring.ds-focus-ring--visible),.ds-focus-ring.ds-focus-ring--visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring-inset:focus-visible),.ds-focus-ring-inset:focus-visible{outline:none}:host(.ds-focus-ring-inset:focus-visible)::after,.ds-focus-ring-inset:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}:host(.ds-focus-ring-inset.ds-focus-ring--visible),.ds-focus-ring-inset.ds-focus-ring--visible{outline:none}:host(.ds-focus-ring-inset.ds-focus-ring--visible)::after,.ds-focus-ring-inset.ds-focus-ring--visible::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){:host{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){:root,:host,.ds-forced-colors-scope{--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}}:host(.ds-interaction-fill),.ds-interaction-fill{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}:host(.ds-interaction-fill)::before,.ds-interaction-fill::before,:host(.ds-interaction-fill)::after,.ds-interaction-fill::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}:host(.ds-interaction-fill)::before,.ds-interaction-fill::before{z-index:1}:host(.ds-interaction-fill)::after,.ds-interaction-fill::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)}:host(.ds-interaction-fill--bordered),.ds-interaction-fill--bordered{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}:host(.ds-interaction-fill--selected)::before,.ds-interaction-fill--selected::before{background:var(--ds-interaction-active)}:host(.ds-interaction-fill--selected),.ds-interaction-fill--selected{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){:host(.ds-interaction-fill:hover:not(:disabled))::after,.ds-interaction-fill:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}:host(.ds-interaction-fill:active:not(:disabled))::after,.ds-interaction-fill:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}:host(.ds-interaction-fill--grouped)::after,.ds-interaction-fill--grouped::after,:host(.ds-interaction-fill--grouped:active:not(:disabled))::after,.ds-interaction-fill--grouped:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){:host(.ds-interaction-fill--grouped:hover:not(:disabled))::after,.ds-interaction-fill--grouped:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}:host(.ds-interaction-fill--grouped),.ds-interaction-fill--grouped{--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   )}:host(.ds-interaction-fill)>.ds-interaction-fill__content,.ds-interaction-fill>.ds-interaction-fill__content,.ds-interaction-fill__content{position:relative;z-index:2;cursor:inherit}:host(.ds-interaction-fill--on-faint),.ds-interaction-fill--on-faint{--ds-interaction-active:var(--color-interaction-active)}:host(.ds-interaction-fill--on-medium),.ds-interaction-fill--on-medium{--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)}:host(.ds-interaction-fill--on-bold),.ds-interaction-fill--on-bold{--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)}:host(.ds-interaction-fill--on-strong),.ds-interaction-fill--on-strong{--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)}:host(.ds-interaction-fill--on-translucent),.ds-interaction-fill--on-translucent{--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)}:host(.ds-interaction-fill--on-inverted),.ds-interaction-fill--on-inverted{--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)}:host(.ds-interaction-fill--on-media),.ds-interaction-fill--on-media{--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)}:host(.ds-interaction-fill--on-always-dark),.ds-interaction-fill--on-always-dark{--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)}:host(.ds-interaction-fill--on-navigation),.ds-interaction-fill--on-navigation{--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)}:host(.ds-interaction-fill.ds-interaction-fill--surface-open:not(:disabled))::after,.ds-interaction-fill.ds-interaction-fill--surface-open:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){:host(.ds-interaction-fill)::after,.ds-interaction-fill::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))}:host(.ds-interaction-fill--surface-open:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible))::after,.ds-interaction-fill--surface-open: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))}:host(.ds-interaction-fill--selected)::before,.ds-interaction-fill--selected::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){:host(.ds-interaction-fill:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible))::after,.ds-interaction-fill: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)}}:host(.ds-scrollbar-hidden),.ds-scrollbar-hidden{scrollbar-width:none}:host(.ds-scrollbar-hidden)::-webkit-scrollbar,.ds-scrollbar-hidden::-webkit-scrollbar{display:none}:host{display:block;flex:0 0 auto;box-sizing:border-box;height:100%;min-height:0;overflow:hidden;--_panel-tools-rail-width:var(--dimension-size-600);--_panel-tools-drawer-width:var(--ds-shell-panel-tools-width, var(--dimension-panel-width-xs));--_panel-tools-border:var(--dimension-stroke-width-012, 1px) solid var(--color-border-tertiary);--_panel-tools-expand-dur:var(--effect-animation-duration-medium-1, 300ms)}.panel-tools__layout{display:flex;flex-direction:row-reverse;align-items:stretch;height:100%;min-height:0;box-sizing:border-box}.panel-tools__drawer{flex:0 0 auto;max-width:0;min-width:0;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;transition:none}:host(.panel-tools--ready) .panel-tools__drawer{transition:max-width var(--_panel-tools-expand-dur)     var(--effect-animation-easing-ease-in-out, ease)}:host(.panel-tools--ready.panel-tools--motion-opening) .panel-tools__drawer{transition:max-width var(--_panel-tools-expand-dur)     var(--effect-animation-easing-ease-out, ease-out)}:host(.panel-tools--ready.panel-tools--motion-closing) .panel-tools__drawer{transition:max-width var(--_panel-tools-expand-dur)     var(--effect-animation-easing-ease-in, ease-in)}:host(.panel-tools--open) .panel-tools__drawer{max-width:var(--_panel-tools-drawer-width)}.panel-tools__drawer--visible{border-left:var(--_panel-tools-border)}.panel-tools__drawer-surface{display:flex;flex-direction:column;width:var(--_panel-tools-drawer-width);height:100%;min-height:0;box-sizing:border-box;background-color:transparent}.panel-tools__full-views,.panel-tools__full-view{flex:1 1 auto;min-height:0;overflow:hidden}.panel-tools__full-view{height:100%}.panel-tools__full-view{display:none}.panel-tools__full-view--active{display:block}:host([presentation='fullscreen']){height:100%;inset:0;position:fixed;width:100%;z-index:var(--dimension-z-index-modal)}:host([presentation='fullscreen']) .panel-tools__rail{display:none}:host([presentation='fullscreen']) .panel-tools__drawer{max-width:100%;transition:none;width:100%}:host([presentation='fullscreen']) .panel-tools__drawer--visible{border-left:none}:host([presentation='fullscreen']) .panel-tools__drawer-surface{background-color:transparent;width:100%}:host([presentation='fullscreen']:not(.panel-tools--fullscreen)) .panel-tools__drawer-surface,:host(.panel-tools--fullscreen:not([presentation='fullscreen'])) .panel-tools__drawer-surface{visibility:hidden}:host(.panel-tools--presentation-snap) .panel-tools__drawer{transition:none}.panel-tools__body{flex:1 1 auto;min-height:0;overflow:auto;position:relative}:host(.panel-tools--drawer-resting) .panel-tools__body{content-visibility:auto;contain-intrinsic-size:auto 200px}.panel-tools__view{display:none;height:100%;min-height:0;box-sizing:border-box;padding:var(--dimension-space-200);color:var(--color-foreground-secondary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.panel-tools__view ::slotted(*){margin:0;color:var(--color-foreground-secondary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.panel-tools__view--active{display:block}.panel-tools__rail{flex:0 0 var(--_panel-tools-rail-width);width:var(--_panel-tools-rail-width);min-width:var(--_panel-tools-rail-width);display:flex;flex-direction:column;box-sizing:border-box;height:100%;min-height:0;border-left:var(--_panel-tools-border);background-color:transparent}.panel-tools__rail-header{justify-content:center;height:var(--dimension-size-600);flex-shrink:0;border-bottom:var(--_panel-tools-border)}.panel-tools__rail-header.panel-tools__rail-section--stacked{height:auto;min-height:var(--dimension-size-600)}.panel-tools__rail-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.panel-tools__rail-actions{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%}.panel-tools__rail-footer{justify-content:center;flex-shrink:0;margin-top:auto}.panel-tools__rail-section--stacked{align-items:stretch}.panel-tools__rail-action{display:flex;align-items:center;justify-content:center;width:100%;height:var(--ds-control-height);flex-shrink:0}.panel-tools__accessory{display:flex;flex-direction:column;flex:0 0 calc(var(--dimension-size-400) * 2);box-sizing:border-box;width:100%;min-height:calc(var(--dimension-size-400) * 2)}.panel-tools__accessory--shortcut{flex-basis:var(--dimension-size-400);min-width:var(--dimension-size-400);min-height:var(--dimension-size-400)}.panel-tools__accessory--shortcut>ds-tooltip{display:flex;flex:1 1 auto;width:100%;min-height:0}.panel-tools__accessory--transient{align-items:center;gap:var(--dimension-space-100);width:var(--dimension-size-400);height:calc(var(--dimension-size-400) * 2);min-height:calc(var(--dimension-size-400) * 2);padding:var(--dimension-space-050);border-radius:var(--dimension-radius-half)}.panel-tools__accessory--transient-active{background-color:var(--color-background-bold-brand)}.panel-tools__accessory--transient-positive{background-color:var(--color-background-bold-positive)}.panel-tools__accessory--transient>ds-tooltip{display:flex;flex:0 0 var(--dimension-size-300);width:var(--dimension-size-300);height:var(--dimension-size-300);min-height:var(--dimension-size-300)}.panel-tools__shortcut{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:var(--dimension-radius-half);color:var(--color-foreground-secondary);background:transparent;font:inherit}.panel-tools__shortcut:disabled{color:var(--color-foreground-disabled);cursor:not-allowed}.panel-tools__shortcut-content{display:flex;align-items:center;justify-content:center;width:var(--dimension-size-400);height:var(--dimension-size-400)}.panel-tools__shortcut-orb{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dimension-size-300);height:var(--dimension-size-300);border:var(--dimension-stroke-width-012) solid var(--color-border-secondary);border-radius:var(--dimension-radius-half);background:transparent}.panel-tools__shortcut-dot{position:absolute;inset-block-start:calc((var(--dimension-size-400) - var(--dimension-iconography-md)) / 2);inset-inline-end:calc((var(--dimension-size-400) - var(--dimension-iconography-md)) / 2);z-index:2;pointer-events:none}.panel-tools__accessory-primary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dimension-size-300);height:var(--dimension-size-300);margin:0;padding:0;border:0;border-radius:var(--dimension-radius-half);color:var(--color-foreground-on-bold-background-secondary);background:transparent;font:inherit;--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-on-bold-background-secondary)}.panel-tools__accessory-primary:disabled{color:var(--color-foreground-on-bold-background-quaternary);cursor:not-allowed}.panel-tools__accessory-primary-content{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.panel-tools__accessory-image,.panel-tools__accessory-initial{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;border-radius:var(--dimension-radius-half)}.panel-tools__accessory-image{object-fit:cover}.panel-tools__accessory-initial{color:inherit;background:transparent}.panel-tools__accessory-secondary{display:inline-flex;flex:0 0 var(--dimension-size-300);width:var(--dimension-size-300);height:var(--dimension-size-300)}.panel-tools__accessory-divider{flex:0 0 auto;box-sizing:border-box;width:100%;padding-block:var(--dimension-space-050)}.panel-tools__accessory-divider ds-divider{display:block}@media (prefers-reduced-motion: reduce){:host(.panel-tools--ready.panel-tools--motion-opening) .panel-tools__drawer,:host(.panel-tools--ready.panel-tools--motion-closing) .panel-tools__drawer{transition:none}}`;const R=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.dsToolChange=t(this,"dsToolChange",7);this.dsPresentationChange=t(this,"dsPresentationChange",7);this.dsHeaderBack=t(this,"dsHeaderBack",7);this.dsHeaderAction=t(this,"dsHeaderAction",7);this.dsRailAccessoryAction=t(this,"dsRailAccessoryAction",7);this.dsChromeTransitionStart=t(this,"dsChromeTransitionStart",7);this.dsChromeTransitionEnd=t(this,"dsChromeTransitionEnd",7);this.open=false;this.presentation="drawer";this.fullscreenHeaderMode="shared";this.activeTool="";this.items=[];this.accessories=[];this.toolsLabel="Tools";this.toolShortcutsLabel="Tool shortcuts";this.headers={};this.storageKey="";this.motion="idle";this.drawerSurfaceRetained=false;this.readyForMotion=false;this.presentationMotionSuppressed=false;this.rovingIndex=0;this.fullViewToolIds=[];this.railBodyScrollable=false;this.motionEnableGeneration=0;this.presentationMotionGeneration=0;this.transitionGeneration=0;this.transitionFallbackTimer=null;this.ignoreReplacementTerminal=false;this.focusBeforeFullscreen=null;this.fullViewObserver=null;this.handleComposedHeaderAction=e=>{const i=e.detail;if(!this.activeTool||!i?.id)return;e.stopPropagation();this.dsHeaderAction.emit({tool:this.activeTool,id:i.id,anchor:i.anchor})};this.handleTransitionEnd=e=>{const i=this.renderRoot.querySelector(".panel-tools__drawer");if(e.target!==i)return;if(e.propertyName!=="max-width")return;if(this.ignoreReplacementTerminal){this.ignoreReplacementTerminal=false;return}if(e.type==="transitioncancel")return;if(i&&!this.drawerTransitionAtTerminal(i,this.motion))return;this.finishDrawerTransition()};this.handleToolChange=e=>{const i=M(this.open,this.activeTool,e);this.open=i.open;this.activeTool=i.activeTool;this.dsToolChange.emit({id:e,selected:i.selected})};this.handleRailKeyDown=(e,i,t)=>{const o=C(this.orderedRailEntries);if(!o.length)return;if((e.key==="Enter"||e.key===" ")&&t){e.preventDefault();t();return}if(e.key==="ArrowDown"){if(i>=o.length-1)return;e.preventDefault();this.focusRailAt(i+1);return}if(e.key==="ArrowUp"){if(i<=0)return;e.preventDefault();this.focusRailAt(i-1)}}}get railItems(){return this.items??[]}get orderedRailItems(){return k(this.railItems)}get railAccessories(){return this.accessories??[]}get orderedRailEntries(){return z(this.railItems,this.railAccessories)}disconnectedCallback(){this.el.removeEventListener("transitionend",this.handleTransitionEnd);this.el.removeEventListener("transitioncancel",this.handleTransitionEnd);this.el.removeEventListener("dsAction",this.handleComposedHeaderAction);this.clearTransitionCompletion();this.motionEnableGeneration+=1;this.fullViewObserver?.disconnect();this.fullViewObserver=null;this.disconnectRailBodyObserver()}presentationChanged(e,t){if(e===t)return;if(this.el.getAttribute("presentation")!==e){this.el.setAttribute("presentation",e)}const o=++this.presentationMotionGeneration;this.presentationMotionSuppressed=true;requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(o!==this.presentationMotionGeneration)return;this.presentationMotionSuppressed=false}))}));if(e==="fullscreen"){this.focusBeforeFullscreen=document.activeElement instanceof i?document.activeElement:null;this.open=true}else if(t==="fullscreen"){const e=this.focusBeforeFullscreen;const i=this.activeHeader().actions?.[0]?.id;requestAnimationFrame((async()=>{if(e?.isConnected){e.focus({preventScroll:true})}const t=e?document.activeElement===e||e.contains(document.activeElement):false;if(!t&&i)await this.focusHeaderAction(i);this.focusBeforeFullscreen=null}))}this.dsPresentationChange.emit({presentation:e})}handleFullscreenEscape(e){if(this.presentation!=="fullscreen"||e.key!=="Escape")return;e.preventDefault();e.stopPropagation();this.presentation="drawer"}deferMotionEnable(){if(this.readyForMotion)return;const e=++this.motionEnableGeneration;requestAnimationFrame((()=>{if(e!==this.motionEnableGeneration)return;requestAnimationFrame((()=>{if(e!==this.motionEnableGeneration)return;this.readyForMotion=true}))}))}connectedCallback(){this.el.setAttribute(r,"");this.el.addEventListener("transitionend",this.handleTransitionEnd);this.el.addEventListener("transitioncancel",this.handleTransitionEnd);this.el.addEventListener("dsAction",this.handleComposedHeaderAction)}componentWillLoad(){this.restoreLastActiveTool();this.drawerSurfaceRetained=this.open}openChanged(e,i){if(e)this.drawerSurfaceRetained=true;if(this.readyForMotion&&i!==undefined&&i!==e){this.startDrawerTransition(e?"opening":"closing")}else if(!e){this.drawerSurfaceRetained=false}this.deferMotionEnable()}activeToolChanged(){this.persistLastActiveTool();this.deferMotionEnable()}storageKeyChanged(){this.restoreLastActiveTool()}componentDidLoad(){this.deferMotionEnable();this.connectRailBodyObserver();this.updateRailBodyScrollable();this.syncFullViewTools();this.fullViewObserver=new MutationObserver((()=>this.syncFullViewTools()));this.fullViewObserver.observe(this.el,{childList:true,attributes:true,attributeFilter:["slot"]})}componentDidRender(){this.updateRailBodyScrollable()}connectRailBodyObserver(){this.disconnectRailBodyObserver();if(!this.railBodyEl||typeof ResizeObserver==="undefined")return;this.railBodyObserver=new ResizeObserver((()=>this.updateRailBodyScrollable()));this.railBodyObserver.observe(this.railBodyEl)}disconnectRailBodyObserver(){this.railBodyObserver?.disconnect();this.railBodyObserver=undefined}updateRailBodyScrollable(){const e=Boolean(this.railBodyEl&&this.railBodyEl.scrollHeight>this.railBodyEl.clientHeight+1);if(e!==this.railBodyScrollable)this.railBodyScrollable=e}itemsChanged(){this.rovingIndex=0;this.reconcileActiveTool();this.deferMotionEnable()}accessoriesChanged(e=[],i=[]){const t=C(z(this.railItems,i));const o=C(z(this.railItems,e));const s=this.renderRoot.activeElement;const n=s?.closest("[data-rail-focus-key]")?.dataset.railFocusKey;const r=n?t.indexOf(n):-1;const a=r>=0?r:this.rovingIndex;const l=T(t,o,a);const d=r>=0&&!o.includes(n??"");this.rovingIndex=l;if(d&&o.length){requestAnimationFrame((()=>this.focusRailAt(l)))}}restoreLastActiveTool(){if(!this.storageKey||this.activeTool)return;try{const e=localStorage.getItem(this.storageKey);if(S(e))this.activeTool=e}catch{}}persistLastActiveTool(){if(!this.storageKey||!this.activeTool)return;try{localStorage.setItem(this.storageKey,this.activeTool)}catch{}}clearPersistedTool(){if(!this.storageKey)return;try{localStorage.removeItem(this.storageKey)}catch{}}reconcileActiveTool(){const e=$(this.railItems,this.open,this.activeTool);if(!e.removedTool)return;this.clearPersistedTool();this.open=e.open;this.activeTool=e.activeTool;this.dsToolChange.emit({id:e.removedTool,selected:false})}startDrawerTransition(e){const i=this.renderRoot.querySelector(".panel-tools__drawer");if(this.motion!=="idle"){this.finishDrawerTransition();this.ignoreReplacementTerminal=true}this.motion=e;this.dsChromeTransitionStart.emit({source:"panel-tools",phase:e});const t=++this.transitionGeneration;requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(t!==this.transitionGeneration||this.motion!==e)return;if(!i){this.finishDrawerTransition();return}if(this.drawerTransitionAtTerminal(i,e)){this.finishDrawerTransition();return}const o=F(getComputedStyle(i));if(o<=0){this.finishDrawerTransition();return}this.transitionFallbackTimer=window.setTimeout((()=>{this.finishDrawerTransition()}),o)}))}))}drawerTransitionAtTerminal(e,i){const t=e.getBoundingClientRect().width;const o=e.querySelector(".panel-tools__drawer-surface");const s=o?.getBoundingClientRect().width??0;return E(t,s,i)}finishDrawerTransition(){const e=this.motion;const i=e!=="idle";this.clearTransitionCompletion();if(!i)return;this.ignoreReplacementTerminal=false;this.motion="idle";if(e==="closing"&&!this.open){this.drawerSurfaceRetained=false}this.dsChromeTransitionEnd.emit({source:"panel-tools"})}clearTransitionCompletion(){this.transitionGeneration+=1;if(this.transitionFallbackTimer!==null){window.clearTimeout(this.transitionFallbackTimer);this.transitionFallbackTimer=null}}isRailSelected(e){return this.open&&this.activeTool===e}isDrawerPresent(){return this.open||this.drawerSurfaceRetained}isViewActive(e){return this.isDrawerPresent()&&this.activeTool===e}hasFullView(e){return this.fullViewToolIds.includes(e)}syncFullViewTools(){const e=this.orderedRailItems.map((e=>e.id));const i=e.filter((e=>Boolean(this.el.querySelector(`[slot="${e}-view"]`))));if(i.join("|")!==this.fullViewToolIds.join("|"))this.fullViewToolIds=i}get renderRoot(){return this.el.shadowRoot??this.el}accessibleLabel(){if(!this.isDrawerPresent()||!this.activeTool)return"";const e=this.railItems.find((e=>e.id===this.activeTool));return e?.label??b[this.activeTool]??this.activeTool}resolvedHeaders(){return this.headers??{}}activeHeader(){if(!this.activeTool)return{};return this.resolvedHeaders()[this.activeTool]??{}}async activateTool(e){const i=this.railItems.find((i=>i.id===e));if(!i||i.isInactive)return;this.handleToolChange(e)}async closeDrawer(){if(!this.open)return;const e=this.activeTool;this.open=false;if(e){this.dsToolChange.emit({id:e,selected:false})}}async focusHeaderAction(e){const i=this.renderRoot.querySelector(`[data-header-action-id="${CSS.escape(e)}"]`);await(i?.setFocus?.())}focusRailAt(e){const i=C(this.orderedRailEntries);if(!i.length)return;const t=Math.max(0,Math.min(e,i.length-1));this.rovingIndex=t;const o=this.renderRoot.querySelector(`[data-rail-focus-key="${CSS.escape(i[t])}"]`);if(o?.setFocus){void o.setFocus()}else{o?.focus({preventScroll:true})}}renderRailAction(e,i){const t=`tool:${e.id}`;const s=e.ariaLabel??e.label??b[e.id]??e.id;return o("ds-tooltip",{key:e.id,label:s,shortcutKey:e.shortcutKey??y[e.id],side:"left",size:"sm",boundary:"viewport"},o("ds-button-unfilled",{variant:"icon",class:"panel-tools__rail-action",icon:e.icon,isActive:this.isRailSelected(e.id),activeFill:false,hasBorder:false,pressScale:false,dot:e.dot??false,isInactive:e.isInactive,focusTabIndex:i===this.rovingIndex?0:-1,"data-rail-focus-key":t,"aria-label":s,pressed:this.isRailSelected(e.id),onFocusin:()=>{this.rovingIndex=i},onKeyDown:t=>this.handleRailKeyDown(t,i,(()=>this.handleToolChange(e.id))),onDsClick:()=>this.handleToolChange(e.id)}))}accessoryPrimaryLabel(e){const i=e.primaryAction.ariaLabel?.trim()||e.ariaLabel;const t=e.statusText.trim();return t?`${i}. ${t}`:i}emitAccessoryAction(e,i,t){if(i.isInactive)return;this.dsRailAccessoryAction.emit(A(e,i.id,t))}renderAccessoryVisual(e){if(e.visual.type==="image"){return o("img",{class:"panel-tools__accessory-image",src:e.visual.src,alt:"","aria-hidden":"true"})}if(e.visual.type==="initial"){const i=[...e.visual.initial.trim()].slice(0,2).join("");return o("ds-text",{class:"panel-tools__accessory-initial",as:"span",variant:"text-caption",emphasis:true,color:"inherit","aria-hidden":"true"},i)}return o("ds-icon",{name:e.visual.icon,size:"sm","aria-hidden":"true"})}renderRailShortcut(e,i){const t=`accessory:${e.id}:${e.action.id}`;const s=i.get(t);const n=e.action.ariaLabel?.trim()||e.ariaLabel;const r=[...e.initials.trim()].slice(0,2).join("");return o("div",{key:`accessory:${e.id}`,class:"panel-tools__accessory panel-tools__accessory--shortcut"},o("ds-tooltip",{label:n,side:"left",size:"sm",boundary:"viewport"},o("button",{type:"button",class:"panel-tools__shortcut ds-focus-ring-inset ds-interaction-fill",disabled:e.action.isInactive,tabIndex:s===this.rovingIndex?0:-1,"data-rail-focus-key":t,"aria-label":n,onFocus:()=>{if(s!==undefined)this.rovingIndex=s},onKeyDown:e=>s===undefined?undefined:this.handleRailKeyDown(e,s),onClick:i=>this.emitAccessoryAction(e.id,e.action,i.currentTarget)},o("span",{class:"panel-tools__shortcut-content ds-interaction-fill__content"},o("ds-text",{class:"panel-tools__shortcut-orb",as:"span",variant:"text-caption",emphasis:true,color:"inherit"},r),e.dot?o("ds-badge",{class:"panel-tools__shortcut-dot",variant:"dot",background:"var(--color-background-secondary)","aria-hidden":"true"}):null))))}renderRailAccessory(e,i){if(e.type==="divider"){return o("div",{key:`accessory:${e.id}`,class:"panel-tools__accessory-divider","aria-hidden":"true"},o("ds-divider",null))}if(e.type==="shortcut"){return this.renderRailShortcut(e,i)}const t=`accessory:${e.id}:${e.primaryAction.id}`;const s=i.get(t);const n=this.accessoryPrimaryLabel(e);const r=e.secondaryAction;const a=r?`accessory:${e.id}:${r.id}`:"";const l=r?i.get(a):undefined;return o("div",{key:`accessory:${e.id}`,class:{"panel-tools__accessory":true,"panel-tools__accessory--transient":true,"panel-tools__accessory--transient-active":e.statusTone==="active","panel-tools__accessory--transient-positive":e.statusTone==="positive"}},o("ds-tooltip",{label:n,side:"left",size:"sm",boundary:"viewport"},o("button",{type:"button",class:"panel-tools__accessory-primary ds-focus-ring-inset ds-interaction-fill ds-interaction-fill--on-bold",disabled:e.primaryAction.isInactive,tabIndex:s===this.rovingIndex?0:-1,"data-rail-focus-key":t,"aria-label":n,onFocus:()=>{if(s!==undefined)this.rovingIndex=s},onKeyDown:e=>s===undefined?undefined:this.handleRailKeyDown(e,s),onClick:i=>this.emitAccessoryAction(e.id,e.primaryAction,i.currentTarget)},o("span",{class:"panel-tools__accessory-primary-content ds-interaction-fill__content"},this.renderAccessoryVisual(e)))),r?o("ds-tooltip",{label:r.ariaLabel,side:"left",size:"sm",boundary:"viewport"},o("ds-button-unfilled",{class:"panel-tools__accessory-secondary",variant:"icon",size:"sm",rounded:true,background:"bold",hasBorder:false,icon:r.icon,isInactive:r.isInactive,focusTabIndex:l===this.rovingIndex?0:-1,"data-rail-focus-key":a,"aria-label":r.ariaLabel,onFocusin:()=>{if(l!==undefined)this.rovingIndex=l},onKeyDown:e=>l===undefined?undefined:this.handleRailKeyDown(e,l),onDsClick:i=>this.emitAccessoryAction(e.id,r,i.currentTarget)})):null)}renderRailEntry(e,i){if(e.type==="tool"){return this.renderRailAction(e.item,i.get(`tool:${e.id}`)??0)}return this.renderRailAccessory(e.accessory,i)}render(){const e=this.accessibleLabel();const i=this.activeHeader();const t=i.title?.trim()||e;const n=i.actions??[];const r=this.orderedRailItems;const a=this.orderedRailEntries;const l=e=>e.type==="tool"?D(e.item):e.accessory.railPlacement;const d=a.filter((e=>l(e)==="header"));const c=a.filter((e=>l(e)==="body"));const h=a.filter((e=>l(e)==="footer"));const f=new Map(C(a).map(((e,i)=>[e,i])));const u=this.isDrawerPresent();const p=j(this.open,this.motion);const v=Boolean(u&&this.activeTool&&this.hasFullView(this.activeTool));const m=r.map((e=>e.id));return o(s,{key:"85be98cc1a8282791eaca62e174c45fc25e5123d",class:{"panel-tools":true,"panel-tools--open":this.open,"panel-tools--ready":this.readyForMotion,"panel-tools--motion-opening":this.motion==="opening","panel-tools--motion-closing":this.motion==="closing","panel-tools--drawer-resting":p,"panel-tools--fullscreen":this.presentation==="fullscreen","panel-tools--presentation-snap":this.presentationMotionSuppressed},"data-ds-overlay-boundary":true,role:this.presentation==="fullscreen"?"dialog":"complementary","aria-modal":this.presentation==="fullscreen"?"true":undefined,"aria-label":this.toolsLabel},o("div",{key:"880418157e313abe32d22f0d8a281220c26a34e3",class:"panel-tools__layout"},o("nav",{key:"97f5529fb3166bf012ba9eedcf6e4a801556cd83",class:"panel-tools__rail","aria-label":this.toolShortcutsLabel},d.length?o("div",{class:{"panel-tools__rail-header":true,"panel-tools__rail-section--stacked":d.length>1,"ds-chrome-row":d.length===1,"ds-chrome-column":d.length>1,"ds-chrome-space--md":true}},d.map((e=>this.renderRailEntry(e,f)))):null,o("div",{key:"f1e8bbc54b2d79304ce781ac968f74f0cd94b58d",class:{"panel-tools__rail-body":true,"ds-chrome-column":true,"ds-chrome-space--md":true,"ds-scrollbar-hidden":true,"ds-focus-ring":this.railBodyScrollable},ref:e=>{const i=e??undefined;if(i===this.railBodyEl)return;this.railBodyEl=i;this.connectRailBodyObserver()},role:this.railBodyScrollable?"region":undefined,"aria-label":this.railBodyScrollable?this.toolShortcutsLabel:undefined,tabIndex:this.railBodyScrollable?0:undefined},o("div",{key:"1ffac5e25c1983871c59364d7f16852ffece734a",class:"panel-tools__rail-actions"},c.map((e=>this.renderRailEntry(e,f))))),h.length?o("div",{class:{"panel-tools__rail-footer":true,"panel-tools__rail-section--stacked":h.length>1,"ds-chrome-row":h.length===1,"ds-chrome-column":h.length>1,"ds-chrome-space--md":true}},h.map((e=>this.renderRailEntry(e,f)))):null),o("div",{key:"e87cc9ed228143102850b361544af54f8fa4caca",class:{"panel-tools__drawer":true,"panel-tools__drawer--visible":u},"aria-hidden":u?null:"true",inert:u?undefined:true},o("div",{key:"a5ef89acce7bffbbfb57862df59755e4af8a2b72",class:"panel-tools__drawer-surface"},this.presentation!=="fullscreen"||this.fullscreenHeaderMode==="shared"?o("ds-panel-tool-header",{class:"panel-tools__header",heading:t,showBack:i.showBack??false,backIcon:i.backIcon||"ChevronLeft",backAriaLabel:i.backAriaLabel||"Back",showMenu:false,ref:e=>{const i=e;if(i)i.actions=n},onDsBack:()=>{if(this.activeTool)this.dsHeaderBack.emit({tool:this.activeTool})}}):null,o("div",{key:"46a6abcc17b3a417138356c4f43b3d84ae9d56f3",class:"panel-tools__body",hidden:v},m.map((e=>{const i=this.isViewActive(e);return o("div",{class:{"panel-tools__view":true,"panel-tools__view--active":i},hidden:!i},o("slot",{name:e}))}))),o("div",{key:"4f2046abeeaa1e648105c55dbb5c4681f072aa93",class:"panel-tools__full-views",hidden:!v},m.map((e=>o("div",{class:{"panel-tools__full-view":true,"panel-tools__full-view--active":this.isViewActive(e)&&this.hasFullView(e)},hidden:!(this.isViewActive(e)&&this.hasFullView(e))},o("slot",{name:`${e}-view`})))))))))}get el(){return this}static get watchers(){return{presentation:[{presentationChanged:0}],open:[{openChanged:0}],activeTool:[{activeToolChanged:0}],storageKey:[{storageKeyChanged:0}],items:[{itemsChanged:0}],accessories:[{accessoriesChanged:0}]}}static get style(){return B()}},[257,"ds-panel-tools",{open:[1540],presentation:[1537],fullscreenHeaderMode:[513,"fullscreen-header-mode"],activeTool:[1537,"active-tool"],items:[16],accessories:[16],toolsLabel:[1,"tools-label"],toolShortcutsLabel:[1,"tool-shortcuts-label"],headers:[16],storageKey:[1,"storage-key"],motion:[32],drawerSurfaceRetained:[32],readyForMotion:[32],presentationMotionSuppressed:[32],rovingIndex:[32],fullViewToolIds:[32],railBodyScrollable:[32],activateTool:[64],closeDrawer:[64],focusHeaderAction:[64]},[[10,"keydown","handleFullscreenEscape"]],{presentation:[{presentationChanged:0}],open:[{openChanged:0}],activeTool:[{activeToolChanged:0}],storageKey:[{storageKeyChanged:0}],items:[{itemsChanged:0}],accessories:[{accessoriesChanged:0}]}]);function K(){if(typeof customElements==="undefined"){return}const e=["ds-panel-tools","ds-badge","ds-button-unfilled","ds-divider","ds-icon","ds-loader","ds-panel-tool-header","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-panel-tools":if(!customElements.get(n(e))){customElements.define(n(e),R)}break;case"ds-badge":if(!customElements.get(n(e))){l()}break;case"ds-button-unfilled":if(!customElements.get(n(e))){d()}break;case"ds-divider":if(!customElements.get(n(e))){c()}break;case"ds-icon":if(!customElements.get(n(e))){h()}break;case"ds-loader":if(!customElements.get(n(e))){f()}break;case"ds-panel-tool-header":if(!customElements.get(n(e))){u()}break;case"ds-text":if(!customElements.get(n(e))){p()}break;case"ds-tooltip":if(!customElements.get(n(e))){v()}break}}))}K();export{R as P,b as a,M as b,_ as c,K as d,k as o,$ as r};
+//# sourceMappingURL=p-CdgOLWX9.js.map