scb-wc 0.1.218 → 0.1.219

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/README.md +16 -19
  2. package/all.js +0 -12
  3. package/index.js +85 -97
  4. package/mvc/components/all.js +0 -7
  5. package/mvc/components/scb-accordion/scb-accordion-item.js +1 -1
  6. package/mvc/components/scb-accordion/scb-accordion.js +1 -1
  7. package/mvc/components/scb-app-bar/scb-app-bar.js +1 -1
  8. package/mvc/components/scb-button/scb-button.js +3 -3
  9. package/mvc/components/scb-calendar/scb-calendar.js +1 -1
  10. package/mvc/components/scb-calendar-card/scb-calendar-card.js +4 -4
  11. package/mvc/components/scb-card/scb-card.js +2 -2
  12. package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +1 -1
  13. package/mvc/components/scb-dialog/scb-dialog.js +1 -1
  14. package/mvc/components/scb-drawer/scb-drawer.js +3 -3
  15. package/mvc/components/scb-drop-zone/scb-drop-zone.js +1 -1
  16. package/mvc/components/scb-dropdown/scb-dropdown.js +1 -1
  17. package/mvc/components/scb-fact-card/scb-fact-card.js +1 -1
  18. package/mvc/components/scb-header/scb-header.js +2 -2
  19. package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +6 -6
  20. package/mvc/components/scb-icon-button/scb-icon-button.js +5 -5
  21. package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +6 -6
  22. package/mvc/components/scb-link/scb-link.js +1 -1
  23. package/mvc/components/scb-link-button/scb-link-button.js +1 -1
  24. package/mvc/components/scb-list/scb-list-item.js +6 -6
  25. package/mvc/components/scb-menu/scb-menu-item.js +1 -1
  26. package/mvc/components/scb-nav/scb-nav.js +1 -1
  27. package/mvc/components/scb-notification-card/scb-notification-card.js +1 -1
  28. package/mvc/components/scb-options-menu/scb-options-menu-item.js +1 -1
  29. package/mvc/components/scb-options-menu/scb-options-menu.js +2 -2
  30. package/mvc/components/scb-options-menu/scb-options-sub-menu.js +1 -1
  31. package/mvc/components/scb-overlay/scb-overlay.js +3 -3
  32. package/mvc/components/scb-pagination/scb-pagination.js +1 -1
  33. package/mvc/components/scb-progress-stepper/scb-progress-step.js +1 -1
  34. package/mvc/components/scb-search/scb-search.js +3 -3
  35. package/mvc/components/scb-segmented-button/scb-segmented-item.js +1 -1
  36. package/mvc/components/scb-select/scb-select-option.js +1 -1
  37. package/mvc/components/scb-select/scb-select.js +1 -1
  38. package/mvc/components/scb-snackbar/scb-snackbar.js +1 -1
  39. package/mvc/components/scb-stepper/scb-step.js +1 -1
  40. package/mvc/components/scb-table/scb-table.js +1 -1
  41. package/mvc/components/scb-table-advanced/scb-table-advanced.js +1 -1
  42. package/mvc/components/scb-textfield/scb-textfield.js +176 -34
  43. package/mvc/components/scb-toc/scb-toc-item.js +1 -1
  44. package/mvc/components/scb-tooltip/scb-tooltip.js +1 -1
  45. package/mvc/{components/shared → vendor}/component-size-token.js +1 -1
  46. package/mvc/vendor/lazy-focus-ring.js +2 -0
  47. package/mvc/vendor/lazy-ripple.js +2 -0
  48. package/mvc/{components/shared → vendor}/manual-popover.js +1 -1
  49. package/mvc/{components/scb-chevron → vendor}/scb-chevron.js +1 -1
  50. package/mvc/vendor/scb-icon-svg.js +11 -0
  51. package/package.json +2 -2
  52. package/scb-viz/scb-viz-series-differentiation-registry.js +7 -10
  53. package/scb-viz/scb-viz.js +43 -43
  54. package/scb-wc-public-entry/index.d.ts +94 -0
  55. package/scb-wc.bundle.js +287 -287
  56. package/scb-wc.d.ts +188 -212
  57. package/shared/scb-icon-svg.js +2 -5
  58. package/mvc/components/scb-datepicker/scb-datepicker.js +0 -143
  59. package/mvc/components/shared/lazy-focus-ring.js +0 -2
  60. package/mvc/components/shared/lazy-ripple.js +0 -2
  61. package/mvc/components/shared/scb-icon-svg.js +0 -11
  62. package/scb-components/index.d.ts +0 -106
  63. package/scb-components/scb-chevron/scb-chevron.d.ts +0 -11
  64. package/scb-components/scb-datepicker/scb-datepicker.d.ts +0 -47
  65. package/scb-components/scb-viz/scb-viz-actions-runtime.d.ts +0 -26
  66. package/scb-components/scb-viz/scb-viz-print-runtime.d.ts +0 -30
  67. package/scb-components/scb-viz/scb-viz-series-differentiation-registry.d.ts +0 -21
  68. package/scb-components/scb-viz/scb-viz-series-differentiation-runtime.d.ts +0 -42
  69. package/scb-components/scb-viz/scb-viz-table-runtime.d.ts +0 -28
  70. package/scb-components/shared/component-size-token.d.ts +0 -1
  71. package/scb-components/shared/lazy-focus-ring.d.ts +0 -4
  72. package/scb-components/shared/lazy-ripple.d.ts +0 -9
  73. package/scb-components/shared/manual-popover.d.ts +0 -7
  74. package/scb-components/shared/scb-icon-svg.d.ts +0 -3
package/README.md CHANGED
@@ -1,19 +1,16 @@
1
- # Om SCB Web Components Preview
1
+ # Om SCB Web Components
2
2
 
3
- > ⚠️ **Previewkanal**
4
- > Installera `scb-wc` via `@next` för komponenter under utveckling. API, utseende och beteende kan ändras eller tas bort mellan versioner.
5
-
6
- SCB Web Components preview innehåller SCB:s gemensamma webbkomponenter.
3
+ SCB Web Components innehåller SCB:s gemensamma webbkomponenter.
7
4
 
8
5
  ## Dokumentation
9
6
 
10
- Previewkomponenterna dokumenteras och demonstreras i Storybook på SCB:s interna testadress:
7
+ Produktionskomponenterna dokumenteras och demonstreras i Storybook på SCB:s interna adress:
11
8
 
12
- - Test: <https://webcomponentstest.scb.intra>
9
+ - Prod: <https://webcomponents.scb.intra>
13
10
 
14
- Den publika/stabila Storybooken finns på:
11
+ Testkomponenterna finns på:
15
12
 
16
- - Prod: <https://webcomponents.scb.intra>
13
+ - Test: <https://webcomponentstest.scb.intra>
17
14
 
18
15
  ## Kom igång
19
16
 
@@ -22,7 +19,7 @@ Den publika/stabila Storybooken finns på:
22
19
  Välj den teknik du använder. Exemplet skapar en vanlig webbplats:
23
20
 
24
21
  ```sh
25
- npx scb-wc@next init html my-app
22
+ npx scb-wc init html my-app
26
23
  cd my-app
27
24
  npm install
28
25
  npm run dev
@@ -38,7 +35,7 @@ Byt `html` mot:
38
35
  Kör kommandot i mappen där appens `package.json` ligger:
39
36
 
40
37
  ```sh
41
- npm install scb-wc@next
38
+ npm install scb-wc
42
39
  ```
43
40
 
44
41
  Importera CSS och bara de komponenter som sidan använder:
@@ -57,9 +54,9 @@ Lägg sedan komponenten i sidan:
57
54
 
58
55
  ### Nästa steg
59
56
 
60
- - Öppna Kom igång i [Test Storybook](https://webcomponentstest.scb.intra/?path=/docs/docs-kom-igång--beskrivning) för HTML/CSS, React och MVC.
61
- - Ö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.
62
- - Öppna [komponentöversikten](https://webcomponentstest.scb.intra/?path=/story/components-översikt-alla-komponenter-exposé--expose) när du vill välja nästa komponent.
57
+ - Öppna Kom igång i [Prod Storybook](https://webcomponents.scb.intra/?path=/docs/docs-kom-igång--beskrivning) för HTML/CSS, React och MVC.
58
+ - Ö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.
59
+ - Öppna [komponentöversikten](https://webcomponents.scb.intra/?path=/story/components-översikt-alla-komponenter-exposé--expose) när du vill välja nästa komponent.
63
60
 
64
61
  ## Kort referens
65
62
 
@@ -87,11 +84,11 @@ Webbplatsmallarna använder standardläget. Service- och appmallarna laddar Comp
87
84
 
88
85
  ### MVC och statiska webbplatser
89
86
 
90
- 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.
87
+ 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.
91
88
 
92
89
  ### Fonter och egna ikoner
93
90
 
94
- 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`.
91
+ 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`.
95
92
 
96
93
  ### Bundlad version
97
94
 
@@ -113,18 +110,18 @@ Kör först i appens mapp:
113
110
  npm outdated scb-wc
114
111
  ```
