@ds-mo/ui 13.16.1 → 13.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"schemaVersion":1,"package":"@ds-mo/ui","version":"13.16.1","components":67,"digest":"0ff7f761112558b5a32bed4cabe2bdea0391a9ca9755bdaf54a2697a39fe8b30","completedAt":"2026-08-13T02:34:39.498Z"}
1
+ {"schemaVersion":1,"package":"@ds-mo/ui","version":"13.17.0","components":67,"digest":"a6c128fce85797535428b952be8a688c63b0428cd08a7d397bc6f55efa69fc1b","completedAt":"2026-08-13T04:50:27.513Z"}
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schemaVersion": "1.0.0",
3
3
  "package": "@ds-mo/ui",
4
- "packageVersion": "13.16.1",
4
+ "packageVersion": "13.17.0",
5
5
  "kind": "patterns",
6
6
  "entries": [
7
7
  {
package/dist/agent.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schemaVersion": "1.0.0",
3
3
  "package": "@ds-mo/ui",
4
- "packageVersion": "13.16.1",
4
+ "packageVersion": "13.17.0",
5
5
  "kind": "components",
6
6
  "entries": [
7
7
  {
@@ -8101,7 +8101,7 @@
8101
8101
  "component:ds-icon"
8102
8102
  ],
8103
8103
  "accessibility": [
8104
- "The rendered structure uses a native table, caption, column headers, row groups, and data cells; keep the caption non-empty. The native caption remains visually hidden as the table's accessible name. When caption visibility is enabled, a 48px header bar renders as component chrome outside the horizontal scrollport. It defaults to a presentational caption title that does not duplicate the accessible name; application-owned labeled controls supplied through the named header slot replace that fallback. header-leading and header-trailing place actions in the matching compact-bar zones without transferring ownership of the bar's outer or copy padding to the application. Their slot outlets remain mounted so dynamically shown selection and filtering summaries cannot briefly enter the table's outer flow or move its frame.",
8104
+ "The rendered structure uses a native table, caption, column headers, row groups, and data cells; keep the caption non-empty. The native caption remains visually hidden as the table's accessible name. When caption visibility is enabled, a 48px header bar renders as component chrome outside the horizontal scrollport. It defaults to a presentational caption title that does not duplicate the accessible name. Application-owned labeled controls supplied through the single named header slot replace that fallback and receive the complete content width inside the component-owned 8px inset, so the application can compose its own control groups and alignment without table-defined leading or trailing zones.",
8105
8105
  "Sorting controls remain buttons inside column headers. Member-row sort uses aria-sort, while independent group order is described by the grouped header control.",
8106
8106
  "Selection controls expose checkbox semantics and explicit row names; select-all affects selectable loaded rows only and preserves selected identities outside the loaded window. When grouping is active with multi-selection, each group section header also exposes a checkbox that selects or clears that group's selectable loaded rows.",
8107
8107
  "Interactive rows are focusable as native rows, activate with Enter or Space, and do not steal activation from their nested selection or action controls.",
@@ -8110,8 +8110,8 @@
8110
8110
  "An optional result summary footer appears below the table frame when both displayedCount and totalCount are finite, formatting Displaying {displayed} of {total} in text-body-medium secondary. The footer slot can replace that copy, while footer-leading and footer-trailing compose actions into the same compact-bar anatomy. Authored footer content can also opt into the 48px footer without controlled counts."
8111
8111
  ],
8112
8112
  "states": [
8113
- "Columns, rows, groups, grouping, sorting, selected row IDs, collapsed group IDs, displayedCount, totalCount, and lazy-loading state are controlled inputs. Events communicate intent and never mutate those inputs. The optional header and footer slots are composable table-local bars: the component owns their 48px chrome, 8px outer inset, md copy-container padding, balanced text inset, action zones, and sticky placement while the application owns its controls, labels, filtering behavior, and action handling. Content-sized tables remain natural for sparse or fixed-count results. height bounds the complete header, frame, and footer composition. fitViewport reserves the compact-state composition height in the nearest vertical scrollport while growing the visible table into that reservation as surrounding page chrome collapses.",
8114
- "Grouping supports one level. The application supplies ordered groups and ordered member rows; group order and member-row sort are independent controls. Group section headers show an emphasized text-body-medium label followed by a rounded sm Tag containing only the numeric count. The Tag uses the group's faint intent surface (neutral when intent is absent) and a small-elevation, button-hugging wrapper; a localized countLabel remains available to assistive technology. Groups may declare an optional intent (brand, neutral, negative, warning, caution, positive) that paints an LTR gradient from the faint intent surface at the label edge into faint neutral at the trailing edge, plus a bold intent title color. Neutral groups remain solid faint neutral. Section separators are painted inside that viewport-width surface so translucent border tokens composite with each intent background; the final collapsed section does not duplicate the terminal table edge. A trailing visually neutral icon-only ButtonUnfilled uses the 24px md double-inset action recipe and toggles controlled collapsedGroupIds, showing ChevronUp while expanded and ChevronDown while collapsed. While any group remains expanded, a ChevronDownUp action uses the xs sort-control recipe widened to a table-owned 24px lane and collapses every group. It appears at the inline-end edge of the trailing column declared with kind action when one exists; otherwise a button-hugging 24px by 16px medium-elevation surface floats at the visible scrollport's header edge so the action remains reachable while member columns scroll beneath it. With stickyHeader enabled, each section header scrolls with its group, pins directly below the column header when reached, and yields when the next section arrives. It also stays pinned to the visible horizontal scrollport and spans the smaller of the visible viewport or table width.",
8113
+ "Columns, rows, groups, grouping, sorting, selected row IDs, collapsed group IDs, displayedCount, totalCount, and lazy-loading state are controlled inputs. Events communicate intent and never mutate those inputs. The optional header is one full-width composable table-local surface: the component owns its 48px chrome, 8px inset on every side, and sticky placement while the application owns all internal layout, controls, labels, filtering behavior, and action handling. The footer retains its compact-bar copy and action composition. Content-sized tables remain natural for sparse or fixed-count results. height bounds the complete header, frame, and footer composition. fitViewport reserves the compact-state composition height in the nearest vertical scrollport while growing the visible table into that reservation as surrounding page chrome collapses.",
8114
+ "Grouping supports one level. The application supplies ordered groups and ordered member rows; group order and member-row sort are independent controls. Group section headers show an emphasized text-body-medium label followed by a rounded sm Tag containing only the numeric count. The Tag uses the group's faint intent surface (neutral when intent is absent) and a small-elevation, button-hugging wrapper; a localized countLabel remains available to assistive technology. Groups may declare an optional intent (brand, neutral, negative, warning, caution, positive) that paints an LTR gradient from the faint intent surface at the label edge into faint neutral at the trailing edge, plus a bold intent title color. Neutral groups remain solid faint neutral. Section separators are painted inside that viewport-width surface so translucent border tokens composite with each intent background; the final collapsed section does not duplicate the terminal table edge. A trailing visually neutral icon-only ButtonUnfilled uses the 24px md double-inset action recipe and toggles controlled collapsedGroupIds, showing ChevronUp while expanded and ChevronDown while collapsed. While any group remains expanded, a ChevronDownUp action uses the xs sort-control recipe widened to a table-owned 24px lane and collapses every group. It appears at the inline-end edge of the trailing column declared with kind action when one exists; otherwise a button-hugging 24px by 16px medium-elevation surface floats at the visible scrollport's header edge so the action remains reachable while member columns scroll beneath it. With stickyHeader enabled, each contained section uses its one real section row as a native sticky header inside its real row-group boundary. The browser therefore owns pinning, push-off, scrolling, and resize layout in one pass without a duplicated lane, active-section state, transforms, or scroll-time geometry. Shared grid tracks retain exact header and member-cell alignment. The section surface also stays pinned to the visible horizontal scrollport and spans the smaller of the visible viewport or table width.",
8115
8115
  "An active member sort toggles only between ascending and descending; activating a different sortable label moves sorting to that key. Applications may still clear the controlled sort state explicitly. The grouped column toggles ascending and descending group order without clearing member sort.",
8116
8116
  "Compound headers can expose multiple related labels with independent sort keys. Each label owns only its content-width interaction target while the active direction remains in the column's alignment-aware sort lane.",
8117
8117
  "Initial loading uses row-shaped skeletons that preserve the standard single-line cell padding, row dividers, column dividers, selection lane, and sticky-lane boundaries. Empty, initial error, load-more, retry, loading-more, and terminal bands remain fixed to the visible table width while data columns scroll horizontally beneath them. Incremental loading retains existing rows and supports automatic sentinel, manual load-more, retry, and terminal states.",
@@ -8124,7 +8124,7 @@
8124
8124
  "responsiveBehavior": [
8125
8125
  "The table keeps native semantics at narrow widths and scrolls horizontally instead of transforming into cards.",
8126
8126
  "stickyHeader follows the active vertical scroll owner: a maxHeight, height, or fitViewport table keeps its native header and group sections inside one bounded table scrollport, while a document-flow table retains a semantic native header and renders a sticky control header whose columns follow the body's native inline scroll timeline. Consumers set --ds-table-sticky-header-offset when page chrome occupies an unbounded document scrollport edge. When the 48px table header bar is visible, it sticks at that external offset and the column header stacks immediately below it.",
8127
- "fitViewport uses viewportInsetBlockStart and viewportInsetBlockEnd to describe compact surrounding chrome and page gutters relative to the nearest vertical scroll owner. Before the table reaches that compact position, its host reserves the eventual height while the visible composition grows and vertical input remains owned by the outer page. Once settled, the internal table viewport becomes the vertical scroll owner. In both bounded and document-flow modes, native row-group headers remain the semantic source while one table-owned visual sticky lane is clamped to the active row group's ending boundary, so each incoming section pushes the previous section away without duplicate overlap.",
8127
+ "fitViewport uses viewportInsetBlockStart and viewportInsetBlockEnd to describe compact surrounding chrome and page gutters relative to the nearest vertical scroll owner. Before the table reaches that compact position, its host reserves the eventual height while the visible composition grows and vertical input remains owned by the outer page. Once settled, the internal table viewport becomes the vertical scroll owner. Bounded grouped tables use browser-native sticky section rows inside real block row-group boundaries, so scroll and resize do not run component JavaScript or trigger reactive section swaps. Document-flow tables retain the synchronized visual lane required by their separate horizontal scrollport.",
8128
8128
  "Without maxHeight the table grows the document and automatic lazy loading observes the browser viewport. Horizontal scrolling chains vertical wheel and trackpad movement to the page instead of trapping it.",
8129
8129
  "Explicit column sizes establish the horizontal overflow width; unsized columns share remaining space.",
8130
8130
  "Prefer the named xs through xl column sizes, which resolve through TokoMo's table-column width tokens; numeric pixel sizes remain an escape hatch for exceptional application-owned widths.",
@@ -1,2 +1,2 @@
1
- import{p as e,H as t,c as s,h as i,a,t as l}from"./index.js";import{r as n}from"./p-BMc0DE59.js";import{d as r}from"./p-dEouiXJ8.js";import{d as o}from"./p-DStd98dM.js";import{d}from"./p-D4jQy3Ps.js";import{d as c}from"./p-chA2WA5x.js";import{d as b}from"./p-C8U5BsJf.js";import{d as h}from"./p-Ca-I2UnB.js";import{d as u}from"./p-Cohb8T7G.js";import{d as _}from"./p-Qf-os3lG.js";import{d as f}from"./p-Dhx_3_tf.js";const p={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 v(e){return typeof e==="object"&&e!==null&&"primary"in e&&!("kind"in e)}function g(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 w(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="icon"}function k(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="image"}function y(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="action"}function x(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="empty"}function z(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="blank"}function C(e){if(e==null)return null;if(m(e))return e.label;if(w(e))return null;if(k(e))return e.alt;if(y(e))return e.label??e.ariaLabel;if(g(e))return e.primary;if(x(e)||z(e))return null;return v(e)?e.primary:e}function M(e,t){const s=e.selectionLabel?.trim();if(s)return s;for(const s of t){const t=C(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 I(e){return{...e,direction:e.direction==="asc"?"desc":"asc"}}function L(e,t){const s=new Set(e);if(s.has(t))s.delete(t);else s.add(t);return[...s]}function $(e,t){if(t.length===0)return[];const s=new Set(e);const i=t.every((e=>s.has(e)));return i?[]:[...t]}function E(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(${p[e.size]})`}const t=D(e);if(t!=null)return`${t}px`;return e.kind==="action"?"var(--dimension-size-500)":undefined}function B(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 T(e,t,s){return s?t.flatMap((e=>e.rows)):e}function H(e){return e.selectable!==false&&!e.disabled}function G(e,t){const s=new Set(t);const i=e.filter(H).map((e=>e.id));const a=i.reduce(((e,t)=>e+(s.has(t)?1:0)),0);return{selectableRowIds:i,selectedLoadedCount:a,allSelected:i.length>0&&a===i.length,indeterminate:a>0&&a<i.length}}function O(e,t){if(!H(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 A(e,t){const s=new Set(e);const i=G(t,e);for(const e of i.selectableRowIds){if(i.allSelected)s.delete(e);else s.add(e)}return[...s]}function F(e,t){return A(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 P(e){return typeof e==="string"&&q.includes(e)}function U(e){return P(e)?`ds-table__group-cell--intent-${e}`:undefined}function V(e){if(!P(e))return"primary";if(e==="neutral")return"var(--color-foreground-bold-neutral)";return e}function K(e,t,s="Displaying {displayed} of {total}",i){if(!Number.isFinite(e)||!Number.isFinite(t))return null;const a=new Intl.NumberFormat(i);return s.replace("{displayed}",a.format(e)).replace("{total}",a.format(t))}function W(e,t,s,i){const a=[];const l=new Set;for(const t of e){if(!t.id.trim())a.push("Every column requires a non-empty id.");else if(l.has(t.id))a.push(`Duplicate column id: ${t.id}`);if(!t.header.trim()&&!t.headerLabel?.trim()){a.push(`Column ${t.id||"(missing id)"} requires a visible header or headerLabel.`)}l.add(t.id)}const n=new Set;if(i){for(const e of s){if(!e.id.trim())a.push("Every group requires a non-empty id.");else if(n.has(e.id))a.push(`Duplicate group id: ${e.id}`);n.add(e.id);if(e.totalCount!=null&&e.totalCount<e.rows.length){a.push(`Group ${e.id} totalCount is smaller than its loaded row count.`)}if(e.intent!=null&&!P(e.intent)){a.push(`Group ${e.id} has an unsupported intent.`)}}}const r=new Set;for(const e of T(t,s,i)){if(!e.id.trim())a.push("Every row requires a non-empty id.");else if(r.has(e.id))a.push(`Duplicate row id: ${e.id}`);r.add(e.id)}return[...new Set(a)]}function J(e,t){if(z(e))return{kind:"blank",cellType:"blank",value:e};if(e==null||x(e)){return{kind:"empty",cellType:"empty",value:e}}if(w(e))return{kind:"icon",cellType:"icon",value:e};if(k(e))return{kind:"image",cellType:"image",value:e};if(y(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=g(e);const i=v(e)||s?e:{primary:e,fontFeature:typeof e==="number"?"tabular-nums":"normal"};const a=!s&&(i.secondary===undefined||i.secondary==="");return{kind:"text",cellType:s?"primary-text":"text",value:i,primaryText:s,singleLine:a,variant:s?"primary-pair":a?"single":"multi",wraps:i.wrap??t.wrap??false}}function Q(e){const t=e.selectionMode==="multiple";const s=T(e.rows,e.groups,e.grouped);const i=new Set(e.selectedRowIds);const a=new Set(e.collapsedGroupIds);const l=e.grouped&&e.groups.length>0&&e.groups.every((e=>a.has(e.id)));const n=e.grouped&&e.groups.length>0&&!l;const r=R(e.columns);return{grouped:e.grouped,selectable:t,loadedRows:s,hasData:s.length>0,selectedRowIds:i,selection:G(s,e.selectedRowIds),collapsedGroupIds:a,groups:e.groups.map((s=>{const i=N(s);const l=P(s.intent)?s.intent:undefined;return{group:s,count:i,countLabel:s.countLabel??`${i} ${i===1?"item":"items"}`,countIntent:l??"neutral",intent:l,intentClass:U(l),labelColor:V(l),collapsed:a.has(s.id),selection:t?G(s.rows,e.selectedRowIds):null}})),totalColumns:e.columns.length+(t?1:0),allGroupsCollapsed:l,showCollapseAll:n,collapseAllHost:n?E(e.columns):undefined,flexibleColumnId:B(e.columns),tableStyle:r==null?undefined:{"--ds-table-explicit-min-inline-size":r}}}function X(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 Y{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()}))};this.handleScroll=()=>{this.clampInlineOffset();if(this.options.mode().clampVerticalOverscroll)this.clampBlockOffset();this.schedule()};this.handleWheel=e=>{const t=this.connectedViewport;if(!t)return;if(Math.abs(e.deltaX)>Math.abs(e.deltaY)){const s=Math.max(0,t.scrollWidth-t.clientWidth);const i=t.scrollLeft<=0&&e.deltaX<0;const a=t.scrollLeft>=s&&e.deltaX>0;if(i||a)e.preventDefault();return}if(!this.options.mode().clampVerticalOverscroll||e.deltaY===0)return;const s=Math.max(0,t.scrollHeight-t.clientHeight);const i=t.scrollTop<=0&&e.deltaY<0;const a=t.scrollTop>=s&&e.deltaY>0;if(!i&&!a)return;this.options.verticalEdgeWheel?.(e.deltaY);e.preventDefault()}}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.handleScroll);this.connectedViewport?.removeEventListener("wheel",this.handleWheel);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.handleScroll);this.connectedViewport?.removeEventListener("wheel",this.handleWheel);this.resizeObserver?.disconnect();this.connectedViewport=e;this.observedTable=t;e?.addEventListener("scroll",this.handleScroll,{passive:true});e?.addEventListener("wheel",this.handleWheel,{passive:false});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()}clampInlineOffset(){const e=this.connectedViewport;if(!e)return;const t=Math.max(0,e.scrollWidth-e.clientWidth);const s=Math.min(t,Math.max(0,e.scrollLeft));if(e.scrollLeft!==s)e.scrollLeft=s}clampBlockOffset(){const e=this.connectedViewport;if(!e)return;const t=Math.max(0,e.scrollHeight-e.clientHeight);const s=Math.min(t,Math.max(0,e.scrollTop));if(e.scrollTop!==s)e.scrollTop=s}sync(){const e=this.options.elements();const t=e.viewport;if(!t)return;const s=this.options.mode();const i=s.floatingCollapseAll&&!s.documentStickyHeader&&e.collapseAllOverlay&&e.frame&&e.interactiveHead;const a=X({viewportInlineSize:t.clientWidth,viewportBlockSize:t.clientHeight,scrollInlineSize:t.scrollWidth,scrollBlockSize:t.scrollHeight,scrollInlineOffset:t.scrollLeft,tableInlineSize:e.table?.getBoundingClientRect().width??t.clientWidth,collapseHeadBlockStart:i?e.interactiveHead.getBoundingClientRect().top:undefined,collapseFrameBlockStart:i?e.frame.getBoundingClientRect().top:undefined});this.setProperty(t,"--ds-table-visible-inline-size",`${a.visibleInlineSize}px`);if(e.stickyHeaderTable){this.setProperty(e.stickyHeaderTable,"--ds-table-inline-scroll-offset",`${a.inlineOffset}px`);this.setProperty(e.stickyHeaderTable,"--ds-table-inline-scroll-max-offset",`${a.maxInlineOffset}px`)}if(a.collapseBlockOffset!==null&&e.collapseAllOverlay){this.setProperty(e.collapseAllOverlay,"--ds-table-collapse-all-block-offset",`${a.collapseBlockOffset}px`)}if(!this.overflow||this.overflow.start!==a.overflow.start||this.overflow.end!==a.overflow.end||this.overflow.scrollable!==a.overflow.scrollable){this.overflow=a.overflow;this.options.overflowChanged(a.overflow)}}setProperty(e,t,s){if(e.style.getPropertyValue(t)!==s){e.style.setProperty(t,s)}}}class Z{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}}function ee(e){const t=Math.max(0,e.insetBlockStart);const s=Math.max(0,e.insetBlockEnd);const i=e.scrollportBlockStart+e.scrollportBlockSize;const a=e.scrollportBlockStart+t;const l=Math.max(0,e.scrollportBlockSize-t-s);const n=Math.max(e.hostBlockStart,a);const r=Math.min(l,Math.max(0,i-s-n));return{reservedBlockSize:l,currentBlockSize:r,settled:e.hostBlockStart<=a+.5}}class te{constructor(e){this.options=e;this.connected=false;this.scrollRoot=null;this.resizeObserver=null;this.metrics=null;this.sync=()=>{if(!this.connected||!this.options.enabled()||!this.scrollRoot)return;const{host:e,surface:t}=this.options.elements();if(!e||!t)return;const s=e.getBoundingClientRect();const i=this.scrollRoot instanceof HTMLElement?this.scrollRoot.getBoundingClientRect():{top:0,height:window.innerHeight};const a=this.options.insets();const l=ee({scrollportBlockStart:i.top,scrollportBlockSize:i.height,hostBlockStart:s.top,insetBlockStart:n(a.blockStart,0,e),insetBlockEnd:n(a.blockEnd,0,e)});this.setProperty(e,"--_table-viewport-fit-reserved-block-size",`${l.reservedBlockSize}px`);this.setProperty(t,"--_table-viewport-fit-current-block-size",`${l.currentBlockSize}px`);if(!this.metrics||this.metrics.reservedBlockSize!==l.reservedBlockSize||this.metrics.currentBlockSize!==l.currentBlockSize||this.metrics.settled!==l.settled){this.metrics=l;this.options.fitChanged(l)}}}connect(){this.connected=true;this.refresh()}disconnect(){this.connected=false;this.disconnectRuntime();this.clearGeometry()}refresh(){if(!this.connected)return;if(!this.options.enabled()){this.disconnectRuntime();this.clearGeometry();return}const e=this.options.elements().host;if(!e)return;const t=this.findScrollRoot(e);if(t!==this.scrollRoot){this.disconnectRuntime();this.scrollRoot=t;this.scrollRoot.addEventListener("scroll",this.sync,{passive:true});window.addEventListener("resize",this.sync,{passive:true});if(typeof ResizeObserver!=="undefined"&&this.scrollRoot instanceof HTMLElement){this.resizeObserver=new ResizeObserver(this.sync);this.resizeObserver.observe(this.scrollRoot)}}this.sync()}scrollOuterBy(e){if(!this.scrollRoot||e===0)return false;if(this.scrollRoot instanceof HTMLElement){const t=this.scrollRoot.scrollTop;const s=Math.max(0,this.scrollRoot.scrollHeight-this.scrollRoot.clientHeight);this.scrollRoot.scrollTop=Math.min(s,Math.max(0,t+e));return this.scrollRoot.scrollTop!==t}const t=document.scrollingElement;const s=window.scrollY;const i=Math.max(0,(t?.scrollHeight??document.documentElement.scrollHeight)-window.innerHeight);const a=Math.min(i,Math.max(0,s+e));if(a!==s)window.scrollTo({top:a,behavior:"auto"});return a!==s}disconnectRuntime(){this.scrollRoot?.removeEventListener("scroll",this.sync);window.removeEventListener("resize",this.sync);this.scrollRoot=null;this.resizeObserver?.disconnect();this.resizeObserver=null}clearGeometry(){const{host:e,surface:t}=this.options.elements();e?.style.removeProperty("--_table-viewport-fit-reserved-block-size");t?.style.removeProperty("--_table-viewport-fit-current-block-size");if(this.metrics!==null){this.metrics=null;this.options.fitChanged(null)}}findScrollRoot(e){let t=this.composedParent(e);while(t&&t!==document.documentElement){const e=getComputedStyle(t).overflowY;if(e==="auto"||e==="scroll"||e==="overlay"){return t}t=this.composedParent(t)}return window}composedParent(e){return e.assignedSlot?.parentElement??e.parentElement}setProperty(e,t,s){if(e.style.getPropertyValue(t)!==s){e.style.setProperty(t,s)}}}const se=()=>`@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}}.sc-ds-table-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-table-h,.ds-focus-ring.sc-ds-table,.ds-focus-ring-inset.sc-ds-table-h,.ds-focus-ring-inset.sc-ds-table{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-table-h:focus-visible,.ds-focus-ring.sc-ds-table: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-table-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-table{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-table-h:focus-visible,.ds-focus-ring-inset.sc-ds-table:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-table-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-table: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-table-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table::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-table-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}`;const ie=()=>`@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:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-table-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table:hover: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 ae=()=>`.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-caption-bar-block-size:var(--dimension-size-600);--_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--bounded){display:grid;grid-template-rows:auto minmax(0, 1fr) auto;min-block-size:0;block-size:100%}.sc-ds-table:where(.ds-table--viewport-fit){block-size:var(--_table-viewport-fit-current-block-size, 100%);min-block-size:var(--_table-viewport-fit-current-block-size, 100%)}.sc-ds-table:where(.ds-table--bounded .ds-table__frame),.sc-ds-table:where(.ds-table--bounded .ds-table__viewport){min-block-size:0;block-size:100%;max-block-size: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--contained-scroll .ds-table__frame){overflow:clip}.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--viewport-fit-pending .ds-table__viewport){overflow-y:hidden}.sc-ds-table:where(.ds-table--viewport-fit-settled .ds-table__viewport){overscroll-behavior-y:none}.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(--_table-caption-bar-block-size);block-size:var(--_table-caption-bar-block-size);padding:var(--dimension-space-100);gap:var(--dimension-space-100);background:var(--_table-surface);text-align:start}.sc-ds-table:where(.ds-table__caption-bar){border-start-start-radius:var(--_table-radius);border-start-end-radius:var(--_table-radius);border-block-end:var(--dimension-stroke-width-012) solid var(--_table-column-border);color:var(--color-foreground-primary)}.sc-ds-table:where(.ds-table--caption-visible .ds-table__frame),.sc-ds-table:where(.ds-table--caption-visible .ds-table__viewport){border-start-start-radius:0;border-start-end-radius:0}.sc-ds-table:where(.ds-table__bar-leading),.sc-ds-table:where(.ds-table__bar-trailing){display:flex;align-items:center;flex:0 0 auto;min-inline-size:0;gap:var(--dimension-space-100)}.sc-ds-table:where(.ds-table__bar-trailing){margin-inline-start:auto}.sc-ds-table:where(.ds-table__bar-leading[hidden],.ds-table__bar-trailing[hidden]).sc-ds-table{display:none}.sc-ds-table:where(.ds-table__bar-copy){display:flex;flex:1 1 auto;align-items:center;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:var(--ds-control-padding-inline, var(--dimension-space-075))}.sc-ds-table:where(.ds-table__bar-copy>slot){display:contents}:where(.ds-table__bar-copy>slot).sc-ds-table-s>*{flex:1 1 auto;min-inline-size:0;max-inline-size:100%}.sc-ds-table:where(.ds-table__bar-text){display:inline-flex;align-items:center;box-sizing:border-box;min-inline-size:0;block-size:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.sc-ds-table:where(.ds-table__footer){border-end-start-radius:var(--_table-radius);border-end-end-radius:var(--_table-radius);border-block-start:var(--dimension-stroke-width-012) solid var(--_table-column-border);color:var(--color-foreground-secondary)}.sc-ds-table:where(.ds-table--footer-visible .ds-table__frame),.sc-ds-table:where(.ds-table--footer-visible .ds-table__viewport){border-end-start-radius:0;border-end-end-radius:0}.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:6}.sc-ds-table:where(.ds-table__document-sticky-header){position:sticky;inset-block-start:var(--ds-table-sticky-header-offset, 0);z-index:6;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--document-sticky-header.ds-table--caption-visible>.ds-table__caption-bar){position:sticky;inset-block-start:var(--ds-table-sticky-header-offset, 0);z-index:3}.sc-ds-table:where(.ds-table--document-sticky-header.ds-table--caption-visible .ds-table__document-sticky-header){inset-block-start:calc( var(--ds-table-sticky-header-offset, 0px) + var(--_table-caption-bar-block-size) )}.sc-ds-table:where(.ds-table__sticky-group){position:absolute;inset-block-start:var(--_table-sticky-group-top, 0);inset-inline-start:0;z-index:5;box-sizing:border-box;inline-size:100%;block-size:var(--_table-row-min-block-size);overflow:hidden;will-change:inset-block-start}.sc-ds-table:where(.ds-table__sticky-group .ds-table__group-content){position:relative}.sc-ds-table:where(.ds-table__group-cell--sticky-source-hidden){visibility:hidden}.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),.sc-ds-table:where(.ds-table__sticky-group--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),.sc-ds-table:where(.ds-table__sticky-group--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:0;background:var(--_table-surface);text-align:center}.sc-ds-table:where(.ds-table__viewport-band){position:sticky;inset-inline-start:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--ds-table-visible-inline-size, 100%);max-inline-size:var(--ds-table-visible-inline-size, 100%);padding:var(--dimension-space-200) var(--_table-cell-padding-inline);background:var(--_table-surface)}.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__state-band){min-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}}.ds-control--lg.sc-ds-table,.ds-control--lg.sc-ds-table-h,.ds-control--md.sc-ds-table-h,.ds-control--md.sc-ds-table,.ds-control--sm.sc-ds-table-h,.ds-control--sm.sc-ds-table,.ds-control--xs.sc-ds-table-h,.ds-control--xs.sc-ds-table{--ds-control-radius:var(--dimension-radius-025)}.ds-control--lg.sc-ds-table-h,.ds-control--lg.sc-ds-table{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-table-h,.ds-control--md.sc-ds-table{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-table-h,.ds-control--sm.sc-ds-table{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-table-h,.ds-control--xs.sc-ds-table{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.sc-ds-table-h{display:block;box-sizing:border-box;min-width:0;max-width:100%}.table-host--bounded.sc-ds-table-h{min-block-size:0}.table-host--fixed-height.sc-ds-table-h{block-size:var(--_table-fixed-block-size)}.table-host--viewport-fit.sc-ds-table-h{block-size:var(--_table-viewport-fit-reserved-block-size, auto);min-block-size:var(--_table-viewport-fit-reserved-block-size, auto)}ds-text.ds-table__header-label-box.sc-ds-table{padding-inline:var(--dimension-space-025)}ds-text.ds-table__cell-track.sc-ds-table{display:flex}ds-text.ds-table__cell-track--text.sc-ds-table{padding-inline:var(--_table-cell-track-label-inset)}ds-text.ds-table__cell-secondary.sc-ds-table{padding-block:var(--dimension-space-025)}.ds-table__cell--primary-text.sc-ds-table ds-text.ds-table__cell-secondary.sc-ds-table{padding-block:0}.ds-table__cell-tag-stack--tag-with-text.sc-ds-table ds-text.ds-table__cell-tag-text.sc-ds-table{padding-inline:calc( var(--_table-cell-track-padding-inline) + var(--_table-cell-track-label-inset) );padding-block:var(--dimension-space-025)}.ds-table__cell-tag-stack--text-with-tag.sc-ds-table ds-text.ds-table__cell-tag-text.sc-ds-table{padding-inline:var(--_table-cell-track-label-inset)}ds-text.ds-table__load-content.sc-ds-table{display:inline-flex}ds-text.ds-table__bar-text.sc-ds-table{display:inline-flex;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}`;const le=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.fitViewport=false;this.viewportInsetBlockStart=0;this.viewportInsetBlockEnd=0;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.activeStickyGroupId=null;this.viewportFitSettled=false;this.headerLeadingPresent=false;this.headerCopyPresent=false;this.headerTrailingPresent=false;this.rootEl=null;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.stickyGroupConnected=false;this.headerSlotObserver=null;this.layoutController=new Y({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",clampVerticalOverscroll:this.fitViewport&&this.viewportFitSettled}),verticalEdgeWheel:e=>this.viewportFitController.scrollOuterBy(e),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 Z({state:()=>({lazyLoading:this.lazyLoading,loadMoreMode:this.loadMoreMode,hasMore:this.hasMore,loadingMore:this.loadingMore,loadMoreError:this.loadMoreError,loadIdentity:this.loadIdentity,loadMoreThreshold:this.loadMoreThreshold,containedScroll:this.containedScroll,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)}});this.viewportFitController=new te({enabled:()=>this.fitViewport,elements:()=>({host:this.el,surface:this.rootEl}),insets:()=>({blockStart:this.viewportInsetBlockStart,blockEnd:this.viewportInsetBlockEnd}),fitChanged:e=>{const t=e?.settled??false;if(t!==this.viewportFitSettled)this.viewportFitSettled=t}});this.syncHeaderSlotPresence=()=>{this.headerLeadingPresent=!!this.el.querySelector('[slot="header-leading"]');this.headerCopyPresent=!!this.el.querySelector('[slot="header"]');this.headerTrailingPresent=!!this.el.querySelector('[slot="header-trailing"]')};this.updateStickyGroup=()=>{if(!this.stickyHeader||!this.grouped||!this.frameEl||!this.tableEl){if(this.activeStickyGroupId!==null)this.activeStickyGroupId=null;return}const e=this.documentStickyHeader?this.frameEl.querySelector(".ds-table__document-sticky-header"):this.interactiveHeadEl;if(!e)return;const t=e.getBoundingClientRect().bottom;let s=null;let i=t;for(const e of this.tableEl.querySelectorAll("tbody[data-group-id]")){const a=e.querySelector(".ds-table__group-cell");if(!a)continue;const l=a.getBoundingClientRect();const n=e.getBoundingClientRect();if(l.top<=t&&n.bottom>t){s=e.dataset.groupId??null;i=Math.min(t,n.bottom-l.height)}}const a=this.frameEl.getBoundingClientRect();this.frameEl.style.setProperty("--_table-sticky-group-top",`${i-a.top}px`);if(s!==this.activeStickyGroupId){this.activeStickyGroupId=s;return}}}componentWillLoad(){this.syncHeaderSlotPresence();this.loadController.initialize();this.warnModelIssues()}componentDidLoad(){this.hasLoaded=true;this.layoutController.connect();this.loadController.connect();this.viewportFitController.connect();this.connectStickyGroup();this.connectHeaderSlotObserver()}componentDidRender(){this.layoutController.refresh();this.loadController.refresh();this.viewportFitController.refresh();this.updateStickyGroup()}connectedCallback(){if(!this.hasLoaded)return;this.layoutController.connect();this.loadController.connect();this.viewportFitController.connect();this.connectStickyGroup();this.connectHeaderSlotObserver()}disconnectedCallback(){this.layoutController.disconnect();this.loadController.disconnect();this.viewportFitController.disconnect();this.disconnectStickyGroup();this.headerSlotObserver?.disconnect();this.headerSlotObserver=null}connectHeaderSlotObserver(){if(this.headerSlotObserver||typeof MutationObserver==="undefined")return;this.headerSlotObserver=new MutationObserver(this.syncHeaderSlotPresence);this.headerSlotObserver.observe(this.el,{childList:true});this.syncHeaderSlotPresence()}connectStickyGroup(){if(this.stickyGroupConnected||typeof window==="undefined")return;this.stickyGroupConnected=true;document.addEventListener("scroll",this.updateStickyGroup,{capture:true,passive:true});window.addEventListener("resize",this.updateStickyGroup,{passive:true});this.updateStickyGroup()}disconnectStickyGroup(){if(!this.stickyGroupConnected||typeof window==="undefined")return;this.stickyGroupConnected=false;document.removeEventListener("scroll",this.updateStickyGroup,true);window.removeEventListener("resize",this.updateStickyGroup)}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.containedScroll}get fixedHeight(){return!this.fitViewport&&this.resolvedHeight!==undefined}get boundedComposition(){return this.fitViewport||this.fixedHeight}get containedScroll(){return this.boundedComposition||this.resolvedMaxHeight!==undefined}currentLoadedRows(){return T(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 Q({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}get resolvedHeight(){if(this.height==null||this.height==="")return undefined;return typeof this.height==="number"?`${Math.max(0,this.height)}px`:this.height}warnModelIssues(){const e=W(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 i of[...t,...s]){if(!j(i))e.push(`Sticky column ${i.id} requires an explicit size.`)}const i=e.join(" ");if(!i||i===this.previousModelWarning)return;this.previousModelWarning=i;console.warn(`[ds-table] ${i}`)}emitSort(e,t=e.id){if(this.grouping?.columnId===e.id&&t===e.id){this.dsGroupingChange.emit({grouping:I(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=O(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=G(e,this.selectedRowIds);this.dsSelectionChange.emit({selectedRowIds:A(this.selectedRowIds,e),scope:"all-loaded",selected:!t.allSelected})}emitGroupSelection(e){const t=G(e.rows,this.selectedRowIds);this.dsSelectionChange.emit({selectedRowIds:F(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,a,l){return i("button",{class:"ds-table__selection-control ds-focus-ring ds-interaction-fill__content",type:"button",role:"checkbox","aria-label":e,"aria-checked":s?"mixed":String(t),disabled:a,onClick:l},i("ds-checkbox",{label:"",size:"md",checked:t,indeterminate:s,presentation:true}))}renderStickyEdge(e){if(!e)return null;return i("span",{class:`ds-table__sticky-edge ds-table__sticky-edge--${e}`,"aria-hidden":"true"})}renderCollapseAllButton(){return i("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 i("span",{class:"ds-table__collapse-all-overlay",ref:e=>{this.collapseAllOverlayEl=e??null}},i("span",{class:"ds-table__collapse-all-surface ds-control-elevation ds-control-elevation--md"},this.renderCollapseAllButton()))}renderColumnHeader(e,t,s=true,a=false){const l=this.grouping?.columnId===e.id;const n=e.headerSegments?.length?e.headerSegments:[{label:e.header,sortKey:e.id}];const r=!l?n.find((e=>e.sortKey===this.sort?.columnId)):undefined;const o=!!r;const d=l||o;const c=e.align??"start";const b=l?this.grouping.direction:o?this.sort.direction:undefined;const h=o?this.sort.direction==="asc"?"ascending":"descending":undefined;const u=i("span",{class:"ds-table__header-labels"},n.map(((t,a)=>{const o=l?n.length===1:r?.sortKey===t.sortKey;const d=s&&(!!e.sortable||l&&t.sortKey===e.id);const c=i("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?i("button",{class:"ds-table__header-label ds-table__header-label--interactive ds-focus-ring",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):i("span",{class:"ds-table__header-label ds-table__header-static"},c);return i("span",{class:"ds-table__header-segment",key:t.sortKey},b,a<n.length-1&&i("ds-text",{class:"ds-table__header-separator",as:"span",variant:"text-caption",color:"tertiary","aria-hidden":"true"},t.separator??"/"))})));const _=s?i("span",{class:"ds-table__sort-slot"},d&&i("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 g=s&&p?i("span",{class:"ds-table__collapse-slot"},this.renderCollapseAllButton()):null;return i("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:a?undefined:"col","aria-sort":a?undefined:h,"data-column-id":e.id,"data-grouped":l?"true":undefined,"data-sort-active":d?"true":undefined},!e.header.trim()&&e.headerLabel?.trim()&&i("span",{class:"ds-visually-hidden"},e.headerLabel),v?i("span",{class:"ds-table__header-content ds-table__header-content--collapse-all"},g):i("span",{class:"ds-table__header-content"},c==="end"&&_,c==="center"&&i("span",{class:"ds-table__sort-slot ds-table__sort-slot--balance","data-sort-balance":"true","aria-hidden":"true"}),u,c!=="end"&&_,g),this.renderStickyEdge(e.sticky))}renderColgroup(e){return i("colgroup",null,e.selectable&&i("col",{class:"ds-table__selection-column"}),this.columns.map((t=>{const s=j(t);const a=t.id===e.flexibleColumnId;return i("col",{key:t.id,class:{"ds-table__action-column":t.kind==="action","ds-table__flexible-column":a},style:s&&!a?{width:s}:undefined})})))}renderHeader(e,t=true,s=false){const a=e.selection;return i("thead",{class:{"ds-table__head":true,"ds-table__head--semantic-copy":!t},ref:e=>{if(t)this.interactiveHeadEl=e??null}},i("tr",{class:"ds-table__header-row"},e.selectable&&i("th",{class:"ds-table__header-cell ds-table__selection-cell ds-table__cell--sticky-start",scope:s?undefined:"col"},t?this.renderSelectionControl(a.allSelected?"Deselect all loaded rows":"Select all loaded rows",a.allSelected,a.indeterminate,a.selectableRowIds.length===0,(()=>this.emitAllSelection())):i("span",{class:"ds-visually-hidden"},"Select rows"),this.renderStickyEdge("start")),this.columns.map((i=>this.renderColumnHeader(i,e,t,s)))))}renderCellValue(e,t,s){if(e.kind==="blank")return null;if(e.kind==="empty"){return i("ds-text",{class:"ds-table__cell-track ds-table__cell-track--text",as:"span",variant:"text-body-medium",color:"secondary"},i("span",{"aria-hidden":"true"},"—"),i("span",{class:"ds-visually-hidden"},this.emptyCellLabel))}if(e.kind==="icon"){const t=e.value;return i("ds-icon",{name:t.icon,size:"md",color:t.color??"secondary",label:t.label})}if(e.kind==="image"){const t=e.value;return i("span",{class:"ds-table__cell-image"},t.src?i("img",{class:"ds-table__cell-image-content",src:t.src,alt:t.alt,loading:"lazy"}):i("span",{class:"ds-table__cell-image-placeholder",role:"img","aria-label":t.alt}))}if(e.kind==="action"){const a=e.value;return i("ds-button-unfilled",{variant:a.variant??"label",size:"md",isInset:true,insetDepth:"double",label:a.label??"",icon:a.icon??"","aria-label":a.ariaLabel??null,hasBorder:a.hasBorder??false,isInactive:a.isInactive??false,isLoading:a.isLoading??false,onDsClick:e=>{e.stopPropagation();this.dsCellAction.emit({actionId:a.actionId,rowId:s.id,columnId:t.id})}})}if(e.kind==="tag"){const t=e.value;const s=e.variant;const a=i("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 a;return i("span",{class:`ds-table__cell-tag-stack ds-table__cell-tag-stack--${s}`},s==="tag-with-text"&&a,i("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"&&i("span",{class:"ds-table__cell-tag-control-track"},a))}const a=e.value;const l=e.wraps;return i("span",{class:{"ds-table__cell-copy":true,"ds-table__cell-copy--wrap":l}},i("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:l?"none":1,wrap:l?"wrap":"nowrap",fontFeature:a.fontFeature??"normal"},a.primary),a.secondary!==undefined&&a.secondary!==""&&i("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:a.secondaryColor??(e.primaryText?"primary":"secondary"),lineTruncation:l?"none":1,wrap:l?"wrap":"nowrap"},a.secondary))}renderRow(e,t){const s=t.selectedRowIds.has(e.id);const a=e.selectable!==false&&!e.disabled;return i("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,"ds-focus-ring":!!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&&i("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"} ${M(e,this.columns)}`,s,false,!a,(()=>this.emitRowSelection(e))),this.renderStickyEdge("start")),this.columns.map((t=>{const a=t.align??"start";const l=J(e.cells[t.id],t);const n=l.kind==="tag";const r=l.kind==="icon";const o=l.kind==="image";const d=l.kind==="action";const c=l.kind==="text";const b=c&&l.primaryText;const h=c&&l.singleLine;const u=l.kind==="empty";const _=l.kind==="blank";const f=n?l.variant:undefined;const p=c?l.variant:undefined;return i("td",{key:`${e.id}:${t.id}`,class:{"ds-table__cell":true,[`ds-table__cell--align-${a}`]: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":l.cellType,"data-cell-variant":f??p},i("span",{class:"ds-table__cell-content ds-interaction-fill__content"},this.renderCellValue(l,t,e)),this.renderStickyEdge(t.sticky))})))}emitGroupCollapse(e){const t=L(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=$(this.collapsedGroupIds,e);this.dsGroupCollapseChange.emit({scope:"all",collapsed:t.length>0,collapsedGroupIds:t})}renderGroupContent(e){const{group:t,count:s,countLabel:a,countIntent:l,collapsed:n,labelColor:r,selection:o}=e;return i("span",{class:"ds-table__group-content"},o&&i("span",{class:"ds-table__group-selection"},this.renderSelectionControl(o.allSelected?`Deselect ${t.label} group`:`Select ${t.label} group`,o.allSelected,o.indeterminate,o.selectableRowIds.length===0,(()=>this.emitGroupSelection(t)))),i("span",{class:"ds-table__group-copy"},i("ds-text",{class:"ds-table__group-label",as:"span",variant:"text-body-medium",emphasis:true,color:r},t.label),i("span",{class:"ds-table__group-count ds-control-elevation ds-control-elevation--sm","aria-hidden":"true"},i("ds-tag",{label:String(s),intent:l,contrast:"faint",size:"sm",rounded:true})),i("span",{class:"ds-visually-hidden"},a)),i("ds-button-unfilled",{class:"ds-table__group-toggle",variant:"icon",size:"md",isInset:true,insetDepth:"double",icon:n?"ChevronDown":"ChevronUp",expanded:!n,"aria-label":n?`Expand ${t.label} group`:`Collapse ${t.label} group`,hasBorder:false,onDsClick:e=>{e.stopPropagation();this.emitGroupCollapse(t)}}))}renderStickyGroup(e){if(!this.stickyHeader||!this.activeStickyGroupId)return null;const t=e.groups.find((e=>e.group.id===this.activeStickyGroupId));if(!t)return null;return i("div",{class:{"ds-table__sticky-group":true,"ds-table__sticky-group--selectable":e.selectable,[t.intentClass??""]:!!t.intentClass},"data-group-id":t.group.id,"data-group-intent":t.intent},this.renderGroupContent(t))}renderDataBodies(e){if(!e.grouped){return i("tbody",{class:"ds-table__body"},this.rows.map((t=>this.renderRow(t,e))))}return e.groups.map((t=>{const{group:s,collapsed:a,intent:l,intentClass:n}=t;const r=this.stickyHeader&&this.activeStickyGroupId===s.id;return i("tbody",{class:"ds-table__body ds-table__group","data-group-id":s.id,"data-group-intent":l,"data-collapsed":a?"true":undefined,key:s.id},i("tr",{class:"ds-table__group-row"},i("th",{class:{"ds-table__group-cell":true,"ds-table__group-cell--sticky-source-hidden":r,[n??""]:!!n},"aria-hidden":r?"true":undefined,scope:"rowgroup",colSpan:e.totalColumns},this.renderGroupContent(t))),!a&&s.rows.map((t=>this.renderRow(t,e))))}))}renderSkeletonBody(e){const t=Math.min(20,Math.max(1,Math.round(this.skeletonRows)||1));return i("tbody",{class:"ds-table__body ds-table__skeleton-body"},Array.from({length:t},((t,s)=>i("tr",{class:"ds-table__row ds-table__skeleton-row",key:`skeleton-${s}`},e.selectable&&i("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"},i("span",{class:"ds-interaction-fill__content"},i("ds-skeleton",{variant:"icon",iconSize:"md"})),this.renderStickyEdge("start")),this.columns.map((e=>i("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}`},i("span",{class:"ds-table__cell-content ds-interaction-fill__content"},i("ds-skeleton",{variant:"text",textVariant:"text-body-medium",width:"100%"})),this.renderStickyEdge(e.sticky))))))))}renderStateBody(e,t){const s=e==="error";return i("tbody",{class:"ds-table__body ds-table__state-body"},i("tr",{class:"ds-table__state-row"},i("td",{class:"ds-table__state-cell",colSpan:t},i("div",{class:"ds-table__viewport-band ds-table__state-band"},i("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 i("tbody",{class:"ds-table__body ds-table__load-body"},i("tr",{class:"ds-table__load-row",ref:e=>{this.sentinelEl=e??null}},i("td",{class:"ds-table__load-cell",colSpan:e.totalColumns},i("div",{class:"ds-table__viewport-band ds-table__load-band"},t?i("span",{class:"ds-table__load-content ds-table__load-content--error"},i("span",{class:"ds-table__load-copy"},i("ds-icon",{name:"ErrorTriangle",size:"md",color:"secondary","aria-hidden":"true"}),i("ds-text",{as:"span",variant:"text-body-medium",color:"secondary"},t)),i("ds-button-unfilled",{label:this.retryLabel,size:"md",onDsClick:()=>this.loadController.request("retry")})):this.loadingMore?i("span",{class:"ds-table__load-content"},i("ds-loader",{size:"md",color:"secondary"}),i("ds-text",{as:"span",variant:"text-body-medium",color:"secondary"},this.loadingMoreLabel)):this.hasMore&&s?i("span",{class:"ds-table__load-content"},i("ds-button-unfilled",{label:this.loadMoreLabel,size:"md",onDsClick:()=>this.loadController.request("manual")})):this.hasMore?i("span",{class:"ds-table__auto-sentinel","aria-hidden":"true"}):i("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 i("div",{class:"ds-table__document-sticky-header"},i("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 K(this.displayedCount,this.totalCount,this.resultSummaryLabel)}get hasResultFooter(){return!!this.resultSummary||!!this.el.querySelector('[slot="footer-leading"], [slot="footer"], [slot="footer-trailing"]')}renderResultFooter(){const e=this.resultSummary;const t=!!this.el.querySelector('[slot="footer-leading"]');const s=!!this.el.querySelector('[slot="footer"]');const a=!!this.el.querySelector('[slot="footer-trailing"]');if(!this.hasResultFooter)return null;return i("div",{class:"ds-table__footer ds-table__bar ds-control--md"},t&&i("div",{class:"ds-table__bar-leading"},i("slot",{name:"footer-leading"})),i("div",{class:"ds-table__bar-copy"},s?i("slot",{name:"footer"}):e?i("ds-text",{class:"ds-table__footer-summary ds-table__bar-text",as:"div",variant:"text-body-medium",color:"secondary"},e):null),a&&i("div",{class:"ds-table__bar-trailing"},i("slot",{name:"footer-trailing"})))}renderCaptionBar(){if(this.captionVisibility!=="visible")return null;return i("div",{class:"ds-table__caption-bar ds-table__bar ds-control--md"},i("div",{class:"ds-table__bar-leading",hidden:!this.headerLeadingPresent},i("slot",{name:"header-leading",onSlotchange:this.syncHeaderSlotPresence})),i("div",{class:"ds-table__bar-copy"},i("slot",{name:"header",onSlotchange:this.syncHeaderSlotPresence}),!this.headerCopyPresent?i("ds-text",{class:"ds-table__caption-title ds-table__bar-text",as:"div",variant:"text-title-small",emphasis:true,color:"primary","aria-hidden":"true"},this.caption):null),i("div",{class:"ds-table__bar-trailing",hidden:!this.headerTrailingPresent},i("slot",{name:"header-trailing",onSlotchange:this.syncHeaderSlotPresence})))}render(){const e=this.createRenderModel();this.renderedModel=e;const t=this.scrollLabel?.trim()||`${this.caption} scroll area`;const s=this.loading&&!e.hasData;const l=!e.hasData&&this.error;const n=!this.boundedComposition&&this.resolvedMaxHeight?{"--ds-table-max-block-size":this.resolvedMaxHeight}:undefined;const r=this.fixedHeight?{"--_table-fixed-block-size":this.resolvedHeight}:undefined;return i(a,{key:"243b95e090eed3ffe6ddb06ce8db34e3f5f95e8d",class:{"table-host":true,"table-host--bounded":this.boundedComposition,"table-host--fixed-height":this.fixedHeight,"table-host--viewport-fit":this.fitViewport},style:r},i("div",{key:"7ccaa282719cc8bf073ee10f3b2ed5f6befa0e36",class:{"ds-table":true,"ds-table--bounded":this.boundedComposition,"ds-table--contained-scroll":this.containedScroll,"ds-table--fixed-height":this.fixedHeight,"ds-table--viewport-fit":this.fitViewport,"ds-table--viewport-fit-pending":this.fitViewport&&!this.viewportFitSettled,"ds-table--viewport-fit-settled":this.fitViewport&&this.viewportFitSettled,"ds-table--sticky-header":this.stickyHeader,"ds-table--document-sticky-header":this.documentStickyHeader,"ds-table--contained-sticky-header":this.stickyHeader&&!this.documentStickyHeader,"ds-table--caption-visible":this.captionVisibility==="visible","ds-table--footer-visible":this.hasResultFooter},ref:e=>{this.rootEl=e??null}},this.renderCaptionBar(),i("div",{key:"8c9c4f05160bc63016964c4ec7792292ecd11623",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.renderStickyGroup(e),!this.documentStickyHeader&&this.renderFloatingCollapseAll(e),i("div",{key:"dae0e24ff63d97dc0a56ced8cec99f828a43341e",class:{"ds-table__viewport":true,"ds-focus-ring":this.scrollable},style:n,ref:e=>{this.viewportEl=e??null},role:this.scrollable?"region":undefined,"aria-label":this.scrollable?t:undefined,tabIndex:this.scrollable?0:undefined},i("table",{key:"7482c52d6824400ce1b989d42311fe24419e6708",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}},i("caption",{key:"1aec14d0f4fd63ecac724cabf1787ee7af772a65",class:"ds-table__caption ds-visually-hidden"},i("ds-text",{key:"7a6f7e40cfa3f5ee9a675778135d50a4df92a320",as:"span",variant:"text-title-small",emphasis:true,color:"primary"},this.caption)),this.renderColgroup(e),this.renderHeader(e,!this.documentStickyHeader),s?this.renderSkeletonBody(e):l?this.renderStateBody("error",e.totalColumns):e.hasData?this.renderDataBodies(e):this.renderStateBody("empty",e.totalColumns),!s&&!l&&this.renderLazyBody(e)))),this.renderResultFooter(),i("div",{key:"e8f8fbdfa6cd5d248dba6128e49a70b118407d8d",class:"ds-visually-hidden",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement)))}get el(){return this}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 se()+(ie()+ae())}},[262,"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"],height:[8],fitViewport:[4,"fit-viewport"],viewportInsetBlockStart:[8,"viewport-inset-block-start"],viewportInsetBlockEnd:[8,"viewport-inset-block-end"],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],activeStickyGroupId:[32],viewportFitSettled:[32],headerLeadingPresent:[32],headerCopyPresent:[32],headerTrailingPresent:[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 ne(){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(l(e))){customElements.define(l(e),le)}break;case"ds-badge":if(!customElements.get(l(e))){r()}break;case"ds-button-unfilled":if(!customElements.get(l(e))){o()}break;case"ds-checkbox":if(!customElements.get(l(e))){d()}break;case"ds-empty-state":if(!customElements.get(l(e))){c()}break;case"ds-icon":if(!customElements.get(l(e))){b()}break;case"ds-loader":if(!customElements.get(l(e))){h()}break;case"ds-skeleton":if(!customElements.get(l(e))){u()}break;case"ds-tag":if(!customElements.get(l(e))){_()}break;case"ds-text":if(!customElements.get(l(e))){f()}break}}))}ne();const re=le;const oe=ne;export{re as DsTable,oe as defineCustomElement};
1
+ import{p as e,H as t,c as s,h as i,a,t as l}from"./index.js";import{r as n}from"./p-BMc0DE59.js";import{d as r}from"./p-dEouiXJ8.js";import{d as o}from"./p-DStd98dM.js";import{d}from"./p-D4jQy3Ps.js";import{d as c}from"./p-chA2WA5x.js";import{d as b}from"./p-C8U5BsJf.js";import{d as h}from"./p-Ca-I2UnB.js";import{d as u}from"./p-Cohb8T7G.js";import{d as _}from"./p-Qf-os3lG.js";import{d as f}from"./p-Dhx_3_tf.js";const p={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 v(e){return typeof e==="object"&&e!==null&&"primary"in e&&!("kind"in e)}function g(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 w(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="icon"}function k(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="image"}function y(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="action"}function x(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="empty"}function z(e){return typeof e==="object"&&e!==null&&"kind"in e&&e.kind==="blank"}function C(e){if(e==null)return null;if(m(e))return e.label;if(w(e))return null;if(k(e))return e.alt;if(y(e))return e.label??e.ariaLabel;if(g(e))return e.primary;if(x(e)||z(e))return null;return v(e)?e.primary:e}function M(e,t){const s=e.selectionLabel?.trim();if(s)return s;for(const s of t){const t=C(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 I(e){return{...e,direction:e.direction==="asc"?"desc":"asc"}}function L(e,t){const s=new Set(e);if(s.has(t))s.delete(t);else s.add(t);return[...s]}function $(e,t){if(t.length===0)return[];const s=new Set(e);const i=t.every((e=>s.has(e)));return i?[]:[...t]}function E(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(${p[e.size]})`}const t=D(e);if(t!=null)return`${t}px`;return e.kind==="action"?"var(--dimension-size-500)":undefined}function B(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 T(e,t,s){return s?t.flatMap((e=>e.rows)):e}function H(e){return e.selectable!==false&&!e.disabled}function G(e,t){const s=new Set(t);const i=e.filter(H).map((e=>e.id));const a=i.reduce(((e,t)=>e+(s.has(t)?1:0)),0);return{selectableRowIds:i,selectedLoadedCount:a,allSelected:i.length>0&&a===i.length,indeterminate:a>0&&a<i.length}}function O(e,t){if(!H(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 A(e,t){const s=new Set(e);const i=G(t,e);for(const e of i.selectableRowIds){if(i.allSelected)s.delete(e);else s.add(e)}return[...s]}function F(e,t){return A(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 U(e){return typeof e==="string"&&q.includes(e)}function P(e){return U(e)?`ds-table__group-cell--intent-${e}`:undefined}function V(e){if(!U(e))return"primary";if(e==="neutral")return"var(--color-foreground-bold-neutral)";return e}function K(e,t,s="Displaying {displayed} of {total}",i){if(!Number.isFinite(e)||!Number.isFinite(t))return null;const a=new Intl.NumberFormat(i);return s.replace("{displayed}",a.format(e)).replace("{total}",a.format(t))}function W(e,t,s,i){const a=[];const l=new Set;for(const t of e){if(!t.id.trim())a.push("Every column requires a non-empty id.");else if(l.has(t.id))a.push(`Duplicate column id: ${t.id}`);if(!t.header.trim()&&!t.headerLabel?.trim()){a.push(`Column ${t.id||"(missing id)"} requires a visible header or headerLabel.`)}l.add(t.id)}const n=new Set;if(i){for(const e of s){if(!e.id.trim())a.push("Every group requires a non-empty id.");else if(n.has(e.id))a.push(`Duplicate group id: ${e.id}`);n.add(e.id);if(e.totalCount!=null&&e.totalCount<e.rows.length){a.push(`Group ${e.id} totalCount is smaller than its loaded row count.`)}if(e.intent!=null&&!U(e.intent)){a.push(`Group ${e.id} has an unsupported intent.`)}}}const r=new Set;for(const e of T(t,s,i)){if(!e.id.trim())a.push("Every row requires a non-empty id.");else if(r.has(e.id))a.push(`Duplicate row id: ${e.id}`);r.add(e.id)}return[...new Set(a)]}function J(e,t){if(z(e))return{kind:"blank",cellType:"blank",value:e};if(e==null||x(e)){return{kind:"empty",cellType:"empty",value:e}}if(w(e))return{kind:"icon",cellType:"icon",value:e};if(k(e))return{kind:"image",cellType:"image",value:e};if(y(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=g(e);const i=v(e)||s?e:{primary:e,fontFeature:typeof e==="number"?"tabular-nums":"normal"};const a=!s&&(i.secondary===undefined||i.secondary==="");return{kind:"text",cellType:s?"primary-text":"text",value:i,primaryText:s,singleLine:a,variant:s?"primary-pair":a?"single":"multi",wraps:i.wrap??t.wrap??false}}function Q(e){const t=e.selectionMode==="multiple";const s=T(e.rows,e.groups,e.grouped);const i=new Set(e.selectedRowIds);const a=new Set(e.collapsedGroupIds);const l=e.grouped&&e.groups.length>0&&e.groups.every((e=>a.has(e.id)));const n=e.grouped&&e.groups.length>0&&!l;const r=R(e.columns);const o=B(e.columns);const d=[...t?["var(--_table-selection-column-inline-size)"]:[],...e.columns.map((e=>{const t=j(e);if(!t)return"minmax(0, 1fr)";return e.id===o?`minmax(${t}, 1fr)`:t}))].join(" ");const c={"--_table-grid-template-columns":d||"minmax(0, 1fr)"};if(r!=null){c["--ds-table-explicit-min-inline-size"]=r}return{grouped:e.grouped,selectable:t,loadedRows:s,hasData:s.length>0,selectedRowIds:i,selection:G(s,e.selectedRowIds),collapsedGroupIds:a,groups:e.groups.map((s=>{const i=N(s);const l=U(s.intent)?s.intent:undefined;return{group:s,count:i,countLabel:s.countLabel??`${i} ${i===1?"item":"items"}`,countIntent:l??"neutral",intent:l,intentClass:P(l),labelColor:V(l),collapsed:a.has(s.id),selection:t?G(s.rows,e.selectedRowIds):null}})),totalColumns:e.columns.length+(t?1:0),allGroupsCollapsed:l,showCollapseAll:n,collapseAllHost:n?E(e.columns):undefined,flexibleColumnId:o,tableStyle:c}}function X(e){const t=e.scrollInlineSize-e.viewportInlineSize>1;return{visibleInlineSize:e.viewportInlineSize,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 Y{constructor(e){this.options=e;this.connected=false;this.connectedViewport=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()}))};this.handleScroll=()=>{this.clampInlineOffset();if(this.options.mode().clampVerticalOverscroll)this.clampBlockOffset();this.schedule()};this.handleWheel=e=>{const t=this.connectedViewport;if(!t)return;if(Math.abs(e.deltaX)>Math.abs(e.deltaY)){const s=Math.max(0,t.scrollWidth-t.clientWidth);const i=t.scrollLeft<=0&&e.deltaX<0;const a=t.scrollLeft>=s&&e.deltaX>0;if(i||a)e.preventDefault();return}if(!this.options.mode().clampVerticalOverscroll||e.deltaY===0)return;const s=Math.max(0,t.scrollHeight-t.clientHeight);const i=t.scrollTop<=0&&e.deltaY<0;const a=t.scrollTop>=s&&e.deltaY>0;if(!i&&!a)return;this.options.verticalEdgeWheel?.(e.deltaY);e.preventDefault()}}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.handleScroll);this.connectedViewport?.removeEventListener("wheel",this.handleWheel);this.connectedViewport=null;this.resizeObserver?.disconnect();this.resizeObserver=null}refresh(){if(!this.connected)return;const{viewport:e}=this.options.elements();const t=e!==this.connectedViewport;if(t){this.connectedViewport?.removeEventListener("scroll",this.handleScroll);this.connectedViewport?.removeEventListener("wheel",this.handleWheel);this.resizeObserver?.disconnect();this.connectedViewport=e;e?.addEventListener("scroll",this.handleScroll,{passive:true});e?.addEventListener("wheel",this.handleWheel,{passive:false});if(typeof ResizeObserver!=="undefined"&&e){this.resizeObserver??(this.resizeObserver=new ResizeObserver(this.schedule));this.resizeObserver.observe(e)}}this.sync()}clampInlineOffset(){const e=this.connectedViewport;if(!e)return;const t=Math.max(0,e.scrollWidth-e.clientWidth);const s=Math.min(t,Math.max(0,e.scrollLeft));if(e.scrollLeft!==s)e.scrollLeft=s}clampBlockOffset(){const e=this.connectedViewport;if(!e)return;const t=Math.max(0,e.scrollHeight-e.clientHeight);const s=Math.min(t,Math.max(0,e.scrollTop));if(e.scrollTop!==s)e.scrollTop=s}sync(){const e=this.options.elements();const t=e.viewport;if(!t)return;const s=this.options.mode();const i=s.floatingCollapseAll&&!s.documentStickyHeader&&e.collapseAllOverlay&&e.frame&&e.interactiveHead;const a=X({viewportInlineSize:t.clientWidth,viewportBlockSize:t.clientHeight,scrollInlineSize:t.scrollWidth,scrollBlockSize:t.scrollHeight,scrollInlineOffset:t.scrollLeft,collapseHeadBlockStart:i?e.interactiveHead.getBoundingClientRect().top:undefined,collapseFrameBlockStart:i?e.frame.getBoundingClientRect().top:undefined});this.setProperty(t,"--ds-table-visible-inline-size",`${a.visibleInlineSize}px`);if(e.stickyHeaderTable){this.setProperty(e.stickyHeaderTable,"--ds-table-inline-scroll-offset",`${a.inlineOffset}px`);this.setProperty(e.stickyHeaderTable,"--ds-table-inline-scroll-max-offset",`${a.maxInlineOffset}px`)}if(a.collapseBlockOffset!==null&&e.collapseAllOverlay){this.setProperty(e.collapseAllOverlay,"--ds-table-collapse-all-block-offset",`${a.collapseBlockOffset}px`)}if(!this.overflow||this.overflow.start!==a.overflow.start||this.overflow.end!==a.overflow.end||this.overflow.scrollable!==a.overflow.scrollable){this.overflow=a.overflow;this.options.overflowChanged(a.overflow)}}setProperty(e,t,s){if(e.style.getPropertyValue(t)!==s){e.style.setProperty(t,s)}}}class Z{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}}function ee(e){const t=Math.max(0,e.insetBlockStart);const s=Math.max(0,e.insetBlockEnd);const i=e.scrollportBlockStart+e.scrollportBlockSize;const a=e.scrollportBlockStart+t;const l=Math.max(0,e.scrollportBlockSize-t-s);const n=Math.max(e.hostBlockStart,a);const r=Math.min(l,Math.max(0,i-s-n));return{reservedBlockSize:l,currentBlockSize:r,settled:e.hostBlockStart<=a+.5}}class te{constructor(e){this.options=e;this.connected=false;this.scrollRoot=null;this.resizeObserver=null;this.metrics=null;this.sync=()=>{if(!this.connected||!this.options.enabled()||!this.scrollRoot)return;const{host:e,surface:t}=this.options.elements();if(!e||!t)return;const s=e.getBoundingClientRect();const i=this.scrollRoot instanceof HTMLElement?this.scrollRoot.getBoundingClientRect():{top:0,height:window.innerHeight};const a=this.options.insets();const l=ee({scrollportBlockStart:i.top,scrollportBlockSize:i.height,hostBlockStart:s.top,insetBlockStart:n(a.blockStart,0,e),insetBlockEnd:n(a.blockEnd,0,e)});this.setProperty(e,"--_table-viewport-fit-reserved-block-size",`${l.reservedBlockSize}px`);this.setProperty(t,"--_table-viewport-fit-current-block-size",`${l.currentBlockSize}px`);if(!this.metrics||this.metrics.reservedBlockSize!==l.reservedBlockSize||this.metrics.currentBlockSize!==l.currentBlockSize||this.metrics.settled!==l.settled){this.metrics=l;this.options.fitChanged(l)}}}connect(){this.connected=true;this.refresh()}disconnect(){this.connected=false;this.disconnectRuntime();this.clearGeometry()}refresh(){if(!this.connected)return;if(!this.options.enabled()){this.disconnectRuntime();this.clearGeometry();return}const e=this.options.elements().host;if(!e)return;const t=this.findScrollRoot(e);if(t!==this.scrollRoot){this.disconnectRuntime();this.scrollRoot=t;this.scrollRoot.addEventListener("scroll",this.sync,{passive:true});window.addEventListener("resize",this.sync,{passive:true});if(typeof ResizeObserver!=="undefined"&&this.scrollRoot instanceof HTMLElement){this.resizeObserver=new ResizeObserver(this.sync);this.resizeObserver.observe(this.scrollRoot)}}this.sync()}scrollOuterBy(e){if(!this.scrollRoot||e===0)return false;if(this.scrollRoot instanceof HTMLElement){const t=this.scrollRoot.scrollTop;const s=Math.max(0,this.scrollRoot.scrollHeight-this.scrollRoot.clientHeight);this.scrollRoot.scrollTop=Math.min(s,Math.max(0,t+e));return this.scrollRoot.scrollTop!==t}const t=document.scrollingElement;const s=window.scrollY;const i=Math.max(0,(t?.scrollHeight??document.documentElement.scrollHeight)-window.innerHeight);const a=Math.min(i,Math.max(0,s+e));if(a!==s)window.scrollTo({top:a,behavior:"auto"});return a!==s}disconnectRuntime(){this.scrollRoot?.removeEventListener("scroll",this.sync);window.removeEventListener("resize",this.sync);this.scrollRoot=null;this.resizeObserver?.disconnect();this.resizeObserver=null}clearGeometry(){const{host:e,surface:t}=this.options.elements();e?.style.removeProperty("--_table-viewport-fit-reserved-block-size");t?.style.removeProperty("--_table-viewport-fit-current-block-size");if(this.metrics!==null){this.metrics=null;this.options.fitChanged(null)}}findScrollRoot(e){let t=this.composedParent(e);while(t&&t!==document.documentElement){const e=getComputedStyle(t).overflowY;if(e==="auto"||e==="scroll"||e==="overlay"){return t}t=this.composedParent(t)}return window}composedParent(e){return e.assignedSlot?.parentElement??e.parentElement}setProperty(e,t,s){if(e.style.getPropertyValue(t)!==s){e.style.setProperty(t,s)}}}const se=()=>`@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}}.sc-ds-table-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-table-h,.ds-focus-ring.sc-ds-table,.ds-focus-ring-inset.sc-ds-table-h,.ds-focus-ring-inset.sc-ds-table{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-table-h:focus-visible,.ds-focus-ring.sc-ds-table: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-table-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-table{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-table-h:focus-visible,.ds-focus-ring-inset.sc-ds-table:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-table-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-table: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-table-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-table::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-table-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}`;const ie=()=>`@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:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-table-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-table:hover: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 ae=()=>`.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-caption-bar-block-size:var(--dimension-size-600);--_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--bounded){display:grid;grid-template-rows:auto minmax(0, 1fr) auto;min-block-size:0;block-size:100%}.sc-ds-table:where(.ds-table--viewport-fit){block-size:var(--_table-viewport-fit-current-block-size, 100%);min-block-size:var(--_table-viewport-fit-current-block-size, 100%)}.sc-ds-table:where(.ds-table--bounded .ds-table__frame),.sc-ds-table:where(.ds-table--bounded .ds-table__viewport){min-block-size:0;block-size:100%;max-block-size: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--contained-scroll .ds-table__frame){overflow:clip}.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--viewport-fit-pending .ds-table__viewport){overflow-y:hidden}.sc-ds-table:where(.ds-table--viewport-fit-settled .ds-table__viewport){overscroll-behavior-y:none}.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__table--native-group-sticky){display:block}.sc-ds-table:where(.ds-table__table--native-group-sticky>colgroup){display:none}.sc-ds-table:where(.ds-table__table--native-group-sticky>.ds-table__head),.sc-ds-table:where(.ds-table__table--native-group-sticky>.ds-table__body){display:block;inline-size:100%}.sc-ds-table:where(.ds-table__table--native-group-sticky>.ds-table__group){position:relative;contain:layout style}.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__header-row),.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__row),.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__skeleton-row){display:grid;grid-template-columns:var(--_table-grid-template-columns);inline-size:100%}.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__group-row),.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__state-row),.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__load-row){display:block;inline-size:100%}.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__header-cell),.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__cell),.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__group-cell),.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__state-cell),.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__load-cell){display:block;inline-size:auto;width:auto;max-inline-size:none;max-width:none}.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__group-cell),.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__state-cell),.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__load-cell){inline-size:100%;width:100%}.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(--_table-caption-bar-block-size);block-size:var(--_table-caption-bar-block-size);padding:var(--dimension-space-100);gap:var(--dimension-space-100);background:var(--_table-surface);text-align:start}.sc-ds-table:where(.ds-table__caption-bar){border-start-start-radius:var(--_table-radius);border-start-end-radius:var(--_table-radius);border-block-end:var(--dimension-stroke-width-012) solid var(--_table-column-border);color:var(--color-foreground-primary)}.sc-ds-table:where(.ds-table__caption-content){display:grid;flex:1 1 auto;grid-template-columns:minmax(0, 1fr);align-items:center;box-sizing:border-box;min-inline-size:0;max-inline-size:100%}.sc-ds-table:where(.ds-table__caption-content>slot){display:contents}.sc-ds-table:where(.ds-table--caption-visible .ds-table__frame),.sc-ds-table:where(.ds-table--caption-visible .ds-table__viewport){border-start-start-radius:0;border-start-end-radius:0}.sc-ds-table:where(.ds-table__bar-leading),.sc-ds-table:where(.ds-table__bar-trailing){display:flex;align-items:center;flex:0 0 auto;min-inline-size:0;gap:var(--dimension-space-100)}.sc-ds-table:where(.ds-table__bar-trailing){margin-inline-start:auto}.sc-ds-table:where(.ds-table__bar-leading[hidden],.ds-table__bar-trailing[hidden]).sc-ds-table{display:none}.sc-ds-table:where(.ds-table__bar-copy){display:flex;flex:1 1 auto;align-items:center;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:var(--ds-control-padding-inline, var(--dimension-space-075))}.sc-ds-table:where(.ds-table__bar-copy>slot){display:contents}:where(.ds-table__bar-copy>slot).sc-ds-table-s>*{flex:1 1 auto;min-inline-size:0;max-inline-size:100%}.sc-ds-table:where(.ds-table__bar-text){display:inline-flex;align-items:center;box-sizing:border-box;min-inline-size:0;block-size:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.sc-ds-table:where(.ds-table__footer){border-end-start-radius:var(--_table-radius);border-end-end-radius:var(--_table-radius);border-block-start:var(--dimension-stroke-width-012) solid var(--_table-column-border);color:var(--color-foreground-secondary)}.sc-ds-table:where(.ds-table--footer-visible .ds-table__frame),.sc-ds-table:where(.ds-table--footer-visible .ds-table__viewport){border-end-start-radius:0;border-end-end-radius:0}.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:6}.sc-ds-table:where(.ds-table__document-sticky-header){position:sticky;inset-block-start:var(--ds-table-sticky-header-offset, 0);z-index:6;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--document-sticky-header.ds-table--caption-visible>.ds-table__caption-bar){position:sticky;inset-block-start:var(--ds-table-sticky-header-offset, 0);z-index:3}.sc-ds-table:where(.ds-table--document-sticky-header.ds-table--caption-visible .ds-table__document-sticky-header){inset-block-start:calc( var(--ds-table-sticky-header-offset, 0px) + var(--_table-caption-bar-block-size) )}.sc-ds-table:where(.ds-table__sticky-group){position:absolute;inset-block-start:var(--_table-sticky-group-top, 0);inset-inline-start:0;z-index:5;box-sizing:border-box;inline-size:100%;block-size:var(--_table-row-min-block-size);overflow:hidden}.sc-ds-table:where(.ds-table--document-sticky-header .ds-table__sticky-group){will-change:inset-block-start}.sc-ds-table:where(.ds-table--contained-sticky-header .ds-table__sticky-group){inset-block-start:var(--_table-header-min-block-size);transform:translateY(var(--_table-sticky-group-push, 0));will-change:transform}.sc-ds-table:where(.ds-table__sticky-group .ds-table__group-content){position:relative}.sc-ds-table:where(.ds-table__group-cell--sticky-source-hidden){visibility:hidden}.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__table--native-group-sticky .ds-table__header-cell){min-block-size:var(--_table-header-min-block-size);block-size:auto}.sc-ds-table:where(.ds-table__table--native-group-sticky .ds-table__cell){block-size:auto}.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--contained-sticky-header .ds-table__group-row--native-sticky){position:sticky;inset-block-start:var(--_table-header-min-block-size);z-index:5}.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),.sc-ds-table:where(.ds-table__sticky-group--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),.sc-ds-table:where(.ds-table__sticky-group--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:0;background:var(--_table-surface);text-align:center}.sc-ds-table:where(.ds-table__viewport-band){position:sticky;inset-inline-start:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--ds-table-visible-inline-size, 100%);max-inline-size:var(--ds-table-visible-inline-size, 100%);padding:var(--dimension-space-200) var(--_table-cell-padding-inline);background:var(--_table-surface)}.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__state-band){min-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}}.ds-control--lg.sc-ds-table,.ds-control--lg.sc-ds-table-h,.ds-control--md.sc-ds-table-h,.ds-control--md.sc-ds-table,.ds-control--sm.sc-ds-table-h,.ds-control--sm.sc-ds-table,.ds-control--xs.sc-ds-table-h,.ds-control--xs.sc-ds-table{--ds-control-radius:var(--dimension-radius-025)}.ds-control--lg.sc-ds-table-h,.ds-control--lg.sc-ds-table{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-table-h,.ds-control--md.sc-ds-table{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-table-h,.ds-control--sm.sc-ds-table{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-table-h,.ds-control--xs.sc-ds-table{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.sc-ds-table-h{display:block;box-sizing:border-box;min-width:0;max-width:100%}.table-host--bounded.sc-ds-table-h{min-block-size:0}.table-host--fixed-height.sc-ds-table-h{block-size:var(--_table-fixed-block-size)}.table-host--viewport-fit.sc-ds-table-h{block-size:var(--_table-viewport-fit-reserved-block-size, auto);min-block-size:var(--_table-viewport-fit-reserved-block-size, auto)}ds-text.ds-table__header-label-box.sc-ds-table{padding-inline:var(--dimension-space-025)}ds-text.ds-table__cell-track.sc-ds-table{display:flex}ds-text.ds-table__cell-track--text.sc-ds-table{padding-inline:var(--_table-cell-track-label-inset)}ds-text.ds-table__cell-secondary.sc-ds-table{padding-block:var(--dimension-space-025)}.ds-table__cell--primary-text.sc-ds-table ds-text.ds-table__cell-secondary.sc-ds-table{padding-block:0}.ds-table__cell-tag-stack--tag-with-text.sc-ds-table ds-text.ds-table__cell-tag-text.sc-ds-table{padding-inline:calc( var(--_table-cell-track-padding-inline) + var(--_table-cell-track-label-inset) );padding-block:var(--dimension-space-025)}.ds-table__cell-tag-stack--text-with-tag.sc-ds-table ds-text.ds-table__cell-tag-text.sc-ds-table{padding-inline:var(--_table-cell-track-label-inset)}ds-text.ds-table__load-content.sc-ds-table{display:inline-flex}ds-text.ds-table__bar-text.sc-ds-table{display:inline-flex;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}`;const le=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.fitViewport=false;this.viewportInsetBlockStart=0;this.viewportInsetBlockEnd=0;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.activeStickyGroupId=null;this.viewportFitSettled=false;this.headerPresent=false;this.rootEl=null;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.stickyGroupConnected=false;this.headerSlotObserver=null;this.layoutController=new Y({elements:()=>({viewport:this.viewportEl,stickyHeaderTable:this.stickyHeaderTableEl,collapseAllOverlay:this.collapseAllOverlayEl,frame:this.frameEl,interactiveHead:this.interactiveHeadEl}),mode:()=>({documentStickyHeader:this.documentStickyHeader,floatingCollapseAll:this.renderedModel?.collapseAllHost?.mode==="floating",clampVerticalOverscroll:this.fitViewport&&this.viewportFitSettled}),verticalEdgeWheel:e=>this.viewportFitController.scrollOuterBy(e),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 Z({state:()=>({lazyLoading:this.lazyLoading,loadMoreMode:this.loadMoreMode,hasMore:this.hasMore,loadingMore:this.loadingMore,loadMoreError:this.loadMoreError,loadIdentity:this.loadIdentity,loadMoreThreshold:this.loadMoreThreshold,containedScroll:this.containedScroll,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)}});this.viewportFitController=new te({enabled:()=>this.fitViewport,elements:()=>({host:this.el,surface:this.rootEl}),insets:()=>({blockStart:this.viewportInsetBlockStart,blockEnd:this.viewportInsetBlockEnd}),fitChanged:e=>{const t=e?.settled??false;if(t!==this.viewportFitSettled)this.viewportFitSettled=t}});this.syncHeaderSlotPresence=()=>{this.headerPresent=!!this.el.querySelector('[slot="header"]')};this.updateStickyGroup=()=>{if(!this.documentStickyHeader||!this.grouped||!this.frameEl||!this.tableEl){if(this.activeStickyGroupId!==null)this.activeStickyGroupId=null;return}const e=this.frameEl.querySelector(".ds-table__document-sticky-header");if(!e)return;const t=e.getBoundingClientRect().bottom;let s=null;let i=t;for(const e of this.tableEl.querySelectorAll("tbody[data-group-id]")){const a=e.querySelector(".ds-table__group-cell");if(!a)continue;const l=a.getBoundingClientRect();const n=e.getBoundingClientRect();if(l.top<=t&&n.bottom>t){s=e.dataset.groupId??null;i=Math.min(t,n.bottom-l.height)}}const a=this.frameEl.getBoundingClientRect();this.frameEl.style.setProperty("--_table-sticky-group-top",`${i-a.top}px`);if(s!==this.activeStickyGroupId){this.activeStickyGroupId=s;return}}}componentWillLoad(){this.syncHeaderSlotPresence();this.loadController.initialize();this.warnModelIssues()}componentDidLoad(){this.hasLoaded=true;this.layoutController.connect();this.loadController.connect();this.viewportFitController.connect();this.syncStickyGroupConnection();this.connectHeaderSlotObserver()}componentDidRender(){this.layoutController.refresh();this.loadController.refresh();this.viewportFitController.refresh();this.syncStickyGroupConnection();if(this.stickyGroupConnected)this.updateStickyGroup()}connectedCallback(){if(!this.hasLoaded)return;this.layoutController.connect();this.loadController.connect();this.viewportFitController.connect();this.syncStickyGroupConnection();this.connectHeaderSlotObserver()}disconnectedCallback(){this.layoutController.disconnect();this.loadController.disconnect();this.viewportFitController.disconnect();this.disconnectStickyGroup();this.headerSlotObserver?.disconnect();this.headerSlotObserver=null}connectHeaderSlotObserver(){if(this.headerSlotObserver||typeof MutationObserver==="undefined")return;this.headerSlotObserver=new MutationObserver(this.syncHeaderSlotPresence);this.headerSlotObserver.observe(this.el,{childList:true});this.syncHeaderSlotPresence()}connectStickyGroup(){if(this.stickyGroupConnected||typeof window==="undefined")return;this.stickyGroupConnected=true;document.addEventListener("scroll",this.updateStickyGroup,{capture:true,passive:true});window.addEventListener("resize",this.updateStickyGroup,{passive:true});this.updateStickyGroup()}syncStickyGroupConnection(){if(this.documentStickyHeader&&this.grouped){this.connectStickyGroup();return}this.disconnectStickyGroup();this.frameEl?.style.removeProperty("--_table-sticky-group-top");if(this.activeStickyGroupId!==null){this.activeStickyGroupId=null}}disconnectStickyGroup(){if(!this.stickyGroupConnected||typeof window==="undefined")return;this.stickyGroupConnected=false;document.removeEventListener("scroll",this.updateStickyGroup,true);window.removeEventListener("resize",this.updateStickyGroup)}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.containedScroll}get fixedHeight(){return!this.fitViewport&&this.resolvedHeight!==undefined}get boundedComposition(){return this.fitViewport||this.fixedHeight}get containedScroll(){return this.boundedComposition||this.resolvedMaxHeight!==undefined}currentLoadedRows(){return T(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 Q({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}get resolvedHeight(){if(this.height==null||this.height==="")return undefined;return typeof this.height==="number"?`${Math.max(0,this.height)}px`:this.height}warnModelIssues(){const e=W(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 i of[...t,...s]){if(!j(i))e.push(`Sticky column ${i.id} requires an explicit size.`)}const i=e.join(" ");if(!i||i===this.previousModelWarning)return;this.previousModelWarning=i;console.warn(`[ds-table] ${i}`)}emitSort(e,t=e.id){if(this.grouping?.columnId===e.id&&t===e.id){this.dsGroupingChange.emit({grouping:I(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=O(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=G(e,this.selectedRowIds);this.dsSelectionChange.emit({selectedRowIds:A(this.selectedRowIds,e),scope:"all-loaded",selected:!t.allSelected})}emitGroupSelection(e){const t=G(e.rows,this.selectedRowIds);this.dsSelectionChange.emit({selectedRowIds:F(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,a,l){return i("button",{class:"ds-table__selection-control ds-focus-ring ds-interaction-fill__content",type:"button",role:"checkbox","aria-label":e,"aria-checked":s?"mixed":String(t),disabled:a,onClick:l},i("ds-checkbox",{label:"",size:"md",checked:t,indeterminate:s,presentation:true}))}renderStickyEdge(e){if(!e)return null;return i("span",{class:`ds-table__sticky-edge ds-table__sticky-edge--${e}`,"aria-hidden":"true"})}renderCollapseAllButton(){return i("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 i("span",{class:"ds-table__collapse-all-overlay",ref:e=>{this.collapseAllOverlayEl=e??null}},i("span",{class:"ds-table__collapse-all-surface ds-control-elevation ds-control-elevation--md"},this.renderCollapseAllButton()))}renderColumnHeader(e,t,s=true,a=false){const l=this.grouping?.columnId===e.id;const n=e.headerSegments?.length?e.headerSegments:[{label:e.header,sortKey:e.id}];const r=!l?n.find((e=>e.sortKey===this.sort?.columnId)):undefined;const o=!!r;const d=l||o;const c=e.align??"start";const b=l?this.grouping.direction:o?this.sort.direction:undefined;const h=o?this.sort.direction==="asc"?"ascending":"descending":undefined;const u=i("span",{class:"ds-table__header-labels"},n.map(((t,a)=>{const o=l?n.length===1:r?.sortKey===t.sortKey;const d=s&&(!!e.sortable||l&&t.sortKey===e.id);const c=i("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?i("button",{class:"ds-table__header-label ds-table__header-label--interactive ds-focus-ring",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):i("span",{class:"ds-table__header-label ds-table__header-static"},c);return i("span",{class:"ds-table__header-segment",key:t.sortKey},b,a<n.length-1&&i("ds-text",{class:"ds-table__header-separator",as:"span",variant:"text-caption",color:"tertiary","aria-hidden":"true"},t.separator??"/"))})));const _=s?i("span",{class:"ds-table__sort-slot"},d&&i("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 g=s&&p?i("span",{class:"ds-table__collapse-slot"},this.renderCollapseAllButton()):null;return i("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:a?undefined:"col","aria-sort":a?undefined:h,"data-column-id":e.id,"data-grouped":l?"true":undefined,"data-sort-active":d?"true":undefined},!e.header.trim()&&e.headerLabel?.trim()&&i("span",{class:"ds-visually-hidden"},e.headerLabel),v?i("span",{class:"ds-table__header-content ds-table__header-content--collapse-all"},g):i("span",{class:"ds-table__header-content"},c==="end"&&_,c==="center"&&i("span",{class:"ds-table__sort-slot ds-table__sort-slot--balance","data-sort-balance":"true","aria-hidden":"true"}),u,c!=="end"&&_,g),this.renderStickyEdge(e.sticky))}renderColgroup(e){return i("colgroup",null,e.selectable&&i("col",{class:"ds-table__selection-column"}),this.columns.map((t=>{const s=j(t);const a=t.id===e.flexibleColumnId;return i("col",{key:t.id,class:{"ds-table__action-column":t.kind==="action","ds-table__flexible-column":a},style:s&&!a?{width:s}:undefined})})))}renderHeader(e,t=true,s=false){const a=e.selection;return i("thead",{class:{"ds-table__head":true,"ds-table__head--semantic-copy":!t},ref:e=>{if(t)this.interactiveHeadEl=e??null}},i("tr",{class:"ds-table__header-row"},e.selectable&&i("th",{class:"ds-table__header-cell ds-table__selection-cell ds-table__cell--sticky-start",scope:s?undefined:"col"},t?this.renderSelectionControl(a.allSelected?"Deselect all loaded rows":"Select all loaded rows",a.allSelected,a.indeterminate,a.selectableRowIds.length===0,(()=>this.emitAllSelection())):i("span",{class:"ds-visually-hidden"},"Select rows"),this.renderStickyEdge("start")),this.columns.map((i=>this.renderColumnHeader(i,e,t,s)))))}renderCellValue(e,t,s){if(e.kind==="blank")return null;if(e.kind==="empty"){return i("ds-text",{class:"ds-table__cell-track ds-table__cell-track--text",as:"span",variant:"text-body-medium",color:"secondary"},i("span",{"aria-hidden":"true"},"—"),i("span",{class:"ds-visually-hidden"},this.emptyCellLabel))}if(e.kind==="icon"){const t=e.value;return i("ds-icon",{name:t.icon,size:"md",color:t.color??"secondary",label:t.label})}if(e.kind==="image"){const t=e.value;return i("span",{class:"ds-table__cell-image"},t.src?i("img",{class:"ds-table__cell-image-content",src:t.src,alt:t.alt,loading:"lazy"}):i("span",{class:"ds-table__cell-image-placeholder",role:"img","aria-label":t.alt}))}if(e.kind==="action"){const a=e.value;return i("ds-button-unfilled",{variant:a.variant??"label",size:"md",isInset:true,insetDepth:"double",label:a.label??"",icon:a.icon??"","aria-label":a.ariaLabel??null,hasBorder:a.hasBorder??false,isInactive:a.isInactive??false,isLoading:a.isLoading??false,onDsClick:e=>{e.stopPropagation();this.dsCellAction.emit({actionId:a.actionId,rowId:s.id,columnId:t.id})}})}if(e.kind==="tag"){const t=e.value;const s=e.variant;const a=i("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 a;return i("span",{class:`ds-table__cell-tag-stack ds-table__cell-tag-stack--${s}`},s==="tag-with-text"&&a,i("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"&&i("span",{class:"ds-table__cell-tag-control-track"},a))}const a=e.value;const l=e.wraps;return i("span",{class:{"ds-table__cell-copy":true,"ds-table__cell-copy--wrap":l}},i("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:l?"none":1,wrap:l?"wrap":"nowrap",fontFeature:a.fontFeature??"normal"},a.primary),a.secondary!==undefined&&a.secondary!==""&&i("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:a.secondaryColor??(e.primaryText?"primary":"secondary"),lineTruncation:l?"none":1,wrap:l?"wrap":"nowrap"},a.secondary))}renderRow(e,t){const s=t.selectedRowIds.has(e.id);const a=e.selectable!==false&&!e.disabled;return i("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,"ds-focus-ring":!!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&&i("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"} ${M(e,this.columns)}`,s,false,!a,(()=>this.emitRowSelection(e))),this.renderStickyEdge("start")),this.columns.map((t=>{const a=t.align??"start";const l=J(e.cells[t.id],t);const n=l.kind==="tag";const r=l.kind==="icon";const o=l.kind==="image";const d=l.kind==="action";const c=l.kind==="text";const b=c&&l.primaryText;const h=c&&l.singleLine;const u=l.kind==="empty";const _=l.kind==="blank";const f=n?l.variant:undefined;const p=c?l.variant:undefined;return i("td",{key:`${e.id}:${t.id}`,class:{"ds-table__cell":true,[`ds-table__cell--align-${a}`]: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":l.cellType,"data-cell-variant":f??p},i("span",{class:"ds-table__cell-content ds-interaction-fill__content"},this.renderCellValue(l,t,e)),this.renderStickyEdge(t.sticky))})))}emitGroupCollapse(e){const t=L(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=$(this.collapsedGroupIds,e);this.dsGroupCollapseChange.emit({scope:"all",collapsed:t.length>0,collapsedGroupIds:t})}renderGroupContent(e){const{group:t,count:s,countLabel:a,countIntent:l,collapsed:n,labelColor:r,selection:o}=e;return i("span",{class:"ds-table__group-content"},o&&i("span",{class:"ds-table__group-selection"},this.renderSelectionControl(o.allSelected?`Deselect ${t.label} group`:`Select ${t.label} group`,o.allSelected,o.indeterminate,o.selectableRowIds.length===0,(()=>this.emitGroupSelection(t)))),i("span",{class:"ds-table__group-copy"},i("ds-text",{class:"ds-table__group-label",as:"span",variant:"text-body-medium",emphasis:true,color:r},t.label),i("span",{class:"ds-table__group-count ds-control-elevation ds-control-elevation--sm","aria-hidden":"true"},i("ds-tag",{label:String(s),intent:l,contrast:"faint",size:"sm",rounded:true})),i("span",{class:"ds-visually-hidden"},a)),i("ds-button-unfilled",{class:"ds-table__group-toggle",variant:"icon",size:"md",isInset:true,insetDepth:"double",icon:n?"ChevronDown":"ChevronUp",expanded:!n,"aria-label":n?`Expand ${t.label} group`:`Collapse ${t.label} group`,hasBorder:false,onDsClick:e=>{e.stopPropagation();this.emitGroupCollapse(t)}}))}renderStickyGroup(e){if(!this.documentStickyHeader||!this.activeStickyGroupId)return null;const t=e.groups.find((e=>e.group.id===this.activeStickyGroupId));if(!t)return null;return i("div",{class:{"ds-table__sticky-group":true,"ds-table__sticky-group--selectable":e.selectable,[t.intentClass??""]:!!t.intentClass},"data-group-id":t.group.id,"data-group-intent":t.intent},this.renderGroupContent(t))}renderDataBodies(e){if(!e.grouped){return i("tbody",{class:"ds-table__body"},this.rows.map((t=>this.renderRow(t,e))))}return e.groups.map((t=>{const{group:s,collapsed:a,intent:l,intentClass:n}=t;const r=this.documentStickyHeader&&this.activeStickyGroupId===s.id;return i("tbody",{class:"ds-table__body ds-table__group",role:"rowgroup","data-group-id":s.id,"data-group-intent":l,"data-collapsed":a?"true":undefined,key:s.id},i("tr",{role:"row","aria-hidden":r?"true":undefined,class:{"ds-table__group-row":true,"ds-table__group-row--native-sticky":this.stickyHeader&&!this.documentStickyHeader}},i("th",{class:{"ds-table__group-cell":true,"ds-table__group-cell--sticky-source-hidden":r,[n??""]:!!n},role:"rowheader",scope:"rowgroup",colSpan:e.totalColumns},this.renderGroupContent(t))),!a&&s.rows.map((t=>this.renderRow(t,e))))}))}renderSkeletonBody(e){const t=Math.min(20,Math.max(1,Math.round(this.skeletonRows)||1));return i("tbody",{class:"ds-table__body ds-table__skeleton-body"},Array.from({length:t},((t,s)=>i("tr",{class:"ds-table__row ds-table__skeleton-row",key:`skeleton-${s}`},e.selectable&&i("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"},i("span",{class:"ds-interaction-fill__content"},i("ds-skeleton",{variant:"icon",iconSize:"md"})),this.renderStickyEdge("start")),this.columns.map((e=>i("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}`},i("span",{class:"ds-table__cell-content ds-interaction-fill__content"},i("ds-skeleton",{variant:"text",textVariant:"text-body-medium",width:"100%"})),this.renderStickyEdge(e.sticky))))))))}renderStateBody(e,t){const s=e==="error";return i("tbody",{class:"ds-table__body ds-table__state-body"},i("tr",{class:"ds-table__state-row"},i("td",{class:"ds-table__state-cell",colSpan:t},i("div",{class:"ds-table__viewport-band ds-table__state-band"},i("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 i("tbody",{class:"ds-table__body ds-table__load-body"},i("tr",{class:"ds-table__load-row",ref:e=>{this.sentinelEl=e??null}},i("td",{class:"ds-table__load-cell",colSpan:e.totalColumns},i("div",{class:"ds-table__viewport-band ds-table__load-band"},t?i("span",{class:"ds-table__load-content ds-table__load-content--error"},i("span",{class:"ds-table__load-copy"},i("ds-icon",{name:"ErrorTriangle",size:"md",color:"secondary","aria-hidden":"true"}),i("ds-text",{as:"span",variant:"text-body-medium",color:"secondary"},t)),i("ds-button-unfilled",{label:this.retryLabel,size:"md",onDsClick:()=>this.loadController.request("retry")})):this.loadingMore?i("span",{class:"ds-table__load-content"},i("ds-loader",{size:"md",color:"secondary"}),i("ds-text",{as:"span",variant:"text-body-medium",color:"secondary"},this.loadingMoreLabel)):this.hasMore&&s?i("span",{class:"ds-table__load-content"},i("ds-button-unfilled",{label:this.loadMoreLabel,size:"md",onDsClick:()=>this.loadController.request("manual")})):this.hasMore?i("span",{class:"ds-table__auto-sentinel","aria-hidden":"true"}):i("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 i("div",{class:"ds-table__document-sticky-header"},i("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 K(this.displayedCount,this.totalCount,this.resultSummaryLabel)}get hasResultFooter(){return!!this.resultSummary||!!this.el.querySelector('[slot="footer-leading"], [slot="footer"], [slot="footer-trailing"]')}renderResultFooter(){const e=this.resultSummary;const t=!!this.el.querySelector('[slot="footer-leading"]');const s=!!this.el.querySelector('[slot="footer"]');const a=!!this.el.querySelector('[slot="footer-trailing"]');if(!this.hasResultFooter)return null;return i("div",{class:"ds-table__footer ds-table__bar ds-control--md"},t&&i("div",{class:"ds-table__bar-leading"},i("slot",{name:"footer-leading"})),i("div",{class:"ds-table__bar-copy"},s?i("slot",{name:"footer"}):e?i("ds-text",{class:"ds-table__footer-summary ds-table__bar-text",as:"div",variant:"text-body-medium",color:"secondary"},e):null),a&&i("div",{class:"ds-table__bar-trailing"},i("slot",{name:"footer-trailing"})))}renderCaptionBar(){if(this.captionVisibility!=="visible")return null;return i("div",{class:"ds-table__caption-bar ds-table__bar ds-control--md"},i("div",{class:"ds-table__caption-content"},i("slot",{name:"header",onSlotchange:this.syncHeaderSlotPresence}),!this.headerPresent?i("ds-text",{class:"ds-table__caption-title ds-table__bar-text",as:"div",variant:"text-title-small",emphasis:true,color:"primary","aria-hidden":"true"},this.caption):null))}render(){const e=this.createRenderModel();this.renderedModel=e;const t=this.scrollLabel?.trim()||`${this.caption} scroll area`;const s=this.loading&&!e.hasData;const l=!e.hasData&&this.error;const n=!this.boundedComposition&&this.resolvedMaxHeight?{"--ds-table-max-block-size":this.resolvedMaxHeight}:undefined;const r=this.fixedHeight?{"--_table-fixed-block-size":this.resolvedHeight}:undefined;return i(a,{key:"a0aab4873019930dd939e17a25d7790d411285e8",class:{"table-host":true,"table-host--bounded":this.boundedComposition,"table-host--fixed-height":this.fixedHeight,"table-host--viewport-fit":this.fitViewport},style:r},i("div",{key:"58a28346f82792760720eac7c0af0fe7a93bdb67",class:{"ds-table":true,"ds-table--bounded":this.boundedComposition,"ds-table--contained-scroll":this.containedScroll,"ds-table--fixed-height":this.fixedHeight,"ds-table--viewport-fit":this.fitViewport,"ds-table--viewport-fit-pending":this.fitViewport&&!this.viewportFitSettled,"ds-table--viewport-fit-settled":this.fitViewport&&this.viewportFitSettled,"ds-table--sticky-header":this.stickyHeader,"ds-table--document-sticky-header":this.documentStickyHeader,"ds-table--contained-sticky-header":this.stickyHeader&&!this.documentStickyHeader,"ds-table--caption-visible":this.captionVisibility==="visible","ds-table--footer-visible":this.hasResultFooter},ref:e=>{this.rootEl=e??null}},this.renderCaptionBar(),i("div",{key:"c169f9a37f4982d1eb92ba13c34044de2f11f3d2",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.renderStickyGroup(e),!this.documentStickyHeader&&this.renderFloatingCollapseAll(e),i("div",{key:"7e6c66626ef447febbccbcd8a9c43d1dece63a48",class:{"ds-table__viewport":true,"ds-focus-ring":this.scrollable},style:n,ref:e=>{this.viewportEl=e??null},role:this.scrollable?"region":undefined,"aria-label":this.scrollable?t:undefined,tabIndex:this.scrollable?0:undefined},i("table",{key:"1376f533cc1c0c5f1bf4e9e55335be5fe9a6ecab",class:{"ds-table__table":true,"ds-table__table--selectable":e.selectable,"ds-table__table--grouped":e.grouped,"ds-table__table--native-group-sticky":e.grouped&&this.stickyHeader&&!this.documentStickyHeader},style:e.tableStyle,"aria-busy":s||this.loadingMore?"true":undefined,ref:e=>{this.tableEl=e??null}},i("caption",{key:"b9ecdef76c3dbe616bec7a6276d89a8de8901e06",class:"ds-table__caption ds-visually-hidden"},i("ds-text",{key:"766cb76c3bff83bf9a009a90cde02a5a670dc722",as:"span",variant:"text-title-small",emphasis:true,color:"primary"},this.caption)),this.renderColgroup(e),this.renderHeader(e,!this.documentStickyHeader),s?this.renderSkeletonBody(e):l?this.renderStateBody("error",e.totalColumns):e.hasData?this.renderDataBodies(e):this.renderStateBody("empty",e.totalColumns),!s&&!l&&this.renderLazyBody(e)))),this.renderResultFooter(),i("div",{key:"f46bf531365633f67ff4640bf6ab883ba90f9ae8",class:"ds-visually-hidden",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement)))}get el(){return this}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 se()+(ie()+ae())}},[262,"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"],height:[8],fitViewport:[4,"fit-viewport"],viewportInsetBlockStart:[8,"viewport-inset-block-start"],viewportInsetBlockEnd:[8,"viewport-inset-block-end"],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],activeStickyGroupId:[32],viewportFitSettled:[32],headerPresent:[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 ne(){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(l(e))){customElements.define(l(e),le)}break;case"ds-badge":if(!customElements.get(l(e))){r()}break;case"ds-button-unfilled":if(!customElements.get(l(e))){o()}break;case"ds-checkbox":if(!customElements.get(l(e))){d()}break;case"ds-empty-state":if(!customElements.get(l(e))){c()}break;case"ds-icon":if(!customElements.get(l(e))){b()}break;case"ds-loader":if(!customElements.get(l(e))){h()}break;case"ds-skeleton":if(!customElements.get(l(e))){u()}break;case"ds-tag":if(!customElements.get(l(e))){_()}break;case"ds-text":if(!customElements.get(l(e))){f()}break}}))}ne();const re=le;const oe=ne;export{re as DsTable,oe as defineCustomElement};
2
2
  //# sourceMappingURL=ds-table.js.map