scb-wc 0.1.238 → 0.1.239

package/all.d.ts

@@ -85,6 +85,8 @@ import './scb-components/scb-stepper/scb-step.js';
 import './scb-components/scb-stepper/scb-stepper.js';
 import './scb-components/scb-switch/scb-switch.js';
 import './scb-components/scb-table-advanced/scb-table-advanced.js';
+import './scb-components/scb-table-next/read-table.js';
+import './scb-components/scb-table-next/scb-table-next.js';
 import './scb-components/scb-table/scb-table.js';
 import './scb-components/scb-tabs/scb-primary-tab.js';
 import './scb-components/scb-tabs/scb-secondary-tab.js';

package/all.js

@@ -85,6 +85,8 @@ import './scb-stepper/scb-step.js';
 import './scb-stepper/scb-stepper.js';
 import './scb-switch/scb-switch.js';
 import './scb-table-advanced/scb-table-advanced.js';
+import './scb-table-next/read-table.js';
+import './scb-table-next/scb-table-next.js';
 import './scb-table/scb-table.js';
 import './scb-tabs/scb-primary-tab.js';
 import './scb-tabs/scb-secondary-tab.js';

package/index.js

@@ -92,16 +92,18 @@ import { ScbStep as ze } from "./scb-stepper/scb-step.js";
 import { ScbStepper as Be } from "./scb-stepper/scb-stepper.js";
 import { ScbTable as Ve } from "./scb-table/scb-table.js";
 import { ScbTableAdvanced as He } from "./scb-table-advanced/scb-table-advanced.js";