115
112
 
116
- 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.
113
+ 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.
117
114
 
118
115
  Uppdatera sedan paketet, bygg appen och kör appens vanliga tester:
119
116
 
120
117
  ```sh
121
- npm install scb-wc@next
118
+ npm install scb-wc
122
119
  ```
123
120
 
124
121
  För MVC behöver du även köra appens befintliga kopieringsscript efter installationen. Exakta steg finns på uppdateringssidan.
125
122
 
126
123
  ## Viktigt
127
124
 
128
- - `scb-wc@next` är **previewkanalen**. Komponenter kan ändras eller tas bort mellan versioner. Använd `scb-wc@latest` i externa produktionsmiljöer.
125
+ - `scb-wc@latest` är produktionskanalen. Använd `scb-wc@next` för komponenter under utveckling och experiment.
129
126
  - Kör alltid npm-kommandon i mappen där appens `package.json` ligger.
130
127
  - Ladda inte samma komponent på flera sätt på samma sida.
package/all.js CHANGED
@@ -18,12 +18,10 @@ import './scb-card/scb-list-card.js';
18
18
  import './scb-card/scb-social-card.js';
19
19
  import './scb-checkbox/scb-checkbox-group.js';
20
20
  import './scb-checkbox/scb-checkbox.js';
21
- import './scb-chevron/scb-chevron.js';
22
21
  import './scb-chip/scb-chip.js';
23
22
  import './scb-collapse/scb-collapse.js';
24
23
  import './scb-container-card/scb-container-card.js';
25
24
  import './scb-cookies-consent/scb-cookies-consent.js';
26
- import './scb-datepicker/scb-datepicker.js';
27
25
  import './scb-dialog/scb-dialog.js';
28
26
  import './scb-divider/scb-divider.js';
29
27
  import './scb-drawer/scb-drawer.js';
@@ -93,14 +91,4 @@ import './scb-textfield/scb-textfield.js';
93
91
  import './scb-toc/scb-toc-item.js';
94
92
  import './scb-toc/scb-toc.js';
95
93
  import './scb-tooltip/scb-tooltip.js';
96
- import './scb-viz/scb-viz-actions-runtime.js';
97
- import './scb-viz/scb-viz-print-runtime.js';
98
- import './scb-viz/scb-viz-series-differentiation-registry.js';
99
- import './scb-viz/scb-viz-series-differentiation-runtime.js';
100
- import './scb-viz/scb-viz-table-runtime.js';
101
94
  import './scb-viz/scb-viz.js';
102
- import './shared/component-size-token.js';
103
- import './shared/lazy-focus-ring.js';
104
- import './shared/lazy-ripple.js';
105
- import './shared/manual-popover.js';
106
- import './shared/scb-icon-svg.js';
package/index.js CHANGED
@@ -1,36 +1,31 @@
1
- import { addLazyFocusRingListeners as e, ensureFocusRingOnFocusVisible as t, ensureFocusRingOnTab as n, ensureFocusRingReady as r } from "./shared/lazy-focus-ring.js";
2
- import { componentSizeToken as i } from "./shared/component-size-token.js";
3
- import { ScbAvatar as a } from "./scb-avatar/scb-avatar.js";
4
- import { ScbChevron as o } from "./scb-chevron/scb-chevron.js";
5
- import { ScbAccordionItem as s } from "./scb-accordion/scb-accordion-item.js";
6
- import { ScbButton as c } from "./scb-button/scb-button.js";
7
- import { ScbAccordion as l } from "./scb-accordion/scb-accordion.js";
8
- 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";
1
+ import { ScbAvatar as e } from "./scb-avatar/scb-avatar.js";
2
+ import { ScbAccordionItem as t } from "./scb-accordion/scb-accordion-item.js";
3
+ import { ScbButton as n } from "./scb-button/scb-button.js";
4
+ import { ScbAccordion as r } from "./scb-accordion/scb-accordion.js";
5
+ 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";
9
6
  import "./scb-action-card/scb-action-card.js";
10
- import { ScbIconButton as g } from "./scb-icon-button/scb-icon-button.js";
11
- import { closeManualPopover as _, closeManualPopoverAfterAnimations as v, closeNestedPopupSurfaces as y, isManualPopoverOpen as b, openManualPopover as x } from "./shared/manual-popover.js";
12
- import { ScbSearch as S } from "./scb-search/scb-search.js";
13
- import { ScbAppBar as C } from "./scb-app-bar/scb-app-bar.js";
14
- import { ScbBadge as w } from "./scb-badge/scb-badge.js";
15
- import { ScbLink as T } from "./scb-link/scb-link.js";
16
- import { SCBBreadcrumbItem as E } from "./scb-breadcrumb/scb-breadcrumb-item.js";
17
- import { SCBBreadcrumb as D } from "./scb-breadcrumb/scb-breadcrumb.js";
18
- import { ScbCalendarEvent as O } from "./scb-calendar/scb-calendar-event.js";
19
- import { ScbDivider as k } from "./scb-divider/scb-divider.js";
20
- import { ScbDatepicker as A } from "./scb-datepicker/scb-datepicker.js";
21
- import { ScbTooltip as j } from "./scb-tooltip/scb-tooltip.js";
22
- import { ScbTextField as M } from "./scb-textfield/scb-textfield.js";
23
- import { ScbCheckboxGroup as N } from "./scb-checkbox/scb-checkbox-group.js";
24
- import { ScbCheckbox as P } from "./scb-checkbox/scb-checkbox.js";
25
- import { ScbRadioGroup as F } from "./scb-radio-button/scb-radio-group.js";
26
- import { ScbRadioButton as I } from "./scb-radio-button/scb-radio-button.js";
27
- import { ScbSwitch as L } from "./scb-switch/scb-switch.js";
28
- import { ScbChip as R } from "./scb-chip/scb-chip.js";
29
- import { ScbDialog as z } from "./scb-dialog/scb-dialog.js";
30
- import { ScbListItem as B } from "./scb-list/scb-list-item.js";
31
- import { ScbList as V } from "./scb-list/scb-list.js";
32
- import { ScbCalendar as H } from "./scb-calendar/scb-calendar.js";
33
- import { ScbCalendarCard as U } from "./scb-calendar-card/scb-calendar-card.js";
7
+ import { ScbIconButton as u } from "./scb-icon-button/scb-icon-button.js";
8
+ import { ScbSearch as d } from "./scb-search/scb-search.js";
9
+ import { ScbAppBar as f } from "./scb-app-bar/scb-app-bar.js";
10
+ import { ScbBadge as p } from "./scb-badge/scb-badge.js";
11
+ import { ScbLink as m } from "./scb-link/scb-link.js";
12
+ import { SCBBreadcrumbItem as h } from "./scb-breadcrumb/scb-breadcrumb-item.js";
13
+ import { SCBBreadcrumb as g } from "./scb-breadcrumb/scb-breadcrumb.js";
14
+ import { ScbCalendarEvent as _ } from "./scb-calendar/scb-calendar-event.js";
15
+ import { ScbDivider as v } from "./scb-divider/scb-divider.js";
16
+ import { ScbTooltip as y } from "./scb-tooltip/scb-tooltip.js";
17
+ import { ScbTextField as b } from "./scb-textfield/scb-textfield.js";
18
+ import { ScbCheckboxGroup as x } from "./scb-checkbox/scb-checkbox-group.js";
19
+ import { ScbCheckbox as S } from "./scb-checkbox/scb-checkbox.js";
20
+ import { ScbRadioGroup as C } from "./scb-radio-button/scb-radio-group.js";
21
+ import { ScbRadioButton as w } from "./scb-radio-button/scb-radio-button.js";
22
+ import { ScbSwitch as T } from "./scb-switch/scb-switch.js";
23
+ import { ScbChip as E } from "./scb-chip/scb-chip.js";
24
+ import { ScbDialog as D } from "./scb-dialog/scb-dialog.js";
25
+ import { ScbListItem as O } from "./scb-list/scb-list-item.js";
26
+ import { ScbList as k } from "./scb-list/scb-list.js";
27
+ import { ScbCalendar as A } from "./scb-calendar/scb-calendar.js";
28
+ import { ScbCalendarCard as j } from "./scb-calendar-card/scb-calendar-card.js";
34
29
  import "./scb-card/scb-action-card.js";
35
30
  import "./scb-container-card/scb-container-card.js";
