scb-wc 0.1.178 → 0.1.179

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

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,8 @@ 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/component-size-token.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,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 f}from"../../vendor/component-size-token.js";import{t as o}from"../../vendor/decorate.js";import"../scb-avatar/scb-avatar.js";import"../../vendor/scb-chevron.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(i,t,l){try{customElements.get(i)||c(i,t,l)}catch(s){var e=String(s||"");if(e.indexOf("already been used")===-1&&e.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,v,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=v._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?.()??`${v._uidPrefix}-${++v._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),l=c.currentTarget,e=t.indexOf(l);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.closest("scb-accordion")?.getAttribute("size")||"large",l=f(this,`--scb-accordion-leading-avatar-component-size-${t}`,["small","medium","large","extra-large"],"medium"),e=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?a`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?a`
+import{g,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{componentSizeToken as f}from"../shared/component-size-token.js";import{t as o}from"../../vendor/decorate.js";import"../scb-avatar/scb-avatar.js";import"../scb-chevron/scb-chevron.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(i,t,l){try{customElements.get(i)||c(i,t,l)}catch(s){var e=String(s||"");if(e.indexOf("already been used")===-1&&e.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,v,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=v._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?.()??`${v._uidPrefix}-${++v._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),l=c.currentTarget,e=t.indexOf(l);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.closest("scb-accordion")?.getAttribute("size")||"large",l=f(this,`--scb-accordion-leading-avatar-component-size-${t}`,["small","medium","large","extra-large"],"medium"),e=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}
@@ -45,4 +45,4 @@ import{g,h as p,m as u,p as n,v as a,y as m}from"../../vendor/vendor.js";import"
         );--scb-accordion-panel-padding-closed:var(--spacing-0, 0px);--scb-accordion-interaction-bleed:max(var(--stroke-focus-ring, 3px), var(--spacing-2, 4px));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-large, var(--spacing-6, 20px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-large, var(--spacing-8, 28px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-large, var(--spacing-6, 20px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-large, var(--icon-size-medium, 24px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-large, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-large, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-large, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-large, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-large, var(--icon-size-medium, 24px))}:host([open]){--scb-accordion-motion-duration:var(--motion-duration-medium, 300ms);--scb-accordion-motion-easing:var(
           --motion-easing-emphasized-decelerate,
           cubic-bezier(0.05, 0.7, 0.1, 1)
-        )}:host-context(scb-accordion[size='medium']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-medium-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-medium-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-medium-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-medium-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-medium-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-medium-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-medium-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-medium-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-medium-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-medium-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-medium-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-medium-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-medium, var(--spacing-5, 16px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-medium, var(--spacing-6, 20px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-medium, var(--spacing-4, 12px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-medium, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-medium, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-medium, calc(var(--icon-size-large, 32px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-medium, var(--icon-size-medium, 24px))}:host-context(scb-accordion[size='small']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-small-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-small-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-small-weight, var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-small-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-small-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-small-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-small-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-small-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-small-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-small-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-small-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-small-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-small-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-small-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-small, var(--spacing-4, 12px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-small, var(--spacing-4, 12px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-small, var(--spacing-3, 8px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-small, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-small, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-small, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-small, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-small, calc(var(--icon-size-medium, 24px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-small, var(--icon-size-small, 20px))}md-focus-ring{position:absolute;inset:0;pointer-events:none;border-radius:var(--scb-accordion-focus-ring-radius, var(--md-sys-shape-corner-small, 8px))}.scb-accordion-item{border-bottom:var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);font-family:var(--brand-font)}.scb-accordion-top{list-style:none;display:flex;flex-direction:row;align-items:center;cursor:pointer;padding-block:var(--scb-accordion-item-padding-block, var(--spacing-7, 24px));padding-inline:var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px));border-radius:var(--radius-none, 0px);gap:var(--scb-accordion-item-gap, var(--spacing-5, 16px));color:var(--md-sys-color-on-surface);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;outline:0}.scb-accordion-top::-webkit-details-marker{display:none}summary::marker{content:""}:host([density="-2"]) .scb-accordion-top,:host-context([data-density="-2"]) .scb-accordion-top{padding-block:var(--spacing-5, 16px)}:host([density="-4"]) .scb-accordion-top,:host-context([data-density="-4"]) .scb-accordion-top{padding-block:var(--spacing-4, 12px)}.scb-accordion-bottom{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),opacity var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),padding var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing);padding-block:var(--scb-accordion-panel-padding-closed);padding-inline:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed))}:host([open]) .scb-accordion-bottom{grid-template-rows:1fr;opacity:1;padding-top:max(var(--spacing-0, 0px),calc(var(--scb-accordion-content-padding-top, var(--spacing-2, 4px)) - var(--scb-accordion-interaction-bleed)));padding-right:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-bottom:calc(var(--scb-accordion-content-padding-bottom, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-left:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed))}.bottom-inner{min-height:0;overflow:visible;padding-block:0;padding-inline:var(--scb-accordion-interaction-bleed);transition:padding-block 0s linear var(--scb-accordion-motion-duration);color:var(--md-sys-color-on-surface);font-family:var(--scb-accordion-content-text-font-current, var(--brand-font));font-size:var(--scb-accordion-content-text-font-current-size, var(--scb-accordion-content-text-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-content-text-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-content-text-font-weight-current, var(--scb-accordion-content-text-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-content-text-letter-spacing-current, var(--scb-accordion-content-text-tracking-current, var(--md-sys-typescale-body-large-tracking)))}:host([open]) .bottom-inner{padding-block:var(--scb-accordion-interaction-bleed);transition-delay:0s}.bottom-inner ::slotted(div),.bottom-inner ::slotted(ol),.bottom-inner ::slotted(p),.bottom-inner ::slotted(span),.bottom-inner ::slotted(ul){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit}.title{font-family:var(--scb-accordion-title-font-current, var(--brand-font));font-size:var(--scb-accordion-title-font-current-size, var(--scb-accordion-title-size-current, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-accordion-title-line-height-current, var(--md-sys-typescale-title-large-line-height));font-weight:var(--scb-accordion-title-font-weight-current, var(--scb-accordion-title-weight-current, var(--weight-semibold)));letter-spacing:var(--scb-accordion-title-letter-spacing-current, var(--scb-accordion-title-tracking-current, var(--md-sys-typescale-title-large-tracking)));color:var(--md-sys-color-on-surface)}.overline,.supporting-text{color:var(--md-sys-color-on-surface-variant)}.overline{font-family:var(--scb-accordion-overline-font-current, var(--brand-font));font-size:var(--scb-accordion-overline-font-current-size, var(--scb-accordion-overline-size-current, var(--md-sys-typescale-label-medium-size)));line-height:var(--scb-accordion-overline-line-height-current, var(--md-sys-typescale-label-medium-line-height));font-weight:var(--scb-accordion-overline-font-weight-current, var(--scb-accordion-overline-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-overline-letter-spacing-current, var(--scb-accordion-overline-tracking-current, var(--md-sys-typescale-label-medium-tracking)))}.supporting-text{font-family:var(--scb-accordion-supporting-font-current, var(--brand-font));font-size:var(--scb-accordion-supporting-font-current-size, var(--scb-accordion-supporting-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-supporting-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-supporting-font-weight-current, var(--scb-accordion-supporting-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-supporting-letter-spacing-current, var(--scb-accordion-supporting-tracking-current, var(--md-sys-typescale-body-large-tracking)))}.leading{align-self:center;display:grid;place-items:center}.leading md-icon{--md-icon-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));font-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));line-height:1}.img{width:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));height:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));object-fit:contain;border-radius:var(--radius-s, 8px)}.texts{display:grid;gap:var(--spacing-1, 2px)}.chevron{margin-left:auto;--scb-chevron-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px))}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none;overflow:hidden}@media (prefers-reduced-motion:reduce){md-ripple{display:none}.bottom-inner,.scb-accordion-bottom{transition:none}}`],d);o([n({type:Boolean,reflect:!0})],r.prototype,"open",void 0);o([n({type:String})],r.prototype,"title",void 0);o([n({type:String})],r.prototype,"content",void 0);o([n({type:String,attribute:"overline"})],r.prototype,"overline",void 0);o([n({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",void 0);o([n({type:Boolean})],r.prototype,"leading",void 0);o([n({type:String,attribute:"leading-variant",reflect:!0})],r.prototype,"leadingVariant",void 0);o([n({type:String,attribute:"leading-icon"})],r.prototype,"leadingIcon",void 0);o([n({type:String,attribute:"img-href-image",reflect:!0})],r.prototype,"imgHrefImage",void 0);o([n({type:String,attribute:"avatar-label"})],r.prototype,"avatarLabel",void 0);o([n({type:String,attribute:"avatar-alt"})],r.prototype,"avatarAlt",void 0);o([n({type:String,attribute:"avatar-variant"})],r.prototype,"avatarVariant",void 0);o([n({type:String,attribute:"avatar-src"})],r.prototype,"avatarSrc",void 0);o([n({type:Number,reflect:!0})],r.prototype,"density",void 0);r=v=o([u("scb-accordion-item")],r);
+        )}:host-context(scb-accordion[size='medium']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-medium-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-medium-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-medium-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-medium-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-medium-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-medium-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-medium-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-medium-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-medium-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-medium-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-medium-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-medium-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-medium, var(--spacing-5, 16px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-medium, var(--spacing-6, 20px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-medium, var(--spacing-4, 12px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-medium, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-medium, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-medium, calc(var(--icon-size-large, 32px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-medium, var(--icon-size-medium, 24px))}:host-context(scb-accordion[size='small']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-small-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-small-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-small-weight, var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-small-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-small-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-small-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-small-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-small-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-small-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-small-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-small-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-small-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-small-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-small-font, var(--scb-accordion-content-text-font));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-small, var(--spacing-4, 12px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-small, var(--spacing-4, 12px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-small, var(--spacing-3, 8px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-small, var(--icon-size-small, 20px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-small, var(--spacing-2, 4px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-small, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-small, var(--scb-accordion-item-padding-inline));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-small, calc(var(--icon-size-medium, 24px) + var(--spacing-4, 12px)));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-small, var(--icon-size-small, 20px))}md-focus-ring{position:absolute;inset:0;pointer-events:none;border-radius:var(--scb-accordion-focus-ring-radius, var(--md-sys-shape-corner-small, 8px))}.scb-accordion-item{border-bottom:var(--stroke-border, 1px) solid var(--scb-accordion-divider-color, var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface);font-family:var(--brand-font)}.scb-accordion-top{list-style:none;display:flex;flex-direction:row;align-items:center;cursor:pointer;padding-block:var(--scb-accordion-item-padding-block, var(--spacing-7, 24px));padding-inline:var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px));border-radius:var(--radius-none, 0px);gap:var(--scb-accordion-item-gap, var(--spacing-5, 16px));color:var(--md-sys-color-on-surface);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;outline:0}.scb-accordion-top::-webkit-details-marker{display:none}summary::marker{content:""}:host([density="-2"]) .scb-accordion-top,:host-context([data-density="-2"]) .scb-accordion-top{padding-block:var(--spacing-5, 16px)}:host([density="-4"]) .scb-accordion-top,:host-context([data-density="-4"]) .scb-accordion-top{padding-block:var(--spacing-4, 12px)}.scb-accordion-bottom{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),opacity var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),padding var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing);padding-block:var(--scb-accordion-panel-padding-closed);padding-inline:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed))}:host([open]) .scb-accordion-bottom{grid-template-rows:1fr;opacity:1;padding-top:max(var(--spacing-0, 0px),calc(var(--scb-accordion-content-padding-top, var(--spacing-2, 4px)) - var(--scb-accordion-interaction-bleed)));padding-right:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-bottom:calc(var(--scb-accordion-content-padding-bottom, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-left:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed))}.bottom-inner{min-height:0;overflow:visible;padding-block:0;padding-inline:var(--scb-accordion-interaction-bleed);transition:padding-block 0s linear var(--scb-accordion-motion-duration);color:var(--md-sys-color-on-surface);font-family:var(--scb-accordion-content-text-font-current, var(--brand-font));font-size:var(--scb-accordion-content-text-font-current-size, var(--scb-accordion-content-text-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-content-text-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-content-text-font-weight-current, var(--scb-accordion-content-text-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-content-text-letter-spacing-current, var(--scb-accordion-content-text-tracking-current, var(--md-sys-typescale-body-large-tracking)))}:host([open]) .bottom-inner{padding-block:var(--scb-accordion-interaction-bleed);transition-delay:0s}.bottom-inner ::slotted(div),.bottom-inner ::slotted(ol),.bottom-inner ::slotted(p),.bottom-inner ::slotted(span),.bottom-inner ::slotted(ul){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit}.title{font-family:var(--scb-accordion-title-font-current, var(--brand-font));font-size:var(--scb-accordion-title-font-current-size, var(--scb-accordion-title-size-current, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-accordion-title-line-height-current, var(--md-sys-typescale-title-large-line-height));font-weight:var(--scb-accordion-title-font-weight-current, var(--scb-accordion-title-weight-current, var(--weight-semibold)));letter-spacing:var(--scb-accordion-title-letter-spacing-current, var(--scb-accordion-title-tracking-current, var(--md-sys-typescale-title-large-tracking)));color:var(--md-sys-color-on-surface)}.overline,.supporting-text{color:var(--md-sys-color-on-surface-variant)}.overline{font-family:var(--scb-accordion-overline-font-current, var(--brand-font));font-size:var(--scb-accordion-overline-font-current-size, var(--scb-accordion-overline-size-current, var(--md-sys-typescale-label-medium-size)));line-height:var(--scb-accordion-overline-line-height-current, var(--md-sys-typescale-label-medium-line-height));font-weight:var(--scb-accordion-overline-font-weight-current, var(--scb-accordion-overline-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-overline-letter-spacing-current, var(--scb-accordion-overline-tracking-current, var(--md-sys-typescale-label-medium-tracking)))}.supporting-text{font-family:var(--scb-accordion-supporting-font-current, var(--brand-font));font-size:var(--scb-accordion-supporting-font-current-size, var(--scb-accordion-supporting-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-supporting-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-supporting-font-weight-current, var(--scb-accordion-supporting-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-supporting-letter-spacing-current, var(--scb-accordion-supporting-tracking-current, var(--md-sys-typescale-body-large-tracking)))}.leading{align-self:center;display:grid;place-items:center}.leading md-icon{--md-icon-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));font-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));line-height:1}.img{width:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));height:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));object-fit:contain;border-radius:var(--radius-s, 8px)}.texts{display:grid;gap:var(--spacing-1, 2px)}.chevron{margin-left:auto;--scb-chevron-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px))}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none;overflow:hidden}@media (prefers-reduced-motion:reduce){md-ripple{display:none}.bottom-inner,.scb-accordion-bottom{transition:none}}`],d);o([n({type:Boolean,reflect:!0})],r.prototype,"open",void 0);o([n({type:String})],r.prototype,"title",void 0);o([n({type:String})],r.prototype,"content",void 0);o([n({type:String,attribute:"overline"})],r.prototype,"overline",void 0);o([n({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",void 0);o([n({type:Boolean})],r.prototype,"leading",void 0);o([n({type:String,attribute:"leading-variant",reflect:!0})],r.prototype,"leadingVariant",void 0);o([n({type:String,attribute:"leading-icon"})],r.prototype,"leadingIcon",void 0);o([n({type:String,attribute:"img-href-image",reflect:!0})],r.prototype,"imgHrefImage",void 0);o([n({type:String,attribute:"avatar-label"})],r.prototype,"avatarLabel",void 0);o([n({type:String,attribute:"avatar-alt"})],r.prototype,"avatarAlt",void 0);o([n({type:String,attribute:"avatar-variant"})],r.prototype,"avatarVariant",void 0);o([n({type:String,attribute:"avatar-src"})],r.prototype,"avatarSrc",void 0);o([n({type:Number,reflect:!0})],r.prototype,"density",void 0);r=v=o([u("scb-accordion-item")],r);

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

@@ -1,4 +1,4 @@
-import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as _}from"../../vendor/component-size-token.js";import{t as N}from"../../vendor/component-defaults.js";import{t as l}from"../../vendor/decorate.js";import{n as F,t as i}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 U,t as S}from"../../vendor/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,o){try{customElements.get(r)||t(r,s,o)}catch(c){var b=String(c||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var a,v,W={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"}},H={"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))"}},G="data-scb-app-bar-managed-action-size",V="data-scb-app-bar-managed-avatar-size",n=(a=new WeakSet,v=class extends M{constructor(...t){super(...t),F(this,a),this.title="",this.appBarTitle="",this.size=N["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(()=>i(a,this,g).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,S(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,A).call(this,r)}),i(a,this,g).call(this)}handleAvatarSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,T).call(this,r)}),i(a,this,g).call(this)}firstUpdated(){i(a,this,w).call(this),i(a,this,R).call(this),i(a,this,x).call(this)}updated(t){if((t.has("title")||t.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(i(a,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(i(a,this))},bubbles:!0,composed:!0}))),t.has("position")){const r=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?U(r):S(r),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}t.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),t.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:h.call(i(a,this))},bubbles:!0,composed:!0})),t.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:d.call(i(a,this))},bubbles:!0,composed:!0})),(t.has("type")||t.has("size")||t.has("variant"))&&this.updateComplete.then(()=>{i(a,this,x).call(this)}),t.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&i(a,this,w).call(this),i(a,this,R).call(this)}mapSpacingToken(t){if(!t)return;const r=String(t).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}render(){const t=d.call(i(a,this)),r=h.call(i(a,this)),s=_(this,`--scb-app-bar-search-component-size-${r}`,["extra-small","small","medium","large"],"small");return u`
+import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{componentSizeToken as _}from"../shared/component-size-token.js";import{t as N}from"../../vendor/component-defaults.js";import{t as l}from"../../vendor/decorate.js";import{n as F,t as i}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 S,openManualPopover as U}from"../shared/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,c){try{customElements.get(r)||t(r,s,c)}catch(o){var b=String(o||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var a,v,W={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"}},H={"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))"}},G="data-scb-app-bar-managed-action-size",V="data-scb-app-bar-managed-avatar-size",n=(a=new WeakSet,v=class extends M{constructor(...t){super(...t),F(this,a),this.title="",this.appBarTitle="",this.size=N["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(()=>i(a,this,g).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,S(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,A).call(this,r)}),i(a,this,g).call(this)}handleAvatarSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,T).call(this,r)}),i(a,this,g).call(this)}firstUpdated(){i(a,this,w).call(this),i(a,this,R).call(this),i(a,this,x).call(this)}updated(t){if((t.has("title")||t.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(i(a,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(i(a,this))},bubbles:!0,composed:!0}))),t.has("position")){const r=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?U(r):S(r),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}t.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),t.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:h.call(i(a,this))},bubbles:!0,composed:!0})),t.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:d.call(i(a,this))},bubbles:!0,composed:!0})),(t.has("type")||t.has("size")||t.has("variant"))&&this.updateComplete.then(()=>{i(a,this,x).call(this)}),t.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&i(a,this,w).call(this),i(a,this,R).call(this)}mapSpacingToken(t){if(!t)return;const r=String(t).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}render(){const t=d.call(i(a,this)),r=h.call(i(a,this)),s=_(this,`--scb-app-bar-search-component-size-${r}`,["extra-small","small","medium","large"],"small");return u`
             <header class=${`variant-${t} size-${r} ${J.call(i(a,this))}`} role="banner" aria-label=${D.call(i(a,this))}>
                 <div class="leading">
                     <slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
@@ -15,4 +15,4 @@ import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../v
                     <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
                 </div>
             </header>
-        `}},v.styles=[I`:host{display:block;font-family:var(--brand-font, Inter, Arial, sans-serif);position:relative;container-type:inline-size;container-name:app-bar-container;margin-block-start:var(--scb-app-bar-spacing-block-start, 0);margin-block-end:var(--scb-app-bar-spacing-block-end, 0);margin-inline-start:var(--scb-app-bar-spacing-inline-start, 0);margin-inline-end:var(--scb-app-bar-spacing-inline-end, 0)}header{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);display:flex;align-items:center;padding:0 var(--scb-app-bar-current-padding-inline);position:relative;z-index:10;transition:height .3s,min-height .3s;min-height:var(--scb-app-bar-current-height)}header.size-small{--scb-app-bar-current-height:var(--scb-app-bar-height-small, 64px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-small, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-small, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-small, var(--spacing-5, 16px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-small, var(--spacing-3, 8px))}header.size-medium{--scb-app-bar-current-height:var(--scb-app-bar-height-medium, var(--scale-14, 96px));--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-medium, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-medium, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-medium, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-medium, var(--spacing-3, 8px))}header.size-large{--scb-app-bar-current-height:var(--scb-app-bar-height-large, 128px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-large, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-large, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-large, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-large, var(--spacing-3, 8px))}header.variant-search{height:var(--scb-app-bar-current-height)}header.position-bottom,header.position-top{position:fixed;left:0;right:0;z-index:var(--scb-layer-app-bar, 100)}header.position-top{top:0}header.position-bottom{bottom:0}header[popover]{box-sizing:border-box;inset:auto;width:auto;max-width:none;margin:0;border:0;overflow:visible}header.position-top[popover]{top:0;right:0;bottom:auto;left:0}header.position-bottom[popover]{top:auto;right:0;bottom:0;left:0}header.variant-centered .trailing{margin-inline-start:auto}header.variant-centered .headline{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);max-width:var(--scb-app-bar-title-max-width, 100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headline{flex:1 1 auto;text-align:center;font-family:var(--scb-app-bar-title-small-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-small-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-app-bar-title-small-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, calc(var(--md-sys-typescale-title-large-size) * 1.3))));font-weight:var(--scb-app-bar-title-small-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));letter-spacing:var(--scb-app-bar-title-small-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking)));margin:0}header.variant-start .headline{text-align:left;margin-inline-start:var(--scb-app-bar-current-title-offset)}header.size-medium .headline{font-family:var(--scb-app-bar-title-medium-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-medium-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size)));line-height:var(--scb-app-bar-title-medium-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 30px)));font-weight:var(--scb-app-bar-title-medium-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));letter-spacing:var(--scb-app-bar-title-medium-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking)))}header.size-large .headline{font-family:var(--scb-app-bar-title-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size)));font-weight:var(--scb-app-bar-title-large-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-bold, 700))));line-height:var(--scb-app-bar-title-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height)));letter-spacing:var(--scb-app-bar-title-large-tracking, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking)))}.search-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 var(--scb-app-bar-current-search-padding-inline)}.leading,.trailing{display:flex;align-items:center;gap:var(--scb-app-bar-current-gap)}`],v);function g(){d.call(i(a,this))==="centered"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,i(a,this,j).call(this)})))}function x(){this.__titleResizeObserver?.disconnect();const e=this.shadowRoot?.querySelector("header");if(e&&e.style.removeProperty("--scb-app-bar-title-max-width"),d.call(i(a,this))!=="centered"||!this.__titleResizeObserver)return;const t=this.shadowRoot?.querySelector("header.variant-centered");if(!t)return;const r=t.querySelector(".leading"),s=t.querySelector(".trailing");!r||!s||(this.__titleResizeObserver.observe(t),this.__titleResizeObserver.observe(r),this.__titleResizeObserver.observe(s),i(a,this,g).call(this))}function z(e){if(!e)return 0;const t=parseFloat(e);return Number.isFinite(t)?t:0}function k(e){const t=getComputedStyle(e);return i(a,this,z).call(this,t.columnGap||t.gap)}function j(){const e=this.shadowRoot?.querySelector("header.variant-centered");if(!e)return;const t=e.querySelector(".leading"),r=e.querySelector(".trailing");if(!t||!r)return;const s=e.getBoundingClientRect(),o=t.getBoundingClientRect(),b=r.getBoundingClientRect(),c=getComputedStyle(e),E=i(a,this,z).call(this,c.paddingInlineStart||c.paddingLeft),B=i(a,this,z).call(this,c.paddingInlineEnd||c.paddingRight),$=Math.max(0,s.width-E-B),L=Math.max(o.width,b.width),O=Math.max(i(a,this,k).call(this,t),i(a,this,k).call(this,r)),P=Math.max(0,$-L*2-O*2);e.style.setProperty("--scb-app-bar-title-max-width",`${P}px`)}function w(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,r=this.mapSpacingToken(this.spacingBottom)??e,s=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-app-bar-spacing-block-start",t):this.style.removeProperty("--scb-app-bar-spacing-block-start"),r?this.style.setProperty("--scb-app-bar-spacing-block-end",r):this.style.removeProperty("--scb-app-bar-spacing-block-end"),s?this.style.setProperty("--scb-app-bar-spacing-inline-start",s):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),o?this.style.setProperty("--scb-app-bar-spacing-inline-end",o):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function f(){return this.appBarTitle||this.title}function D(){const e=this.ariaLabel.trim();return e||(d.call(i(a,this))==="search"?this.searchAriaLabel:this.defaultAriaLabel)}function m(){return this.type?W[this.type]:void 0}function h(){return m.call(i(a,this))&&!this.hasAttribute("size")?m.call(i(a,this)).size:this.size==="medium"||this.size==="large"?this.size:"small"}function d(){return m.call(i(a,this))&&!this.hasAttribute("variant")?m.call(i(a,this)).variant:this.variant==="start"||this.variant==="search"?this.variant:"centered"}function J(){return this.position==="bottom"?"position-bottom":this.position==="top"?"position-top":""}function y(e){const t=h.call(i(a,this)),r=H[e]?.[t],s=`--scb-app-bar-${e}-${t}`;return r?`var(${s}, ${r})`:`var(${s})`}function A(e){if(!(e instanceof HTMLElement))return;const t=e.tagName;t!=="SCB-ICON-BUTTON"&&t!=="SCB-BUTTON"||(i(a,this,C).call(this,e,G,_(this,`--scb-app-bar-action-component-size-${h.call(i(a,this))}`,["small","medium","large"],"medium")),t==="SCB-BUTTON"&&(e.style.setProperty("--scb-button-padding-inline",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-icon-edge-space",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-padding-block",i(a,this,y).call(this,"action-padding-block"))))}function T(e){!(e instanceof HTMLElement)||e.tagName!=="SCB-AVATAR"||i(a,this,C).call(this,e,V,_(this,`--scb-app-bar-avatar-component-size-${h.call(i(a,this))}`,["small","medium","large","extra-large"],"small"))}function C(e,t,r){const s=e.getAttribute(t);if(s!==null&&e.getAttribute("size")!==s){e.removeAttribute(t);return}(!e.hasAttribute("size")||s!==null)&&(e.setAttribute("size",r),e.setAttribute(t,r))}function R(){this.renderRoot.querySelectorAll('slot[name="leading"], slot[name="trailing"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,A).call(this,t))}),this.renderRoot.querySelectorAll('slot[name="avatar"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,T).call(this,t))})}l([p({type:String,reflect:!0})],n.prototype,"title",void 0);l([p({type:String,attribute:"app-bar-title",reflect:!0})],n.prototype,"appBarTitle",void 0);l([p({type:String,reflect:!0})],n.prototype,"size",void 0);l([p({type:String,reflect:!0})],n.prototype,"variant",void 0);l([p({type:String})],n.prototype,"type",void 0);l([p({type:String,reflect:!0})],n.prototype,"position",void 0);l([p({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",void 0);l([p({type:String,attribute:"default-aria-label"})],n.prototype,"defaultAriaLabel",void 0);l([p({type:String,attribute:"search-aria-label"})],n.prototype,"searchAriaLabel",void 0);l([p({type:String,attribute:"search-supporting-text",reflect:!0})],n.prototype,"searchSupportingText",void 0);l([p({type:String,reflect:!0})],n.prototype,"spacing",void 0);l([p({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);l([p({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);l([p({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);l([p({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=l([q("scb-app-bar")],n);
+        `}},v.styles=[I`:host{display:block;font-family:var(--brand-font, Inter, Arial, sans-serif);position:relative;container-type:inline-size;container-name:app-bar-container;margin-block-start:var(--scb-app-bar-spacing-block-start, 0);margin-block-end:var(--scb-app-bar-spacing-block-end, 0);margin-inline-start:var(--scb-app-bar-spacing-inline-start, 0);margin-inline-end:var(--scb-app-bar-spacing-inline-end, 0)}header{background:var(--scb-app-bar-surface-color, var(--md-sys-color-surface-container));color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-icon-button-icon-color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-focus-ring-color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));display:flex;align-items:center;padding:0 var(--scb-app-bar-current-padding-inline);position:relative;z-index:10;transition:height .3s,min-height .3s;min-height:var(--scb-app-bar-current-height)}header.size-small{--scb-app-bar-current-height:var(--scb-app-bar-height-small, 64px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-small, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-small, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-small, var(--spacing-5, 16px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-small, var(--spacing-3, 8px))}header.size-medium{--scb-app-bar-current-height:var(--scb-app-bar-height-medium, var(--scale-14, 96px));--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-medium, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-medium, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-medium, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-medium, var(--spacing-3, 8px))}header.size-large{--scb-app-bar-current-height:var(--scb-app-bar-height-large, 128px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-large, var(--spacing-5, 16px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-large, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-large, var(--spacing-3, 8px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-large, var(--spacing-3, 8px))}header.variant-search{height:var(--scb-app-bar-current-height)}header.position-bottom,header.position-top{position:fixed;left:0;right:0;z-index:var(--scb-layer-app-bar, 100)}header.position-top{top:0}header.position-bottom{bottom:0}header[popover]{box-sizing:border-box;inset:auto;width:auto;max-width:none;margin:0;border:0;overflow:visible}header.position-top[popover]{top:0;right:0;bottom:auto;left:0}header.position-bottom[popover]{top:auto;right:0;bottom:0;left:0}header.variant-centered .trailing{margin-inline-start:auto}header.variant-centered .headline{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);max-width:var(--scb-app-bar-title-max-width, 100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headline{flex:1 1 auto;text-align:center;font-family:var(--scb-app-bar-title-small-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-small-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-app-bar-title-small-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, calc(var(--md-sys-typescale-title-large-size) * 1.3))));font-weight:var(--scb-app-bar-title-small-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));letter-spacing:var(--scb-app-bar-title-small-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking)));margin:0}header.variant-start .headline{text-align:left;margin-inline-start:var(--scb-app-bar-current-title-offset)}header.size-medium .headline{font-family:var(--scb-app-bar-title-medium-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-medium-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size)));line-height:var(--scb-app-bar-title-medium-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 30px)));font-weight:var(--scb-app-bar-title-medium-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));letter-spacing:var(--scb-app-bar-title-medium-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking)))}header.size-large .headline{font-family:var(--scb-app-bar-title-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size)));font-weight:var(--scb-app-bar-title-large-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-bold, 700))));line-height:var(--scb-app-bar-title-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height)));letter-spacing:var(--scb-app-bar-title-large-tracking, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking)))}.search-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 var(--scb-app-bar-current-search-padding-inline)}.leading,.trailing{display:flex;align-items:center;gap:var(--scb-app-bar-current-gap)}`],v);function g(){d.call(i(a,this))==="centered"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,i(a,this,j).call(this)})))}function x(){this.__titleResizeObserver?.disconnect();const e=this.shadowRoot?.querySelector("header");if(e&&e.style.removeProperty("--scb-app-bar-title-max-width"),d.call(i(a,this))!=="centered"||!this.__titleResizeObserver)return;const t=this.shadowRoot?.querySelector("header.variant-centered");if(!t)return;const r=t.querySelector(".leading"),s=t.querySelector(".trailing");!r||!s||(this.__titleResizeObserver.observe(t),this.__titleResizeObserver.observe(r),this.__titleResizeObserver.observe(s),i(a,this,g).call(this))}function z(e){if(!e)return 0;const t=parseFloat(e);return Number.isFinite(t)?t:0}function k(e){const t=getComputedStyle(e);return i(a,this,z).call(this,t.columnGap||t.gap)}function j(){const e=this.shadowRoot?.querySelector("header.variant-centered");if(!e)return;const t=e.querySelector(".leading"),r=e.querySelector(".trailing");if(!t||!r)return;const s=e.getBoundingClientRect(),c=t.getBoundingClientRect(),b=r.getBoundingClientRect(),o=getComputedStyle(e),E=i(a,this,z).call(this,o.paddingInlineStart||o.paddingLeft),B=i(a,this,z).call(this,o.paddingInlineEnd||o.paddingRight),$=Math.max(0,s.width-E-B),L=Math.max(c.width,b.width),O=Math.max(i(a,this,k).call(this,t),i(a,this,k).call(this,r)),P=Math.max(0,$-L*2-O*2);e.style.setProperty("--scb-app-bar-title-max-width",`${P}px`)}function w(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,r=this.mapSpacingToken(this.spacingBottom)??e,s=this.mapSpacingToken(this.spacingLeft),c=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-app-bar-spacing-block-start",t):this.style.removeProperty("--scb-app-bar-spacing-block-start"),r?this.style.setProperty("--scb-app-bar-spacing-block-end",r):this.style.removeProperty("--scb-app-bar-spacing-block-end"),s?this.style.setProperty("--scb-app-bar-spacing-inline-start",s):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),c?this.style.setProperty("--scb-app-bar-spacing-inline-end",c):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function f(){return this.appBarTitle||this.title}function D(){const e=this.ariaLabel.trim();return e||(d.call(i(a,this))==="search"?this.searchAriaLabel:this.defaultAriaLabel)}function m(){return this.type?W[this.type]:void 0}function h(){return m.call(i(a,this))&&!this.hasAttribute("size")?m.call(i(a,this)).size:this.size==="medium"||this.size==="large"?this.size:"small"}function d(){return m.call(i(a,this))&&!this.hasAttribute("variant")?m.call(i(a,this)).variant:this.variant==="start"||this.variant==="search"?this.variant:"centered"}function J(){return this.position==="bottom"?"position-bottom":this.position==="top"?"position-top":""}function y(e){const t=h.call(i(a,this)),r=H[e]?.[t],s=`--scb-app-bar-${e}-${t}`;return r?`var(${s}, ${r})`:`var(${s})`}function A(e){if(!(e instanceof HTMLElement))return;const t=e.tagName;t!=="SCB-ICON-BUTTON"&&t!=="SCB-BUTTON"||(i(a,this,C).call(this,e,G,_(this,`--scb-app-bar-action-component-size-${h.call(i(a,this))}`,["small","medium","large"],"medium")),t==="SCB-BUTTON"&&(e.style.setProperty("--scb-button-padding-inline",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-icon-edge-space",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-padding-block",i(a,this,y).call(this,"action-padding-block"))))}function T(e){!(e instanceof HTMLElement)||e.tagName!=="SCB-AVATAR"||i(a,this,C).call(this,e,V,_(this,`--scb-app-bar-avatar-component-size-${h.call(i(a,this))}`,["small","medium","large","extra-large"],"medium"))}function C(e,t,r){const s=e.getAttribute(t);if(s!==null&&e.getAttribute("size")!==s){e.removeAttribute(t);return}(!e.hasAttribute("size")||s!==null)&&(e.setAttribute("size",r),e.setAttribute(t,r))}function R(){this.renderRoot.querySelectorAll('slot[name="leading"], slot[name="trailing"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,A).call(this,t))}),this.renderRoot.querySelectorAll('slot[name="avatar"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,T).call(this,t))})}l([p({type:String,reflect:!0})],n.prototype,"title",void 0);l([p({type:String,attribute:"app-bar-title",reflect:!0})],n.prototype,"appBarTitle",void 0);l([p({type:String,reflect:!0})],n.prototype,"size",void 0);l([p({type:String,reflect:!0})],n.prototype,"variant",void 0);l([p({type:String})],n.prototype,"type",void 0);l([p({type:String,reflect:!0})],n.prototype,"position",void 0);l([p({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",void 0);l([p({type:String,attribute:"default-aria-label"})],n.prototype,"defaultAriaLabel",void 0);l([p({type:String,attribute:"search-aria-label"})],n.prototype,"searchAriaLabel",void 0);l([p({type:String,attribute:"search-supporting-text",reflect:!0})],n.prototype,"searchSupportingText",void 0);l([p({type:String,reflect:!0})],n.prototype,"spacing",void 0);l([p({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);l([p({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);l([p({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);l([p({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=l([q("scb-app-bar")],n);