@ds-mo/ui 15.4.0 → 15.5.0

package/dist/components/p-CXGjCWSh.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as i,h as s,a as r,t as a}from"./index.js";import{C as n,c as o,a as d,b as c,r as l,d as h}from"./p-B0uO3-Dp.js";import{C as p}from"./p-DlsjHRU3.js";import{t as g}from"./p-02k7d7BH.js";import{g as b,i as u}from"./p-BQq26pt9.js";import{b as f,f as v,r as m,a as _,c as w,s as x,d as y,e as k,g as C,h as I,i as A,j as T,v as z,o as L,k as M,l as j,m as S,n as B,p as E,q as D}from"./p-BWSIw8AQ.js";import{d as O}from"./p-CwdRaJER.js";import{d as R}from"./p-Dg6hnCc2.js";import{d as V}from"./p-D-J7GgjY.js";import{d as H}from"./p-pPtjNRqC.js";import{d as F}from"./p-0XTyQNRG.js";import{d as P}from"./p-t2Ebn8si.js";import{d as $}from"./p-B9y6azEw.js";import{d as G}from"./p-Bf-BphXP.js";import{d as W}from"./p-d76Ry5nh.js";import{d as q}from"./p-D8OWhnID.js";import{d as Q}from"./p-DvGrsLgt.js";const J=()=>`.sc-ds-bar-page-title-h,.sc-ds-bar-page-title:where(.ds-table),.sc-ds-bar-page-title:where(.tooltip-popup),.sc-ds-bar-page-title:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-bar-page-title,.ds-control--lg.sc-ds-bar-page-title-h,.ds-control--md.sc-ds-bar-page-title-h,.ds-control--md.sc-ds-bar-page-title,.ds-control--sm.sc-ds-bar-page-title-h,.ds-control--sm.sc-ds-bar-page-title,.ds-control--xs.sc-ds-bar-page-title-h,.ds-control--xs.sc-ds-bar-page-title{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-bar-page-title-h,.ds-control--lg.sc-ds-bar-page-title{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-bar-page-title-h,.ds-control--md.sc-ds-bar-page-title{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-bar-page-title-h,.ds-control--sm.sc-ds-bar-page-title{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-bar-page-title-h,.ds-control--xs.sc-ds-bar-page-title{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control-frame.sc-ds-bar-page-title{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-bar-page-title{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-bar-page-title{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-bar-page-title{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-bar-page-title{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-bar-page-title{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-control--lg.sc-ds-bar-page-title,.ds-control--lg.sc-ds-bar-page-title-h,.ds-control--md.sc-ds-bar-page-title-h,.ds-control--md.sc-ds-bar-page-title,.ds-control--sm.sc-ds-bar-page-title-h,.ds-control--sm.sc-ds-bar-page-title,.ds-control--xs.sc-ds-bar-page-title-h,.ds-control--xs.sc-ds-bar-page-title{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-bar-page-title-h,.ds-control--lg.sc-ds-bar-page-title{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-bar-page-title-h,.ds-control--md.sc-ds-bar-page-title{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-bar-page-title-h,.ds-control--sm.sc-ds-bar-page-title{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-bar-page-title-h,.ds-control--xs.sc-ds-bar-page-title{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-header.sc-ds-bar-page-title{display:flex;align-items:center;box-sizing:border-box;min-width:0;min-block-size:var(--dimension-size-600);padding:var(--dimension-space-100);gap:var(--dimension-space-100)}.ds-chrome-header--wrapping.sc-ds-bar-page-title{flex-wrap:wrap}.ds-chrome-header--bounded.sc-ds-bar-page-title{border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.ds-chrome-header__leading.sc-ds-bar-page-title,.ds-chrome-header__trailing.sc-ds-bar-page-title{display:flex;align-items:center;flex:0 0 auto;min-width:0}.ds-chrome-header__trailing.sc-ds-bar-page-title{margin-inline-start:auto;gap:var(--dimension-space-100)}.ds-chrome-header__copy.sc-ds-bar-page-title{display:flex;flex:1 1 0;min-width:0;padding:var(--ds-control-padding-inline, var(--dimension-space-075));box-sizing:border-box}.ds-chrome-header__copy--wrapping.sc-ds-bar-page-title{align-items:baseline;flex-wrap:wrap;column-gap:var(--dimension-space-100);row-gap:var(--dimension-space-050)}.ds-chrome-header__copy--stacked.sc-ds-bar-page-title{align-items:stretch;flex-direction:column;gap:var(--dimension-space-050)}.ds-chrome-header__heading.sc-ds-bar-page-title,.ds-chrome-header__description.sc-ds-bar-page-title{width:auto;min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025));box-sizing:border-box}.ds-chrome-header__heading.sc-ds-bar-page-title{flex:0 1 auto}.ds-chrome-header__copy--wrapping.sc-ds-bar-page-title .ds-chrome-header__description.sc-ds-bar-page-title{flex:1 1 var(--dimension-card-width-xs)}@media (forced-colors: active){.sc-ds-bar-page-title:root,.sc-ds-bar-page-title-h,.ds-forced-colors-scope.sc-ds-bar-page-title{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-bar-page-title-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-bar-page-title-h,.ds-focus-ring.sc-ds-bar-page-title,.ds-focus-ring-inset.sc-ds-bar-page-title-h,.ds-focus-ring-inset.sc-ds-bar-page-title{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-bar-page-title-h:focus-visible,.ds-focus-ring.sc-ds-bar-page-title:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-bar-page-title-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-bar-page-title{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-bar-page-title-h:focus-visible,.ds-focus-ring-inset.sc-ds-bar-page-title:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-bar-page-title-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-bar-page-title:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-page-title-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-page-title{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-page-title-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-page-title::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-bar-page-title-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-bar-page-title:root,.sc-ds-bar-page-title-h,.ds-forced-colors-scope.sc-ds-bar-page-title{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-bar-page-title-h,.ds-interaction-fill.sc-ds-bar-page-title{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-bar-page-title-h::before,.ds-interaction-fill.sc-ds-bar-page-title::before,.ds-interaction-fill.sc-ds-bar-page-title-h::after,.ds-interaction-fill.sc-ds-bar-page-title::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-bar-page-title-h::before,.ds-interaction-fill.sc-ds-bar-page-title::before{z-index:1}.ds-interaction-fill.sc-ds-bar-page-title-h::after,.ds-interaction-fill.sc-ds-bar-page-title::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-bar-page-title-h,.ds-interaction-fill--bordered.sc-ds-bar-page-title{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-bar-page-title-h::before,.ds-interaction-fill--selected.sc-ds-bar-page-title::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-bar-page-title-h,.ds-interaction-fill--selected.sc-ds-bar-page-title{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-bar-page-title-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-bar-page-title:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-bar-page-title-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-bar-page-title:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-bar-page-title-h::after,.ds-interaction-fill--grouped.sc-ds-bar-page-title::after,.ds-interaction-fill--grouped.sc-ds-bar-page-title-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-bar-page-title:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-bar-page-title-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-bar-page-title:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-bar-page-title-h,.ds-interaction-fill--grouped.sc-ds-bar-page-title{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-bar-page-title-h>.ds-interaction-fill__content.sc-ds-bar-page-title,.ds-interaction-fill.sc-ds-bar-page-title>.ds-interaction-fill__content.sc-ds-bar-page-title,.ds-interaction-fill__content.sc-ds-bar-page-title{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-bar-page-title-h,.ds-interaction-fill--on-faint.sc-ds-bar-page-title{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-bar-page-title-h,.ds-interaction-fill--on-medium.sc-ds-bar-page-title{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-bar-page-title-h,.ds-interaction-fill--on-bold.sc-ds-bar-page-title{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-bar-page-title-h,.ds-interaction-fill--on-strong.sc-ds-bar-page-title{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-bar-page-title-h,.ds-interaction-fill--on-translucent.sc-ds-bar-page-title{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-bar-page-title-h,.ds-interaction-fill--on-inverted.sc-ds-bar-page-title{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-bar-page-title-h,.ds-interaction-fill--on-media.sc-ds-bar-page-title{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-bar-page-title-h,.ds-interaction-fill--on-always-dark.sc-ds-bar-page-title{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-bar-page-title-h,.ds-interaction-fill--on-chrome.sc-ds-bar-page-title{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-bar-page-title-h,.ds-interaction-fill--on-navigation.sc-ds-bar-page-title{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-bar-page-title-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-bar-page-title:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-bar-page-title-h::after,.ds-interaction-fill.sc-ds-bar-page-title::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-bar-page-title-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-bar-page-title:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-bar-page-title-h::before,.ds-interaction-fill--selected.sc-ds-bar-page-title::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-bar-page-title-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-bar-page-title:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-bar-page-title:root,.sc-ds-bar-page-title-h,.ds-forced-colors-scope.sc-ds-bar-page-title{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-bar-page-title-h,.ds-control-inactive.sc-ds-bar-page-title{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-bar-page-title-h,.ds-control-inactive.sc-ds-bar-page-title{color:var(--ds-forced-color-disabled);opacity:1}}.sc-ds-bar-page-title-h{display:block;min-width:0;box-sizing:border-box;background:var(--color-background-secondary);--_bar-page-title-fg-primary:var(--color-foreground-primary);--_bar-page-title-fg-secondary:var(--color-foreground-secondary);--_bar-page-title-hover:var(--color-interaction-hover);--_bar-page-title-pressed:var(--color-interaction-pressed);--_bar-page-title-focus:var(--color-interaction-focus);--_bar-page-title-border:var(--color-border-tertiary);--ds-focus-ring-color:var(--_bar-page-title-focus)}[data-shell-bar].sc-ds-bar-page-title-h{background:transparent;color:var(--_bar-page-title-fg-primary);--_bar-page-title-fg-primary:var(--color-chrome-foreground-primary);--_bar-page-title-fg-secondary:var(--color-chrome-foreground-secondary);--_bar-page-title-hover:var(--color-chrome-interaction-hover);--_bar-page-title-pressed:var(--color-chrome-interaction-pressed);--_bar-page-title-focus:var(--color-chrome-interaction-focus);--_bar-page-title-border:var(--color-chrome-border-tertiary);--ds-focus-ring-color:var(--_bar-page-title-focus)}ds-shell-app.sc-ds-bar-page-title-h:not([gradient-preset='none']),ds-shell-app:not([gradient-preset='none']) .sc-ds-bar-page-title-h,ds-shell-app.sc-ds-bar-page-title-h:not([gradient-preset='none']) .bar-page-title.sc-ds-bar-page-title,ds-shell-app:not([gradient-preset='none']) .sc-ds-bar-page-title-h .bar-page-title.sc-ds-bar-page-title,ds-shell-app.shell-app--paper-texture.sc-ds-bar-page-title-h,ds-shell-app.shell-app--paper-texture .sc-ds-bar-page-title-h,ds-shell-app.shell-app--paper-texture.sc-ds-bar-page-title-h .bar-page-title.sc-ds-bar-page-title,ds-shell-app.shell-app--paper-texture .sc-ds-bar-page-title-h .bar-page-title.sc-ds-bar-page-title{background:transparent}.bar-page-title.sc-ds-bar-page-title{position:relative;height:var(--dimension-size-600);min-width:0;box-sizing:border-box;background:var(--color-background-secondary);color:var(--_bar-page-title-fg-primary)}[data-shell-bar].sc-ds-bar-page-title-h .bar-page-title.sc-ds-bar-page-title{background:transparent}.bar-page-title.sc-ds-bar-page-title::after{content:'';position:absolute;inset:auto 0 0;height:var(--dimension-stroke-width-012);background:var(--_bar-page-title-border);pointer-events:none}.bar-page-title--divider-hidden.sc-ds-bar-page-title::after{display:none}.bar-page-title__inner.sc-ds-bar-page-title{position:relative;z-index:1;flex:1 1 auto;height:100%;min-width:0;padding:0;gap:0}.bar-page-title__row.sc-ds-bar-page-title{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-100);height:100%;min-width:0}.bar-page-title__title-row.sc-ds-bar-page-title{display:flex;align-items:center;gap:var(--dimension-space-100);min-width:0;min-height:var(--dimension-size-400);flex:1 1 auto}.bar-page-title__identity.sc-ds-bar-page-title{display:flex;flex:0 1 auto;align-items:center;gap:var(--dimension-space-050);min-width:0;height:var(--dimension-size-400)}.bar-page-title__back.sc-ds-bar-page-title,.bar-page-title__section-chevron.sc-ds-bar-page-title{flex:0 0 auto}.bar-page-title__heading.sc-ds-bar-page-title{display:inline-flex;flex:1 1 auto;align-items:center;width:auto;min-width:0;height:var(--dimension-size-400);padding-inline:calc(var(--ds-control-padding-inline) + var(--ds-control-label-inset));box-sizing:border-box;user-select:none}.bar-page-title__divider.sc-ds-bar-page-title{width:var(--dimension-stroke-width-012);height:var(--dimension-size-250);flex:0 0 var(--dimension-stroke-width-012);background:var(--_bar-page-title-border)}.bar-page-title__section-selector.sc-ds-bar-page-title{display:flex;flex:0 1 auto;min-width:0;max-width:var(--dimension-panel-width-sm)}.bar-page-title__section-trigger.sc-ds-bar-page-title{--ds-control-radius:var(--dimension-radius-half);display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-control-gap);height:var(--ds-control-height);min-width:0;max-width:100%;padding-inline:var(--ds-control-padding-inline);border:none;border-radius:var(--ds-control-radius);box-sizing:border-box;background:transparent;color:var(--color-foreground-secondary);cursor:default;font-family:inherit;user-select:none}[data-shell-bar].sc-ds-bar-page-title-h .bar-page-title__section-trigger.sc-ds-bar-page-title{color:var(--_bar-page-title-fg-primary)}.bar-page-title__section-label.sc-ds-bar-page-title{min-width:0;padding-inline:var(--ds-control-label-inset)}.bar-page-title__actions.sc-ds-bar-page-title{display:flex;align-items:center;gap:var(--dimension-space-100);flex:0 0 auto}.bar-page-title__probe.sc-ds-bar-page-title{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;overflow:visible;width:max-content;max-width:none;z-index:-1}.bar-page-title__probe-row.sc-ds-bar-page-title{display:flex;align-items:center;gap:var(--dimension-space-100);width:max-content;max-width:none}.bar-page-title__probe.sc-ds-bar-page-title .bar-page-title__identity.sc-ds-bar-page-title,.bar-page-title__probe.sc-ds-bar-page-title .bar-page-title__heading.sc-ds-bar-page-title{flex:0 0 auto;width:max-content;min-width:0;max-width:none}.bar-page-title__tabs-pending.sc-ds-bar-page-title{flex:0 0 auto;width:var(--dimension-size-400);height:var(--ds-control-height);visibility:hidden;pointer-events:none}.bar-page-title__tab-list.sc-ds-bar-page-title{display:flex;align-items:center;gap:var(--dimension-space-050);position:relative;width:max-content;flex:0 0 auto;min-width:0}.bar-page-title__tab.sc-ds-bar-page-title{display:flex;align-items:center;justify-content:center;gap:var(--ds-control-gap);height:var(--ds-control-height);min-width:var(--ds-control-height);padding:0 var(--ds-control-padding-inline);box-sizing:border-box;border:none;border-radius:var(--ds-control-radius);background-color:transparent;color:var(--_bar-page-title-fg-secondary);cursor:default;position:relative;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:color var(--effect-motion-short-2)}.bar-page-title__tab.sc-ds-bar-page-title::after{content:'';position:absolute;inset:0;border-radius:var(--ds-control-radius);background:transparent;pointer-events:none;cursor:inherit}@media (hover: hover) and (pointer: fine){.bar-page-title__tab.sc-ds-bar-page-title:hover::after{background:var(--_bar-page-title-hover)}}.bar-page-title__tab.sc-ds-bar-page-title:active::after{background:var(--_bar-page-title-pressed)}.bar-page-title__tab--selected.sc-ds-bar-page-title{color:var(--_bar-page-title-fg-primary)}.bar-page-title__tab-label.sc-ds-bar-page-title{display:inline-flex;align-items:center;white-space:nowrap}.bar-page-title__tab-divider.sc-ds-bar-page-title{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dimension-space-100);height:var(--ds-control-height);padding-block:var(--ds-control-padding-inline);flex-shrink:0;pointer-events:none}.bar-page-title__tab-divider-line.sc-ds-bar-page-title{width:var(--dimension-stroke-width-012);align-self:stretch;background-color:var(--_bar-page-title-border)}`;let K=0;const N=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.dsBack=i(this,"dsBack",7);this.dsSectionChange=i(this,"dsSectionChange",7);this.dsAction=i(this,"dsAction",7);this.showBack=false;this.backAriaLabel="Back";this.sections=[];this.value="";this.sectionsAriaLabel="Change page section";this.primaryAction=null;this.actions=[];this.actionsAriaLabel="More page actions";this.showDivider=true;this.sectionMenuOpen=false;this.openActionMenuId="";this.surfaceActionMenuId="";this.sectionSurfaceOpen=false;this.sectionMenuInitialFocusVisible=false;this.actionMenuInitialFocusVisible=false;this.sectionsCollapsed=false;this.layoutCommitted=false;this.focusedTabId="";this.instanceId=K++;this.sectionMenuTriggerId=`bar-page-title-section-trigger-${this.instanceId}`;this.sectionMenuId=`bar-page-title-section-menu-${this.instanceId}`;this.actionMenuTriggerId=`bar-page-title-action-trigger-${this.instanceId}`;this.actionMenuId=`bar-page-title-action-menu-${this.instanceId}`;this.sectionTriggerEl=null;this.actionTriggerEl=null;this.actionTriggerEls=new Map;this.chromeEl=null;this.rowEl=null;this.probeRowEl=null;this.visibleTabListEl=null;this.resizeObserver=null;this.hasLoaded=false;this.connectionTasks=new p((()=>this.el.isConnected));this.intrinsicWidthRetryCount=0;this.tabLayoutPendingFrames=0;this.panelNavTransition=new n;this.panelToolsTransition=new n;this.overflowCoalescer=o((()=>{this.updateSectionsCollapsed()}));this.chromeTransitionShell=null;this.onChromeTransitionStart=e=>{const t=l(e);if(t==="panel-nav"){this.panelNavTransition.enter();return}if(t==="panel-tools"){const t=h(e)??"opening";if(t==="closing"){this.panelToolsTransition.enter()}}};this.onChromeTransitionEnd=e=>{const t=l(e);if(t==="panel-nav"){this.panelNavTransition.exit();if(!this.panelNavTransition.isActive){this.scheduleOverflowCheck()}return}if(t==="panel-tools"){this.panelToolsTransition.exit();this.scheduleOverflowCheck()}};this.toggleSectionMenu=e=>{this.sectionMenuInitialFocusVisible=e.detail===0;this.openActionMenuId="";this.sectionMenuOpen=!this.sectionMenuOpen;if(this.sectionMenuOpen)this.sectionSurfaceOpen=true};this.closeSectionMenu=()=>{this.sectionMenuOpen=false};this.handleSectionSelect=e=>{const t=String(e.detail?.value??"");this.closeSectionMenu();this.selectSection(t);this.connectionTasks.frame((()=>this.sectionTriggerEl?.focus()))};this.toggleActionMenu=(e,t)=>{this.actionMenuInitialFocusVisible=t.detail===0;this.sectionMenuOpen=false;this.openActionMenuId=this.openActionMenuId===e?"":e;if(this.openActionMenuId)this.surfaceActionMenuId=this.openActionMenuId};this.finishActionMenuClose=e=>{const t=this.surfaceActionMenuId;const i=t==="__overflow"?this.actionMenuId:f("bar-page-title",this.instanceId,this.resolvedActionItems,t);if(this.openActionMenuId!==t&&e.target.id===i){this.surfaceActionMenuId=""}};this.closeActionMenu=()=>{this.openActionMenuId=""};this.handleActionSelect=e=>{const t=String(e.detail?.value??"");const i=v(this.resolvedActionItems,t);if(!i||i.isInactive||"isLoading"in i&&i.isLoading)return;const s=this.openActionMenuId;this.closeActionMenu();this.dsAction.emit(t);this.connectionTasks.frame((()=>{void m({menuId:s,overflowTrigger:this.actionTriggerEl,actionTriggers:this.actionTriggerEls,resolvedActionItems:this.resolvedActionItems})}))}}componentWillLoad(){this.reportActionIdIssues();this.syncFocusedTabId(this.effectiveValue,this.selectableTabs)}connectedCallback(){if(this.hasLoaded)this.connectResources()}componentDidLoad(){this.hasLoaded=true;this.connectResources()}connectResources(){if(!this.el.isConnected)return;this.intrinsicWidthRetryCount=0;this.tabLayoutPendingFrames=0;this.setupOverflowObserver();this.bindChromeTransitionListeners();this.scheduleOverflowCheck()}componentDidRender(){if(this.chromeOverflowPaused())return;this.scheduleOverflowCheck()}disconnectedCallback(){this.connectionTasks.cancel();this.resizeObserver?.disconnect();this.resizeObserver=null;this.overflowCoalescer.cancel();this.unbindChromeTransitionListeners();this.panelNavTransition.exit();this.panelToolsTransition.exit()}handleSectionsChange(e,t){if(!this.hasSectionSelector){this.closeSectionMenu();this.sectionSurfaceOpen=false;this.sectionsCollapsed=false;this.layoutCommitted=true;this.intrinsicWidthRetryCount=0;this.tabLayoutPendingFrames=0;return}if(_(e)===_(t)){this.syncFocusedTabId(this.effectiveValue,this.selectableTabs);return}this.resetSectionLayout();this.syncFocusedTabId(this.effectiveValue,this.selectableTabs);this.scheduleOverflowCheck()}handleValueChange(){this.syncFocusedTabId(this.effectiveValue,this.selectableTabs);this.scheduleOverflowCheck()}handleLayoutInputsChange(){this.reportActionIdIssues();if(!this.availableActionMenuIds.has(this.openActionMenuId))this.closeActionMenu();if(!this.availableActionMenuIds.has(this.surfaceActionMenuId))this.surfaceActionMenuId="";this.scheduleOverflowCheck()}reportActionIdIssues(){for(const e of w(this.resolvedActionItems)){console.warn(`[ds-bar-page-title] ${e}`)}}get dividerVisible(){return this.showCompactDivider??this.showDivider}get usesChromeTokens(){return this.el.hasAttribute("data-shell-bar")}get shellBarButtonBackground(){return this.usesChromeTokens?"chrome":undefined}get selectableSections(){return x(this.sections)}get hasSectionSelector(){return this.selectableSections.length>1}get sectionTabs(){return y(this.sections)}get selectableTabs(){return b(this.sectionTabs)}get effectiveValue(){return k(this.sections,this.value)}get selectedSectionLabel(){return C(this.sections,this.value)}get sectionTriggerAriaLabel(){return I(this.sectionsAriaLabel,this.selectedSectionLabel)}get sectionMenuSections(){return A(this.sections,this.effectiveValue)}get resolvedActionItems(){return T(this.actionItems,this.primaryAction,this.actions)}get visibleActions(){return z(this.resolvedActionItems,"compact")}get actionMenuSections(){return L(this.resolvedActionItems,"compact")}get showActionMenuTrigger(){return this.actionMenuSections.length>0}get availableActionMenuIds(){return M(this.visibleActions,this.showActionMenuTrigger)}get showSectionTabs(){return this.hasSectionSelector&&this.layoutCommitted&&!this.sectionsCollapsed}get showSectionButton(){return this.hasSectionSelector&&this.layoutCommitted&&this.sectionsCollapsed}resetSectionLayout(){this.layoutCommitted=false;this.sectionsCollapsed=false;this.sectionMenuOpen=false;this.sectionMenuInitialFocusVisible=false;this.intrinsicWidthRetryCount=0;this.tabLayoutPendingFrames=0}bindChromeTransitionListeners(){this.unbindChromeTransitionListeners();const e=this.el.closest("ds-shell-app");if(!e)return;this.chromeTransitionShell=e;e.addEventListener(d,this.onChromeTransitionStart);e.addEventListener(c,this.onChromeTransitionEnd)}unbindChromeTransitionListeners(){if(!this.chromeTransitionShell)return;this.chromeTransitionShell.removeEventListener(d,this.onChromeTransitionStart);this.chromeTransitionShell.removeEventListener(c,this.onChromeTransitionEnd);this.chromeTransitionShell=null}chromeOverflowPaused(){return this.panelNavTransition.isActive||this.panelToolsTransition.isActive}setupOverflowObserver(){if(typeof ResizeObserver==="undefined"||!this.chromeEl)return;this.resizeObserver?.disconnect();this.resizeObserver=new ResizeObserver((()=>{if(this.chromeOverflowPaused())return;this.scheduleOverflowCheck()}));this.resizeObserver.observe(this.chromeEl)}scheduleOverflowCheck(){if(!this.el.isConnected||this.chromeOverflowPaused())return;this.overflowCoalescer.schedule()}scheduleIntrinsicWidthRetry(){if(this.intrinsicWidthRetryCount>=e.INTRINSIC_WIDTH_RETRY_MAX)return;this.intrinsicWidthRetryCount++;this.connectionTasks.frame((()=>this.scheduleOverflowCheck()))}forceTabLayoutCommit(e){this.intrinsicWidthRetryCount=0;this.tabLayoutPendingFrames=0;const t=this.sectionsCollapsed!==e;if(t)this.sectionsCollapsed=e;if(!e&&t){this.closeSectionMenu();this.sectionSurfaceOpen=false}this.layoutCommitted=true}getAvailableWidth(){if(!this.rowEl)return 0;const e=this.rowEl.clientWidth;const t=this.rowEl.querySelector(".bar-page-title__actions");const i=t?.getBoundingClientRect().width??0;const s=getComputedStyle(this.rowEl);const r=parseFloat(s.columnGap||s.gap)||0;return Math.max(0,e-i-(i>0?r:0))}updateSectionsCollapsed(){if(!this.el.isConnected||this.chromeOverflowPaused())return;if(!this.hasSectionSelector){if(this.sectionsCollapsed)this.sectionsCollapsed=false;this.intrinsicWidthRetryCount=0;this.tabLayoutPendingFrames=0;this.layoutCommitted=true;return}const t=this.probeRowEl?.scrollWidth??0;const i=this.getAvailableWidth();if(!this.probeRowEl||!this.rowEl||t===0){if(this.layoutCommitted){this.scheduleIntrinsicWidthRetry();return}this.tabLayoutPendingFrames+=1;if(this.intrinsicWidthRetryCount>=e.INTRINSIC_WIDTH_RETRY_MAX||this.tabLayoutPendingFrames>=e.TAB_LAYOUT_COMMIT_MAX_FRAMES){this.forceTabLayoutCommit(false)}else{this.scheduleIntrinsicWidthRetry()}return}this.intrinsicWidthRetryCount=0;this.tabLayoutPendingFrames=0;const s=g(t,i,this.sectionsCollapsed,e.OVERFLOW_HYSTERESIS_PX);this.forceTabLayoutCommit(s)}syncFocusedTabId(e,t){if(t.some((t=>t.id===e&&!t.isInactive))){this.focusedTabId=e;return}const i=t.find((e=>!e.isInactive));this.focusedTabId=i?.id??""}selectSection(e){const t=this.selectableSections.find((t=>t.id===e));if(!t||t.isInactive)return;this.dsSectionChange.emit(e)}focusVisibleTab(e){this.focusedTabId=e;const t=this.visibleTabListEl?.querySelector(`[data-tab-id="${e}"]`);t?.focus({preventScroll:true})}findEnabledTab(e,t){const i=this.selectableTabs;for(let s=e+t;s>=0&&s<i.length;s+=t){if(!i[s]?.isInactive)return s}return null}handleTabKeyDown(e){const t=this.selectableTabs;if(!t.length)return;const i=e.target?.getAttribute("data-tab-id");const s=i??this.focusedTabId;if(e.key==="Enter"||e.key===" "){const i=t.find((e=>e.id===s));if(!i||i.isInactive)return;e.preventDefault();this.selectSection(i.id);return}const r=t.findIndex((e=>e.id===s));if(r<0)return;let a;if(e.key==="ArrowRight"){a=this.findEnabledTab(r,1)}else if(e.key==="ArrowLeft"){a=this.findEnabledTab(r,-1)}else if(e.key==="Home"){a=t.findIndex((e=>!e.isInactive))}else if(e.key==="End"){const e=[...t].reverse().findIndex((e=>!e.isInactive));a=e<0?null:t.length-1-e}else{return}if(a===null||a<0||a===r)return;e.preventDefault();this.focusVisibleTab(t[a].id)}chromeActionOptions(){return{classPrefix:"bar-page-title",compact:true,visibleActions:this.visibleActions,showOverflowTrigger:this.showActionMenuTrigger,actionItems:this.actionItems,primaryAction:this.primaryAction,resolvedActionItems:this.resolvedActionItems,instanceId:this.instanceId,openActionMenuId:this.openActionMenuId,surfaceActionMenuId:this.surfaceActionMenuId,actionsAriaLabel:this.actionsAriaLabel,actionMenuTriggerId:this.actionMenuTriggerId,actionMenuId:this.actionMenuId,actionTriggers:this.actionTriggerEls,buttonBackground:this.shellBarButtonBackground,setOverflowTriggerEl:e=>{this.actionTriggerEl=e},toggleActionMenu:this.toggleActionMenu,emitAction:e=>this.dsAction.emit(e)}}renderHeading(e){return s("ds-text",{class:"bar-page-title__heading ds-control--md",variant:"text-title-small",emphasis:true,color:"inherit",as:e?"span":"h1",wrap:e?"nowrap":undefined,lineTruncation:e?"none":1},this.heading)}renderTabList(e){return s("div",{role:e?undefined:"tablist",class:"bar-page-title__tab-list","aria-label":e?undefined:this.sectionsAriaLabel,ref:t=>{if(!e)this.visibleTabListEl=t??null},onKeyDown:e?undefined:e=>this.handleTabKeyDown(e)},this.sectionTabs.map(((t,i)=>{if(u(t)){return s("div",{class:"bar-page-title__tab-divider",key:`divider-${i}`,"aria-hidden":"true"},s("div",{class:"bar-page-title__tab-divider-line"}))}const r=t.id===this.effectiveValue;return s("button",{key:t.id,type:"button",role:e?undefined:"tab","data-tab-id":t.id,class:{"bar-page-title__tab":true,"bar-page-title__tab--selected":r,"ds-control--md":true,"ds-focus-ring-inset":true,"ds-control-inactive":!!t.isInactive,"ds-interaction-fill--on-chrome":this.usesChromeTokens},"aria-selected":r?"true":"false","aria-disabled":t.isInactive?"true":undefined,disabled:t.isInactive,tabIndex:!e&&t.id===this.focusedTabId?0:-1,onClick:()=>!e&&this.selectSection(t.id),onFocus:()=>{if(!e)this.focusedTabId=t.id}},s("ds-text",{class:"bar-page-title__tab-label ds-control-label-box",as:"span",variant:"text-body-medium",emphasis:r,color:"inherit"},t.label))})))}renderIdentity(e){return s("div",{class:"bar-page-title__identity"},j({classPrefix:"bar-page-title",showBack:this.showBack,backAriaLabel:this.backAriaLabel,background:this.shellBarButtonBackground,onBack:e=>this.dsBack.emit(e)}),this.renderHeading(e))}renderSectionRegion(){if(!this.hasSectionSelector)return null;if(!this.layoutCommitted){return[s("div",{class:"bar-page-title__divider","aria-hidden":"true"}),s("div",{class:"bar-page-title__tabs-pending","aria-hidden":"true"})]}if(this.showSectionTabs){return[s("div",{class:"bar-page-title__divider","aria-hidden":"true"}),this.renderTabList(false)]}return[s("div",{class:"bar-page-title__divider","aria-hidden":"true"}),S({classPrefix:"bar-page-title",triggerId:this.sectionMenuTriggerId,menuId:this.sectionMenuId,open:this.sectionMenuOpen,surfaceOpen:this.sectionSurfaceOpen,ariaLabel:this.sectionTriggerAriaLabel,selectedLabel:this.selectedSectionLabel,background:this.shellBarButtonBackground,labelColor:this.usesChromeTokens?"inherit":undefined,setTriggerEl:e=>{this.sectionTriggerEl=e},onToggle:this.toggleSectionMenu})]}render(){return s(r,{key:"133f56571cfcd146707a0061beb2dfc3cd404bc0"},s("div",{key:"7891324707f46a9e1181a0b301471cba780da2be",class:{"bar-page-title":true,"bar-page-title--divider-hidden":!this.dividerVisible,"ds-chrome-header":true},ref:e=>{this.chromeEl=e??null;if(e&&!this.resizeObserver)this.setupOverflowObserver()}},this.hasSectionSelector?s("div",{class:"bar-page-title__probe","aria-hidden":"true",inert:true},s("div",{class:"bar-page-title__probe-row",ref:e=>{const t=e??null;if(t===this.probeRowEl)return;this.probeRowEl=t;if(t){this.intrinsicWidthRetryCount=0;this.tabLayoutPendingFrames=0;this.scheduleOverflowCheck()}}},this.renderIdentity(true),s("div",{class:"bar-page-title__divider"}),this.renderTabList(true))):null,s("div",{key:"6ac81c5626119607ad6ca843bbd05c4e513695c9",class:"bar-page-title__inner"},s("div",{key:"c571b82bb63c069ad47f291726c5cdfdf27127dd",class:"bar-page-title__row",ref:e=>{this.rowEl=e??null}},s("div",{key:"d1ce6036f2933d0323dac07f23e0e72b21bbc66d",class:"bar-page-title__title-row"},this.renderIdentity(false),this.renderSectionRegion()),D(this.chromeActionOptions())))),this.showSectionButton?s("ds-menu",{id:this.sectionMenuId,class:"bar-page-title__section-menu",anchorId:this.sectionMenuTriggerId,menuLabel:this.sectionsAriaLabel,open:this.sectionMenuOpen,initialFocusVisible:this.sectionMenuInitialFocusVisible,sections:this.sectionMenuSections,onDsClose:this.closeSectionMenu,onDsAfterClose:()=>{if(!this.sectionMenuOpen)this.sectionSurfaceOpen=false},onDsSelect:this.handleSectionSelect}):null,E({classPrefix:"bar-page-title",visibleActions:this.visibleActions,instanceId:this.instanceId,resolvedActionItems:this.resolvedActionItems,openActionMenuId:this.openActionMenuId,actionMenuInitialFocusVisible:this.actionMenuInitialFocusVisible,overflowTrigger:this.actionTriggerEl,actionTriggers:this.actionTriggerEls,closeActionMenu:this.closeActionMenu,finishActionMenuClose:this.finishActionMenuClose,handleActionSelect:this.handleActionSelect}),B({classPrefix:"bar-page-title",showOverflowTrigger:this.showActionMenuTrigger,actionMenuId:this.actionMenuId,actionMenuTriggerId:this.actionMenuTriggerId,actionsAriaLabel:this.actionsAriaLabel,open:this.openActionMenuId==="__overflow",actionMenuInitialFocusVisible:this.actionMenuInitialFocusVisible,actionMenuSections:this.actionMenuSections,closeActionMenu:this.closeActionMenu,finishActionMenuClose:this.finishActionMenuClose,handleActionSelect:this.handleActionSelect}))}get el(){return this}static get watchers(){return{sections:[{handleSectionsChange:0}],value:[{handleValueChange:0}],heading:[{handleLayoutInputsChange:0}],showBack:[{handleLayoutInputsChange:0}],primaryAction:[{handleLayoutInputsChange:0}],actions:[{handleLayoutInputsChange:0}],actionItems:[{handleLayoutInputsChange:0}]}}static get style(){return J()}},[2,"ds-bar-page-title",{heading:[1],showBack:[4,"show-back"],backAriaLabel:[1,"back-aria-label"],sections:[16],value:[1],sectionsAriaLabel:[1,"sections-aria-label"],primaryAction:[16],actions:[16],actionItems:[16],actionsAriaLabel:[1,"actions-aria-label"],showDivider:[4,"show-divider"],showCompactDivider:[4,"show-compact-divider"],sectionMenuOpen:[32],openActionMenuId:[32],surfaceActionMenuId:[32],sectionSurfaceOpen:[32],sectionMenuInitialFocusVisible:[32],actionMenuInitialFocusVisible:[32],sectionsCollapsed:[32],layoutCommitted:[32],focusedTabId:[32]},undefined,{sections:[{handleSectionsChange:0}],value:[{handleValueChange:0}],heading:[{handleLayoutInputsChange:0}],showBack:[{handleLayoutInputsChange:0}],primaryAction:[{handleLayoutInputsChange:0}],actions:[{handleLayoutInputsChange:0}],actionItems:[{handleLayoutInputsChange:0}]}]);N.INTRINSIC_WIDTH_RETRY_MAX=3;N.TAB_LAYOUT_COMMIT_MAX_FRAMES=16;N.OVERFLOW_HYSTERESIS_PX=8;function X(){if(typeof customElements==="undefined"){return}const e=["ds-bar-page-title","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-bar-page-title":if(!customElements.get(a(e))){customElements.define(a(e),N)}break;case"ds-badge":if(!customElements.get(a(e))){O()}break;case"ds-button-filled":if(!customElements.get(a(e))){R()}break;case"ds-button-unfilled":if(!customElements.get(a(e))){V()}break;case"ds-icon":if(!customElements.get(a(e))){H()}break;case"ds-loader":if(!customElements.get(a(e))){F()}break;case"ds-menu":if(!customElements.get(a(e))){P()}break;case"ds-swatch-picker":if(!customElements.get(a(e))){$()}break;case"ds-switch":if(!customElements.get(a(e))){G()}break;case"ds-tag":if(!customElements.get(a(e))){W()}break;case"ds-text":if(!customElements.get(a(e))){q()}break;case"ds-tooltip":if(!customElements.get(a(e))){Q()}break}}))}X();export{N as B,X as d};
+//# sourceMappingURL=p-CXGjCWSh.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["barPageTitleCss","nextBarPageTitleId","BarPageTitle","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","showBack","backAriaLabel","sections","value","sectionsAriaLabel","primaryAction","actions","actionsAriaLabel","showDivider","sectionMenuOpen","openActionMenuId","surfaceActionMenuId","sectionSurfaceOpen","sectionMenuInitialFocusVisible","actionMenuInitialFocusVisible","sectionsCollapsed","layoutCommitted","focusedTabId","instanceId","sectionMenuTriggerId","sectionMenuId","actionMenuTriggerId","actionMenuId","sectionTriggerEl","actionTriggerEl","actionTriggerEls","Map","chromeEl","rowEl","probeRowEl","visibleTabListEl","resizeObserver","hasLoaded","connectionTasks","ConnectionTasks","el","isConnected","intrinsicWidthRetryCount","tabLayoutPendingFrames","panelNavTransition","ChromeTransitionGate","panelToolsTransition","overflowCoalescer","createRafCoalescer","updateSectionsCollapsed","chromeTransitionShell","onChromeTransitionStart","event","source","readChromeTransitionSource","enter","phase","readChromeTransitionPhase","onChromeTransitionEnd","exit","isActive","scheduleOverflowCheck","toggleSectionMenu","detail","closeSectionMenu","handleSectionSelect","id","String","selectSection","frame","focus","toggleActionMenu","finishActionMenuClose","domId","barTitleActionMenuDomId","resolvedActionItems","target","closeActionMenu","handleActionSelect","action","findBarTitleAction","isInactive","isLoading","menuId","dsAction","emit","restoreBarTitleActionFocus","overflowTrigger","actionTriggers","componentWillLoad","reportActionIdIssues","syncFocusedTabId","effectiveValue","selectableTabs","connectedCallback","connectResources","componentDidLoad","setupOverflowObserver","bindChromeTransitionListeners","componentDidRender","chromeOverflowPaused","disconnectedCallback","cancel","disconnect","unbindChromeTransitionListeners","handleSectionsChange","next","prev","hasSectionSelector","barTitleSectionsDigest","resetSectionLayout","handleValueChange","handleLayoutInputsChange","availableActionMenuIds","has","issue","barTitleActionIdIssues","console","warn","dividerVisible","showCompactDivider","usesChromeTokens","hasAttribute","shellBarButtonBackground","undefined","selectableSections","selectableBarTitleSections","length","sectionTabs","barTitleSectionsToTabs","getSelectableTabs","effectiveBarTitleSectionValue","selectedSectionLabel","selectedBarTitleSectionLabel","sectionTriggerAriaLabel","barTitleSectionTriggerAriaLabel","sectionMenuSections","barTitleSectionMenuSections","resolveBarTitleActionItems","actionItems","visibleActions","visibleBarTitleActions","actionMenuSections","overflowBarTitleActionSections","showActionMenuTrigger","availableBarTitleActionMenuIds","showSectionTabs","showSectionButton","shell","closest","addEventListener","CHROME_TRANSITION_START","CHROME_TRANSITION_END","removeEventListener","ResizeObserver","observe","schedule","scheduleIntrinsicWidthRetry","INTRINSIC_WIDTH_RETRY_MAX","forceTabLayoutCommit","collapsed","collapsedChanged","getAvailableWidth","rowWidth","clientWidth","querySelector","actionsWidth","getBoundingClientRect","width","style","getComputedStyle","gap","parseFloat","columnGap","Math","max","probeWidth","scrollWidth","available","TAB_LAYOUT_COMMIT_MAX_FRAMES","shouldCollapse","tabsOverflowContainer","OVERFLOW_HYSTERESIS_PX","preferred","tabs","some","tab","first","find","selected","section","dsSectionChange","focusVisibleTab","preventScroll","findEnabledTab","from","step","index","handleTabKeyDown","targetId","getAttribute","focusedId","key","focused","preventDefault","currentIndex","findIndex","nextIndex","reversedIndex","reverse","chromeActionOptions","classPrefix","compact","showOverflowTrigger","buttonBackground","setOverflowTriggerEl","emitAction","renderHeading","probe","h","class","variant","emphasis","color","as","wrap","lineTruncation","heading","renderTabList","role","ref","onKeyDown","map","isTabDivider","isSelected","type","disabled","tabIndex","onClick","onFocus","label","renderIdentity","renderBarTitleBack","background","onBack","dsBack","renderSectionRegion","renderBarTitleSectionTrigger","triggerId","open","surfaceOpen","ariaLabel","selectedLabel","labelColor","setTriggerEl","onToggle","render","Host","inert","renderBarTitleActions","anchorId","menuLabel","initialFocusVisible","onDsClose","onDsAfterClose","onDsSelect","renderBarTitleActionMenus","renderBarTitleOverflowMenu"],"sources":["src/wc/components/BarPageTitle/BarPageTitle.css?tag=ds-bar-page-title&encapsulation=scoped","src/wc/components/BarPageTitle/BarPageTitle.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n@import '../../utils/control-density.css';\n@import '../../utils/control-parts.css';\n@import '../../utils/chrome-header.css';\n@import '../../utils/focus-ring.css';\n@import '../../utils/interaction-fill.css';\n@import '../../utils/control-inactive.css';\n\n:host {\n  display: block;\n  min-width: 0;\n  box-sizing: border-box;\n  background: var(--color-background-secondary);\n  --_bar-page-title-fg-primary: var(--color-foreground-primary);\n  --_bar-page-title-fg-secondary: var(--color-foreground-secondary);\n  --_bar-page-title-hover: var(--color-interaction-hover);\n  --_bar-page-title-pressed: var(--color-interaction-pressed);\n  --_bar-page-title-focus: var(--color-interaction-focus);\n  --_bar-page-title-border: var(--color-border-tertiary);\n  --ds-focus-ring-color: var(--_bar-page-title-focus);\n}\n\n:host([data-shell-bar]) {\n  background: transparent;\n  color: var(--_bar-page-title-fg-primary);\n  --_bar-page-title-fg-primary: var(--color-chrome-foreground-primary);\n  --_bar-page-title-fg-secondary: var(--color-chrome-foreground-secondary);\n  --_bar-page-title-hover: var(--color-chrome-interaction-hover);\n  --_bar-page-title-pressed: var(--color-chrome-interaction-pressed);\n  --_bar-page-title-focus: var(--color-chrome-interaction-focus);\n  --_bar-page-title-border: var(--color-chrome-border-tertiary);\n  --ds-focus-ring-color: var(--_bar-page-title-focus);\n}\n\n:host-context(ds-shell-app:not([gradient-preset='none'])),\n:host-context(ds-shell-app:not([gradient-preset='none'])) .bar-page-title,\n:host-context(ds-shell-app.shell-app--paper-texture),\n:host-context(ds-shell-app.shell-app--paper-texture) .bar-page-title {\n  background: transparent;\n}\n\n.bar-page-title {\n  position: relative;\n  height: var(--dimension-size-600);\n  min-width: 0;\n  box-sizing: border-box;\n  background: var(--color-background-secondary);\n  color: var(--_bar-page-title-fg-primary);\n}\n\n:host([data-shell-bar]) .bar-page-title {\n  background: transparent;\n}\n\n.bar-page-title::after {\n  content: '';\n  position: absolute;\n  inset: auto 0 0;\n  height: var(--dimension-stroke-width-012);\n  background: var(--_bar-page-title-border);\n  pointer-events: none;\n}\n\n.bar-page-title--divider-hidden::after {\n  display: none;\n}\n\n.bar-page-title__inner {\n  position: relative;\n  z-index: 1;\n  flex: 1 1 auto;\n  height: 100%;\n  min-width: 0;\n  padding: 0;\n  gap: 0;\n}\n\n.bar-page-title__row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--dimension-space-100);\n  height: 100%;\n  min-width: 0;\n}\n\n.bar-page-title__title-row {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-100);\n  min-width: 0;\n  min-height: var(--dimension-size-400);\n  flex: 1 1 auto;\n}\n\n.bar-page-title__identity {\n  display: flex;\n  flex: 0 1 auto;\n  align-items: center;\n  gap: var(--dimension-space-050);\n  min-width: 0;\n  height: var(--dimension-size-400);\n}\n\n.bar-page-title__back,\n.bar-page-title__section-chevron {\n  flex: 0 0 auto;\n}\n\n.bar-page-title__heading {\n  display: inline-flex;\n  flex: 1 1 auto;\n  align-items: center;\n  width: auto;\n  min-width: 0;\n  height: var(--dimension-size-400);\n  padding-inline: calc(var(--ds-control-padding-inline) + var(--ds-control-label-inset));\n  box-sizing: border-box;\n  user-select: none;\n}\n\n.bar-page-title__divider {\n  width: var(--dimension-stroke-width-012);\n  height: var(--dimension-size-250);\n  flex: 0 0 var(--dimension-stroke-width-012);\n  background: var(--_bar-page-title-border);\n}\n\n.bar-page-title__section-selector {\n  display: flex;\n  flex: 0 1 auto;\n  min-width: 0;\n  max-width: var(--dimension-panel-width-sm);\n}\n\n.bar-page-title__section-trigger {\n  --ds-control-radius: var(--dimension-radius-half);\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--ds-control-gap);\n  height: var(--ds-control-height);\n  min-width: 0;\n  max-width: 100%;\n  padding-inline: var(--ds-control-padding-inline);\n  border: none;\n  border-radius: var(--ds-control-radius);\n  box-sizing: border-box;\n  background: transparent;\n  color: var(--color-foreground-secondary);\n  cursor: default;\n  font-family: inherit;\n  user-select: none;\n}\n\n:host([data-shell-bar]) .bar-page-title__section-trigger {\n  color: var(--_bar-page-title-fg-primary);\n}\n\n.bar-page-title__section-label {\n  min-width: 0;\n  padding-inline: var(--ds-control-label-inset);\n}\n\n.bar-page-title__actions {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-100);\n  flex: 0 0 auto;\n}\n\n.bar-page-title__probe {\n  position: absolute;\n  left: 0;\n  top: 0;\n  visibility: hidden;\n  pointer-events: none;\n  overflow: visible;\n  width: max-content;\n  max-width: none;\n  z-index: -1;\n}\n\n.bar-page-title__probe-row {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-100);\n  width: max-content;\n  max-width: none;\n}\n\n.bar-page-title__probe .bar-page-title__identity,\n.bar-page-title__probe .bar-page-title__heading {\n  flex: 0 0 auto;\n  width: max-content;\n  min-width: 0;\n  max-width: none;\n}\n\n.bar-page-title__tabs-pending {\n  flex: 0 0 auto;\n  width: var(--dimension-size-400);\n  height: var(--ds-control-height);\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.bar-page-title__tab-list {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-050);\n  position: relative;\n  width: max-content;\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.bar-page-title__tab {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--ds-control-gap);\n  height: var(--ds-control-height);\n  min-width: var(--ds-control-height);\n  padding: 0 var(--ds-control-padding-inline);\n  box-sizing: border-box;\n  border: none;\n  border-radius: var(--ds-control-radius);\n  background-color: transparent;\n  color: var(--_bar-page-title-fg-secondary);\n  cursor: default;\n  position: relative;\n  flex-shrink: 0;\n  -webkit-user-select: none;\n  user-select: none;\n  transition: color var(--effect-motion-short-2);\n}\n\n.bar-page-title__tab::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: var(--ds-control-radius);\n  background: transparent;\n  pointer-events: none;\n  cursor: inherit;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .bar-page-title__tab:hover::after {\n    background: var(--_bar-page-title-hover);\n  }\n}\n\n.bar-page-title__tab:active::after {\n  background: var(--_bar-page-title-pressed);\n}\n\n.bar-page-title__tab--selected {\n  color: var(--_bar-page-title-fg-primary);\n}\n\n.bar-page-title__tab-label {\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.bar-page-title__tab-divider {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: var(--dimension-space-100);\n  height: var(--ds-control-height);\n  padding-block: var(--ds-control-padding-inline);\n  flex-shrink: 0;\n  pointer-events: none;\n}\n\n.bar-page-title__tab-divider-line {\n  width: var(--dimension-stroke-width-012);\n  align-self: stretch;\n  background-color: var(--_bar-page-title-border);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport {\n  CHROME_TRANSITION_END,\n  CHROME_TRANSITION_START,\n  ChromeTransitionGate,\n  createRafCoalescer,\n  readChromeTransitionPhase,\n  readChromeTransitionSource,\n} from '../../shell/chrome-transition';\nimport type { MenuItemData } from '../Menu/menu-types';\nimport { ConnectionTasks } from '../../utils/connection-tasks';\nimport { tabsOverflowContainer } from '../BarNav/bar-nav-tabs-menu-utils';\nimport { getSelectableTabs, isTabDivider, type TabItemTab } from '../TabGroup/tab-item-utils';\nimport {\n  availableBarTitleActionMenuIds,\n  barTitleActionIdIssues,\n  findBarTitleAction,\n  overflowBarTitleActionSections,\n  resolveBarTitleActionItems,\n  visibleBarTitleActions,\n} from '../BarTitle/bar-title-actions';\nimport {\n  type FocusableBarTitleButton,\n  barTitleActionMenuDomId,\n  renderBarTitleActionMenus,\n  renderBarTitleActions,\n  renderBarTitleBack,\n  renderBarTitleOverflowMenu,\n  renderBarTitleSectionTrigger,\n  restoreBarTitleActionFocus,\n} from '../BarTitle/bar-title-action-chrome';\nimport {\n  barTitleSectionMenuSections,\n  barTitleSectionTriggerAriaLabel,\n  barTitleSectionsDigest,\n  barTitleSectionsToTabs,\n  effectiveBarTitleSectionValue,\n  selectableBarTitleSections,\n  selectedBarTitleSectionLabel,\n} from '../BarTitle/bar-title-sections';\nimport type {\n  BarTitleActionConfigItem,\n  BarTitleActionItem,\n  BarTitlePrimaryAction,\n  BarTitleSectionItem,\n} from '../BarTitle/bar-title-types';\n\nlet nextBarPageTitleId = 0;\n\n@Component({\n  tag: 'ds-bar-page-title',\n  styleUrl: 'BarPageTitle.css',\n  scoped: true,\n})\nexport class BarPageTitle {\n  private static readonly INTRINSIC_WIDTH_RETRY_MAX = 3;\n  private static readonly TAB_LAYOUT_COMMIT_MAX_FRAMES = 16;\n  private static readonly OVERFLOW_HYSTERESIS_PX = 8;\n\n  @Element() el!: HTMLElement;\n\n  /** The page's single visible h1. */\n  @Prop() heading!: string;\n\n  /** Show the leading page-level Back action. */\n  @Prop({ attribute: 'show-back' }) showBack: boolean = false;\n\n  /** Accessible name for the leading Back action. */\n  @Prop() backAriaLabel: string = 'Back';\n\n  /** Optional page sections shown as an all-or-nothing tab row, or the compact section button. */\n  @Prop() sections: BarTitleSectionItem[] = [];\n\n  /** Id of the active page section. */\n  @Prop() value: string = '';\n\n  /** Accessible name for the page-section tablist and menu. */\n  @Prop() sectionsAriaLabel: string = 'Change page section';\n\n  /** The one highest-emphasis page action. */\n  @Prop() primaryAction: BarTitlePrimaryAction | null = null;\n\n  /** Secondary page actions shown in the overflow menu. Dividers create groups. */\n  @Prop() actions: BarTitleActionItem[] = [];\n\n  /**\n   * Ordered page-header actions. When supplied, this replaces the legacy\n   * primaryAction/actions presentation while preserving the same dsAction event.\n   */\n  @Prop() actionItems?: BarTitleActionConfigItem[];\n\n  /** Accessible name for the page-actions menu. */\n  @Prop() actionsAriaLabel: string = 'More page actions';\n\n  /** Draw the compact bottom divider beneath the header. */\n  @Prop() showDivider: boolean = true;\n\n  /** Override divider visibility for the compact shell-bar presentation. */\n  @Prop() showCompactDivider?: boolean;\n\n  /** Emitted when the leading Back action is activated. */\n  @Event() dsBack!: EventEmitter<MouseEvent>;\n\n  /** Emitted with the newly selected page-section id. */\n  @Event() dsSectionChange!: EventEmitter<string>;\n\n  /** Emitted with the activated primary or overflow action id. */\n  @Event() dsAction!: EventEmitter<string>;\n\n  @State() private sectionMenuOpen = false;\n  @State() private openActionMenuId = '';\n  @State() private surfaceActionMenuId = '';\n  @State() private sectionSurfaceOpen = false;\n  @State() private sectionMenuInitialFocusVisible = false;\n  @State() private actionMenuInitialFocusVisible = false;\n  @State() private sectionsCollapsed = false;\n  @State() private layoutCommitted = false;\n  @State() private focusedTabId = '';\n\n  private readonly instanceId = nextBarPageTitleId++;\n  private readonly sectionMenuTriggerId = `bar-page-title-section-trigger-${this.instanceId}`;\n  private readonly sectionMenuId = `bar-page-title-section-menu-${this.instanceId}`;\n  private readonly actionMenuTriggerId = `bar-page-title-action-trigger-${this.instanceId}`;\n  private readonly actionMenuId = `bar-page-title-action-menu-${this.instanceId}`;\n  private sectionTriggerEl: HTMLButtonElement | null = null;\n  private actionTriggerEl: FocusableBarTitleButton | null = null;\n  private actionTriggerEls = new Map<string, FocusableBarTitleButton>();\n  private chromeEl: HTMLElement | null = null;\n  private rowEl: HTMLElement | null = null;\n  private probeRowEl: HTMLElement | null = null;\n  private visibleTabListEl: HTMLElement | null = null;\n  private resizeObserver: ResizeObserver | null = null;\n  private hasLoaded = false;\n  private readonly connectionTasks = new ConnectionTasks(() => this.el.isConnected);\n  private intrinsicWidthRetryCount = 0;\n  private tabLayoutPendingFrames = 0;\n  private readonly panelNavTransition = new ChromeTransitionGate();\n  private readonly panelToolsTransition = new ChromeTransitionGate();\n  private readonly overflowCoalescer = createRafCoalescer(() => {\n    this.updateSectionsCollapsed();\n  });\n  private chromeTransitionShell: HTMLElement | null = null;\n\n  componentWillLoad() {\n    this.reportActionIdIssues();\n    this.syncFocusedTabId(this.effectiveValue, this.selectableTabs);\n  }\n\n  connectedCallback() {\n    if (this.hasLoaded) this.connectResources();\n  }\n\n  componentDidLoad() {\n    this.hasLoaded = true;\n    this.connectResources();\n  }\n\n  private connectResources() {\n    if (!this.el.isConnected) return;\n    this.intrinsicWidthRetryCount = 0;\n    this.tabLayoutPendingFrames = 0;\n    this.setupOverflowObserver();\n    this.bindChromeTransitionListeners();\n    this.scheduleOverflowCheck();\n  }\n\n  componentDidRender() {\n    if (this.chromeOverflowPaused()) return;\n    this.scheduleOverflowCheck();\n  }\n\n  disconnectedCallback() {\n    this.connectionTasks.cancel();\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n    this.overflowCoalescer.cancel();\n    this.unbindChromeTransitionListeners();\n    this.panelNavTransition.exit();\n    this.panelToolsTransition.exit();\n  }\n\n  @Watch('sections')\n  handleSectionsChange(next: BarTitleSectionItem[], prev: BarTitleSectionItem[]) {\n    if (!this.hasSectionSelector) {\n      this.closeSectionMenu();\n      this.sectionSurfaceOpen = false;\n      this.sectionsCollapsed = false;\n      this.layoutCommitted = true;\n      this.intrinsicWidthRetryCount = 0;\n      this.tabLayoutPendingFrames = 0;\n      return;\n    }\n    if (barTitleSectionsDigest(next) === barTitleSectionsDigest(prev)) {\n      this.syncFocusedTabId(this.effectiveValue, this.selectableTabs);\n      return;\n    }\n    this.resetSectionLayout();\n    this.syncFocusedTabId(this.effectiveValue, this.selectableTabs);\n    this.scheduleOverflowCheck();\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.syncFocusedTabId(this.effectiveValue, this.selectableTabs);\n    this.scheduleOverflowCheck();\n  }\n\n  @Watch('heading')\n  @Watch('showBack')\n  @Watch('primaryAction')\n  @Watch('actions')\n  @Watch('actionItems')\n  handleLayoutInputsChange() {\n    this.reportActionIdIssues();\n    if (!this.availableActionMenuIds.has(this.openActionMenuId)) this.closeActionMenu();\n    if (!this.availableActionMenuIds.has(this.surfaceActionMenuId)) this.surfaceActionMenuId = '';\n    this.scheduleOverflowCheck();\n  }\n\n  private reportActionIdIssues() {\n    for (const issue of barTitleActionIdIssues(this.resolvedActionItems)) {\n      console.warn(`[ds-bar-page-title] ${issue}`);\n    }\n  }\n\n  private get dividerVisible(): boolean {\n    return this.showCompactDivider ?? this.showDivider;\n  }\n\n  private get usesChromeTokens(): boolean {\n    return this.el.hasAttribute('data-shell-bar');\n  }\n\n  private get shellBarButtonBackground(): 'chrome' | undefined {\n    return this.usesChromeTokens ? 'chrome' : undefined;\n  }\n\n  private get selectableSections() {\n    return selectableBarTitleSections(this.sections);\n  }\n\n  private get hasSectionSelector(): boolean {\n    return this.selectableSections.length > 1;\n  }\n\n  private get sectionTabs() {\n    return barTitleSectionsToTabs(this.sections);\n  }\n\n  private get selectableTabs(): TabItemTab[] {\n    return getSelectableTabs(this.sectionTabs);\n  }\n\n  private get effectiveValue(): string {\n    return effectiveBarTitleSectionValue(this.sections, this.value);\n  }\n\n  private get selectedSectionLabel(): string {\n    return selectedBarTitleSectionLabel(this.sections, this.value);\n  }\n\n  private get sectionTriggerAriaLabel(): string {\n    return barTitleSectionTriggerAriaLabel(this.sectionsAriaLabel, this.selectedSectionLabel);\n  }\n\n  private get sectionMenuSections() {\n    return barTitleSectionMenuSections(this.sections, this.effectiveValue);\n  }\n\n  private get resolvedActionItems(): BarTitleActionConfigItem[] {\n    return resolveBarTitleActionItems(this.actionItems, this.primaryAction, this.actions);\n  }\n\n  private get visibleActions(): BarTitleActionConfigItem[] {\n    return visibleBarTitleActions(this.resolvedActionItems, 'compact');\n  }\n\n  private get actionMenuSections() {\n    return overflowBarTitleActionSections(this.resolvedActionItems, 'compact');\n  }\n\n  private get showActionMenuTrigger(): boolean {\n    return this.actionMenuSections.length > 0;\n  }\n\n  private get availableActionMenuIds(): Set<string> {\n    return availableBarTitleActionMenuIds(this.visibleActions, this.showActionMenuTrigger);\n  }\n\n  private get showSectionTabs(): boolean {\n    return this.hasSectionSelector && this.layoutCommitted && !this.sectionsCollapsed;\n  }\n\n  private get showSectionButton(): boolean {\n    return this.hasSectionSelector && this.layoutCommitted && this.sectionsCollapsed;\n  }\n\n  private resetSectionLayout() {\n    this.layoutCommitted = false;\n    this.sectionsCollapsed = false;\n    this.sectionMenuOpen = false;\n    this.sectionMenuInitialFocusVisible = false;\n    this.intrinsicWidthRetryCount = 0;\n    this.tabLayoutPendingFrames = 0;\n  }\n\n  private bindChromeTransitionListeners() {\n    this.unbindChromeTransitionListeners();\n    const shell = this.el.closest<HTMLElement>('ds-shell-app');\n    if (!shell) return;\n    this.chromeTransitionShell = shell;\n    shell.addEventListener(CHROME_TRANSITION_START, this.onChromeTransitionStart);\n    shell.addEventListener(CHROME_TRANSITION_END, this.onChromeTransitionEnd);\n  }\n\n  private unbindChromeTransitionListeners() {\n    if (!this.chromeTransitionShell) return;\n    this.chromeTransitionShell.removeEventListener(\n      CHROME_TRANSITION_START,\n      this.onChromeTransitionStart\n    );\n    this.chromeTransitionShell.removeEventListener(\n      CHROME_TRANSITION_END,\n      this.onChromeTransitionEnd\n    );\n    this.chromeTransitionShell = null;\n  }\n\n  private onChromeTransitionStart = (event: Event) => {\n    const source = readChromeTransitionSource(event);\n    if (source === 'panel-nav') {\n      this.panelNavTransition.enter();\n      return;\n    }\n    if (source === 'panel-tools') {\n      const phase = readChromeTransitionPhase(event) ?? 'opening';\n      if (phase === 'closing') {\n        this.panelToolsTransition.enter();\n      }\n    }\n  };\n\n  private chromeOverflowPaused(): boolean {\n    return this.panelNavTransition.isActive || this.panelToolsTransition.isActive;\n  }\n\n  private onChromeTransitionEnd = (event: Event) => {\n    const source = readChromeTransitionSource(event);\n    if (source === 'panel-nav') {\n      this.panelNavTransition.exit();\n      if (!this.panelNavTransition.isActive) {\n        this.scheduleOverflowCheck();\n      }\n      return;\n    }\n    if (source === 'panel-tools') {\n      this.panelToolsTransition.exit();\n      this.scheduleOverflowCheck();\n    }\n  };\n\n  private setupOverflowObserver() {\n    if (typeof ResizeObserver === 'undefined' || !this.chromeEl) return;\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = new ResizeObserver(() => {\n      if (this.chromeOverflowPaused()) return;\n      this.scheduleOverflowCheck();\n    });\n    this.resizeObserver.observe(this.chromeEl);\n  }\n\n  private scheduleOverflowCheck() {\n    if (!this.el.isConnected || this.chromeOverflowPaused()) return;\n    this.overflowCoalescer.schedule();\n  }\n\n  private scheduleIntrinsicWidthRetry() {\n    if (this.intrinsicWidthRetryCount >= BarPageTitle.INTRINSIC_WIDTH_RETRY_MAX) return;\n    this.intrinsicWidthRetryCount++;\n    this.connectionTasks.frame(() => this.scheduleOverflowCheck());\n  }\n\n  private forceTabLayoutCommit(collapsed: boolean) {\n    this.intrinsicWidthRetryCount = 0;\n    this.tabLayoutPendingFrames = 0;\n    const collapsedChanged = this.sectionsCollapsed !== collapsed;\n    if (collapsedChanged) this.sectionsCollapsed = collapsed;\n    if (!collapsed && collapsedChanged) {\n      this.closeSectionMenu();\n      this.sectionSurfaceOpen = false;\n    }\n    this.layoutCommitted = true;\n  }\n\n  private getAvailableWidth(): number {\n    if (!this.rowEl) return 0;\n    const rowWidth = this.rowEl.clientWidth;\n    const actions = this.rowEl.querySelector<HTMLElement>('.bar-page-title__actions');\n    const actionsWidth = actions?.getBoundingClientRect().width ?? 0;\n    const style = getComputedStyle(this.rowEl);\n    const gap = parseFloat(style.columnGap || style.gap) || 0;\n    return Math.max(0, rowWidth - actionsWidth - (actionsWidth > 0 ? gap : 0));\n  }\n\n  private updateSectionsCollapsed() {\n    if (!this.el.isConnected || this.chromeOverflowPaused()) return;\n    if (!this.hasSectionSelector) {\n      if (this.sectionsCollapsed) this.sectionsCollapsed = false;\n      this.intrinsicWidthRetryCount = 0;\n      this.tabLayoutPendingFrames = 0;\n      this.layoutCommitted = true;\n      return;\n    }\n\n    const probeWidth = this.probeRowEl?.scrollWidth ?? 0;\n    const available = this.getAvailableWidth();\n    if (!this.probeRowEl || !this.rowEl || probeWidth === 0) {\n      if (this.layoutCommitted) {\n        this.scheduleIntrinsicWidthRetry();\n        return;\n      }\n      this.tabLayoutPendingFrames += 1;\n      if (\n        this.intrinsicWidthRetryCount >= BarPageTitle.INTRINSIC_WIDTH_RETRY_MAX ||\n        this.tabLayoutPendingFrames >= BarPageTitle.TAB_LAYOUT_COMMIT_MAX_FRAMES\n      ) {\n        this.forceTabLayoutCommit(false);\n      } else {\n        this.scheduleIntrinsicWidthRetry();\n      }\n      return;\n    }\n\n    this.intrinsicWidthRetryCount = 0;\n    this.tabLayoutPendingFrames = 0;\n    const shouldCollapse = tabsOverflowContainer(\n      probeWidth,\n      available,\n      this.sectionsCollapsed,\n      BarPageTitle.OVERFLOW_HYSTERESIS_PX\n    );\n    this.forceTabLayoutCommit(shouldCollapse);\n  }\n\n  private syncFocusedTabId(preferred: string, tabs: TabItemTab[]) {\n    if (tabs.some(tab => tab.id === preferred && !tab.isInactive)) {\n      this.focusedTabId = preferred;\n      return;\n    }\n    const first = tabs.find(tab => !tab.isInactive);\n    this.focusedTabId = first?.id ?? '';\n  }\n\n  private selectSection(id: string) {\n    const selected = this.selectableSections.find(section => section.id === id);\n    if (!selected || selected.isInactive) return;\n    this.dsSectionChange.emit(id);\n  }\n\n  private toggleSectionMenu = (event: MouseEvent) => {\n    this.sectionMenuInitialFocusVisible = event.detail === 0;\n    this.openActionMenuId = '';\n    this.sectionMenuOpen = !this.sectionMenuOpen;\n    if (this.sectionMenuOpen) this.sectionSurfaceOpen = true;\n  };\n\n  private closeSectionMenu = () => {\n    this.sectionMenuOpen = false;\n  };\n\n  private handleSectionSelect = (event: CustomEvent<MenuItemData>) => {\n    const id = String(event.detail?.value ?? '');\n    this.closeSectionMenu();\n    this.selectSection(id);\n    this.connectionTasks.frame(() => this.sectionTriggerEl?.focus());\n  };\n\n  private toggleActionMenu = (id: string, event: MouseEvent) => {\n    this.actionMenuInitialFocusVisible = event.detail === 0;\n    this.sectionMenuOpen = false;\n    this.openActionMenuId = this.openActionMenuId === id ? '' : id;\n    if (this.openActionMenuId) this.surfaceActionMenuId = this.openActionMenuId;\n  };\n\n  private finishActionMenuClose = (event: CustomEvent<void>) => {\n    const id = this.surfaceActionMenuId;\n    const domId =\n      id === '__overflow'\n        ? this.actionMenuId\n        : barTitleActionMenuDomId('bar-page-title', this.instanceId, this.resolvedActionItems, id);\n    if (this.openActionMenuId !== id && (event.target as HTMLElement).id === domId) {\n      this.surfaceActionMenuId = '';\n    }\n  };\n\n  private closeActionMenu = () => {\n    this.openActionMenuId = '';\n  };\n\n  private handleActionSelect = (event: CustomEvent<MenuItemData>) => {\n    const id = String(event.detail?.value ?? '');\n    const action = findBarTitleAction(this.resolvedActionItems, id);\n    if (!action || action.isInactive || ('isLoading' in action && action.isLoading)) return;\n    const menuId = this.openActionMenuId;\n    this.closeActionMenu();\n    this.dsAction.emit(id);\n    this.connectionTasks.frame(() => {\n      void restoreBarTitleActionFocus({\n        menuId,\n        overflowTrigger: this.actionTriggerEl,\n        actionTriggers: this.actionTriggerEls,\n        resolvedActionItems: this.resolvedActionItems,\n      });\n    });\n  };\n\n  private focusVisibleTab(id: string) {\n    this.focusedTabId = id;\n    const tab = this.visibleTabListEl?.querySelector(`[data-tab-id=\"${id}\"]`) as HTMLElement | null;\n    tab?.focus({ preventScroll: true });\n  }\n\n  private findEnabledTab(from: number, step: 1 | -1): number | null {\n    const tabs = this.selectableTabs;\n    for (let index = from + step; index >= 0 && index < tabs.length; index += step) {\n      if (!tabs[index]?.isInactive) return index;\n    }\n    return null;\n  }\n\n  private handleTabKeyDown(event: KeyboardEvent) {\n    const tabs = this.selectableTabs;\n    if (!tabs.length) return;\n    const targetId = (event.target as HTMLElement | null)?.getAttribute('data-tab-id');\n    const focusedId = targetId ?? this.focusedTabId;\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      const focused = tabs.find(tab => tab.id === focusedId);\n      if (!focused || focused.isInactive) return;\n      event.preventDefault();\n      this.selectSection(focused.id);\n      return;\n    }\n\n    const currentIndex = tabs.findIndex(tab => tab.id === focusedId);\n    if (currentIndex < 0) return;\n\n    let nextIndex: number | null;\n    if (event.key === 'ArrowRight') {\n      nextIndex = this.findEnabledTab(currentIndex, 1);\n    } else if (event.key === 'ArrowLeft') {\n      nextIndex = this.findEnabledTab(currentIndex, -1);\n    } else if (event.key === 'Home') {\n      nextIndex = tabs.findIndex(tab => !tab.isInactive);\n    } else if (event.key === 'End') {\n      const reversedIndex = [...tabs].reverse().findIndex(tab => !tab.isInactive);\n      nextIndex = reversedIndex < 0 ? null : tabs.length - 1 - reversedIndex;\n    } else {\n      return;\n    }\n\n    if (nextIndex === null || nextIndex < 0 || nextIndex === currentIndex) return;\n    event.preventDefault();\n    this.focusVisibleTab(tabs[nextIndex].id);\n  }\n\n  private chromeActionOptions() {\n    return {\n      classPrefix: 'bar-page-title',\n      compact: true,\n      visibleActions: this.visibleActions,\n      showOverflowTrigger: this.showActionMenuTrigger,\n      actionItems: this.actionItems,\n      primaryAction: this.primaryAction,\n      resolvedActionItems: this.resolvedActionItems,\n      instanceId: this.instanceId,\n      openActionMenuId: this.openActionMenuId,\n      surfaceActionMenuId: this.surfaceActionMenuId,\n      actionsAriaLabel: this.actionsAriaLabel,\n      actionMenuTriggerId: this.actionMenuTriggerId,\n      actionMenuId: this.actionMenuId,\n      actionTriggers: this.actionTriggerEls,\n      buttonBackground: this.shellBarButtonBackground,\n      setOverflowTriggerEl: (el: FocusableBarTitleButton | null) => {\n        this.actionTriggerEl = el;\n      },\n      toggleActionMenu: this.toggleActionMenu,\n      emitAction: (id: string) => this.dsAction.emit(id),\n    };\n  }\n\n  private renderHeading(probe: boolean) {\n    return (\n      <ds-text\n        class=\"bar-page-title__heading ds-control--md\"\n        variant=\"text-title-small\"\n        emphasis\n        color=\"inherit\"\n        as={probe ? 'span' : 'h1'}\n        wrap={probe ? 'nowrap' : undefined}\n        lineTruncation={probe ? 'none' : 1}\n      >\n        {this.heading}\n      </ds-text>\n    );\n  }\n\n  private renderTabList(probe: boolean) {\n    return (\n      <div\n        role={probe ? undefined : 'tablist'}\n        class=\"bar-page-title__tab-list\"\n        aria-label={probe ? undefined : this.sectionsAriaLabel}\n        ref={el => {\n          if (!probe) this.visibleTabListEl = (el as HTMLElement) ?? null;\n        }}\n        onKeyDown={probe ? undefined : (event: KeyboardEvent) => this.handleTabKeyDown(event)}\n      >\n        {this.sectionTabs.map((tab, index) => {\n          if (isTabDivider(tab)) {\n            return (\n              <div class=\"bar-page-title__tab-divider\" key={`divider-${index}`} aria-hidden=\"true\">\n                <div class=\"bar-page-title__tab-divider-line\" />\n              </div>\n            );\n          }\n\n          const isSelected = tab.id === this.effectiveValue;\n          return (\n            <button\n              key={tab.id}\n              type=\"button\"\n              role={probe ? undefined : 'tab'}\n              data-tab-id={tab.id}\n              class={{\n                'bar-page-title__tab': true,\n                'bar-page-title__tab--selected': isSelected,\n                'ds-control--md': true,\n                'ds-focus-ring-inset': true,\n                'ds-control-inactive': !!tab.isInactive,\n                'ds-interaction-fill--on-chrome': this.usesChromeTokens,\n              }}\n              aria-selected={isSelected ? 'true' : 'false'}\n              aria-disabled={tab.isInactive ? 'true' : undefined}\n              disabled={tab.isInactive}\n              tabIndex={!probe && tab.id === this.focusedTabId ? 0 : -1}\n              onClick={() => !probe && this.selectSection(tab.id)}\n              onFocus={() => {\n                if (!probe) this.focusedTabId = tab.id;\n              }}\n            >\n              <ds-text\n                class=\"bar-page-title__tab-label ds-control-label-box\"\n                as=\"span\"\n                variant=\"text-body-medium\"\n                emphasis={isSelected}\n                color=\"inherit\"\n              >\n                {tab.label}\n              </ds-text>\n            </button>\n          );\n        })}\n      </div>\n    );\n  }\n\n  private renderIdentity(probe: boolean) {\n    return (\n      <div class=\"bar-page-title__identity\">\n        {renderBarTitleBack({\n          classPrefix: 'bar-page-title',\n          showBack: this.showBack,\n          backAriaLabel: this.backAriaLabel,\n          background: this.shellBarButtonBackground,\n          onBack: event => this.dsBack.emit(event),\n        })}\n        {this.renderHeading(probe)}\n      </div>\n    );\n  }\n\n  private renderSectionRegion() {\n    if (!this.hasSectionSelector) return null;\n    if (!this.layoutCommitted) {\n      return [\n        <div class=\"bar-page-title__divider\" aria-hidden=\"true\" />,\n        <div class=\"bar-page-title__tabs-pending\" aria-hidden=\"true\" />,\n      ];\n    }\n    if (this.showSectionTabs) {\n      return [\n        <div class=\"bar-page-title__divider\" aria-hidden=\"true\" />,\n        this.renderTabList(false),\n      ];\n    }\n    return [\n      <div class=\"bar-page-title__divider\" aria-hidden=\"true\" />,\n      renderBarTitleSectionTrigger({\n        classPrefix: 'bar-page-title',\n        triggerId: this.sectionMenuTriggerId,\n        menuId: this.sectionMenuId,\n        open: this.sectionMenuOpen,\n        surfaceOpen: this.sectionSurfaceOpen,\n        ariaLabel: this.sectionTriggerAriaLabel,\n        selectedLabel: this.selectedSectionLabel,\n        background: this.shellBarButtonBackground,\n        labelColor: this.usesChromeTokens ? 'inherit' : undefined,\n        setTriggerEl: el => {\n          this.sectionTriggerEl = el;\n        },\n        onToggle: this.toggleSectionMenu,\n      }),\n    ];\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'bar-page-title': true,\n            'bar-page-title--divider-hidden': !this.dividerVisible,\n            'ds-chrome-header': true,\n          }}\n          ref={el => {\n            this.chromeEl = (el as HTMLElement) ?? null;\n            if (el && !this.resizeObserver) this.setupOverflowObserver();\n          }}\n        >\n          {this.hasSectionSelector ? (\n            <div class=\"bar-page-title__probe\" aria-hidden=\"true\" inert>\n              <div\n                class=\"bar-page-title__probe-row\"\n                ref={el => {\n                  const next = (el as HTMLElement) ?? null;\n                  if (next === this.probeRowEl) return;\n                  this.probeRowEl = next;\n                  if (next) {\n                    this.intrinsicWidthRetryCount = 0;\n                    this.tabLayoutPendingFrames = 0;\n                    this.scheduleOverflowCheck();\n                  }\n                }}\n              >\n                {this.renderIdentity(true)}\n                <div class=\"bar-page-title__divider\" />\n                {this.renderTabList(true)}\n              </div>\n            </div>\n          ) : null}\n\n          <div class=\"bar-page-title__inner\">\n            <div\n              class=\"bar-page-title__row\"\n              ref={el => {\n                this.rowEl = (el as HTMLElement) ?? null;\n              }}\n            >\n              <div class=\"bar-page-title__title-row\">\n                {this.renderIdentity(false)}\n                {this.renderSectionRegion()}\n              </div>\n              {renderBarTitleActions(this.chromeActionOptions())}\n            </div>\n          </div>\n        </div>\n\n        {this.showSectionButton ? (\n          <ds-menu\n            id={this.sectionMenuId}\n            class=\"bar-page-title__section-menu\"\n            anchorId={this.sectionMenuTriggerId}\n            menuLabel={this.sectionsAriaLabel}\n            open={this.sectionMenuOpen}\n            initialFocusVisible={this.sectionMenuInitialFocusVisible}\n            sections={this.sectionMenuSections}\n            onDsClose={this.closeSectionMenu}\n            onDsAfterClose={() => {\n              if (!this.sectionMenuOpen) this.sectionSurfaceOpen = false;\n            }}\n            onDsSelect={this.handleSectionSelect}\n          />\n        ) : null}\n\n        {renderBarTitleActionMenus({\n          classPrefix: 'bar-page-title',\n          visibleActions: this.visibleActions,\n          instanceId: this.instanceId,\n          resolvedActionItems: this.resolvedActionItems,\n          openActionMenuId: this.openActionMenuId,\n          actionMenuInitialFocusVisible: this.actionMenuInitialFocusVisible,\n          overflowTrigger: this.actionTriggerEl,\n          actionTriggers: this.actionTriggerEls,\n          closeActionMenu: this.closeActionMenu,\n          finishActionMenuClose: this.finishActionMenuClose,\n          handleActionSelect: this.handleActionSelect,\n        })}\n\n        {renderBarTitleOverflowMenu({\n          classPrefix: 'bar-page-title',\n          showOverflowTrigger: this.showActionMenuTrigger,\n          actionMenuId: this.actionMenuId,\n          actionMenuTriggerId: this.actionMenuTriggerId,\n          actionsAriaLabel: this.actionsAriaLabel,\n          open: this.openActionMenuId === '__overflow',\n          actionMenuInitialFocusVisible: this.actionMenuInitialFocusVisible,\n          actionMenuSections: this.actionMenuSections,\n          closeActionMenu: this.closeActionMenu,\n          finishActionMenuClose: this.finishActionMenuClose,\n          handleActionSelect: this.handleActionSelect,\n        })}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-DYQa1DVF.js → p-C_9VGgPf.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as s,h as a,a as d,t as n}from"./index.js";import{d as r}from"./p-CwdRaJER.js";import{d as i}from"./p-D6FRqNhN.js";import{d as l}from"./p-DjkUFlDW.js";import{d as t}from"./p-0XTyQNRG.js";import{d as c}from"./p-D8OWhnID.js";import{d as h}from"./p-DIQiHX0q.js";const p=()=>`.sc-ds-panel-tool-header-h,.sc-ds-panel-tool-header:where(.ds-table),.sc-ds-panel-tool-header:where(.tooltip-popup),.sc-ds-panel-tool-header:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-panel-tool-header,.ds-control--lg.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header,.ds-control--sm.sc-ds-panel-tool-header-h,.ds-control--sm.sc-ds-panel-tool-header,.ds-control--xs.sc-ds-panel-tool-header-h,.ds-control--xs.sc-ds-panel-tool-header{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-panel-tool-header-h,.ds-control--lg.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-panel-tool-header-h,.ds-control--sm.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-panel-tool-header-h,.ds-control--xs.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control--lg.sc-ds-panel-tool-header,.ds-control--lg.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header,.ds-control--sm.sc-ds-panel-tool-header-h,.ds-control--sm.sc-ds-panel-tool-header,.ds-control--xs.sc-ds-panel-tool-header-h,.ds-control--xs.sc-ds-panel-tool-header{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-panel-tool-header-h,.ds-control--lg.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-panel-tool-header-h,.ds-control--sm.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-panel-tool-header-h,.ds-control--xs.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-header.sc-ds-panel-tool-header{display:flex;align-items:center;box-sizing:border-box;min-width:0;min-block-size:var(--dimension-size-600);padding:var(--dimension-space-100);gap:var(--dimension-space-100)}.ds-chrome-header--wrapping.sc-ds-panel-tool-header{flex-wrap:wrap}.ds-chrome-header--bounded.sc-ds-panel-tool-header{border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.ds-chrome-header__leading.sc-ds-panel-tool-header,.ds-chrome-header__trailing.sc-ds-panel-tool-header{display:flex;align-items:center;flex:0 0 auto;min-width:0}.ds-chrome-header__trailing.sc-ds-panel-tool-header{margin-inline-start:auto;gap:var(--dimension-space-100)}.ds-chrome-header__copy.sc-ds-panel-tool-header{display:flex;flex:1 1 0;min-width:0;padding:var(--ds-control-padding-inline, var(--dimension-space-075));box-sizing:border-box}.ds-chrome-header__copy--wrapping.sc-ds-panel-tool-header{align-items:baseline;flex-wrap:wrap;column-gap:var(--dimension-space-100);row-gap:var(--dimension-space-050)}.ds-chrome-header__copy--stacked.sc-ds-panel-tool-header{align-items:stretch;flex-direction:column;gap:var(--dimension-space-050)}.ds-chrome-header__heading.sc-ds-panel-tool-header,.ds-chrome-header__description.sc-ds-panel-tool-header{width:auto;min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025));box-sizing:border-box}.ds-chrome-header__heading.sc-ds-panel-tool-header{flex:0 1 auto}.ds-chrome-header__copy--wrapping.sc-ds-panel-tool-header .ds-chrome-header__description.sc-ds-panel-tool-header{flex:1 1 var(--dimension-card-width-xs)}.sc-ds-panel-tool-header-h{display:block;flex:0 0 auto;box-sizing:border-box;--_panel-tool-header-fg-primary:var(--_shell-tools-fg-primary, var(--color-foreground-primary));--_panel-tool-header-divider:var(--_shell-tools-divider, var(--color-border-tertiary))}.panel-tool-header.sc-ds-panel-tool-header{height:var(--dimension-size-600);color:var(--_panel-tool-header-fg-primary);border-block-end-color:var(--_panel-tool-header-divider);-webkit-user-select:none;user-select:none}.panel-tool-header__leading.sc-ds-panel-tool-header:empty,.panel-tool-header__trailing.sc-ds-panel-tool-header:empty{display:none}.panel-tool-header__trailing.sc-ds-panel-tool-header{gap:var(--dimension-space-050);justify-content:flex-end}ds-text.panel-tool-header__heading.sc-ds-panel-tool-header{display:inline-flex;flex:1 1 0;align-items:center;width:auto;min-width:0;height:var(--ds-control-height);padding-inline:calc(var(--ds-control-padding-inline) + var(--ds-control-label-inset));box-sizing:border-box;text-align:left;-webkit-user-select:none;user-select:none}`;const m=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.dsBack=s(this,"dsBack",7);this.dsMenuToggle=s(this,"dsMenuToggle",7);this.dsAction=s(this,"dsAction",7);this.heading="";this.showBack=false;this.backIcon="ChevronLeft";this.backAriaLabel="Back";this.showMenu=true;this.menuAriaLabel="More options";this.menuTriggerId="";this.menuExpanded=false;this.actions=[]}async focusMenuTrigger(){const e=this.el.querySelector('ds-button-unfilled.panel-tool-header__menu, ds-button-unfilled[data-header-action-id="menu"]');await(e?.setFocus?.())}render(){const e=this.actions.length>0;const o=e?this.actions:this.showMenu?[{id:"menu",icon:"Ellipses",ariaLabel:this.menuAriaLabel,triggerId:this.menuTriggerId,controls:this.menuControls,expanded:this.menuExpanded,surfaceOpen:this.menuSurfaceOpen,haspopup:"menu"}]:[];return a(d,{key:"36e0849b683317a67451148492b3b088440d34e7"},a("header",{key:"70e7876494c95e421b6807d08f7f5ec13caea94b",class:"panel-tool-header ds-chrome-header ds-chrome-header--bounded"},a("div",{key:"7de753cf669a2cafe7add12bb8799008f9871e7a",class:"panel-tool-header__leading ds-chrome-header__leading"},this.showBack?a("ds-tooltip",{label:this.backAriaLabel,side:"bottom",size:"sm"},a("ds-button-unfilled",{class:"panel-tool-header__back",variant:"icon",icon:this.backIcon,size:"md",background:"chrome","aria-label":this.backAriaLabel,activeFill:false,hasBorder:false,onDsClick:e=>this.dsBack.emit(e.detail)})):null),a("ds-text",{key:"7639b3fef0697a63865a3583107696ea0504d51a",class:"panel-tool-header__heading ds-chrome-header__heading ds-control--md",as:"h2",variant:"text-body-medium",emphasis:true,color:"inherit",lineTruncation:1},this.heading),a("div",{key:"55e4c90c936cb535d72480ae08f8cd74cc9cf6d9",class:"panel-tool-header__trailing ds-chrome-header__trailing"},o.map((o=>a("ds-tooltip",{key:o.id,label:o.ariaLabel,side:"bottom",size:"sm"},a("ds-button-unfilled",{id:o.triggerId||undefined,"data-header-action-id":o.id,class:{"panel-tool-header__action":true,"panel-tool-header__menu":o.id==="menu"},variant:"icon",icon:o.icon,size:"md",background:"chrome","aria-label":o.ariaLabel,haspopup:o.haspopup,controls:o.controls,expanded:o.expanded,surfaceOpen:o.surfaceOpen,pressed:o.pressed,isInactive:o.isInactive,activeFill:false,hasBorder:false,onDsClick:s=>{if(!e&&o.id==="menu")this.dsMenuToggle.emit(s.detail);this.dsAction.emit({id:o.id,originalEvent:s.detail,anchor:s.currentTarget})}})))))))}get el(){return this}static get style(){return p()}},[2,"ds-panel-tool-header",{heading:[1],showBack:[4,"show-back"],backIcon:[1,"back-icon"],backAriaLabel:[1,"back-aria-label"],showMenu:[4,"show-menu"],menuAriaLabel:[1,"menu-aria-label"],menuTriggerId:[1,"menu-trigger-id"],menuControls:[1,"menu-controls"],menuExpanded:[4,"menu-expanded"],menuSurfaceOpen:[4,"menu-surface-open"],actions:[16],focusMenuTrigger:[64]}]);function g(){if(typeof customElements==="undefined"){return}const e=["ds-panel-tool-header","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-panel-tool-header":if(!customElements.get(n(e))){customElements.define(n(e),m)}break;case"ds-badge":if(!customElements.get(n(e))){r()}break;case"ds-button-unfilled":if(!customElements.get(n(e))){i()}break;case"ds-icon":if(!customElements.get(n(e))){l()}break;case"ds-loader":if(!customElements.get(n(e))){t()}break;case"ds-text":if(!customElements.get(n(e))){c()}break;case"ds-tooltip":if(!customElements.get(n(e))){h()}break}}))}g();export{m as P,g as d};
-//# sourceMappingURL=p-DYQa1DVF.js.map
+import{p as e,H as o,c as s,h as a,a as d,t as n}from"./index.js";import{d as r}from"./p-CwdRaJER.js";import{d as i}from"./p-D-J7GgjY.js";import{d as l}from"./p-pPtjNRqC.js";import{d as t}from"./p-0XTyQNRG.js";import{d as c}from"./p-D8OWhnID.js";import{d as h}from"./p-DvGrsLgt.js";const p=()=>`.sc-ds-panel-tool-header-h,.sc-ds-panel-tool-header:where(.ds-table),.sc-ds-panel-tool-header:where(.tooltip-popup),.sc-ds-panel-tool-header:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-panel-tool-header,.ds-control--lg.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header,.ds-control--sm.sc-ds-panel-tool-header-h,.ds-control--sm.sc-ds-panel-tool-header,.ds-control--xs.sc-ds-panel-tool-header-h,.ds-control--xs.sc-ds-panel-tool-header{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-panel-tool-header-h,.ds-control--lg.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-panel-tool-header-h,.ds-control--sm.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-panel-tool-header-h,.ds-control--xs.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control--lg.sc-ds-panel-tool-header,.ds-control--lg.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header,.ds-control--sm.sc-ds-panel-tool-header-h,.ds-control--sm.sc-ds-panel-tool-header,.ds-control--xs.sc-ds-panel-tool-header-h,.ds-control--xs.sc-ds-panel-tool-header{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-panel-tool-header-h,.ds-control--lg.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-panel-tool-header-h,.ds-control--md.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-panel-tool-header-h,.ds-control--sm.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-panel-tool-header-h,.ds-control--xs.sc-ds-panel-tool-header{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-header.sc-ds-panel-tool-header{display:flex;align-items:center;box-sizing:border-box;min-width:0;min-block-size:var(--dimension-size-600);padding:var(--dimension-space-100);gap:var(--dimension-space-100)}.ds-chrome-header--wrapping.sc-ds-panel-tool-header{flex-wrap:wrap}.ds-chrome-header--bounded.sc-ds-panel-tool-header{border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.ds-chrome-header__leading.sc-ds-panel-tool-header,.ds-chrome-header__trailing.sc-ds-panel-tool-header{display:flex;align-items:center;flex:0 0 auto;min-width:0}.ds-chrome-header__trailing.sc-ds-panel-tool-header{margin-inline-start:auto;gap:var(--dimension-space-100)}.ds-chrome-header__copy.sc-ds-panel-tool-header{display:flex;flex:1 1 0;min-width:0;padding:var(--ds-control-padding-inline, var(--dimension-space-075));box-sizing:border-box}.ds-chrome-header__copy--wrapping.sc-ds-panel-tool-header{align-items:baseline;flex-wrap:wrap;column-gap:var(--dimension-space-100);row-gap:var(--dimension-space-050)}.ds-chrome-header__copy--stacked.sc-ds-panel-tool-header{align-items:stretch;flex-direction:column;gap:var(--dimension-space-050)}.ds-chrome-header__heading.sc-ds-panel-tool-header,.ds-chrome-header__description.sc-ds-panel-tool-header{width:auto;min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025));box-sizing:border-box}.ds-chrome-header__heading.sc-ds-panel-tool-header{flex:0 1 auto}.ds-chrome-header__copy--wrapping.sc-ds-panel-tool-header .ds-chrome-header__description.sc-ds-panel-tool-header{flex:1 1 var(--dimension-card-width-xs)}.sc-ds-panel-tool-header-h{display:block;flex:0 0 auto;box-sizing:border-box;--_panel-tool-header-fg-primary:var(--_shell-tools-fg-primary, var(--color-foreground-primary));--_panel-tool-header-divider:var(--_shell-tools-divider, var(--color-border-tertiary))}.panel-tool-header.sc-ds-panel-tool-header{height:var(--dimension-size-600);color:var(--_panel-tool-header-fg-primary);border-block-end-color:var(--_panel-tool-header-divider);-webkit-user-select:none;user-select:none}.panel-tool-header__leading.sc-ds-panel-tool-header:empty,.panel-tool-header__trailing.sc-ds-panel-tool-header:empty{display:none}.panel-tool-header__trailing.sc-ds-panel-tool-header{gap:var(--dimension-space-050);justify-content:flex-end}ds-text.panel-tool-header__heading.sc-ds-panel-tool-header{display:inline-flex;flex:1 1 0;align-items:center;width:auto;min-width:0;height:var(--ds-control-height);padding-inline:calc(var(--ds-control-padding-inline) + var(--ds-control-label-inset));box-sizing:border-box;text-align:left;-webkit-user-select:none;user-select:none}`;const m=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.dsBack=s(this,"dsBack",7);this.dsMenuToggle=s(this,"dsMenuToggle",7);this.dsAction=s(this,"dsAction",7);this.heading="";this.showBack=false;this.backIcon="ChevronLeft";this.backAriaLabel="Back";this.showMenu=true;this.menuAriaLabel="More options";this.menuTriggerId="";this.menuExpanded=false;this.actions=[]}async focusMenuTrigger(){const e=this.el.querySelector('ds-button-unfilled.panel-tool-header__menu, ds-button-unfilled[data-header-action-id="menu"]');await(e?.setFocus?.())}render(){const e=this.actions.length>0;const o=e?this.actions:this.showMenu?[{id:"menu",icon:"Ellipses",ariaLabel:this.menuAriaLabel,triggerId:this.menuTriggerId,controls:this.menuControls,expanded:this.menuExpanded,surfaceOpen:this.menuSurfaceOpen,haspopup:"menu"}]:[];return a(d,{key:"36e0849b683317a67451148492b3b088440d34e7"},a("header",{key:"70e7876494c95e421b6807d08f7f5ec13caea94b",class:"panel-tool-header ds-chrome-header ds-chrome-header--bounded"},a("div",{key:"7de753cf669a2cafe7add12bb8799008f9871e7a",class:"panel-tool-header__leading ds-chrome-header__leading"},this.showBack?a("ds-tooltip",{label:this.backAriaLabel,side:"bottom",size:"sm"},a("ds-button-unfilled",{class:"panel-tool-header__back",variant:"icon",icon:this.backIcon,size:"md",background:"chrome","aria-label":this.backAriaLabel,activeFill:false,hasBorder:false,onDsClick:e=>this.dsBack.emit(e.detail)})):null),a("ds-text",{key:"7639b3fef0697a63865a3583107696ea0504d51a",class:"panel-tool-header__heading ds-chrome-header__heading ds-control--md",as:"h2",variant:"text-body-medium",emphasis:true,color:"inherit",lineTruncation:1},this.heading),a("div",{key:"55e4c90c936cb535d72480ae08f8cd74cc9cf6d9",class:"panel-tool-header__trailing ds-chrome-header__trailing"},o.map((o=>a("ds-tooltip",{key:o.id,label:o.ariaLabel,side:"bottom",size:"sm"},a("ds-button-unfilled",{id:o.triggerId||undefined,"data-header-action-id":o.id,class:{"panel-tool-header__action":true,"panel-tool-header__menu":o.id==="menu"},variant:"icon",icon:o.icon,size:"md",background:"chrome","aria-label":o.ariaLabel,haspopup:o.haspopup,controls:o.controls,expanded:o.expanded,surfaceOpen:o.surfaceOpen,pressed:o.pressed,isInactive:o.isInactive,activeFill:false,hasBorder:false,onDsClick:s=>{if(!e&&o.id==="menu")this.dsMenuToggle.emit(s.detail);this.dsAction.emit({id:o.id,originalEvent:s.detail,anchor:s.currentTarget})}})))))))}get el(){return this}static get style(){return p()}},[2,"ds-panel-tool-header",{heading:[1],showBack:[4,"show-back"],backIcon:[1,"back-icon"],backAriaLabel:[1,"back-aria-label"],showMenu:[4,"show-menu"],menuAriaLabel:[1,"menu-aria-label"],menuTriggerId:[1,"menu-trigger-id"],menuControls:[1,"menu-controls"],menuExpanded:[4,"menu-expanded"],menuSurfaceOpen:[4,"menu-surface-open"],actions:[16],focusMenuTrigger:[64]}]);function g(){if(typeof customElements==="undefined"){return}const e=["ds-panel-tool-header","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-panel-tool-header":if(!customElements.get(n(e))){customElements.define(n(e),m)}break;case"ds-badge":if(!customElements.get(n(e))){r()}break;case"ds-button-unfilled":if(!customElements.get(n(e))){i()}break;case"ds-icon":if(!customElements.get(n(e))){l()}break;case"ds-loader":if(!customElements.get(n(e))){t()}break;case"ds-text":if(!customElements.get(n(e))){c()}break;case"ds-tooltip":if(!customElements.get(n(e))){h()}break}}))}g();export{m as P,g as d};
+//# sourceMappingURL=p-C_9VGgPf.js.map

