@ds-mo/ui 13.13.0 → 13.14.0

package/dist/components/ds-shell-app.js

@@ -1,2 +1,2 @@
-import{p as s,H as e,c as t,h as i,a as n,t as a}from"./index.js";import{c as o,d as l}from"./p-bLCbOPYa.js";import{C as h,c as r,r as d,a as p,b as c,d as u}from"./p-BUZLhvs1.js";import{i as f,a as b,r as m,b as g,S as v,c as _}from"./p-DNpE0RBz.js";import{d as w}from"./p-GbTasczF.js";import{d as y}from"./p-DwKC_9u2.js";import{d as k}from"./p-Br0fwWUG.js";import{d as x}from"./p-D6g070eY.js";import{d as C}from"./p-D-F8eyXy.js";import{d as S}from"./p-C3Z01Glr.js";import{d as D}from"./p-DumWT7NN.js";import{d as L}from"./p-Ca-I2UnB.js";import{d as M}from"./p-cPh32CFB.js";import{d as T}from"./p-DGvzGGcu.js";import{d as B}from"./p-BAGTb6cZ.js";import{d as P}from"./p-B1JB0Zn-.js";import{d as N}from"./p-BNHPCCw8.js";import{d as A}from"./p-BgaF83uh.js";import{d as E}from"./p-BFMV9TJO.js";import{d as z}from"./p-CE82aQZr.js";import{d as j}from"./p-Cw1bbiCG.js";import{d as I}from"./p-DLwM1RNL.js";import{d as G}from"./p-Ch5yT3UA.js";import{d as F}from"./p-CzV4gIxd.js";import{d as $}from"./p-BNiIyZCn.js";import{d as O}from"./p-CCYgBUUS.js";const U=["none","cool","neutral","warm","fresh"];const H="neutral";const R={cool:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-blue-strong-background)",position:100}]},neutral:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-grey-strong-background)",position:100}]},warm:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-yellow-strong-background)",position:100}]},fresh:{opacity:.4,stops:[{color:"var(--color-color-intent-cyan-faint-background)",position:0},{color:"var(--color-background-transparent)",position:47},{color:"var(--color-background-transparent)",position:58},{color:"var(--color-color-intent-red-faint-background)",position:83},{color:"var(--color-color-intent-pink-faint-background)",position:100}]}};const V="100% 100% at 0% 0%";function W(s){const e=Y(s);return e==="none"?null:R[e]}function Z(s){return String(W(s)?.opacity??0)}function K(s){return U.includes(s)}function Y(s){return s!=null&&K(s)?s:H}function q(s){const e=Y(s);if(e==="none")return"none";return J(R[e].stops)}function J(s){const e=s.map((s=>`${s.color} ${s.position}%`)).join(", ");return`radial-gradient(${V}, ${e})`}const Q="--ds-shell-gradient-image";const X="--ds-shell-gradient-size";const ss="--ds-shell-gradient-position-panel";const es="--ds-shell-gradient-position-bar";const ts="--ds-shell-gradient-opacity";function is(s=H){return q(s)}function ns(s){const e=typeof globalThis.window!=="undefined"?globalThis.window:undefined;if(!e)return{width:0,height:0};const t=e.visualViewport;return{width:Math.round(t?.width??e.innerWidth),height:Math.round(t?.height??e.innerHeight)}}function as(s){return`${Math.round(s.width)}px ${Math.round(s.height)}px`}function os(){return"0 0"}function ls(s){return`${-Math.round(s)}px 0`}const hs={k:"search",a:"agents",s:"stacks",m:"messages",n:"activity","/":"help"};function rs(s){return!s.metaKey&&!s.ctrlKey&&!s.altKey&&!s.shiftKey}function ds(s){if(!s||typeof s!=="object")return false;if(!("closest"in s)||typeof s.closest!=="function")return false;const e=s;const t=e.closest('input, textarea, select, [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]');if(t)return true;const i=e.getAttribute("role");if(i==="textbox"||i==="combobox"||i==="searchbox")return true;return Boolean(e.isContentEditable)}function ps(s){if(s.key==="["||s.code==="BracketLeft")return"[";if(s.key==="]"||s.code==="BracketRight")return"]";return s.key.length===1?s.key.toLowerCase():s.key.toLowerCase()}function cs(s){if(!rs(s))return null;const e=ps(s);if(e==="[")return"toggle-panel-nav";if(e==="]")return"close-panel-tools";const t=hs[e];if(t)return`open-tool:${t}`;return null}function us(s,e){if(typeof document==="undefined")return 0;const t=document.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;height:0;width:var("+e+");";s.appendChild(t);const i=t.getBoundingClientRect().width;s.removeChild(t);return i}function fs(s){return{expandedPx:us(s,"--_nav-width"),collapsedPx:us(s,"--_nav-width-collapsed")}}function bs(s,e){if(e?.classList.contains("panel-nav--collapsed"))return true;const t=s?.collapsed;return t===true}function ms(s,e){return e?s.collapsedPx:s.expandedPx}const gs=()=>`@media (forced-colors: active){.sc-ds-shell-app:root,.sc-ds-shell-app-h,.ds-forced-colors-scope.sc-ds-shell-app{--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-shell-app-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-shell-app-h,.ds-focus-ring.sc-ds-shell-app,.ds-focus-ring-inset.sc-ds-shell-app-h,.ds-focus-ring-inset.sc-ds-shell-app{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-shell-app-h:focus-visible,.ds-focus-ring.sc-ds-shell-app: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-shell-app-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-shell-app{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-shell-app-h:focus-visible,.ds-focus-ring-inset.sc-ds-shell-app:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-shell-app-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-shell-app: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-shell-app-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-shell-app{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-shell-app-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-shell-app::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-shell-app-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-shell-app-h{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;overflow:hidden;overscroll-behavior:none;font-family:var(--typography-font-family, system-ui);--ds-shell-panel-tools-width:var(--dimension-panel-width-xs)}.sc-ds-shell-app-h{--_shell-chrome-bg:var(--color-background-secondary)}.shell-app__row.sc-ds-shell-app{display:flex;flex:1 1 0;min-height:0;position:relative}.shell-app__banner.sc-ds-shell-app{flex:0 0 auto;min-width:0;position:relative;z-index:5}.shell-app__banner.sc-ds-shell-app-s>ds-banner,.shell-app__banner .sc-ds-shell-app-s>ds-banner{display:grid;width:100%}.shell-app__chrome.sc-ds-shell-app{position:absolute;inset:0;pointer-events:none;z-index:0;background-color:var(--_shell-chrome-bg)}.shell-app--gradient.sc-ds-shell-app-h .shell-app__chrome.sc-ds-shell-app::before{content:'';position:absolute;inset:0;pointer-events:none;background-position:0 0;background-attachment:fixed;z-index:1;opacity:var(--ds-shell-gradient-opacity, 1);background-image:var(--ds-shell-gradient-image, none);background-size:var(--ds-shell-gradient-size, auto);background-repeat:no-repeat}.shell-app__panel.sc-ds-shell-app{flex:0 0 auto;min-height:0;height:100%;position:relative;z-index:2}.shell-app__panel.sc-ds-shell-app-s>ds-panel-nav,.shell-app__panel .sc-ds-shell-app-s>ds-panel-nav{display:block;height:100%}.shell-app__panel.sc-ds-shell-app>ds-panel-nav.sc-ds-shell-app{display:block;height:100%}.shell-app__main.sc-ds-shell-app{flex:1 1 auto;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-rows:auto minmax(0, 1fr);grid-template-areas:'bar tools'     'content tools';position:relative;z-index:1}.shell-app__mobile-sheet-nav.sc-ds-shell-app,.shell-app__mobile-bar-nav.sc-ds-shell-app{display:none}.shell-app__bar.sc-ds-shell-app{grid-area:bar;flex:0 0 auto;min-width:0}.shell-app__bar.sc-ds-shell-app-s>ds-bar-nav,.shell-app__bar .sc-ds-shell-app-s>ds-bar-nav{display:block}.shell-app__bar.sc-ds-shell-app>ds-bar-nav.sc-ds-shell-app{display:block}.shell-app__content.sc-ds-shell-app{grid-area:content;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:none;contain:layout}.shell-app__content.sc-ds-shell-app{position:relative;z-index:1;background-color:var(--color-background-primary)}.shell-app__tools.sc-ds-shell-app{grid-area:tools;flex:0 0 auto;min-width:0;min-height:0;height:100%;display:flex;position:relative;z-index:0;overflow:hidden}.shell-app__tools.sc-ds-shell-app-s>ds-panel-tools,.shell-app__tools .sc-ds-shell-app-s>ds-panel-tools{display:block;height:100%;min-height:0}.shell-app__tools.sc-ds-shell-app-s>ds-shell-tools,.shell-app__tools .sc-ds-shell-app-s>ds-shell-tools{display:block;height:100%;min-height:0}.shell-app__tools.sc-ds-shell-app>ds-shell-tools.sc-ds-shell-app{display:block;height:100%;min-height:0}.shell-app__content.sc-ds-shell-app>ds-shell-page.sc-ds-shell-app{display:block;min-height:100%}.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__panel.sc-ds-shell-app,.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__bar.sc-ds-shell-app,.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app{visibility:hidden}.shell-app--mobile.sc-ds-shell-app-h{--_shell-chrome-bg:var(--color-background-primary);padding-block-start:env(safe-area-inset-top)}.shell-app--mobile.shell-app--foreground-refresh.sc-ds-shell-app-h .shell-app__main.sc-ds-shell-app{transform:translateZ(0)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__chrome.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__panel.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__bar.sc-ds-shell-app{display:none}.shell-app--mobile.sc-ds-shell-app-h .shell-app__main.sc-ds-shell-app{width:100%;box-sizing:border-box;grid-template-columns:minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) auto;grid-template-areas:'stage'     'mobile-bar-nav';background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav.sc-ds-shell-app{grid-area:stage;min-width:0;min-height:0;height:100%;position:relative}.shell-app--mobile.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app{z-index:1;overflow:auto}.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app{z-index:2;width:100%;overflow:hidden;background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav.sc-ds-shell-app{display:block;z-index:3;overflow:hidden;background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-bar-nav.sc-ds-shell-app{grid-area:mobile-bar-nav;display:block;min-width:0;position:relative;z-index:4}.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools[hidden].sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav[hidden].sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-bar-nav[hidden].sc-ds-shell-app{display:none}.shell-app--mobile-tool-active.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile-sheet-nav-open.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile-sheet-nav-open.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app{visibility:hidden}`;const vs=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsResponsiveModeChange=t(this,"dsResponsiveModeChange");this.dsNavSelect=t(this,"dsNavSelect");this.dsTabChange=t(this,"dsTabChange");this.dsSubsectionChange=t(this,"dsSubsectionChange");this.dsPageBack=t(this,"dsPageBack");this.dsBreadcrumbSelect=t(this,"dsBreadcrumbSelect");this.dsPageAction=t(this,"dsPageAction");this.dsToolChange=t(this,"dsToolChange");this.dsHeaderBack=t(this,"dsHeaderBack");this.dsHeaderAction=t(this,"dsHeaderAction");this.dsPresentationChange=t(this,"dsPresentationChange");this.dsBrowseContextChange=t(this,"dsBrowseContextChange");this.dsNavFooterAction=t(this,"dsNavFooterAction");this.dsNavUserAction=t(this,"dsNavUserAction");this.composition="managed";this.navigation={};this.pageChrome={};this.tools={};this.navStyle="dashboard";this.gradientPreset=H;this.shortcutsEnabled=true;this.mobileDestination="area";this.mobileSheetNavOpen=false;this.toolsFullscreen=false;this.resolvedMode="desktop";this.managedToolsOpen=false;this.managedActiveTool="";this.managedToolPresentation="drawer";this.managedMobileDestination="area";this.managedMobileSheetNavOpen=false;this.managedInboxTool="";this.managedBrowseContext="dashboard";this.resizeObserver=null;this.hasLoaded=false;this.foregroundRefreshTimer=null;this.panelNavTransition=new h;this.chromeSyncCoalescer=r((()=>this.syncChrome()));this.panelWidthTokens={expandedPx:0,collapsedPx:0};this.cachedViewportWidth=0;this.cachedViewportHeight=0;this.onWindowResize=()=>{this.updateResponsiveMode();if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()};this.onVisualViewportChange=()=>{if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()};this.onChromeTransitionStart=s=>{if(d(s)!=="panel-nav")return;this.panelNavTransition.enter();const e=ns();this.cachedViewportWidth=e.width;this.cachedViewportHeight=e.height;this.syncChrome()};this.onChromeTransitionEnd=s=>{if(d(s)!=="panel-nav")return;this.panelNavTransition.exit();if(!this.panelNavTransition.isActive){this.scheduleChromeSync()}};this.onDocumentVisibilityChange=()=>{if(!document.hidden)this.refreshAfterForegroundRestore()};this.onPageShow=s=>{if(s.persisted)this.refreshAfterForegroundRestore()};this.handleManagedNavSelect=s=>{s.stopPropagation();this.dsNavSelect.emit(s.detail)};this.handleManagedTabChange=s=>{s.stopPropagation();this.dsTabChange.emit(s.detail)};this.handleManagedPageBack=s=>{s.stopPropagation();this.dsPageBack.emit(s.detail)};this.handleManagedBreadcrumbSelect=s=>{s.stopPropagation();const e=this.dsBreadcrumbSelect.emit(s.detail);if(e.defaultPrevented)s.preventDefault()};this.handleManagedSubsectionChange=s=>{s.stopPropagation();this.dsSubsectionChange.emit(s.detail)};this.handleManagedPageAction=s=>{s.stopPropagation();this.dsPageAction.emit(s.detail)};this.handleManagedToolChange=s=>{s.stopPropagation();const{id:e,selected:t}=s.detail;this.managedActiveTool=e;this.managedToolsOpen=t;const i=this.resolvedToolItems.find((s=>s.id===e));if(i?.mobileDestination==="inbox"||f(e)){this.managedInboxTool=e}this.managedMobileDestination=t?i?.mobileDestination??b(true,e):"area";this.managedMobileSheetNavOpen=false;this.dsToolChange.emit(s.detail)};this.handleManagedPresentationChange=s=>{s.stopPropagation();this.managedToolPresentation=s.detail.presentation;this.toolsFullscreen=s.detail.presentation==="fullscreen";this.dsPresentationChange.emit(s.detail)};this.handleManagedHeaderBack=s=>{s.stopPropagation();this.dsHeaderBack.emit(s.detail)};this.handleManagedHeaderAction=s=>{s.stopPropagation();this.dsHeaderAction.emit(s.detail)};this.handleManagedSheetToggle=s=>{s.stopPropagation();this.managedMobileSheetNavOpen=s.detail};this.handleManagedMobileDestination=s=>{s.stopPropagation();const e=s.detail.destination;this.managedMobileSheetNavOpen=false;this.managedMobileDestination=e;if(e==="area"){this.managedToolsOpen=false;return}const t=e==="inbox"?m(this.managedInboxTool,this.availableInboxTools):e;if(!t)return;const i=this.resolvedToolItems.find((s=>s.id===t||e!=="inbox"&&s.mobileDestination===e));if(!i||i.isInactive)return;const n=i.id;this.managedActiveTool=n;this.managedToolsOpen=true;if(f(n))this.managedInboxTool=n;this.dsToolChange.emit({id:n,selected:true})};this.handleManagedAreaSelect=s=>{s.stopPropagation();this.managedMobileSheetNavOpen=false;this.managedMobileDestination="area";this.managedToolsOpen=false;this.dsNavSelect.emit(s.detail)};this.handleManagedBrowseContext=s=>{s.stopPropagation();this.managedBrowseContext=s.detail;this.dsBrowseContextChange.emit(s.detail)};this.handleManagedSheetClose=s=>{s.stopPropagation();this.managedMobileSheetNavOpen=false};this.handleManagedNavFooterAction=s=>{s.stopPropagation();this.dsNavFooterAction.emit()};this.handleManagedNavUserAction=s=>{s.stopPropagation();this.dsNavUserAction.emit(s.detail)}}get managed(){return this.composition==="managed"}get effectiveMobileDestination(){return this.managed?this.managedMobileDestination:this.mobileDestination}get effectiveMobileSheetNavOpen(){return this.managed?this.managedMobileSheetNavOpen:this.mobileSheetNavOpen}get resolvedNavigationGroups(){if(this.navigation.groups?.length)return this.navigation.groups;return this.managedBrowseContext==="settings"?this.navigation.settingsGroups??[]:this.navigation.dashboardGroups??[]}get resolvedToolItems(){return this.tools.items??o}get availableInboxTools(){return this.resolvedToolItems.filter((s=>!s.isInactive&&(s.mobileDestination==="inbox"||f(s.id)))).map((s=>s.id))}componentWillLoad(){if(typeof window!=="undefined"){this.resolvedMode=g(window.innerWidth)}this.managedBrowseContext=this.navigation.browseContext??this.navStyle;this.managedMobileDestination=this.mobileDestination;this.managedMobileSheetNavOpen=this.mobileSheetNavOpen;this.managedInboxTool=m("",this.availableInboxTools)}componentDidLoad(){this.hasLoaded=true;this.syncSlottedNavStyle();this.syncSlottedMobileState();this.connectMetricsObserver();this.connectViewportListeners();this.connectPageLifecycleListeners();this.el.addEventListener(p,this.onChromeTransitionStart);this.el.addEventListener(c,this.onChromeTransitionEnd);requestAnimationFrame((()=>{this.cachePanelWidthTokens();this.scheduleChromeSync()}));const s=this.el.querySelector("ds-shell-tools, ds-panel-tools");this.toolsFullscreen=s?.getAttribute("presentation")==="fullscreen"}handleToolsPresentation(s){this.toolsFullscreen=s.detail?.presentation==="fullscreen"}disconnectedCallback(){this.resizeObserver?.disconnect();this.resizeObserver=null;this.disconnectViewportListeners();this.disconnectPageLifecycleListeners();this.cancelForegroundRefresh();this.chromeSyncCoalescer.cancel();this.el.removeEventListener(p,this.onChromeTransitionStart);this.el.removeEventListener(c,this.onChromeTransitionEnd)}onShellPropsChange(){this.syncSlottedNavStyle();this.scheduleChromeSync()}handleNavigationChange(){this.managedBrowseContext=this.navigation.browseContext??this.navStyle}handleToolsChange(){if(this.managedActiveTool&&!this.resolvedToolItems.some((s=>s.id===this.managedActiveTool))){this.managedToolsOpen=false;this.managedActiveTool="";this.managedMobileDestination="area"}this.managedInboxTool=m(this.managedInboxTool,this.availableInboxTools)}onMobileStateChange(s,t){if(this.managed){this.managedMobileDestination=this.mobileDestination;this.managedMobileSheetNavOpen=this.mobileSheetNavOpen}this.syncSlottedMobileState();if(t===true&&!this.effectiveMobileSheetNavOpen&&this.resolvedMode==="mobile"){requestAnimationFrame((()=>{const s=this.el.querySelector("ds-mobile-bar-nav");const t=document.activeElement;if(t instanceof e&&s?.contains(t))return;void s?.focusDestination?.("sheet-nav")}))}}updateResponsiveMode(){if(typeof window==="undefined")return;const s=g(window.innerWidth);if(s===this.resolvedMode)return;this.resolvedMode=s;this.syncSlottedMobileState();this.scheduleChromeSync();if(this.hasLoaded)this.dsResponsiveModeChange.emit({mode:s})}scheduleChromeSync(){this.chromeSyncCoalescer.schedule()}syncSlottedNavStyle(){const s=this.el.querySelector("ds-panel-nav");const e=this.el.querySelector("ds-bar-nav");if(s){s.setAttribute("nav-style",this.navStyle);s.navStyle=this.navStyle}if(e){e.setAttribute("nav-style",this.navStyle);e.navStyle=this.navStyle}}syncSlottedMobileState(){const s=this.el.querySelector("ds-shell-tools");const e=this.el.querySelector("ds-mobile-bar-nav");const t=this.el.querySelector("ds-mobile-sheet-nav");if(s){s.setAttribute("responsive-mode",this.resolvedMode);s.responsiveMode=this.resolvedMode}if(e){e.activeDestination=this.effectiveMobileDestination;e.sheetNavExpanded=this.effectiveMobileSheetNavOpen}if(t){t.open=this.effectiveMobileSheetNavOpen}}connectMetricsObserver(){this.resizeObserver=new ResizeObserver((()=>{if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()}));this.resizeObserver.observe(this.el);const s=this.el.querySelector(".shell-app__panel");if(s)this.resizeObserver.observe(s)}connectViewportListeners(){if(typeof window==="undefined")return;window.addEventListener("resize",this.onWindowResize,{passive:true});const s=window.visualViewport;if(s){s.addEventListener("resize",this.onVisualViewportChange,{passive:true});s.addEventListener("scroll",this.onVisualViewportChange,{passive:true})}}disconnectViewportListeners(){if(typeof window==="undefined")return;window.removeEventListener("resize",this.onWindowResize);const s=window.visualViewport;if(s){s.removeEventListener("resize",this.onVisualViewportChange);s.removeEventListener("scroll",this.onVisualViewportChange)}}connectPageLifecycleListeners(){if(typeof window==="undefined"||typeof document==="undefined")return;document.addEventListener("visibilitychange",this.onDocumentVisibilityChange);window.addEventListener("pageshow",this.onPageShow)}disconnectPageLifecycleListeners(){if(typeof window==="undefined"||typeof document==="undefined")return;document.removeEventListener("visibilitychange",this.onDocumentVisibilityChange);window.removeEventListener("pageshow",this.onPageShow)}cancelForegroundRefresh(){if(this.foregroundRefreshTimer!==null){window.clearTimeout(this.foregroundRefreshTimer);this.foregroundRefreshTimer=null}this.el.classList.remove("shell-app--foreground-refresh")}refreshAfterForegroundRestore(){this.updateResponsiveMode();this.syncSlottedMobileState();this.scheduleChromeSync();if(this.resolvedMode!=="mobile")return;this.cancelForegroundRefresh();this.el.classList.add("shell-app--foreground-refresh");this.foregroundRefreshTimer=window.setTimeout((()=>{this.foregroundRefreshTimer=null;this.el.classList.remove("shell-app--foreground-refresh");void this.el.querySelector(".shell-app__main")?.offsetHeight}),s.FOREGROUND_REFRESH_MS)}cachePanelWidthTokens(){const s=this.el.querySelector("ds-panel-nav .panel-nav");if(!s)return;this.panelWidthTokens=fs(s)}applyGradientVars(s,e){const t=s.style;for(const[s,i]of Object.entries(e)){if(i===null)t.removeProperty(s);else t.setProperty(s,i)}}clearGradientPaintVars(s){const e=[Q,X,ts];for(const t of s){for(const s of e)t.style.removeProperty(s)}}syncChromeLayoutVars(s,e,t,i){if(s){s.style.setProperty(ss,t)}if(e){e.style.setProperty(es,i)}}resolvePanelWidthPx(s){const e=s?.querySelector(".panel-nav");if(this.panelNavTransition.isActive&&this.panelWidthTokens.expandedPx>0){const t=bs(s,e);return ms(this.panelWidthTokens,t)}const t=this.el.querySelector(".shell-app__panel");const i=t?.getBoundingClientRect().width??0;if(i>0)return i;if(this.panelWidthTokens.expandedPx>0){const t=bs(s,e);return ms(this.panelWidthTokens,t)}return 0}resolveViewportDimensions(){if(this.panelNavTransition.isActive&&this.cachedViewportWidth>0){return{width:this.cachedViewportWidth,height:this.cachedViewportHeight}}return ns()}chromeLayerActive(){return this.resolvedMode!=="mobile"&&Y(this.gradientPreset)!=="none"}handleWindowKeyDown(s){if(!this.shortcutsEnabled)return;if(ds(s.target))return;const e=cs(s);if(!e)return;s.preventDefault();const t=this.el.querySelector("ds-panel-nav");const i=this.el.querySelector("ds-shell-tools, ds-panel-tools");if(e==="toggle-panel-nav"){void t?.toggleCollapsed();return}if(e==="close-panel-tools"){void i?.closeDrawer?.();return}if(e.startsWith("open-tool:")&&i){const s=e.slice("open-tool:".length);void i.activateTool?.(s)}}async activateTool(s){const e=this.el.querySelector("ds-shell-tools, ds-panel-tools");await(e?.activateTool?.(s))}async closeGlobalSurface(){if(this.managedMobileSheetNavOpen){this.managedMobileSheetNavOpen=false;return}const s=this.el.querySelector("ds-shell-tools, ds-panel-tools");await(s?.closeDrawer?.())}async setToolPresentation(s){this.managedToolPresentation=s;this.toolsFullscreen=s==="fullscreen"}get currentArea(){const s=[...this.navigation.dashboardGroups??[],...this.navigation.settingsGroups??[],...this.resolvedNavigationGroups];const e=s.flatMap((s=>s.items));const t=this.navigation.activeId||w(this.navigation.currentUrl??this.pageChrome.currentUrl??"",e);return e.find((s=>s.id===t))??e[0]??{id:"area",icon:"MapPage",label:this.pageChrome.heading||"Area"}}toolDot(s){return this.resolvedToolItems.find((e=>e.id===s))?.dot??false}syncChrome(){const s=this.el.querySelector("ds-panel-nav");const e=this.el.querySelector("ds-bar-nav");const t=[this.el,s,e].filter((s=>s!==null));const i=()=>{if(s)s.style.removeProperty(ss);if(e)e.style.removeProperty(es)};const n=Y(this.gradientPreset);if(n==="none"||this.resolvedMode==="mobile"){this.clearGradientPaintVars(t);i();return}const a=this.resolveViewportDimensions();const o=this.resolvePanelWidthPx(s);const l=os();const h=ls(o);this.syncChromeLayoutVars(s,e,l,h);const r=is(n);const d=as({width:a.width,height:a.height});const p=Z(n);for(const s of t){if(s===this.el){this.applyGradientVars(s,{[Q]:r,[X]:d,[ss]:l,[es]:h,[ts]:p});continue}const e=s.tagName.toLowerCase()==="ds-bar-nav";this.applyGradientVars(s,{[Q]:r,[X]:d,[ts]:p,[ss]:e?null:l,[es]:e?h:null})}}renderManagedPanelNav(){const s=this.navigation;return i("ds-panel-nav",{navStyle:this.navStyle,groups:this.resolvedNavigationGroups,breakpoint:v,routerMode:s.routerMode??"event",activeId:s.activeId??"",currentUrl:s.currentUrl??this.pageChrome.currentUrl??"",storageKey:s.storageKey??"",userName:s.userName??"",userInitial:s.userInitial??"",accountMenuExpanded:s.accountMenuExpanded??false,dashboardLabel:s.dashboardLabel??"Dashboard",settingsLabel:s.settingsLabel??"Settings",accountLabel:s.accountLabel??"Account",dashboardNavigationLabel:s.dashboardNavigationLabel??"Dashboard navigation",settingsNavigationLabel:s.settingsNavigationLabel??"Settings navigation",navigationItemsLabel:s.navigationLabel??"Navigation items",onDsNavSelect:this.handleManagedNavSelect,onDsNavFooterAction:this.handleManagedNavFooterAction,onDsNavUserAction:this.handleManagedNavUserAction})}renderManagedBarNav(){return i("ds-bar-nav",{navStyle:this.navStyle,tabs:this.pageChrome.tabs??[],value:this.pageChrome.value??"",heading:this.pageChrome.routeHeading??this.pageChrome.heading,basePath:this.pageChrome.basePath??"",currentUrl:this.pageChrome.currentUrl??this.navigation.currentUrl??"",onDsTabChange:this.handleManagedTabChange})}renderManagedToolSlots(){const s=[...new Set(this.resolvedToolItems.map((s=>s.id)))].sort();return s.flatMap((s=>[i("slot",{key:`tool:${s}`,name:s,slot:s}),i("slot",{key:`tool-view:${s}`,name:`${s}-view`,slot:`${s}-view`})]))}renderManagedTools(){const s=this.tools;return i("ds-shell-tools",{responsiveMode:this.resolvedMode,open:this.managedToolsOpen,activeTool:this.managedActiveTool,presentation:this.managedToolPresentation,fullscreenHeaderMode:s.fullscreenHeaderMode??"shared",items:this.resolvedToolItems,headers:s.headers??{},storageKey:s.storageKey??"",toolsLabel:s.toolsLabel??"Tools",toolShortcutsLabel:s.toolShortcutsLabel??"Tool shortcuts",inboxLabel:s.inboxLabel??"Inbox",inboxNavigationLabel:s.inboxNavigationLabel??"Inbox sections",onDsToolChange:this.handleManagedToolChange,onDsPresentationChange:this.handleManagedPresentationChange,onDsHeaderBack:this.handleManagedHeaderBack,onDsHeaderAction:this.handleManagedHeaderAction},this.renderManagedToolSlots())}renderManagedMobileSheetNav(){const s=this.navigation;return i("ds-mobile-sheet-nav",{open:this.managedMobileSheetNavOpen,browseContext:this.managedBrowseContext,dashboardGroups:s.dashboardGroups??s.groups??[],settingsGroups:s.settingsGroups??[],currentUrl:s.currentUrl??this.pageChrome.currentUrl??"",navigationLabel:s.navigationLabel??"Application navigation",dashboardLabel:s.dashboardLabel??"Dashboard",settingsLabel:s.settingsLabel??"Settings",accountLabel:s.accountLabel??"Account",onDsAreaSelect:this.handleManagedAreaSelect,onDsBrowseContextChange:this.handleManagedBrowseContext,onDsClose:this.handleManagedSheetClose})}renderManagedMobileBarNav(){return i("ds-mobile-bar-nav",{hidden:this.tools.mobileBarHidden??false,activeDestination:this.managedMobileDestination,currentArea:this.currentArea,sheetNavExpanded:this.managedMobileSheetNavOpen,searchLabel:this.tools.items?.find((s=>s.id==="search"))?.ariaLabel??"Search",inboxLabel:this.tools.inboxLabel??"Inbox",messagesLabel:this.tools.items?.find((s=>s.id==="messages"))?.ariaLabel??"Messages",agentsLabel:this.tools.items?.find((s=>s.id==="agents"))?.ariaLabel??"Agents",helpLabel:this.tools.items?.find((s=>s.id==="help"))?.ariaLabel??"Help & Support",searchDot:this.toolDot("search"),inboxDot:this.toolDot("stacks")||this.toolDot("activity"),messagesDot:this.toolDot("messages"),agentsDot:this.toolDot("agents"),onDsSheetNavToggle:this.handleManagedSheetToggle,onDsDestinationChange:this.handleManagedMobileDestination})}renderManagedMobileLeading(){if(!this.pageChrome.showBack){return i("slot",{name:"page-header-leading",slot:"leading"})}return[i("ds-tooltip",{slot:"leading",label:this.pageChrome.backAriaLabel??"Back",side:"bottom",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.pageChrome.backIcon??"ChevronLeft",size:"md","aria-label":this.pageChrome.backAriaLabel??"Back",activeFill:false,hasBorder:false,onDsClick:s=>this.dsPageBack.emit(s.detail)})),i("slot",{name:"page-header-leading",slot:"leading"})]}renderManagedMobileActions(){const s=this.pageChrome.mobileActions??[];return[...s.map((s=>i("ds-tooltip",{slot:"trailing",key:s.id,label:s.ariaLabel,side:"bottom",size:"sm"},i("ds-button-unfilled",{id:s.triggerId||undefined,variant:"icon",icon:s.icon,size:"md","aria-label":s.ariaLabel,haspopup:s.haspopup,controls:s.controls,expanded:s.expanded,pressed:s.pressed,isActive:!!s.expanded,isInactive:s.isInactive,activeFill:false,hasBorder:false,onDsClick:()=>this.dsPageAction.emit(s.id)})))),i("slot",{name:"page-header-trailing",slot:"trailing"})]}renderManagedPage(){const s=this.pageChrome;const e=s.showBack?[]:s.tabs??[];const t=(s.subsections??[]).map((s=>"type"in s?{type:"divider"}:{id:s.id,label:s.label,isInactive:s.isInactive}));return i("ds-shell-page",{responsiveMode:this.resolvedMode,headerCapacity:_(this.resolvedMode,this.managedToolsOpen),contentInset:s.contentInset??"default",contentSurface:s.contentSurface??"primary"},i("ds-bar-title",{slot:"header",heading:s.heading??"",description:s.description??"",showBack:s.showBack??false,backAriaLabel:s.backAriaLabel??"Back",backLabel:s.backLabel??"Back",breadcrumbs:s.breadcrumbs??[],breadcrumbAriaLabel:s.breadcrumbAriaLabel??"Breadcrumb",sections:t,value:s.subvalue??"",sectionsAriaLabel:s.subsectionsAriaLabel??"Change page subsection",primaryAction:s.primaryAction??null,actions:s.actions??[],actionsAriaLabel:s.actionsAriaLabel??"More page actions",onDsBack:this.handleManagedPageBack,onDsBreadcrumbSelect:this.handleManagedBreadcrumbSelect,onDsSectionChange:this.handleManagedSubsectionChange,onDsAction:this.handleManagedPageAction}),i("ds-mobile-header",{slot:"mobile-header",heading:s.heading??"",headingLevel:s.headingLevel??"h1",sections:e,value:s.showBack?"":s.value??"",sectionsAriaLabel:s.sectionsAriaLabel??"Change page section",subsections:s.subsections??[],subvalue:s.subvalue??"",subsectionsAriaLabel:s.subsectionsAriaLabel??"Change page subsection",tone:s.tone??"default",onDsSectionChange:this.handleManagedTabChange,onDsSubsectionChange:this.handleManagedSubsectionChange},this.renderManagedMobileLeading(),this.renderManagedMobileActions()),i("slot",null))}renderSlottedShell(s,e,t,a,o){return i(n,{class:s,"responsive-mode":this.resolvedMode},i("div",{class:"shell-app__banner"},i("slot",{name:"banner"})),i("div",{class:"shell-app__row"},i("div",{class:"shell-app__chrome","aria-hidden":"true"}),i("div",{class:"shell-app__panel","aria-hidden":o?"true":undefined,inert:o?true:undefined},i("slot",{name:"panel"})),i("div",{class:"shell-app__main"},i("div",{class:"shell-app__bar","aria-hidden":o?"true":undefined,inert:o?true:undefined},i("slot",{name:"bar"})),i("div",{class:"shell-app__tools","aria-hidden":e&&(!t||this.mobileSheetNavOpen)?"true":undefined,inert:e&&(!t||this.mobileSheetNavOpen)?true:undefined,hidden:e&&!t},i("slot",{name:"tools"})),i("div",{class:"shell-app__content ds-focus-ring","aria-hidden":o||a?"true":undefined,inert:o||a?true:undefined,tabIndex:0},i("slot",null)),i("div",{class:"shell-app__mobile-sheet-nav",hidden:!e||!this.mobileSheetNavOpen,"aria-hidden":e&&this.mobileSheetNavOpen?undefined:"true",inert:e&&this.mobileSheetNavOpen?undefined:true},i("slot",{name:"mobile-sheet-nav"})),i("div",{class:"shell-app__mobile-bar-nav",hidden:!e},i("slot",{name:"mobile-bar-nav"})))))}render(){const s=this.chromeLayerActive();const e=this.resolvedMode==="mobile";const t=e&&this.effectiveMobileDestination!=="area";const a=e&&(t||this.effectiveMobileSheetNavOpen);const o=!e&&this.toolsFullscreen;const l={"shell-app":true,"shell-app--gradient":s,[`shell-app--${this.navStyle}`]:true,[`shell-app--${this.resolvedMode}`]:true,"shell-app--tools-fullscreen":o,"shell-app--mobile-tool-active":t,"shell-app--mobile-sheet-nav-open":e&&this.effectiveMobileSheetNavOpen,"shell-app--managed":this.managed,"shell-app--slotted":!this.managed};if(!this.managed){return this.renderSlottedShell(l,e,t,a,o)}return i(n,{class:l,"responsive-mode":this.resolvedMode},i("div",{class:"shell-app__banner"},i("slot",{name:"banner"})),i("div",{class:"shell-app__row"},i("div",{class:"shell-app__chrome","aria-hidden":"true"}),i("div",{class:"shell-app__panel","aria-hidden":o?"true":undefined,inert:o?true:undefined},this.renderManagedPanelNav()),i("div",{class:"shell-app__main"},i("div",{class:"shell-app__bar","aria-hidden":o?"true":undefined,inert:o?true:undefined},this.renderManagedBarNav()),i("div",{class:"shell-app__tools","aria-hidden":e&&(!t||this.effectiveMobileSheetNavOpen)?"true":undefined,inert:e&&(!t||this.effectiveMobileSheetNavOpen)?true:undefined,hidden:e&&!t},this.renderManagedTools()),i("div",{class:"shell-app__content ds-focus-ring","aria-hidden":o||a?"true":undefined,inert:o||a?true:undefined,tabIndex:0},this.renderManagedPage()),i("div",{class:"shell-app__mobile-sheet-nav",hidden:!e||!this.effectiveMobileSheetNavOpen,"aria-hidden":e&&this.effectiveMobileSheetNavOpen?undefined:"true",inert:e&&this.effectiveMobileSheetNavOpen?undefined:true},this.renderManagedMobileSheetNav()),i("div",{class:"shell-app__mobile-bar-nav",hidden:!e},this.renderManagedMobileBarNav()))))}get el(){return this}static get watchers(){return{navStyle:[{onShellPropsChange:0}],gradientPreset:[{onShellPropsChange:0}],navigation:[{handleNavigationChange:0}],tools:[{handleToolsChange:0}],mobileDestination:[{onMobileStateChange:0}],mobileSheetNavOpen:[{onMobileStateChange:0}]}}static get style(){return gs()}},[262,"ds-shell-app",{composition:[513],navigation:[16],pageChrome:[16],tools:[16],navStyle:[513,"nav-style"],gradientPreset:[513,"gradient-preset"],shortcutsEnabled:[4,"shortcuts-enabled"],mobileDestination:[1,"mobile-destination"],mobileSheetNavOpen:[4,"mobile-sheet-nav-open"],toolsFullscreen:[32],resolvedMode:[32],managedToolsOpen:[32],managedActiveTool:[32],managedToolPresentation:[32],managedMobileDestination:[32],managedMobileSheetNavOpen:[32],managedInboxTool:[32],managedBrowseContext:[32],activateTool:[64],closeGlobalSurface:[64],setToolPresentation:[64]},[[0,"dsPresentationChange","handleToolsPresentation"],[10,"keydown","handleWindowKeyDown"]],{navStyle:[{onShellPropsChange:0}],gradientPreset:[{onShellPropsChange:0}],navigation:[{handleNavigationChange:0}],tools:[{handleToolsChange:0}],mobileDestination:[{onMobileStateChange:0}],mobileSheetNavOpen:[{onMobileStateChange:0}]}]);vs.FOREGROUND_REFRESH_MS=50;function _s(){if(typeof customElements==="undefined"){return}const s=["ds-shell-app","ds-badge","ds-bar-nav","ds-bar-title","ds-breadcrumb","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-mobile-bar-nav","ds-mobile-header","ds-mobile-section-switcher","ds-mobile-sheet-nav","ds-panel-nav","ds-panel-tool-header","ds-panel-tools","ds-shell-page","ds-shell-tools","ds-swatch-picker","ds-switch","ds-tab-group","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-shell-app":if(!customElements.get(a(s))){customElements.define(a(s),vs)}break;case"ds-badge":if(!customElements.get(a(s))){y()}break;case"ds-bar-nav":if(!customElements.get(a(s))){u()}break;case"ds-bar-title":if(!customElements.get(a(s))){k()}break;case"ds-breadcrumb":if(!customElements.get(a(s))){x()}break;case"ds-button-filled":if(!customElements.get(a(s))){C()}break;case"ds-button-unfilled":if(!customElements.get(a(s))){S()}break;case"ds-icon":if(!customElements.get(a(s))){D()}break;case"ds-loader":if(!customElements.get(a(s))){L()}break;case"ds-menu":if(!customElements.get(a(s))){M()}break;case"ds-mobile-bar-nav":if(!customElements.get(a(s))){T()}break;case"ds-mobile-header":if(!customElements.get(a(s))){B()}break;case"ds-mobile-section-switcher":if(!customElements.get(a(s))){P()}break;case"ds-mobile-sheet-nav":if(!customElements.get(a(s))){N()}break;case"ds-panel-nav":if(!customElements.get(a(s))){A()}break;case"ds-panel-tool-header":if(!customElements.get(a(s))){E()}break;case"ds-panel-tools":if(!customElements.get(a(s))){l()}break;case"ds-shell-page":if(!customElements.get(a(s))){z()}break;case"ds-shell-tools":if(!customElements.get(a(s))){j()}break;case"ds-swatch-picker":if(!customElements.get(a(s))){I()}break;case"ds-switch":if(!customElements.get(a(s))){G()}break;case"ds-tab-group":if(!customElements.get(a(s))){F()}break;case"ds-text":if(!customElements.get(a(s))){$()}break;case"ds-tooltip":if(!customElements.get(a(s))){O()}break}}))}_s();const ws=vs;const ys=_s;export{ws as DsShellApp,ys as defineCustomElement};
+import{p as s,H as e,c as t,h as i,a as n,t as a}from"./index.js";import{c as o,d as l}from"./p-Dz3Ufmr4.js";import{C as h,c as r,r as d,a as p,b as c,d as u}from"./p-COmqMfQo.js";import{i as f,a as b,r as m,b as g,S as v,c as _}from"./p-DNpE0RBz.js";import{d as w}from"./p-GbTasczF.js";import{d as y}from"./p-DwKC_9u2.js";import{d as k}from"./p-BL0JHLJp.js";import{d as x}from"./p-D6g070eY.js";import{d as C}from"./p-DyDkQ8H9.js";import{d as S}from"./p-Azjx2SsL.js";import{d as D}from"./p-C8U5BsJf.js";import{d as L}from"./p-Ca-I2UnB.js";import{d as M}from"./p-cPh32CFB.js";import{d as T}from"./p-DYAQVvOu.js";import{d as A}from"./p-CeyoHpPn.js";import{d as P}from"./p-B1JB0Zn-.js";import{d as B}from"./p-BPS17WvI.js";import{d as E}from"./p-oOKTL-yx.js";import{d as N}from"./p-C5ecLNZA.js";import{d as j}from"./p-CE82aQZr.js";import{d as z}from"./p-C-aCs6ID.js";import{d as I}from"./p-DLwM1RNL.js";import{d as $}from"./p-Ch5yT3UA.js";import{d as O}from"./p-DAM4CDXT.js";import{d as F}from"./p-BNiIyZCn.js";import{d as H}from"./p-CCYgBUUS.js";const U=["none","cool","neutral","warm","fresh"];const G="neutral";const R={cool:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-blue-strong-background)",position:100}]},neutral:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-grey-strong-background)",position:100}]},warm:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-yellow-strong-background)",position:100}]},fresh:{opacity:.4,stops:[{color:"var(--color-color-intent-cyan-faint-background)",position:0},{color:"var(--color-background-transparent)",position:47},{color:"var(--color-background-transparent)",position:58},{color:"var(--color-color-intent-red-faint-background)",position:83},{color:"var(--color-color-intent-pink-faint-background)",position:100}]}};const V="100% 100% at 0% 0%";function K(s){const e=J(s);return e==="none"?null:R[e]}function W(s){return String(K(s)?.opacity??0)}function Z(s){return U.includes(s)}function J(s){return s!=null&&Z(s)?s:G}function Q(s){const e=J(s);if(e==="none")return"none";return q(R[e].stops)}function q(s){const e=s.map((s=>`${s.color} ${s.position}%`)).join(", ");return`radial-gradient(${V}, ${e})`}const Y="--ds-shell-gradient-image";const X="--ds-shell-gradient-size";const ss="--ds-shell-gradient-position-panel";const es="--ds-shell-gradient-position-bar";const ts="--ds-shell-gradient-opacity";function is(s=G){return Q(s)}function ns(s){const e=typeof globalThis.window!=="undefined"?globalThis.window:undefined;if(!e)return{width:0,height:0};const t=e.visualViewport;return{width:Math.round(t?.width??e.innerWidth),height:Math.round(t?.height??e.innerHeight)}}function as(s){return`${Math.round(s.width)}px ${Math.round(s.height)}px`}function os(){return"0 0"}function ls(s){return`${-Math.round(s)}px 0`}const hs={k:"search",a:"agents",s:"stacks",m:"messages",n:"activity","/":"help"};function rs(s){return!s.metaKey&&!s.ctrlKey&&!s.altKey&&!s.shiftKey}function ds(s){if(!s||typeof s!=="object")return false;if(!("closest"in s)||typeof s.closest!=="function")return false;const e=s;const t=e.closest('input, textarea, select, [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]');if(t)return true;const i=e.getAttribute("role");if(i==="textbox"||i==="combobox"||i==="searchbox")return true;return Boolean(e.isContentEditable)}function ps(s){if(s.key==="["||s.code==="BracketLeft")return"[";if(s.key==="]"||s.code==="BracketRight")return"]";return s.key.length===1?s.key.toLowerCase():s.key.toLowerCase()}function cs(s){if(!rs(s))return null;const e=ps(s);if(e==="[")return"toggle-panel-nav";if(e==="]")return"close-panel-tools";const t=hs[e];if(t)return`open-tool:${t}`;return null}function us(s,e){if(typeof document==="undefined")return 0;const t=document.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;height:0;width:var("+e+");";s.appendChild(t);const i=t.getBoundingClientRect().width;s.removeChild(t);return i}function fs(s){return{expandedPx:us(s,"--_nav-width"),collapsedPx:us(s,"--_nav-width-collapsed")}}function bs(s,e){if(e?.classList.contains("panel-nav--collapsed"))return true;const t=s?.collapsed;return t===true}function ms(s,e){return e?s.collapsedPx:s.expandedPx}const gs=()=>`@media (forced-colors: active){.sc-ds-shell-app:root,.sc-ds-shell-app-h,.ds-forced-colors-scope.sc-ds-shell-app{--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-shell-app-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-shell-app-h,.ds-focus-ring.sc-ds-shell-app,.ds-focus-ring-inset.sc-ds-shell-app-h,.ds-focus-ring-inset.sc-ds-shell-app{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-shell-app-h:focus-visible,.ds-focus-ring.sc-ds-shell-app: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-shell-app-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-shell-app{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-shell-app-h:focus-visible,.ds-focus-ring-inset.sc-ds-shell-app:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-shell-app-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-shell-app: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-shell-app-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-shell-app{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-shell-app-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-shell-app::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-shell-app-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-shell-app-h{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;overflow:hidden;overscroll-behavior:none;font-family:var(--typography-font-family, system-ui);--ds-shell-panel-tools-width:var(--dimension-panel-width-xs)}.sc-ds-shell-app-h{--_shell-chrome-bg:var(--color-background-secondary)}.shell-app__row.sc-ds-shell-app{display:flex;flex:1 1 0;min-height:0;position:relative}.shell-app__banner.sc-ds-shell-app{flex:0 0 auto;min-width:0;position:relative;z-index:5}.shell-app__banner.sc-ds-shell-app-s>ds-banner,.shell-app__banner .sc-ds-shell-app-s>ds-banner{display:grid;width:100%}.shell-app__chrome.sc-ds-shell-app{position:absolute;inset:0;pointer-events:none;z-index:0;background-color:var(--_shell-chrome-bg)}.shell-app--gradient.sc-ds-shell-app-h .shell-app__chrome.sc-ds-shell-app::before{content:'';position:absolute;inset:0;pointer-events:none;background-position:0 0;background-attachment:fixed;z-index:1;opacity:var(--ds-shell-gradient-opacity, 1);background-image:var(--ds-shell-gradient-image, none);background-size:var(--ds-shell-gradient-size, auto);background-repeat:no-repeat}.shell-app__panel.sc-ds-shell-app{flex:0 0 auto;min-height:0;height:100%;position:relative;z-index:2}.shell-app__panel.sc-ds-shell-app-s>ds-panel-nav,.shell-app__panel .sc-ds-shell-app-s>ds-panel-nav{display:block;height:100%}.shell-app__panel.sc-ds-shell-app>ds-panel-nav.sc-ds-shell-app{display:block;height:100%}.shell-app__main.sc-ds-shell-app{flex:1 1 auto;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-rows:auto minmax(0, 1fr);grid-template-areas:'bar tools'     'content tools';position:relative;z-index:1}.shell-app__mobile-sheet-nav.sc-ds-shell-app,.shell-app__mobile-bar-nav.sc-ds-shell-app{display:none}.shell-app__bar.sc-ds-shell-app{grid-area:bar;flex:0 0 auto;min-width:0}.shell-app__bar.sc-ds-shell-app-s>ds-bar-nav,.shell-app__bar .sc-ds-shell-app-s>ds-bar-nav{display:block}.shell-app__bar.sc-ds-shell-app>ds-bar-nav.sc-ds-shell-app{display:block}.shell-app__content.sc-ds-shell-app{grid-area:content;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:none;contain:layout}.shell-app__content.sc-ds-shell-app{position:relative;z-index:1;background-color:var(--color-background-primary)}.shell-app__tools.sc-ds-shell-app{grid-area:tools;flex:0 0 auto;min-width:0;min-height:0;height:100%;display:flex;position:relative;z-index:0;overflow:hidden}.shell-app__tools.sc-ds-shell-app-s>ds-panel-tools,.shell-app__tools .sc-ds-shell-app-s>ds-panel-tools{display:block;height:100%;min-height:0}.shell-app__tools.sc-ds-shell-app-s>ds-shell-tools,.shell-app__tools .sc-ds-shell-app-s>ds-shell-tools{display:block;height:100%;min-height:0}.shell-app__tools.sc-ds-shell-app>ds-shell-tools.sc-ds-shell-app{display:block;height:100%;min-height:0}.shell-app__content.sc-ds-shell-app>ds-shell-page.sc-ds-shell-app{display:block;min-height:100%}.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__panel.sc-ds-shell-app,.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__bar.sc-ds-shell-app,.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app{visibility:hidden}.shell-app--mobile.sc-ds-shell-app-h{--_shell-chrome-bg:var(--color-background-primary);padding-block-start:env(safe-area-inset-top)}.shell-app--mobile.shell-app--foreground-refresh.sc-ds-shell-app-h .shell-app__main.sc-ds-shell-app{transform:translateZ(0)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__chrome.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__panel.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__bar.sc-ds-shell-app{display:none}.shell-app--mobile.sc-ds-shell-app-h .shell-app__main.sc-ds-shell-app{width:100%;box-sizing:border-box;grid-template-columns:minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) auto;grid-template-areas:'stage'     'mobile-bar-nav';background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav.sc-ds-shell-app{grid-area:stage;min-width:0;min-height:0;height:100%;position:relative}.shell-app--mobile.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app{z-index:1;overflow:auto}.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app{z-index:2;width:100%;overflow:hidden;background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav.sc-ds-shell-app{display:block;z-index:3;overflow:hidden;background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-bar-nav.sc-ds-shell-app{grid-area:mobile-bar-nav;display:block;min-width:0;position:relative;z-index:4}.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools[hidden].sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav[hidden].sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-bar-nav[hidden].sc-ds-shell-app{display:none}.shell-app--mobile-tool-active.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile-sheet-nav-open.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile-sheet-nav-open.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app{visibility:hidden}`;const vs=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsResponsiveModeChange=t(this,"dsResponsiveModeChange");this.dsNavSelect=t(this,"dsNavSelect");this.dsTabChange=t(this,"dsTabChange");this.dsSubsectionChange=t(this,"dsSubsectionChange");this.dsPageBack=t(this,"dsPageBack");this.dsBreadcrumbSelect=t(this,"dsBreadcrumbSelect");this.dsPageAction=t(this,"dsPageAction");this.dsToolChange=t(this,"dsToolChange");this.dsHeaderBack=t(this,"dsHeaderBack");this.dsHeaderAction=t(this,"dsHeaderAction");this.dsPresentationChange=t(this,"dsPresentationChange");this.dsBrowseContextChange=t(this,"dsBrowseContextChange");this.dsNavFooterAction=t(this,"dsNavFooterAction");this.dsNavUserAction=t(this,"dsNavUserAction");this.composition="managed";this.navigation={};this.pageChrome={};this.tools={};this.navStyle="dashboard";this.gradientPreset=G;this.shortcutsEnabled=true;this.mobileDestination="area";this.mobileSheetNavOpen=false;this.toolsFullscreen=false;this.resolvedMode="desktop";this.managedToolsOpen=false;this.managedActiveTool="";this.managedToolPresentation="drawer";this.managedMobileDestination="area";this.managedMobileSheetNavOpen=false;this.managedInboxTool="";this.managedBrowseContext="dashboard";this.resizeObserver=null;this.hasLoaded=false;this.foregroundRefreshTimer=null;this.panelNavTransition=new h;this.chromeSyncCoalescer=r((()=>this.syncChrome()));this.panelWidthTokens={expandedPx:0,collapsedPx:0};this.cachedViewportWidth=0;this.cachedViewportHeight=0;this.onWindowResize=()=>{this.updateResponsiveMode();if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()};this.onVisualViewportChange=()=>{if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()};this.onChromeTransitionStart=s=>{if(d(s)!=="panel-nav")return;this.panelNavTransition.enter();const e=ns();this.cachedViewportWidth=e.width;this.cachedViewportHeight=e.height;this.syncChrome()};this.onChromeTransitionEnd=s=>{if(d(s)!=="panel-nav")return;this.panelNavTransition.exit();if(!this.panelNavTransition.isActive){this.scheduleChromeSync()}};this.onDocumentVisibilityChange=()=>{if(!document.hidden)this.refreshAfterForegroundRestore()};this.onPageShow=s=>{if(s.persisted)this.refreshAfterForegroundRestore()};this.handleManagedNavSelect=s=>{s.stopPropagation();this.dsNavSelect.emit(s.detail)};this.handleManagedTabChange=s=>{s.stopPropagation();this.dsTabChange.emit(s.detail)};this.handleManagedPageBack=s=>{s.stopPropagation();this.dsPageBack.emit(s.detail)};this.handleManagedBreadcrumbSelect=s=>{s.stopPropagation();const e=this.dsBreadcrumbSelect.emit(s.detail);if(e.defaultPrevented)s.preventDefault()};this.handleManagedSubsectionChange=s=>{s.stopPropagation();this.dsSubsectionChange.emit(s.detail)};this.handleManagedPageAction=s=>{s.stopPropagation();this.dsPageAction.emit(s.detail)};this.handleManagedToolChange=s=>{s.stopPropagation();const{id:e,selected:t}=s.detail;this.managedActiveTool=e;this.managedToolsOpen=t;const i=this.resolvedToolItems.find((s=>s.id===e));if(i?.mobileDestination==="inbox"||f(e)){this.managedInboxTool=e}this.managedMobileDestination=t?i?.mobileDestination??b(true,e):"area";this.managedMobileSheetNavOpen=false;this.dsToolChange.emit(s.detail)};this.handleManagedPresentationChange=s=>{s.stopPropagation();this.managedToolPresentation=s.detail.presentation;this.toolsFullscreen=s.detail.presentation==="fullscreen";this.dsPresentationChange.emit(s.detail)};this.handleManagedHeaderBack=s=>{s.stopPropagation();this.dsHeaderBack.emit(s.detail)};this.handleManagedHeaderAction=s=>{s.stopPropagation();this.dsHeaderAction.emit(s.detail)};this.handleManagedSheetToggle=s=>{s.stopPropagation();this.managedMobileSheetNavOpen=s.detail};this.handleManagedMobileDestination=s=>{s.stopPropagation();const e=s.detail.destination;this.managedMobileSheetNavOpen=false;this.managedMobileDestination=e;if(e==="area"){this.managedToolsOpen=false;return}const t=e==="inbox"?m(this.managedInboxTool,this.availableInboxTools):e;if(!t)return;const i=this.resolvedToolItems.find((s=>s.id===t||e!=="inbox"&&s.mobileDestination===e));if(!i||i.isInactive)return;const n=i.id;this.managedActiveTool=n;this.managedToolsOpen=true;if(f(n))this.managedInboxTool=n;this.dsToolChange.emit({id:n,selected:true})};this.handleManagedAreaSelect=s=>{s.stopPropagation();this.managedMobileSheetNavOpen=false;this.managedMobileDestination="area";this.managedToolsOpen=false;this.dsNavSelect.emit(s.detail)};this.handleManagedBrowseContext=s=>{s.stopPropagation();this.managedBrowseContext=s.detail;this.dsBrowseContextChange.emit(s.detail)};this.handleManagedSheetClose=s=>{s.stopPropagation();this.managedMobileSheetNavOpen=false};this.handleManagedNavFooterAction=s=>{s.stopPropagation();this.dsNavFooterAction.emit()};this.handleManagedNavUserAction=s=>{s.stopPropagation();this.dsNavUserAction.emit(s.detail)}}get managed(){return this.composition==="managed"}get effectiveMobileDestination(){return this.managed?this.managedMobileDestination:this.mobileDestination}get effectiveMobileSheetNavOpen(){return this.managed?this.managedMobileSheetNavOpen:this.mobileSheetNavOpen}get resolvedNavigationGroups(){if(this.navigation.groups?.length)return this.navigation.groups;return this.managedBrowseContext==="settings"?this.navigation.settingsGroups??[]:this.navigation.dashboardGroups??[]}get resolvedToolItems(){return this.tools.items??o}get availableInboxTools(){return this.resolvedToolItems.filter((s=>!s.isInactive&&(s.mobileDestination==="inbox"||f(s.id)))).map((s=>s.id))}componentWillLoad(){if(typeof window!=="undefined"){this.resolvedMode=g(window.innerWidth)}this.managedBrowseContext=this.navigation.browseContext??this.navStyle;this.managedMobileDestination=this.mobileDestination;this.managedMobileSheetNavOpen=this.mobileSheetNavOpen;this.managedInboxTool=m("",this.availableInboxTools)}componentDidLoad(){this.hasLoaded=true;this.syncSlottedNavStyle();this.syncSlottedMobileState();this.connectMetricsObserver();this.connectViewportListeners();this.connectPageLifecycleListeners();this.el.addEventListener(p,this.onChromeTransitionStart);this.el.addEventListener(c,this.onChromeTransitionEnd);requestAnimationFrame((()=>{this.cachePanelWidthTokens();this.scheduleChromeSync()}));const s=this.el.querySelector("ds-shell-tools, ds-panel-tools");this.toolsFullscreen=s?.getAttribute("presentation")==="fullscreen"}handleToolsPresentation(s){this.toolsFullscreen=s.detail?.presentation==="fullscreen"}disconnectedCallback(){this.resizeObserver?.disconnect();this.resizeObserver=null;this.disconnectViewportListeners();this.disconnectPageLifecycleListeners();this.cancelForegroundRefresh();this.chromeSyncCoalescer.cancel();this.el.removeEventListener(p,this.onChromeTransitionStart);this.el.removeEventListener(c,this.onChromeTransitionEnd)}onShellPropsChange(){this.syncSlottedNavStyle();this.scheduleChromeSync()}handleNavigationChange(){this.managedBrowseContext=this.navigation.browseContext??this.navStyle}handleToolsChange(){if(this.managedActiveTool&&!this.resolvedToolItems.some((s=>s.id===this.managedActiveTool))){this.managedToolsOpen=false;this.managedActiveTool="";this.managedMobileDestination="area"}this.managedInboxTool=m(this.managedInboxTool,this.availableInboxTools)}onMobileStateChange(s,t){if(this.managed){this.managedMobileDestination=this.mobileDestination;this.managedMobileSheetNavOpen=this.mobileSheetNavOpen}this.syncSlottedMobileState();if(t===true&&!this.effectiveMobileSheetNavOpen&&this.resolvedMode==="mobile"){requestAnimationFrame((()=>{const s=this.el.querySelector("ds-mobile-bar-nav");const t=document.activeElement;if(t instanceof e&&s?.contains(t))return;void s?.focusDestination?.("sheet-nav")}))}}updateResponsiveMode(){if(typeof window==="undefined")return;const s=g(window.innerWidth);if(s===this.resolvedMode)return;this.resolvedMode=s;this.syncSlottedMobileState();this.scheduleChromeSync();if(this.hasLoaded)this.dsResponsiveModeChange.emit({mode:s})}scheduleChromeSync(){this.chromeSyncCoalescer.schedule()}syncSlottedNavStyle(){const s=this.el.querySelector("ds-panel-nav");const e=this.el.querySelector("ds-bar-nav");if(s){s.setAttribute("nav-style",this.navStyle);s.navStyle=this.navStyle}if(e){e.setAttribute("nav-style",this.navStyle);e.navStyle=this.navStyle}}syncSlottedMobileState(){const s=this.el.querySelector("ds-shell-tools");const e=this.el.querySelector("ds-mobile-bar-nav");const t=this.el.querySelector("ds-mobile-sheet-nav");if(s){s.setAttribute("responsive-mode",this.resolvedMode);s.responsiveMode=this.resolvedMode}if(e){e.activeDestination=this.effectiveMobileDestination;e.sheetNavExpanded=this.effectiveMobileSheetNavOpen}if(t){t.open=this.effectiveMobileSheetNavOpen}}connectMetricsObserver(){this.resizeObserver=new ResizeObserver((()=>{if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()}));this.resizeObserver.observe(this.el);const s=this.el.querySelector(".shell-app__panel");if(s)this.resizeObserver.observe(s)}connectViewportListeners(){if(typeof window==="undefined")return;window.addEventListener("resize",this.onWindowResize,{passive:true});const s=window.visualViewport;if(s){s.addEventListener("resize",this.onVisualViewportChange,{passive:true});s.addEventListener("scroll",this.onVisualViewportChange,{passive:true})}}disconnectViewportListeners(){if(typeof window==="undefined")return;window.removeEventListener("resize",this.onWindowResize);const s=window.visualViewport;if(s){s.removeEventListener("resize",this.onVisualViewportChange);s.removeEventListener("scroll",this.onVisualViewportChange)}}connectPageLifecycleListeners(){if(typeof window==="undefined"||typeof document==="undefined")return;document.addEventListener("visibilitychange",this.onDocumentVisibilityChange);window.addEventListener("pageshow",this.onPageShow)}disconnectPageLifecycleListeners(){if(typeof window==="undefined"||typeof document==="undefined")return;document.removeEventListener("visibilitychange",this.onDocumentVisibilityChange);window.removeEventListener("pageshow",this.onPageShow)}cancelForegroundRefresh(){if(this.foregroundRefreshTimer!==null){window.clearTimeout(this.foregroundRefreshTimer);this.foregroundRefreshTimer=null}this.el.classList.remove("shell-app--foreground-refresh")}refreshAfterForegroundRestore(){this.updateResponsiveMode();this.syncSlottedMobileState();this.scheduleChromeSync();if(this.resolvedMode!=="mobile")return;this.cancelForegroundRefresh();this.el.classList.add("shell-app--foreground-refresh");this.foregroundRefreshTimer=window.setTimeout((()=>{this.foregroundRefreshTimer=null;this.el.classList.remove("shell-app--foreground-refresh");void this.el.querySelector(".shell-app__main")?.offsetHeight}),s.FOREGROUND_REFRESH_MS)}cachePanelWidthTokens(){const s=this.el.querySelector("ds-panel-nav .panel-nav");if(!s)return;this.panelWidthTokens=fs(s)}applyGradientVars(s,e){const t=s.style;for(const[s,i]of Object.entries(e)){if(i===null)t.removeProperty(s);else t.setProperty(s,i)}}clearGradientPaintVars(s){const e=[Y,X,ts];for(const t of s){for(const s of e)t.style.removeProperty(s)}}syncChromeLayoutVars(s,e,t,i){if(s){s.style.setProperty(ss,t)}if(e){e.style.setProperty(es,i)}}resolvePanelWidthPx(s){const e=s?.querySelector(".panel-nav");if(this.panelNavTransition.isActive&&this.panelWidthTokens.expandedPx>0){const t=bs(s,e);return ms(this.panelWidthTokens,t)}const t=this.el.querySelector(".shell-app__panel");const i=t?.getBoundingClientRect().width??0;if(i>0)return i;if(this.panelWidthTokens.expandedPx>0){const t=bs(s,e);return ms(this.panelWidthTokens,t)}return 0}resolveViewportDimensions(){if(this.panelNavTransition.isActive&&this.cachedViewportWidth>0){return{width:this.cachedViewportWidth,height:this.cachedViewportHeight}}return ns()}chromeLayerActive(){return this.resolvedMode!=="mobile"&&J(this.gradientPreset)!=="none"}handleWindowKeyDown(s){if(!this.shortcutsEnabled)return;if(ds(s.target))return;const e=cs(s);if(!e)return;s.preventDefault();const t=this.el.querySelector("ds-panel-nav");const i=this.el.querySelector("ds-shell-tools, ds-panel-tools");if(e==="toggle-panel-nav"){void t?.toggleCollapsed();return}if(e==="close-panel-tools"){void i?.closeDrawer?.();return}if(e.startsWith("open-tool:")&&i){const s=e.slice("open-tool:".length);void i.activateTool?.(s)}}async activateTool(s){const e=this.el.querySelector("ds-shell-tools, ds-panel-tools");await(e?.activateTool?.(s))}async closeGlobalSurface(){if(this.managedMobileSheetNavOpen){this.managedMobileSheetNavOpen=false;return}const s=this.el.querySelector("ds-shell-tools, ds-panel-tools");await(s?.closeDrawer?.())}async setToolPresentation(s){this.managedToolPresentation=s;this.toolsFullscreen=s==="fullscreen"}get currentArea(){const s=[...this.navigation.dashboardGroups??[],...this.navigation.settingsGroups??[],...this.resolvedNavigationGroups];const e=s.flatMap((s=>s.items));const t=this.navigation.activeId||w(this.navigation.currentUrl??this.pageChrome.currentUrl??"",e);return e.find((s=>s.id===t))??e[0]??{id:"area",icon:"MapPage",label:this.pageChrome.heading||"Area"}}toolDot(s){return this.resolvedToolItems.find((e=>e.id===s))?.dot??false}syncChrome(){const s=this.el.querySelector("ds-panel-nav");const e=this.el.querySelector("ds-bar-nav");const t=[this.el,s,e].filter((s=>s!==null));const i=()=>{if(s)s.style.removeProperty(ss);if(e)e.style.removeProperty(es)};const n=J(this.gradientPreset);if(n==="none"||this.resolvedMode==="mobile"){this.clearGradientPaintVars(t);i();return}const a=this.resolveViewportDimensions();const o=this.resolvePanelWidthPx(s);const l=os();const h=ls(o);this.syncChromeLayoutVars(s,e,l,h);const r=is(n);const d=as({width:a.width,height:a.height});const p=W(n);for(const s of t){if(s===this.el){this.applyGradientVars(s,{[Y]:r,[X]:d,[ss]:l,[es]:h,[ts]:p});continue}const e=s.tagName.toLowerCase()==="ds-bar-nav";this.applyGradientVars(s,{[Y]:r,[X]:d,[ts]:p,[ss]:e?null:l,[es]:e?h:null})}}renderManagedPanelNav(){const s=this.navigation;return i("ds-panel-nav",{navStyle:this.navStyle,groups:this.resolvedNavigationGroups,breakpoint:v,routerMode:s.routerMode??"event",activeId:s.activeId??"",currentUrl:s.currentUrl??this.pageChrome.currentUrl??"",storageKey:s.storageKey??"",userName:s.userName??"",userInitial:s.userInitial??"",accountMenuExpanded:s.accountMenuExpanded??false,dashboardLabel:s.dashboardLabel??"Dashboard",settingsLabel:s.settingsLabel??"Settings",accountLabel:s.accountLabel??"Account",dashboardNavigationLabel:s.dashboardNavigationLabel??"Dashboard navigation",settingsNavigationLabel:s.settingsNavigationLabel??"Settings navigation",navigationItemsLabel:s.navigationLabel??"Navigation items",onDsNavSelect:this.handleManagedNavSelect,onDsNavFooterAction:this.handleManagedNavFooterAction,onDsNavUserAction:this.handleManagedNavUserAction})}renderManagedBarNav(){return i("ds-bar-nav",{navStyle:this.navStyle,tabs:this.pageChrome.tabs??[],value:this.pageChrome.value??"",heading:this.pageChrome.routeHeading??this.pageChrome.heading,basePath:this.pageChrome.basePath??"",currentUrl:this.pageChrome.currentUrl??this.navigation.currentUrl??"",onDsTabChange:this.handleManagedTabChange})}renderManagedToolSlots(){const s=[...new Set(this.resolvedToolItems.map((s=>s.id)))].sort();return s.flatMap((s=>[i("slot",{key:`tool:${s}`,name:s,slot:s}),i("slot",{key:`tool-view:${s}`,name:`${s}-view`,slot:`${s}-view`})]))}renderManagedTools(){const s=this.tools;return i("ds-shell-tools",{responsiveMode:this.resolvedMode,open:this.managedToolsOpen,activeTool:this.managedActiveTool,presentation:this.managedToolPresentation,fullscreenHeaderMode:s.fullscreenHeaderMode??"shared",items:this.resolvedToolItems,headers:s.headers??{},storageKey:s.storageKey??"",toolsLabel:s.toolsLabel??"Tools",toolShortcutsLabel:s.toolShortcutsLabel??"Tool shortcuts",inboxLabel:s.inboxLabel??"Inbox",inboxNavigationLabel:s.inboxNavigationLabel??"Inbox sections",onDsToolChange:this.handleManagedToolChange,onDsPresentationChange:this.handleManagedPresentationChange,onDsHeaderBack:this.handleManagedHeaderBack,onDsHeaderAction:this.handleManagedHeaderAction},this.renderManagedToolSlots())}renderManagedMobileSheetNav(){const s=this.navigation;return i("ds-mobile-sheet-nav",{open:this.managedMobileSheetNavOpen,browseContext:this.managedBrowseContext,dashboardGroups:s.dashboardGroups??s.groups??[],settingsGroups:s.settingsGroups??[],currentUrl:s.currentUrl??this.pageChrome.currentUrl??"",navigationLabel:s.navigationLabel??"Application navigation",dashboardLabel:s.dashboardLabel??"Dashboard",settingsLabel:s.settingsLabel??"Settings",accountLabel:s.accountLabel??"Account",onDsAreaSelect:this.handleManagedAreaSelect,onDsBrowseContextChange:this.handleManagedBrowseContext,onDsClose:this.handleManagedSheetClose})}renderManagedMobileBarNav(){return i("ds-mobile-bar-nav",{hidden:this.tools.mobileBarHidden??false,activeDestination:this.managedMobileDestination,currentArea:this.currentArea,sheetNavExpanded:this.managedMobileSheetNavOpen,searchLabel:this.tools.items?.find((s=>s.id==="search"))?.ariaLabel??"Search",inboxLabel:this.tools.inboxLabel??"Inbox",messagesLabel:this.tools.items?.find((s=>s.id==="messages"))?.ariaLabel??"Messages",agentsLabel:this.tools.items?.find((s=>s.id==="agents"))?.ariaLabel??"Agents",helpLabel:this.tools.items?.find((s=>s.id==="help"))?.ariaLabel??"Help & Support",searchDot:this.toolDot("search"),inboxDot:this.toolDot("stacks")||this.toolDot("activity"),messagesDot:this.toolDot("messages"),agentsDot:this.toolDot("agents"),onDsSheetNavToggle:this.handleManagedSheetToggle,onDsDestinationChange:this.handleManagedMobileDestination})}renderManagedMobileLeading(){if(!this.pageChrome.showBack){return i("slot",{name:"page-header-leading",slot:"leading"})}return[i("ds-tooltip",{slot:"leading",label:this.pageChrome.backAriaLabel??"Back",side:"bottom",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.pageChrome.backIcon??"ChevronLeft",size:"md","aria-label":this.pageChrome.backAriaLabel??"Back",activeFill:false,hasBorder:false,onDsClick:s=>this.dsPageBack.emit(s.detail)})),i("slot",{name:"page-header-leading",slot:"leading"})]}renderManagedMobileActions(){const s=this.pageChrome.mobileActions??[];return[...s.map((s=>i("ds-tooltip",{slot:"trailing",key:s.id,label:s.ariaLabel,side:"bottom",size:"sm"},i("ds-button-unfilled",{id:s.triggerId||undefined,variant:"icon",icon:s.icon,size:"md","aria-label":s.ariaLabel,haspopup:s.haspopup,controls:s.controls,expanded:s.expanded,pressed:s.pressed,isActive:!!s.expanded,isInactive:s.isInactive,activeFill:false,hasBorder:false,onDsClick:()=>this.dsPageAction.emit(s.id)})))),i("slot",{name:"page-header-trailing",slot:"trailing"})]}renderManagedPage(){const s=this.pageChrome;const e=s.showBack?[]:s.tabs??[];const t=(s.subsections??[]).map((s=>"type"in s?{type:"divider"}:{id:s.id,label:s.label,isInactive:s.isInactive}));return i("ds-shell-page",{responsiveMode:this.resolvedMode,headerCapacity:_(this.resolvedMode,this.managedToolsOpen),contentInset:s.contentInset??"default",contentSurface:s.contentSurface??"primary"},i("ds-bar-title",{slot:"header",heading:s.heading??"",description:s.description??"",showBack:s.showBack??false,backAriaLabel:s.backAriaLabel??"Back",backLabel:s.backLabel??"Back",breadcrumbs:s.breadcrumbs??[],breadcrumbAriaLabel:s.breadcrumbAriaLabel??"Breadcrumb",sections:t,value:s.subvalue??"",sectionsAriaLabel:s.subsectionsAriaLabel??"Change page subsection",primaryAction:s.primaryAction??null,actions:s.actions??[],actionsAriaLabel:s.actionsAriaLabel??"More page actions",onDsBack:this.handleManagedPageBack,onDsBreadcrumbSelect:this.handleManagedBreadcrumbSelect,onDsSectionChange:this.handleManagedSubsectionChange,onDsAction:this.handleManagedPageAction}),i("ds-mobile-header",{slot:"mobile-header",heading:s.heading??"",headingLevel:s.headingLevel??"h1",sections:e,value:s.showBack?"":s.value??"",sectionsAriaLabel:s.sectionsAriaLabel??"Change page section",subsections:s.subsections??[],subvalue:s.subvalue??"",subsectionsAriaLabel:s.subsectionsAriaLabel??"Change page subsection",tone:s.tone??"default",onDsSectionChange:this.handleManagedTabChange,onDsSubsectionChange:this.handleManagedSubsectionChange},this.renderManagedMobileLeading(),this.renderManagedMobileActions()),i("slot",null))}renderSlottedShell(s,e,t,a,o){return i(n,{class:s,"responsive-mode":this.resolvedMode},i("div",{class:"shell-app__banner"},i("slot",{name:"banner"})),i("div",{class:"shell-app__row"},i("div",{class:"shell-app__chrome","aria-hidden":"true"}),i("div",{class:"shell-app__panel","aria-hidden":o?"true":undefined,inert:o?true:undefined},i("slot",{name:"panel"})),i("div",{class:"shell-app__main"},i("div",{class:"shell-app__bar","aria-hidden":o?"true":undefined,inert:o?true:undefined},i("slot",{name:"bar"})),i("div",{class:"shell-app__tools","aria-hidden":e&&(!t||this.mobileSheetNavOpen)?"true":undefined,inert:e&&(!t||this.mobileSheetNavOpen)?true:undefined,hidden:e&&!t},i("slot",{name:"tools"})),i("div",{class:"shell-app__content ds-focus-ring","aria-hidden":o||a?"true":undefined,inert:o||a?true:undefined,tabIndex:0},i("slot",null)),i("div",{class:"shell-app__mobile-sheet-nav",hidden:!e||!this.mobileSheetNavOpen,"aria-hidden":e&&this.mobileSheetNavOpen?undefined:"true",inert:e&&this.mobileSheetNavOpen?undefined:true},i("slot",{name:"mobile-sheet-nav"})),i("div",{class:"shell-app__mobile-bar-nav",hidden:!e},i("slot",{name:"mobile-bar-nav"})))))}render(){const s=this.chromeLayerActive();const e=this.resolvedMode==="mobile";const t=e&&this.effectiveMobileDestination!=="area";const a=e&&(t||this.effectiveMobileSheetNavOpen);const o=!e&&this.toolsFullscreen;const l={"shell-app":true,"shell-app--gradient":s,[`shell-app--${this.navStyle}`]:true,[`shell-app--${this.resolvedMode}`]:true,"shell-app--tools-fullscreen":o,"shell-app--mobile-tool-active":t,"shell-app--mobile-sheet-nav-open":e&&this.effectiveMobileSheetNavOpen,"shell-app--managed":this.managed,"shell-app--slotted":!this.managed};if(!this.managed){return this.renderSlottedShell(l,e,t,a,o)}return i(n,{class:l,"responsive-mode":this.resolvedMode},i("div",{class:"shell-app__banner"},i("slot",{name:"banner"})),i("div",{class:"shell-app__row"},i("div",{class:"shell-app__chrome","aria-hidden":"true"}),i("div",{class:"shell-app__panel","aria-hidden":o?"true":undefined,inert:o?true:undefined},this.renderManagedPanelNav()),i("div",{class:"shell-app__main"},i("div",{class:"shell-app__bar","aria-hidden":o?"true":undefined,inert:o?true:undefined},this.renderManagedBarNav()),i("div",{class:"shell-app__tools","aria-hidden":e&&(!t||this.effectiveMobileSheetNavOpen)?"true":undefined,inert:e&&(!t||this.effectiveMobileSheetNavOpen)?true:undefined,hidden:e&&!t},this.renderManagedTools()),i("div",{class:"shell-app__content ds-focus-ring","aria-hidden":o||a?"true":undefined,inert:o||a?true:undefined,tabIndex:0},this.renderManagedPage()),i("div",{class:"shell-app__mobile-sheet-nav",hidden:!e||!this.effectiveMobileSheetNavOpen,"aria-hidden":e&&this.effectiveMobileSheetNavOpen?undefined:"true",inert:e&&this.effectiveMobileSheetNavOpen?undefined:true},this.renderManagedMobileSheetNav()),i("div",{class:"shell-app__mobile-bar-nav",hidden:!e},this.renderManagedMobileBarNav()))))}get el(){return this}static get watchers(){return{navStyle:[{onShellPropsChange:0}],gradientPreset:[{onShellPropsChange:0}],navigation:[{handleNavigationChange:0}],tools:[{handleToolsChange:0}],mobileDestination:[{onMobileStateChange:0}],mobileSheetNavOpen:[{onMobileStateChange:0}]}}static get style(){return gs()}},[262,"ds-shell-app",{composition:[513],navigation:[16],pageChrome:[16],tools:[16],navStyle:[513,"nav-style"],gradientPreset:[513,"gradient-preset"],shortcutsEnabled:[4,"shortcuts-enabled"],mobileDestination:[1,"mobile-destination"],mobileSheetNavOpen:[4,"mobile-sheet-nav-open"],toolsFullscreen:[32],resolvedMode:[32],managedToolsOpen:[32],managedActiveTool:[32],managedToolPresentation:[32],managedMobileDestination:[32],managedMobileSheetNavOpen:[32],managedInboxTool:[32],managedBrowseContext:[32],activateTool:[64],closeGlobalSurface:[64],setToolPresentation:[64]},[[0,"dsPresentationChange","handleToolsPresentation"],[10,"keydown","handleWindowKeyDown"]],{navStyle:[{onShellPropsChange:0}],gradientPreset:[{onShellPropsChange:0}],navigation:[{handleNavigationChange:0}],tools:[{handleToolsChange:0}],mobileDestination:[{onMobileStateChange:0}],mobileSheetNavOpen:[{onMobileStateChange:0}]}]);vs.FOREGROUND_REFRESH_MS=50;function _s(){if(typeof customElements==="undefined"){return}const s=["ds-shell-app","ds-badge","ds-bar-nav","ds-bar-title","ds-breadcrumb","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-mobile-bar-nav","ds-mobile-header","ds-mobile-section-switcher","ds-mobile-sheet-nav","ds-panel-nav","ds-panel-tool-header","ds-panel-tools","ds-shell-page","ds-shell-tools","ds-swatch-picker","ds-switch","ds-tab-group","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-shell-app":if(!customElements.get(a(s))){customElements.define(a(s),vs)}break;case"ds-badge":if(!customElements.get(a(s))){y()}break;case"ds-bar-nav":if(!customElements.get(a(s))){u()}break;case"ds-bar-title":if(!customElements.get(a(s))){k()}break;case"ds-breadcrumb":if(!customElements.get(a(s))){x()}break;case"ds-button-filled":if(!customElements.get(a(s))){C()}break;case"ds-button-unfilled":if(!customElements.get(a(s))){S()}break;case"ds-icon":if(!customElements.get(a(s))){D()}break;case"ds-loader":if(!customElements.get(a(s))){L()}break;case"ds-menu":if(!customElements.get(a(s))){M()}break;case"ds-mobile-bar-nav":if(!customElements.get(a(s))){T()}break;case"ds-mobile-header":if(!customElements.get(a(s))){A()}break;case"ds-mobile-section-switcher":if(!customElements.get(a(s))){P()}break;case"ds-mobile-sheet-nav":if(!customElements.get(a(s))){B()}break;case"ds-panel-nav":if(!customElements.get(a(s))){E()}break;case"ds-panel-tool-header":if(!customElements.get(a(s))){N()}break;case"ds-panel-tools":if(!customElements.get(a(s))){l()}break;case"ds-shell-page":if(!customElements.get(a(s))){j()}break;case"ds-shell-tools":if(!customElements.get(a(s))){z()}break;case"ds-swatch-picker":if(!customElements.get(a(s))){I()}break;case"ds-switch":if(!customElements.get(a(s))){$()}break;case"ds-tab-group":if(!customElements.get(a(s))){O()}break;case"ds-text":if(!customElements.get(a(s))){F()}break;case"ds-tooltip":if(!customElements.get(a(s))){H()}break}}))}_s();const ws=vs;const ys=_s;export{ws as DsShellApp,ys as defineCustomElement};
 //# sourceMappingURL=ds-shell-app.js.map

