scb-wc 0.1.152 → 0.1.153

package/README.md

@@ -1,6 +1,9 @@
-# Om SCB Web Components
+# Om SCB Web Components Preview
 
-SCB Web Components finns för att underlätta skapandet av enhetliga, tillgängliga och användbara webbapplikationer.
+> ⚠️ **Previewkanal**  
+> Installera `scb-wc` via `@next` för komponenter under utveckling. API, utseende och beteende kan ändras eller tas bort mellan versioner.
+
+SCB Web Components preview finns för att underlätta skapandet av enhetliga, tillgängliga och användbara webbapplikationer.
 
 Komponenterna bygger på:
 - [Lit](https://lit.dev/)
@@ -8,54 +11,32 @@ Komponenterna bygger på:
 
 ## Storybook och dokumentation (internt)
 
-Produktionskomponenterna dokumenteras och demonstreras i Storybook på SCB:s interna adress:
+Previewkomponenterna dokumenteras och demonstreras i Storybook på SCB:s interna testadress:
 
-- Prod: https://webcomponents.scb.intra
+- Test: <https://webcomponentstest.scb.intra>
 
-Testkomponenterna finns på:
+Den publika/stabila Storybooken finns på:
 
-- Test: https://webcomponentstest.scb.intra
+- Prod: <https://webcomponents.scb.intra>
 
 ---
 
 ## Kom igång
 
-Rekommenderad startväg:
-
-```sh
-npx scb-wc init html my-app
-npx scb-wc init html-service my-service
-npx scb-wc init react my-react-app
-npx scb-wc init react-service my-react-service
-npx scb-wc init blazor my-blazor-app
-npx scb-wc init blazor-service my-blazor-service
-```
-
-Webbplatsmallarna skapar en liten starterapp med:
-- `scb-header`
-- `scb-footer`
-- `scb-grid`
-- några vanliga komponenter
-
-Webbtjänstmallarna skapar en starterapp med:
-- `scb-app-bar`
-- `scb-search`
-- `scb-table-advanced`
-- komponenter för actions och status
-
-Välj sedan den starter som ligger närmast din app och kör `npm install` i den nya mappen.
+> **Obs:** Kör alla kommandon i mappen där din `package.json` ligger.  
+> Har du ingen? Kör `npm init -y` i projektroten (eller annan lämplig mapp).
 
-Om du redan har en app med `package.json`, kör kommandon i den mappen och installera paketet:
+Installera previewkanalen:
 
 ```sh
-npm install scb-wc
+npm install scb-wc@next
 ```
 
 ---
 
 ## Alternativ 1: Använd som ES‑moduler (t.ex. i React, Vue, SPA)
 
-Importera CSS och de komponenter du använder (bäst för tree‑shaking):
+Importera CSS och de testkomponenter du använder (bäst för tree‑shaking):
 
 ```js
 // Global CSS + tokens (måste bara importeras en gång)
@@ -121,7 +102,7 @@ För MVC/MPA räcker det normalt att använda `scb-wc-selfhost.css`, eftersom de
 
 ## Alternativ 2: Använd i MVC/MPA via `<script type="module">`
 
-Det här läget använder den färdig‑splittrade **MVC‑ESM**‑builden som följer med paketet under:
+Det här läget använder den färdig‑splittade **MVC‑ESM**‑builden som följer med paketet under:
 
 ```text
 node_modules/scb-wc/mvc/
@@ -134,7 +115,7 @@ Lägg till i din apps `package.json`:
 ```jsonc
 {
   "scripts": {
-    "ui:install": "node -e \"const fs=require('fs'),p=require('path');const src=p.resolve('node_modules/scb-wc/mvc');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install scb-wc?');process.exit(1);}const start=process.env.INIT_CWD||process.cwd();const ov=process.env.npm_config_ui_wwwroot;function findBase(){if(ov){return p.isAbsolute(ov)?ov:p.resolve(start,ov);}let d=start;while(true){const cand=p.join(d,'wwwroot');if(fs.existsSync(cand)) return cand;const up=p.dirname(d);if(up===d) return p.resolve(start,'wwwroot');d=up;}}const base=findBase();const dst=p.resolve(base,'ui');fs.rmSync(dst,{recursive:true,force:true});fs.mkdirSync(base,{recursive:true});fs.cpSync(src,dst,{recursive:true});console.log('Kopierade '+src+' → '+dst);\""
+    "ui:install": "node -e \"const fs=require('fs'),p=require('path');const src=p.resolve('node_modules/scb-wc/mvc');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install scb-wc@next?');process.exit(1);}const start=process.env.INIT_CWD||process.cwd();const ov=process.env.npm_config_ui_wwwroot;function findBase(){if(ov){return p.isAbsolute(ov)?ov:p.resolve(start,ov);}let d=start;while(true){const cand=p.join(d,'wwwroot');if(fs.existsSync(cand)) return cand;const up=p.dirname(d);if(up===d) return p.resolve(start,'wwwroot');d=up;}}const base=findBase();const dst=p.resolve(base,'ui');fs.rmSync(dst,{recursive:true,force:true});fs.mkdirSync(base,{recursive:true});fs.cpSync(src,dst,{recursive:true});console.log('Kopierade '+src+' → '+dst);\""
   }
 }
 ```
@@ -183,7 +164,7 @@ Behöver du en annan webbrotsökväg (t.ex. om din `wwwroot` ligger någon annan
 
 ## Alternativ 3: Bundlad version (IIFE) för äldre miljöer
 
-Om ESM inte stöds kan du använda den bundlade varianten från paketroten.  
+Om ESM inte stöds kan du använda den bundlade test‑varianten från paketroten.  
 Flytta följande tre filer från `node_modules/scb-wc` och använd dem i applikationen:
 
 ```text
@@ -208,7 +189,7 @@ Lägg till `scb-compact.css` om sidan ska använda compact-typografi.
 
 SCB Web Components fungerar även i Blazor‑appar när du vill använda samma komponenter i både MVC/MPA och Blazor.
 
-Grundprincipen är:
+Grundprincipen är samma som för `scb-wc`:
 
 1. Använd MVC‑ESM‑builden (`node_modules/scb-wc/mvc`) och kopiera den till `wwwroot/ui` med `ui:install`.
 2. Ladda `scb-blazor-bridge.js` från `wwwroot/ui` i din Blazor‑layout.
@@ -221,8 +202,8 @@ Lägg till ett script som kopierar interop-filen från `node_modules` till ditt
 ```jsonc
 {
   "scripts": {
-    "ui:install": "node -e \"const fs=require('fs'),p=require('path');const src=p.resolve('node_modules/scb-wc/mvc');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install scb-wc?');process.exit(1);}const start=process.env.INIT_CWD||process.cwd();const ov=process.env.npm_config_ui_wwwroot;function findBase(){if(ov){return p.isAbsolute(ov)?ov:p.resolve(start,ov);}let d=start;while(true){const cand=p.join(d,'wwwroot');if(fs.existsSync(cand)) return cand;const up=p.dirname(d);if(up===d) return p.resolve(start,'wwwroot');d=up;}}const base=findBase();const dst=p.resolve(base,'ui');fs.rmSync(dst,{recursive:true,force:true});fs.mkdirSync(base,{recursive:true});fs.cpSync(src,dst,{recursive:true});console.log('Kopierade '+src+' → '+dst);\"",
-    "ui:blazor:interop": "node -e \"const fs=require('fs'),p=require('path');const start=process.env.INIT_CWD||process.cwd();const src=p.resolve('node_modules/scb-wc/blazor/ScbBlazorInteropBase.cs');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install scb-wc?');process.exit(1);}const dst=p.resolve(start,'ScbBlazor/ScbBlazorInteropBase.cs');fs.mkdirSync(p.dirname(dst),{recursive:true});fs.copyFileSync(src,dst);console.log('Kopierade '+src+' → '+dst);\""
+    "ui:install": "node -e \"const fs=require('fs'),p=require('path');const src=p.resolve('node_modules/scb-wc/mvc');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install scb-wc@next?');process.exit(1);}const start=process.env.INIT_CWD||process.cwd();const ov=process.env.npm_config_ui_wwwroot;function findBase(){if(ov){return p.isAbsolute(ov)?ov:p.resolve(start,ov);}let d=start;while(true){const cand=p.join(d,'wwwroot');if(fs.existsSync(cand)) return cand;const up=p.dirname(d);if(up===d) return p.resolve(start,'wwwroot');d=up;}}const base=findBase();const dst=p.resolve(base,'ui');fs.rmSync(dst,{recursive:true,force:true});fs.mkdirSync(base,{recursive:true});fs.cpSync(src,dst,{recursive:true});console.log('Kopierade '+src+' → '+dst);\"",
+    "ui:blazor:interop": "node -e \"const fs=require('fs'),p=require('path');const start=process.env.INIT_CWD||process.cwd();const src=p.resolve('node_modules/scb-wc/blazor/ScbBlazorInteropBase.cs');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install scb-wc@next?');process.exit(1);}const dst=p.resolve(start,'ScbBlazor/ScbBlazorInteropBase.cs');fs.mkdirSync(p.dirname(dst),{recursive:true});fs.copyFileSync(src,dst);console.log('Kopierade '+src+' → '+dst);\""
   }
 }
 ```
@@ -236,13 +217,13 @@ Exempel på layout:
 <script type="module" src="~/ui/scb-blazor-bridge.js"></script>
 ```
 
-`ScbBlazorInteropBase` kan återanvändas mellan projekt som använder både `scb-wc@latest` och `scb-wc@next`.
+`ScbBlazorInteropBase` är samma bas‑klass i preview- och public-kanalen. Du kan därför dela samma C#‑fil mellan projekt som använder `scb-wc@next` och `scb-wc@latest`.
 
 ---
 
 ## Viktigt
 
-- `scb-wc@latest` är produktionskanalen. Använd `scb-wc@next` för komponenter under utveckling och experiment.  
+- `scb-wc@next` är **previewkanalen**. Komponenter kan ändras eller tas bort mellan versioner. Använd `scb-wc@latest` i externa produktionsmiljöer.  
 - **Kör kommandon i mappen med din `package.json`.** Placeringen av `package.json` styr standardmål för `ui:install` (rot → `wwwroot/ui`, `ClientApp/` → använd `--ui_wwwroot=../wwwroot`).  
 - **Blanda inte MVC‑ESM och IIFE på samma sida.** Välj en distributionsform per sida/app.  
 - **Blazor:** Se till att `scb-blazor-bridge.js` laddas efter att komponent‑JS:et finns på sidan, och att `ScbBlazorInteropBase` inte dupliceras i flera namespaces i samma lösning.

package/all.js

@@ -18,10 +18,12 @@ import './scb-card/scb-list-card.js';
 import './scb-card/scb-social-card.js';
 import './scb-checkbox/scb-checkbox-group.js';
 import './scb-checkbox/scb-checkbox.js';
+import './scb-chevron/scb-chevron.js';
 import './scb-chip/scb-chip.js';
 import './scb-collapse/scb-collapse.js';
 import './scb-container-card/scb-container-card.js';
 import './scb-cookies-consent/scb-cookies-consent.js';
+import './scb-datepicker/scb-datepicker.js';
 import './scb-dialog/scb-dialog.js';
 import './scb-divider/scb-divider.js';
 import './scb-drawer/scb-drawer.js';
@@ -97,3 +99,6 @@ import './scb-viz/scb-viz-series-differentiation-registry.js';
 import './scb-viz/scb-viz-series-differentiation-runtime.js';
 import './scb-viz/scb-viz-table-runtime.js';
 import './scb-viz/scb-viz.js';
+import './shared/lazy-focus-ring.js';
+import './shared/lazy-ripple.js';
+import './shared/scb-icon-svg.js';

package/icons.json

@@ -92,6 +92,7 @@
 "share",
 "home",
 "query_stats",
+"question_mark",
 "analytics",
 "arrow_back",
 "arrow_forward",

package/index.js

@@ -1,31 +1,34 @@
-import { ScbAccordionItem as e } from "./scb-accordion/scb-accordion-item.js";
-import { ScbButton as t } from "./scb-button/scb-button.js";
-import { ScbAccordion as n } from "./scb-accordion/scb-accordion.js";
-import { ScbActionCard as r, ScbCard as i, ScbContainerCard as a, ScbLinkCard as o, ScbListCard as s, ScbSocialCard as c } from "./scb-card/scb-card.js";
+import { addLazyFocusRingListeners as e, ensureFocusRingOnFocusVisible as t, ensureFocusRingOnTab as n, ensureFocusRingReady as r } from "./shared/lazy-focus-ring.js";
+import { ScbChevron as i } from "./scb-chevron/scb-chevron.js";
+import { ScbAccordionItem as a } from "./scb-accordion/scb-accordion-item.js";
+import { ScbButton as o } from "./scb-button/scb-button.js";
+import { ScbAccordion as s } from "./scb-accordion/scb-accordion.js";
+import { ScbActionCard as c, ScbCard as l, ScbContainerCard as u, ScbLinkCard as d, ScbListCard as f, ScbSocialCard as p } from "./scb-card/scb-card.js";
 import "./scb-action-card/scb-action-card.js";
-import { ScbIconButton as l } from "./scb-icon-button/scb-icon-button.js";
-import { ScbSearch as u } from "./scb-search/scb-search.js";
-import { ScbAvatar as d } from "./scb-avatar/scb-avatar.js";
-import { ScbAppBar as f } from "./scb-app-bar/scb-app-bar.js";
-import { ScbBadge as p } from "./scb-badge/scb-badge.js";
-import { ScbLink as m } from "./scb-link/scb-link.js";
-import { SCBBreadcrumbItem as h } from "./scb-breadcrumb/scb-breadcrumb-item.js";
-import { SCBBreadcrumb as g } from "./scb-breadcrumb/scb-breadcrumb.js";
-import { ScbCalendarEvent as _ } from "./scb-calendar/scb-calendar-event.js";
-import { ScbDivider as v } from "./scb-divider/scb-divider.js";
-import { ScbTooltip as y } from "./scb-tooltip/scb-tooltip.js";
-import { ScbTextField as b } from "./scb-textfield/scb-textfield.js";
-import { ScbCheckboxGroup as x } from "./scb-checkbox/scb-checkbox-group.js";
-import { ScbCheckbox as S } from "./scb-checkbox/scb-checkbox.js";
-import { ScbRadioGroup as C } from "./scb-radio-button/scb-radio-group.js";
-import { ScbRadioButton as w } from "./scb-radio-button/scb-radio-button.js";
-import { ScbSwitch as T } from "./scb-switch/scb-switch.js";
-import { ScbChip as E } from "./scb-chip/scb-chip.js";
-import { ScbDialog as D } from "./scb-dialog/scb-dialog.js";
-import { ScbListItem as O } from "./scb-list/scb-list-item.js";
-import { ScbList as k } from "./scb-list/scb-list.js";
-import { ScbCalendar as A } from "./scb-calendar/scb-calendar.js";
-import { ScbCalendarCard as j } from "./scb-calendar-card/scb-calendar-card.js";
+import { ScbIconButton as m } from "./scb-icon-button/scb-icon-button.js";
+import { ScbSearch as h } from "./scb-search/scb-search.js";
+import { ScbAvatar as g } from "./scb-avatar/scb-avatar.js";
+import { ScbAppBar as _ } from "./scb-app-bar/scb-app-bar.js";
+import { ScbBadge as v } from "./scb-badge/scb-badge.js";
+import { ScbLink as y } from "./scb-link/scb-link.js";
+import { SCBBreadcrumbItem as b } from "./scb-breadcrumb/scb-breadcrumb-item.js";
+import { SCBBreadcrumb as x } from "./scb-breadcrumb/scb-breadcrumb.js";
+import { ScbCalendarEvent as S } from "./scb-calendar/scb-calendar-event.js";
+import { ScbDivider as C } from "./scb-divider/scb-divider.js";
+import { ScbDatepicker as w } from "./scb-datepicker/scb-datepicker.js";
+import { ScbTooltip as T } from "./scb-tooltip/scb-tooltip.js";
+import { ScbTextField as E } from "./scb-textfield/scb-textfield.js";
+import { ScbCheckboxGroup as D } from "./scb-checkbox/scb-checkbox-group.js";
+import { ScbCheckbox as O } from "./scb-checkbox/scb-checkbox.js";
+import { ScbRadioGroup as k } from "./scb-radio-button/scb-radio-group.js";
+import { ScbRadioButton as A } from "./scb-radio-button/scb-radio-button.js";
+import { ScbSwitch as j } from "./scb-switch/scb-switch.js";
+import { ScbChip as M } from "./scb-chip/scb-chip.js";
+import { ScbDialog as N } from "./scb-dialog/scb-dialog.js";
+import { ScbListItem as P } from "./scb-list/scb-list-item.js";
+import { ScbList as F } from "./scb-list/scb-list.js";
+import { ScbCalendar as I } from "./scb-calendar/scb-calendar.js";
+import { ScbCalendarCard as L } from "./scb-calendar-card/scb-calendar-card.js";
 import "./scb-card/scb-action-card.js";
 import "./scb-container-card/scb-container-card.js";
 import "./scb-card/scb-container-card.js";
@@ -35,66 +38,68 @@ import "./scb-list-card/scb-list-card.js";
 import "./scb-card/scb-list-card.js";
 import "./scb-social-card/scb-social-card.js";
 import "./scb-card/scb-social-card.js";
-import { ScbCollapse as M } from "./scb-collapse/scb-collapse.js";
-import { ScbCookiesConsent as N } from "./scb-cookies-consent/scb-cookies-consent.js";
-import { ScbDrawer as P } from "./scb-drawer/scb-drawer.js";
-import { ScbDropZone as F } from "./scb-drop-zone/scb-drop-zone.js";
-import { ScbOptionsMenuItem as I } from "./scb-options-menu/scb-options-menu-item.js";
-import { ScbOptionsSubMenu as L } from "./scb-options-menu/scb-options-sub-menu.js";
-import { ScbOptionsMenu as R } from "./scb-options-menu/scb-options-menu.js";
-import { ScbDropdown as z } from "./scb-dropdown/scb-dropdown.js";
-import { ScbFab as B } from "./scb-fab/scb-fab.js";
-import { ScbFactCardContent as V } from "./scb-fact-card/scb-fact-card-content.js";
-import { ScbFactCard as H } from "./scb-fact-card/scb-fact-card.js";
-import { ScbFooterSection as U } from "./scb-footer/scb-footer-section.js";
-import { ScbGridItem as W } from "./scb-grid/scb-grid-item.js";
-import { ScbStack as G } from "./scb-grid/scb-stack.js";
-import { ScbGrid as K } from "./scb-grid/scb-grid.js";
-import { ScbFooter as q } from "./scb-footer/scb-footer.js";
-import { ScbIcon as J } from "./scb-icon/scb-icon.js";
-import { ScbNotificationCard as Y } from "./scb-notification-card/scb-notification-card.js";
-import { ScbFormErrorSummary as X } from "./scb-form-error-summary/scb-form-error-summary.js";
-import { ScbHorizontalScroller as Z } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
-import { ScbOverlay as Q } from "./scb-overlay/scb-overlay.js";
-import { ScbGalleryGrid as $ } from "./scb-gallery-grid/scb-gallery-grid.js";
-import { ScbHeaderMenuGroup as ee } from "./scb-header/scb-header-menu-group.js";
-import { ScbHeaderMenuItem as te } from "./scb-header/scb-header-menu-item.js";
-import { ScbHeaderTab as ne } from "./scb-header/scb-header-tab.js";
-import { ScbHeaderUtility as re } from "./scb-header/scb-header-utility.js";
-import { ScbHeader as ie } from "./scb-header/scb-header.js";
-import { ScbKeyFigureCard as ae } from "./scb-keyfigure-card/scb-keyfigure-card.js";
-import { ScbMenuItem as oe } from "./scb-menu/scb-menu-item.js";
-import { ScbmenuSection as se } from "./scb-menu/scb-menu-section.js";
-import { ScbSubmenu as ce } from "./scb-menu/scb-sub-menu.js";
-import { ScbMenu as le } from "./scb-menu/scb-menu.js";
-import { ScbNavItem as ue } from "./scb-nav/scb-nav-item.js";
-import { ScbNav as de } from "./scb-nav/scb-nav.js";
-import { ScbPagination as fe } from "./scb-pagination/scb-pagination.js";
-import { ScbProgressIndicator as pe } from "./scb-progress-indicator/scb-progress-indicator.js";
-import { ScbProgressStep as me } from "./scb-progress-stepper/scb-progress-step.js";
-import { ScbProgressStepper as he } from "./scb-progress-stepper/scb-progress-stepper.js";
-import { ScbScrollspy as ge } from "./scb-scrollspy/scb-scrollspy.js";
-import { ScbSegmentedItem as _e } from "./scb-segmented-button/scb-segmented-item.js";
-import { ScbSegmentedButton as ve } from "./scb-segmented-button/scb-segmented-button.js";
-import { ScbSelectOption as ye } from "./scb-select/scb-select-option.js";
-import { ScbSelect as be } from "./scb-select/scb-select.js";
-import { ScbSkeleton as xe } from "./scb-skeleton/scb-skeleton.js";
-import { ScbSlider as Se } from "./scb-slider/scb-slider.js";
-import { ScbSnackbar as Ce } from "./scb-snackbar/scb-snackbar.js";
-import { ScbStatusPill as we } from "./scb-status-pill/scb-status-pill.js";
-import { ScbStep as Te } from "./scb-stepper/scb-step.js";
-import { ScbStepper as Ee } from "./scb-stepper/scb-stepper.js";
-import { ScbTable as De } from "./scb-table/scb-table.js";
-import { ScbTableAdvanced as Oe } from "./scb-table-advanced/scb-table-advanced.js";
-import { ScbPrimaryTab as ke } from "./scb-tabs/scb-primary-tab.js";
-import { ScbSecondaryTab as Ae } from "./scb-tabs/scb-secondary-tab.js";
-import { ScbTabs as je } from "./scb-tabs/scb-tabs.js";
-import { ScbTocItem as Me } from "./scb-toc/scb-toc-item.js";
-import { ScbToc as Ne } from "./scb-toc/scb-toc.js";
-import { buildScbVizExportFileName as Pe, createScbVizCsvBlob as Fe, createScbVizRasterBlobFromElement as Ie, createScbVizRasterDataUrlFromElement as Le, downloadScbVizBlob as Re, getScbVizCurrentFullscreenElement as ze, getScbVizExportBaseFileName as Be, getScbVizFullscreenDocument as Ve, isScbVizFullscreenSupported as He, openScbVizPrintFrame as Ue, runWithScbVizForcedPrintLightMode as We, toggleScbVizFullscreen as Ge } from "./scb-viz/scb-viz-actions-runtime.js";
-import { buildScbVizPrintDocumentHtml as Ke, buildScbVizPrintableFooterHtml as qe, buildScbVizPrintableTableHtml as Je } from "./scb-viz/scb-viz-print-runtime.js";
-import { appendScbVizSeriesDifferentiationPatternMarks as Ye, getScbVizSeriesDifferentiationPatternDefinition as Xe, getScbVizSeriesDifferentiationPatternKinds as Ze, getScbVizSeriesDifferentiationRegistry as Qe, getScbVizSeriesDifferentiationVariant as $e, scbVizSeriesDifferentiationRegistry as et } from "./scb-viz/scb-viz-series-differentiation-registry.js";
-import { clearScbVizSeriesDifferentiationColorClass as tt, clearScbVizSeriesDifferentiationMetadata as nt, ensureScbVizGroupedSeriesDifferentiationStore as rt, ensureScbVizStyledModeSeriesPattern as it, getScbVizGroupedSeriesDifferentiationKey as at, getScbVizGroupedSeriesDifferentiationVariant as ot, getScbVizGroupedSeriesDifferentiationVariantIndex as st, getScbVizHighchartsColorClassName as ct, getScbVizHighchartsSvgElement as lt, getScbVizHighchartsSvgRoot as ut, getScbVizLegendSeriesDifferentiationTargets as dt, getScbVizSeriesDifferentiationColorIndex as ft, getScbVizSeriesDifferentiationVariantByIndex as pt, isScbVizGroupedSeriesDifferentiationChart as mt, isScbVizHighchartsStyledMode as ht, setScbVizSeriesDifferentiationColorClass as gt, setScbVizSeriesDifferentiationMetadata as _t, shouldShowScbVizSeriesDifferentiationAction as vt, usesScbVizGroupedPointDifferentiation as yt } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
-import { buildScbVizResolvedTableView as bt, createScbVizCsvRows as xt, inferScbVizTableAlignments as St, normalizeScbVizRenderableCell as Ct, readScbVizTableDataFromSlot as wt } from "./scb-viz/scb-viz-table-runtime.js";
-import { ScbViz as Tt } from "./scb-viz/scb-viz.js";
-export { g as SCBBreadcrumb, h as SCBBreadcrumbItem, n as ScbAccordion, e as ScbAccordionItem, r as ScbActionCard, f as ScbAppBar, d as ScbAvatar, p as ScbBadge, t as ScbButton, A as ScbCalendar, j as ScbCalendarCard, _ as ScbCalendarEvent, i as ScbCard, S as ScbCheckbox, x as ScbCheckboxGroup, E as ScbChip, M as ScbCollapse, a as ScbContainerCard, N as ScbCookiesConsent, D as ScbDialog, v as ScbDivider, P as ScbDrawer, F as ScbDropZone, z as ScbDropdown, B as ScbFab, H as ScbFactCard, V as ScbFactCardContent, q as ScbFooter, U as ScbFooterSection, X as ScbFormErrorSummary, $ as ScbGalleryGrid, K as ScbGrid, W as ScbGridItem, ie as ScbHeader, ee as ScbHeaderMenuGroup, te as ScbHeaderMenuItem, ne as ScbHeaderTab, re as ScbHeaderUtility, Z as ScbHorizontalScroller, J as ScbIcon, l as ScbIconButton, ae as ScbKeyFigureCard, m as ScbLink, o as ScbLinkCard, k as ScbList, s as ScbListCard, O as ScbListItem, le as ScbMenu, oe as ScbMenuItem, de as ScbNav, ue as ScbNavItem, Y as ScbNotificationCard, R as ScbOptionsMenu, I as ScbOptionsMenuItem, L as ScbOptionsSubMenu, Q as ScbOverlay, fe as ScbPagination, ke as ScbPrimaryTab, pe as ScbProgressIndicator, me as ScbProgressStep, he as ScbProgressStepper, w as ScbRadioButton, C as ScbRadioGroup, ge as ScbScrollspy, u as ScbSearch, Ae as ScbSecondaryTab, ve as ScbSegmentedButton, _e as ScbSegmentedItem, be as ScbSelect, ye as ScbSelectOption, xe as ScbSkeleton, Se as ScbSlider, Ce as ScbSnackbar, c as ScbSocialCard, G as ScbStack, we as ScbStatusPill, Te as ScbStep, Ee as ScbStepper, ce as ScbSubmenu, T as ScbSwitch, De as ScbTable, Oe as ScbTableAdvanced, je as ScbTabs, b as ScbTextField, Ne as ScbToc, Me as ScbTocItem, y as ScbTooltip, Tt as ScbViz, se as ScbmenuSection, Ye as appendScbVizSeriesDifferentiationPatternMarks, Pe as buildScbVizExportFileName, Ke as buildScbVizPrintDocumentHtml, qe as buildScbVizPrintableFooterHtml, Je as buildScbVizPrintableTableHtml, bt as buildScbVizResolvedTableView, tt as clearScbVizSeriesDifferentiationColorClass, nt as clearScbVizSeriesDifferentiationMetadata, Fe as createScbVizCsvBlob, xt as createScbVizCsvRows, Ie as createScbVizRasterBlobFromElement, Le as createScbVizRasterDataUrlFromElement, Re as downloadScbVizBlob, rt as ensureScbVizGroupedSeriesDifferentiationStore, it as ensureScbVizStyledModeSeriesPattern, ze as getScbVizCurrentFullscreenElement, Be as getScbVizExportBaseFileName, Ve as getScbVizFullscreenDocument, at as getScbVizGroupedSeriesDifferentiationKey, ot as getScbVizGroupedSeriesDifferentiationVariant, st as getScbVizGroupedSeriesDifferentiationVariantIndex, ct as getScbVizHighchartsColorClassName, lt as getScbVizHighchartsSvgElement, ut as getScbVizHighchartsSvgRoot, dt as getScbVizLegendSeriesDifferentiationTargets, ft as getScbVizSeriesDifferentiationColorIndex, Xe as getScbVizSeriesDifferentiationPatternDefinition, Ze as getScbVizSeriesDifferentiationPatternKinds, Qe as getScbVizSeriesDifferentiationRegistry, $e as getScbVizSeriesDifferentiationVariant, pt as getScbVizSeriesDifferentiationVariantByIndex, St as inferScbVizTableAlignments, He as isScbVizFullscreenSupported, mt as isScbVizGroupedSeriesDifferentiationChart, ht as isScbVizHighchartsStyledMode, Ct as normalizeScbVizRenderableCell, Ue as openScbVizPrintFrame, wt as readScbVizTableDataFromSlot, We as runWithScbVizForcedPrintLightMode, et as scbVizSeriesDifferentiationRegistry, gt as setScbVizSeriesDifferentiationColorClass, _t as setScbVizSeriesDifferentiationMetadata, vt as shouldShowScbVizSeriesDifferentiationAction, Ge as toggleScbVizFullscreen, yt as usesScbVizGroupedPointDifferentiation };
+import { ScbCollapse as R } from "./scb-collapse/scb-collapse.js";
+import { ScbCookiesConsent as z } from "./scb-cookies-consent/scb-cookies-consent.js";
+import { ScbDrawer as B } from "./scb-drawer/scb-drawer.js";
+import { ScbDropZone as V } from "./scb-drop-zone/scb-drop-zone.js";
+import { ScbOptionsMenuItem as H } from "./scb-options-menu/scb-options-menu-item.js";
+import { ScbOptionsSubMenu as U } from "./scb-options-menu/scb-options-sub-menu.js";
+import { ScbOptionsMenu as W } from "./scb-options-menu/scb-options-menu.js";
+import { ScbDropdown as G } from "./scb-dropdown/scb-dropdown.js";
+import { ScbFab as K } from "./scb-fab/scb-fab.js";
+import { ScbFactCardContent as q } from "./scb-fact-card/scb-fact-card-content.js";
+import { ScbFactCard as J } from "./scb-fact-card/scb-fact-card.js";
+import { ScbFooterSection as Y } from "./scb-footer/scb-footer-section.js";
+import { ScbGridItem as X } from "./scb-grid/scb-grid-item.js";
+import { ScbStack as Z } from "./scb-grid/scb-stack.js";
+import { ScbGrid as Q } from "./scb-grid/scb-grid.js";
+import { ScbFooter as $ } from "./scb-footer/scb-footer.js";
+import { ScbIcon as ee } from "./scb-icon/scb-icon.js";
+import { ScbNotificationCard as te } from "./scb-notification-card/scb-notification-card.js";
+import { ScbFormErrorSummary as ne } from "./scb-form-error-summary/scb-form-error-summary.js";
+import { hasScbSvgIcon as re, renderScbIcon as ie } from "./shared/scb-icon-svg.js";
+import { ScbHorizontalScroller as ae } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
+import { ScbOverlay as oe } from "./scb-overlay/scb-overlay.js";
+import { ScbGalleryGrid as se } from "./scb-gallery-grid/scb-gallery-grid.js";
+import { ScbHeaderMenuGroup as ce } from "./scb-header/scb-header-menu-group.js";
+import { ScbHeaderMenuItem as le } from "./scb-header/scb-header-menu-item.js";
+import { ScbHeaderTab as ue } from "./scb-header/scb-header-tab.js";
+import { ScbHeaderUtility as de } from "./scb-header/scb-header-utility.js";
+import { ScbHeader as fe } from "./scb-header/scb-header.js";
+import { ScbKeyFigureCard as pe } from "./scb-keyfigure-card/scb-keyfigure-card.js";
+import { ScbMenuItem as me } from "./scb-menu/scb-menu-item.js";
+import { ScbmenuSection as he } from "./scb-menu/scb-menu-section.js";
+import { ScbSubmenu as ge } from "./scb-menu/scb-sub-menu.js";
+import { ScbMenu as _e } from "./scb-menu/scb-menu.js";
+import { ScbNavItem as ve } from "./scb-nav/scb-nav-item.js";
+import { ScbNav as ye } from "./scb-nav/scb-nav.js";
+import { ScbPagination as be } from "./scb-pagination/scb-pagination.js";
+import { ScbProgressIndicator as xe } from "./scb-progress-indicator/scb-progress-indicator.js";
+import { ScbProgressStep as Se } from "./scb-progress-stepper/scb-progress-step.js";
+import { ScbProgressStepper as Ce } from "./scb-progress-stepper/scb-progress-stepper.js";
+import { ScbScrollspy as we } from "./scb-scrollspy/scb-scrollspy.js";
+import { ScbSegmentedItem as Te } from "./scb-segmented-button/scb-segmented-item.js";
+import { ScbSegmentedButton as Ee } from "./scb-segmented-button/scb-segmented-button.js";
+import { ScbSelectOption as De } from "./scb-select/scb-select-option.js";
+import { ScbSelect as Oe } from "./scb-select/scb-select.js";
+import { ScbSkeleton as ke } from "./scb-skeleton/scb-skeleton.js";
+import { ScbSlider as Ae } from "./scb-slider/scb-slider.js";
+import { ScbSnackbar as je } from "./scb-snackbar/scb-snackbar.js";
+import { ScbStatusPill as Me } from "./scb-status-pill/scb-status-pill.js";
+import { ScbStep as Ne } from "./scb-stepper/scb-step.js";
+import { ScbStepper as Pe } from "./scb-stepper/scb-stepper.js";
+import { ScbTable as Fe } from "./scb-table/scb-table.js";
+import { ScbTableAdvanced as Ie } from "./scb-table-advanced/scb-table-advanced.js";
+import { ScbPrimaryTab as Le } from "./scb-tabs/scb-primary-tab.js";
+import { ScbSecondaryTab as Re } from "./scb-tabs/scb-secondary-tab.js";
+import { ScbTabs as ze } from "./scb-tabs/scb-tabs.js";
+import { ScbTocItem as Be } from "./scb-toc/scb-toc-item.js";
+import { ScbToc as Ve } from "./scb-toc/scb-toc.js";
+import { buildScbVizExportFileName as He, createScbVizCsvBlob as Ue, createScbVizRasterBlobFromElement as We, createScbVizRasterDataUrlFromElement as Ge, downloadScbVizBlob as Ke, getScbVizCurrentFullscreenElement as qe, getScbVizExportBaseFileName as Je, getScbVizFullscreenDocument as Ye, isScbVizFullscreenSupported as Xe, openScbVizPrintFrame as Ze, runWithScbVizForcedPrintLightMode as Qe, toggleScbVizFullscreen as $e } from "./scb-viz/scb-viz-actions-runtime.js";
+import { buildScbVizPrintDocumentHtml as et, buildScbVizPrintableFooterHtml as tt, buildScbVizPrintableTableHtml as nt } from "./scb-viz/scb-viz-print-runtime.js";
+import { appendScbVizSeriesDifferentiationPatternMarks as rt, getScbVizSeriesDifferentiationPatternDefinition as it, getScbVizSeriesDifferentiationPatternKinds as at, getScbVizSeriesDifferentiationRegistry as ot, getScbVizSeriesDifferentiationVariant as st, scbVizSeriesDifferentiationRegistry as ct } from "./scb-viz/scb-viz-series-differentiation-registry.js";
+import { clearScbVizSeriesDifferentiationColorClass as lt, clearScbVizSeriesDifferentiationMetadata as ut, ensureScbVizGroupedSeriesDifferentiationStore as dt, ensureScbVizStyledModeSeriesPattern as ft, getScbVizGroupedSeriesDifferentiationKey as pt, getScbVizGroupedSeriesDifferentiationVariant as mt, getScbVizGroupedSeriesDifferentiationVariantIndex as ht, getScbVizHighchartsColorClassName as gt, getScbVizHighchartsSvgElement as _t, getScbVizHighchartsSvgRoot as vt, getScbVizLegendSeriesDifferentiationTargets as yt, getScbVizSeriesDifferentiationColorIndex as bt, getScbVizSeriesDifferentiationVariantByIndex as xt, isScbVizGroupedSeriesDifferentiationChart as St, isScbVizHighchartsStyledMode as Ct, setScbVizSeriesDifferentiationColorClass as wt, setScbVizSeriesDifferentiationMetadata as Tt, shouldShowScbVizSeriesDifferentiationAction as Et, usesScbVizGroupedPointDifferentiation as Dt } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
+import { buildScbVizResolvedTableView as Ot, createScbVizCsvRows as kt, inferScbVizTableAlignments as At, normalizeScbVizRenderableCell as jt, readScbVizTableDataFromSlot as Mt } from "./scb-viz/scb-viz-table-runtime.js";
+import { ScbViz as Nt } from "./scb-viz/scb-viz.js";
+import { ensureRippleReady as Pt, syncRippleToControl as Ft } from "./shared/lazy-ripple.js";
+export { x as SCBBreadcrumb, b as SCBBreadcrumbItem, s as ScbAccordion, a as ScbAccordionItem, c as ScbActionCard, _ as ScbAppBar, g as ScbAvatar, v as ScbBadge, o as ScbButton, I as ScbCalendar, L as ScbCalendarCard, S as ScbCalendarEvent, l as ScbCard, O as ScbCheckbox, D as ScbCheckboxGroup, i as ScbChevron, M as ScbChip, R as ScbCollapse, u as ScbContainerCard, z as ScbCookiesConsent, w as ScbDatepicker, N as ScbDialog, C as ScbDivider, B as ScbDrawer, V as ScbDropZone, G as ScbDropdown, K as ScbFab, J as ScbFactCard, q as ScbFactCardContent, $ as ScbFooter, Y as ScbFooterSection, ne as ScbFormErrorSummary, se as ScbGalleryGrid, Q as ScbGrid, X as ScbGridItem, fe as ScbHeader, ce as ScbHeaderMenuGroup, le as ScbHeaderMenuItem, ue as ScbHeaderTab, de as ScbHeaderUtility, ae as ScbHorizontalScroller, ee as ScbIcon, m as ScbIconButton, pe as ScbKeyFigureCard, y as ScbLink, d as ScbLinkCard, F as ScbList, f as ScbListCard, P as ScbListItem, _e as ScbMenu, me as ScbMenuItem, ye as ScbNav, ve as ScbNavItem, te as ScbNotificationCard, W as ScbOptionsMenu, H as ScbOptionsMenuItem, U as ScbOptionsSubMenu, oe as ScbOverlay, be as ScbPagination, Le as ScbPrimaryTab, xe as ScbProgressIndicator, Se as ScbProgressStep, Ce as ScbProgressStepper, A as ScbRadioButton, k as ScbRadioGroup, we as ScbScrollspy, h as ScbSearch, Re as ScbSecondaryTab, Ee as ScbSegmentedButton, Te as ScbSegmentedItem, Oe as ScbSelect, De as ScbSelectOption, ke as ScbSkeleton, Ae as ScbSlider, je as ScbSnackbar, p as ScbSocialCard, Z as ScbStack, Me as ScbStatusPill, Ne as ScbStep, Pe as ScbStepper, ge as ScbSubmenu, j as ScbSwitch, Fe as ScbTable, Ie as ScbTableAdvanced, ze as ScbTabs, E as ScbTextField, Ve as ScbToc, Be as ScbTocItem, T as ScbTooltip, Nt as ScbViz, he as ScbmenuSection, e as addLazyFocusRingListeners, rt as appendScbVizSeriesDifferentiationPatternMarks, He as buildScbVizExportFileName, et as buildScbVizPrintDocumentHtml, tt as buildScbVizPrintableFooterHtml, nt as buildScbVizPrintableTableHtml, Ot as buildScbVizResolvedTableView, lt as clearScbVizSeriesDifferentiationColorClass, ut as clearScbVizSeriesDifferentiationMetadata, Ue as createScbVizCsvBlob, kt as createScbVizCsvRows, We as createScbVizRasterBlobFromElement, Ge as createScbVizRasterDataUrlFromElement, Ke as downloadScbVizBlob, t as ensureFocusRingOnFocusVisible, n as ensureFocusRingOnTab, r as ensureFocusRingReady, Pt as ensureRippleReady, dt as ensureScbVizGroupedSeriesDifferentiationStore, ft as ensureScbVizStyledModeSeriesPattern, qe as getScbVizCurrentFullscreenElement, Je as getScbVizExportBaseFileName, Ye as getScbVizFullscreenDocument, pt as getScbVizGroupedSeriesDifferentiationKey, mt as getScbVizGroupedSeriesDifferentiationVariant, ht as getScbVizGroupedSeriesDifferentiationVariantIndex, gt as getScbVizHighchartsColorClassName, _t as getScbVizHighchartsSvgElement, vt as getScbVizHighchartsSvgRoot, yt as getScbVizLegendSeriesDifferentiationTargets, bt as getScbVizSeriesDifferentiationColorIndex, it as getScbVizSeriesDifferentiationPatternDefinition, at as getScbVizSeriesDifferentiationPatternKinds, ot as getScbVizSeriesDifferentiationRegistry, st as getScbVizSeriesDifferentiationVariant, xt as getScbVizSeriesDifferentiationVariantByIndex, re as hasScbSvgIcon, At as inferScbVizTableAlignments, Xe as isScbVizFullscreenSupported, St as isScbVizGroupedSeriesDifferentiationChart, Ct as isScbVizHighchartsStyledMode, jt as normalizeScbVizRenderableCell, Ze as openScbVizPrintFrame, Mt as readScbVizTableDataFromSlot, ie as renderScbIcon, Qe as runWithScbVizForcedPrintLightMode, ct as scbVizSeriesDifferentiationRegistry, wt as setScbVizSeriesDifferentiationColorClass, Tt as setScbVizSeriesDifferentiationMetadata, Et as shouldShowScbVizSeriesDifferentiationAction, Ft as syncRippleToControl, $e as toggleScbVizFullscreen, Dt as usesScbVizGroupedPointDifferentiation };

package/mvc/components/all.js

@@ -18,10 +18,12 @@ import './scb-card/scb-list-card.js';
 import './scb-card/scb-social-card.js';
 import './scb-checkbox/scb-checkbox.js';
 import './scb-checkbox/scb-checkbox-group.js';
+import './scb-chevron/scb-chevron.js';
 import './scb-chip/scb-chip.js';
 import './scb-collapse/scb-collapse.js';
 import './scb-container-card/scb-container-card.js';
 import './scb-cookies-consent/scb-cookies-consent.js';
+import './scb-datepicker/scb-datepicker.js';
 import './scb-dialog/scb-dialog.js';
 import './scb-divider/scb-divider.js';
 import './scb-drawer/scb-drawer.js';
@@ -97,3 +99,6 @@ import './scb-viz/scb-viz-print-runtime.js';
 import './scb-viz/scb-viz-series-differentiation-registry.js';
 import './scb-viz/scb-viz-series-differentiation-runtime.js';
 import './scb-viz/scb-viz-table-runtime.js';
+import './shared/lazy-focus-ring.js';
+import './shared/lazy-ripple.js';
+import './shared/scb-icon-svg.js';

package/mvc/components/scb-accordion/scb-accordion-item.js

@@ -1,4 +1,4 @@
-import{g as l,h as b,m as h,p as o,v as c,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{n as u}from"../../vendor/lazy-focus-ring.js";import{t as r}from"../../vendor/decorate.js";import"../../vendor/scb-chevron.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,t,v){try{customElements.get(e)||i(e,t,v)}catch(s){var n=String(s||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,p,a=(d=class extends b{constructor(...i){super(...i),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=p._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=e=>{e.preventDefault();const t=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,t),this.setOpen(t)},this._onToggle=e=>{const t=e.currentTarget;t.open||(t.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${p._uidPrefix}-${++p._uidSeq}`}static get observedAttributes(){const i=super.observedAttributes||[];return i.includes("title")?i:[...i,"title"]}attributeChangedCallback(i,e,t){if(i==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(i,e,t),i==="title"&&t!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const i=this.renderRoot.querySelector(".scb-accordion-bottom");i&&(this.open?(i.removeAttribute("inert"),i.setAttribute("aria-hidden","false")):(i.setAttribute("inert",""),i.setAttribute("aria-hidden","true")))}_onKeyDown(i){const e=this.closest("scb-accordion"),t=Array.from(e?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),v=i.currentTarget,n=t.indexOf(v);switch(i.key){case"ArrowDown":i.preventDefault(),n<t.length-1&&t[n+1].focus();break;case"ArrowUp":i.preventDefault(),n>0&&t[n-1].focus();break;case"Home":i.preventDefault(),t.length&&t[0].focus();break;case"End":i.preventDefault(),t.length&&t[t.length-1].focus();break}}setOpen(i){this.open=!!i;const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen()}updated(i){if(i.has("open")){const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const i=`bottom-${this._unique}`,e=`header-${this._unique}`,t=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?c`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?c`
+import{g as l,h as b,m as h,p as o,v as c,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{ensureFocusRingOnFocusVisible as u}from"../shared/lazy-focus-ring.js";import{t as r}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,t,v){try{customElements.get(e)||i(e,t,v)}catch(s){var n=String(s||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,p,a=(d=class extends b{constructor(...i){super(...i),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=p._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=e=>{e.preventDefault();const t=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,t),this.setOpen(t)},this._onToggle=e=>{const t=e.currentTarget;t.open||(t.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${p._uidPrefix}-${++p._uidSeq}`}static get observedAttributes(){const i=super.observedAttributes||[];return i.includes("title")?i:[...i,"title"]}attributeChangedCallback(i,e,t){if(i==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(i,e,t),i==="title"&&t!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const i=this.renderRoot.querySelector(".scb-accordion-bottom");i&&(this.open?(i.removeAttribute("inert"),i.setAttribute("aria-hidden","false")):(i.setAttribute("inert",""),i.setAttribute("aria-hidden","true")))}_onKeyDown(i){const e=this.closest("scb-accordion"),t=Array.from(e?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),v=i.currentTarget,n=t.indexOf(v);switch(i.key){case"ArrowDown":i.preventDefault(),n<t.length-1&&t[n+1].focus();break;case"ArrowUp":i.preventDefault(),n>0&&t[n-1].focus();break;case"Home":i.preventDefault(),t.length&&t[0].focus();break;case"End":i.preventDefault(),t.length&&t[t.length-1].focus();break}}setOpen(i){this.open=!!i;const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen()}updated(i){if(i.has("open")){const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const i=`bottom-${this._unique}`,e=`header-${this._unique}`,t=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?c`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?c`
               <scb-avatar
                 label=${this.avatarLabel}
                 alt=${this.avatarAlt}

package/mvc/components/scb-button/scb-button.js

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../../vendor/lazy-ripple.js"])))=>i.map(i=>d[i]);
-import{g as s,h as z,m as N,p as o,v as c,y as w}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as C}from"../../vendor/preload-helper.js";import{t as a}from"../../vendor/decorate.js";import{n as P,t as R}from"../../vendor/assertClassBrand.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,r){try{customElements.get(e)||t(e,i,r)}catch(b){var l=String(b||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var h,m,f;function $(){return m??(m=C(()=>import("../../vendor/lazy-focus-ring.js").then(p=>p.i),__vite__mapDeps([0,1,2]),import.meta.url)),m}function k(){return f??(f=C(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),f}var n=(h=new WeakSet,class extends z{constructor(...t){super(...t),P(this,h),this.variant="filled",this.size="medium",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||$().then(({ensureFocusRingReady:e})=>(e(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=e=>{const i=e.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=e=>{this.__nativeRippleReady||this.disabled||(e&&(this.__nativeRipplePendingPointerEvent=e),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=e=>{this.__ensureNativeRipple(e)},this.__onNativeClick=e=>{if(this.disabled){e.preventDefault(),e.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple())}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(t){const e=t.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==e&&(this.__hasDefaultSlotContent=e,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const t=this.__getNativeControl();t&&this.__syncAriaToControl(t)}__syncAriaToControl(t){const e=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",r=e||i;r?t.setAttribute("aria-label",r):t.removeAttribute("aria-label");const l=this.getAttribute("aria-controls");l!==null?t.setAttribute("aria-controls",l):t.removeAttribute("aria-controls");const b=this.getAttribute("aria-haspopup");b!==null?t.setAttribute("aria-haspopup",b):t.removeAttribute("aria-haspopup");const _=this.getAttribute("aria-expanded");_!==null?t.setAttribute("aria-expanded",_):t.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(S=>{const d=this.__getNativeControl();if(d)for(const v of S){if(v.type!=="attributes"||!v.attributeName)continue;const u=v.attributeName,g=this.getAttribute(u);if(u==="aria-label"){const y=(g||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();y?d.setAttribute("aria-label",y):d.removeAttribute("aria-label")}else(u==="aria-controls"||u==="aria-expanded"||u==="aria-haspopup")&&(g===null?d.removeAttribute(u):d.setAttribute(u,g))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(t){const e=this.__getNativeControl();if(e){e.focus(t);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(t))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),R(h,this,x).call(this)}updated(t){(t.has("variant")||t.has("label")||t.has("icon")||t.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&R(h,this,x).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__syncNativeFocusRingControl(){const t=this.renderRoot.querySelector("md-focus-ring"),e=this.__getNativeControl();t&&e&&(t.control=e,t.visible=e.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&e&&(i.control=e)}async __replayNativeRippleState(){const t=this.renderRoot.querySelector("md-ripple"),e=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,r=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:l}=await k();await l(t,e,i,r)}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}static get styles(){return w`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-padding-block:var(--spacing-3);--scb-button-label-text-line-height:var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height));--scb-button-container-height:var(--scb-control-size-medium, var(--scale-10, 40px));--scb-button-padding-inline:var(--spacing-5);--scb-button-icon-edge-space:var(--spacing-5);--scb-button-icon-gap:var(--spacing-3);--scb-button-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']),:host([size='small']){--scb-button-padding-block:var(--spacing-2);--scb-button-padding-inline:var(--spacing-4);--scb-button-icon-edge-space:var(--spacing-4);--scb-button-icon-gap:var(--spacing-2);--scb-button-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']){--scb-button-container-height:var(--scb-control-size-extra-small, var(--scale-08, 32px))}:host([size='small']){--scb-button-container-height:var(--scb-control-size-small, var(--scale-08, 32px))}:host([size='large']){--scb-button-container-height:var(--scb-control-size-large, var(--scale-12, 56px));--scb-button-padding-block:var(--spacing-5);--scb-button-label-text-line-height:var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height));--scb-button-padding-inline:var(--spacing-7);--scb-button-icon-edge-space:var(--spacing-7);--scb-button-icon-gap:var(--spacing-3);--scb-button-icon-size:var(--icon-size-medium, 24px)}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--md-sys-shape-corner-full, 999px)}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--md-sys-color-primary);font-family:var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font));font-size:var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size));font-weight:var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight));line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:normal;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-sys-color-primary);outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:rgb(15 8 101/38%);cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host([variant='outlined']) .native-button{background:0 0;color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--md-sys-color-outline)}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:rgb(15 8 101/38%);box-shadow:inset 0 0 0 var(--stroke-border, 1px) rgb(15 8 101/12%)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:rgb(15 8 101/12%);color:rgb(15 8 101/38%)}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--md-sys-color-primary)}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:rgb(15 8 101/38%)}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}`}render(){const t=!!this.icon?.trim(),e=t?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:s,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,r=c`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../shared/lazy-focus-ring.js","../../vendor/preload-helper.js","../shared/lazy-ripple.js"])))=>i.map(i=>d[i]);
+import{g as s,h as z,m as N,p as o,v as c,y as w}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as C}from"../../vendor/preload-helper.js";import{t as a}from"../../vendor/decorate.js";import{n as P,t as R}from"../../vendor/assertClassBrand.js";(function(){try{var u=typeof globalThis<"u"?globalThis:window;if(!u.__scb_ce_guard_installed__){u.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,r){try{customElements.get(e)||t(e,i,r)}catch(b){var l=String(b||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var h,m,f;function $(){return m??(m=C(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),m}function k(){return f??(f=C(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),f}var n=(h=new WeakSet,class extends z{constructor(...t){super(...t),P(this,h),this.variant="filled",this.size="medium",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||$().then(({ensureFocusRingReady:e})=>(e(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=e=>{const i=e.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=e=>{this.__nativeRippleReady||this.disabled||(e&&(this.__nativeRipplePendingPointerEvent=e),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=e=>{this.__ensureNativeRipple(e)},this.__onNativeClick=e=>{if(this.disabled){e.preventDefault(),e.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple())}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(t){const e=t.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==e&&(this.__hasDefaultSlotContent=e,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const t=this.__getNativeControl();t&&this.__syncAriaToControl(t)}__syncAriaToControl(t){const e=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",r=e||i;r?t.setAttribute("aria-label",r):t.removeAttribute("aria-label");const l=this.getAttribute("aria-controls");l!==null?t.setAttribute("aria-controls",l):t.removeAttribute("aria-controls");const b=this.getAttribute("aria-haspopup");b!==null?t.setAttribute("aria-haspopup",b):t.removeAttribute("aria-haspopup");const _=this.getAttribute("aria-expanded");_!==null?t.setAttribute("aria-expanded",_):t.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(S=>{const d=this.__getNativeControl();if(d)for(const v of S){if(v.type!=="attributes"||!v.attributeName)continue;const p=v.attributeName,g=this.getAttribute(p);if(p==="aria-label"){const y=(g||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();y?d.setAttribute("aria-label",y):d.removeAttribute("aria-label")}else(p==="aria-controls"||p==="aria-expanded"||p==="aria-haspopup")&&(g===null?d.removeAttribute(p):d.setAttribute(p,g))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(t){const e=this.__getNativeControl();if(e){e.focus(t);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(t))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),R(h,this,x).call(this)}updated(t){(t.has("variant")||t.has("label")||t.has("icon")||t.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&R(h,this,x).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__syncNativeFocusRingControl(){const t=this.renderRoot.querySelector("md-focus-ring"),e=this.__getNativeControl();t&&e&&(t.control=e,t.visible=e.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&e&&(i.control=e)}async __replayNativeRippleState(){const t=this.renderRoot.querySelector("md-ripple"),e=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,r=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:l}=await k();await l(t,e,i,r)}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}static get styles(){return w`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-padding-block:var(--spacing-3);--scb-button-label-text-line-height:var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height));--scb-button-container-height:var(--scb-control-size-medium, var(--scale-10, 40px));--scb-button-padding-inline:var(--spacing-5);--scb-button-icon-edge-space:var(--spacing-5);--scb-button-icon-gap:var(--spacing-3);--scb-button-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']),:host([size='small']){--scb-button-padding-block:var(--spacing-2);--scb-button-padding-inline:var(--spacing-4);--scb-button-icon-edge-space:var(--spacing-4);--scb-button-icon-gap:var(--spacing-2);--scb-button-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']){--scb-button-container-height:var(--scb-control-size-extra-small, var(--scale-08, 32px))}:host([size='small']){--scb-button-container-height:var(--scb-control-size-small, var(--scale-08, 32px))}:host([size='large']){--scb-button-container-height:var(--scb-control-size-large, var(--scale-12, 56px));--scb-button-padding-block:var(--spacing-5);--scb-button-label-text-line-height:var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height));--scb-button-padding-inline:var(--spacing-7);--scb-button-icon-edge-space:var(--spacing-7);--scb-button-icon-gap:var(--spacing-3);--scb-button-icon-size:var(--icon-size-medium, 24px)}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--md-sys-shape-corner-full, 999px)}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--md-sys-color-primary);font-family:var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font));font-size:var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size));font-weight:var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight));line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:normal;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-sys-color-primary);outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:rgb(15 8 101/38%);cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host([variant='outlined']) .native-button{background:0 0;color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--md-sys-color-outline)}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:rgb(15 8 101/38%);box-shadow:inset 0 0 0 var(--stroke-border, 1px) rgb(15 8 101/12%)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:rgb(15 8 101/12%);color:rgb(15 8 101/38%)}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--md-sys-color-primary)}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:rgb(15 8 101/38%)}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}`}render(){const t=!!this.icon?.trim(),e=t?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:s,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,r=c`
       <slot
         @slotchange=${this.__handleDefaultSlotChange}
         style=${this.__hasDefaultSlotContent?s:"display: none"}
@@ -46,4 +46,4 @@ import{g as s,h as z,m as N,p as o,v as c,y as w}from"../../vendor/vendor.js";im
         ${this.__nativeRippleReady?c`<md-ripple aria-hidden="true"></md-ripple>`:s}
         ${this.__nativeFocusRingReady?c`<md-focus-ring aria-hidden="true"></md-focus-ring>`:s}
       </span>
-    `}});function x(){const p=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??p,e=this.mapSpacingToken(this.spacingBottom)??p,i=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-button-spacing-block-start",t):this.style.removeProperty("--scb-button-spacing-block-start"),e?this.style.setProperty("--scb-button-spacing-block-end",e):this.style.removeProperty("--scb-button-spacing-block-end"),i?this.style.setProperty("--scb-button-spacing-inline-start",i):this.style.removeProperty("--scb-button-spacing-inline-start"),r?this.style.setProperty("--scb-button-spacing-inline-end",r):this.style.removeProperty("--scb-button-spacing-inline-end")}a([o({type:String,reflect:!0})],n.prototype,"variant",void 0);a([o({type:String,reflect:!0})],n.prototype,"size",void 0);a([o({type:String,reflect:!0})],n.prototype,"type",void 0);a([o({type:String})],n.prototype,"label",void 0);a([o({type:Boolean,attribute:"trailing-icon"})],n.prototype,"trailingIcon",void 0);a([o({type:String})],n.prototype,"icon",void 0);a([o({type:Boolean,attribute:"icon-filled",reflect:!0})],n.prototype,"iconFilled",void 0);a([o({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);a([o({type:Boolean,attribute:"full-width",reflect:!0})],n.prototype,"fullWidth",void 0);a([o({type:String})],n.prototype,"href",void 0);a([o({type:String})],n.prototype,"target",void 0);a([o({type:String})],n.prototype,"rel",void 0);a([o({type:String,reflect:!0})],n.prototype,"spacing",void 0);a([o({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);a([o({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);a([o({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);a([o({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=a([N("scb-button")],n);export{n as ScbButton};
+    `}});function x(){const u=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??u,e=this.mapSpacingToken(this.spacingBottom)??u,i=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-button-spacing-block-start",t):this.style.removeProperty("--scb-button-spacing-block-start"),e?this.style.setProperty("--scb-button-spacing-block-end",e):this.style.removeProperty("--scb-button-spacing-block-end"),i?this.style.setProperty("--scb-button-spacing-inline-start",i):this.style.removeProperty("--scb-button-spacing-inline-start"),r?this.style.setProperty("--scb-button-spacing-inline-end",r):this.style.removeProperty("--scb-button-spacing-inline-end")}a([o({type:String,reflect:!0})],n.prototype,"variant",void 0);a([o({type:String,reflect:!0})],n.prototype,"size",void 0);a([o({type:String,reflect:!0})],n.prototype,"type",void 0);a([o({type:String})],n.prototype,"label",void 0);a([o({type:Boolean,attribute:"trailing-icon"})],n.prototype,"trailingIcon",void 0);a([o({type:String})],n.prototype,"icon",void 0);a([o({type:Boolean,attribute:"icon-filled",reflect:!0})],n.prototype,"iconFilled",void 0);a([o({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);a([o({type:Boolean,attribute:"full-width",reflect:!0})],n.prototype,"fullWidth",void 0);a([o({type:String})],n.prototype,"href",void 0);a([o({type:String})],n.prototype,"target",void 0);a([o({type:String})],n.prototype,"rel",void 0);a([o({type:String,reflect:!0})],n.prototype,"spacing",void 0);a([o({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);a([o({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);a([o({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);a([o({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=a([N("scb-button")],n);export{n as ScbButton};