-import { ScbPrimaryTab as Ue } from "./scb-tabs/scb-primary-tab.js";
-import { ScbSecondaryTab as We } from "./scb-tabs/scb-secondary-tab.js";
-import { ScbTabs as Ge } from "./scb-tabs/scb-tabs.js";
-import { ScbTocItem as Ke } from "./scb-toc/scb-toc-item.js";
-import { ScbToc as qe } from "./scb-toc/scb-toc.js";
-import { buildScbVizExportFileName as Je, createScbVizCsvBlob as Ye, createScbVizRasterBlobFromElement as Xe, createScbVizRasterDataUrlFromElement as Ze, downloadScbVizBlob as Qe, getScbVizCurrentFullscreenElement as $e, getScbVizExportBaseFileName as et, getScbVizFullscreenDocument as tt, isScbVizFullscreenSupported as nt, openScbVizPrintFrame as rt, runWithScbVizForcedPrintLightMode as it, toggleScbVizFullscreen as at } from "./scb-viz/scb-viz-actions-runtime.js";
-import { buildScbVizPrintDocumentHtml as ot, buildScbVizPrintableFooterHtml as st, buildScbVizPrintableTableHtml as ct } from "./scb-viz/scb-viz-print-runtime.js";
-import { appendScbVizSeriesDifferentiationPatternMarks as lt, getScbVizSeriesDifferentiationPatternDefinition as ut, getScbVizSeriesDifferentiationPatternKinds as dt, getScbVizSeriesDifferentiationRegistry as ft, getScbVizSeriesDifferentiationVariant as pt, scbVizSeriesDifferentiationRegistry as mt } from "./scb-viz/scb-viz-series-differentiation-registry.js";
-import { clearScbVizSeriesDifferentiationColorClass as ht, clearScbVizSeriesDifferentiationMetadata as gt, ensureScbVizGroupedSeriesDifferentiationStore as _t, ensureScbVizStyledModeSeriesPattern as vt, getScbVizGroupedSeriesDifferentiationKey as yt, getScbVizGroupedSeriesDifferentiationVariant as bt, getScbVizGroupedSeriesDifferentiationVariantIndex as xt, getScbVizHighchartsColorClassName as St, getScbVizHighchartsSvgElement as Ct, getScbVizHighchartsSvgRoot as wt, getScbVizLegendSeriesDifferentiationTargets as Tt, getScbVizSeriesDifferentiationColorIndex as Et, getScbVizSeriesDifferentiationVariantByIndex as Dt, isScbVizGroupedSeriesDifferentiationChart as Ot, isScbVizHighchartsStyledMode as kt, setScbVizSeriesDifferentiationColorClass as At, setScbVizSeriesDifferentiationMetadata as jt, shouldShowScbVizSeriesDifferentiationAction as Mt, usesScbVizGroupedPointDifferentiation as Nt } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
-import { buildScbVizResolvedTableView as Pt, createScbVizCsvRows as Ft, inferScbVizTableAlignments as It, normalizeScbVizRenderableCell as Lt, readScbVizTableDataFromSlot as Rt } from "./scb-viz/scb-viz-table-runtime.js";
-import { ScbViz as zt } from "./scb-viz/scb-viz.js";
-import { ensureRippleReady as Bt, syncRippleToControl as Vt } from "./shared/lazy-ripple.js";
-export { D as SCBBreadcrumb, E as SCBBreadcrumbItem, l as ScbAccordion, s as ScbAccordionItem, u as ScbActionCard, C as ScbAppBar, a as ScbAvatar, w as ScbBadge, c as ScbButton, H as ScbCalendar, U as ScbCalendarCard, O as ScbCalendarEvent, d as ScbCard, P as ScbCheckbox, N as ScbCheckboxGroup, o as ScbChevron, R as ScbChip, W as ScbCollapse, f as ScbContainerCard, G as ScbCookiesConsent, A as ScbDatepicker, z as ScbDialog, k as ScbDivider, K as ScbDrawer, q as ScbDropZone, Z as ScbDropdown, $ as ScbFactCard, Q as ScbFactCardContent, ie as ScbFooter, ee as ScbFooterSection, se as ScbFormErrorSummary, fe as ScbGalleryGrid, re as ScbGrid, te as ScbGridItem, _e as ScbHeader, pe as ScbHeaderMenuGroup, me as ScbHeaderMenuItem, he as ScbHeaderTab, ge as ScbHeaderUtility, ue as ScbHorizontalScroller, ae as ScbIcon, g as ScbIconButton, ve as ScbKeyFigureCard, T as ScbLink, ye as ScbLinkButton, p as ScbLinkCard, V as ScbList, m as ScbListCard, B as ScbListItem, Ce as ScbMenu, be as ScbMenuItem, Te as ScbNav, we as ScbNavItem, oe as ScbNotificationCard, X as ScbOptionsMenu, J as ScbOptionsMenuItem, Y as ScbOptionsSubMenu, de as ScbOverlay, Ee as ScbPagination, Ue as ScbPrimaryTab, De as ScbProgressIndicator, Oe as ScbProgressStep, ke as ScbProgressStepper, I as ScbRadioButton, F as ScbRadioGroup, Ae as ScbScrollspy, S as ScbSearch, We as ScbSecondaryTab, Me as ScbSegmentedButton, je as ScbSegmentedItem, Pe as ScbSelect, Ne as ScbSelectOption, Fe as ScbSkeleton, Ie as ScbSlider, Le as ScbSnackbar, h as ScbSocialCard, ne as ScbStack, Re as ScbStatusPill, ze as ScbStep, Be as ScbStepper, Se as ScbSubmenu, L as ScbSwitch, Ve as ScbTable, He as ScbTableAdvanced, Ge as ScbTabs, M as ScbTextField, qe as ScbToc, Ke as ScbTocItem, j as ScbTooltip, zt as ScbViz, xe as ScbmenuSection, e as addLazyFocusRingListeners, lt as appendScbVizSeriesDifferentiationPatternMarks, Je as buildScbVizExportFileName, ot as buildScbVizPrintDocumentHtml, st as buildScbVizPrintableFooterHtml, ct as buildScbVizPrintableTableHtml, Pt as buildScbVizResolvedTableView, ht as clearScbVizSeriesDifferentiationColorClass, gt as clearScbVizSeriesDifferentiationMetadata, _ as closeManualPopover, v as closeManualPopoverAfterAnimations, y as closeNestedPopupSurfaces, i as componentSizeToken, Ye as createScbVizCsvBlob, Ft as createScbVizCsvRows, Xe as createScbVizRasterBlobFromElement, Ze as createScbVizRasterDataUrlFromElement, Qe as downloadScbVizBlob, t as ensureFocusRingOnFocusVisible, n as ensureFocusRingOnTab, r as ensureFocusRingReady, Bt as ensureRippleReady, _t as ensureScbVizGroupedSeriesDifferentiationStore, vt as ensureScbVizStyledModeSeriesPattern, $e as getScbVizCurrentFullscreenElement, et as getScbVizExportBaseFileName, tt as getScbVizFullscreenDocument, yt as getScbVizGroupedSeriesDifferentiationKey, bt as getScbVizGroupedSeriesDifferentiationVariant, xt as getScbVizGroupedSeriesDifferentiationVariantIndex, St as getScbVizHighchartsColorClassName, Ct as getScbVizHighchartsSvgElement, wt as getScbVizHighchartsSvgRoot, Tt as getScbVizLegendSeriesDifferentiationTargets, Et as getScbVizSeriesDifferentiationColorIndex, ut as getScbVizSeriesDifferentiationPatternDefinition, dt as getScbVizSeriesDifferentiationPatternKinds, ft as getScbVizSeriesDifferentiationRegistry, pt as getScbVizSeriesDifferentiationVariant, Dt as getScbVizSeriesDifferentiationVariantByIndex, ce as hasScbSvgIcon, It as inferScbVizTableAlignments, b as isManualPopoverOpen, nt as isScbVizFullscreenSupported, Ot as isScbVizGroupedSeriesDifferentiationChart, kt as isScbVizHighchartsStyledMode, Lt as normalizeScbVizRenderableCell, x as openManualPopover, rt as openScbVizPrintFrame, Rt as readScbVizTableDataFromSlot, le as renderScbIcon, it as runWithScbVizForcedPrintLightMode, mt as scbVizSeriesDifferentiationRegistry, At as setScbVizSeriesDifferentiationColorClass, jt as setScbVizSeriesDifferentiationMetadata, Mt as shouldShowScbVizSeriesDifferentiationAction, Vt as syncRippleToControl, at as toggleScbVizFullscreen, Nt as usesScbVizGroupedPointDifferentiation };
+import { readTable as Ue } from "./scb-table-next/read-table.js";
+import { ScbTableNext as We } from "./scb-table-next/scb-table-next.js";
+import { ScbPrimaryTab as Ge } from "./scb-tabs/scb-primary-tab.js";
+import { ScbSecondaryTab as Ke } from "./scb-tabs/scb-secondary-tab.js";
+import { ScbTabs as qe } from "./scb-tabs/scb-tabs.js";
+import { ScbTocItem as Je } from "./scb-toc/scb-toc-item.js";
+import { ScbToc as Ye } from "./scb-toc/scb-toc.js";
+import { buildScbVizExportFileName as Xe, createScbVizCsvBlob as Ze, createScbVizRasterBlobFromElement as Qe, createScbVizRasterDataUrlFromElement as $e, downloadScbVizBlob as et, getScbVizCurrentFullscreenElement as tt, getScbVizExportBaseFileName as nt, getScbVizFullscreenDocument as rt, isScbVizFullscreenSupported as it, openScbVizPrintFrame as at, runWithScbVizForcedPrintLightMode as ot, toggleScbVizFullscreen as st } from "./scb-viz/scb-viz-actions-runtime.js";
+import { buildScbVizPrintDocumentHtml as ct, buildScbVizPrintableFooterHtml as lt, buildScbVizPrintableTableHtml as ut } from "./scb-viz/scb-viz-print-runtime.js";
+import { appendScbVizSeriesDifferentiationPatternMarks as dt, getScbVizSeriesDifferentiationPatternDefinition as ft, getScbVizSeriesDifferentiationPatternKinds as pt, getScbVizSeriesDifferentiationRegistry as mt, getScbVizSeriesDifferentiationVariant as ht, scbVizSeriesDifferentiationRegistry as gt } from "./scb-viz/scb-viz-series-differentiation-registry.js";
+import { clearScbVizSeriesDifferentiationColorClass as _t, clearScbVizSeriesDifferentiationMetadata as vt, ensureScbVizGroupedSeriesDifferentiationStore as yt, ensureScbVizStyledModeSeriesPattern as bt, getScbVizGroupedSeriesDifferentiationKey as xt, getScbVizGroupedSeriesDifferentiationVariant as St, getScbVizGroupedSeriesDifferentiationVariantIndex as Ct, getScbVizHighchartsColorClassName as wt, getScbVizHighchartsSvgElement as Tt, getScbVizHighchartsSvgRoot as Et, getScbVizLegendSeriesDifferentiationTargets as Dt, getScbVizSeriesDifferentiationColorIndex as Ot, getScbVizSeriesDifferentiationVariantByIndex as kt, isScbVizGroupedSeriesDifferentiationChart as At, isScbVizHighchartsStyledMode as jt, setScbVizSeriesDifferentiationColorClass as Mt, setScbVizSeriesDifferentiationMetadata as Nt, shouldShowScbVizSeriesDifferentiationAction as Pt, usesScbVizGroupedPointDifferentiation as Ft } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
+import { buildScbVizResolvedTableView as It, createScbVizCsvRows as Lt, inferScbVizTableAlignments as Rt, normalizeScbVizRenderableCell as zt, readScbVizTableDataFromSlot as Bt } from "./scb-viz/scb-viz-table-runtime.js";
+import { ScbViz as Vt } from "./scb-viz/scb-viz.js";
+import { ensureRippleReady as Ht, syncRippleToControl as Ut } from "./shared/lazy-ripple.js";
+export { D as SCBBreadcrumb, E as SCBBreadcrumbItem, l as ScbAccordion, s as ScbAccordionItem, u as ScbActionCard, C as ScbAppBar, a as ScbAvatar, w as ScbBadge, c as ScbButton, H as ScbCalendar, U as ScbCalendarCard, O as ScbCalendarEvent, d as ScbCard, P as ScbCheckbox, N as ScbCheckboxGroup, o as ScbChevron, R as ScbChip, W as ScbCollapse, f as ScbContainerCard, G as ScbCookiesConsent, A as ScbDatepicker, z as ScbDialog, k as ScbDivider, K as ScbDrawer, q as ScbDropZone, Z as ScbDropdown, $ as ScbFactCard, Q as ScbFactCardContent, ie as ScbFooter, ee as ScbFooterSection, se as ScbFormErrorSummary, fe as ScbGalleryGrid, re as ScbGrid, te as ScbGridItem, _e as ScbHeader, pe as ScbHeaderMenuGroup, me as ScbHeaderMenuItem, he as ScbHeaderTab, ge as ScbHeaderUtility, ue as ScbHorizontalScroller, ae as ScbIcon, g as ScbIconButton, ve as ScbKeyFigureCard, T as ScbLink, ye as ScbLinkButton, p as ScbLinkCard, V as ScbList, m as ScbListCard, B as ScbListItem, Ce as ScbMenu, be as ScbMenuItem, Te as ScbNav, we as ScbNavItem, oe as ScbNotificationCard, X as ScbOptionsMenu, J as ScbOptionsMenuItem, Y as ScbOptionsSubMenu, de as ScbOverlay, Ee as ScbPagination, Ge as ScbPrimaryTab, De as ScbProgressIndicator, Oe as ScbProgressStep, ke as ScbProgressStepper, I as ScbRadioButton, F as ScbRadioGroup, Ae as ScbScrollspy, S as ScbSearch, Ke as ScbSecondaryTab, Me as ScbSegmentedButton, je as ScbSegmentedItem, Pe as ScbSelect, Ne as ScbSelectOption, Fe as ScbSkeleton, Ie as ScbSlider, Le as ScbSnackbar, h as ScbSocialCard, ne as ScbStack, Re as ScbStatusPill, ze as ScbStep, Be as ScbStepper, Se as ScbSubmenu, L as ScbSwitch, Ve as ScbTable, He as ScbTableAdvanced, We as ScbTableNext, qe as ScbTabs, M as ScbTextField, Ye as ScbToc, Je as ScbTocItem, j as ScbTooltip, Vt as ScbViz, xe as ScbmenuSection, e as addLazyFocusRingListeners, dt as appendScbVizSeriesDifferentiationPatternMarks, Xe as buildScbVizExportFileName, ct as buildScbVizPrintDocumentHtml, lt as buildScbVizPrintableFooterHtml, ut as buildScbVizPrintableTableHtml, It as buildScbVizResolvedTableView, _t as clearScbVizSeriesDifferentiationColorClass, vt as clearScbVizSeriesDifferentiationMetadata, _ as closeManualPopover, v as closeManualPopoverAfterAnimations, y as closeNestedPopupSurfaces, i as componentSizeToken, Ze as createScbVizCsvBlob, Lt as createScbVizCsvRows, Qe as createScbVizRasterBlobFromElement, $e as createScbVizRasterDataUrlFromElement, et as downloadScbVizBlob, t as ensureFocusRingOnFocusVisible, n as ensureFocusRingOnTab, r as ensureFocusRingReady, Ht as ensureRippleReady, yt as ensureScbVizGroupedSeriesDifferentiationStore, bt as ensureScbVizStyledModeSeriesPattern, tt as getScbVizCurrentFullscreenElement, nt as getScbVizExportBaseFileName, rt as getScbVizFullscreenDocument, xt as getScbVizGroupedSeriesDifferentiationKey, St as getScbVizGroupedSeriesDifferentiationVariant, Ct as getScbVizGroupedSeriesDifferentiationVariantIndex, wt as getScbVizHighchartsColorClassName, Tt as getScbVizHighchartsSvgElement, Et as getScbVizHighchartsSvgRoot, Dt as getScbVizLegendSeriesDifferentiationTargets, Ot as getScbVizSeriesDifferentiationColorIndex, ft as getScbVizSeriesDifferentiationPatternDefinition, pt as getScbVizSeriesDifferentiationPatternKinds, mt as getScbVizSeriesDifferentiationRegistry, ht as getScbVizSeriesDifferentiationVariant, kt as getScbVizSeriesDifferentiationVariantByIndex, ce as hasScbSvgIcon, Rt as inferScbVizTableAlignments, b as isManualPopoverOpen, it as isScbVizFullscreenSupported, At as isScbVizGroupedSeriesDifferentiationChart, jt as isScbVizHighchartsStyledMode, zt as normalizeScbVizRenderableCell, x as openManualPopover, at as openScbVizPrintFrame, Bt as readScbVizTableDataFromSlot, Ue as readTable, le as renderScbIcon, ot as runWithScbVizForcedPrintLightMode, gt as scbVizSeriesDifferentiationRegistry, Mt as setScbVizSeriesDifferentiationColorClass, Nt as setScbVizSeriesDifferentiationMetadata, Pt as shouldShowScbVizSeriesDifferentiationAction, Ut as syncRippleToControl, st as toggleScbVizFullscreen, Ft as usesScbVizGroupedPointDifferentiation };