package/dist/components/ds-shell-tools.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-Cw1bbiCG.js";const t=o;const p=s;export{t as DsShellTools,p as defineCustomElement};
+import{S as s,d as o}from"./p-C-aCs6ID.js";const t=s;const a=o;export{t as DsShellTools,a as defineCustomElement};
 //# sourceMappingURL=ds-shell-tools.js.map

package/dist/components/ds-tab-group.js

@@ -1,2 +1,2 @@
-import{T as o,d as s}from"./p-CzV4gIxd.js";const t=o;const p=s;export{t as DsTabGroup,p as defineCustomElement};
+import{T as o,d as s}from"./p-DAM4CDXT.js";const t=o;const p=s;export{t as DsTabGroup,p as defineCustomElement};
 //# sourceMappingURL=ds-tab-group.js.map

package/dist/components/ds-table.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as a,a as l,t as i}from"./index.js";import{d as n}from"./p-DwKC_9u2.js";import{d as r}from"./p-C3Z01Glr.js";import{d as o}from"./p-B2t8alvH.js";import{d}from"./p-DBJJiSP0.js";import{d as c}from"./p-DumWT7NN.js";import{d as b}from"./p-Ca-I2UnB.js";import{d as h}from"./p-C9StMCWg.js";import{d as _}from"./p-BEEYhbIb.js";import{d as u}from"./p-BNiIyZCn.js";const f={xs:"--dimension-table-column-width-xs",sm:"--dimension-table-column-width-sm",md:"--dimension-table-column-width-md",lg:"--dimension-table-column-width-lg",xl:"--dimension-table-column-width-xl"};function m(e){return typeof e==="object"&&e!==null&&"primary"in e&&!("kind"in e)}function v(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="primary-text"}function p(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="tag"}function g(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="icon"}function w(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="image"}function k(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="action"}function y(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="empty"}function x(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="blank"}function z(e){if(e==null)return null;if(p(e))return e.label;if(g(e))return null;if(w(e))return e.alt;if(k(e))return e.label??e.ariaLabel;if(v(e))return e.primary;if(y(e)||x(e))return null;return m(e)?e.primary:e}function C(e,t){const s=e.selectionLabel?.trim();if(s)return s;for(const s of t){const t=z(e.cells[s.id]);if(t!=null&&String(t).trim())return String(t)}return e.id}function S(e,t){if(e?.columnId!==t)return{columnId:t,direction:"asc"};if(e.direction==="asc")return{columnId:t,direction:"desc"};return{columnId:t,direction:"asc"}}function M(e){return{...e,direction:e.direction==="asc"?"desc":"asc"}}function L(e){if(typeof e.size!=="number"||!Number.isFinite(e.size)||e.size<=0){return undefined}const t=Number.isFinite(e.minSize)&&(e.minSize??0)>0?e.minSize:0;const s=Number.isFinite(e.maxSize)&&(e.maxSize??0)>0?Math.max(e.maxSize,t):Number.POSITIVE_INFINITY;return Math.min(Math.max(e.size,t),s)}function $(e){if(typeof e.size==="string"){return`var(${f[e.size]})`}const t=L(e);return t==null?undefined:`${t}px`}function I(e){const t=e.map($).filter((e=>!!e));if(t.length===0)return undefined;return t.length===1?t[0]:`calc(${t.join(" + ")})`}function E(e,t,s){return s?t.flatMap((e=>e.rows)):e}function j(e){return e.selectable!==false&&!e.disabled}function D(e,t){const s=new Set(t);const a=e.filter(j).map((e=>e.id));const l=a.reduce(((e,t)=>e+(s.has(t)?1:0)),0);return{selectableRowIds:a,selectedLoadedCount:l,allSelected:a.length>0&&l===a.length,indeterminate:l>0&&l<a.length}}function R(e,t){if(!j(t))return[...e];const s=new Set(e);if(s.has(t.id))s.delete(t.id);else s.add(t.id);return[...s]}function B(e,t){const s=new Set(e);const a=D(t,e);for(const e of a.selectableRowIds){if(a.allSelected)s.delete(e);else s.add(e)}return[...s]}function H(e){const t=Number.isFinite(e.totalCount)?Math.max(0,e.totalCount):0;return Math.max(t,e.rows.length)}function T(e,t,s,a){const l=[];const i=new Set;for(const t of e){if(!t.id.trim())l.push("Every column requires a non-empty id.");else if(i.has(t.id))l.push(`Duplicate column id: ${t.id}`);if(!t.header.trim()&&!t.headerLabel?.trim()){l.push(`Column ${t.id||"(missing id)"} requires a visible header or headerLabel.`)}i.add(t.id)}const n=new Set;if(a){for(const e of s){if(!e.id.trim())l.push("Every group requires a non-empty id.");else if(n.has(e.id))l.push(`Duplicate group id: ${e.id}`);n.add(e.id);if(e.totalCount!=null&&e.totalCount<e.rows.length){l.push(`Group ${e.id} totalCount is smaller than its loaded row count.`)}}}const r=new Set;for(const e of E(t,s,a)){if(!e.id.trim())l.push("Every row requires a non-empty id.");else if(r.has(e.id))l.push(`Duplicate row id: ${e.id}`);r.add(e.id)}return[...new Set(l)]}const A=()=>`@media (forced-colors: active){.sc-ds-table:root,.sc-ds-table-h,.ds-forced-colors-scope.sc-ds-table{--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-table-h,.ds-interaction-fill.sc-ds-table{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-table-h::before,.ds-interaction-fill.sc-ds-table::before,.ds-interaction-fill.sc-ds-table-h::after,.ds-interaction-fill.sc-ds-table::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-table-h::before,.ds-interaction-fill.sc-ds-table::before{z-index:1}.ds-interaction-fill.sc-ds-table-h::after,.ds-interaction-fill.sc-ds-table::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-table-h,.ds-interaction-fill--bordered.sc-ds-table{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-table-h::before,.ds-interaction-fill--selected.sc-ds-table::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-table-h,.ds-interaction-fill--selected.sc-ds-table{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-table-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-table:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-table-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-table:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-table-h::after,.ds-interaction-fill--grouped.sc-ds-table::after,.ds-interaction-fill--grouped.sc-ds-table-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}.ds-interaction-fill--grouped.sc-ds-table-h,.ds-interaction-fill--grouped.sc-ds-table{--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-table-h>.ds-interaction-fill__content.sc-ds-table,.ds-interaction-fill.sc-ds-table>.ds-interaction-fill__content.sc-ds-table,.ds-interaction-fill__content.sc-ds-table{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-table-h,.ds-interaction-fill--on-faint.sc-ds-table{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-table-h,.ds-interaction-fill--on-medium.sc-ds-table{--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-table-h,.ds-interaction-fill--on-bold.sc-ds-table{--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-table-h,.ds-interaction-fill--on-strong.sc-ds-table{--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-table-h,.ds-interaction-fill--on-translucent.sc-ds-table{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-table-h,.ds-interaction-fill--on-inverted.sc-ds-table{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-table-h,.ds-interaction-fill--on-media.sc-ds-table{--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-table-h,.ds-interaction-fill--on-always-dark.sc-ds-table{--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);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-table-h,.ds-interaction-fill--on-navigation.sc-ds-table{--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)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-table-h::after,.ds-interaction-fill.sc-ds-table::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--selected.sc-ds-table-h::before,.ds-interaction-fill--selected.sc-ds-table::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-table-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-table: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)}}`;const N=()=>`.sc-ds-table:where(.ds-table){--_table-cell-track-min-block-size:calc(     var(--dimension-size-400) - var(--dimension-space-050)   );--_table-cell-track-padding-inline:calc(     var(--dimension-space-075) - var(--dimension-space-025)   );--_table-cell-track-label-inset:var(--dimension-space-025);--_table-image-block-size:calc(     var(--dimension-size-800) - var(--dimension-space-150)   );--_table-surface:var(--ds-table-surface, var(--color-background-primary));--_table-header-surface:var(--ds-table-header-surface, var(--color-background-primary));--_table-group-surface:var(--ds-table-group-surface, var(--color-background-faint-neutral));--_table-row-hover:var(--ds-table-row-hover, var(--color-interaction-hover));--_table-row-pressed:var(--ds-table-row-pressed, var(--color-interaction-pressed));--_table-row-selected:var(--ds-table-row-selected, var(--color-interaction-active-brand));--_table-border:var(--ds-table-border, var(--color-border-secondary));--_table-column-border:var(--ds-table-column-border, var(--color-border-tertiary));--_table-sticky-border:var(--ds-table-sticky-border, var(--color-border-secondary));--_table-border-strong:var(--ds-table-border-strong, var(--color-border-secondary));--_table-radius:var(--ds-table-radius, var(--dimension-radius-075));--_table-header-min-block-size:var(     --ds-table-header-min-block-size,     var(--dimension-size-400)   );--_table-row-min-block-size:var(     --ds-table-row-min-block-size,     var(--dimension-size-500)   );--_table-cell-padding-block:var(     --ds-table-cell-padding-block,     var(--dimension-space-100)   );--_table-cell-padding-inline:var(     --ds-table-cell-padding-inline,     var(--dimension-space-100)   );--_table-selection-column-inline-size:var(     --ds-table-selection-column-inline-size,     var(--dimension-size-500)   );--_table-selection-column-contribution:0;--_table-sticky-start-shadow:var(     --ds-table-sticky-start-shadow,     inset var(--dimension-space-050) 0 var(--dimension-space-050)       calc(-1 * var(--dimension-space-050)) var(--color-elevation-shadow)   );--_table-sticky-end-shadow:var(     --ds-table-sticky-end-shadow,     inset calc(-1 * var(--dimension-space-050)) 0 var(--dimension-space-050)       calc(-1 * var(--dimension-space-050)) var(--color-elevation-shadow)   );display:block;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;color:var(--color-foreground-primary);-webkit-user-select:none;user-select:none}.sc-ds-table:where(.ds-table__frame){position:relative;timeline-scope:--ds-table-inline-scroll;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;overflow:visible;border:0;border-radius:var(--_table-radius);background:var(--_table-surface)}.sc-ds-table:where(.ds-table__viewport){box-sizing:border-box;max-block-size:var(--ds-table-max-block-size, none);max-inline-size:100%;min-inline-size:0;overflow:auto;scroll-timeline:--ds-table-inline-scroll inline;overscroll-behavior-x:none;overscroll-behavior-y:auto;scrollbar-gutter:stable;border-radius:var(--_table-radius);outline:none}.sc-ds-table:where(.ds-table--document-sticky-header .ds-table__viewport){scrollbar-gutter:auto}.sc-ds-table:where(.ds-table__viewport:focus-visible){outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.sc-ds-table:where(.ds-table__table){box-sizing:border-box;inline-size:100%;min-inline-size:max(100%, var(--ds-table-explicit-min-inline-size, 0));border:0;border-spacing:0;border-collapse:separate;table-layout:fixed;background:var(--_table-surface);color:inherit}.sc-ds-table:where(.ds-table__table--selectable){--_table-selection-column-contribution:var(--_table-selection-column-inline-size);min-inline-size:max(     100%,     calc(var(--ds-table-explicit-min-inline-size, 0) + var(--_table-selection-column-contribution))   )}.sc-ds-table:where(.ds-table__caption){padding:var(--_table-cell-padding-inline);border-block-end:var(--dimension-stroke-width-012) solid var(--_table-border);background:var(--_table-surface);text-align:start}.sc-ds-table:where(.ds-table__selection-column){inline-size:var(--_table-selection-column-inline-size)}.sc-ds-table:where(.ds-table__head){position:relative;z-index:1}.sc-ds-table:where(.ds-table--contained-sticky-header .ds-table__head){position:sticky;inset-block-start:0;z-index:2}.sc-ds-table:where(.ds-table__document-sticky-header){position:sticky;inset-block-start:var(--ds-table-sticky-header-offset, 0);z-index:3;block-size:var(--_table-header-min-block-size);margin-block-end:calc(-1 * var(--_table-header-min-block-size));max-inline-size:100%;overflow:hidden;border-radius:var(--_table-radius) var(--_table-radius) 0 0;background:var(--_table-header-surface)}.sc-ds-table:where(.ds-table__sticky-header-table){block-size:var(--_table-header-min-block-size);transform:translate3d(calc(-1 * var(--ds-table-inline-scroll-offset, 0px)), 0, 0);will-change:transform}.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-start){transform:translate3d(var(--ds-table-inline-scroll-offset, 0), 0, 0)}.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-end){transform:translate3d(     calc(       var(--ds-table-inline-scroll-offset, 0) -       var(--ds-table-inline-scroll-max-offset, 0)     ),     0,     0   )}@supports (animation-timeline: --ds-table-inline-scroll){.sc-ds-table:where(.ds-table__sticky-header-table){animation:ds-table-follow-inline-scroll var(--effect-motion-short-2) both;animation-timeline:--ds-table-inline-scroll;animation-range:0% 100%;animation-timing-function:linear}.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-start){animation:ds-table-counter-inline-scroll-start var(--effect-motion-short-2) both;animation-timeline:--ds-table-inline-scroll;animation-range:0% 100%;animation-timing-function:linear}.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-end){animation:ds-table-counter-inline-scroll-end var(--effect-motion-short-2) both;animation-timeline:--ds-table-inline-scroll;animation-range:0% 100%;animation-timing-function:linear}}@keyframes ds-table-follow-inline-scroll{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(       calc(-1 * var(--ds-table-inline-scroll-max-offset, 0)),       0,       0     )}}@keyframes ds-table-counter-inline-scroll-start{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(var(--ds-table-inline-scroll-max-offset, 0), 0, 0)}}@keyframes ds-table-counter-inline-scroll-end{from{transform:translate3d(       calc(-1 * var(--ds-table-inline-scroll-max-offset, 0)),       0,       0     )}to{transform:translate3d(0, 0, 0)}}.sc-ds-table:where(.ds-table__head--semantic-copy){opacity:0;pointer-events:none}.sc-ds-table:where(.ds-table__header-row){min-block-size:var(--_table-header-min-block-size);background:var(--_table-header-surface)}.sc-ds-table:where(.ds-table__header-cell),.sc-ds-table:where(.ds-table__cell),.sc-ds-table:where(.ds-table__group-cell),.sc-ds-table:where(.ds-table__load-cell),.sc-ds-table:where(.ds-table__state-cell){box-sizing:border-box;border:0;border-block-end:var(--dimension-stroke-width-012) solid var(--_table-border);text-align:start;vertical-align:middle}.sc-ds-table:where(.ds-table__header-cell){position:relative;min-block-size:calc(     var(--_table-header-min-block-size) - var(--dimension-space-100) - var(--dimension-space-100)   );block-size:calc(     var(--_table-header-min-block-size) - var(--dimension-space-100) - var(--dimension-space-100)   );padding:var(--dimension-space-100);border-block-end:0;background:var(--_table-header-surface);color:var(--color-foreground-secondary)}.sc-ds-table:where(.ds-table__header-cell)::after{content:'';position:absolute;inset-inline:0;inset-block-end:0;z-index:1;block-size:var(--dimension-stroke-width-012);background:var(--_table-border-strong);pointer-events:none}.sc-ds-table:where(.ds-table__cell){min-block-size:var(--_table-row-min-block-size);block-size:var(--_table-row-min-block-size);padding:var(--_table-cell-padding-block) var(--_table-cell-padding-inline);--ds-interaction-group-divider-width:var(--dimension-stroke-width-012);--ds-interaction-group-divider-color:var(--_table-border);border-block-end:0;background-color:inherit;vertical-align:top}.sc-ds-table:where(.ds-table__header-cell+.ds-table__header-cell){border-inline-start:0}.sc-ds-table:where(.ds-table__header-cell+.ds-table__header-cell)::before{content:'';position:absolute;inset:0;z-index:0;box-shadow:inset var(--dimension-stroke-width-012) 0 0 var(--_table-column-border);pointer-events:none}.sc-ds-table:where(.ds-table__cell+.ds-table__cell){--ds-interaction-group-divider-inline-start-width:var(--dimension-stroke-width-012);--ds-interaction-group-divider-inline-start-color:var(--_table-column-border)}.sc-ds-table:where(.ds-table__header-labels),.sc-ds-table:where(.ds-table__header-static),.sc-ds-table:where(.ds-table__header-label){display:flex;align-items:center;box-sizing:border-box;min-inline-size:0;block-size:var(--dimension-size-200);padding:0;color:inherit;text-align:inherit}.sc-ds-table:where(.ds-table__header-labels){flex:0 1 auto}.sc-ds-table:where(.ds-table__header-label){flex:0 1 auto;inline-size:fit-content;padding-inline:var(--dimension-space-025);color:var(--color-foreground-secondary)}.sc-ds-table:where(.ds-table__header-label[data-sort-active='true']){color:var(--color-foreground-primary)}.sc-ds-table:where(.ds-table__header-label-box){min-inline-size:0;padding-inline:var(--dimension-space-025)}.sc-ds-table:where(.ds-table__header-label--interactive){appearance:none;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:default;outline:none;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.sc-ds-table:where(.ds-table__header-label--interactive:hover){color:var(--color-foreground-primary)}}.sc-ds-table:where(.ds-table__header-label--interactive:active){color:var(--color-foreground-primary)}.sc-ds-table:where(.ds-table__header-label--interactive:focus-visible),.sc-ds-table:where(.ds-table__selection-control:focus-visible){outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.sc-ds-table:where(.ds-table__header-content),.sc-ds-table:where(.ds-table__header-labels),.sc-ds-table:where(.ds-table__header-segment),.sc-ds-table:where(.ds-table__sort-slot),.sc-ds-table:where(.ds-table__group-content),.sc-ds-table:where(.ds-table__load-content){display:inline-flex;align-items:center;min-inline-size:0}.sc-ds-table:where(.ds-table__header-content){display:flex;inline-size:100%;gap:var(--dimension-space-050)}.sc-ds-table:where(.ds-table__header-labels){max-inline-size:100%;gap:var(--dimension-space-025)}.sc-ds-table:where(.ds-table__header-segment){flex:0 1 auto;gap:var(--dimension-space-025)}.sc-ds-table:where(.ds-table__header-separator){flex:0 0 auto}.sc-ds-table:where(.ds-table__sort-slot){justify-content:center;flex:0 0 auto;inline-size:var(--dimension-size-200);block-size:var(--dimension-size-200);margin-inline-start:auto}.sc-ds-table:where(.ds-table__cell--align-center .ds-table__header-content){justify-content:center}.sc-ds-table:where(.ds-table__cell--align-center .ds-table__sort-slot),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__sort-slot){margin-inline-start:0}.sc-ds-table:where(.ds-table__cell--align-end .ds-table__header-labels){margin-inline-start:auto}.sc-ds-table:where(.ds-table__cell-content),.sc-ds-table:where(.ds-table__cell-copy){display:flex;min-inline-size:0;max-inline-size:100%}.sc-ds-table:where(.ds-table__cell-content){align-items:flex-start;min-block-size:var(--_table-cell-track-min-block-size)}.sc-ds-table:where(.ds-table__cell-copy){flex:1;flex-direction:column;justify-content:flex-start}.sc-ds-table:where(.ds-table__cell-track){display:flex;align-items:center;box-sizing:border-box;min-inline-size:0;min-block-size:var(--_table-cell-track-min-block-size)}.sc-ds-table:where(.ds-table__cell-track--text){inline-size:100%;padding-inline:var(--_table-cell-track-label-inset)}.sc-ds-table:where(.ds-table__cell--text-single),.sc-ds-table:where(.ds-table__cell--text-multi),.sc-ds-table:where(.ds-table__cell--primary-text),.sc-ds-table:where(.ds-table__cell--empty),.sc-ds-table:where(.ds-table__cell--blank){padding:var(--dimension-space-125)}.sc-ds-table:where(.ds-table__cell--text-single .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--text-multi .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--primary-text .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--empty .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--blank .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--text-single .ds-table__cell-track),.sc-ds-table:where(.ds-table__cell--text-multi .ds-table__cell-track),.sc-ds-table:where(.ds-table__cell--primary-text .ds-table__cell-track),.sc-ds-table:where(.ds-table__cell--empty .ds-table__cell-track){min-block-size:0}.sc-ds-table:where(.ds-table__cell--text-multi .ds-table__cell-copy){gap:var(--dimension-space-050)}.sc-ds-table:where(.ds-table__cell--text-multi .ds-table__cell-secondary){padding-block:var(--dimension-space-025)}.sc-ds-table:where(.ds-table__cell--primary-text .ds-table__cell-secondary){padding-block:0}.sc-ds-table:where(.ds-table__cell--tag-tag-only),.sc-ds-table:where(.ds-table__cell--tag-tag-with-text){padding:var(--dimension-space-075)}.sc-ds-table:where(.ds-table__cell--tag-text-with-tag){padding:var(--dimension-space-125)}.sc-ds-table:where(.ds-table__cell-tag-stack){display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;min-inline-size:0;max-inline-size:100%}.sc-ds-table:where(.ds-table__cell-tag-text){inline-size:100%}.sc-ds-table:where(.ds-table__cell-tag-stack--tag-with-text .ds-table__cell-tag-text){padding-inline:calc(     var(--_table-cell-track-padding-inline) + var(--_table-cell-track-label-inset)   );padding-block:var(--dimension-space-025);min-block-size:0}.sc-ds-table:where(.ds-table__cell-tag-stack--text-with-tag .ds-table__cell-tag-text){padding-inline:var(--_table-cell-track-label-inset);min-block-size:0}.sc-ds-table:where(.ds-table__cell-tag-stack--text-with-tag){gap:var(--dimension-space-050)}.sc-ds-table:where(.ds-table__cell-tag-control-track){display:flex;align-items:center;min-block-size:var(--_table-cell-track-min-block-size)}.sc-ds-table:where(.ds-table__cell-tag-stack--text-with-tag .ds-table__cell-tag-control-track){min-block-size:0}.sc-ds-table:where(.ds-table__cell--icon){padding:var(--dimension-space-125)}.sc-ds-table:where(.ds-table__cell--icon .ds-table__cell-content){align-items:center;justify-content:center;inline-size:100%;min-block-size:var(--dimension-iconography-md)}.sc-ds-table:where(.ds-table__cell--image){padding:var(--dimension-space-075)}.sc-ds-table:where(.ds-table__cell-image){display:block;box-sizing:border-box;flex:none;block-size:var(--_table-image-block-size);aspect-ratio:16 / 9;overflow:hidden;border:var(--dimension-stroke-width-012) solid var(--color-border-tertiary);border-radius:var(--dimension-radius-025)}.sc-ds-table:where(.ds-table__cell-image-content),.sc-ds-table:where(.ds-table__cell-image-placeholder){display:block;inline-size:100%;block-size:100%}.sc-ds-table:where(.ds-table__cell-image-content){object-fit:cover}.sc-ds-table:where(.ds-table__cell--action){padding:var(--dimension-space-075)}.sc-ds-table:where(.ds-table__cell--action .ds-table__cell-content){min-block-size:var(--_table-cell-track-min-block-size)}.sc-ds-table:where(.ds-table__cell-primary),.sc-ds-table:where(.ds-table__cell-secondary){min-inline-size:0}.sc-ds-table:where(.ds-table__cell-copy--wrap){overflow-wrap:anywhere}.sc-ds-table:where(.ds-table__cell--align-center),.sc-ds-table:where(.ds-table__cell--align-center .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--align-center .ds-table__cell-track),.sc-ds-table:where(.ds-table__cell--align-center .ds-table__header-static),.sc-ds-table:where(.ds-table__cell--align-center .ds-table__header-labels),.sc-ds-table:where(.ds-table__cell--align-center .ds-table__header-label){text-align:center;justify-content:center}.sc-ds-table:where(.ds-table__cell--align-end),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__cell-track),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__header-static),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__header-labels),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__header-label){text-align:end;justify-content:flex-end}.sc-ds-table:where(.ds-table__body){background:var(--_table-surface)}.sc-ds-table:where(.ds-table__row){min-block-size:var(--_table-row-min-block-size);background:var(--_table-surface)}.sc-ds-table:where(.ds-table__row>.ds-table__cell.ds-interaction-fill){--ds-interaction-active:var(--_table-row-selected);--ds-interaction-group-fill:transparent}@media (hover: hover) and (pointer: fine){.sc-ds-table:where(.ds-table__row--interactive:hover>.ds-table__cell.ds-interaction-fill){--ds-interaction-group-fill:var(--_table-row-hover)}}.sc-ds-table:where(.ds-table__row--interactive:active>.ds-table__cell.ds-interaction-fill){--ds-interaction-group-fill:var(--_table-row-pressed)}.sc-ds-table:where(.ds-table__row--interactive:focus-visible){outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.sc-ds-table:where(.ds-table__row--disabled){color:var(--color-foreground-tertiary);opacity:var(--effect-opacity-medium)}.sc-ds-table:where(.ds-table__selection-cell){inline-size:var(--_table-selection-column-inline-size);padding:0;text-align:center}.sc-ds-table:where(.ds-table__cell--sticky-start),.sc-ds-table:where(.ds-table__cell--sticky-end){--ds-interaction-position:sticky;--ds-interaction-z-index:2;position:sticky;z-index:2;background-color:var(--_table-surface)}.sc-ds-table:where(.ds-table__cell--sticky-start){inset-inline-start:0}.sc-ds-table:where(.ds-table__cell--sticky-end){inset-inline-end:0}.sc-ds-table:where(.ds-table__header-cell.ds-table__cell--sticky-start),.sc-ds-table:where(.ds-table__header-cell.ds-table__cell--sticky-end){z-index:3;background-color:var(--_table-header-surface)}.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-start),.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-end){position:relative;inset-inline:auto;will-change:transform}.sc-ds-table:where(.ds-table__selection-cell.ds-table__cell--sticky-start){--ds-interaction-group-divider-inline-end-width:0px}.sc-ds-table:where(.ds-table__cell--sticky-start+.ds-table__cell){--ds-interaction-group-divider-inline-start-width:0px}.sc-ds-table:where(.ds-table__cell--sticky-end){--ds-interaction-group-divider-inline-start-width:0px}.sc-ds-table:where(.ds-table__header-cell.ds-table__cell--sticky-start+.ds-table__header-cell)::before,.sc-ds-table:where(.ds-table__header-cell.ds-table__cell--sticky-end)::before{box-shadow:none}.sc-ds-table:where(.ds-table__sticky-edge){position:absolute;inset-block:0 var(--dimension-stroke-width-012);z-index:4;inline-size:var(--dimension-stroke-width-012);background:var(--_table-sticky-border);pointer-events:none}.sc-ds-table:where(.ds-table__sticky-edge)::after{content:'';position:absolute;inset-block:0;inline-size:var(--dimension-space-050);pointer-events:none}.sc-ds-table:where(.ds-table__sticky-edge--start){inset-inline-end:0}.sc-ds-table:where(.ds-table__sticky-edge--start)::after{inset-inline-start:100%}.sc-ds-table:where(.ds-table__sticky-edge--end){inset-inline-start:0}.sc-ds-table:where(.ds-table__sticky-edge--end)::after{inset-inline-end:100%}.sc-ds-table:where(.ds-table__frame--overflow-start .ds-table__sticky-edge--start)::after{box-shadow:var(--_table-sticky-start-shadow)}.sc-ds-table:where(.ds-table__frame--overflow-end .ds-table__sticky-edge--end)::after{box-shadow:var(--_table-sticky-end-shadow)}.sc-ds-table:where(.ds-table__cell.ds-table__selection-cell){padding:var(--dimension-space-125)}.sc-ds-table:where(.ds-table__selection-control){appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:100%;min-block-size:calc(     var(--_table-header-min-block-size) - var(--dimension-stroke-width-012)   );padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:default;outline:none}.sc-ds-table:where(.ds-table__cell.ds-table__selection-cell .ds-table__selection-control){inline-size:var(--dimension-iconography-md);min-block-size:var(--dimension-iconography-md);block-size:var(--dimension-iconography-md)}.sc-ds-table:where(.ds-table__selection-control:disabled){cursor:default}.sc-ds-table:where(.ds-table__selection-control:disabled ds-checkbox){opacity:var(--effect-opacity-medium)}.sc-ds-table:where(.ds-table__group-cell){min-block-size:var(--_table-header-min-block-size);padding:var(--dimension-space-075) var(--_table-cell-padding-inline);background:var(--_table-group-surface)}.sc-ds-table:where(.ds-table__group-content){gap:var(--dimension-space-075)}.sc-ds-table:where(.ds-table__load-cell),.sc-ds-table:where(.ds-table__state-cell){padding:var(--dimension-space-200) var(--_table-cell-padding-inline);background:var(--_table-surface);text-align:center}.sc-ds-table:where(.ds-table__load-content){justify-content:center;gap:var(--dimension-space-100)}.sc-ds-table:where(.ds-table__load-content--error){flex-wrap:wrap}.sc-ds-table:where(.ds-table__auto-sentinel){display:block;min-block-size:var(--dimension-space-025)}.sc-ds-table:where(.ds-table__state-cell){block-size:calc(var(--dimension-size-800) * 2)}.sc-ds-table:where(.ds-table__skeleton-row){pointer-events:none}.sc-ds-table:where(.ds-table__skeleton-row:last-child .ds-table__cell),.sc-ds-table:where(.ds-table__load-row:last-child .ds-table__load-cell),.sc-ds-table:where(.ds-table__state-row:last-child .ds-table__state-cell),.sc-ds-table:where(.ds-table__body:last-child .ds-table__row:last-child .ds-table__cell){border-block-end:0;--ds-interaction-group-divider-width:0px}.sc-ds-table:where(.ds-visually-hidden){position:absolute;inline-size:var(--dimension-stroke-width-012);block-size:var(--dimension-stroke-width-012);padding:0;margin:calc(-1 * var(--dimension-stroke-width-012));overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.sc-ds-table:where(.ds-table__cell--sticky-start),.sc-ds-table:where(.ds-table__cell--sticky-end){transition:none}}@media (forced-colors: active){.sc-ds-table:where(.ds-table){--_table-surface:var(--ds-forced-color-surface);--_table-header-surface:var(--ds-forced-color-surface);--_table-group-surface:var(--ds-forced-color-surface);--_table-border:var(--ds-forced-color-control-boundary);--_table-column-border:var(--ds-forced-color-control-boundary);--_table-border-strong:var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content)}.sc-ds-table:where(.ds-table__frame--overflow-start .ds-table__sticky-edge--start)::after,.sc-ds-table:where(.ds-table__frame--overflow-end .ds-table__sticky-edge--end)::after{box-shadow:none}.sc-ds-table:where(.ds-table__row--disabled){color:var(--ds-forced-color-disabled);opacity:1}.sc-ds-table:where(.ds-table__selection-control:disabled ds-checkbox){--ds-forced-color-content:var(--ds-forced-color-disabled);opacity:1}.sc-ds-table:where(.ds-table__header-label--interactive:focus-visible),.sc-ds-table:where(.ds-table__selection-control:focus-visible),.sc-ds-table:where(.ds-table__viewport:focus-visible){outline-color:var(--ds-forced-color-selected)}}.sc-ds-table-h{display:block;box-sizing:border-box;min-width:0;max-width:100%}`;const O=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.dsSortChange=s(this,"dsSortChange");this.dsGroupingChange=s(this,"dsGroupingChange");this.dsSelectionChange=s(this,"dsSelectionChange");this.dsLoadMore=s(this,"dsLoadMore");this.dsCellAction=s(this,"dsCellAction");this.dsRowActivate=s(this,"dsRowActivate");this.columns=[];this.rows=[];this.groups=[];this.grouping=null;this.sort=null;this.captionVisibility="hidden";this.stickyHeader=false;this.selectionMode="none";this.selectedRowIds=[];this.loading=false;this.skeletonRows=5;this.emptyHeading="No results";this.emptyBody="No data is available.";this.error=false;this.errorHeading="Unable to load data";this.errorBody="The data could not be loaded.";this.emptyCellLabel="Not available";this.lazyLoading=false;this.loadMoreMode="auto";this.hasMore=false;this.loadingMore=false;this.loadIdentity="default";this.loadMoreThreshold=0;this.loadMoreLabel="Load more";this.retryLabel="Retry";this.loadingMoreLabel="Loading more results";this.endOfResultsLabel="All results loaded";this.rowsLoadedLabel="{count} more rows loaded. {total} rows loaded.";this.overflowStart=false;this.overflowEnd=false;this.scrollable=false;this.intersectionSupported=true;this.announcement="";this.viewportEl=null;this.stickyHeaderTableEl=null;this.tableEl=null;this.sentinelEl=null;this.resizeObserver=null;this.intersectionObserver=null;this.observedSentinel=null;this.requestPending=false;this.requestedRowCount=0;this.previousLoadedRowCount=0;this.previousModelWarning="";this.hasLoaded=false;this.reconnectFrame=null;this.syncOverflow=()=>{const e=this.viewportEl;if(!e)return;const t=e.scrollWidth-e.clientWidth>1;const s=t||e.scrollHeight-e.clientHeight>1;const a=t&&e.scrollLeft>1;const l=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;if(a!==this.overflowStart)this.overflowStart=a;if(l!==this.overflowEnd)this.overflowEnd=l;if(s!==this.scrollable)this.scrollable=s;this.syncStickyHeaderPosition()}}componentWillLoad(){this.previousLoadedRowCount=this.loadedRows.length;this.intersectionSupported=typeof IntersectionObserver!=="undefined";this.warnModelIssues()}componentDidLoad(){this.hasLoaded=true;this.connectViewportObserver();this.syncOverflow();this.connectIntersectionObserver()}componentDidRender(){this.syncStickyHeaderPosition();this.connectIntersectionObserver()}connectedCallback(){if(!this.hasLoaded)return;if(this.reconnectFrame!==null)cancelAnimationFrame(this.reconnectFrame);this.reconnectFrame=requestAnimationFrame((()=>{this.reconnectFrame=null;this.connectViewportObserver();this.syncOverflow();this.connectIntersectionObserver()}))}disconnectedCallback(){if(this.reconnectFrame!==null)cancelAnimationFrame(this.reconnectFrame);this.reconnectFrame=null;this.viewportEl?.removeEventListener("scroll",this.syncOverflow);this.resizeObserver?.disconnect();this.resizeObserver=null;this.disconnectIntersectionObserver()}handleStructureChange(){this.warnModelIssues();this.resetLoadRequest()}handleDataChange(){const e=this.loadedRows.length;if(e>this.previousLoadedRowCount){const t=e-this.previousLoadedRowCount;this.announcement=this.rowsLoadedLabel.replace("{count}",String(t)).replace("{total}",String(e))}if(e>this.requestedRowCount)this.requestPending=false;this.previousLoadedRowCount=e;this.warnModelIssues();this.disconnectIntersectionObserver()}handleLoadIdentityChange(){this.previousLoadedRowCount=this.loadedRows.length;this.resetLoadRequest()}handleLazyConfigurationChange(){this.disconnectIntersectionObserver()}handleLoadingMoreChange(e){if(e){this.requestPending=true;this.announcement=this.loadingMoreLabel}else if(this.loadMoreMode==="manual"){this.requestPending=false}this.disconnectIntersectionObserver()}handleLoadMoreErrorChange(e){if(e?.trim()){this.requestPending=false;this.announcement=e}this.disconnectIntersectionObserver()}handleHasMoreChange(e,t){if(!e){this.requestPending=false;if(t)this.announcement=this.endOfResultsLabel}this.disconnectIntersectionObserver()}get grouped(){return this.grouping!==null}get selectable(){return this.selectionMode==="multiple"}get documentStickyHeader(){return this.stickyHeader&&this.resolvedMaxHeight===undefined}get loadedRows(){return E(this.rows,this.groups,this.grouped)}get hasData(){return this.loadedRows.length>0}get totalColumns(){return this.columns.length+(this.selectable?1:0)}get selectedSet(){return new Set(this.selectedRowIds)}get selectionState(){return D(this.loadedRows,this.selectedRowIds)}get resolvedMaxHeight(){if(this.maxHeight==null||this.maxHeight==="")return undefined;return typeof this.maxHeight==="number"?`${Math.max(0,this.maxHeight)}px`:this.maxHeight}get tableStyle(){const e=I(this.columns);return e==null?undefined:{"--ds-table-explicit-min-inline-size":e}}warnModelIssues(){const e=T(this.columns,this.rows,this.groups,this.grouped);if(!this.caption?.trim())e.unshift("A non-empty caption is required.");if(this.grouping&&!this.columns.some((e=>e.id===this.grouping.columnId))){e.push(`Grouping references unknown column id: ${this.grouping.columnId}`)}if(this.sort&&!this.columns.some((e=>e.id===this.sort.columnId||e.headerSegments?.some((e=>e.sortKey===this.sort.columnId))))){e.push(`Sorting references unknown column id: ${this.sort.columnId}`)}const t=this.columns.filter((e=>e.sticky==="start"));const s=this.columns.filter((e=>e.sticky==="end"));if(t.length>1||this.selectable&&t.length>0){e.push("Only one sticky start column is supported, and row selection already owns that lane.")}if(s.length>1)e.push("Only one sticky end column is supported.");for(const a of[...t,...s]){if(!$(a))e.push(`Sticky column ${a.id} requires an explicit size.`)}const a=e.join(" ");if(!a||a===this.previousModelWarning)return;this.previousModelWarning=a;console.warn(`[ds-table] ${a}`)}connectViewportObserver(){if(!this.viewportEl)return;this.viewportEl.removeEventListener("scroll",this.syncOverflow);this.viewportEl.addEventListener("scroll",this.syncOverflow,{passive:true});this.resizeObserver?.disconnect();if(typeof ResizeObserver==="undefined")return;this.resizeObserver=new ResizeObserver(this.syncOverflow);this.resizeObserver.observe(this.viewportEl);if(this.tableEl)this.resizeObserver.observe(this.tableEl)}syncStickyHeaderPosition(){if(!this.viewportEl||!this.stickyHeaderTableEl)return;const e=this.viewportEl.scrollLeft;const t=Math.max(0,this.viewportEl.scrollWidth-this.viewportEl.clientWidth);this.stickyHeaderTableEl.style.setProperty("--ds-table-inline-scroll-offset",`${e}px`);this.stickyHeaderTableEl.style.setProperty("--ds-table-inline-scroll-max-offset",`${t}px`)}resetLoadRequest(){this.requestPending=false;this.requestedRowCount=this.loadedRows.length;this.disconnectIntersectionObserver()}disconnectIntersectionObserver(){this.intersectionObserver?.disconnect();this.intersectionObserver=null;this.observedSentinel=null}connectIntersectionObserver(){if(!this.lazyLoading||this.loadMoreMode!=="auto"||!this.hasMore||!!this.loadMoreError?.trim()||!this.intersectionSupported||!this.viewportEl||!this.sentinelEl){this.disconnectIntersectionObserver();return}if(this.intersectionObserver&&this.observedSentinel===this.sentinelEl)return;this.disconnectIntersectionObserver();const e=Number.isFinite(this.loadMoreThreshold)?Math.max(0,this.loadMoreThreshold):0;this.intersectionObserver=new IntersectionObserver((e=>{if(e.some((e=>e.isIntersecting)))this.requestLoadMore("auto")}),{root:this.resolvedMaxHeight===undefined?null:this.viewportEl,rootMargin:`0px 0px ${e}px 0px`});this.observedSentinel=this.sentinelEl;this.intersectionObserver.observe(this.sentinelEl)}requestLoadMore(e){if(!this.lazyLoading||!this.hasMore||this.loadingMore||e!=="retry"&&!!this.loadMoreError?.trim()||this.requestPending)return;this.requestPending=true;this.requestedRowCount=this.loadedRows.length;this.announcement=this.loadingMoreLabel;this.dsLoadMore.emit({reason:e,loadIdentity:this.loadIdentity,loadedRowCount:this.requestedRowCount})}emitSort(e,t=e.id){if(this.grouping?.columnId===e.id&&t===e.id){this.dsGroupingChange.emit({grouping:M(this.grouping)});return}if(!e.sortable)return;this.dsSortChange.emit({sort:S(this.sort,t)})}sortButtonLabel(e,t=e.id,s=e.header){if(this.grouping?.columnId===e.id&&t===e.id){const t=this.grouping.direction==="asc"?"descending":"ascending";return`Sort ${e.header} groups ${t}. Currently grouped ${this.grouping.direction==="asc"?"ascending":"descending"}.`}if(this.sort?.columnId!==t)return`Sort ${s} ascending`;if(this.sort.direction==="asc")return`Sort ${s} descending. Currently ascending.`;return`Sort ${s} ascending. Currently descending.`}emitRowSelection(e){const t=R(this.selectedRowIds,e);const s=t.includes(e.id);this.dsSelectionChange.emit({selectedRowIds:t,scope:"row",changedRowId:e.id,selected:s})}emitAllSelection(){this.dsSelectionChange.emit({selectedRowIds:B(this.selectedRowIds,this.loadedRows),scope:"all-loaded",selected:!this.selectionState.allSelected})}rowEventOwnsActivation(e){const s=e.currentTarget;return!e.composedPath().some((e=>{if(!(e instanceof t)||e===s)return false;return e.matches('button, a, input, select, textarea, [role="button"], [role="checkbox"], ds-button-unfilled')}))}emitRowActivation(e,t){if(!e.interactive||e.disabled||!this.rowEventOwnsActivation(t))return;this.dsRowActivate.emit({rowId:e.id})}handleRowKeydown(e,t){if(t.target!==t.currentTarget||t.key!=="Enter"&&t.key!==" ")return;t.preventDefault();this.emitRowActivation(e,t)}renderSelectionControl(e,t,s,l,i){return a("button",{class:"ds-table__selection-control ds-interaction-fill__content",type:"button",role:"checkbox","aria-label":e,"aria-checked":s?"mixed":String(t),disabled:l,onClick:i},a("ds-checkbox",{label:"",size:"md",checked:t,indeterminate:s,presentation:true}))}renderStickyEdge(e){if(!e)return null;return a("span",{class:`ds-table__sticky-edge ds-table__sticky-edge--${e}`,"aria-hidden":"true"})}renderColumnHeader(e,t=true,s=false){const l=this.grouping?.columnId===e.id;const i=e.headerSegments?.length?e.headerSegments:[{label:e.header,sortKey:e.id}];const n=!l?i.find((e=>e.sortKey===this.sort?.columnId)):undefined;const r=!!n;const o=l||r;const d=e.align??"start";const c=l?this.grouping.direction:r?this.sort.direction:undefined;const b=r?this.sort.direction==="asc"?"ascending":"descending":undefined;const h=a("span",{class:"ds-table__header-labels"},i.map(((s,r)=>{const o=l?i.length===1:n?.sortKey===s.sortKey;const d=t&&(!!e.sortable||l&&s.sortKey===e.id);const c=a("ds-text",{class:"ds-table__header-label-box ds-control-label-box",as:"span",variant:"text-caption",emphasis:o,color:"inherit",lineTruncation:1},s.label);const b=d?a("button",{class:"ds-table__header-label ds-table__header-label--interactive",type:"button","aria-label":this.sortButtonLabel(e,s.sortKey,s.label),"data-sort-control":"label","data-sort-key":s.sortKey,"data-sort-active":o?"true":undefined,onClick:()=>this.emitSort(e,s.sortKey)},c):a("span",{class:"ds-table__header-label ds-table__header-static"},c);return a("span",{class:"ds-table__header-segment",key:s.sortKey},b,r<i.length-1&&a("ds-text",{class:"ds-table__header-separator",as:"span",variant:"text-caption",color:"tertiary","aria-hidden":"true"},s.separator??"/"))})));const _=t?a("span",{class:"ds-table__sort-slot"},o&&a("ds-button-unfilled",{class:"ds-table__sort-direction",variant:"icon",icon:c==="asc"?"ArrowUp":"ArrowDown",size:"xs","aria-label":this.sortButtonLabel(e,n?.sortKey??e.id,n?.label??e.header),hasBorder:false,activeFill:false,isActive:true,pressScale:false,"data-sort-control":"direction",onDsClick:()=>this.emitSort(e,n?.sortKey??e.id)})):null;return a("th",{key:e.id,class:{"ds-table__header-cell":true,[`ds-table__cell--align-${d}`]:true,"ds-table__cell--sticky-start":e.sticky==="start","ds-table__cell--sticky-end":e.sticky==="end"},scope:s?undefined:"col","aria-sort":s?undefined:b,"data-column-id":e.id,"data-grouped":l?"true":undefined,"data-sort-active":o?"true":undefined},!e.header.trim()&&e.headerLabel?.trim()&&a("span",{class:"ds-visually-hidden"},e.headerLabel),a("span",{class:"ds-table__header-content"},d==="end"&&_,d==="center"&&a("span",{class:"ds-table__sort-slot ds-table__sort-slot--balance","data-sort-balance":"true","aria-hidden":"true"}),h,d!=="end"&&_),this.renderStickyEdge(e.sticky))}renderColgroup(){return a("colgroup",null,this.selectable&&a("col",{class:"ds-table__selection-column"}),this.columns.map((e=>{const t=$(e);return a("col",{key:e.id,style:t?{width:t}:undefined})})))}renderHeader(e=true,t=false){const s=this.selectionState;return a("thead",{class:{"ds-table__head":true,"ds-table__head--semantic-copy":!e}},a("tr",{class:"ds-table__header-row"},this.selectable&&a("th",{class:"ds-table__header-cell ds-table__selection-cell ds-table__cell--sticky-start",scope:t?undefined:"col"},e?this.renderSelectionControl(s.allSelected?"Deselect all loaded rows":"Select all loaded rows",s.allSelected,s.indeterminate,s.selectableRowIds.length===0,(()=>this.emitAllSelection())):a("span",{class:"ds-visually-hidden"},"Select rows"),this.renderStickyEdge("start")),this.columns.map((s=>this.renderColumnHeader(s,e,t)))))}renderCellValue(e,t,s){if(x(e))return null;if(e==null||y(e)){return a("ds-text",{class:"ds-table__cell-track ds-table__cell-track--text",as:"span",variant:"text-body-medium",color:"secondary"},a("span",{"aria-hidden":"true"},"—"),a("span",{class:"ds-visually-hidden"},this.emptyCellLabel))}if(g(e)){return a("ds-icon",{name:e.icon,size:"md",color:e.color??"secondary",label:e.label})}if(w(e)){return a("span",{class:"ds-table__cell-image"},e.src?a("img",{class:"ds-table__cell-image-content",src:e.src,alt:e.alt,loading:"lazy"}):a("span",{class:"ds-table__cell-image-placeholder",role:"img","aria-label":e.alt}))}if(k(e)){return a("ds-button-unfilled",{variant:e.variant??"label",size:"md",isInset:true,label:e.label??"",icon:e.icon??"","aria-label":e.ariaLabel??null,hasBorder:e.hasBorder??false,isInactive:e.isInactive??false,isLoading:e.isLoading??false,onDsClick:a=>{a.stopPropagation();this.dsCellAction.emit({actionId:e.actionId,rowId:s.id,columnId:t.id})}})}if(p(e)){const t=e.variant??"tag-only";const s=a("ds-tag",{label:e.label,intent:e.intent??"neutral",contrast:e.contrast??"faint",size:t==="text-with-tag"?"sm":"md",icon:e.icon??"",rounded:e.rounded??false,isInset:true});if(t==="tag-only")return s;return a("span",{class:`ds-table__cell-tag-stack ds-table__cell-tag-stack--${t}`},t==="tag-with-text"&&s,a("ds-text",{class:"ds-table__cell-tag-text ds-table__cell-track",as:"span",variant:t==="tag-with-text"?"text-body-small":"text-body-medium",color:"secondary",lineTruncation:1},e.text),t==="text-with-tag"&&a("span",{class:"ds-table__cell-tag-control-track"},s))}const l=v(e);const i=m(e)||l?e:{primary:e,fontFeature:typeof e==="number"?"tabular-nums":"normal"};const n=i.wrap??t.wrap??false;return a("span",{class:{"ds-table__cell-copy":true,"ds-table__cell-copy--wrap":n}},a("ds-text",{class:"ds-table__cell-primary ds-table__cell-track ds-table__cell-track--text",as:"span",variant:"text-body-medium",color:"primary",lineTruncation:n?"none":1,wrap:n?"wrap":"nowrap",fontFeature:i.fontFeature??"normal"},i.primary),i.secondary!==undefined&&i.secondary!==""&&a("ds-text",{class:"ds-table__cell-secondary ds-table__cell-track ds-table__cell-track--text",as:"span",variant:l?"text-body-medium":"text-body-small",color:l?"primary":"secondary",lineTruncation:n?"none":1,wrap:n?"wrap":"nowrap"},i.secondary))}renderRow(e){const t=this.selectedSet.has(e.id);const s=e.selectable!==false&&!e.disabled;return a("tr",{key:e.id,class:{"ds-table__row":true,"ds-table__row--selected":t,"ds-table__row--disabled":!!e.disabled,"ds-table__row--interactive":!!e.interactive&&!e.disabled},"data-row-id":e.id,"data-selected":t?"true":undefined,"aria-disabled":e.disabled?"true":undefined,tabIndex:e.interactive&&!e.disabled?0:undefined,onClick:t=>this.emitRowActivation(e,t),onKeyDown:t=>this.handleRowKeydown(e,t)},this.selectable&&a("td",{class:{"ds-table__cell":true,"ds-table__selection-cell":true,"ds-table__cell--sticky-start":true,"ds-interaction-fill":true,"ds-interaction-fill--grouped":true,"ds-interaction-fill--selected":t}},this.renderSelectionControl(`${t?"Deselect":"Select"} ${C(e,this.columns)}`,t,false,!s,(()=>this.emitRowSelection(e))),this.renderStickyEdge("start")),this.columns.map((s=>{const l=s.align??"start";const i=e.cells[s.id];const n=p(i);const r=g(i);const o=w(i);const d=k(i);const c=v(i);const b=i==null||y(i);const h=x(i);const _=c||!n&&!r&&!o&&!d&&!b&&!h;const u=_&&!c&&(!m(i)||!i.secondary);const f=n?i.variant??"tag-only":undefined;const z=_?c?"primary-pair":u?"single":"multi":undefined;const C=n?"tag":r?"icon":o?"image":d?"action":c?"primary-text":b?"empty":h?"blank":"text";return a("td",{key:`${e.id}:${s.id}`,class:{"ds-table__cell":true,[`ds-table__cell--align-${l}`]:true,"ds-table__cell--tag":n,[`ds-table__cell--tag-${f}`]:n,"ds-table__cell--icon":r,"ds-table__cell--image":o,"ds-table__cell--action":d,"ds-table__cell--primary-text":c,"ds-table__cell--text-single":u,"ds-table__cell--text-multi":_&&!u,"ds-table__cell--empty":b,"ds-table__cell--blank":h,"ds-table__cell--sticky-start":s.sticky==="start","ds-table__cell--sticky-end":s.sticky==="end","ds-interaction-fill":true,"ds-interaction-fill--grouped":true,"ds-interaction-fill--selected":t},"data-column-id":s.id,"data-cell-type":C,"data-cell-variant":f??z},a("span",{class:"ds-table__cell-content ds-interaction-fill__content"},this.renderCellValue(i,s,e)),this.renderStickyEdge(s.sticky))})))}renderDataBodies(){if(!this.grouped){return a("tbody",{class:"ds-table__body"},this.rows.map((e=>this.renderRow(e))))}return this.groups.map((e=>{const t=H(e);const s=e.countLabel??`${t} ${t===1?"item":"items"}`;return a("tbody",{class:"ds-table__body ds-table__group","data-group-id":e.id,key:e.id},a("tr",{class:"ds-table__group-row"},a("th",{class:"ds-table__group-cell",scope:"rowgroup",colSpan:this.totalColumns},a("span",{class:"ds-table__group-content"},a("ds-icon",{name:"GroupBy",size:"sm",color:"secondary","aria-hidden":"true"}),a("ds-text",{as:"span",variant:"text-body-small",emphasis:true,color:"primary"},e.label),a("ds-text",{as:"span",variant:"text-body-small",color:"secondary"},s)))),e.rows.map((e=>this.renderRow(e))))}))}renderSkeletonBody(){const e=Math.min(20,Math.max(1,Math.round(this.skeletonRows)||1));return a("tbody",{class:"ds-table__body ds-table__skeleton-body"},Array.from({length:e},((e,t)=>a("tr",{class:"ds-table__row ds-table__skeleton-row",key:`skeleton-${t}`},this.selectable&&a("td",{class:"ds-table__cell ds-table__selection-cell ds-table__cell--sticky-start"},a("ds-skeleton",{variant:"icon",iconSize:"md"}),this.renderStickyEdge("start")),this.columns.map((e=>a("td",{class:{"ds-table__cell":true,"ds-table__cell--sticky-start":e.sticky==="start","ds-table__cell--sticky-end":e.sticky==="end"},key:`skeleton-${t}:${e.id}`},a("span",{class:"ds-table__cell-content"},a("ds-skeleton",{variant:"text",textVariant:"text-body-medium",width:"100%"})),this.renderStickyEdge(e.sticky))))))))}renderStateBody(e){const t=e==="error";return a("tbody",{class:"ds-table__body ds-table__state-body"},a("tr",{class:"ds-table__state-row"},a("td",{class:"ds-table__state-cell",colSpan:this.totalColumns},a("ds-empty-state",{icon:t?"ErrorTriangle":"Inbox",heading:t?this.errorHeading:this.emptyHeading,body:t?this.errorBody:this.emptyBody}))))}renderLazyBody(){if(!this.lazyLoading||!this.hasData)return null;const e=this.loadMoreError?.trim();const t=this.loadMoreMode==="manual"||!this.intersectionSupported;return a("tbody",{class:"ds-table__body ds-table__load-body"},a("tr",{class:"ds-table__load-row",ref:e=>{this.sentinelEl=e??null}},a("td",{class:"ds-table__load-cell",colSpan:this.totalColumns},e?a("span",{class:"ds-table__load-content ds-table__load-content--error"},a("ds-icon",{name:"ErrorTriangle",size:"sm",color:"negative","aria-hidden":"true"}),a("ds-text",{as:"span",variant:"text-body-small",color:"secondary"},e),a("ds-button-unfilled",{label:this.retryLabel,size:"sm",onDsClick:()=>this.requestLoadMore("retry")})):this.loadingMore?a("span",{class:"ds-table__load-content"},a("ds-loader",{size:"sm",color:"secondary"}),a("ds-text",{as:"span",variant:"text-body-small",color:"secondary"},this.loadingMoreLabel)):this.hasMore&&t?a("ds-button-unfilled",{label:this.loadMoreLabel,size:"sm",onDsClick:()=>this.requestLoadMore("manual")}):this.hasMore?a("span",{class:"ds-table__auto-sentinel","aria-hidden":"true"}):a("ds-text",{as:"span",variant:"text-body-small",color:"secondary"},this.endOfResultsLabel))))}renderDocumentStickyHeader(){if(!this.documentStickyHeader)return null;return a("div",{class:"ds-table__document-sticky-header"},a("table",{class:{"ds-table__table":true,"ds-table__sticky-header-table":true,"ds-table__table--selectable":this.selectable},style:this.tableStyle,role:"presentation",ref:e=>{this.stickyHeaderTableEl=e??null}},this.renderColgroup(),this.renderHeader(true,true)))}render(){const e=this.scrollLabel?.trim()||`${this.caption} scroll area`;const t=this.loading&&!this.hasData;const s=!this.hasData&&this.error;const i=this.resolvedMaxHeight?{"--ds-table-max-block-size":this.resolvedMaxHeight}:undefined;return a(l,{key:"3e6820ee0f3cc873fa46b641584efd41749839eb",class:"table-host"},a("div",{key:"ccfd98fed42ab87eb5788cb124fdf02718efaeb3",class:{"ds-table":true,"ds-table--sticky-header":this.stickyHeader,"ds-table--document-sticky-header":this.documentStickyHeader,"ds-table--contained-sticky-header":this.stickyHeader&&!this.documentStickyHeader}},a("div",{key:"e14b251cdd292d41c26a34fe0aacafd05e83fcf3",class:{"ds-table__frame":true,"ds-table__frame--overflow-start":this.overflowStart,"ds-table__frame--overflow-end":this.overflowEnd}},this.renderDocumentStickyHeader(),a("div",{key:"943700fc6c120fce108dfcc13dfcac7712e1b7ec",class:"ds-table__viewport",style:i,ref:e=>{this.viewportEl=e??null},role:this.scrollable?"region":undefined,"aria-label":this.scrollable?e:undefined,tabIndex:this.scrollable?0:undefined},a("table",{key:"91eb58bd8a116ef7f37578f829b18cbab7ab3ea2",class:{"ds-table__table":true,"ds-table__table--selectable":this.selectable},style:this.tableStyle,"aria-busy":t||this.loadingMore?"true":undefined,ref:e=>{this.tableEl=e??null}},a("caption",{key:"73a7a9ad0887a74c81969f41bbfd43b321f07bba",class:{"ds-table__caption":true,"ds-visually-hidden":this.captionVisibility==="hidden"}},a("ds-text",{key:"e63a8932eb461b40914906bd0a18ca506d92f0a9",as:"span",variant:"text-title-small",emphasis:true,color:"primary"},this.caption)),this.renderColgroup(),this.renderHeader(!this.documentStickyHeader),t?this.renderSkeletonBody():s?this.renderStateBody("error"):this.hasData?this.renderDataBodies():this.renderStateBody("empty"),!t&&!s&&this.renderLazyBody()))),a("div",{key:"dea565f70fd217790e76cdecda77cd776417c7f1",class:"ds-visually-hidden",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement)))}static get watchers(){return{columns:[{handleStructureChange:0}],grouping:[{handleStructureChange:0}],rows:[{handleDataChange:0}],groups:[{handleDataChange:0}],loadIdentity:[{handleLoadIdentityChange:0}],lazyLoading:[{handleLazyConfigurationChange:0}],loadMoreMode:[{handleLazyConfigurationChange:0}],loadMoreThreshold:[{handleLazyConfigurationChange:0}],loadingMore:[{handleLoadingMoreChange:0}],loadMoreError:[{handleLoadMoreErrorChange:0}],hasMore:[{handleHasMoreChange:0}]}}static get style(){return A()+N()}},[2,"ds-table",{columns:[16],rows:[16],groups:[16],grouping:[16],sort:[16],caption:[1],captionVisibility:[1,"caption-visibility"],stickyHeader:[4,"sticky-header"],maxHeight:[8,"max-height"],scrollLabel:[1,"scroll-label"],selectionMode:[1,"selection-mode"],selectedRowIds:[16],loading:[4],skeletonRows:[2,"skeleton-rows"],emptyHeading:[1,"empty-heading"],emptyBody:[1,"empty-body"],error:[4],errorHeading:[1,"error-heading"],errorBody:[1,"error-body"],emptyCellLabel:[1,"empty-cell-label"],lazyLoading:[4,"lazy-loading"],loadMoreMode:[1,"load-more-mode"],hasMore:[4,"has-more"],loadingMore:[4,"loading-more"],loadMoreError:[1,"load-more-error"],loadIdentity:[8,"load-identity"],loadMoreThreshold:[2,"load-more-threshold"],loadMoreLabel:[1,"load-more-label"],retryLabel:[1,"retry-label"],loadingMoreLabel:[1,"loading-more-label"],endOfResultsLabel:[1,"end-of-results-label"],rowsLoadedLabel:[1,"rows-loaded-label"],overflowStart:[32],overflowEnd:[32],scrollable:[32],intersectionSupported:[32],announcement:[32]},undefined,{columns:[{handleStructureChange:0}],grouping:[{handleStructureChange:0}],rows:[{handleDataChange:0}],groups:[{handleDataChange:0}],loadIdentity:[{handleLoadIdentityChange:0}],lazyLoading:[{handleLazyConfigurationChange:0}],loadMoreMode:[{handleLazyConfigurationChange:0}],loadMoreThreshold:[{handleLazyConfigurationChange:0}],loadingMore:[{handleLoadingMoreChange:0}],loadMoreError:[{handleLoadMoreErrorChange:0}],hasMore:[{handleHasMoreChange:0}]}]);function q(){if(typeof customElements==="undefined"){return}const e=["ds-table","ds-badge","ds-button-unfilled","ds-checkbox","ds-empty-state","ds-icon","ds-loader","ds-skeleton","ds-tag","ds-text"];e.forEach((e=>{switch(e){case"ds-table":if(!customElements.get(i(e))){customElements.define(i(e),O)}break;case"ds-badge":if(!customElements.get(i(e))){n()}break;case"ds-button-unfilled":if(!customElements.get(i(e))){r()}break;case"ds-checkbox":if(!customElements.get(i(e))){o()}break;case"ds-empty-state":if(!customElements.get(i(e))){d()}break;case"ds-icon":if(!customElements.get(i(e))){c()}break;case"ds-loader":if(!customElements.get(i(e))){b()}break;case"ds-skeleton":if(!customElements.get(i(e))){h()}break;case"ds-tag":if(!customElements.get(i(e))){_()}break;case"ds-text":if(!customElements.get(i(e))){u()}break}}))}q();const F=O;const G=q;export{F as DsTable,G as defineCustomElement};
+import{p as e,H as t,c as s,h as a,a as l,t as i}from"./index.js";import{d as n}from"./p-DwKC_9u2.js";import{d as r}from"./p-Azjx2SsL.js";import{d as o}from"./p-B2t8alvH.js";import{d}from"./p-DMJEOAwP.js";import{d as c}from"./p-C8U5BsJf.js";import{d as b}from"./p-Ca-I2UnB.js";import{d as h}from"./p-C9StMCWg.js";import{d as u}from"./p-B8HG9OFh.js";import{d as _}from"./p-BNiIyZCn.js";const f={xs:"--dimension-table-column-width-xs",sm:"--dimension-table-column-width-sm",md:"--dimension-table-column-width-md",lg:"--dimension-table-column-width-lg",xl:"--dimension-table-column-width-xl"};function p(e){return typeof e==="object"&&e!==null&&"primary"in e&&!("kind"in e)}function v(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="primary-text"}function m(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="tag"}function g(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="icon"}function w(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="image"}function k(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="action"}function y(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="empty"}function x(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="blank"}function z(e){if(e==null)return null;if(m(e))return e.label;if(g(e))return null;if(w(e))return e.alt;if(k(e))return e.label??e.ariaLabel;if(v(e))return e.primary;if(y(e)||x(e))return null;return p(e)?e.primary:e}function C(e,t){const s=e.selectionLabel?.trim();if(s)return s;for(const s of t){const t=z(e.cells[s.id]);if(t!=null&&String(t).trim())return String(t)}return e.id}function S(e,t){if(e?.columnId!==t)return{columnId:t,direction:"asc"};if(e.direction==="asc")return{columnId:t,direction:"desc"};return{columnId:t,direction:"asc"}}function M(e){return{...e,direction:e.direction==="asc"?"desc":"asc"}}function I(e,t){const s=new Set(e);if(s.has(t))s.delete(t);else s.add(t);return[...s]}function L(e,t){if(t.length===0)return[];const s=new Set(e);const a=t.every((e=>s.has(e)));return a?[]:[...t]}function $(e){if(e.length===0)return undefined;for(let t=e.length-1;t>=0;t-=1){const s=e[t];if(s.kind==="action")return{columnId:s.id,mode:"action"}}return{mode:"floating"}}function D(e){if(typeof e.size!=="number"||!Number.isFinite(e.size)||e.size<=0){return undefined}const t=Number.isFinite(e.minSize)&&(e.minSize??0)>0?e.minSize:0;const s=Number.isFinite(e.maxSize)&&(e.maxSize??0)>0?Math.max(e.maxSize,t):Number.POSITIVE_INFINITY;return Math.min(Math.max(e.size,t),s)}function j(e){if(typeof e.size==="string"){return`var(${f[e.size]})`}const t=D(e);if(t!=null)return`${t}px`;return e.kind==="action"?"var(--dimension-size-500)":undefined}function E(e){if(e.some((e=>!j(e))))return undefined;for(let t=e.length-1;t>=0;t-=1){const s=e[t];if(s.kind!=="action"&&!s.sticky)return s.id}for(let t=e.length-1;t>=0;t-=1){const s=e[t];if(s.kind!=="action")return s.id}return e[e.length-1]?.id}function R(e){const t=e.map(j).filter((e=>!!e));if(t.length===0)return undefined;return t.length===1?t[0]:`calc(${t.join(" + ")})`}function B(e,t,s){return s?t.flatMap((e=>e.rows)):e}function T(e){return e.selectable!==false&&!e.disabled}function A(e,t){const s=new Set(t);const a=e.filter(T).map((e=>e.id));const l=a.reduce(((e,t)=>e+(s.has(t)?1:0)),0);return{selectableRowIds:a,selectedLoadedCount:l,allSelected:a.length>0&&l===a.length,indeterminate:l>0&&l<a.length}}function H(e,t){if(!T(t))return[...e];const s=new Set(e);if(s.has(t.id))s.delete(t.id);else s.add(t.id);return[...s]}function O(e,t){const s=new Set(e);const a=A(t,e);for(const e of a.selectableRowIds){if(a.allSelected)s.delete(e);else s.add(e)}return[...s]}function G(e,t){return O(e,t)}function N(e){const t=Number.isFinite(e.totalCount)?Math.max(0,e.totalCount):0;return Math.max(t,e.rows.length)}const q=["brand","neutral","negative","warning","caution","positive"];function F(e){return typeof e==="string"&&q.includes(e)}function U(e){return F(e)?`ds-table__group-cell--intent-${e}`:undefined}function K(e){if(!F(e))return"primary";if(e==="neutral")return"var(--color-foreground-bold-neutral)";return e}function V(e,t,s="Displaying {displayed} of {total}",a){if(!Number.isFinite(e)||!Number.isFinite(t))return null;const l=new Intl.NumberFormat(a);return s.replace("{displayed}",l.format(e)).replace("{total}",l.format(t))}function J(e,t,s,a){const l=[];const i=new Set;for(const t of e){if(!t.id.trim())l.push("Every column requires a non-empty id.");else if(i.has(t.id))l.push(`Duplicate column id: ${t.id}`);if(!t.header.trim()&&!t.headerLabel?.trim()){l.push(`Column ${t.id||"(missing id)"} requires a visible header or headerLabel.`)}i.add(t.id)}const n=new Set;if(a){for(const e of s){if(!e.id.trim())l.push("Every group requires a non-empty id.");else if(n.has(e.id))l.push(`Duplicate group id: ${e.id}`);n.add(e.id);if(e.totalCount!=null&&e.totalCount<e.rows.length){l.push(`Group ${e.id} totalCount is smaller than its loaded row count.`)}if(e.intent!=null&&!F(e.intent)){l.push(`Group ${e.id} has an unsupported intent.`)}}}const r=new Set;for(const e of B(t,s,a)){if(!e.id.trim())l.push("Every row requires a non-empty id.");else if(r.has(e.id))l.push(`Duplicate row id: ${e.id}`);r.add(e.id)}return[...new Set(l)]}function P(e,t){if(x(e))return{kind:"blank",cellType:"blank",value:e};if(e==null||y(e)){return{kind:"empty",cellType:"empty",value:e}}if(g(e))return{kind:"icon",cellType:"icon",value:e};if(w(e))return{kind:"image",cellType:"image",value:e};if(k(e))return{kind:"action",cellType:"action",value:e};if(m(e)){return{kind:"tag",cellType:"tag",value:e,variant:e.variant??"tag-only"}}const s=v(e);const a=p(e)||s?e:{primary:e,fontFeature:typeof e==="number"?"tabular-nums":"normal"};const l=!s&&(a.secondary===undefined||a.secondary==="");return{kind:"text",cellType:s?"primary-text":"text",value:a,primaryText:s,singleLine:l,variant:s?"primary-pair":l?"single":"multi",wraps:a.wrap??t.wrap??false}}function W(e){const t=e.selectionMode==="multiple";const s=B(e.rows,e.groups,e.grouped);const a=new Set(e.selectedRowIds);const l=new Set(e.collapsedGroupIds);const i=e.grouped&&e.groups.length>0&&e.groups.every((e=>l.has(e.id)));const n=e.grouped&&e.groups.length>0&&!i;const r=R(e.columns);return{grouped:e.grouped,selectable:t,loadedRows:s,hasData:s.length>0,selectedRowIds:a,selection:A(s,e.selectedRowIds),collapsedGroupIds:l,groups:e.groups.map((s=>{const a=N(s);const i=F(s.intent)?s.intent:undefined;return{group:s,count:a,countLabel:s.countLabel??`${a} ${a===1?"item":"items"}`,countIntent:i??"neutral",intent:i,intentClass:U(i),labelColor:K(i),collapsed:l.has(s.id),selection:t?A(s.rows,e.selectedRowIds):null}})),totalColumns:e.columns.length+(t?1:0),allGroupsCollapsed:i,showCollapseAll:n,collapseAllHost:n?$(e.columns):undefined,flexibleColumnId:E(e.columns),tableStyle:r==null?undefined:{"--ds-table-explicit-min-inline-size":r}}}function Z(e){const t=e.scrollInlineSize-e.viewportInlineSize>1;return{visibleInlineSize:Math.min(e.viewportInlineSize,e.tableInlineSize),overflow:{start:t&&e.scrollInlineOffset>1,end:t&&e.scrollInlineOffset+e.viewportInlineSize<e.scrollInlineSize-1,scrollable:t||e.scrollBlockSize-e.viewportBlockSize>1},inlineOffset:e.scrollInlineOffset,maxInlineOffset:Math.max(0,e.scrollInlineSize-e.viewportInlineSize),collapseBlockOffset:e.collapseHeadBlockStart==null||e.collapseFrameBlockStart==null?null:Math.max(0,e.collapseHeadBlockStart-e.collapseFrameBlockStart)}}class Q{constructor(e){this.options=e;this.connected=false;this.connectedViewport=null;this.observedTable=null;this.resizeObserver=null;this.frame=null;this.overflow=null;this.schedule=()=>{if(!this.connected||this.frame!==null)return;this.frame=requestAnimationFrame((()=>{this.frame=null;this.sync()}))}}connect(){this.connected=true;this.refresh()}disconnect(){this.connected=false;if(this.frame!==null)cancelAnimationFrame(this.frame);this.frame=null;this.connectedViewport?.removeEventListener("scroll",this.schedule);this.connectedViewport=null;this.observedTable=null;this.resizeObserver?.disconnect();this.resizeObserver=null}refresh(){if(!this.connected)return;const{viewport:e,table:t}=this.options.elements();const s=e!==this.connectedViewport||t!==this.observedTable;if(s){this.connectedViewport?.removeEventListener("scroll",this.schedule);this.resizeObserver?.disconnect();this.connectedViewport=e;this.observedTable=t;e?.addEventListener("scroll",this.schedule,{passive:true});if(typeof ResizeObserver!=="undefined"&&e){this.resizeObserver??(this.resizeObserver=new ResizeObserver(this.schedule));this.resizeObserver.observe(e);if(t)this.resizeObserver.observe(t)}}this.sync()}sync(){const e=this.options.elements();const t=e.viewport;if(!t)return;const s=this.options.mode();const a=s.floatingCollapseAll&&!s.documentStickyHeader&&e.collapseAllOverlay&&e.frame&&e.interactiveHead;const l=Z({viewportInlineSize:t.clientWidth,viewportBlockSize:t.clientHeight,scrollInlineSize:t.scrollWidth,scrollBlockSize:t.scrollHeight,scrollInlineOffset:t.scrollLeft,tableInlineSize:e.table?.getBoundingClientRect().width??t.clientWidth,collapseHeadBlockStart:a?e.interactiveHead.getBoundingClientRect().top:undefined,collapseFrameBlockStart:a?e.frame.getBoundingClientRect().top:undefined});this.setProperty(t,"--ds-table-visible-inline-size",`${l.visibleInlineSize}px`);if(e.stickyHeaderTable){this.setProperty(e.stickyHeaderTable,"--ds-table-inline-scroll-offset",`${l.inlineOffset}px`);this.setProperty(e.stickyHeaderTable,"--ds-table-inline-scroll-max-offset",`${l.maxInlineOffset}px`)}if(l.collapseBlockOffset!==null&&e.collapseAllOverlay){this.setProperty(e.collapseAllOverlay,"--ds-table-collapse-all-block-offset",`${l.collapseBlockOffset}px`)}if(!this.overflow||this.overflow.start!==l.overflow.start||this.overflow.end!==l.overflow.end||this.overflow.scrollable!==l.overflow.scrollable){this.overflow=l.overflow;this.options.overflowChanged(l.overflow)}}setProperty(e,t,s){if(e.style.getPropertyValue(t)!==s){e.style.setProperty(t,s)}}}class X{constructor(e){this.options=e;this.intersectionSupported=typeof IntersectionObserver!=="undefined";this.connected=false;this.intersectionObserver=null;this.observedSentinel=null;this.requestPending=false;this.requestedRowCount=0;this.previousLoadedRowCount=0}initialize(){this.previousLoadedRowCount=this.options.state().loadedRowCount}connect(){this.connected=true;this.refresh()}disconnect(){this.connected=false;this.disconnectObserver()}refresh(){if(!this.connected)return;const e=this.options.state();if(!e.lazyLoading||e.loadMoreMode!=="auto"||!e.hasMore||!!e.loadMoreError?.trim()||!this.intersectionSupported||!e.viewport||!e.sentinel){this.disconnectObserver();return}if(this.intersectionObserver&&this.observedSentinel===e.sentinel)return;this.disconnectObserver();const t=Number.isFinite(e.loadMoreThreshold)?Math.max(0,e.loadMoreThreshold):0;this.intersectionObserver=new IntersectionObserver((e=>{if(e.some((e=>e.isIntersecting)))this.request("auto")}),{root:e.containedScroll?e.viewport:null,rootMargin:`0px 0px ${t}px 0px`});this.observedSentinel=e.sentinel;this.intersectionObserver.observe(e.sentinel)}structureChanged(){this.resetRequest()}dataChanged(){const e=this.options.state();const t=e.loadedRowCount;if(t>this.previousLoadedRowCount){const s=t-this.previousLoadedRowCount;this.options.announce(e.rowsLoadedLabel.replace("{count}",String(s)).replace("{total}",String(t)))}if(t>this.requestedRowCount)this.requestPending=false;this.previousLoadedRowCount=t;this.disconnectObserver()}identityChanged(){this.previousLoadedRowCount=this.options.state().loadedRowCount;this.resetRequest()}configurationChanged(){this.disconnectObserver()}loadingChanged(e){const t=this.options.state();if(e){this.requestPending=true;this.options.announce(t.loadingMoreLabel)}else if(t.loadMoreMode==="manual"){this.requestPending=false}this.disconnectObserver()}errorChanged(e){if(e?.trim()){this.requestPending=false;this.options.announce(e)}this.disconnectObserver()}hasMoreChanged(e,t){if(!e){this.requestPending=false;if(t)this.options.announce(this.options.state().endOfResultsLabel)}this.disconnectObserver()}request(e){const t=this.options.state();if(!t.lazyLoading||!t.hasMore||t.loadingMore||e!=="retry"&&!!t.loadMoreError?.trim()||this.requestPending)return;this.requestPending=true;this.requestedRowCount=t.loadedRowCount;this.options.announce(t.loadingMoreLabel);this.options.request({reason:e,loadIdentity:t.loadIdentity,loadedRowCount:this.requestedRowCount})}resetRequest(){this.requestPending=false;this.requestedRowCount=this.options.state().loadedRowCount;this.disconnectObserver()}disconnectObserver(){this.intersectionObserver?.disconnect();this.intersectionObserver=null;this.observedSentinel=null}}const Y=()=>`@media (forced-colors: active){.sc-ds-table:root,.sc-ds-table-h,.ds-forced-colors-scope.sc-ds-table{--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-table-h,.ds-interaction-fill.sc-ds-table{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-table-h::before,.ds-interaction-fill.sc-ds-table::before,.ds-interaction-fill.sc-ds-table-h::after,.ds-interaction-fill.sc-ds-table::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-table-h::before,.ds-interaction-fill.sc-ds-table::before{z-index:1}.ds-interaction-fill.sc-ds-table-h::after,.ds-interaction-fill.sc-ds-table::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-table-h,.ds-interaction-fill--bordered.sc-ds-table{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-table-h::before,.ds-interaction-fill--selected.sc-ds-table::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-table-h,.ds-interaction-fill--selected.sc-ds-table{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-table-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-table:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-table-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-table:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-table-h::after,.ds-interaction-fill--grouped.sc-ds-table::after,.ds-interaction-fill--grouped.sc-ds-table-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}.ds-interaction-fill--grouped.sc-ds-table-h,.ds-interaction-fill--grouped.sc-ds-table{--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-table-h>.ds-interaction-fill__content.sc-ds-table,.ds-interaction-fill.sc-ds-table>.ds-interaction-fill__content.sc-ds-table,.ds-interaction-fill__content.sc-ds-table{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-table-h,.ds-interaction-fill--on-faint.sc-ds-table{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-table-h,.ds-interaction-fill--on-medium.sc-ds-table{--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-table-h,.ds-interaction-fill--on-bold.sc-ds-table{--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-table-h,.ds-interaction-fill--on-strong.sc-ds-table{--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-table-h,.ds-interaction-fill--on-translucent.sc-ds-table{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-table-h,.ds-interaction-fill--on-inverted.sc-ds-table{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-table-h,.ds-interaction-fill--on-media.sc-ds-table{--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-table-h,.ds-interaction-fill--on-always-dark.sc-ds-table{--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);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-table-h,.ds-interaction-fill--on-navigation.sc-ds-table{--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)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-table-h::after,.ds-interaction-fill.sc-ds-table::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--selected.sc-ds-table-h::before,.ds-interaction-fill--selected.sc-ds-table::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-table-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-table: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)}}`;const ee=()=>`.sc-ds-table:where(.ds-table){--_table-cell-track-min-block-size:calc(     var(--dimension-size-400) - var(--dimension-space-050)   );--_table-cell-track-padding-inline:calc(     var(--dimension-space-075) - var(--dimension-space-025)   );--_table-cell-track-label-inset:var(--dimension-space-025);--_table-image-block-size:calc(     var(--dimension-size-800) - var(--dimension-space-200)   );--_table-surface:var(--ds-table-surface, var(--color-background-primary));--_table-header-surface:var(--ds-table-header-surface, var(--color-background-primary));--_table-group-surface:var(--ds-table-group-surface, var(--color-background-faint-neutral));--_table-row-hover:var(--ds-table-row-hover, var(--color-interaction-hover));--_table-row-pressed:var(--ds-table-row-pressed, var(--color-interaction-pressed));--_table-row-selected:var(--ds-table-row-selected, var(--color-interaction-active-brand));--_table-border:var(--ds-table-border, var(--color-border-secondary));--_table-column-border:var(--ds-table-column-border, var(--color-border-tertiary));--_table-sticky-border:var(--ds-table-sticky-border, var(--color-border-secondary));--_table-border-strong:var(--ds-table-border-strong, var(--color-border-secondary));--_table-radius:var(--ds-table-radius, var(--dimension-radius-000));--_table-header-min-block-size:var(     --ds-table-header-min-block-size,     var(--dimension-size-400)   );--_table-row-min-block-size:var(     --ds-table-row-min-block-size,     var(--dimension-size-500)   );--_table-cell-padding-block:var(     --ds-table-cell-padding-block,     var(--dimension-space-100)   );--_table-cell-padding-inline:var(     --ds-table-cell-padding-inline,     var(--dimension-space-100)   );--_table-selection-column-inline-size:var(     --ds-table-selection-column-inline-size,     var(--dimension-size-500)   );--_table-selection-column-contribution:0px;--_table-sticky-start-shadow:var(     --ds-table-sticky-start-shadow,     inset var(--dimension-space-100) 0 var(--dimension-space-100)       calc(-1 * var(--dimension-space-100)) var(--color-elevation-shadow)   );--_table-sticky-end-shadow:var(     --ds-table-sticky-end-shadow,     inset calc(-1 * var(--dimension-space-100)) 0 var(--dimension-space-100)       calc(-1 * var(--dimension-space-100)) var(--color-elevation-shadow)   );display:block;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;color:var(--color-foreground-primary);-webkit-user-select:none;user-select:none}.sc-ds-table:where(.ds-table__frame){position:relative;timeline-scope:--ds-table-inline-scroll;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;overflow:visible;border:0;border-radius:var(--_table-radius);background:var(--_table-surface)}.sc-ds-table:where(.ds-table__viewport){box-sizing:border-box;max-block-size:var(--ds-table-max-block-size, none);max-inline-size:100%;min-inline-size:0;overflow:auto;scroll-timeline:--ds-table-inline-scroll inline;overscroll-behavior-x:none;overscroll-behavior-y:auto;scrollbar-gutter:stable;border-radius:var(--_table-radius);outline:none}.sc-ds-table:where(.ds-table--document-sticky-header .ds-table__viewport){scrollbar-gutter:auto}.sc-ds-table:where(.ds-table__viewport:focus-visible){outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.sc-ds-table:where(.ds-table__table){box-sizing:border-box;inline-size:100%;min-inline-size:max(     100%,     calc(       var(--ds-table-explicit-min-inline-size, 0px) +         var(--_table-selection-column-contribution)     )   );border:0;border-spacing:0;border-collapse:separate;table-layout:fixed;background:var(--_table-surface);color:inherit}.sc-ds-table:where(.ds-table__table--selectable){--_table-selection-column-contribution:var(--_table-selection-column-inline-size)}.sc-ds-table:where(.ds-table__caption-bar),.sc-ds-table:where(.ds-table__footer){box-sizing:border-box;display:flex;align-items:center;inline-size:100%;min-block-size:var(--dimension-size-600);block-size:var(--dimension-size-600);padding-inline:var(--_table-cell-padding-inline);background:var(--_table-surface);text-align:start}.sc-ds-table:where(.ds-table__caption-bar){border-block-end:var(--dimension-stroke-width-012) solid var(--_table-border);color:var(--color-foreground-primary)}.sc-ds-table:where(.ds-table__footer){border-block-start:var(--dimension-stroke-width-012) solid var(--_table-border);color:var(--color-foreground-secondary)}.sc-ds-table:where(.ds-table__selection-column){inline-size:var(--_table-selection-column-inline-size);width:var(--_table-selection-column-inline-size);max-inline-size:var(--_table-selection-column-inline-size);max-width:var(--_table-selection-column-inline-size)}.sc-ds-table:where(.ds-table__action-column){inline-size:var(--dimension-size-500);width:var(--dimension-size-500)}.sc-ds-table:where(.ds-table__head){position:relative;z-index:1}.sc-ds-table:where(.ds-table--contained-sticky-header .ds-table__head){position:sticky;inset-block-start:0;z-index:2}.sc-ds-table:where(.ds-table__document-sticky-header){position:sticky;inset-block-start:var(--ds-table-sticky-header-offset, 0);z-index:3;block-size:var(--_table-header-min-block-size);margin-block-end:calc(-1 * var(--_table-header-min-block-size));max-inline-size:100%;overflow:hidden;border-radius:var(--_table-radius) var(--_table-radius) 0 0;background:var(--_table-header-surface)}.sc-ds-table:where(.ds-table__sticky-header-table){block-size:var(--_table-header-min-block-size);transform:translate3d(calc(-1 * var(--ds-table-inline-scroll-offset, 0px)), 0, 0);will-change:transform}.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-start){transform:translate3d(var(--ds-table-inline-scroll-offset, 0), 0, 0)}.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-end){transform:translate3d(     calc(       var(--ds-table-inline-scroll-offset, 0) -       var(--ds-table-inline-scroll-max-offset, 0)     ),     0,     0   )}@supports (animation-timeline: --ds-table-inline-scroll){.sc-ds-table:where(.ds-table__sticky-header-table){animation:ds-table-follow-inline-scroll var(--effect-motion-short-2) both;animation-timeline:--ds-table-inline-scroll;animation-range:0% 100%;animation-timing-function:linear}.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-start){animation:ds-table-counter-inline-scroll-start var(--effect-motion-short-2) both;animation-timeline:--ds-table-inline-scroll;animation-range:0% 100%;animation-timing-function:linear}.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-end){animation:ds-table-counter-inline-scroll-end var(--effect-motion-short-2) both;animation-timeline:--ds-table-inline-scroll;animation-range:0% 100%;animation-timing-function:linear}}@keyframes ds-table-follow-inline-scroll{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(       calc(-1 * var(--ds-table-inline-scroll-max-offset, 0)),       0,       0     )}}@keyframes ds-table-counter-inline-scroll-start{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(var(--ds-table-inline-scroll-max-offset, 0), 0, 0)}}@keyframes ds-table-counter-inline-scroll-end{from{transform:translate3d(       calc(-1 * var(--ds-table-inline-scroll-max-offset, 0)),       0,       0     )}to{transform:translate3d(0, 0, 0)}}.sc-ds-table:where(.ds-table__head--semantic-copy){opacity:0;pointer-events:none}.sc-ds-table:where(.ds-table__header-row){min-block-size:var(--_table-header-min-block-size);background:var(--_table-header-surface)}.sc-ds-table:where(.ds-table__header-cell),.sc-ds-table:where(.ds-table__cell),.sc-ds-table:where(.ds-table__group-cell),.sc-ds-table:where(.ds-table__load-cell),.sc-ds-table:where(.ds-table__state-cell){box-sizing:border-box;border:0;border-block-end:var(--dimension-stroke-width-012) solid var(--_table-border);text-align:start;vertical-align:middle}.sc-ds-table:where(.ds-table__header-cell){position:relative;min-block-size:calc(     var(--_table-header-min-block-size) - var(--dimension-space-100) - var(--dimension-space-100)   );block-size:calc(     var(--_table-header-min-block-size) - var(--dimension-space-100) - var(--dimension-space-100)   );padding:var(--dimension-space-100);border-block-end:0;background:var(--_table-header-surface);color:var(--color-foreground-secondary)}.sc-ds-table:where(.ds-table__header-cell)::after{content:'';position:absolute;inset-inline:0;inset-block-end:0;z-index:1;block-size:var(--dimension-stroke-width-012);background:var(--_table-border-strong);pointer-events:none}.sc-ds-table:where(.ds-table__cell){min-block-size:var(--_table-row-min-block-size);block-size:var(--_table-row-min-block-size);padding:var(--_table-cell-padding-block) var(--_table-cell-padding-inline);--ds-interaction-group-divider-width:var(--dimension-stroke-width-012);--ds-interaction-group-divider-color:var(--_table-border);border-block-end:0;background-color:inherit;vertical-align:top}.sc-ds-table:where(.ds-table__header-cell+.ds-table__header-cell){border-inline-start:0}.sc-ds-table:where(.ds-table__header-cell+.ds-table__header-cell)::before{content:'';position:absolute;inset:0;z-index:0;box-shadow:inset var(--dimension-stroke-width-012) 0 0 var(--_table-column-border);pointer-events:none}.sc-ds-table:where(.ds-table__cell+.ds-table__cell){--ds-interaction-group-divider-inline-start-width:var(--dimension-stroke-width-012);--ds-interaction-group-divider-inline-start-color:var(--_table-column-border)}.sc-ds-table:where(.ds-table__header-labels),.sc-ds-table:where(.ds-table__header-static),.sc-ds-table:where(.ds-table__header-label){display:flex;align-items:center;box-sizing:border-box;min-inline-size:0;block-size:var(--dimension-size-200);padding:0;color:inherit;text-align:inherit}.sc-ds-table:where(.ds-table__header-labels){flex:0 1 auto}.sc-ds-table:where(.ds-table__header-label){flex:0 1 auto;inline-size:fit-content;padding-inline:var(--dimension-space-025);color:var(--color-foreground-secondary)}.sc-ds-table:where(.ds-table__header-label[data-sort-active='true']){color:var(--color-foreground-primary)}.sc-ds-table:where(.ds-table__header-label-box){min-inline-size:0;padding-inline:var(--dimension-space-025)}.sc-ds-table:where(.ds-table__header-label--interactive){appearance:none;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:default;outline:none;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.sc-ds-table:where(.ds-table__header-label--interactive:hover){color:var(--color-foreground-primary)}}.sc-ds-table:where(.ds-table__header-label--interactive:active){color:var(--color-foreground-primary)}.sc-ds-table:where(.ds-table__header-label--interactive:focus-visible),.sc-ds-table:where(.ds-table__selection-control:focus-visible){outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.sc-ds-table:where(.ds-table__header-content),.sc-ds-table:where(.ds-table__header-labels),.sc-ds-table:where(.ds-table__header-segment),.sc-ds-table:where(.ds-table__sort-slot),.sc-ds-table:where(.ds-table__collapse-slot),.sc-ds-table:where(.ds-table__load-content){display:inline-flex;align-items:center;min-inline-size:0}.sc-ds-table:where(.ds-table__header-content){display:flex;inline-size:100%;gap:var(--dimension-space-050)}.sc-ds-table:where(.ds-table__header-content--collapse-all){justify-content:flex-end}.sc-ds-table:where(.ds-table__header-labels){max-inline-size:100%;gap:var(--dimension-space-025)}.sc-ds-table:where(.ds-table__header-segment){flex:0 1 auto;gap:var(--dimension-space-025)}.sc-ds-table:where(.ds-table__header-separator){flex:0 0 auto}.sc-ds-table:where(.ds-table__sort-slot){justify-content:center;flex:0 0 auto;inline-size:var(--dimension-size-200);block-size:var(--dimension-size-200)}.sc-ds-table:where(.ds-table__collapse-slot){justify-content:center;flex:0 0 auto;inline-size:var(--dimension-size-300);block-size:var(--dimension-size-200);margin-inline-start:auto}.sc-ds-table:where(.ds-table__collapse-all-overlay){position:absolute;inset-block-start:calc(     var(--ds-table-collapse-all-block-offset, 0px) + var(--dimension-space-100)   );inset-inline-end:var(--dimension-space-100);z-index:var(--dimension-z-index-floating);box-sizing:border-box;display:flex;inline-size:var(--dimension-size-300);block-size:var(--dimension-size-200);pointer-events:none}.sc-ds-table:where(.ds-table__collapse-all-surface){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;padding:0;border-radius:var(--dimension-radius-025);background:var(--_table-header-surface);pointer-events:auto}.sc-ds-table:where(.ds-table__sort-slot){margin-inline-start:auto}.sc-ds-table:where(.ds-table__cell--align-center .ds-table__header-content){justify-content:center}.sc-ds-table:where(.ds-table__cell--align-center .ds-table__sort-slot),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__sort-slot){margin-inline-start:0}.sc-ds-table:where(.ds-table__cell--align-end .ds-table__header-labels){margin-inline-start:auto}.sc-ds-table:where(.ds-table__cell-content),.sc-ds-table:where(.ds-table__cell-copy){display:flex;min-inline-size:0;max-inline-size:100%}.sc-ds-table:where(.ds-table__cell-content){align-items:flex-start;min-block-size:var(--_table-cell-track-min-block-size)}.sc-ds-table:where(.ds-table__cell-copy){flex:1;flex-direction:column;justify-content:flex-start}.sc-ds-table:where(.ds-table__cell-track){display:flex;align-items:center;box-sizing:border-box;min-inline-size:0;min-block-size:var(--_table-cell-track-min-block-size)}.sc-ds-table:where(.ds-table__cell-track--text){inline-size:100%;padding-inline:var(--_table-cell-track-label-inset)}.sc-ds-table:where(.ds-table__cell--text-single),.sc-ds-table:where(.ds-table__cell--text-multi),.sc-ds-table:where(.ds-table__cell--primary-text),.sc-ds-table:where(.ds-table__cell--empty),.sc-ds-table:where(.ds-table__cell--blank){padding:var(--dimension-space-125)}.sc-ds-table:where(.ds-table__cell--text-single .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--text-multi .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--primary-text .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--empty .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--blank .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--text-single .ds-table__cell-track),.sc-ds-table:where(.ds-table__cell--text-multi .ds-table__cell-track),.sc-ds-table:where(.ds-table__cell--primary-text .ds-table__cell-track),.sc-ds-table:where(.ds-table__cell--empty .ds-table__cell-track){min-block-size:0}.sc-ds-table:where(.ds-table__cell--text-multi .ds-table__cell-copy){gap:var(--dimension-space-050)}.sc-ds-table:where(.ds-table__cell--text-multi .ds-table__cell-secondary){padding-block:var(--dimension-space-025)}.sc-ds-table:where(.ds-table__cell--primary-text .ds-table__cell-secondary){padding-block:0}.sc-ds-table:where(.ds-table__cell--tag-tag-only),.sc-ds-table:where(.ds-table__cell--tag-tag-with-text){padding:var(--dimension-space-100)}.sc-ds-table:where(.ds-table__cell--tag-text-with-tag){padding:var(--dimension-space-125)}.sc-ds-table:where(.ds-table__cell-tag-stack){display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;min-inline-size:0;max-inline-size:100%}.sc-ds-table:where(.ds-table__cell-tag-text){inline-size:100%}.sc-ds-table:where(.ds-table__cell-tag-stack--tag-with-text .ds-table__cell-tag-text){padding-inline:calc(     var(--_table-cell-track-padding-inline) + var(--_table-cell-track-label-inset)   );padding-block:var(--dimension-space-025);min-block-size:0}.sc-ds-table:where(.ds-table__cell-tag-stack--tag-with-text){gap:var(--dimension-space-025)}.sc-ds-table:where(.ds-table__cell-tag-stack--text-with-tag .ds-table__cell-tag-text){padding-inline:var(--_table-cell-track-label-inset);min-block-size:0}.sc-ds-table:where(.ds-table__cell-tag-stack--text-with-tag){gap:var(--dimension-space-050)}.sc-ds-table:where(.ds-table__cell-tag-control-track){display:flex;align-items:center;min-block-size:var(--_table-cell-track-min-block-size)}.sc-ds-table:where(.ds-table__cell-tag-stack--text-with-tag .ds-table__cell-tag-control-track){min-block-size:var(--dimension-size-250)}.sc-ds-table:where(.ds-table__cell--icon){padding:var(--dimension-space-125)}.sc-ds-table:where(.ds-table__cell--icon .ds-table__cell-content){align-items:center;justify-content:center;inline-size:100%;min-block-size:var(--dimension-iconography-md)}.sc-ds-table:where(.ds-table__cell--image){padding:var(--dimension-space-100)}.sc-ds-table:where(.ds-table__cell-image){display:block;box-sizing:border-box;flex:none;block-size:var(--_table-image-block-size);aspect-ratio:16 / 9;overflow:hidden;border:var(--dimension-stroke-width-012) solid var(--color-border-tertiary);border-radius:var(--dimension-radius-025)}.sc-ds-table:where(.ds-table__cell-image-content),.sc-ds-table:where(.ds-table__cell-image-placeholder){display:block;inline-size:100%;block-size:100%}.sc-ds-table:where(.ds-table__cell-image-content){object-fit:cover}.sc-ds-table:where(.ds-table__cell--action){padding:var(--dimension-space-100)}.sc-ds-table:where(.ds-table__cell--action .ds-table__cell-content){min-block-size:var(--dimension-size-300)}.sc-ds-table:where(.ds-table__cell-primary),.sc-ds-table:where(.ds-table__cell-secondary){min-inline-size:0}.sc-ds-table:where(.ds-table__cell-copy--wrap){overflow-wrap:anywhere}.sc-ds-table:where(.ds-table__cell--align-center),.sc-ds-table:where(.ds-table__cell--align-center .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--align-center .ds-table__cell-track),.sc-ds-table:where(.ds-table__cell--align-center .ds-table__header-static),.sc-ds-table:where(.ds-table__cell--align-center .ds-table__header-labels),.sc-ds-table:where(.ds-table__cell--align-center .ds-table__header-label){text-align:center;justify-content:center}.sc-ds-table:where(.ds-table__cell--align-end),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__cell-content),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__cell-track),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__header-static),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__header-labels),.sc-ds-table:where(.ds-table__cell--align-end .ds-table__header-label){text-align:end;justify-content:flex-end}.sc-ds-table:where(.ds-table__body){background:var(--_table-surface)}.sc-ds-table:where(.ds-table__row){min-block-size:var(--_table-row-min-block-size);background:var(--_table-surface)}.sc-ds-table:where(.ds-table__row>.ds-table__cell.ds-interaction-fill){--ds-interaction-active:var(--_table-row-selected);--ds-interaction-group-fill:transparent}@media (hover: hover) and (pointer: fine){.sc-ds-table:where(.ds-table__row--interactive:hover>.ds-table__cell.ds-interaction-fill){--ds-interaction-group-fill:var(--_table-row-hover)}}.sc-ds-table:where(.ds-table__row--interactive:active>.ds-table__cell.ds-interaction-fill){--ds-interaction-group-fill:var(--_table-row-pressed)}.sc-ds-table:where(.ds-table__row--interactive:focus-visible){outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.sc-ds-table:where(.ds-table__row--disabled){color:var(--color-foreground-tertiary);opacity:var(--effect-opacity-medium)}.sc-ds-table:where(.ds-table__selection-cell){inline-size:var(--_table-selection-column-inline-size);width:var(--_table-selection-column-inline-size);max-inline-size:var(--_table-selection-column-inline-size);max-width:var(--_table-selection-column-inline-size);padding:0;text-align:center}.sc-ds-table:where(.ds-table__cell--sticky-start),.sc-ds-table:where(.ds-table__cell--sticky-end){--ds-interaction-position:sticky;--ds-interaction-z-index:2;position:sticky;z-index:2;background-color:var(--_table-surface)}.sc-ds-table:where(.ds-table__cell--sticky-start){inset-inline-start:0}.sc-ds-table:where(.ds-table__cell--sticky-end){inset-inline-end:0}.sc-ds-table:where(.ds-table__header-cell.ds-table__cell--sticky-start),.sc-ds-table:where(.ds-table__header-cell.ds-table__cell--sticky-end){z-index:3;background-color:var(--_table-header-surface)}.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-start),.sc-ds-table:where(.ds-table__sticky-header-table .ds-table__cell--sticky-end){position:relative;inset-inline:auto;will-change:transform}.sc-ds-table:where(.ds-table__selection-cell.ds-table__cell--sticky-start){--ds-interaction-group-divider-inline-end-width:0px}.sc-ds-table:where(.ds-table__cell--sticky-start+.ds-table__cell){--ds-interaction-group-divider-inline-start-width:0px}.sc-ds-table:where(.ds-table__cell--sticky-end){--ds-interaction-group-divider-inline-start-width:0px}.sc-ds-table:where(.ds-table__header-cell.ds-table__cell--sticky-start+.ds-table__header-cell)::before,.sc-ds-table:where(.ds-table__header-cell.ds-table__cell--sticky-end)::before{box-shadow:none}.sc-ds-table:where(.ds-table__sticky-edge){position:absolute;inset-block:0 var(--dimension-stroke-width-012);z-index:4;inline-size:var(--dimension-stroke-width-012);background:var(--_table-sticky-border);pointer-events:none}.sc-ds-table:where(.ds-table__sticky-edge)::after{content:'';position:absolute;inset-block:0;inline-size:var(--dimension-space-100);pointer-events:none}.sc-ds-table:where(.ds-table__sticky-edge--start){inset-inline-end:0}.sc-ds-table:where(.ds-table__sticky-edge--start)::after{inset-inline-start:100%}.sc-ds-table:where(.ds-table__sticky-edge--end){inset-inline-start:0}.sc-ds-table:where(.ds-table__sticky-edge--end)::after{inset-inline-end:100%}.sc-ds-table:where(.ds-table__frame--overflow-start .ds-table__sticky-edge--start)::after{box-shadow:var(--_table-sticky-start-shadow)}.sc-ds-table:where(.ds-table__frame--overflow-end .ds-table__sticky-edge--end)::after{box-shadow:var(--_table-sticky-end-shadow)}.sc-ds-table:where(.ds-table__cell.ds-table__selection-cell){padding:var(--dimension-space-125)}.sc-ds-table:where(.ds-table__selection-control){appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:100%;min-block-size:calc(     var(--_table-header-min-block-size) - var(--dimension-stroke-width-012)   );padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:default;outline:none}.sc-ds-table:where(.ds-table__cell.ds-table__selection-cell .ds-table__selection-control){inline-size:var(--dimension-iconography-md);min-block-size:var(--dimension-iconography-md);block-size:var(--dimension-iconography-md)}.sc-ds-table:where(.ds-table__selection-control:disabled){cursor:default}.sc-ds-table:where(.ds-table__selection-control:disabled ds-checkbox){opacity:var(--effect-opacity-medium)}.sc-ds-table:where(.ds-table__group-cell){min-block-size:var(--_table-row-min-block-size);padding:0;border-block-end:0;background:transparent}.sc-ds-table:where(.ds-table__group-cell--intent-brand),.sc-ds-table:where(.ds-table__group-cell--intent-negative),.sc-ds-table:where(.ds-table__group-cell--intent-warning),.sc-ds-table:where(.ds-table__group-cell--intent-caution),.sc-ds-table:where(.ds-table__group-cell--intent-positive){--_table-group-surface:linear-gradient(     to right,     var(--_table-group-intent-surface),     var(--color-background-faint-neutral)   )}.sc-ds-table:where(.ds-table__group-cell--intent-brand){--_table-group-intent-surface:var(--color-background-faint-brand)}.sc-ds-table:where(.ds-table__group-cell--intent-neutral){--_table-group-surface:var(--color-background-faint-neutral)}.sc-ds-table:where(.ds-table__group-cell--intent-negative){--_table-group-intent-surface:var(--color-background-faint-negative)}.sc-ds-table:where(.ds-table__group-cell--intent-warning){--_table-group-intent-surface:var(--color-background-faint-warning)}.sc-ds-table:where(.ds-table__group-cell--intent-caution){--_table-group-intent-surface:var(--color-background-faint-caution)}.sc-ds-table:where(.ds-table__group-cell--intent-positive){--_table-group-intent-surface:var(--color-background-faint-positive)}.sc-ds-table:where(.ds-table__group-content){position:sticky;inset-inline-start:0;z-index:1;box-sizing:border-box;display:flex;align-items:center;gap:var(--dimension-space-100);inline-size:var(--ds-table-visible-inline-size, 100%);max-inline-size:var(--ds-table-visible-inline-size, 100%);min-block-size:var(--_table-row-min-block-size);padding:var(--dimension-space-100);border-block-end:0;background:var(--_table-group-surface);background-clip:border-box}.sc-ds-table:where(.ds-table__group-content)::after{content:'';position:absolute;inset-inline:0;inset-block-end:0;block-size:var(--dimension-stroke-width-012);background:var(--_table-border);pointer-events:none}.sc-ds-table:where(.ds-table__group:last-child[data-collapsed='true'] .ds-table__group-content)::after{display:none}.sc-ds-table:where(.ds-table__table--selectable .ds-table__group-content){gap:0;padding-inline-start:0}.sc-ds-table:where(.ds-table__group-selection){box-sizing:border-box;display:inline-flex;flex:0 0 var(--_table-selection-column-inline-size);align-items:center;justify-content:center;padding-block:var(--dimension-space-025);padding-inline:var(--dimension-space-050)}.sc-ds-table:where(.ds-table__group-selection .ds-table__selection-control){inline-size:var(--dimension-iconography-md);min-block-size:var(--dimension-iconography-md);block-size:var(--dimension-iconography-md)}.sc-ds-table:where(.ds-table__group-copy){box-sizing:border-box;display:inline-flex;align-items:center;min-inline-size:0;flex:1 1 auto;gap:var(--dimension-space-100);padding-block:0;padding-inline:var(--dimension-space-050)}.sc-ds-table:where(.ds-table__table--selectable .ds-table__group-copy){padding-inline-start:calc(     var(--dimension-space-100) + var(--_table-cell-track-label-inset)   )}.sc-ds-table:where(.ds-table__group-count){display:inline-flex;flex:0 0 auto;border-radius:var(--dimension-radius-half)}.sc-ds-table:where(.ds-table__group-toggle){align-self:center;flex:0 0 auto;margin-inline-start:auto}.sc-ds-table:where(.ds-table__load-cell),.sc-ds-table:where(.ds-table__state-cell){padding:var(--dimension-space-200) var(--_table-cell-padding-inline);background:var(--_table-surface);text-align:center}.sc-ds-table:where(.ds-table__load-content){box-sizing:border-box;justify-content:center;gap:var(--dimension-space-100);min-block-size:var(--dimension-size-400)}.sc-ds-table:where(.ds-table__load-content--error){flex-wrap:wrap;gap:var(--dimension-space-200)}.sc-ds-table:where(.ds-table__load-copy){display:inline-flex;align-items:center;gap:var(--dimension-space-100)}.sc-ds-table:where(.ds-table__auto-sentinel){display:block;min-block-size:var(--dimension-space-025)}.sc-ds-table:where(.ds-table__state-cell){block-size:calc(var(--dimension-size-800) * 2)}.sc-ds-table:where(.ds-table__skeleton-row){pointer-events:none}.sc-ds-table:where(.ds-table__skeleton-row:last-child .ds-table__cell),.sc-ds-table:where(.ds-table__load-row:last-child .ds-table__load-cell),.sc-ds-table:where(.ds-table__state-row:last-child .ds-table__state-cell),.sc-ds-table:where(.ds-table__body:last-child .ds-table__row:last-child .ds-table__cell){border-block-end:0;--ds-interaction-group-divider-width:0px}.sc-ds-table:where(.ds-visually-hidden){position:absolute;inline-size:var(--dimension-stroke-width-012);block-size:var(--dimension-stroke-width-012);padding:0;margin:calc(-1 * var(--dimension-stroke-width-012));overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.sc-ds-table:where(.ds-table__cell--sticky-start),.sc-ds-table:where(.ds-table__cell--sticky-end){transition:none}}@media (forced-colors: active){.sc-ds-table:where(.ds-table){--_table-surface:var(--ds-forced-color-surface);--_table-header-surface:var(--ds-forced-color-surface);--_table-group-surface:var(--ds-forced-color-surface);--_table-border:var(--ds-forced-color-control-boundary);--_table-column-border:var(--ds-forced-color-control-boundary);--_table-border-strong:var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content)}.sc-ds-table:where(.ds-table__frame--overflow-start .ds-table__sticky-edge--start)::after,.sc-ds-table:where(.ds-table__frame--overflow-end .ds-table__sticky-edge--end)::after{box-shadow:none}.sc-ds-table:where(.ds-table__collapse-all-surface){--ds-control-elevation-shadow:none;--ds-control-elevation-highlight:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-012));background:var(--ds-forced-color-surface)}.sc-ds-table:where(.ds-table__row--disabled){color:var(--ds-forced-color-disabled);opacity:1}.sc-ds-table:where(.ds-table__selection-control:disabled ds-checkbox){--ds-forced-color-content:var(--ds-forced-color-disabled);opacity:1}.sc-ds-table:where(.ds-table__header-label--interactive:focus-visible),.sc-ds-table:where(.ds-table__selection-control:focus-visible),.sc-ds-table:where(.ds-table__viewport:focus-visible){outline-color:var(--ds-forced-color-selected)}}.ds-control-elevation.sc-ds-table-h,.ds-control-elevation.sc-ds-table{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-table-h::after,.ds-control-elevation.sc-ds-table::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-table-h,.ds-control-elevation--sm.sc-ds-table{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-table-h,.ds-control-elevation--md.sc-ds-table{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-table-h,.ds-control-elevation--floating.sc-ds-table{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-table{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-table{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-table,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-table{scale:none;transition:none}}.sc-ds-table-h{display:block;box-sizing:border-box;min-width:0;max-width:100%}`;const te=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.dsSortChange=s(this,"dsSortChange");this.dsGroupingChange=s(this,"dsGroupingChange");this.dsGroupCollapseChange=s(this,"dsGroupCollapseChange");this.dsSelectionChange=s(this,"dsSelectionChange");this.dsLoadMore=s(this,"dsLoadMore");this.dsCellAction=s(this,"dsCellAction");this.dsRowActivate=s(this,"dsRowActivate");this.columns=[];this.rows=[];this.groups=[];this.grouping=null;this.sort=null;this.collapsedGroupIds=[];this.captionVisibility="hidden";this.resultSummaryLabel="Displaying {displayed} of {total}";this.stickyHeader=false;this.selectionMode="none";this.selectedRowIds=[];this.loading=false;this.skeletonRows=5;this.emptyHeading="No results";this.emptyBody="No data is available.";this.error=false;this.errorHeading="Unable to load data";this.errorBody="The data could not be loaded.";this.emptyCellLabel="Not available";this.lazyLoading=false;this.loadMoreMode="auto";this.hasMore=false;this.loadingMore=false;this.loadIdentity="default";this.loadMoreThreshold=0;this.loadMoreLabel="Load more";this.retryLabel="Retry";this.loadingMoreLabel="Loading more results";this.endOfResultsLabel="All results loaded";this.rowsLoadedLabel="{count} more rows loaded. {total} rows loaded.";this.overflowStart=false;this.overflowEnd=false;this.scrollable=false;this.announcement="";this.viewportEl=null;this.frameEl=null;this.interactiveHeadEl=null;this.collapseAllOverlayEl=null;this.stickyHeaderTableEl=null;this.tableEl=null;this.sentinelEl=null;this.previousModelWarning="";this.hasLoaded=false;this.renderedModel=null;this.layoutController=new Q({elements:()=>({viewport:this.viewportEl,table:this.tableEl,stickyHeaderTable:this.stickyHeaderTableEl,collapseAllOverlay:this.collapseAllOverlayEl,frame:this.frameEl,interactiveHead:this.interactiveHeadEl}),mode:()=>({documentStickyHeader:this.documentStickyHeader,floatingCollapseAll:this.renderedModel?.collapseAllHost?.mode==="floating"}),overflowChanged:e=>{if(e.start!==this.overflowStart)this.overflowStart=e.start;if(e.end!==this.overflowEnd)this.overflowEnd=e.end;if(e.scrollable!==this.scrollable)this.scrollable=e.scrollable}});this.loadController=new X({state:()=>({lazyLoading:this.lazyLoading,loadMoreMode:this.loadMoreMode,hasMore:this.hasMore,loadingMore:this.loadingMore,loadMoreError:this.loadMoreError,loadIdentity:this.loadIdentity,loadMoreThreshold:this.loadMoreThreshold,containedScroll:this.resolvedMaxHeight!==undefined,loadingMoreLabel:this.loadingMoreLabel,endOfResultsLabel:this.endOfResultsLabel,rowsLoadedLabel:this.rowsLoadedLabel,loadedRowCount:this.currentLoadedRowCount(),viewport:this.viewportEl,sentinel:this.sentinelEl}),announce:e=>{this.announcement=e},request:e=>{this.dsLoadMore.emit(e)}})}componentWillLoad(){this.loadController.initialize();this.warnModelIssues()}componentDidLoad(){this.hasLoaded=true;this.layoutController.connect();this.loadController.connect()}componentDidRender(){this.layoutController.refresh();this.loadController.refresh()}connectedCallback(){if(!this.hasLoaded)return;this.layoutController.connect();this.loadController.connect()}disconnectedCallback(){this.layoutController.disconnect();this.loadController.disconnect()}handleStructureChange(){this.warnModelIssues();this.loadController.structureChanged()}handleDataChange(){this.loadController.dataChanged();this.warnModelIssues()}handleLoadIdentityChange(){this.loadController.identityChanged()}handleLazyConfigurationChange(){this.loadController.configurationChanged()}handleLoadingMoreChange(e){this.loadController.loadingChanged(e)}handleLoadMoreErrorChange(e){this.loadController.errorChanged(e)}handleHasMoreChange(e,t){this.loadController.hasMoreChanged(e,t)}get grouped(){return this.grouping!==null}get selectable(){return this.selectionMode==="multiple"}get documentStickyHeader(){return this.stickyHeader&&this.resolvedMaxHeight===undefined}currentLoadedRows(){return B(this.rows,this.groups,this.grouped)}currentLoadedRowCount(){return this.grouped?this.groups.reduce(((e,t)=>e+t.rows.length),0):this.rows.length}createRenderModel(){return W({columns:this.columns,rows:this.rows,groups:this.groups,grouped:this.grouped,selectionMode:this.selectionMode,selectedRowIds:this.selectedRowIds,collapsedGroupIds:this.collapsedGroupIds})}get resolvedMaxHeight(){if(this.maxHeight==null||this.maxHeight==="")return undefined;return typeof this.maxHeight==="number"?`${Math.max(0,this.maxHeight)}px`:this.maxHeight}warnModelIssues(){const e=J(this.columns,this.rows,this.groups,this.grouped);if(!this.caption?.trim())e.unshift("A non-empty caption is required.");if(this.grouping&&!this.columns.some((e=>e.id===this.grouping.columnId))){e.push(`Grouping references unknown column id: ${this.grouping.columnId}`)}if(this.sort&&!this.columns.some((e=>e.id===this.sort.columnId||e.headerSegments?.some((e=>e.sortKey===this.sort.columnId))))){e.push(`Sorting references unknown column id: ${this.sort.columnId}`)}const t=this.columns.filter((e=>e.sticky==="start"));const s=this.columns.filter((e=>e.sticky==="end"));if(t.length>1||this.selectable&&t.length>0){e.push("Only one sticky start column is supported, and row selection already owns that lane.")}if(s.length>1)e.push("Only one sticky end column is supported.");for(const a of[...t,...s]){if(!j(a))e.push(`Sticky column ${a.id} requires an explicit size.`)}const a=e.join(" ");if(!a||a===this.previousModelWarning)return;this.previousModelWarning=a;console.warn(`[ds-table] ${a}`)}emitSort(e,t=e.id){if(this.grouping?.columnId===e.id&&t===e.id){this.dsGroupingChange.emit({grouping:M(this.grouping)});return}if(!e.sortable)return;this.dsSortChange.emit({sort:S(this.sort,t)})}sortButtonLabel(e,t=e.id,s=e.header){if(this.grouping?.columnId===e.id&&t===e.id){const t=this.grouping.direction==="asc"?"descending":"ascending";return`Sort ${e.header} groups ${t}. Currently grouped ${this.grouping.direction==="asc"?"ascending":"descending"}.`}if(this.sort?.columnId!==t)return`Sort ${s} ascending`;if(this.sort.direction==="asc")return`Sort ${s} descending. Currently ascending.`;return`Sort ${s} ascending. Currently descending.`}emitRowSelection(e){const t=H(this.selectedRowIds,e);const s=t.includes(e.id);this.dsSelectionChange.emit({selectedRowIds:t,scope:"row",changedRowId:e.id,selected:s})}emitAllSelection(){const e=this.currentLoadedRows();const t=A(e,this.selectedRowIds);this.dsSelectionChange.emit({selectedRowIds:O(this.selectedRowIds,e),scope:"all-loaded",selected:!t.allSelected})}emitGroupSelection(e){const t=A(e.rows,this.selectedRowIds);this.dsSelectionChange.emit({selectedRowIds:G(this.selectedRowIds,e.rows),scope:"group",groupId:e.id,selected:!t.allSelected})}rowEventOwnsActivation(e){const s=e.currentTarget;return!e.composedPath().some((e=>{if(!(e instanceof t)||e===s)return false;return e.matches('button, a, input, select, textarea, [role="button"], [role="checkbox"], ds-button-unfilled')}))}emitRowActivation(e,t){if(!e.interactive||e.disabled||!this.rowEventOwnsActivation(t))return;this.dsRowActivate.emit({rowId:e.id})}handleRowKeydown(e,t){if(t.target!==t.currentTarget||t.key!=="Enter"&&t.key!==" ")return;t.preventDefault();this.emitRowActivation(e,t)}renderSelectionControl(e,t,s,l,i){return a("button",{class:"ds-table__selection-control ds-interaction-fill__content",type:"button",role:"checkbox","aria-label":e,"aria-checked":s?"mixed":String(t),disabled:l,onClick:i},a("ds-checkbox",{label:"",size:"md",checked:t,indeterminate:s,presentation:true}))}renderStickyEdge(e){if(!e)return null;return a("span",{class:`ds-table__sticky-edge ds-table__sticky-edge--${e}`,"aria-hidden":"true"})}renderCollapseAllButton(){return a("ds-button-unfilled",{class:"ds-table__collapse-all",variant:"icon",icon:"ChevronDownUp",size:"xs",style:{width:"var(--dimension-size-300)"},"aria-label":"Collapse all groups",hasBorder:false,activeFill:false,pressScale:false,onDsClick:e=>{e.stopPropagation();this.emitAllGroupsCollapse()}})}renderFloatingCollapseAll(e){if(e.collapseAllHost?.mode!=="floating")return null;return a("span",{class:"ds-table__collapse-all-overlay",ref:e=>{this.collapseAllOverlayEl=e??null}},a("span",{class:"ds-table__collapse-all-surface ds-control-elevation ds-control-elevation--md"},this.renderCollapseAllButton()))}renderColumnHeader(e,t,s=true,l=false){const i=this.grouping?.columnId===e.id;const n=e.headerSegments?.length?e.headerSegments:[{label:e.header,sortKey:e.id}];const r=!i?n.find((e=>e.sortKey===this.sort?.columnId)):undefined;const o=!!r;const d=i||o;const c=e.align??"start";const b=i?this.grouping.direction:o?this.sort.direction:undefined;const h=o?this.sort.direction==="asc"?"ascending":"descending":undefined;const u=a("span",{class:"ds-table__header-labels"},n.map(((t,l)=>{const o=i?n.length===1:r?.sortKey===t.sortKey;const d=s&&(!!e.sortable||i&&t.sortKey===e.id);const c=a("ds-text",{class:"ds-table__header-label-box ds-control-label-box",as:"span",variant:"text-caption",emphasis:o,color:"inherit",lineTruncation:1},t.label);const b=d?a("button",{class:"ds-table__header-label ds-table__header-label--interactive",type:"button","aria-label":this.sortButtonLabel(e,t.sortKey,t.label),"data-sort-control":"label","data-sort-key":t.sortKey,"data-sort-active":o?"true":undefined,onClick:()=>this.emitSort(e,t.sortKey)},c):a("span",{class:"ds-table__header-label ds-table__header-static"},c);return a("span",{class:"ds-table__header-segment",key:t.sortKey},b,l<n.length-1&&a("ds-text",{class:"ds-table__header-separator",as:"span",variant:"text-caption",color:"tertiary","aria-hidden":"true"},t.separator??"/"))})));const _=s?a("span",{class:"ds-table__sort-slot"},d&&a("ds-button-unfilled",{class:"ds-table__sort-direction",variant:"icon",icon:b==="asc"?"ArrowUp":"ArrowDown",size:"xs","aria-label":this.sortButtonLabel(e,r?.sortKey??e.id,r?.label??e.header),hasBorder:false,activeFill:false,isActive:true,pressScale:false,"data-sort-control":"direction",onDsClick:()=>this.emitSort(e,r?.sortKey??e.id)})):null;const f=t.collapseAllHost;const p=f?.mode==="action"&&f.columnId===e.id;const v=p&&!e.header.trim()&&!e.headerSegments?.length;const m=s&&p?a("span",{class:"ds-table__collapse-slot"},this.renderCollapseAllButton()):null;return a("th",{key:e.id,class:{"ds-table__header-cell":true,[`ds-table__cell--align-${c}`]:true,"ds-table__cell--sticky-start":e.sticky==="start","ds-table__cell--sticky-end":e.sticky==="end","ds-table__header-cell--collapse-all":p},scope:l?undefined:"col","aria-sort":l?undefined:h,"data-column-id":e.id,"data-grouped":i?"true":undefined,"data-sort-active":d?"true":undefined},!e.header.trim()&&e.headerLabel?.trim()&&a("span",{class:"ds-visually-hidden"},e.headerLabel),v?a("span",{class:"ds-table__header-content ds-table__header-content--collapse-all"},m):a("span",{class:"ds-table__header-content"},c==="end"&&_,c==="center"&&a("span",{class:"ds-table__sort-slot ds-table__sort-slot--balance","data-sort-balance":"true","aria-hidden":"true"}),u,c!=="end"&&_,m),this.renderStickyEdge(e.sticky))}renderColgroup(e){return a("colgroup",null,e.selectable&&a("col",{class:"ds-table__selection-column"}),this.columns.map((t=>{const s=j(t);const l=t.id===e.flexibleColumnId;return a("col",{key:t.id,class:{"ds-table__action-column":t.kind==="action","ds-table__flexible-column":l},style:s&&!l?{width:s}:undefined})})))}renderHeader(e,t=true,s=false){const l=e.selection;return a("thead",{class:{"ds-table__head":true,"ds-table__head--semantic-copy":!t},ref:e=>{if(t)this.interactiveHeadEl=e??null}},a("tr",{class:"ds-table__header-row"},e.selectable&&a("th",{class:"ds-table__header-cell ds-table__selection-cell ds-table__cell--sticky-start",scope:s?undefined:"col"},t?this.renderSelectionControl(l.allSelected?"Deselect all loaded rows":"Select all loaded rows",l.allSelected,l.indeterminate,l.selectableRowIds.length===0,(()=>this.emitAllSelection())):a("span",{class:"ds-visually-hidden"},"Select rows"),this.renderStickyEdge("start")),this.columns.map((a=>this.renderColumnHeader(a,e,t,s)))))}renderCellValue(e,t,s){if(e.kind==="blank")return null;if(e.kind==="empty"){return a("ds-text",{class:"ds-table__cell-track ds-table__cell-track--text",as:"span",variant:"text-body-medium",color:"secondary"},a("span",{"aria-hidden":"true"},"—"),a("span",{class:"ds-visually-hidden"},this.emptyCellLabel))}if(e.kind==="icon"){const t=e.value;return a("ds-icon",{name:t.icon,size:"md",color:t.color??"secondary",label:t.label})}if(e.kind==="image"){const t=e.value;return a("span",{class:"ds-table__cell-image"},t.src?a("img",{class:"ds-table__cell-image-content",src:t.src,alt:t.alt,loading:"lazy"}):a("span",{class:"ds-table__cell-image-placeholder",role:"img","aria-label":t.alt}))}if(e.kind==="action"){const l=e.value;return a("ds-button-unfilled",{variant:l.variant??"label",size:"md",isInset:true,insetDepth:"double",label:l.label??"",icon:l.icon??"","aria-label":l.ariaLabel??null,hasBorder:l.hasBorder??false,isInactive:l.isInactive??false,isLoading:l.isLoading??false,onDsClick:e=>{e.stopPropagation();this.dsCellAction.emit({actionId:l.actionId,rowId:s.id,columnId:t.id})}})}if(e.kind==="tag"){const t=e.value;const s=e.variant;const l=a("ds-tag",{label:t.label,intent:t.intent??"neutral",contrast:t.contrast??"faint",size:s==="text-with-tag"?"sm":"md",icon:t.icon??"",rounded:t.rounded??false,isInset:true,insetDepth:"double"});if(s==="tag-only")return l;return a("span",{class:`ds-table__cell-tag-stack ds-table__cell-tag-stack--${s}`},s==="tag-with-text"&&l,a("ds-text",{class:"ds-table__cell-tag-text ds-table__cell-track",as:"span",variant:s==="tag-with-text"?"text-body-small":"text-body-medium",color:"secondary",lineTruncation:1},t.text),s==="text-with-tag"&&a("span",{class:"ds-table__cell-tag-control-track"},l))}const l=e.value;const i=e.wraps;return a("span",{class:{"ds-table__cell-copy":true,"ds-table__cell-copy--wrap":i}},a("ds-text",{class:"ds-table__cell-primary ds-table__cell-track ds-table__cell-track--text",as:"span",variant:"text-body-medium",color:"primary",lineTruncation:i?"none":1,wrap:i?"wrap":"nowrap",fontFeature:l.fontFeature??"normal"},l.primary),l.secondary!==undefined&&l.secondary!==""&&a("ds-text",{class:"ds-table__cell-secondary ds-table__cell-track ds-table__cell-track--text",as:"span",variant:e.primaryText?"text-body-medium":"text-body-small",color:e.primaryText?"primary":"secondary",lineTruncation:i?"none":1,wrap:i?"wrap":"nowrap"},l.secondary))}renderRow(e,t){const s=t.selectedRowIds.has(e.id);const l=e.selectable!==false&&!e.disabled;return a("tr",{key:e.id,class:{"ds-table__row":true,"ds-table__row--selected":s,"ds-table__row--disabled":!!e.disabled,"ds-table__row--interactive":!!e.interactive&&!e.disabled},"data-row-id":e.id,"data-selected":s?"true":undefined,"aria-disabled":e.disabled?"true":undefined,tabIndex:e.interactive&&!e.disabled?0:undefined,onClick:t=>this.emitRowActivation(e,t),onKeyDown:t=>this.handleRowKeydown(e,t)},t.selectable&&a("td",{class:{"ds-table__cell":true,"ds-table__selection-cell":true,"ds-table__cell--sticky-start":true,"ds-interaction-fill":true,"ds-interaction-fill--grouped":true,"ds-interaction-fill--selected":s}},this.renderSelectionControl(`${s?"Deselect":"Select"} ${C(e,this.columns)}`,s,false,!l,(()=>this.emitRowSelection(e))),this.renderStickyEdge("start")),this.columns.map((t=>{const l=t.align??"start";const i=P(e.cells[t.id],t);const n=i.kind==="tag";const r=i.kind==="icon";const o=i.kind==="image";const d=i.kind==="action";const c=i.kind==="text";const b=c&&i.primaryText;const h=c&&i.singleLine;const u=i.kind==="empty";const _=i.kind==="blank";const f=n?i.variant:undefined;const p=c?i.variant:undefined;return a("td",{key:`${e.id}:${t.id}`,class:{"ds-table__cell":true,[`ds-table__cell--align-${l}`]:true,"ds-table__cell--tag":n,[`ds-table__cell--tag-${f}`]:n,"ds-table__cell--icon":r,"ds-table__cell--image":o,"ds-table__cell--action":d,"ds-table__cell--primary-text":b,"ds-table__cell--text-single":h,"ds-table__cell--text-multi":c&&!h,"ds-table__cell--empty":u,"ds-table__cell--blank":_,"ds-table__cell--sticky-start":t.sticky==="start","ds-table__cell--sticky-end":t.sticky==="end","ds-interaction-fill":true,"ds-interaction-fill--grouped":true,"ds-interaction-fill--selected":s},"data-column-id":t.id,"data-cell-type":i.cellType,"data-cell-variant":f??p},a("span",{class:"ds-table__cell-content ds-interaction-fill__content"},this.renderCellValue(i,t,e)),this.renderStickyEdge(t.sticky))})))}emitGroupCollapse(e){const t=I(this.collapsedGroupIds,e.id);this.dsGroupCollapseChange.emit({scope:"group",groupId:e.id,collapsed:t.includes(e.id),collapsedGroupIds:t})}emitAllGroupsCollapse(){const e=this.groups.map((e=>e.id));const t=L(this.collapsedGroupIds,e);this.dsGroupCollapseChange.emit({scope:"all",collapsed:t.length>0,collapsedGroupIds:t})}renderDataBodies(e){if(!e.grouped){return a("tbody",{class:"ds-table__body"},this.rows.map((t=>this.renderRow(t,e))))}return e.groups.map((t=>{const{group:s,count:l,countLabel:i,countIntent:n,collapsed:r,intent:o,intentClass:d,labelColor:c,selection:b}=t;return a("tbody",{class:"ds-table__body ds-table__group","data-group-id":s.id,"data-group-intent":o,"data-collapsed":r?"true":undefined,key:s.id},a("tr",{class:"ds-table__group-row"},a("th",{class:{"ds-table__group-cell":true,[d??""]:!!d},scope:"rowgroup",colSpan:e.totalColumns},a("span",{class:"ds-table__group-content"},b&&a("span",{class:"ds-table__group-selection"},this.renderSelectionControl(b.allSelected?`Deselect ${s.label} group`:`Select ${s.label} group`,b.allSelected,b.indeterminate,b.selectableRowIds.length===0,(()=>this.emitGroupSelection(s)))),a("span",{class:"ds-table__group-copy"},a("ds-text",{class:"ds-table__group-label",as:"span",variant:"text-body-medium",emphasis:true,color:c},s.label),a("span",{class:"ds-table__group-count ds-control-elevation ds-control-elevation--sm","aria-hidden":"true"},a("ds-tag",{label:String(l),intent:n,contrast:"faint",size:"sm",rounded:true})),a("span",{class:"ds-visually-hidden"},i)),a("ds-button-unfilled",{class:"ds-table__group-toggle",variant:"icon",size:"md",isInset:true,insetDepth:"double",icon:r?"ChevronDown":"ChevronUp",expanded:!r,"aria-label":r?`Expand ${s.label} group`:`Collapse ${s.label} group`,hasBorder:false,onDsClick:e=>{e.stopPropagation();this.emitGroupCollapse(s)}})))),!r&&s.rows.map((t=>this.renderRow(t,e))))}))}renderSkeletonBody(e){const t=Math.min(20,Math.max(1,Math.round(this.skeletonRows)||1));return a("tbody",{class:"ds-table__body ds-table__skeleton-body"},Array.from({length:t},((t,s)=>a("tr",{class:"ds-table__row ds-table__skeleton-row",key:`skeleton-${s}`},e.selectable&&a("td",{class:"ds-table__cell ds-table__selection-cell ds-table__cell--sticky-start ds-table__skeleton-cell ds-interaction-fill ds-interaction-fill--grouped"},a("span",{class:"ds-interaction-fill__content"},a("ds-skeleton",{variant:"icon",iconSize:"md"})),this.renderStickyEdge("start")),this.columns.map((e=>a("td",{class:{"ds-table__cell":true,"ds-table__cell--text-single":true,"ds-table__skeleton-cell":true,"ds-table__cell--sticky-start":e.sticky==="start","ds-table__cell--sticky-end":e.sticky==="end","ds-interaction-fill":true,"ds-interaction-fill--grouped":true},key:`skeleton-${s}:${e.id}`},a("span",{class:"ds-table__cell-content ds-interaction-fill__content"},a("ds-skeleton",{variant:"text",textVariant:"text-body-medium",width:"100%"})),this.renderStickyEdge(e.sticky))))))))}renderStateBody(e,t){const s=e==="error";return a("tbody",{class:"ds-table__body ds-table__state-body"},a("tr",{class:"ds-table__state-row"},a("td",{class:"ds-table__state-cell",colSpan:t},a("ds-empty-state",{icon:s?"ErrorTriangle":"Inbox",heading:s?this.errorHeading:this.emptyHeading,body:s?this.errorBody:this.emptyBody}))))}renderLazyBody(e){if(!this.lazyLoading||!e.hasData)return null;const t=this.loadMoreError?.trim();const s=this.loadMoreMode==="manual"||!this.loadController.intersectionSupported;return a("tbody",{class:"ds-table__body ds-table__load-body"},a("tr",{class:"ds-table__load-row",ref:e=>{this.sentinelEl=e??null}},a("td",{class:"ds-table__load-cell",colSpan:e.totalColumns},t?a("span",{class:"ds-table__load-content ds-table__load-content--error"},a("span",{class:"ds-table__load-copy"},a("ds-icon",{name:"ErrorTriangle",size:"md",color:"secondary","aria-hidden":"true"}),a("ds-text",{as:"span",variant:"text-body-medium",color:"secondary"},t)),a("ds-button-unfilled",{label:this.retryLabel,size:"md",onDsClick:()=>this.loadController.request("retry")})):this.loadingMore?a("span",{class:"ds-table__load-content"},a("ds-loader",{size:"md",color:"secondary"}),a("ds-text",{as:"span",variant:"text-body-medium",color:"secondary"},this.loadingMoreLabel)):this.hasMore&&s?a("span",{class:"ds-table__load-content"},a("ds-button-unfilled",{label:this.loadMoreLabel,size:"md",onDsClick:()=>this.loadController.request("manual")})):this.hasMore?a("span",{class:"ds-table__auto-sentinel","aria-hidden":"true"}):a("ds-text",{class:"ds-table__load-content",as:"span",variant:"text-body-medium",color:"secondary"},this.endOfResultsLabel))))}renderDocumentStickyHeader(e){if(!this.documentStickyHeader)return null;return a("div",{class:"ds-table__document-sticky-header"},a("table",{class:{"ds-table__table":true,"ds-table__sticky-header-table":true,"ds-table__table--selectable":e.selectable,"ds-table__table--grouped":e.grouped},style:e.tableStyle,role:"presentation",ref:e=>{this.stickyHeaderTableEl=e??null}},this.renderColgroup(e),this.renderHeader(e,true,true)),this.renderFloatingCollapseAll(e))}get resultSummary(){return V(this.displayedCount,this.totalCount,this.resultSummaryLabel)}renderResultFooter(){const e=this.resultSummary;if(!e)return null;return a("ds-text",{class:"ds-table__footer",as:"div",variant:"text-body-medium",color:"secondary"},e)}renderCaptionBar(){if(this.captionVisibility!=="visible")return null;return a("ds-text",{class:"ds-table__caption-bar",as:"div",variant:"text-title-small",emphasis:true,color:"primary","aria-hidden":"true"},this.caption)}render(){const e=this.createRenderModel();this.renderedModel=e;const t=this.scrollLabel?.trim()||`${this.caption} scroll area`;const s=this.loading&&!e.hasData;const i=!e.hasData&&this.error;const n=this.resolvedMaxHeight?{"--ds-table-max-block-size":this.resolvedMaxHeight}:undefined;return a(l,{key:"ae0f1ff39dcfc3e212105ffeb75ad34e2de5ef48",class:"table-host"},a("div",{key:"7196637f37b22c31c3e47830ae9256658d902ac5",class:{"ds-table":true,"ds-table--sticky-header":this.stickyHeader,"ds-table--document-sticky-header":this.documentStickyHeader,"ds-table--contained-sticky-header":this.stickyHeader&&!this.documentStickyHeader}},this.renderCaptionBar(),a("div",{key:"eec159fb256a79ded579a62624ce54fb3e8ff273",class:{"ds-table__frame":true,"ds-table__frame--overflow-start":this.overflowStart,"ds-table__frame--overflow-end":this.overflowEnd},ref:e=>{this.frameEl=e??null}},this.renderDocumentStickyHeader(e),!this.documentStickyHeader&&this.renderFloatingCollapseAll(e),a("div",{key:"583bd830798ecf68e283c8917b74df7f05491b83",class:"ds-table__viewport",style:n,ref:e=>{this.viewportEl=e??null},role:this.scrollable?"region":undefined,"aria-label":this.scrollable?t:undefined,tabIndex:this.scrollable?0:undefined},a("table",{key:"c41de82c9fd85ea9508b034ab13d47f21c871ae6",class:{"ds-table__table":true,"ds-table__table--selectable":e.selectable,"ds-table__table--grouped":e.grouped},style:e.tableStyle,"aria-busy":s||this.loadingMore?"true":undefined,ref:e=>{this.tableEl=e??null}},a("caption",{key:"7f57b1a923541c9c91cb4cbb2317ed3b5372479e",class:"ds-table__caption ds-visually-hidden"},a("ds-text",{key:"0ad6dd4a44fa625d19ff40b9d8d3ddacfefb84da",as:"span",variant:"text-title-small",emphasis:true,color:"primary"},this.caption)),this.renderColgroup(e),this.renderHeader(e,!this.documentStickyHeader),s?this.renderSkeletonBody(e):i?this.renderStateBody("error",e.totalColumns):e.hasData?this.renderDataBodies(e):this.renderStateBody("empty",e.totalColumns),!s&&!i&&this.renderLazyBody(e)))),this.renderResultFooter(),a("div",{key:"5cc757c3fdd646c191b43751463315ff7d805bc4",class:"ds-visually-hidden",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement)))}static get watchers(){return{columns:[{handleStructureChange:0}],grouping:[{handleStructureChange:0}],rows:[{handleDataChange:0}],groups:[{handleDataChange:0}],loadIdentity:[{handleLoadIdentityChange:0}],lazyLoading:[{handleLazyConfigurationChange:0}],loadMoreMode:[{handleLazyConfigurationChange:0}],loadMoreThreshold:[{handleLazyConfigurationChange:0}],loadingMore:[{handleLoadingMoreChange:0}],loadMoreError:[{handleLoadMoreErrorChange:0}],hasMore:[{handleHasMoreChange:0}]}}static get style(){return Y()+ee()}},[2,"ds-table",{columns:[16],rows:[16],groups:[16],grouping:[16],sort:[16],collapsedGroupIds:[16],caption:[1],captionVisibility:[1,"caption-visibility"],displayedCount:[2,"displayed-count"],totalCount:[2,"total-count"],resultSummaryLabel:[1,"result-summary-label"],stickyHeader:[4,"sticky-header"],maxHeight:[8,"max-height"],scrollLabel:[1,"scroll-label"],selectionMode:[1,"selection-mode"],selectedRowIds:[16],loading:[4],skeletonRows:[2,"skeleton-rows"],emptyHeading:[1,"empty-heading"],emptyBody:[1,"empty-body"],error:[4],errorHeading:[1,"error-heading"],errorBody:[1,"error-body"],emptyCellLabel:[1,"empty-cell-label"],lazyLoading:[4,"lazy-loading"],loadMoreMode:[1,"load-more-mode"],hasMore:[4,"has-more"],loadingMore:[4,"loading-more"],loadMoreError:[1,"load-more-error"],loadIdentity:[8,"load-identity"],loadMoreThreshold:[2,"load-more-threshold"],loadMoreLabel:[1,"load-more-label"],retryLabel:[1,"retry-label"],loadingMoreLabel:[1,"loading-more-label"],endOfResultsLabel:[1,"end-of-results-label"],rowsLoadedLabel:[1,"rows-loaded-label"],overflowStart:[32],overflowEnd:[32],scrollable:[32],announcement:[32]},undefined,{columns:[{handleStructureChange:0}],grouping:[{handleStructureChange:0}],rows:[{handleDataChange:0}],groups:[{handleDataChange:0}],loadIdentity:[{handleLoadIdentityChange:0}],lazyLoading:[{handleLazyConfigurationChange:0}],loadMoreMode:[{handleLazyConfigurationChange:0}],loadMoreThreshold:[{handleLazyConfigurationChange:0}],loadingMore:[{handleLoadingMoreChange:0}],loadMoreError:[{handleLoadMoreErrorChange:0}],hasMore:[{handleHasMoreChange:0}]}]);function se(){if(typeof customElements==="undefined"){return}const e=["ds-table","ds-badge","ds-button-unfilled","ds-checkbox","ds-empty-state","ds-icon","ds-loader","ds-skeleton","ds-tag","ds-text"];e.forEach((e=>{switch(e){case"ds-table":if(!customElements.get(i(e))){customElements.define(i(e),te)}break;case"ds-badge":if(!customElements.get(i(e))){n()}break;case"ds-button-unfilled":if(!customElements.get(i(e))){r()}break;case"ds-checkbox":if(!customElements.get(i(e))){o()}break;case"ds-empty-state":if(!customElements.get(i(e))){d()}break;case"ds-icon":if(!customElements.get(i(e))){c()}break;case"ds-loader":if(!customElements.get(i(e))){b()}break;case"ds-skeleton":if(!customElements.get(i(e))){h()}break;case"ds-tag":if(!customElements.get(i(e))){u()}break;case"ds-text":if(!customElements.get(i(e))){_()}break}}))}se();const ae=te;const le=se;export{ae as DsTable,le as defineCustomElement};
 //# sourceMappingURL=ds-table.js.map