36
31
  import "./scb-card/scb-container-card.js";
@@ -40,68 +35,61 @@ import "./scb-list-card/scb-list-card.js";
40
35
  import "./scb-card/scb-list-card.js";
41
36
  import "./scb-social-card/scb-social-card.js";
42
37
  import "./scb-card/scb-social-card.js";
43
- import { ScbCollapse as W } from "./scb-collapse/scb-collapse.js";
44
- import { ScbCookiesConsent as G } from "./scb-cookies-consent/scb-cookies-consent.js";
45
- import { ScbDrawer as K } from "./scb-drawer/scb-drawer.js";
46
- import { ScbDropZone as q } from "./scb-drop-zone/scb-drop-zone.js";
47
- import { ScbOptionsMenuItem as J } from "./scb-options-menu/scb-options-menu-item.js";
48
- import { ScbOptionsSubMenu as Y } from "./scb-options-menu/scb-options-sub-menu.js";
49
- import { ScbOptionsMenu as X } from "./scb-options-menu/scb-options-menu.js";
50
- import { ScbDropdown as Z } from "./scb-dropdown/scb-dropdown.js";
51
- import { ScbFactCardContent as Q } from "./scb-fact-card/scb-fact-card-content.js";
52
- import { ScbFactCard as $ } from "./scb-fact-card/scb-fact-card.js";
53
- import { ScbFooterSection as ee } from "./scb-footer/scb-footer-section.js";
54
- import { ScbGridItem as te } from "./scb-grid/scb-grid-item.js";
55
- import { ScbStack as ne } from "./scb-grid/scb-stack.js";
56
- import { ScbGrid as re } from "./scb-grid/scb-grid.js";
57
- import { ScbFooter as ie } from "./scb-footer/scb-footer.js";
58
- import { ScbIcon as ae } from "./scb-icon/scb-icon.js";
59
- import { ScbNotificationCard as oe } from "./scb-notification-card/scb-notification-card.js";
60
- import { ScbFormErrorSummary as se } from "./scb-form-error-summary/scb-form-error-summary.js";
61
- import { hasScbSvgIcon as ce, renderScbIcon as le } from "./shared/scb-icon-svg.js";
62
- import { ScbHorizontalScroller as ue } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
63
- import { ScbOverlay as de } from "./scb-overlay/scb-overlay.js";
64
- import { ScbGalleryGrid as fe } from "./scb-gallery-grid/scb-gallery-grid.js";
65
- import { ScbHeaderMenuGroup as pe } from "./scb-header/scb-header-menu-group.js";
66
- import { ScbHeaderMenuItem as me } from "./scb-header/scb-header-menu-item.js";
67
- import { ScbHeaderTab as he } from "./scb-header/scb-header-tab.js";
68
- import { ScbHeaderUtility as ge } from "./scb-header/scb-header-utility.js";
69
- import { ScbHeader as _e } from "./scb-header/scb-header.js";
70
- import { ScbKeyFigureCard as ve } from "./scb-keyfigure-card/scb-keyfigure-card.js";
71
- import { ScbLinkButton as ye } from "./scb-link-button/scb-link-button.js";
72
- import { ScbMenuItem as be } from "./scb-menu/scb-menu-item.js";
73
- import { ScbmenuSection as xe } from "./scb-menu/scb-menu-section.js";
74
- import { ScbSubmenu as Se } from "./scb-menu/scb-sub-menu.js";
75
- import { ScbMenu as Ce } from "./scb-menu/scb-menu.js";
76
- import { ScbNavItem as we } from "./scb-nav/scb-nav-item.js";
77
- import { ScbNav as Te } from "./scb-nav/scb-nav.js";
78
- import { ScbPagination as Ee } from "./scb-pagination/scb-pagination.js";
79
- import { ScbProgressIndicator as De } from "./scb-progress-indicator/scb-progress-indicator.js";
80
- import { ScbProgressStep as Oe } from "./scb-progress-stepper/scb-progress-step.js";
81
- import { ScbProgressStepper as ke } from "./scb-progress-stepper/scb-progress-stepper.js";
82
- import { ScbScrollspy as Ae } from "./scb-scrollspy/scb-scrollspy.js";
83
- import { ScbSegmentedItem as je } from "./scb-segmented-button/scb-segmented-item.js";
84
- import { ScbSegmentedButton as Me } from "./scb-segmented-button/scb-segmented-button.js";
85
- import { ScbSelectOption as Ne } from "./scb-select/scb-select-option.js";
86
- import { ScbSelect as Pe } from "./scb-select/scb-select.js";
87
- import { ScbSkeleton as Fe } from "./scb-skeleton/scb-skeleton.js";
88
- import { ScbSlider as Ie } from "./scb-slider/scb-slider.js";
89
- import { ScbSnackbar as Le } from "./scb-snackbar/scb-snackbar.js";
90
- import { ScbStatusPill as Re } from "./scb-status-pill/scb-status-pill.js";
91
- import { ScbStep as ze } from "./scb-stepper/scb-step.js";
92
- import { ScbStepper as Be } from "./scb-stepper/scb-stepper.js";
93
- import { ScbTable as Ve } from "./scb-table/scb-table.js";
94
- import { ScbTableAdvanced as He } from "./scb-table-advanced/scb-table-advanced.js";
95
- import { ScbPrimaryTab as Ue } from "./scb-tabs/scb-primary-tab.js";
96
- import { ScbSecondaryTab as We } from "./scb-tabs/scb-secondary-tab.js";
97
- import { ScbTabs as Ge } from "./scb-tabs/scb-tabs.js";
98
- import { ScbTocItem as Ke } from "./scb-toc/scb-toc-item.js";
99
- import { ScbToc as qe } from "./scb-toc/scb-toc.js";
100
- 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";
101
- import { buildScbVizPrintDocumentHtml as ot, buildScbVizPrintableFooterHtml as st, buildScbVizPrintableTableHtml as ct } from "./scb-viz/scb-viz-print-runtime.js";
102
- 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";
103
- 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";
104
- import { buildScbVizResolvedTableView as Pt, createScbVizCsvRows as Ft, inferScbVizTableAlignments as It, normalizeScbVizRenderableCell as Lt, readScbVizTableDataFromSlot as Rt } from "./scb-viz/scb-viz-table-runtime.js";
105
- import { ScbViz as zt } from "./scb-viz/scb-viz.js";
106
- import { ensureRippleReady as Bt, syncRippleToControl as Vt } from "./shared/lazy-ripple.js";
107
- export { D as SCBBreadcrumb, E as SCBBreadcrumbItem, l as ScbAccordion, s as ScbAccordionItem, u as ScbActionCard, C as ScbAppBar, a as ScbAvatar, w as ScbBadge, c as ScbButton, H as ScbCalendar, U as ScbCalendarCard, O as ScbCalendarEvent, d as ScbCard, P as ScbCheckbox, N as ScbCheckboxGroup, o as ScbChevron, R as ScbChip, W as ScbCollapse, f as ScbContainerCard, G as ScbCookiesConsent, A as ScbDatepicker, z as ScbDialog, k as ScbDivider, K as ScbDrawer, q as ScbDropZone, Z as ScbDropdown, $ as ScbFactCard, Q as ScbFactCardContent, ie as ScbFooter, ee as ScbFooterSection, se as ScbFormErrorSummary, fe as ScbGalleryGrid, re as ScbGrid, te as ScbGridItem, _e as ScbHeader, pe as ScbHeaderMenuGroup, me as ScbHeaderMenuItem, he as ScbHeaderTab, ge as ScbHeaderUtility, ue as ScbHorizontalScroller, ae as ScbIcon, g as ScbIconButton, ve as ScbKeyFigureCard, T as ScbLink, ye as ScbLinkButton, p as ScbLinkCard, V as ScbList, m as ScbListCard, B as ScbListItem, Ce as ScbMenu, be as ScbMenuItem, Te as ScbNav, we as ScbNavItem, oe as ScbNotificationCard, X as ScbOptionsMenu, J as ScbOptionsMenuItem, Y as ScbOptionsSubMenu, de as ScbOverlay, Ee as ScbPagination, Ue as ScbPrimaryTab, De as ScbProgressIndicator, Oe as ScbProgressStep, ke as ScbProgressStepper, I as ScbRadioButton, F as ScbRadioGroup, Ae as ScbScrollspy, S as ScbSearch, We as ScbSecondaryTab, Me as ScbSegmentedButton, je as ScbSegmentedItem, Pe as ScbSelect, Ne as ScbSelectOption, Fe as ScbSkeleton, Ie as ScbSlider, Le as ScbSnackbar, h as ScbSocialCard, ne as ScbStack, Re as ScbStatusPill, ze as ScbStep, Be as ScbStepper, Se as ScbSubmenu, L as ScbSwitch, Ve as ScbTable, He as ScbTableAdvanced, Ge as ScbTabs, M as ScbTextField, qe as ScbToc, Ke as ScbTocItem, j as ScbTooltip, zt as ScbViz, xe as ScbmenuSection, e as addLazyFocusRingListeners, lt as appendScbVizSeriesDifferentiationPatternMarks, Je as buildScbVizExportFileName, ot as buildScbVizPrintDocumentHtml, st as buildScbVizPrintableFooterHtml, ct as buildScbVizPrintableTableHtml, Pt as buildScbVizResolvedTableView, ht as clearScbVizSeriesDifferentiationColorClass, gt as clearScbVizSeriesDifferentiationMetadata, _ as closeManualPopover, v as closeManualPopoverAfterAnimations, y as closeNestedPopupSurfaces, i as componentSizeToken, Ye as createScbVizCsvBlob, Ft as createScbVizCsvRows, Xe as createScbVizRasterBlobFromElement, Ze as createScbVizRasterDataUrlFromElement, Qe as downloadScbVizBlob, t as ensureFocusRingOnFocusVisible, n as ensureFocusRingOnTab, r as ensureFocusRingReady, Bt as ensureRippleReady, _t as ensureScbVizGroupedSeriesDifferentiationStore, vt as ensureScbVizStyledModeSeriesPattern, $e as getScbVizCurrentFullscreenElement, et as getScbVizExportBaseFileName, tt as getScbVizFullscreenDocument, yt as getScbVizGroupedSeriesDifferentiationKey, bt as getScbVizGroupedSeriesDifferentiationVariant, xt as getScbVizGroupedSeriesDifferentiationVariantIndex, St as getScbVizHighchartsColorClassName, Ct as getScbVizHighchartsSvgElement, wt as getScbVizHighchartsSvgRoot, Tt as getScbVizLegendSeriesDifferentiationTargets, Et as getScbVizSeriesDifferentiationColorIndex, ut as getScbVizSeriesDifferentiationPatternDefinition, dt as getScbVizSeriesDifferentiationPatternKinds, ft as getScbVizSeriesDifferentiationRegistry, pt as getScbVizSeriesDifferentiationVariant, Dt as getScbVizSeriesDifferentiationVariantByIndex, ce as hasScbSvgIcon, It as inferScbVizTableAlignments, b as isManualPopoverOpen, nt as isScbVizFullscreenSupported, Ot as isScbVizGroupedSeriesDifferentiationChart, kt as isScbVizHighchartsStyledMode, Lt as normalizeScbVizRenderableCell, x as openManualPopover, rt as openScbVizPrintFrame, Rt as readScbVizTableDataFromSlot, le as renderScbIcon, it as runWithScbVizForcedPrintLightMode, mt as scbVizSeriesDifferentiationRegistry, At as setScbVizSeriesDifferentiationColorClass, jt as setScbVizSeriesDifferentiationMetadata, Mt as shouldShowScbVizSeriesDifferentiationAction, Vt as syncRippleToControl, at as toggleScbVizFullscreen, Nt as usesScbVizGroupedPointDifferentiation };
38
+ import { ScbCollapse as M } from "./scb-collapse/scb-collapse.js";
39
+ import { ScbCookiesConsent as N } from "./scb-cookies-consent/scb-cookies-consent.js";
40
+ import { ScbDrawer as P } from "./scb-drawer/scb-drawer.js";
41
+ import { ScbDropZone as F } from "./scb-drop-zone/scb-drop-zone.js";
42
+ import { ScbOptionsMenuItem as I } from "./scb-options-menu/scb-options-menu-item.js";
43
+ import { ScbOptionsSubMenu as L } from "./scb-options-menu/scb-options-sub-menu.js";
44
+ import { ScbOptionsMenu as R } from "./scb-options-menu/scb-options-menu.js";
45
+ import { ScbDropdown as z } from "./scb-dropdown/scb-dropdown.js";
46
+ import { ScbFactCardContent as B } from "./scb-fact-card/scb-fact-card-content.js";
47
+ import { ScbFactCard as V } from "./scb-fact-card/scb-fact-card.js";
48
+ import { ScbFooterSection as H } from "./scb-footer/scb-footer-section.js";
49
+ import { ScbGridItem as U } from "./scb-grid/scb-grid-item.js";
50
+ import { ScbStack as W } from "./scb-grid/scb-stack.js";
51
+ import { ScbGrid as G } from "./scb-grid/scb-grid.js";
52
+ import { ScbFooter as K } from "./scb-footer/scb-footer.js";
53
+ import { ScbIcon as q } from "./scb-icon/scb-icon.js";
54
+ import { ScbNotificationCard as J } from "./scb-notification-card/scb-notification-card.js";
55
+ import { ScbFormErrorSummary as Y } from "./scb-form-error-summary/scb-form-error-summary.js";
56
+ import { ScbHorizontalScroller as X } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
57
+ import { ScbOverlay as Z } from "./scb-overlay/scb-overlay.js";
58
+ import { ScbGalleryGrid as Q } from "./scb-gallery-grid/scb-gallery-grid.js";
59
+ import { ScbHeaderMenuGroup as $ } from "./scb-header/scb-header-menu-group.js";
60
+ import { ScbHeaderMenuItem as ee } from "./scb-header/scb-header-menu-item.js";
61
+ import { ScbHeaderTab as te } from "./scb-header/scb-header-tab.js";
62
+ import { ScbHeaderUtility as ne } from "./scb-header/scb-header-utility.js";
63
+ import { ScbHeader as re } from "./scb-header/scb-header.js";
64
+ import { ScbKeyFigureCard as ie } from "./scb-keyfigure-card/scb-keyfigure-card.js";
65
+ import { ScbLinkButton as ae } from "./scb-link-button/scb-link-button.js";
66
+ import { ScbMenuItem as oe } from "./scb-menu/scb-menu-item.js";
67
+ import { ScbmenuSection as se } from "./scb-menu/scb-menu-section.js";
68
+ import { ScbSubmenu as ce } from "./scb-menu/scb-sub-menu.js";
69
+ import { ScbMenu as le } from "./scb-menu/scb-menu.js";
70
+ import { ScbNavItem as ue } from "./scb-nav/scb-nav-item.js";
71
+ import { ScbNav as de } from "./scb-nav/scb-nav.js";
72
+ import { ScbPagination as fe } from "./scb-pagination/scb-pagination.js";
73
+ import { ScbProgressIndicator as pe } from "./scb-progress-indicator/scb-progress-indicator.js";
74
+ import { ScbProgressStep as me } from "./scb-progress-stepper/scb-progress-step.js";
75
+ import { ScbProgressStepper as he } from "./scb-progress-stepper/scb-progress-stepper.js";
76
+ import { ScbScrollspy as ge } from "./scb-scrollspy/scb-scrollspy.js";
77
+ import { ScbSegmentedItem as _e } from "./scb-segmented-button/scb-segmented-item.js";
78
+ import { ScbSegmentedButton as ve } from "./scb-segmented-button/scb-segmented-button.js";
79
+ import { ScbSelectOption as ye } from "./scb-select/scb-select-option.js";
80
+ import { ScbSelect as be } from "./scb-select/scb-select.js";
81
+ import { ScbSkeleton as xe } from "./scb-skeleton/scb-skeleton.js";
82
+ import { ScbSlider as Se } from "./scb-slider/scb-slider.js";
83
+ import { ScbSnackbar as Ce } from "./scb-snackbar/scb-snackbar.js";
84
+ import { ScbStatusPill as we } from "./scb-status-pill/scb-status-pill.js";
85
+ import { ScbStep as Te } from "./scb-stepper/scb-step.js";
86
+ import { ScbStepper as Ee } from "./scb-stepper/scb-stepper.js";
87
+ import { ScbTable as De } from "./scb-table/scb-table.js";
88
+ import { ScbTableAdvanced as Oe } from "./scb-table-advanced/scb-table-advanced.js";
89
+ import { ScbPrimaryTab as ke } from "./scb-tabs/scb-primary-tab.js";
90
+ import { ScbSecondaryTab as Ae } from "./scb-tabs/scb-secondary-tab.js";
91
+ import { ScbTabs as je } from "./scb-tabs/scb-tabs.js";
92
+ import { ScbTocItem as Me } from "./scb-toc/scb-toc-item.js";
93
+ import { ScbToc as Ne } from "./scb-toc/scb-toc.js";
94
+ import { ScbViz as Pe } from "./scb-viz/scb-viz.js";
95
+ 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, V as ScbFactCard, B as ScbFactCardContent, K as ScbFooter, H as ScbFooterSection, Y as ScbFormErrorSummary, Q as ScbGalleryGrid, G as ScbGrid, U as ScbGridItem, re as ScbHeader, $ as ScbHeaderMenuGroup, ee as ScbHeaderMenuItem, te as ScbHeaderTab, ne as ScbHeaderUtility, X as ScbHorizontalScroller, q as ScbIcon, u as ScbIconButton, ie as ScbKeyFigureCard, m as ScbLink, ae as ScbLinkButton, s as ScbLinkCard, k as ScbList, c as ScbListCard, O as ScbListItem, le as ScbMenu, oe as ScbMenuItem, de as ScbNav, ue as ScbNavItem, J as ScbNotificationCard, R as ScbOptionsMenu, I as ScbOptionsMenuItem, L as ScbOptionsSubMenu, Z 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, W 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, Pe as ScbViz, se as ScbmenuSection };
@@ -18,12 +18,10 @@ import './scb-card/scb-list-card.js';
18
18
  import './scb-card/scb-social-card.js';