package/dist/components/p-CbrDF2gA.js

@@ -0,0 +1,2 @@
+const n=["http:","https:"];function e(e,t={}){const d=typeof e==="string"?e.trim():"";if(!d)return undefined;const u=t.baseUrl??(typeof document==="undefined"?undefined:document.baseURI);try{const e=u===undefined?new URL(d):new URL(d,u);const o=t.protocols??n;return o.includes(e.protocol)?e.href:undefined}catch{return undefined}}export{e as r};
+//# sourceMappingURL=p-CbrDF2gA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_PROTOCOLS","resolveSafeUrl","value","options","candidate","trim","undefined","baseUrl","document","baseURI","url","URL","protocols","includes","protocol","href"],"sources":["src/wc/utils/safe-url.ts"],"sourcesContent":["export type SafeUrlProtocol = 'blob:' | 'http:' | 'https:' | 'mailto:';\n\nexport interface ResolveSafeUrlOptions {\n  protocols?: readonly SafeUrlProtocol[];\n  baseUrl?: string | URL;\n}\n\nconst DEFAULT_PROTOCOLS: readonly SafeUrlProtocol[] = ['http:', 'https:'];\n\n/**\n * Resolve a consumer-authored URL only when its protocol is explicitly allowed.\n * Relative URLs use the current document base in browser rendering; server-side\n * callers can provide `baseUrl` when they intentionally support relative input.\n */\nexport function resolveSafeUrl(\n  value: string | null | undefined,\n  options: ResolveSafeUrlOptions = {}\n): string | undefined {\n  const candidate = typeof value === 'string' ? value.trim() : '';\n  if (!candidate) return undefined;\n\n  const baseUrl =\n    options.baseUrl ?? (typeof document === 'undefined' ? undefined : document.baseURI);\n\n  try {\n    const url = baseUrl === undefined ? new URL(candidate) : new URL(candidate, baseUrl);\n    const protocols = options.protocols ?? DEFAULT_PROTOCOLS;\n    return protocols.includes(url.protocol as SafeUrlProtocol) ? url.href : undefined;\n  } catch {\n    return undefined;\n  }\n}\n"],"mappings":"AAOA,MAAMA,EAAgD,CAAC,QAAS,U,SAOhDC,EACdC,EACAC,EAAiC,IAEjC,MAAMC,SAAmBF,IAAU,SAAWA,EAAMG,OAAS,GAC7D,IAAKD,EAAW,OAAOE,UAEvB,MAAMC,EACJJ,EAAQI,iBAAmBC,WAAa,YAAcF,UAAYE,SAASC,SAE7E,IACE,MAAMC,EAAMH,IAAYD,UAAY,IAAIK,IAAIP,GAAa,IAAIO,IAAIP,EAAWG,GAC5E,MAAMK,EAAYT,EAAQS,WAAaZ,EACvC,OAAOY,EAAUC,SAASH,EAAII,UAA+BJ,EAAIK,KAAOT,S,CACxE,MACA,OAAOA,S,CAEX,Q","ignoreList":[]}