package/mvc/components/all.js

@@ -85,6 +85,8 @@ import './scb-stepper/scb-step.js';
 import './scb-stepper/scb-stepper.js';
 import './scb-switch/scb-switch.js';
 import './scb-table-advanced/scb-table-advanced.js';
+import './scb-table-next/read-table.js';
+import './scb-table-next/scb-table-next.js';
 import './scb-table/scb-table.js';
 import './scb-tabs/scb-primary-tab.js';
 import './scb-tabs/scb-secondary-tab.js';

package/mvc/components/scb-table-next/read-table.js

@@ -0,0 +1 @@
+(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var l=customElements.define.bind(customElements);customElements.define=function(n,c,s){try{customElements.get(n)||l(n,c,s)}catch(d){var a=String(d||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();function p(r){if(!r.querySelector("a, sup"))return r.textContent?.trim()??"";const l=n=>{if(n.nodeType===Node.TEXT_NODE)return[n.textContent??""];if(!(n instanceof Element))return[];const c=Array.from(n.childNodes).flatMap(l);return n.localName==="sup"?[{tag:"sup",children:c}]:n.localName==="a"?[{tag:"a",children:c,href:n.getAttribute("href"),title:n.getAttribute("title")||void 0,ariaLabel:n.getAttribute("aria-label")||void 0}]:c};return Array.from(r.childNodes).flatMap(l)}var _=r=>r.scope==="row"||r.classList.contains("forspalt")||r.tagName==="TH"&&!r.scope;function C(r,l=1/0){let n=r.tHead?Array.from(r.tHead.rows):[];if(!r.tHead)for(const t of Array.from(r.rows)){if(!t.cells.length||!Array.from(t.cells).every(e=>e.tagName==="TH"))break;n.push(t)}if(!n.length)return;const c=new Set(n),s=Array.from(r.rows).filter(t=>!c.has(t));if(!s.length||s.length>l)return;const a=s.reduce((t,e)=>{const o=Array.from(e.cells).findIndex(i=>!_(i));return Math.max(t,o<0?e.cells.length:o)},1),d=s[0].cells.length-a;if((s.length+n.length+1)*d>l)return;const v=new Set(Array.from(r.querySelectorAll("[id]"),t=>t.id));if(r.querySelector("table, button, input, select, textarea, [tabindex], [contenteditable], [role]")||Array.from(r.querySelectorAll("*")).some(t=>t.localName.includes("-"))||Array.from(r.querySelectorAll("a")).some(t=>{const e=t.getAttribute("href")||"";let o;try{o=decodeURIComponent(e.slice(1))}catch{return!0}return!t.closest("th, td")||v.has(o)||!e.startsWith("#")||t.getAttribute("href")==="#"||t.hasAttribute("target")||t.hasAttribute("download")||t.getAttributeNames().some(i=>i.startsWith("on"))||t.hasAttribute("aria-labelledby")||t.hasAttribute("aria-describedby")})||r.getAttribute("role")&&r.getAttribute("role")!=="table")return;const u=n.map(()=>[]),N=n.map((t,e)=>{let o=0;return Array.from(t.cells).map(i=>{for(;u[e][o];)o++;const S=i.cloneNode(!0);S.querySelectorAll("[hidden], .visually-hidden, .sr-only").forEach(m=>m.remove());const y=i.textContent?.trim()??"",w=!!y&&!S.textContent?.trim(),h={text:y,content:p(i),visuallyHidden:w,ariaLabel:i.getAttribute("aria-label")||(w?y:void 0),column:o,colSpan:i.colSpan,rowSpan:i.rowSpan||n.length-e},A=o+h.colSpan,x=e+h.rowSpan;if(A>256||x>u.length)throw new RangeError("header-grid");for(let m=e;m<x;m++)for(let g=o;g<A;g++){if(u[m][g])throw new RangeError("header-grid");u[m][g]=h}return o=A,h})}),f=u[0].length;if(f<2||u.some(t=>t.length!==f||Array.from({length:f},(e,o)=>!t[o]).some(Boolean))||a>=f||s.some(t=>t.cells.length!==f||Array.from(t.cells).some(e=>e.colSpan!==1||e.rowSpan!==1)||!Array.from(t.cells).slice(0,a).some(e=>e.textContent?.trim())||Array.from(t.cells).slice(a).some(e=>e.tagName==="TH"||_(e))))return;if(s.some(t=>Array.from(t.cells).slice(a).every(e=>!e.textContent?.trim()))){const t=s.map(e=>JSON.stringify(Array.from(e.cells).slice(0,a).map(o=>o.textContent?.trim())));if(new Set(t).size!==t.length)return}const b=Array.from({length:f-a},(t,e)=>[...new Set(u.map(o=>o[e+a]))].filter(o=>o.text));if(!b.some(t=>!t.length))return{label:r.getAttribute("aria-label")||r.caption?.textContent?.trim()||"",headings:N,columns:b,stubCount:a,rows:s.map(t=>({stubs:Array.from(t.cells).slice(0,a).map(p),values:Array.from(t.cells).slice(a).map(p)}))}}export{C as readTable};

package/mvc/components/scb-table-next/scb-table-next.js

@@ -0,0 +1,6 @@
+import{a as b,f as $,g as _,h as R,m as E,v as s,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as y}from"../../vendor/decorate.js";import{readTable as S}from"./read-table.js";(function(){try{var v=typeof globalThis<"u"?globalThis:window;if(!v.__scb_ce_guard_installed__){v.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,a,n){try{customElements.get(e)||t(e,a,n)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var x,C=200,w=new WeakSet,L=k`scb-table-next>table{box-sizing:border-box;inline-size:100%;border-collapse:separate;border-spacing:0;border:0;outline:1px solid var(--scb-tables-strong-outline-color);outline-offset:-1px;border-radius:var(--md-sys-shape-corner-small);overflow:hidden;background:var(--scb-tables-surface-color);color:inherit;font:inherit}scb-table-next>table>:is(thead,tbody,tfoot)>tr>:is(th,td){box-sizing:border-box;padding:var(--spacing-3) var(--spacing-4);min-inline-size:2.5rem;border-block-end:1px solid var(--scb-tables-strong-outline-color);border-inline-end:1px solid var(--scb-tables-strong-outline-color);font-variant-numeric:tabular-nums;font-weight:inherit}scb-table-next>table>:is(thead,tbody,tfoot)>tr>th,scb-table-next>table>tbody>tr>.forspalt{background:var(--scb-tables-alternate-surface-color)}scb-table-next>table>thead>tr>*{background:var(--scb-tables-alternate-surface-color)}scb-table-next>table>thead>tr>th{font-weight:var(--weight-bold);text-align:center}scb-table-next>table>thead>tr:last-child>th{text-align:end}scb-table-next>table>:is(tbody,tfoot)>tr>:is(th,td){text-align:end}scb-table-next>table>:is(tbody,tfoot)>tr>.forspalt,scb-table-next>table>:is(tbody,tfoot)>tr>:first-child,scb-table-next>table>:is(tbody,tfoot)>tr>th:is([scope=row],[scope=rowgroup]){text-align:start}scb-table-next>table>tbody>tr>.forspalt{min-inline-size:0}scb-table-next>table>tbody>tr>:first-child:not(:has(~th,~.forspalt)){min-inline-size:0}scb-table-next>table>tbody>tr:hover>*{background:var(--scb-tables-alternate-surface-color)}scb-table-next>table a{color:inherit;text-decoration:underline}scb-table-next>table a:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}`,m=(x=class extends R{constructor(...t){super(...t),this._mobile=!1,this._widthReady=!1}connectedCallback(){super.connectedCallback();const t=this.getRootNode();if(!w.has(t)){const e=this.ownerDocument.createElement("style");e.textContent=L.cssText,(t instanceof Document?t.head:t).appendChild(e),w.add(t)}this._observer=new MutationObserver(()=>this._queueRead()),this._observer.observe(this,{childList:!0,characterData:!0,subtree:!0,attributes:!0,attributeFilter:["colspan","rowspan","aria-label","role","tabindex","contenteditable","scope","class","hidden","href","title","id","target","download","aria-labelledby","aria-describedby"]}),this._resize=new ResizeObserver(([e])=>{const a=e.contentRect.width;if(a<=0){this._widthReady=!1;return}const n=a<=575,c=n!==this._mobile;this._mobile=n,(!this._widthReady||c)&&(this._widthReady=!0,this._read())}),this._resize.observe(this)}disconnectedCallback(){this._observer?.disconnect(),this._resize?.disconnect(),this._frame!==void 0&&cancelAnimationFrame(this._frame),this._frame=void 0,this._widthReady=!1,super.disconnectedCallback()}_queueRead(){!this._mobile||!this._widthReady||this._frame!==void 0||(this._frame=requestAnimationFrame(()=>{this._frame=void 0,this._read()}))}_read(){if(!this._widthReady)return;if(!this._mobile){this._model=void 0;return}const t=this.querySelectorAll("table");try{this._model=t.length===1?S(t[0],C):void 0}catch(e){if(!(e instanceof RangeError))throw e;this._model=void 0}}_content(t){return typeof t=="string"?t:t.map(e=>typeof e=="string"?e:e.tag==="sup"?s`<sup>${this._content(e.children)}</sup>`:s`<a href=${e.href} title=${b(e.title)} aria-label=${b(e.ariaLabel)}>${this._content(e.children)}</a>`)}_mobileRows(t){const e=[],a=t.headings.flat().filter(r=>(r.text||r.ariaLabel)&&r.column+r.colSpan<=t.stubCount),n=a.map(r=>r.ariaLabel||r.text).join(" "),c=a.filter(r=>!r.visuallyHidden&&r.text);let d=[];const f=[];return t.columns.forEach((r,p)=>{let i=0;for(;i<r.length&&r[i]===d[i];)i++;f.length=i,r.forEach((l,o)=>{if(o<i)return;const h=`group-${p}-${o}`;f.push(h);const u=o===0?"outer":`group${i===0?" first":""}`;e.push(s`<tr class=${u}><th id=${h} aria-label=${b(l.ariaLabel)} scope="col" colspan="2">${this._content(l.content)}</th></tr>`)});const g=a.length?`stub-heading-${p}`:void 0;g&&(f.push(g),e.push(s`<tr class="stub-headings"><th id=${g} scope="col" colspan="2" aria-label=${b(n)}>${c.map((l,o)=>s`${o?" ":_}<span>${this._content(l.content)}</span>`)}</th></tr>`)),t.rows.forEach((l,o)=>{const h=`mobile-row-${p}-${o}`;e.push(s`<tr class=${o===t.rows.length-1?"last":""}>
+          <th class="stub" scope="row" id=${h} headers=${b(g)}>${l.stubs.filter(u=>u!=="").map((u,z)=>s`${z?" ":_}${this._content(u)}`)}</th>
+          <td headers=${[...f,h].join(" ")}>${this._content(l.values[p])}</td></tr>`)}),d=r}),e}render(){const t=this._model;return s`<div class="scroll" tabindex="0" ?hidden=${!!t}><slot @slotchange=${this._queueRead}></slot></div>
+      ${t?s`<table class="mobile" aria-label=${b(t.label||void 0)}>
+        <tbody>${this._mobileRows(t)}</tbody>
+      </table>`:_}`}},x.styles=k`:host{display:block;min-inline-size:0;color:var(--scb-tables-content-color, var(--md-sys-color-on-surface));font-family:var(--scb-tables-cell-font, var(--brand-font, Inter, Arial, sans-serif));font-size:var(--scb-tables-cell-size);line-height:var(--scb-tables-cell-line-height);font-weight:var(--weight-regular)}*{box-sizing:border-box}:host([hidden]),[hidden]{display:none!important}.scroll{max-inline-size:100%;overflow-x:auto;padding-bottom:var(--spacing-8, 24px)}.scroll::-webkit-scrollbar{border-radius:var(--md-sys-shape-corner-large);height:8px;width:10px}.scroll::-webkit-scrollbar-thumb{background:var(--scb-tables-scrollbar-thumb-color, var(--md-sys-color-on-surface));border-radius:var(--md-sys-shape-corner-large);cursor:pointer}.scroll::-webkit-scrollbar-track{background:var(--scb-tables-scrollbar-track-color, var(--md-sys-color-secondary-container));border-radius:var(--md-sys-shape-corner-large)}a{color:inherit;text-decoration:underline}.scroll:focus-visible,a:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}table{inline-size:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--scb-tables-strong-outline-color);border-radius:var(--md-sys-shape-corner-small);overflow:hidden;background:var(--scb-tables-surface-color);color:inherit;font:inherit}td,th{min-inline-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:inherit}.stub{text-align:start}td{text-align:end}tbody tr:hover>*{background:var(--scb-tables-alternate-surface-color)}.mobile td,.mobile th{padding-block:var(--spacing-2);padding-inline:var(--spacing-5);border:0;background:0 0;vertical-align:top}.mobile .stub{min-inline-size:0;padding-inline-end:calc(var(--spacing-1)/2)}.mobile td{inline-size:1%;white-space:nowrap}.mobile .stub-headings>th{text-align:start;font-weight:var(--weight-bold)}.mobile .stub-headings>th:empty{padding:0}.mobile .outer>th{padding-block:var(--spacing-5);background:var(--scb-tables-alternate-surface-color);font-weight:var(--weight-bold);text-align:start;border-block-start:1px solid var(--scb-tables-strong-outline-color)}.mobile tbody:first-child>.outer:first-child>th{border-block-start:0}.mobile .group>th{padding-block-start:0;font-weight:var(--weight-bold);text-align:start}.mobile .group.first>th{padding-block-start:calc(var(--spacing-8) + var(--spacing-2))}.mobile .last>*{padding-block-end:calc(var(--spacing-8) + var(--spacing-2))}`,x);y([$()],m.prototype,"_model",void 0);y([$()],m.prototype,"_mobile",void 0);m=y([E("scb-table-next")],m);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc",
-    "version":  "0.1.238",
+    "version":  "0.1.239",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -506,6 +506,16 @@
                                                  "import":  "./scb-table-advanced/scb-table-advanced.js",
                                                  "require":  "./scb-table-advanced/scb-table-advanced.js"
                                              },
+                    "./scb-table-next":  {
+                                             "types":  "./scb-components/scb-table-next/scb-table-next.d.ts",
+                                             "import":  "./scb-table-next/scb-table-next.js",
+                                             "require":  "./scb-table-next/scb-table-next.js"
+                                         },
+                    "./scb-table-next/read-table":  {
+                                                        "types":  "./scb-components/scb-table-next/read-table.d.ts",
+                                                        "import":  "./scb-table-next/read-table.js",
+                                                        "require":  "./scb-table-next/read-table.js"
+                                                    },
                     "./scb-tabs":  {
                                        "types":  "./scb-components/scb-tabs/scb-tabs.d.ts",
                                        "import":  "./scb-tabs/scb-tabs.js",
@@ -549,5 +559,5 @@
                     "./scb-viz/*":  null,
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "D1BB030A5E50F79B37580FC4A01FFFFF337C3D1F5370E928D21490623AA655DC"
+    "buildHash":  "0048BD20E9914A00E8BA9D8CE97A93E3ABEE22BB8999861DC5A76DC604DCB5C0"
 }

package/scb-components/index.d.ts

@@ -86,6 +86,8 @@ export * from './scb-stepper/scb-stepper';
 export * from './scb-switch/scb-switch';
 export * from './scb-table/scb-table';
 export * from './scb-table-advanced/scb-table-advanced';
+export * from './scb-table-next/read-table';
+export * from './scb-table-next/scb-table-next';
 export * from './scb-tabs/scb-primary-tab';
 export * from './scb-tabs/scb-secondary-tab';
 export * from './scb-tabs/scb-tabs';

package/scb-components/scb-table-next/read-table.d.ts

@@ -0,0 +1,29 @@
+export type Content = string | Inline[];
+type Inline = string | {
+    tag: 'a' | 'sup';
+    children: Inline[];
+    href?: string;
+    title?: string;
+    ariaLabel?: string;
+};
+export interface Heading {
+    text: string;
+    content: Content;
+    ariaLabel?: string;
+    visuallyHidden: boolean;
+    column: number;
+    colSpan: number;
+    rowSpan: number;
+}
+export interface TableModel {
+    label: string;
+    headings: Heading[][];
+    columns: Heading[][];
+    stubCount: number;
+    rows: {
+        stubs: Content[];
+        values: Content[];
+    }[];
+}
+export declare function readTable(table: HTMLTableElement, rowLimit?: number): TableModel | undefined;
+export {};

package/scb-components/scb-table-next/scb-table-next.d.ts

@@ -0,0 +1,22 @@
+import { LitElement, type TemplateResult } from 'lit';
+export declare class ScbTableNext extends LitElement {
+    private _model?;
+    private _mobile;
+    private _resize?;
+    private _observer?;
+    private _frame?;
+    private _widthReady;
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _queueRead;
+    private _read;
+    private _content;
+    private _mobileRows;
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-table-next': ScbTableNext;
+    }
+}

package/scb-table-next/read-table.js

@@ -0,0 +1,87 @@
+//#region src/scb-components/scb-table-next/read-table.ts
+function e(e) {
+	if (!e.querySelector("a, sup")) return e.textContent?.trim() ?? "";
+	let t = (e) => {
+		if (e.nodeType === Node.TEXT_NODE) return [e.textContent ?? ""];
+		if (!(e instanceof Element)) return [];
+		let n = Array.from(e.childNodes).flatMap(t);
+		return e.localName === "sup" ? [{
+			tag: "sup",
+			children: n
+		}] : e.localName === "a" ? [{
+			tag: "a",
+			children: n,
+			href: e.getAttribute("href"),
+			title: e.getAttribute("title") || void 0,
+			ariaLabel: e.getAttribute("aria-label") || void 0
+		}] : n;
+	};
+	return Array.from(e.childNodes).flatMap(t);
+}
+var t = (e) => e.scope === "row" || e.classList.contains("forspalt") || e.tagName === "TH" && !e.scope;
+function n(n, r = Infinity) {
+	let i = n.tHead ? Array.from(n.tHead.rows) : [];
+	if (!n.tHead) for (let e of Array.from(n.rows)) {
+		if (!e.cells.length || !Array.from(e.cells).every((e) => e.tagName === "TH")) break;
+		i.push(e);
+	}
+	if (!i.length) return;
+	let a = new Set(i), o = Array.from(n.rows).filter((e) => !a.has(e));
+	if (!o.length || o.length > r) return;
+	let s = o.reduce((e, n) => {
+		let r = Array.from(n.cells).findIndex((e) => !t(e));
+		return Math.max(e, r < 0 ? n.cells.length : r);
+	}, 1), c = o[0].cells.length - s;
+	if ((o.length + i.length + 1) * c > r) return;
+	let l = new Set(Array.from(n.querySelectorAll("[id]"), (e) => e.id));
+	if (n.querySelector("table, button, input, select, textarea, [tabindex], [contenteditable], [role]") || Array.from(n.querySelectorAll("*")).some((e) => e.localName.includes("-")) || Array.from(n.querySelectorAll("a")).some((e) => {
+		let t = e.getAttribute("href") || "", n;
+		try {
+			n = decodeURIComponent(t.slice(1));
+		} catch {
+			return !0;
+		}
+		return !e.closest("th, td") || l.has(n) || !t.startsWith("#") || e.getAttribute("href") === "#" || e.hasAttribute("target") || e.hasAttribute("download") || e.getAttributeNames().some((e) => e.startsWith("on")) || e.hasAttribute("aria-labelledby") || e.hasAttribute("aria-describedby");
+	}) || n.getAttribute("role") && n.getAttribute("role") !== "table") return;
+	let u = i.map(() => []), d = i.map((t, n) => {
+		let r = 0;
+		return Array.from(t.cells).map((t) => {
+			for (; u[n][r];) r++;
+			let a = t.cloneNode(!0);
+			a.querySelectorAll("[hidden], .visually-hidden, .sr-only").forEach((e) => e.remove());
+			let o = t.textContent?.trim() ?? "", s = !!o && !a.textContent?.trim(), c = {
+				text: o,
+				content: e(t),
+				visuallyHidden: s,
+				ariaLabel: t.getAttribute("aria-label") || (s ? o : void 0),
+				column: r,
+				colSpan: t.colSpan,
+				rowSpan: t.rowSpan || i.length - n
+			}, l = r + c.colSpan, d = n + c.rowSpan;
+			if (l > 256 || d > u.length) throw RangeError("header-grid");
+			for (let e = n; e < d; e++) for (let t = r; t < l; t++) {
+				if (u[e][t]) throw RangeError("header-grid");
+				u[e][t] = c;
+			}
+			return r = l, c;
+		});
+	}), f = u[0].length;
+	if (f < 2 || u.some((e) => e.length !== f || Array.from({ length: f }, (t, n) => !e[n]).some(Boolean)) || s >= f || o.some((e) => e.cells.length !== f || Array.from(e.cells).some((e) => e.colSpan !== 1 || e.rowSpan !== 1) || !Array.from(e.cells).slice(0, s).some((e) => e.textContent?.trim()) || Array.from(e.cells).slice(s).some((e) => e.tagName === "TH" || t(e)))) return;
+	if (o.some((e) => Array.from(e.cells).slice(s).every((e) => !e.textContent?.trim()))) {
+		let e = o.map((e) => JSON.stringify(Array.from(e.cells).slice(0, s).map((e) => e.textContent?.trim())));
+		if (new Set(e).size !== e.length) return;
+	}
+	let p = Array.from({ length: f - s }, (e, t) => [...new Set(u.map((e) => e[t + s]))].filter((e) => e.text));
+	if (!p.some((e) => !e.length)) return {
+		label: n.getAttribute("aria-label") || n.caption?.textContent?.trim() || "",
+		headings: d,
+		columns: p,
+		stubCount: s,
+		rows: o.map((t) => ({
+			stubs: Array.from(t.cells).slice(0, s).map(e),
+			values: Array.from(t.cells).slice(s).map(e)
+		}))
+	};
+}
+//#endregion
+export { n as readTable };

package/scb-table-next/scb-table-next.js

@@ -0,0 +1,226 @@
+import e from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import { readTable as t } from "./read-table.js";
+import { LitElement as n, css as r, html as i, nothing as a } from "lit";
+import { customElement as o, state as s } from "lit/decorators.js";
+import { ifDefined as c } from "lit/directives/if-defined.js";
+//#region src/scb-components/scb-table-next/scb-table-next.ts
+var l = 200, u = /* @__PURE__ */ new WeakSet(), d = r`
+  scb-table-next > table {
+    box-sizing: border-box;
+    inline-size: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    border: 0;
+    /* Ramen överlappar cellkanterna så att ytterlinjerna förblir 1 px. */
+    outline: 1px solid var(--scb-tables-strong-outline-color);
+    outline-offset: -1px;
+    border-radius: var(--md-sys-shape-corner-small);
+    overflow: hidden;
+    background: var(--scb-tables-surface-color);
+    color: inherit;
+    font: inherit;
+  }
+  scb-table-next > table > :is(thead, tbody, tfoot) > tr > :is(th, td) {
+    box-sizing: border-box;
+    padding: var(--spacing-3) var(--spacing-4);
+    min-inline-size: 2.5rem;
+    border-block-end: 1px solid var(--scb-tables-strong-outline-color);
+    border-inline-end: 1px solid var(--scb-tables-strong-outline-color);
+    font-variant-numeric: tabular-nums;
+    font-weight: inherit;
+  }
+  scb-table-next > table > :is(thead, tbody, tfoot) > tr > th,
+  scb-table-next > table > tbody > tr > .forspalt { background: var(--scb-tables-alternate-surface-color); }
+  scb-table-next > table > thead > tr > * { background: var(--scb-tables-alternate-surface-color); }
+  scb-table-next > table > thead > tr > th { font-weight: var(--weight-bold); text-align: center; }
+  scb-table-next > table > thead > tr:last-child > th { text-align: end; }
+  scb-table-next > table > :is(tbody, tfoot) > tr > :is(th, td) { text-align: end; }
+  scb-table-next > table > :is(tbody, tfoot) > tr > :first-child,
+  scb-table-next > table > :is(tbody, tfoot) > tr > .forspalt,
+  scb-table-next > table > :is(tbody, tfoot) > tr > th:is([scope="row"], [scope="rowgroup"]) { text-align: start; }
+  scb-table-next > table > tbody > tr > .forspalt { min-inline-size: 0; }
+  scb-table-next > table > tbody > tr > :first-child:not(:has(~ th, ~ .forspalt)) { min-inline-size: 0; }
+  scb-table-next > table > tbody > tr:hover > * { background: var(--scb-tables-alternate-surface-color); }
+  scb-table-next > table a { color: inherit; text-decoration: underline; }
+  scb-table-next > table a:focus-visible { outline: 2px solid var(--md-sys-color-primary); outline-offset: 2px; }
+`, f = class extends n {
+	constructor(...e) {
+		super(...e), this._mobile = !1, this._widthReady = !1;
+	}
+	static {
+		this.styles = r`
+    :host {
+      display: block;
+      min-inline-size: 0;
+      color: var(--scb-tables-content-color, var(--md-sys-color-on-surface));
+      font-family: var(--scb-tables-cell-font, var(--brand-font, Inter, Arial, sans-serif));
+      font-size: var(--scb-tables-cell-size);
+      line-height: var(--scb-tables-cell-line-height);
+      font-weight: var(--weight-regular);
+    }
+    * { box-sizing: border-box; }
+    :host([hidden]), [hidden] { display: none !important; }
+    .scroll { max-inline-size: 100%; overflow-x: auto; padding-bottom: var(--spacing-8, 24px); }
+    .scroll::-webkit-scrollbar {
+      border-radius: var(--md-sys-shape-corner-large);
+      height: 8px;
+      width: 10px;
+    }
+    .scroll::-webkit-scrollbar-thumb {
+      background: var(--scb-tables-scrollbar-thumb-color, var(--md-sys-color-on-surface));
+      border-radius: var(--md-sys-shape-corner-large);
+      cursor: pointer;
+    }
+    .scroll::-webkit-scrollbar-track {
+      background: var(--scb-tables-scrollbar-track-color, var(--md-sys-color-secondary-container));
+      border-radius: var(--md-sys-shape-corner-large);
+    }
+    a { color: inherit; text-decoration: underline; }
+    a:focus-visible, .scroll:focus-visible { outline: 2px solid var(--md-sys-color-primary); outline-offset: 2px; }
+    table {
+      inline-size: 100%;
+      border-collapse: separate;
+      border-spacing: 0;
+      border: 1px solid var(--scb-tables-strong-outline-color);
+      border-radius: var(--md-sys-shape-corner-small);
+      overflow: hidden;
+      background: var(--scb-tables-surface-color);
+      color: inherit;
+      font: inherit;
+    }
+    th, td {
+      min-inline-size: 2.5rem;
+      font-variant-numeric: tabular-nums;
+      font-weight: inherit;
+    }
+    .stub { text-align: start; }
+    td { text-align: end; }
+    tbody tr:hover > * { background: var(--scb-tables-alternate-surface-color); }
+    .mobile th, .mobile td {
+      padding-block: var(--spacing-2);
+      padding-inline: var(--spacing-5);
+      border: 0;
+      background: transparent;
+      vertical-align: top;
+    }
+    .mobile .stub {
+      min-inline-size: 0;
+      padding-inline-end: calc(var(--spacing-1) / 2);
+    }
+    .mobile td { inline-size: 1%; white-space: nowrap; }
+    .mobile .stub-headings > th { text-align: start; font-weight: var(--weight-bold); }
+    .mobile .stub-headings > th:empty { padding: 0; }
+    .mobile .outer > th {
+      padding-block: var(--spacing-5);
+      background: var(--scb-tables-alternate-surface-color);
+      font-weight: var(--weight-bold);
+      text-align: start;
+      border-block-start: 1px solid var(--scb-tables-strong-outline-color);
+    }
+    .mobile tbody:first-child > .outer:first-child > th { border-block-start: 0; }
+    .mobile .group > th {
+      padding-block-start: 0;
+      font-weight: var(--weight-bold);
+      text-align: start;
+    }
+    .mobile .group.first > th { padding-block-start: calc(var(--spacing-8) + var(--spacing-2)); }
+    .mobile .last > * { padding-block-end: calc(var(--spacing-8) + var(--spacing-2)); }
+  `;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		let e = this.getRootNode();
+		if (!u.has(e)) {
+			let t = this.ownerDocument.createElement("style");
+			t.textContent = d.cssText, (e instanceof Document ? e.head : e).appendChild(t), u.add(e);
+		}
+		this._observer = new MutationObserver(() => this._queueRead()), this._observer.observe(this, {
+			childList: !0,
+			characterData: !0,
+			subtree: !0,
+			attributes: !0,
+			attributeFilter: [
+				"colspan",
+				"rowspan",
+				"aria-label",
+				"role",
+				"tabindex",
+				"contenteditable",
+				"scope",
+				"class",
+				"hidden",
+				"href",
+				"title",
+				"id",
+				"target",
+				"download",
+				"aria-labelledby",
+				"aria-describedby"
+			]
+		}), this._resize = new ResizeObserver(([e]) => {
+			let t = e.contentRect.width;
+			if (t <= 0) {
+				this._widthReady = !1;
+				return;
+			}
+			let n = t <= 575, r = n !== this._mobile;
+			this._mobile = n, (!this._widthReady || r) && (this._widthReady = !0, this._read());
+		}), this._resize.observe(this);
+	}
+	disconnectedCallback() {
+		this._observer?.disconnect(), this._resize?.disconnect(), this._frame !== void 0 && cancelAnimationFrame(this._frame), this._frame = void 0, this._widthReady = !1, super.disconnectedCallback();
+	}
+	_queueRead() {
+		!this._mobile || !this._widthReady || this._frame !== void 0 || (this._frame = requestAnimationFrame(() => {
+			this._frame = void 0, this._read();
+		}));
+	}
+	_read() {
+		if (!this._widthReady) return;
+		if (!this._mobile) {
+			this._model = void 0;
+			return;
+		}
+		let e = this.querySelectorAll("table");
+		try {
+			this._model = e.length === 1 ? t(e[0], l) : void 0;
+		} catch (e) {
+			if (!(e instanceof RangeError)) throw e;
+			this._model = void 0;
+		}
+	}
+	_content(e) {
+		return typeof e == "string" ? e : e.map((e) => typeof e == "string" ? e : e.tag === "sup" ? i`<sup>${this._content(e.children)}</sup>` : i`<a href=${e.href} title=${c(e.title)} aria-label=${c(e.ariaLabel)}>${this._content(e.children)}</a>`);
+	}
+	_mobileRows(e) {
+		let t = [], n = e.headings.flat().filter((t) => (t.text || t.ariaLabel) && t.column + t.colSpan <= e.stubCount), r = n.map((e) => e.ariaLabel || e.text).join(" "), o = n.filter((e) => !e.visuallyHidden && e.text), s = [], l = [];
+		return e.columns.forEach((u, d) => {
+			let f = 0;
+			for (; f < u.length && u[f] === s[f];) f++;
+			l.length = f, u.forEach((e, n) => {
+				if (n < f) return;
+				let r = `group-${d}-${n}`;
+				l.push(r);
+				let a = n === 0 ? "outer" : `group${f === 0 ? " first" : ""}`;
+				t.push(i`<tr class=${a}><th id=${r} aria-label=${c(e.ariaLabel)} scope="col" colspan="2">${this._content(e.content)}</th></tr>`);
+			});
+			let p = n.length ? `stub-heading-${d}` : void 0;
+			p && (l.push(p), t.push(i`<tr class="stub-headings"><th id=${p} scope="col" colspan="2" aria-label=${c(r)}>${o.map((e, t) => i`${t ? " " : a}<span>${this._content(e.content)}</span>`)}</th></tr>`)), e.rows.forEach((n, r) => {
+				let o = `mobile-row-${d}-${r}`;
+				t.push(i`<tr class=${r === e.rows.length - 1 ? "last" : ""}>
+          <th class="stub" scope="row" id=${o} headers=${c(p)}>${n.stubs.filter((e) => e !== "").map((e, t) => i`${t ? " " : a}${this._content(e)}`)}</th>
+          <td headers=${[...l, o].join(" ")}>${this._content(n.values[d])}</td></tr>`);
+			}), s = u;
+		}), t;
+	}
+	render() {
+		let e = this._model;
+		return i`<div class="scroll" tabindex="0" ?hidden=${!!e}><slot @slotchange=${this._queueRead}></slot></div>
+      ${e ? i`<table class="mobile" aria-label=${c(e.label || void 0)}>
+        <tbody>${this._mobileRows(e)}</tbody>
+      </table>` : a}`;
+	}
+};
+e([s()], f.prototype, "_model", void 0), e([s()], f.prototype, "_mobile", void 0), f = e([o("scb-table-next")], f);
+//#endregion
+export { f as ScbTableNext };