19
19
  import './scb-checkbox/scb-checkbox.js';
20
20
  import './scb-checkbox/scb-checkbox-group.js';
21
- import './scb-chevron/scb-chevron.js';
22
21
  import './scb-chip/scb-chip.js';
23
22
  import './scb-collapse/scb-collapse.js';
24
23
  import './scb-container-card/scb-container-card.js';
25
24
  import './scb-cookies-consent/scb-cookies-consent.js';
26
- import './scb-datepicker/scb-datepicker.js';
27
25
  import './scb-dialog/scb-dialog.js';
28
26
  import './scb-divider/scb-divider.js';
29
27
  import './scb-drawer/scb-drawer.js';
@@ -99,8 +97,3 @@ import './scb-viz/scb-viz-print-runtime.js';
99
97
  import './scb-viz/scb-viz-series-differentiation-registry.js';
100
98
  import './scb-viz/scb-viz-series-differentiation-runtime.js';
101
99
  import './scb-viz/scb-viz-table-runtime.js';
102
- import './shared/component-size-token.js';
103
- import './shared/lazy-focus-ring.js';
104
- import './shared/lazy-ripple.js';
105
- import './shared/manual-popover.js';
106
- import './shared/scb-icon-svg.js';
@@ -1,4 +1,4 @@
1
- import{g as l,h as p,m as v,p as n,v as o,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{ensureFocusRingOnFocusVisible as u}from"../shared/lazy-focus-ring.js";import{componentSizeToken as y}from"../shared/component-size-token.js";import{t as r}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 i=customElements.define.bind(customElements);customElements.define=function(e,c,g){try{customElements.get(e)||i(e,c,g)}catch(s){var a=String(s||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,m,t=(d=class extends p{constructor(...i){super(...i),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=m._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=e=>{e.preventDefault();const c=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,c),this.setOpen(c)},this._onToggle=e=>{const c=e.currentTarget;c.open||(c.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${m._uidPrefix}-${++m._uidSeq}`}static get observedAttributes(){const i=super.observedAttributes||[];return i.includes("title")?i:[...i,"title"]}attributeChangedCallback(i,e,c){if(i==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(i,e,c),i==="title"&&c!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const i=this.renderRoot.querySelector(".scb-accordion-bottom");i&&(this.open?(i.removeAttribute("inert"),i.setAttribute("aria-hidden","false")):(i.setAttribute("inert",""),i.setAttribute("aria-hidden","true")))}_onKeyDown(i){const e=this.closest("scb-accordion"),c=Array.from(e?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),g=i.currentTarget,a=c.indexOf(g);switch(i.key){case"ArrowDown":i.preventDefault(),a<c.length-1&&c[a+1].focus();break;case"ArrowUp":i.preventDefault(),a>0&&c[a-1].focus();break;case"Home":i.preventDefault(),c.length&&c[0].focus();break;case"End":i.preventDefault(),c.length&&c[c.length-1].focus();break}}setOpen(i){this.open=!!i;const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen()}updated(i){if(i.has("open")){const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const i=`bottom-${this._unique}`,e=`header-${this._unique}`,c=this.closest("scb-accordion")?.getAttribute("size")||"large",g=y(this,`--scb-accordion-item-design-leading-avatar-component-size-${c}`,["small","medium","large","extra-large"],"medium"),a=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?o`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?o`
1
+ import{g as l,h as p,m as v,p as n,v as o,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{n as u}from"../../vendor/lazy-focus-ring.js";import{t as y}from"../../vendor/component-size-token.js";import{t as r}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 i=customElements.define.bind(customElements);customElements.define=function(e,c,g){try{customElements.get(e)||i(e,c,g)}catch(s){var a=String(s||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,m,t=(d=class extends p{constructor(...i){super(...i),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=m._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=e=>{e.preventDefault();const c=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,c),this.setOpen(c)},this._onToggle=e=>{const c=e.currentTarget;c.open||(c.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${m._uidPrefix}-${++m._uidSeq}`}static get observedAttributes(){const i=super.observedAttributes||[];return i.includes("title")?i:[...i,"title"]}attributeChangedCallback(i,e,c){if(i==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(i,e,c),i==="title"&&c!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const i=this.renderRoot.querySelector(".scb-accordion-bottom");i&&(this.open?(i.removeAttribute("inert"),i.setAttribute("aria-hidden","false")):(i.setAttribute("inert",""),i.setAttribute("aria-hidden","true")))}_onKeyDown(i){const e=this.closest("scb-accordion"),c=Array.from(e?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),g=i.currentTarget,a=c.indexOf(g);switch(i.key){case"ArrowDown":i.preventDefault(),a<c.length-1&&c[a+1].focus();break;case"ArrowUp":i.preventDefault(),a>0&&c[a-1].focus();break;case"Home":i.preventDefault(),c.length&&c[0].focus();break;case"End":i.preventDefault(),c.length&&c[c.length-1].focus();break}}setOpen(i){this.open=!!i;const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen()}updated(i){if(i.has("open")){const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const i=`bottom-${this._unique}`,e=`header-${this._unique}`,c=this.closest("scb-accordion")?.getAttribute("size")||"large",g=y(this,`--scb-accordion-item-design-leading-avatar-component-size-${c}`,["small","medium","large","extra-large"],"medium"),a=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?o`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?o`
2
2
  <scb-avatar
3
3
  label=${this.avatarLabel}
4
4
  alt=${this.avatarAlt}
@@ -1,4 +1,4 @@
1
- import{g as f,h as v,m as y,p as c,v as h,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{componentSizeToken as _}from"../shared/component-size-token.js";import{t as S}from"../../vendor/component-defaults.js";import{t as e}from"../../vendor/decorate.js";import{t as a}from"../../vendor/assertClassBrand.js";import{t as A}from"../../vendor/classPrivateMethodInitSpec.js";import"./scb-accordion-item.js";import"../scb-button/scb-button.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,r,l){try{customElements.get(t)||i(t,r,l)}catch(b){var g=String(b||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var o,d,s=(o=new WeakSet,d=class extends v{constructor(...i){super(...i),A(this,o),this.singleOpen=!1,this.showCloseAll=!1,this.openAllLabel="Öppna alla",this.closeAllLabel="Stäng alla",this.controlsLabel="Accordionkontroller",this.size=S["scb-accordion"].size,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}connectedCallback(){super.connectedCallback(),this.addEventListener("open-changed",a(o,this,m))}disconnectedCallback(){this.removeEventListener("open-changed",a(o,this,m)),super.disconnectedCallback()}render(){const i=!this.singleOpen&&this.showCloseAll,t=i?a(o,this,O).call(this):!1;return h`
1
+ import{g as f,h as v,m as y,p as c,v as h,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as _}from"../../vendor/component-size-token.js";import{t as S}from"../../vendor/component-defaults.js";import{t as e}from"../../vendor/decorate.js";import{t as a}from"../../vendor/assertClassBrand.js";import{t as A}from"../../vendor/classPrivateMethodInitSpec.js";import"./scb-accordion-item.js";import"../scb-button/scb-button.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,r,l){try{customElements.get(t)||i(t,r,l)}catch(b){var g=String(b||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var o,d,s=(o=new WeakSet,d=class extends v{constructor(...i){super(...i),A(this,o),this.singleOpen=!1,this.showCloseAll=!1,this.openAllLabel="Öppna alla",this.closeAllLabel="Stäng alla",this.controlsLabel="Accordionkontroller",this.size=S["scb-accordion"].size,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}connectedCallback(){super.connectedCallback(),this.addEventListener("open-changed",a(o,this,m))}disconnectedCallback(){this.removeEventListener("open-changed",a(o,this,m)),super.disconnectedCallback()}render(){const i=!this.singleOpen&&this.showCloseAll,t=i?a(o,this,O).call(this):!1;return h`
2
2
  <div class="scb-accordion" ?single-open=${this.singleOpen}>
3
3
  ${i?h`
4
4
  <div class="scb-accordion-actions" role="toolbar" aria-label=${this.controlsLabel}>
@@ -1,4 +1,4 @@
1
- import{h as M,m as q,p as l,v,y as N}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{componentSizeToken as k}from"../shared/component-size-token.js";import{t as I}from"../../vendor/component-defaults.js";import{t as p}from"../../vendor/decorate.js";import{t as i}from"../../vendor/assertClassBrand.js";import{t as F}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-avatar/scb-avatar.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import{closeManualPopover as x,openManualPopover as 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 a=customElements.define.bind(customElements);customElements.define=function(r,s,b){try{customElements.get(r)||a(r,s,b)}catch(c){var g=String(c||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var t,u,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=(t=new WeakSet,u=class extends M{constructor(...a){super(...a),F(this,t),this.title="",this.appBarTitle="",this.size=I["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(t,this,h).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,x(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(a){a.target.assignedElements({flatten:!0}).forEach(r=>{i(t,this,T).call(this,r)}),i(t,this,h).call(this)}handleAvatarSlotChange(a){a.target.assignedElements({flatten:!0}).forEach(r=>{i(t,this,A).call(this,r)}),i(t,this,h).call(this)}firstUpdated(){i(t,this,w).call(this),i(t,this,R).call(this),i(t,this,_).call(this)}updated(a){if((a.has("title")||a.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(i(t,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(i(t,this))},bubbles:!0,composed:!0}))),a.has("position")){const r=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?U(r):x(r),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}a.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),a.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:d.call(i(t,this))},bubbles:!0,composed:!0})),a.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:o.call(i(t,this))},bubbles:!0,composed:!0})),(a.has("type")||a.has("size")||a.has("variant"))&&this.updateComplete.then(()=>{i(t,this,_).call(this)}),a.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(a.has("spacing")||a.has("spacingTop")||a.has("spacingBottom")||a.has("spacingLeft")||a.has("spacingRight"))&&i(t,this,w).call(this),i(t,this,R).call(this)}mapSpacingToken(a){if(!a)return;const r=String(a).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}render(){const a=o.call(i(t,this)),r=d.call(i(t,this)),s=k(this,`--scb-app-bar-design-search-component-size-${r}`,["extra-small","small","medium","large"],"small");return v`
1
+ import{h as M,m as q,p as l,v,y as N}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as k}from"../../vendor/component-size-token.js";import{t as I}from"../../vendor/component-defaults.js";import{t as p}from"../../vendor/decorate.js";import{t as i}from"../../vendor/assertClassBrand.js";import{t as F}from"../../vendor/classPrivateMethodInitSpec.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 x}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 a=customElements.define.bind(customElements);customElements.define=function(r,s,b){try{customElements.get(r)||a(r,s,b)}catch(c){var g=String(c||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var t,u,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=(t=new WeakSet,u=class extends M{constructor(...a){super(...a),F(this,t),this.title="",this.appBarTitle="",this.size=I["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(t,this,h).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,x(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(a){a.target.assignedElements({flatten:!0}).forEach(r=>{i(t,this,T).call(this,r)}),i(t,this,h).call(this)}handleAvatarSlotChange(a){a.target.assignedElements({flatten:!0}).forEach(r=>{i(t,this,A).call(this,r)}),i(t,this,h).call(this)}firstUpdated(){i(t,this,w).call(this),i(t,this,R).call(this),i(t,this,_).call(this)}updated(a){if((a.has("title")||a.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(i(t,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(i(t,this))},bubbles:!0,composed:!0}))),a.has("position")){const r=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?U(r):x(r),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}a.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),a.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:d.call(i(t,this))},bubbles:!0,composed:!0})),a.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:o.call(i(t,this))},bubbles:!0,composed:!0})),(a.has("type")||a.has("size")||a.has("variant"))&&this.updateComplete.then(()=>{i(t,this,_).call(this)}),a.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(a.has("spacing")||a.has("spacingTop")||a.has("spacingBottom")||a.has("spacingLeft")||a.has("spacingRight"))&&i(t,this,w).call(this),i(t,this,R).call(this)}mapSpacingToken(a){if(!a)return;const r=String(a).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}render(){const a=o.call(i(t,this)),r=d.call(i(t,this)),s=k(this,`--scb-app-bar-design-search-component-size-${r}`,["extra-small","small","medium","large"],"small");return v`
2
2
  <header class=${`variant-${a} size-${r} ${J.call(i(t,this))}`} role="banner" aria-label=${D.call(i(t,this))}>
3
3
  <div class="leading">
4
4
  <slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
@@ -1,5 +1,5 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../shared/lazy-focus-ring.js","../../vendor/preload-helper.js","../shared/lazy-ripple.js"])))=>i.map(i=>d[i]);
2
- import{g as l,h as S,m as A,p as n,v as b,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as z}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as s}from"../../vendor/decorate.js";import{t as _}from"../../vendor/assertClassBrand.js";import{t as T}from"../../vendor/classPrivateMethodInitSpec.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(c){var r=String(c||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var g,v,y;function P(){return v??(v=z(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),v}function k(){return y??(y=z(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),y}var a=(g=new WeakSet,class extends S{constructor(...e){super(...e),T(this,g),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||P().then(({ensureFocusRingReady:t})=>(t(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label");const r=this.getAttribute("aria-controls");r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls");const c=this.getAttribute("aria-haspopup");c!==null?e.setAttribute("aria-haspopup",c):e.removeAttribute("aria-haspopup");const f=this.getAttribute("aria-expanded");f!==null?e.setAttribute("aria-expanded",f):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(R=>{const p=this.__getNativeControl();if(p)for(const m of R){if(m.type!=="attributes"||!m.attributeName)continue;const u=m.attributeName,h=this.getAttribute(u);if(u==="aria-label"){const x=(h||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();x?p.setAttribute("aria-label",x):p.removeAttribute("aria-label")}else(u==="aria-controls"||u==="aria-expanded"||u==="aria-haspopup")&&(h===null?p.removeAttribute(u):p.setAttribute(u,h))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){_(g,this,w).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&_(g,this,w).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,c]of i)(c||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-container-height:var(--scb-button-design-height-medium);--scb-button-padding-block:var(--scb-button-design-padding-block-medium);--scb-button-padding-inline:var(--scb-button-design-padding-inline-medium);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-medium);--scb-button-icon-gap:var(--scb-button-design-gap-medium);--scb-button-icon-size:var(--scb-button-design-icon-medium);--scb-button-shape-radius:var(--scb-button-design-surface-radius-medium);--scb-button-label-text-font:var(--scb-button-design-text-medium-font);--scb-button-label-text-size:var(--scb-button-design-text-medium-size);--scb-button-label-text-weight:var(--scb-button-design-text-medium-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-medium-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-medium-tracking)}:host([size='extra-small']){--scb-button-container-height:var(--scb-button-design-height-extra-small);--scb-button-padding-block:var(--scb-button-design-padding-block-extra-small);--scb-button-padding-inline:var(--scb-button-design-padding-inline-extra-small);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-extra-small);--scb-button-icon-gap:var(--scb-button-design-gap-extra-small);--scb-button-icon-size:var(--scb-button-design-icon-extra-small);--scb-button-shape-radius:var(--scb-button-design-surface-radius-extra-small);--scb-button-label-text-font:var(--scb-button-design-text-extra-small-font);--scb-button-label-text-size:var(--scb-button-design-text-extra-small-size);--scb-button-label-text-weight:var(--scb-button-design-text-extra-small-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-extra-small-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-extra-small-tracking)}:host([size='small']){--scb-button-container-height:var(--scb-button-design-height-small);--scb-button-padding-block:var(--scb-button-design-padding-block-small);--scb-button-padding-inline:var(--scb-button-design-padding-inline-small);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-small);--scb-button-icon-gap:var(--scb-button-design-gap-small);--scb-button-icon-size:var(--scb-button-design-icon-small);--scb-button-shape-radius:var(--scb-button-design-surface-radius-small);--scb-button-label-text-font:var(--scb-button-design-text-small-font);--scb-button-label-text-size:var(--scb-button-design-text-small-size);--scb-button-label-text-weight:var(--scb-button-design-text-small-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-small-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-small-tracking)}:host([size='large']){--scb-button-container-height:var(--scb-button-design-height-large);--scb-button-padding-block:var(--scb-button-design-padding-block-large);--scb-button-padding-inline:var(--scb-button-design-padding-inline-large);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-large);--scb-button-icon-gap:var(--scb-button-design-gap-large);--scb-button-icon-size:var(--scb-button-design-icon-large);--scb-button-shape-radius:var(--scb-button-design-surface-radius-large);--scb-button-label-text-font:var(--scb-button-design-text-large-font);--scb-button-label-text-size:var(--scb-button-design-text-large-size);--scb-button-label-text-weight:var(--scb-button-design-text-large-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-large-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-large-tracking)}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--scb-button-shape-radius, var(--md-sys-shape-corner-full, 999px))}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));font-family:var(--scb-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-weight);line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:var(--scb-button-label-text-tracking, normal);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-focus-ring-color, var(--md-sys-color-primary));outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--scb-button-filled-container-color, var(--md-sys-color-primary));color:var(--scb-button-filled-content-color, var(--md-sys-color-on-primary))}:host([variant='outlined']) .native-button{background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-button-outline-color, var(--md-sys-color-outline))}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--scb-button-tonal-container-color, var(--md-sys-color-secondary-container));color:var(--scb-button-tonal-content-color, var(--md-sys-color-on-secondary-container))}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}:host{--scb-button-design-height-extra-small:var(--scb-buttons-control-size-extra-small, var(--scale-07, 28px));--scb-button-design-height-small:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-design-height-medium:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-design-height-large:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-design-text-extra-small-font:var(--scb-button-text-extra-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-extra-small-size:var(--scb-button-text-extra-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-extra-small-line-height:var(--scb-button-text-extra-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-extra-small-tracking:var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-extra-small-weight:var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-extra-small-letter-spacing:var(--scb-button-text-extra-small-letter-spacing, var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-extra-small-font-weight:var(--scb-button-text-extra-small-font-weight, var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-small-font:var(--scb-button-text-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-small-size:var(--scb-button-text-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-small-line-height:var(--scb-button-text-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-small-tracking:var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-small-weight:var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-small-letter-spacing:var(--scb-button-text-small-letter-spacing, var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-small-font-weight:var(--scb-button-text-small-font-weight, var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-medium-font:var(--scb-button-text-medium-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-medium-size:var(--scb-button-text-medium-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-medium-line-height:var(--scb-button-text-medium-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-medium-tracking:var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-medium-weight:var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-medium-letter-spacing:var(--scb-button-text-medium-letter-spacing, var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-medium-font-weight:var(--scb-button-text-medium-font-weight, var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-large-font:var(--scb-button-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font, var(--brand))));--scb-button-design-text-large-size:var(--scb-button-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 16px)));--scb-button-design-text-large-line-height:var(--scb-button-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 24px)));--scb-button-design-text-large-tracking:var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px))));--scb-button-design-text-large-weight:var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--scb-button-design-text-large-letter-spacing:var(--scb-button-text-large-letter-spacing, var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px)))));--scb-button-design-text-large-font-weight:var(--scb-button-text-large-font-weight, var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600)))));--scb-button-design-icon-extra-small:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-design-icon-small:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-design-icon-medium:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-design-icon-large:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-design-padding-inline-extra-small:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-design-padding-inline-small:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-design-padding-inline-medium:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-design-padding-inline-large:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-design-padding-block-extra-small:var(--scb-button-padding-block-extra-small, var(--spacing-2, 4px));--scb-button-design-padding-block-small:var(--scb-button-padding-block-small, 6px);--scb-button-design-padding-block-medium:var(--scb-button-padding-block-medium, 10px);--scb-button-design-padding-block-large:var(--scb-button-padding-block-large, var(--spacing-5, 16px));--scb-button-design-gap-extra-small:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-design-gap-small:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-design-gap-medium:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-design-gap-large:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-design-surface-radius-extra-small:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 1000px));--scb-button-design-surface-radius-small:var(--scb-buttons-shape-radius-small, var(--radius-full, 1000px));--scb-button-design-surface-radius-medium:var(--scb-buttons-shape-radius-medium, var(--radius-full, 1000px));--scb-button-design-surface-radius-large:var(--scb-buttons-shape-radius-large, var(--radius-full, 1000px))}`}render(){const e=!!this.icon?.trim(),t=e?b`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=b`
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../../vendor/lazy-ripple.js"])))=>i.map(i=>d[i]);
2
+ import{g as l,h as S,m as A,p as n,v as b,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as z}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as s}from"../../vendor/decorate.js";import{t as _}from"../../vendor/assertClassBrand.js";import{t as T}from"../../vendor/classPrivateMethodInitSpec.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(u){var r=String(u||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var g,v,y;function P(){return v??(v=z(()=>import("../../vendor/lazy-focus-ring.js").then(c=>c.i),__vite__mapDeps([0,1,2]),import.meta.url)),v}function k(){return y??(y=z(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),y}var a=(g=new WeakSet,class extends S{constructor(...e){super(...e),T(this,g),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||P().then(({ensureFocusRingReady:t})=>(t(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label");const r=this.getAttribute("aria-controls");r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls");const u=this.getAttribute("aria-haspopup");u!==null?e.setAttribute("aria-haspopup",u):e.removeAttribute("aria-haspopup");const f=this.getAttribute("aria-expanded");f!==null?e.setAttribute("aria-expanded",f):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(R=>{const p=this.__getNativeControl();if(p)for(const m of R){if(m.type!=="attributes"||!m.attributeName)continue;const d=m.attributeName,h=this.getAttribute(d);if(d==="aria-label"){const x=(h||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();x?p.setAttribute("aria-label",x):p.removeAttribute("aria-label")}else(d==="aria-controls"||d==="aria-expanded"||d==="aria-haspopup")&&(h===null?p.removeAttribute(d):p.setAttribute(d,h))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){_(g,this,w).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&_(g,this,w).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,u]of i)(u||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-container-height:var(--scb-button-design-height-medium);--scb-button-padding-block:var(--scb-button-design-padding-block-medium);--scb-button-padding-inline:var(--scb-button-design-padding-inline-medium);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-medium);--scb-button-icon-gap:var(--scb-button-design-gap-medium);--scb-button-icon-size:var(--scb-button-design-icon-medium);--scb-button-shape-radius:var(--scb-button-design-surface-radius-medium);--scb-button-label-text-font:var(--scb-button-design-text-medium-font);--scb-button-label-text-size:var(--scb-button-design-text-medium-size);--scb-button-label-text-weight:var(--scb-button-design-text-medium-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-medium-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-medium-tracking)}:host([size='extra-small']){--scb-button-container-height:var(--scb-button-design-height-extra-small);--scb-button-padding-block:var(--scb-button-design-padding-block-extra-small);--scb-button-padding-inline:var(--scb-button-design-padding-inline-extra-small);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-extra-small);--scb-button-icon-gap:var(--scb-button-design-gap-extra-small);--scb-button-icon-size:var(--scb-button-design-icon-extra-small);--scb-button-shape-radius:var(--scb-button-design-surface-radius-extra-small);--scb-button-label-text-font:var(--scb-button-design-text-extra-small-font);--scb-button-label-text-size:var(--scb-button-design-text-extra-small-size);--scb-button-label-text-weight:var(--scb-button-design-text-extra-small-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-extra-small-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-extra-small-tracking)}:host([size='small']){--scb-button-container-height:var(--scb-button-design-height-small);--scb-button-padding-block:var(--scb-button-design-padding-block-small);--scb-button-padding-inline:var(--scb-button-design-padding-inline-small);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-small);--scb-button-icon-gap:var(--scb-button-design-gap-small);--scb-button-icon-size:var(--scb-button-design-icon-small);--scb-button-shape-radius:var(--scb-button-design-surface-radius-small);--scb-button-label-text-font:var(--scb-button-design-text-small-font);--scb-button-label-text-size:var(--scb-button-design-text-small-size);--scb-button-label-text-weight:var(--scb-button-design-text-small-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-small-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-small-tracking)}:host([size='large']){--scb-button-container-height:var(--scb-button-design-height-large);--scb-button-padding-block:var(--scb-button-design-padding-block-large);--scb-button-padding-inline:var(--scb-button-design-padding-inline-large);--scb-button-icon-edge-space:var(--scb-button-design-padding-inline-large);--scb-button-icon-gap:var(--scb-button-design-gap-large);--scb-button-icon-size:var(--scb-button-design-icon-large);--scb-button-shape-radius:var(--scb-button-design-surface-radius-large);--scb-button-label-text-font:var(--scb-button-design-text-large-font);--scb-button-label-text-size:var(--scb-button-design-text-large-size);--scb-button-label-text-weight:var(--scb-button-design-text-large-weight);--scb-button-label-text-line-height:var(--scb-button-design-text-large-line-height);--scb-button-label-text-tracking:var(--scb-button-design-text-large-tracking)}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--scb-button-shape-radius, var(--md-sys-shape-corner-full, 999px))}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));font-family:var(--scb-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-weight);line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:var(--scb-button-label-text-tracking, normal);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-focus-ring-color, var(--md-sys-color-primary));outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--scb-button-filled-container-color, var(--md-sys-color-primary));color:var(--scb-button-filled-content-color, var(--md-sys-color-on-primary))}:host([variant='outlined']) .native-button{background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-button-outline-color, var(--md-sys-color-outline))}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--scb-button-tonal-container-color, var(--md-sys-color-secondary-container));color:var(--scb-button-tonal-content-color, var(--md-sys-color-on-secondary-container))}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}:host{--scb-button-design-height-extra-small:var(--scb-buttons-control-size-extra-small, var(--scale-07, 28px));--scb-button-design-height-small:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-design-height-medium:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-design-height-large:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-design-text-extra-small-font:var(--scb-button-text-extra-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-extra-small-size:var(--scb-button-text-extra-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-extra-small-line-height:var(--scb-button-text-extra-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-extra-small-tracking:var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-extra-small-weight:var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-extra-small-letter-spacing:var(--scb-button-text-extra-small-letter-spacing, var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-extra-small-font-weight:var(--scb-button-text-extra-small-font-weight, var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-small-font:var(--scb-button-text-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-small-size:var(--scb-button-text-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-small-line-height:var(--scb-button-text-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-small-tracking:var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-small-weight:var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-small-letter-spacing:var(--scb-button-text-small-letter-spacing, var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-small-font-weight:var(--scb-button-text-small-font-weight, var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-medium-font:var(--scb-button-text-medium-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-button-design-text-medium-size:var(--scb-button-text-medium-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-button-design-text-medium-line-height:var(--scb-button-text-medium-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-button-design-text-medium-tracking:var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-button-design-text-medium-weight:var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-button-design-text-medium-letter-spacing:var(--scb-button-text-medium-letter-spacing, var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-button-design-text-medium-font-weight:var(--scb-button-text-medium-font-weight, var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-button-design-text-large-font:var(--scb-button-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font, var(--brand))));--scb-button-design-text-large-size:var(--scb-button-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 16px)));--scb-button-design-text-large-line-height:var(--scb-button-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 24px)));--scb-button-design-text-large-tracking:var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px))));--scb-button-design-text-large-weight:var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--scb-button-design-text-large-letter-spacing:var(--scb-button-text-large-letter-spacing, var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px)))));--scb-button-design-text-large-font-weight:var(--scb-button-text-large-font-weight, var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600)))));--scb-button-design-icon-extra-small:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-design-icon-small:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-design-icon-medium:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-design-icon-large:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-design-padding-inline-extra-small:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-design-padding-inline-small:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-design-padding-inline-medium:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-design-padding-inline-large:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-design-padding-block-extra-small:var(--scb-button-padding-block-extra-small, var(--spacing-2, 4px));--scb-button-design-padding-block-small:var(--scb-button-padding-block-small, 6px);--scb-button-design-padding-block-medium:var(--scb-button-padding-block-medium, 10px);--scb-button-design-padding-block-large:var(--scb-button-padding-block-large, var(--spacing-5, 16px));--scb-button-design-gap-extra-small:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-design-gap-small:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-design-gap-medium:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-design-gap-large:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-design-surface-radius-extra-small:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 1000px));--scb-button-design-surface-radius-small:var(--scb-buttons-shape-radius-small, var(--radius-full, 1000px));--scb-button-design-surface-radius-medium:var(--scb-buttons-shape-radius-medium, var(--radius-full, 1000px));--scb-button-design-surface-radius-large:var(--scb-buttons-shape-radius-large, var(--radius-full, 1000px))}`}render(){const e=!!this.icon?.trim(),t=e?b`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=b`
3
3
  <slot
