scb-wc 0.1.171 → 0.1.172

package/README.md

@@ -1,16 +1,19 @@
-# Om SCB Web Components
+# Om SCB Web Components Preview
 
-SCB Web Components innehåller SCB:s gemensamma webbkomponenter.
+> ⚠️ **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 innehåller SCB:s gemensamma webbkomponenter.
 
 ## Dokumentation
 
-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
 
@@ -19,7 +22,7 @@ Testkomponenterna finns på:
 Välj den teknik du använder. Exemplet skapar en vanlig webbplats:
 
 ```sh
-npx scb-wc init html my-app
+npx scb-wc@next init html my-app
 cd my-app
 npm install
 npm run dev
@@ -36,7 +39,7 @@ Byt `html` mot:
 Kör kommandot i mappen där appens `package.json` ligger:
 
 ```sh
-npm install scb-wc
+npm install scb-wc@next
 ```
 
 Importera CSS och bara de komponenter som sidan använder:
@@ -55,9 +58,9 @@ Lägg sedan komponenten i sidan:
 
 ### Nästa steg
 
-- Öppna Kom igång i [Prod Storybook](https://webcomponents.scb.intra/?path=/docs/docs-kom-igång--beskrivning) för HTML/CSS, React, MVC och Blazor.
-- Öppna [mallar och exempel](https://webcomponents.scb.intra/?path=/docs/examples-and-templates-att-använda-mallar-och-exempel--beskrivning) när du vill bygga en hel sida.
-- Öppna [komponentöversikten](https://webcomponents.scb.intra/?path=/story/components-översikt-alla-komponenter-exposé--expose) när du vill välja nästa komponent.
+- Öppna Kom igång i [Test Storybook](https://webcomponentstest.scb.intra/?path=/docs/docs-kom-igång--beskrivning) för HTML/CSS, React, MVC och Blazor.
+- Öppna [mallar och exempel](https://webcomponentstest.scb.intra/?path=/docs/examples-and-templates-att-använda-mallar-och-exempel--beskrivning) när du vill bygga en hel sida.
+- Öppna [komponentöversikten](https://webcomponentstest.scb.intra/?path=/story/components-översikt-alla-komponenter-exposé--expose) när du vill välja nästa komponent.
 
 ## Kort referens
 
@@ -85,15 +88,15 @@ Webbplatsmallarna använder standardläget. Service- och appmallarna laddar Comp
 
 ### MVC och statiska webbplatser
 
-Paketets färdiga MVC-filer ligger i `node_modules/scb-wc/mvc/`. Följ det kopierbara MVC-exemplet i [Kom igång](https://webcomponents.scb.intra/?path=/docs/docs-kom-igång--beskrivning). Det visar vilket `ui:install`-script som ska läggas i appens `package.json` och vilka filer layouten ska ladda.
+Paketets färdiga MVC-filer ligger i `node_modules/scb-wc/mvc/`. Följ det kopierbara MVC-exemplet i [Kom igång](https://webcomponentstest.scb.intra/?path=/docs/docs-kom-igång--beskrivning). Det visar vilket `ui:install`-script som ska läggas i appens `package.json` och vilka filer layouten ska ladda.
 
 ### Blazor
 
-Blazor använder samma MVC-filer plus wrappers och interop under `node_modules/scb-wc/blazor/`. Följ [Kom igång](https://webcomponents.scb.intra/?path=/docs/docs-kom-igång--beskrivning) för första installationen och [Blazor-guiden](https://webcomponents.scb.intra/?path=/docs/docs-om-användning-i-blazor--beskrivning) när integrationen behöver state, parametrar eller events.
+Blazor använder samma MVC-filer plus wrappers och interop under `node_modules/scb-wc/blazor/`. Följ [Kom igång](https://webcomponentstest.scb.intra/?path=/docs/docs-kom-igång--beskrivning) för första installationen och [Blazor-guiden](https://webcomponentstest.scb.intra/?path=/docs/docs-om-användning-i-blazor--beskrivning) när integrationen behöver state, parametrar eller events.
 
 ### Fonter och egna ikoner
 
-Vanliga appar använder `scb-wc.css`. Selfhost och egna Material Symbols-subset är avancerade val. Följ [Foundations/Icons](https://webcomponents.scb.intra/?path=/docs/foundations-icons-ikoner--beskrivning) om appen inte får ladda Google Fonts eller behöver fler ikoner än paketets `icons.json`.
+Vanliga appar använder `scb-wc.css`. Selfhost och egna Material Symbols-subset är avancerade val. Följ [Foundations/Icons](https://webcomponentstest.scb.intra/?path=/docs/foundations-icons-ikoner--beskrivning) om appen inte får ladda Google Fonts eller behöver fler ikoner än paketets `icons.json`.
 
 ### Bundlad version
 
@@ -115,18 +118,18 @@ Kör först i appens mapp:
 npm outdated scb-wc
 ```
 