package/dist/components/{p-7TVdPhGR.js → p-CgQB8Ct5.js}

@@ -1,2 +1,2 @@
-import{p as i,H as e,c as o,h as n,a as r,t as s}from"./index.js";import{s as a}from"./p-CgGcgMjs.js";import{d as t}from"./p-CwdRaJER.js";import{d}from"./p-DjkUFlDW.js";import{d as c}from"./p-D8OWhnID.js";const l=()=>`.ds-chrome-space--sm.sc-ds-mobile-bar-nav-h,.ds-chrome-space--sm.sc-ds-mobile-bar-nav{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-mobile-bar-nav-h,.ds-chrome-space--md.sc-ds-mobile-bar-nav{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-mobile-bar-nav-h,.ds-chrome-space--lg.sc-ds-mobile-bar-nav{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-mobile-bar-nav-h,.ds-chrome-row.sc-ds-mobile-bar-nav,.ds-chrome-column.sc-ds-mobile-bar-nav-h,.ds-chrome-column.sc-ds-mobile-bar-nav,.ds-chrome-grid.sc-ds-mobile-bar-nav-h,.ds-chrome-grid.sc-ds-mobile-bar-nav{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-mobile-bar-nav-h,.ds-chrome-row.sc-ds-mobile-bar-nav{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-mobile-bar-nav-h,.ds-chrome-column.sc-ds-mobile-bar-nav{flex-direction:column}.ds-chrome-grid.sc-ds-mobile-bar-nav-h,.ds-chrome-grid.sc-ds-mobile-bar-nav{display:grid;align-items:center}@media (forced-colors: active){.sc-ds-mobile-bar-nav:root,.sc-ds-mobile-bar-nav-h,.ds-forced-colors-scope.sc-ds-mobile-bar-nav{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-mobile-bar-nav-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-mobile-bar-nav-h,.ds-focus-ring.sc-ds-mobile-bar-nav,.ds-focus-ring-inset.sc-ds-mobile-bar-nav-h,.ds-focus-ring-inset.sc-ds-mobile-bar-nav{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-mobile-bar-nav-h:focus-visible,.ds-focus-ring.sc-ds-mobile-bar-nav:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-mobile-bar-nav-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-mobile-bar-nav{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-mobile-bar-nav-h:focus-visible,.ds-focus-ring-inset.sc-ds-mobile-bar-nav:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-mobile-bar-nav-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-mobile-bar-nav:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-mobile-bar-nav-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-mobile-bar-nav{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-mobile-bar-nav-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-mobile-bar-nav::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-mobile-bar-nav-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-mobile-bar-nav:root,.sc-ds-mobile-bar-nav-h,.ds-forced-colors-scope.sc-ds-mobile-bar-nav{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-mobile-bar-nav-h,.ds-interaction-fill.sc-ds-mobile-bar-nav{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-mobile-bar-nav-h::before,.ds-interaction-fill.sc-ds-mobile-bar-nav::before,.ds-interaction-fill.sc-ds-mobile-bar-nav-h::after,.ds-interaction-fill.sc-ds-mobile-bar-nav::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-mobile-bar-nav-h::before,.ds-interaction-fill.sc-ds-mobile-bar-nav::before{z-index:1}.ds-interaction-fill.sc-ds-mobile-bar-nav-h::after,.ds-interaction-fill.sc-ds-mobile-bar-nav::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--bordered.sc-ds-mobile-bar-nav{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-mobile-bar-nav-h::before,.ds-interaction-fill--selected.sc-ds-mobile-bar-nav::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--selected.sc-ds-mobile-bar-nav{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-mobile-bar-nav-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-mobile-bar-nav:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-mobile-bar-nav-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-mobile-bar-nav:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav-h::after,.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav::after,.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-mobile-bar-nav-h>.ds-interaction-fill__content.sc-ds-mobile-bar-nav,.ds-interaction-fill.sc-ds-mobile-bar-nav>.ds-interaction-fill__content.sc-ds-mobile-bar-nav,.ds-interaction-fill__content.sc-ds-mobile-bar-nav{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-faint.sc-ds-mobile-bar-nav{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-medium.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-bold.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-strong.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-translucent.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-inverted.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-media.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-always-dark.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-chrome.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-navigation.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-mobile-bar-nav-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-mobile-bar-nav:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-mobile-bar-nav-h::after,.ds-interaction-fill.sc-ds-mobile-bar-nav::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-mobile-bar-nav-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-mobile-bar-nav:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-mobile-bar-nav-h::before,.ds-interaction-fill--selected.sc-ds-mobile-bar-nav::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-mobile-bar-nav-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-mobile-bar-nav: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)}}.sc-ds-mobile-bar-nav-h{display:block;min-width:0;background:var(--color-background-primary);color:var(--color-foreground-tertiary);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mobile-bar-nav.sc-ds-mobile-bar-nav{justify-content:space-between;min-width:0;padding-block-end:max(var(--ds-chrome-padding), env(safe-area-inset-bottom));border-top:var(--dimension-stroke-width-012) solid var(--color-border-tertiary);background:var(--color-background-primary);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mobile-bar-nav__group.sc-ds-mobile-bar-nav{display:flex;align-items:center;gap:var(--dimension-space-100)}.mobile-bar-nav__item.sc-ds-mobile-bar-nav{appearance:none;flex:0 0 var(--dimension-size-500);width:var(--dimension-size-500);height:var(--dimension-size-500);padding:var(--dimension-space-100);border:0;border-radius:var(--dimension-radius-025);background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:default}.mobile-bar-nav__item--selected.sc-ds-mobile-bar-nav{color:var(--color-foreground-primary)}@media (hover: none) and (pointer: coarse){.mobile-bar-nav__item.ds-interaction-fill.sc-ds-mobile-bar-nav:active:not(:disabled)::after{background:transparent}.mobile-bar-nav__item--pressed.ds-interaction-fill.sc-ds-mobile-bar-nav::after,.mobile-bar-nav__item--pressed.ds-interaction-fill.sc-ds-mobile-bar-nav:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}}.mobile-bar-nav__divider.sc-ds-mobile-bar-nav{flex:0 0 var(--dimension-stroke-width-012);width:var(--dimension-stroke-width-012);height:var(--dimension-iconography-lg);background:var(--color-border-tertiary);pointer-events:none;-webkit-user-select:none;user-select:none}.mobile-bar-nav__icon.sc-ds-mobile-bar-nav{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--dimension-iconography-lg);height:var(--dimension-iconography-lg)}.mobile-bar-nav__dot.sc-ds-mobile-bar-nav{position:absolute;inset-block-start:calc(var(--dimension-space-025) * -1);inset-inline-end:calc(var(--dimension-space-025) * -1)}`;const b=120;const v=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.dsSheetNavToggle=o(this,"dsSheetNavToggle",7);this.dsDestinationChange=o(this,"dsDestinationChange",7);this.activeDestination="area";this.primaryDestination="area";this.currentArea={id:"tracking",icon:"MapPage",label:"Tracking"};this.sheetNavExpanded=false;this.menuLabel="Menu";this.searchLabel="Search";this.activityMode="direct";this.activityLabel="Activity";this.inboxLabel="Inbox";this.messagesLabel="Messages";this.agentsLabel="Agents";this.helpLabel="Help & Support";this.searchDot=false;this.activityDot=false;this.inboxDot=false;this.messagesDot=false;this.agentsDot=false;this.pressedItemId=null;this.activePointerId=null;this.pressedAt=0;this.pressClearTimer=null}disconnectedCallback(){this.clearPressedItem()}clearPressTimer(){if(this.pressClearTimer===null)return;clearTimeout(this.pressClearTimer);this.pressClearTimer=null}clearPressedItem(){this.clearPressTimer();this.activePointerId=null;this.pressedItemId=null}beginDirectPress(i,e){if(!e.isPrimary||e.pointerType==="mouse"||e.button!==0)return;this.clearPressTimer();this.activePointerId=e.pointerId;this.pressedAt=performance.now();this.pressedItemId=i;const o=e.currentTarget;try{o.setPointerCapture(e.pointerId)}catch{}}finishDirectPress(i){if(i.pointerId!==this.activePointerId)return;this.activePointerId=null;const e=Math.max(0,b-(performance.now()-this.pressedAt));this.clearPressTimer();this.pressClearTimer=setTimeout((()=>{this.pressClearTimer=null;this.pressedItemId=null}),e)}cancelDirectPress(i){if(i.pointerId!==this.activePointerId)return;this.clearPressedItem()}pressHandlers(i){return{onPointerDown:e=>this.beginDirectPress(i,e),onPointerUp:i=>this.finishDirectPress(i),onPointerCancel:i=>this.cancelDirectPress(i),onLostPointerCapture:i=>this.finishDirectPress(i)}}destinationConfig(){const i=this.primaryDestination==="help"||this.activeDestination==="help"?{id:"help",icon:"QuestionCircle",label:this.helpLabel,dot:false}:{id:"area",icon:this.currentArea.icon||"MapPage",label:this.currentArea.label||"Area",dot:false};const e=this.activityMode==="direct"?{id:"activity",icon:"Bell",label:this.activityLabel,dot:this.activityDot}:{id:"inbox",icon:"Inbox",label:this.inboxLabel,dot:this.inboxDot};return[i,{id:"search",icon:"MagnifyingGlass",label:this.searchLabel,dot:this.searchDot},e,{id:"messages",icon:"MessageBubbleStack",label:this.messagesLabel,dot:this.messagesDot},{id:"agents",icon:"AIAsterisk",label:this.agentsLabel,dot:this.agentsDot}]}selectDestination(i){if(!a(this.activeDestination,i,this.sheetNavExpanded)){return}this.dsDestinationChange.emit({destination:i});requestAnimationFrame((()=>{void this.focusDestination(i)}))}async focusDestination(i){const e=this.el.querySelector(`#${i==="sheet-nav"?"ds-mobile-sheet-nav-trigger":`ds-mobile-bar-${i}-trigger`}`);e?.focus({preventScroll:true})}renderDestination(i){const e=!this.sheetNavExpanded&&i.id===this.activeDestination;return n("button",{id:`ds-mobile-bar-${i.id}-trigger`,type:"button",class:{"mobile-bar-nav__item":true,"mobile-bar-nav__item--selected":e,"mobile-bar-nav__item--pressed":this.pressedItemId===i.id,"ds-focus-ring-inset":true,"ds-interaction-fill":true},"aria-label":i.label,"aria-current":e?"page":undefined,onClick:()=>this.selectDestination(i.id),...this.pressHandlers(i.id)},n("span",{class:"mobile-bar-nav__icon ds-interaction-fill__content"},n("ds-icon",{name:i.icon,size:"lg",color:"inherit"}),i.dot&&n("ds-badge",{class:"mobile-bar-nav__dot",variant:"dot",label:"","aria-hidden":"true"})))}render(){const[i,...e]=this.destinationConfig();return n(r,{key:"7b30a3ba763e184e4088744edb97af84d0b1daba"},n("nav",{key:"39f02005605aa03c0ed810764d4919561b2ec1a4",class:"mobile-bar-nav ds-chrome-row ds-chrome-space--md","aria-label":"Primary"},n("div",{key:"00a5ab52c339f9f286b4444f45a347d43353cc70",class:"mobile-bar-nav__group mobile-bar-nav__group--context"},n("button",{key:"005850c6ad453f915c15899a1ca49488d79ade07",id:"ds-mobile-sheet-nav-trigger",type:"button",class:{"mobile-bar-nav__item":true,"mobile-bar-nav__item--selected":this.sheetNavExpanded,"mobile-bar-nav__item--pressed":this.pressedItemId==="sheet-nav","ds-focus-ring-inset":true,"ds-interaction-fill":true},"aria-label":this.menuLabel,"aria-expanded":String(this.sheetNavExpanded),"aria-controls":"ds-mobile-sheet-nav",onClick:()=>this.dsSheetNavToggle.emit(!this.sheetNavExpanded),...this.pressHandlers("sheet-nav")},n("span",{key:"ebc85da4cd6e363265d701775891234af81e8e7e",class:"mobile-bar-nav__icon ds-interaction-fill__content"},n("ds-icon",{key:"ed23ee63819eae9598231261b7e0a39da8a10de4",name:this.sheetNavExpanded?"Cross":"Hamburger",size:"lg",color:"inherit"}))),n("span",{key:"240fc9ce9e51751f33db784ace3f00134ff7fa6c",class:"mobile-bar-nav__divider","aria-hidden":"true"}),this.renderDestination(i)),n("div",{key:"711ee3dcbd37533eb587b95185d8cffa2b41163c",class:"mobile-bar-nav__group mobile-bar-nav__group--tools"},e.map((i=>this.renderDestination(i))))))}get el(){return this}static get style(){return l()}},[2,"ds-mobile-bar-nav",{activeDestination:[1,"active-destination"],primaryDestination:[1,"primary-destination"],currentArea:[16],sheetNavExpanded:[4,"sheet-nav-expanded"],menuLabel:[1,"menu-label"],searchLabel:[1,"search-label"],activityMode:[1,"activity-mode"],activityLabel:[1,"activity-label"],inboxLabel:[1,"inbox-label"],messagesLabel:[1,"messages-label"],agentsLabel:[1,"agents-label"],helpLabel:[1,"help-label"],searchDot:[4,"search-dot"],activityDot:[4,"activity-dot"],inboxDot:[4,"inbox-dot"],messagesDot:[4,"messages-dot"],agentsDot:[4,"agents-dot"],pressedItemId:[32],focusDestination:[64]}]);function m(){if(typeof customElements==="undefined"){return}const i=["ds-mobile-bar-nav","ds-badge","ds-icon","ds-text"];i.forEach((i=>{switch(i){case"ds-mobile-bar-nav":if(!customElements.get(s(i))){customElements.define(s(i),v)}break;case"ds-badge":if(!customElements.get(s(i))){t()}break;case"ds-icon":if(!customElements.get(s(i))){d()}break;case"ds-text":if(!customElements.get(s(i))){c()}break}}))}m();export{v as M,m as d};
-//# sourceMappingURL=p-7TVdPhGR.js.map
+import{p as i,H as e,c as o,h as n,a as r,t as s}from"./index.js";import{s as a}from"./p-CgGcgMjs.js";import{d as t}from"./p-CwdRaJER.js";import{d}from"./p-pPtjNRqC.js";import{d as c}from"./p-D8OWhnID.js";const l=()=>`.ds-chrome-space--sm.sc-ds-mobile-bar-nav-h,.ds-chrome-space--sm.sc-ds-mobile-bar-nav{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-mobile-bar-nav-h,.ds-chrome-space--md.sc-ds-mobile-bar-nav{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-mobile-bar-nav-h,.ds-chrome-space--lg.sc-ds-mobile-bar-nav{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-mobile-bar-nav-h,.ds-chrome-row.sc-ds-mobile-bar-nav,.ds-chrome-column.sc-ds-mobile-bar-nav-h,.ds-chrome-column.sc-ds-mobile-bar-nav,.ds-chrome-grid.sc-ds-mobile-bar-nav-h,.ds-chrome-grid.sc-ds-mobile-bar-nav{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-mobile-bar-nav-h,.ds-chrome-row.sc-ds-mobile-bar-nav{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-mobile-bar-nav-h,.ds-chrome-column.sc-ds-mobile-bar-nav{flex-direction:column}.ds-chrome-grid.sc-ds-mobile-bar-nav-h,.ds-chrome-grid.sc-ds-mobile-bar-nav{display:grid;align-items:center}@media (forced-colors: active){.sc-ds-mobile-bar-nav:root,.sc-ds-mobile-bar-nav-h,.ds-forced-colors-scope.sc-ds-mobile-bar-nav{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-mobile-bar-nav-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-mobile-bar-nav-h,.ds-focus-ring.sc-ds-mobile-bar-nav,.ds-focus-ring-inset.sc-ds-mobile-bar-nav-h,.ds-focus-ring-inset.sc-ds-mobile-bar-nav{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-mobile-bar-nav-h:focus-visible,.ds-focus-ring.sc-ds-mobile-bar-nav:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-mobile-bar-nav-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-mobile-bar-nav{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-mobile-bar-nav-h:focus-visible,.ds-focus-ring-inset.sc-ds-mobile-bar-nav:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-mobile-bar-nav-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-mobile-bar-nav:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-mobile-bar-nav-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-mobile-bar-nav{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-mobile-bar-nav-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-mobile-bar-nav::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-mobile-bar-nav-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-mobile-bar-nav:root,.sc-ds-mobile-bar-nav-h,.ds-forced-colors-scope.sc-ds-mobile-bar-nav{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-mobile-bar-nav-h,.ds-interaction-fill.sc-ds-mobile-bar-nav{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-mobile-bar-nav-h::before,.ds-interaction-fill.sc-ds-mobile-bar-nav::before,.ds-interaction-fill.sc-ds-mobile-bar-nav-h::after,.ds-interaction-fill.sc-ds-mobile-bar-nav::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-mobile-bar-nav-h::before,.ds-interaction-fill.sc-ds-mobile-bar-nav::before{z-index:1}.ds-interaction-fill.sc-ds-mobile-bar-nav-h::after,.ds-interaction-fill.sc-ds-mobile-bar-nav::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--bordered.sc-ds-mobile-bar-nav{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-mobile-bar-nav-h::before,.ds-interaction-fill--selected.sc-ds-mobile-bar-nav::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--selected.sc-ds-mobile-bar-nav{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-mobile-bar-nav-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-mobile-bar-nav:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-mobile-bar-nav-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-mobile-bar-nav:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav-h::after,.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav::after,.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--grouped.sc-ds-mobile-bar-nav{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-mobile-bar-nav-h>.ds-interaction-fill__content.sc-ds-mobile-bar-nav,.ds-interaction-fill.sc-ds-mobile-bar-nav>.ds-interaction-fill__content.sc-ds-mobile-bar-nav,.ds-interaction-fill__content.sc-ds-mobile-bar-nav{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-faint.sc-ds-mobile-bar-nav{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-medium.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-bold.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-strong.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-translucent.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-inverted.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-media.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-always-dark.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-chrome.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-mobile-bar-nav-h,.ds-interaction-fill--on-navigation.sc-ds-mobile-bar-nav{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-mobile-bar-nav-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-mobile-bar-nav:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-mobile-bar-nav-h::after,.ds-interaction-fill.sc-ds-mobile-bar-nav::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-mobile-bar-nav-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-mobile-bar-nav:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-mobile-bar-nav-h::before,.ds-interaction-fill--selected.sc-ds-mobile-bar-nav::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-mobile-bar-nav-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-mobile-bar-nav: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)}}.sc-ds-mobile-bar-nav-h{display:block;min-width:0;background:var(--color-background-primary);color:var(--color-foreground-tertiary);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mobile-bar-nav.sc-ds-mobile-bar-nav{justify-content:space-between;min-width:0;padding-block-end:max(var(--ds-chrome-padding), env(safe-area-inset-bottom));border-top:var(--dimension-stroke-width-012) solid var(--color-border-tertiary);background:var(--color-background-primary);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mobile-bar-nav__group.sc-ds-mobile-bar-nav{display:flex;align-items:center;gap:var(--dimension-space-100)}.mobile-bar-nav__item.sc-ds-mobile-bar-nav{appearance:none;flex:0 0 var(--dimension-size-500);width:var(--dimension-size-500);height:var(--dimension-size-500);padding:var(--dimension-space-100);border:0;border-radius:var(--dimension-radius-025);background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:default}.mobile-bar-nav__item--selected.sc-ds-mobile-bar-nav{color:var(--color-foreground-primary)}@media (hover: none) and (pointer: coarse){.mobile-bar-nav__item.ds-interaction-fill.sc-ds-mobile-bar-nav:active:not(:disabled)::after{background:transparent}.mobile-bar-nav__item--pressed.ds-interaction-fill.sc-ds-mobile-bar-nav::after,.mobile-bar-nav__item--pressed.ds-interaction-fill.sc-ds-mobile-bar-nav:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}}.mobile-bar-nav__divider.sc-ds-mobile-bar-nav{flex:0 0 var(--dimension-stroke-width-012);width:var(--dimension-stroke-width-012);height:var(--dimension-iconography-lg);background:var(--color-border-tertiary);pointer-events:none;-webkit-user-select:none;user-select:none}.mobile-bar-nav__icon.sc-ds-mobile-bar-nav{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--dimension-iconography-lg);height:var(--dimension-iconography-lg)}.mobile-bar-nav__dot.sc-ds-mobile-bar-nav{position:absolute;inset-block-start:calc(var(--dimension-space-025) * -1);inset-inline-end:calc(var(--dimension-space-025) * -1)}`;const b=120;const v=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.dsSheetNavToggle=o(this,"dsSheetNavToggle",7);this.dsDestinationChange=o(this,"dsDestinationChange",7);this.activeDestination="area";this.primaryDestination="area";this.currentArea={id:"tracking",icon:"MapPage",label:"Tracking"};this.sheetNavExpanded=false;this.menuLabel="Menu";this.searchLabel="Search";this.activityMode="direct";this.activityLabel="Activity";this.inboxLabel="Inbox";this.messagesLabel="Messages";this.agentsLabel="Agents";this.helpLabel="Help & Support";this.searchDot=false;this.activityDot=false;this.inboxDot=false;this.messagesDot=false;this.agentsDot=false;this.pressedItemId=null;this.activePointerId=null;this.pressedAt=0;this.pressClearTimer=null}disconnectedCallback(){this.clearPressedItem()}clearPressTimer(){if(this.pressClearTimer===null)return;clearTimeout(this.pressClearTimer);this.pressClearTimer=null}clearPressedItem(){this.clearPressTimer();this.activePointerId=null;this.pressedItemId=null}beginDirectPress(i,e){if(!e.isPrimary||e.pointerType==="mouse"||e.button!==0)return;this.clearPressTimer();this.activePointerId=e.pointerId;this.pressedAt=performance.now();this.pressedItemId=i;const o=e.currentTarget;try{o.setPointerCapture(e.pointerId)}catch{}}finishDirectPress(i){if(i.pointerId!==this.activePointerId)return;this.activePointerId=null;const e=Math.max(0,b-(performance.now()-this.pressedAt));this.clearPressTimer();this.pressClearTimer=setTimeout((()=>{this.pressClearTimer=null;this.pressedItemId=null}),e)}cancelDirectPress(i){if(i.pointerId!==this.activePointerId)return;this.clearPressedItem()}pressHandlers(i){return{onPointerDown:e=>this.beginDirectPress(i,e),onPointerUp:i=>this.finishDirectPress(i),onPointerCancel:i=>this.cancelDirectPress(i),onLostPointerCapture:i=>this.finishDirectPress(i)}}destinationConfig(){const i=this.primaryDestination==="help"||this.activeDestination==="help"?{id:"help",icon:"QuestionCircle",label:this.helpLabel,dot:false}:{id:"area",icon:this.currentArea.icon||"MapPage",label:this.currentArea.label||"Area",dot:false};const e=this.activityMode==="direct"?{id:"activity",icon:"Bell",label:this.activityLabel,dot:this.activityDot}:{id:"inbox",icon:"Inbox",label:this.inboxLabel,dot:this.inboxDot};return[i,{id:"search",icon:"MagnifyingGlass",label:this.searchLabel,dot:this.searchDot},e,{id:"messages",icon:"MessageBubbleStack",label:this.messagesLabel,dot:this.messagesDot},{id:"agents",icon:"AIAsterisk",label:this.agentsLabel,dot:this.agentsDot}]}selectDestination(i){if(!a(this.activeDestination,i,this.sheetNavExpanded)){return}this.dsDestinationChange.emit({destination:i});requestAnimationFrame((()=>{void this.focusDestination(i)}))}async focusDestination(i){const e=this.el.querySelector(`#${i==="sheet-nav"?"ds-mobile-sheet-nav-trigger":`ds-mobile-bar-${i}-trigger`}`);e?.focus({preventScroll:true})}renderDestination(i){const e=!this.sheetNavExpanded&&i.id===this.activeDestination;return n("button",{id:`ds-mobile-bar-${i.id}-trigger`,type:"button",class:{"mobile-bar-nav__item":true,"mobile-bar-nav__item--selected":e,"mobile-bar-nav__item--pressed":this.pressedItemId===i.id,"ds-focus-ring-inset":true,"ds-interaction-fill":true},"aria-label":i.label,"aria-current":e?"page":undefined,onClick:()=>this.selectDestination(i.id),...this.pressHandlers(i.id)},n("span",{class:"mobile-bar-nav__icon ds-interaction-fill__content"},n("ds-icon",{name:i.icon,size:"lg",color:"inherit"}),i.dot&&n("ds-badge",{class:"mobile-bar-nav__dot",variant:"dot",label:"","aria-hidden":"true"})))}render(){const[i,...e]=this.destinationConfig();return n(r,{key:"7b30a3ba763e184e4088744edb97af84d0b1daba"},n("nav",{key:"39f02005605aa03c0ed810764d4919561b2ec1a4",class:"mobile-bar-nav ds-chrome-row ds-chrome-space--md","aria-label":"Primary"},n("div",{key:"00a5ab52c339f9f286b4444f45a347d43353cc70",class:"mobile-bar-nav__group mobile-bar-nav__group--context"},n("button",{key:"005850c6ad453f915c15899a1ca49488d79ade07",id:"ds-mobile-sheet-nav-trigger",type:"button",class:{"mobile-bar-nav__item":true,"mobile-bar-nav__item--selected":this.sheetNavExpanded,"mobile-bar-nav__item--pressed":this.pressedItemId==="sheet-nav","ds-focus-ring-inset":true,"ds-interaction-fill":true},"aria-label":this.menuLabel,"aria-expanded":String(this.sheetNavExpanded),"aria-controls":"ds-mobile-sheet-nav",onClick:()=>this.dsSheetNavToggle.emit(!this.sheetNavExpanded),...this.pressHandlers("sheet-nav")},n("span",{key:"ebc85da4cd6e363265d701775891234af81e8e7e",class:"mobile-bar-nav__icon ds-interaction-fill__content"},n("ds-icon",{key:"ed23ee63819eae9598231261b7e0a39da8a10de4",name:this.sheetNavExpanded?"Cross":"Hamburger",size:"lg",color:"inherit"}))),n("span",{key:"240fc9ce9e51751f33db784ace3f00134ff7fa6c",class:"mobile-bar-nav__divider","aria-hidden":"true"}),this.renderDestination(i)),n("div",{key:"711ee3dcbd37533eb587b95185d8cffa2b41163c",class:"mobile-bar-nav__group mobile-bar-nav__group--tools"},e.map((i=>this.renderDestination(i))))))}get el(){return this}static get style(){return l()}},[2,"ds-mobile-bar-nav",{activeDestination:[1,"active-destination"],primaryDestination:[1,"primary-destination"],currentArea:[16],sheetNavExpanded:[4,"sheet-nav-expanded"],menuLabel:[1,"menu-label"],searchLabel:[1,"search-label"],activityMode:[1,"activity-mode"],activityLabel:[1,"activity-label"],inboxLabel:[1,"inbox-label"],messagesLabel:[1,"messages-label"],agentsLabel:[1,"agents-label"],helpLabel:[1,"help-label"],searchDot:[4,"search-dot"],activityDot:[4,"activity-dot"],inboxDot:[4,"inbox-dot"],messagesDot:[4,"messages-dot"],agentsDot:[4,"agents-dot"],pressedItemId:[32],focusDestination:[64]}]);function m(){if(typeof customElements==="undefined"){return}const i=["ds-mobile-bar-nav","ds-badge","ds-icon","ds-text"];i.forEach((i=>{switch(i){case"ds-mobile-bar-nav":if(!customElements.get(s(i))){customElements.define(s(i),v)}break;case"ds-badge":if(!customElements.get(s(i))){t()}break;case"ds-icon":if(!customElements.get(s(i))){d()}break;case"ds-text":if(!customElements.get(s(i))){c()}break}}))}m();export{v as M,m as d};
+//# sourceMappingURL=p-CgQB8Ct5.js.map