4
4
  @slotchange=${this.__handleDefaultSlotChange}
5
5
  style=${this.__hasDefaultSlotContent?l:"display: none"}
@@ -46,4 +46,4 @@ import{g as l,h as S,m as A,p as n,v as b,y as C}from"../../vendor/vendor.js";im
46
46
  ${this.__nativeRippleReady?b`<md-ripple aria-hidden="true"></md-ripple>`:l}
47
47
  ${this.__nativeFocusRingReady?b`<md-focus-ring aria-hidden="true"></md-focus-ring>`:l}
48
48
  </span>
49
- `}});function w(){const d=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??d,t=this.mapSpacingToken(this.spacingBottom)??d,i=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),t?this.style.setProperty("--scb-button-spacing-block-end",t):this.style.removeProperty("--scb-button-spacing-block-end"),i?this.style.setProperty("--scb-button-spacing-inline-start",i):this.style.removeProperty("--scb-button-spacing-inline-start"),o?this.style.setProperty("--scb-button-spacing-inline-end",o):this.style.removeProperty("--scb-button-spacing-inline-end")}s([n({type:String,reflect:!0})],a.prototype,"variant",void 0);s([n({type:String,reflect:!0})],a.prototype,"size",void 0);s([n({type:String,reflect:!0})],a.prototype,"type",void 0);s([n({type:String})],a.prototype,"name",void 0);s([n({type:String})],a.prototype,"value",void 0);s([n({type:String,attribute:"form"})],a.prototype,"formId",void 0);s([n({type:String,attribute:"formaction"})],a.prototype,"formAction",void 0);s([n({type:String,attribute:"formenctype"})],a.prototype,"formEnctype",void 0);s([n({type:String,attribute:"formmethod"})],a.prototype,"formMethod",void 0);s([n({type:Boolean,attribute:"formnovalidate"})],a.prototype,"formNoValidate",void 0);s([n({type:String,attribute:"formtarget"})],a.prototype,"formTarget",void 0);s([n({type:String})],a.prototype,"label",void 0);s([n({type:Boolean,attribute:"trailing-icon"})],a.prototype,"trailingIcon",void 0);s([n({type:String})],a.prototype,"icon",void 0);s([n({type:Boolean,attribute:"icon-filled",reflect:!0})],a.prototype,"iconFilled",void 0);s([n({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);s([n({type:Boolean,attribute:"full-width",reflect:!0})],a.prototype,"fullWidth",void 0);s([n({type:String})],a.prototype,"href",void 0);s([n({type:String})],a.prototype,"target",void 0);s([n({type:String})],a.prototype,"rel",void 0);s([n({type:String,reflect:!0})],a.prototype,"spacing",void 0);s([n({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);s([n({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);s([n({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);s([n({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);a=s([A("scb-button")],a);export{a as ScbButton};
49
+ `}});function w(){const c=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??c,t=this.mapSpacingToken(this.spacingBottom)??c,i=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),t?this.style.setProperty("--scb-button-spacing-block-end",t):this.style.removeProperty("--scb-button-spacing-block-end"),i?this.style.setProperty("--scb-button-spacing-inline-start",i):this.style.removeProperty("--scb-button-spacing-inline-start"),o?this.style.setProperty("--scb-button-spacing-inline-end",o):this.style.removeProperty("--scb-button-spacing-inline-end")}s([n({type:String,reflect:!0})],a.prototype,"variant",void 0);s([n({type:String,reflect:!0})],a.prototype,"size",void 0);s([n({type:String,reflect:!0})],a.prototype,"type",void 0);s([n({type:String})],a.prototype,"name",void 0);s([n({type:String})],a.prototype,"value",void 0);s([n({type:String,attribute:"form"})],a.prototype,"formId",void 0);s([n({type:String,attribute:"formaction"})],a.prototype,"formAction",void 0);s([n({type:String,attribute:"formenctype"})],a.prototype,"formEnctype",void 0);s([n({type:String,attribute:"formmethod"})],a.prototype,"formMethod",void 0);s([n({type:Boolean,attribute:"formnovalidate"})],a.prototype,"formNoValidate",void 0);s([n({type:String,attribute:"formtarget"})],a.prototype,"formTarget",void 0);s([n({type:String})],a.prototype,"label",void 0);s([n({type:Boolean,attribute:"trailing-icon"})],a.prototype,"trailingIcon",void 0);s([n({type:String})],a.prototype,"icon",void 0);s([n({type:Boolean,attribute:"icon-filled",reflect:!0})],a.prototype,"iconFilled",void 0);s([n({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);s([n({type:Boolean,attribute:"full-width",reflect:!0})],a.prototype,"fullWidth",void 0);s([n({type:String})],a.prototype,"href",void 0);s([n({type:String})],a.prototype,"target",void 0);s([n({type:String})],a.prototype,"rel",void 0);s([n({type:String,reflect:!0})],a.prototype,"spacing",void 0);s([n({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);s([n({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);s([n({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);s([n({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);a=s([A("scb-button")],a);export{a as ScbButton};