-Om en ny version finns, läs [Uppdatera SCB Web Components](https://webcomponents.scb.intra/?path=/docs/docs-uppdatera-s%C3%A5-uppdaterar-du--beskrivning). Där länkas du vidare till versionen och eventuella migrationssteg.
+Om en ny version finns, läs [Uppdatera SCB Web Components](https://webcomponentstest.scb.intra/?path=/docs/docs-uppdatera-s%C3%A5-uppdaterar-du--beskrivning). Där länkas du vidare till versionen och eventuella migrationssteg.
 
 Uppdatera sedan paketet, bygg appen och kör appens vanliga tester:
 
 ```sh
-npm install scb-wc
+npm install scb-wc@next
 ```
 
 För MVC och Blazor behöver du även köra appens befintliga kopieringsscript efter installationen. Exakta steg finns på uppdateringssidan.
 
 ## 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 alltid npm-kommandon i mappen där appens `package.json` ligger.
 - Ladda inte samma komponent på flera sätt på samma sida.

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,7 @@ 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/manual-popover.js';
+import './shared/scb-icon-svg.js';

package/index.js

@@ -1,31 +1,35 @@
-import { ScbAvatar as e } from "./scb-avatar/scb-avatar.js";
-import { ScbAccordionItem as t } from "./scb-accordion/scb-accordion-item.js";
-import { ScbButton as n } from "./scb-button/scb-button.js";
-import { ScbAccordion as r } from "./scb-accordion/scb-accordion.js";
-import { ScbActionCard as i, ScbCard as a, ScbContainerCard as o, ScbLinkCard as s, ScbListCard as c, ScbSocialCard as l } 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 { ScbAvatar as i } from "./scb-avatar/scb-avatar.js";
+import { ScbChevron as a } from "./scb-chevron/scb-chevron.js";
+import { ScbAccordionItem as o } from "./scb-accordion/scb-accordion-item.js";
+import { ScbButton as s } from "./scb-button/scb-button.js";
+import { ScbAccordion as c } from "./scb-accordion/scb-accordion.js";
+import { ScbActionCard as l, ScbCard as u, ScbContainerCard as d, ScbLinkCard as f, ScbListCard as p, ScbSocialCard as m } from "./scb-card/scb-card.js";
 import "./scb-action-card/scb-action-card.js";
-import { ScbIconButton as u } from "./scb-icon-button/scb-icon-button.js";
-import { ScbSearch as d } from "./scb-search/scb-search.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 h } from "./scb-icon-button/scb-icon-button.js";
+import { closeManualPopover as g, closeManualPopoverAfterAnimations as _, closeNestedPopupSurfaces as v, isManualPopoverOpen as y, openManualPopover as b } from "./shared/manual-popover.js";
+import { ScbSearch as x } from "./scb-search/scb-search.js";
+import { ScbAppBar as S } from "./scb-app-bar/scb-app-bar.js";
+import { ScbBadge as C } from "./scb-badge/scb-badge.js";
+import { ScbLink as w } from "./scb-link/scb-link.js";
+import { SCBBreadcrumbItem as T } from "./scb-breadcrumb/scb-breadcrumb-item.js";
+import { SCBBreadcrumb as E } from "./scb-breadcrumb/scb-breadcrumb.js";
+import { ScbCalendarEvent as D } from "./scb-calendar/scb-calendar-event.js";
+import { ScbDivider as O } from "./scb-divider/scb-divider.js";
+import { ScbDatepicker as k } from "./scb-datepicker/scb-datepicker.js";
+import { ScbTooltip as A } from "./scb-tooltip/scb-tooltip.js";
+import { ScbTextField as j } from "./scb-textfield/scb-textfield.js";
+import { ScbCheckboxGroup as M } from "./scb-checkbox/scb-checkbox-group.js";
+import { ScbCheckbox as N } from "./scb-checkbox/scb-checkbox.js";
+import { ScbRadioGroup as P } from "./scb-radio-button/scb-radio-group.js";
+import { ScbRadioButton as F } from "./scb-radio-button/scb-radio-button.js";
+import { ScbSwitch as I } from "./scb-switch/scb-switch.js";
+import { ScbChip as L } from "./scb-chip/scb-chip.js";
+import { ScbDialog as R } from "./scb-dialog/scb-dialog.js";
+import { ScbListItem as z } from "./scb-list/scb-list-item.js";
+import { ScbList as B } from "./scb-list/scb-list.js";
+import { ScbCalendar as V } from "./scb-calendar/scb-calendar.js";
+import { ScbCalendarCard as H } 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 +39,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, r as ScbAccordion, t as ScbAccordionItem, i as ScbActionCard, f as ScbAppBar, e as ScbAvatar, p as ScbBadge, n as ScbButton, A as ScbCalendar, j as ScbCalendarCard, _ as ScbCalendarEvent, a as ScbCard, S as ScbCheckbox, x as ScbCheckboxGroup, E as ScbChip, M as ScbCollapse, o 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, u as ScbIconButton, ae as ScbKeyFigureCard, m as ScbLink, s as ScbLinkCard, k as ScbList, c 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, d 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, l 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 U } from "./scb-collapse/scb-collapse.js";
+import { ScbCookiesConsent as W } from "./scb-cookies-consent/scb-cookies-consent.js";
+import { ScbDrawer as G } from "./scb-drawer/scb-drawer.js";
+import { ScbDropZone as K } from "./scb-drop-zone/scb-drop-zone.js";
+import { ScbOptionsMenuItem as q } from "./scb-options-menu/scb-options-menu-item.js";
+import { ScbOptionsSubMenu as J } from "./scb-options-menu/scb-options-sub-menu.js";
+import { ScbOptionsMenu as Y } from "./scb-options-menu/scb-options-menu.js";
+import { ScbDropdown as X } from "./scb-dropdown/scb-dropdown.js";
+import { ScbFab as Z } from "./scb-fab/scb-fab.js";
+import { ScbFactCardContent as Q } from "./scb-fact-card/scb-fact-card-content.js";
+import { ScbFactCard as $ } from "./scb-fact-card/scb-fact-card.js";
+import { ScbFooterSection as ee } from "./scb-footer/scb-footer-section.js";
+import { ScbGridItem as te } from "./scb-grid/scb-grid-item.js";
+import { ScbStack as ne } from "./scb-grid/scb-stack.js";
+import { ScbGrid as re } from "./scb-grid/scb-grid.js";
+import { ScbFooter as ie } from "./scb-footer/scb-footer.js";
+import { ScbIcon as ae } from "./scb-icon/scb-icon.js";
+import { ScbNotificationCard as oe } from "./scb-notification-card/scb-notification-card.js";
+import { ScbFormErrorSummary as se } from "./scb-form-error-summary/scb-form-error-summary.js";
+import { hasScbSvgIcon as ce, renderScbIcon as le } from "./shared/scb-icon-svg.js";
+import { ScbHorizontalScroller as ue } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
+import { ScbOverlay as de } from "./scb-overlay/scb-overlay.js";
+import { ScbGalleryGrid as fe } from "./scb-gallery-grid/scb-gallery-grid.js";
+import { ScbHeaderMenuGroup as pe } from "./scb-header/scb-header-menu-group.js";
+import { ScbHeaderMenuItem as me } from "./scb-header/scb-header-menu-item.js";
+import { ScbHeaderTab as he } from "./scb-header/scb-header-tab.js";
+import { ScbHeaderUtility as ge } from "./scb-header/scb-header-utility.js";
+import { ScbHeader as _e } from "./scb-header/scb-header.js";
+import { ScbKeyFigureCard as ve } from "./scb-keyfigure-card/scb-keyfigure-card.js";
+import { ScbMenuItem as ye } from "./scb-menu/scb-menu-item.js";
+import { ScbmenuSection as be } from "./scb-menu/scb-menu-section.js";
+import { ScbSubmenu as xe } from "./scb-menu/scb-sub-menu.js";
+import { ScbMenu as Se } from "./scb-menu/scb-menu.js";
+import { ScbNavItem as Ce } from "./scb-nav/scb-nav-item.js";
+import { ScbNav as we } from "./scb-nav/scb-nav.js";
+import { ScbPagination as Te } from "./scb-pagination/scb-pagination.js";
+import { ScbProgressIndicator as Ee } from "./scb-progress-indicator/scb-progress-indicator.js";
+import { ScbProgressStep as De } from "./scb-progress-stepper/scb-progress-step.js";
+import { ScbProgressStepper as Oe } from "./scb-progress-stepper/scb-progress-stepper.js";
+import { ScbScrollspy as ke } from "./scb-scrollspy/scb-scrollspy.js";
+import { ScbSegmentedItem as Ae } from "./scb-segmented-button/scb-segmented-item.js";
+import { ScbSegmentedButton as je } from "./scb-segmented-button/scb-segmented-button.js";
+import { ScbSelectOption as Me } from "./scb-select/scb-select-option.js";
+import { ScbSelect as Ne } from "./scb-select/scb-select.js";
+import { ScbSkeleton as Pe } from "./scb-skeleton/scb-skeleton.js";
+import { ScbSlider as Fe } from "./scb-slider/scb-slider.js";
+import { ScbSnackbar as Ie } from "./scb-snackbar/scb-snackbar.js";
+import { ScbStatusPill as Le } from "./scb-status-pill/scb-status-pill.js";
+import { ScbStep as Re } from "./scb-stepper/scb-step.js";
+import { ScbStepper as ze } from "./scb-stepper/scb-stepper.js";
+import { ScbTable as Be } from "./scb-table/scb-table.js";
+import { ScbTableAdvanced as Ve } from "./scb-table-advanced/scb-table-advanced.js";
+import { ScbPrimaryTab as He } from "./scb-tabs/scb-primary-tab.js";
+import { ScbSecondaryTab as Ue } from "./scb-tabs/scb-secondary-tab.js";
+import { ScbTabs as We } from "./scb-tabs/scb-tabs.js";
+import { ScbTocItem as Ge } from "./scb-toc/scb-toc-item.js";
+import { ScbToc as Ke } from "./scb-toc/scb-toc.js";
+import { buildScbVizExportFileName as qe, createScbVizCsvBlob as Je, createScbVizRasterBlobFromElement as Ye, createScbVizRasterDataUrlFromElement as Xe, downloadScbVizBlob as Ze, getScbVizCurrentFullscreenElement as Qe, getScbVizExportBaseFileName as $e, getScbVizFullscreenDocument as et, isScbVizFullscreenSupported as tt, openScbVizPrintFrame as nt, runWithScbVizForcedPrintLightMode as rt, toggleScbVizFullscreen as it } from "./scb-viz/scb-viz-actions-runtime.js";
+import { buildScbVizPrintDocumentHtml as at, buildScbVizPrintableFooterHtml as ot, buildScbVizPrintableTableHtml as st } from "./scb-viz/scb-viz-print-runtime.js";
+import { appendScbVizSeriesDifferentiationPatternMarks as ct, getScbVizSeriesDifferentiationPatternDefinition as lt, getScbVizSeriesDifferentiationPatternKinds as ut, getScbVizSeriesDifferentiationRegistry as dt, getScbVizSeriesDifferentiationVariant as ft, scbVizSeriesDifferentiationRegistry as pt } from "./scb-viz/scb-viz-series-differentiation-registry.js";
+import { clearScbVizSeriesDifferentiationColorClass as mt, clearScbVizSeriesDifferentiationMetadata as ht, ensureScbVizGroupedSeriesDifferentiationStore as gt, ensureScbVizStyledModeSeriesPattern as _t, getScbVizGroupedSeriesDifferentiationKey as vt, getScbVizGroupedSeriesDifferentiationVariant as yt, getScbVizGroupedSeriesDifferentiationVariantIndex as bt, getScbVizHighchartsColorClassName as xt, getScbVizHighchartsSvgElement as St, getScbVizHighchartsSvgRoot as Ct, getScbVizLegendSeriesDifferentiationTargets as wt, getScbVizSeriesDifferentiationColorIndex as Tt, getScbVizSeriesDifferentiationVariantByIndex as Et, isScbVizGroupedSeriesDifferentiationChart as Dt, isScbVizHighchartsStyledMode as Ot, setScbVizSeriesDifferentiationColorClass as kt, setScbVizSeriesDifferentiationMetadata as At, shouldShowScbVizSeriesDifferentiationAction as jt, usesScbVizGroupedPointDifferentiation as Mt } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
+import { buildScbVizResolvedTableView as Nt, createScbVizCsvRows as Pt, inferScbVizTableAlignments as Ft, normalizeScbVizRenderableCell as It, readScbVizTableDataFromSlot as Lt } from "./scb-viz/scb-viz-table-runtime.js";
+import { ScbViz as Rt } from "./scb-viz/scb-viz.js";
+import { ensureRippleReady as zt, syncRippleToControl as Bt } from "./shared/lazy-ripple.js";
+export { E as SCBBreadcrumb, T as SCBBreadcrumbItem, c as ScbAccordion, o as ScbAccordionItem, l as ScbActionCard, S as ScbAppBar, i as ScbAvatar, C as ScbBadge, s as ScbButton, V as ScbCalendar, H as ScbCalendarCard, D as ScbCalendarEvent, u as ScbCard, N as ScbCheckbox, M as ScbCheckboxGroup, a as ScbChevron, L as ScbChip, U as ScbCollapse, d as ScbContainerCard, W as ScbCookiesConsent, k as ScbDatepicker, R as ScbDialog, O as ScbDivider, G as ScbDrawer, K as ScbDropZone, X as ScbDropdown, Z as ScbFab, $ 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, h as ScbIconButton, ve as ScbKeyFigureCard, w as ScbLink, f as ScbLinkCard, B as ScbList, p as ScbListCard, z as ScbListItem, Se as ScbMenu, ye as ScbMenuItem, we as ScbNav, Ce as ScbNavItem, oe as ScbNotificationCard, Y as ScbOptionsMenu, q as ScbOptionsMenuItem, J as ScbOptionsSubMenu, de as ScbOverlay, Te as ScbPagination, He as ScbPrimaryTab, Ee as ScbProgressIndicator, De as ScbProgressStep, Oe as ScbProgressStepper, F as ScbRadioButton, P as ScbRadioGroup, ke as ScbScrollspy, x as ScbSearch, Ue as ScbSecondaryTab, je as ScbSegmentedButton, Ae as ScbSegmentedItem, Ne as ScbSelect, Me as ScbSelectOption, Pe as ScbSkeleton, Fe as ScbSlider, Ie as ScbSnackbar, m as ScbSocialCard, ne as ScbStack, Le as ScbStatusPill, Re as ScbStep, ze as ScbStepper, xe as ScbSubmenu, I as ScbSwitch, Be as ScbTable, Ve as ScbTableAdvanced, We as ScbTabs, j as ScbTextField, Ke as ScbToc, Ge as ScbTocItem, A as ScbTooltip, Rt as ScbViz, be as ScbmenuSection, e as addLazyFocusRingListeners, ct as appendScbVizSeriesDifferentiationPatternMarks, qe as buildScbVizExportFileName, at as buildScbVizPrintDocumentHtml, ot as buildScbVizPrintableFooterHtml, st as buildScbVizPrintableTableHtml, Nt as buildScbVizResolvedTableView, mt as clearScbVizSeriesDifferentiationColorClass, ht as clearScbVizSeriesDifferentiationMetadata, g as closeManualPopover, _ as closeManualPopoverAfterAnimations, v as closeNestedPopupSurfaces, Je as createScbVizCsvBlob, Pt as createScbVizCsvRows, Ye as createScbVizRasterBlobFromElement, Xe as createScbVizRasterDataUrlFromElement, Ze as downloadScbVizBlob, t as ensureFocusRingOnFocusVisible, n as ensureFocusRingOnTab, r as ensureFocusRingReady, zt as ensureRippleReady, gt as ensureScbVizGroupedSeriesDifferentiationStore, _t as ensureScbVizStyledModeSeriesPattern, Qe as getScbVizCurrentFullscreenElement, $e as getScbVizExportBaseFileName, et as getScbVizFullscreenDocument, vt as getScbVizGroupedSeriesDifferentiationKey, yt as getScbVizGroupedSeriesDifferentiationVariant, bt as getScbVizGroupedSeriesDifferentiationVariantIndex, xt as getScbVizHighchartsColorClassName, St as getScbVizHighchartsSvgElement, Ct as getScbVizHighchartsSvgRoot, wt as getScbVizLegendSeriesDifferentiationTargets, Tt as getScbVizSeriesDifferentiationColorIndex, lt as getScbVizSeriesDifferentiationPatternDefinition, ut as getScbVizSeriesDifferentiationPatternKinds, dt as getScbVizSeriesDifferentiationRegistry, ft as getScbVizSeriesDifferentiationVariant, Et as getScbVizSeriesDifferentiationVariantByIndex, ce as hasScbSvgIcon, Ft as inferScbVizTableAlignments, y as isManualPopoverOpen, tt as isScbVizFullscreenSupported, Dt as isScbVizGroupedSeriesDifferentiationChart, Ot as isScbVizHighchartsStyledMode, It as normalizeScbVizRenderableCell, b as openManualPopover, nt as openScbVizPrintFrame, Lt as readScbVizTableDataFromSlot, le as renderScbIcon, rt as runWithScbVizForcedPrintLightMode, pt as scbVizSeriesDifferentiationRegistry, kt as setScbVizSeriesDifferentiationColorClass, At as setScbVizSeriesDifferentiationMetadata, jt as shouldShowScbVizSeriesDifferentiationAction, Bt as syncRippleToControl, it as toggleScbVizFullscreen, Mt 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,7 @@ 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/manual-popover.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 p,m as u,p as n,v as a,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{n as h}from"../../vendor/lazy-focus-ring.js";import{t as o}from"../../vendor/decorate.js";import"../scb-avatar/scb-avatar.js";import"../../vendor/scb-chevron.js";(function(){try{var v=typeof globalThis<"u"?globalThis:window;if(!v.__scb_ce_guard_installed__){v.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(i,t,b){try{customElements.get(i)||c(i,t,b)}catch(s){var e=String(s||"");if(e.indexOf("already been used")===-1&&e.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,g,r=(d=class extends p{constructor(...c){super(...c),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=g._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=i=>{i.preventDefault();const t=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,t),this.setOpen(t)},this._onToggle=i=>{const t=i.currentTarget;t.open||(t.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${g._uidPrefix}-${++g._uidSeq}`}static get observedAttributes(){const c=super.observedAttributes||[];return c.includes("title")?c:[...c,"title"]}attributeChangedCallback(c,i,t){if(c==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(c,i,t),c==="title"&&t!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const c=this.renderRoot.querySelector(".scb-accordion-bottom");c&&(this.open?(c.removeAttribute("inert"),c.setAttribute("aria-hidden","false")):(c.setAttribute("inert",""),c.setAttribute("aria-hidden","true")))}_onKeyDown(c){const i=this.closest("scb-accordion"),t=Array.from(i?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),b=c.currentTarget,e=t.indexOf(b);switch(c.key){case"ArrowDown":c.preventDefault(),e<t.length-1&&t[e+1].focus();break;case"ArrowUp":c.preventDefault(),e>0&&t[e-1].focus();break;case"Home":c.preventDefault(),t.length&&t[0].focus();break;case"End":c.preventDefault(),t.length&&t[t.length-1].focus();break}}setOpen(c){this.open=!!c;const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen()}updated(c){if(c.has("open")){const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const c=`bottom-${this._unique}`,i=`header-${this._unique}`,t=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?a`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?a`
+import{g as l,h as p,m as u,p as n,v as a,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{ensureFocusRingOnFocusVisible as h}from"../shared/lazy-focus-ring.js";import{t as o}from"../../vendor/decorate.js";import"../scb-avatar/scb-avatar.js";import"../scb-chevron/scb-chevron.js";(function(){try{var v=typeof globalThis<"u"?globalThis:window;if(!v.__scb_ce_guard_installed__){v.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(i,t,b){try{customElements.get(i)||c(i,t,b)}catch(s){var e=String(s||"");if(e.indexOf("already been used")===-1&&e.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,g,r=(d=class extends p{constructor(...c){super(...c),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=g._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=i=>{i.preventDefault();const t=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,t),this.setOpen(t)},this._onToggle=i=>{const t=i.currentTarget;t.open||(t.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${g._uidPrefix}-${++g._uidSeq}`}static get observedAttributes(){const c=super.observedAttributes||[];return c.includes("title")?c:[...c,"title"]}attributeChangedCallback(c,i,t){if(c==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(c,i,t),c==="title"&&t!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const c=this.renderRoot.querySelector(".scb-accordion-bottom");c&&(this.open?(c.removeAttribute("inert"),c.setAttribute("aria-hidden","false")):(c.setAttribute("inert",""),c.setAttribute("aria-hidden","true")))}_onKeyDown(c){const i=this.closest("scb-accordion"),t=Array.from(i?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),b=c.currentTarget,e=t.indexOf(b);switch(c.key){case"ArrowDown":c.preventDefault(),e<t.length-1&&t[e+1].focus();break;case"ArrowUp":c.preventDefault(),e>0&&t[e-1].focus();break;case"Home":c.preventDefault(),t.length&&t[0].focus();break;case"End":c.preventDefault(),t.length&&t[t.length-1].focus();break}}setOpen(c){this.open=!!c;const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen()}updated(c){if(c.has("open")){const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const c=`bottom-${this._unique}`,i=`header-${this._unique}`,t=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?a`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?a`
               <scb-avatar
                 label=${this.avatarLabel}
                 alt=${this.avatarAlt}

package/mvc/components/scb-app-bar/scb-app-bar.js

@@ -1,4 +1,4 @@
-import{h as L,m as O,p as c,v,y as M}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as q}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{n as I,t as a}from"../../vendor/assertClassBrand.js";import"../scb-avatar/scb-avatar.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import{a as N,t as x}from"../../vendor/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,p,h){try{customElements.get(s)||e(s,p,h)}catch(o){var b=String(o||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var t,u,F={default:{size:"small",variant:"centered"},"small-flexible":{size:"small",variant:"start"},search:{size:"small",variant:"search"},"medium-flexible":{size:"medium",variant:"start"},"large-flexible":{size:"large",variant:"start"}},U={"action-size":{small:"var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)))",medium:"var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)))",large:"var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)))"},"action-icon-size":{small:"var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px))",medium:"var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px))",large:"var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px))"},"action-padding-inline":{small:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",medium:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",large:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))"},"action-padding-block":{small:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",medium:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",large:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))"},"avatar-size":{small:"var(--scb-avatar-size-small, var(--scale-08, 32px))",medium:"var(--scb-avatar-size-small, var(--scale-08, 32px))",large:"var(--scb-avatar-size-small, var(--scale-08, 32px))"},"avatar-icon-size":{small:"var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))",medium:"var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))",large:"var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))"},"search-height":{small:"var(--scb-fields-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)))",medium:"var(--scb-fields-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)))",large:"var(--scb-fields-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)))"},"search-padding-inline":{small:"var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px))",medium:"var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px))",large:"var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px))"},"search-padding-block":{small:"var(--scb-fields-padding-block-small, var(--spacing-1, 2px))",medium:"var(--scb-fields-padding-block-small, var(--spacing-1, 2px))",large:"var(--scb-fields-padding-block-small, var(--spacing-1, 2px))"},"search-icon-size":{small:"var(--scb-fields-icon-size-small, var(--icon-size-small, 20px))",medium:"var(--scb-fields-icon-size-small, var(--icon-size-small, 20px))",large:"var(--scb-fields-icon-size-small, var(--icon-size-small, 20px))"}},r=(t=new WeakSet,u=class extends L{constructor(...e){super(...e),I(this,t),this.title="",this.appBarTitle="",this.size=q["scb-app-bar"].size,this.variant="centered",this.type="",this.position="default",this.ariaLabel="",this.defaultAriaLabel="Appfält",this.searchAriaLabel="Sökfält",this.searchSupportingText="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__titleResizeRaf=0}connectedCallback(){super.connectedCallback(),typeof ResizeObserver<"u"&&(this.__titleResizeObserver=new ResizeObserver(()=>a(t,this,g).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,x(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(s=>{a(t,this,R).call(this,s)}),a(t,this,g).call(this)}handleAvatarSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(s=>{a(t,this,T).call(this,s)}),a(t,this,g).call(this)}firstUpdated(){a(t,this,k).call(this),a(t,this,w).call(this),a(t,this,_).call(this)}updated(e){if((e.has("title")||e.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(a(t,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(a(t,this))},bubbles:!0,composed:!0}))),e.has("position")){const s=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?N(s):x(s),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}e.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),e.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:z.call(a(t,this))},bubbles:!0,composed:!0})),e.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:d.call(a(t,this))},bubbles:!0,composed:!0})),(e.has("type")||e.has("size")||e.has("variant"))&&this.updateComplete.then(()=>{a(t,this,w).call(this),a(t,this,_).call(this)}),e.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&a(t,this,k).call(this)}mapSpacingToken(e){if(!e)return;const s=String(e).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}render(){const e=d.call(a(t,this));return v`
+import{h as L,m as O,p as c,v,y as M}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as q}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{n as I,t as a}from"../../vendor/assertClassBrand.js";import"../scb-avatar/scb-avatar.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import{closeManualPopover as x,openManualPopover as N}from"../shared/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,p,h){try{customElements.get(s)||e(s,p,h)}catch(o){var b=String(o||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var t,u,F={default:{size:"small",variant:"centered"},"small-flexible":{size:"small",variant:"start"},search:{size:"small",variant:"search"},"medium-flexible":{size:"medium",variant:"start"},"large-flexible":{size:"large",variant:"start"}},U={"action-size":{small:"var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)))",medium:"var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)))",large:"var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)))"},"action-icon-size":{small:"var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px))",medium:"var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px))",large:"var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px))"},"action-padding-inline":{small:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",medium:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",large:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))"},"action-padding-block":{small:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",medium:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",large:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))"},"avatar-size":{small:"var(--scb-avatar-size-small, var(--scale-08, 32px))",medium:"var(--scb-avatar-size-small, var(--scale-08, 32px))",large:"var(--scb-avatar-size-small, var(--scale-08, 32px))"},"avatar-icon-size":{small:"var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))",medium:"var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))",large:"var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))"},"search-height":{small:"var(--scb-fields-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)))",medium:"var(--scb-fields-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)))",large:"var(--scb-fields-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)))"},"search-padding-inline":{small:"var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px))",medium:"var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px))",large:"var(--scb-fields-search-padding-inline-small, var(--spacing-3, 8px))"},"search-padding-block":{small:"var(--scb-fields-padding-block-small, var(--spacing-1, 2px))",medium:"var(--scb-fields-padding-block-small, var(--spacing-1, 2px))",large:"var(--scb-fields-padding-block-small, var(--spacing-1, 2px))"},"search-icon-size":{small:"var(--scb-fields-icon-size-small, var(--icon-size-small, 20px))",medium:"var(--scb-fields-icon-size-small, var(--icon-size-small, 20px))",large:"var(--scb-fields-icon-size-small, var(--icon-size-small, 20px))"}},r=(t=new WeakSet,u=class extends L{constructor(...e){super(...e),I(this,t),this.title="",this.appBarTitle="",this.size=q["scb-app-bar"].size,this.variant="centered",this.type="",this.position="default",this.ariaLabel="",this.defaultAriaLabel="Appfält",this.searchAriaLabel="Sökfält",this.searchSupportingText="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__titleResizeRaf=0}connectedCallback(){super.connectedCallback(),typeof ResizeObserver<"u"&&(this.__titleResizeObserver=new ResizeObserver(()=>a(t,this,g).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,x(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(s=>{a(t,this,R).call(this,s)}),a(t,this,g).call(this)}handleAvatarSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(s=>{a(t,this,T).call(this,s)}),a(t,this,g).call(this)}firstUpdated(){a(t,this,k).call(this),a(t,this,w).call(this),a(t,this,_).call(this)}updated(e){if((e.has("title")||e.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(a(t,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(a(t,this))},bubbles:!0,composed:!0}))),e.has("position")){const s=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?N(s):x(s),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}e.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),e.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:z.call(a(t,this))},bubbles:!0,composed:!0})),e.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:d.call(a(t,this))},bubbles:!0,composed:!0})),(e.has("type")||e.has("size")||e.has("variant"))&&this.updateComplete.then(()=>{a(t,this,w).call(this),a(t,this,_).call(this)}),e.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&a(t,this,k).call(this)}mapSpacingToken(e){if(!e)return;const s=String(e).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}render(){const e=d.call(a(t,this));return v`
             <header class=${`variant-${e} size-${z.call(a(t,this))} ${j.call(a(t,this))}`} role="banner" aria-label=${H.call(a(t,this))}>
                 <div class="leading">
                     <slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>

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 l,h as w,m as A,p as s,v as c,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as R}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{n as T,t as x}from"../../vendor/assertClassBrand.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(u){var r=String(u||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var h,g,f;function P(){return g??(g=R(()=>import("../../vendor/lazy-focus-ring.js").then(b=>b.i),__vite__mapDeps([0,1,2]),import.meta.url)),g}function k(){return f??(f=R(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),f}var a=(h=new WeakSet,class extends w{constructor(...e){super(...e),T(this,h),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",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||P().then(({ensureFocusRingReady:t})=>(t(),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=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label");const r=this.getAttribute("aria-controls");r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls");const u=this.getAttribute("aria-haspopup");u!==null?e.setAttribute("aria-haspopup",u):e.removeAttribute("aria-haspopup");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(S=>{const d=this.__getNativeControl();if(d)for(const m of S){if(m.type!=="attributes"||!m.attributeName)continue;const p=m.attributeName,v=this.getAttribute(p);if(p==="aria-label"){const _=(v||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();_?d.setAttribute("aria-label",_):d.removeAttribute("aria-label")}else(p==="aria-controls"||p==="aria-expanded"||p==="aria-haspopup")&&(v===null?d.removeAttribute(p):d.setAttribute(p,v))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){x(h,this,z).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&x(h,this,z).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,u]of i)(u||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`: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-container-height:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-padding-block:var(--scb-buttons-padding-block-medium, var(--spacing-3, 8px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-gap:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-medium, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-medium-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-medium-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-medium-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-medium-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-medium-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='extra-small']){--scb-button-container-height:var(--scb-buttons-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-buttons-padding-block-extra-small, var(--spacing-2, 4px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-extra-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-extra-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-extra-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-extra-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-extra-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='small']){--scb-button-container-height:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-buttons-padding-block-small, var(--spacing-2, 4px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='large']){--scb-button-container-height:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-padding-block:var(--scb-buttons-padding-block-large, var(--spacing-5, 16px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-gap:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-large, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}: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(--scb-button-shape-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-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-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:var(--scb-button-label-text-tracking, 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:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));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:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}: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:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}: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:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.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 e=!!this.icon?.trim(),t=e?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=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 l,h as w,m as A,p as s,v as c,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as R}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{n as T,t as x}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 e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(b){var r=String(b||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var h,g,f;function P(){return g??(g=R(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),g}function k(){return f??(f=R(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),f}var a=(h=new WeakSet,class extends w{constructor(...e){super(...e),T(this,h),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",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||P().then(({ensureFocusRingReady:t})=>(t(),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=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label");const r=this.getAttribute("aria-controls");r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls");const b=this.getAttribute("aria-haspopup");b!==null?e.setAttribute("aria-haspopup",b):e.removeAttribute("aria-haspopup");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(S=>{const d=this.__getNativeControl();if(d)for(const m of S){if(m.type!=="attributes"||!m.attributeName)continue;const u=m.attributeName,v=this.getAttribute(u);if(u==="aria-label"){const _=(v||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();_?d.setAttribute("aria-label",_):d.removeAttribute("aria-label")}else(u==="aria-controls"||u==="aria-expanded"||u==="aria-haspopup")&&(v===null?d.removeAttribute(u):d.setAttribute(u,v))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){x(h,this,z).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&x(h,this,z).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,b]of i)(b||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`: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-container-height:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-padding-block:var(--scb-buttons-padding-block-medium, var(--spacing-3, 8px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-gap:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-medium, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-medium-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-medium-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-medium-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-medium-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-medium-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='extra-small']){--scb-button-container-height:var(--scb-buttons-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-buttons-padding-block-extra-small, var(--spacing-2, 4px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-extra-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-extra-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-extra-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-extra-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-extra-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='small']){--scb-button-container-height:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-buttons-padding-block-small, var(--spacing-2, 4px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}:host([size='large']){--scb-button-container-height:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-padding-block:var(--scb-buttons-padding-block-large, var(--spacing-5, 16px));--scb-button-padding-inline:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-gap:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-large, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-buttons-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-button-label-text-size:var(--scb-buttons-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size)));--scb-button-label-text-weight:var(--scb-buttons-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight)));--scb-button-label-text-line-height:var(--scb-buttons-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));--scb-button-label-text-tracking:var(--scb-buttons-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking)))}: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(--scb-button-shape-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-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-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:var(--scb-button-label-text-tracking, 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:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));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:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}: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:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}: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:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.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 e=!!this.icon?.trim(),t=e?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=c`
       <slot
         @slotchange=${this.__handleDefaultSlotChange}
         style=${this.__hasDefaultSlotContent?l:"display: none"}
@@ -46,4 +46,4 @@ import{g as l,h as w,m as A,p as s,v as c,y as C}from"../../vendor/vendor.js";im
         ${this.__nativeRippleReady?c`<md-ripple aria-hidden="true"></md-ripple>`:l}
         ${this.__nativeFocusRingReady?c`<md-focus-ring aria-hidden="true"></md-focus-ring>`:l}
       </span>
-    `}});function z(){const b=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??b,t=this.mapSpacingToken(this.spacingBottom)??b,i=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),t?this.style.setProperty("--scb-button-spacing-block-end",t):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"),o?this.style.setProperty("--scb-button-spacing-inline-end",o):this.style.removeProperty("--scb-button-spacing-inline-end")}n([s({type:String,reflect:!0})],a.prototype,"variant",void 0);n([s({type:String,reflect:!0})],a.prototype,"size",void 0);n([s({type:String,reflect:!0})],a.prototype,"type",void 0);n([s({type:String})],a.prototype,"name",void 0);n([s({type:String})],a.prototype,"value",void 0);n([s({type:String,attribute:"form"})],a.prototype,"formId",void 0);n([s({type:String,attribute:"formaction"})],a.prototype,"formAction",void 0);n([s({type:String,attribute:"formenctype"})],a.prototype,"formEnctype",void 0);n([s({type:String,attribute:"formmethod"})],a.prototype,"formMethod",void 0);n([s({type:Boolean,attribute:"formnovalidate"})],a.prototype,"formNoValidate",void 0);n([s({type:String,attribute:"formtarget"})],a.prototype,"formTarget",void 0);n([s({type:String})],a.prototype,"label",void 0);n([s({type:Boolean,attribute:"trailing-icon"})],a.prototype,"trailingIcon",void 0);n([s({type:String})],a.prototype,"icon",void 0);n([s({type:Boolean,attribute:"icon-filled",reflect:!0})],a.prototype,"iconFilled",void 0);n([s({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);n([s({type:Boolean,attribute:"full-width",reflect:!0})],a.prototype,"fullWidth",void 0);n([s({type:String})],a.prototype,"href",void 0);n([s({type:String})],a.prototype,"target",void 0);n([s({type:String})],a.prototype,"rel",void 0);n([s({type:String,reflect:!0})],a.prototype,"spacing",void 0);n([s({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);n([s({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);n([s({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);n([s({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);a=n([A("scb-button")],a);export{a as ScbButton};
+    `}});function z(){const p=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??p,t=this.mapSpacingToken(this.spacingBottom)??p,i=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),t?this.style.setProperty("--scb-button-spacing-block-end",t):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"),o?this.style.setProperty("--scb-button-spacing-inline-end",o):this.style.removeProperty("--scb-button-spacing-inline-end")}n([s({type:String,reflect:!0})],a.prototype,"variant",void 0);n([s({type:String,reflect:!0})],a.prototype,"size",void 0);n([s({type:String,reflect:!0})],a.prototype,"type",void 0);n([s({type:String})],a.prototype,"name",void 0);n([s({type:String})],a.prototype,"value",void 0);n([s({type:String,attribute:"form"})],a.prototype,"formId",void 0);n([s({type:String,attribute:"formaction"})],a.prototype,"formAction",void 0);n([s({type:String,attribute:"formenctype"})],a.prototype,"formEnctype",void 0);n([s({type:String,attribute:"formmethod"})],a.prototype,"formMethod",void 0);n([s({type:Boolean,attribute:"formnovalidate"})],a.prototype,"formNoValidate",void 0);n([s({type:String,attribute:"formtarget"})],a.prototype,"formTarget",void 0);n([s({type:String})],a.prototype,"label",void 0);n([s({type:Boolean,attribute:"trailing-icon"})],a.prototype,"trailingIcon",void 0);n([s({type:String})],a.prototype,"icon",void 0);n([s({type:Boolean,attribute:"icon-filled",reflect:!0})],a.prototype,"iconFilled",void 0);n([s({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);n([s({type:Boolean,attribute:"full-width",reflect:!0})],a.prototype,"fullWidth",void 0);n([s({type:String})],a.prototype,"href",void 0);n([s({type:String})],a.prototype,"target",void 0);n([s({type:String})],a.prototype,"rel",void 0);n([s({type:String,reflect:!0})],a.prototype,"spacing",void 0);n([s({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);n([s({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);n([s({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);n([s({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);a=n([A("scb-button")],a);export{a as ScbButton};