scb-wc 0.1.157 → 0.1.158

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 (225) hide show
  1. package/README.md +58 -181
  2. package/_virtual/{_@oxc-project_runtime@0.126.0/helpers → _@oxc-project_runtime@0.139.0/helpers/esm}/decorate.js +2 -2
  3. package/all.js +5 -0
  4. package/component-defaults.js +2 -0
  5. package/index.js +95 -90
  6. package/mvc/components/all.js +5 -0
  7. package/mvc/components/scb-accordion/scb-accordion-item.js +11 -11
  8. package/mvc/components/scb-accordion/scb-accordion.js +3 -3
  9. package/mvc/components/scb-app-bar/scb-app-bar.js +18 -58
  10. package/mvc/components/scb-avatar/scb-avatar.js +9 -9
  11. package/mvc/components/scb-badge/scb-badge.js +6 -6
  12. package/mvc/components/scb-breadcrumb/scb-breadcrumb-item.js +2 -2
  13. package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +13 -13
  14. package/mvc/components/scb-button/scb-button.js +19 -19
  15. package/mvc/components/scb-calendar/scb-calendar.js +36 -35
  16. package/mvc/components/scb-calendar-card/scb-calendar-card.js +17 -17
  17. package/mvc/components/scb-card/scb-card.js +31 -31
  18. package/mvc/components/scb-checkbox/scb-checkbox-group.js +9 -9
  19. package/mvc/components/scb-checkbox/scb-checkbox.js +13 -13
  20. package/mvc/{vendor → components/scb-chevron}/scb-chevron.js +1 -1
  21. package/mvc/components/scb-chip/scb-chip.js +6 -6
  22. package/mvc/components/scb-collapse/scb-collapse.js +9 -9
  23. package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +3 -3
  24. package/mvc/components/scb-datepicker/scb-datepicker.js +132 -0
  25. package/mvc/components/scb-dialog/scb-dialog.js +26 -19
  26. package/mvc/components/scb-divider/scb-divider.js +1 -1
  27. package/mvc/components/scb-drawer/scb-drawer.js +3 -7
  28. package/mvc/components/scb-drop-zone/scb-drop-zone.js +19 -19
  29. package/mvc/components/scb-dropdown/scb-dropdown.js +8 -8
  30. package/mvc/components/scb-fab/scb-fab.js +15 -5
  31. package/mvc/components/scb-fact-card/scb-fact-card-content.js +7 -7
  32. package/mvc/components/scb-fact-card/scb-fact-card.js +6 -6
  33. package/mvc/components/scb-footer/scb-footer.js +13 -13
  34. package/mvc/components/scb-form-error-summary/scb-form-error-summary.js +3 -3
  35. package/mvc/components/scb-gallery-grid/scb-gallery-grid.js +3 -3
  36. package/mvc/components/scb-grid/scb-grid.js +1 -1
  37. package/mvc/components/scb-grid/scb-stack.js +1 -1
  38. package/mvc/components/scb-header/scb-header.js +75 -59
  39. package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +7 -7
  40. package/mvc/components/scb-icon/scb-icon.js +3 -3
  41. package/mvc/components/scb-icon-button/scb-icon-button.js +14 -14
  42. package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +23 -23
  43. package/mvc/components/scb-link/scb-link.js +5 -5
  44. package/mvc/components/scb-list/scb-list-item.js +22 -22
  45. package/mvc/components/scb-list/scb-list.js +2 -2
  46. package/mvc/components/scb-menu/scb-menu-item.js +18 -18
  47. package/mvc/components/scb-menu/scb-menu-section.js +3 -3
  48. package/mvc/components/scb-menu/scb-menu.js +3 -3
  49. package/mvc/components/scb-nav/scb-nav.js +10 -10
  50. package/mvc/components/scb-notification-card/scb-notification-card.js +18 -18
  51. package/mvc/components/scb-options-menu/scb-options-menu-item.js +9 -9
  52. package/mvc/components/scb-options-menu/scb-options-menu.js +3 -3
  53. package/mvc/components/scb-options-menu/scb-options-sub-menu.js +2 -2
  54. package/mvc/components/scb-overlay/scb-overlay.js +4 -4
  55. package/mvc/components/scb-pagination/scb-pagination.js +25 -25
  56. package/mvc/components/scb-progress-indicator/scb-progress-indicator.js +7 -8
  57. package/mvc/components/scb-progress-stepper/scb-progress-step.js +2 -2
  58. package/mvc/components/scb-progress-stepper/scb-progress-stepper.js +2 -2
  59. package/mvc/components/scb-radio-button/scb-radio-button.js +7 -7
  60. package/mvc/components/scb-radio-button/scb-radio-group.js +4 -4
  61. package/mvc/components/scb-scrollspy/scb-scrollspy.js +2 -2
  62. package/mvc/components/scb-search/scb-search.js +15 -15
  63. package/mvc/components/scb-segmented-button/scb-segmented-button.js +1 -1
  64. package/mvc/components/scb-segmented-button/scb-segmented-item.js +3 -3
  65. package/mvc/components/scb-select/scb-select-option.js +5 -5
  66. package/mvc/components/scb-select/scb-select.js +15 -15
  67. package/mvc/components/scb-skeleton/scb-skeleton.js +2 -2
  68. package/mvc/components/scb-slider/scb-slider.js +1 -1
  69. package/mvc/components/scb-snackbar/scb-snackbar.js +6 -6
  70. package/mvc/components/scb-status-pill/scb-status-pill.js +3 -3
  71. package/mvc/components/scb-stepper/scb-step.js +5 -5
  72. package/mvc/components/scb-stepper/scb-stepper.js +2 -2
  73. package/mvc/components/scb-switch/scb-switch.js +4 -4
  74. package/mvc/components/scb-table/scb-table.js +2 -2
  75. package/mvc/components/scb-table-advanced/scb-table-advanced.js +5 -5
  76. package/mvc/components/scb-tabs/scb-primary-tab.js +2 -2
  77. package/mvc/components/scb-tabs/scb-secondary-tab.js +2 -2
  78. package/mvc/components/scb-tabs/scb-tabs.js +4 -4
  79. package/mvc/components/scb-textfield/scb-textfield.js +59 -164
  80. package/mvc/components/scb-toc/scb-toc-item.js +7 -7
  81. package/mvc/components/scb-toc/scb-toc.js +2 -2
  82. package/mvc/components/scb-tooltip/scb-tooltip.js +8 -8
  83. package/mvc/components/scb-viz/scb-viz-actions-runtime.js +2 -2
  84. package/mvc/components/scb-viz/scb-viz-print-runtime.js +12 -8
  85. package/mvc/components/scb-viz/scb-viz.js +41 -41
  86. package/mvc/components/shared/lazy-focus-ring.js +2 -0
  87. package/mvc/components/shared/lazy-ripple.js +2 -0
  88. package/mvc/components/shared/scb-icon-svg.js +11 -0
  89. package/mvc/scb-compact.css +1 -1
  90. package/mvc/scb-logo.svg +20 -20
  91. package/mvc/scb-typography.css +1 -1
  92. package/mvc/scb-wc-core.css +1 -1
  93. package/mvc/scb-wc-selfhost.css +1 -1
  94. package/mvc/scb-wc.css +1 -1
  95. package/mvc/scb.svg +13 -13
  96. package/mvc/vendor/component-defaults.js +1 -1
  97. package/mvc/vendor/preload-helper.js +1 -1
  98. package/mvc/vendor/runtime-colors.js +1 -0
  99. package/mvc/vendor/scb-card-variants.internal.js +122 -76
  100. package/mvc/vendor/scb-header-drawer.internal.js +1 -1
  101. package/mvc/vendor/vendor.js +3 -3
  102. package/package.json +3 -2
  103. package/scb-accordion/scb-accordion-item.js +183 -48
  104. package/scb-accordion/scb-accordion.js +32 -22
  105. package/scb-action-card/scb-action-card.js +2 -1
  106. package/scb-app-bar/scb-app-bar.js +239 -139
  107. package/scb-avatar/scb-avatar.js +75 -27
  108. package/scb-badge/scb-badge.js +17 -15
  109. package/scb-breadcrumb/scb-breadcrumb-item.js +25 -16
  110. package/scb-breadcrumb/scb-breadcrumb.js +32 -21
  111. package/scb-button/scb-button.js +171 -66
  112. package/scb-calendar/scb-calendar-event.js +1 -1
  113. package/scb-calendar/scb-calendar.js +140 -74
  114. package/scb-calendar-card/scb-calendar-card.js +197 -103
  115. package/scb-card/scb-card-variants.internal.js +1 -1
  116. package/scb-card/scb-card.js +433 -241
  117. package/scb-checkbox/scb-checkbox-group.js +56 -41
  118. package/scb-checkbox/scb-checkbox.js +73 -39
  119. package/scb-chevron/scb-chevron.js +2 -1
  120. package/scb-chip/scb-chip.js +62 -39
  121. package/scb-collapse/scb-collapse.js +19 -15
  122. package/scb-compact.css +1 -1
  123. package/scb-components/index.d.ts +104 -0
  124. package/scb-components/scb-app-bar/scb-app-bar.d.ts +9 -2
  125. package/scb-components/scb-button/scb-button.d.ts +14 -1
  126. package/scb-components/scb-calendar/scb-calendar.d.ts +5 -0
  127. package/scb-components/scb-card/scb-card.d.ts +2 -0
  128. package/scb-components/scb-chevron/scb-chevron.d.ts +11 -0
  129. package/scb-components/scb-chip/scb-chip.d.ts +0 -4
  130. package/scb-components/scb-datepicker/scb-datepicker.d.ts +45 -0
  131. package/scb-components/scb-dialog/scb-dialog.d.ts +30 -0
  132. package/scb-components/scb-grid/scb-grid.d.ts +4 -1
  133. package/scb-components/scb-nav/scb-nav.d.ts +1 -1
  134. package/scb-components/scb-overlay/scb-overlay.d.ts +1 -1
  135. package/scb-components/scb-segmented-button/scb-segmented-button.d.ts +8 -7
  136. package/scb-components/scb-segmented-button/scb-segmented-item.d.ts +5 -2
  137. package/scb-components/scb-skeleton/scb-skeleton.d.ts +6 -3
  138. package/scb-components/scb-textfield/scb-textfield.d.ts +8 -0
  139. package/scb-components/shared/lazy-focus-ring.d.ts +4 -0
  140. package/scb-components/shared/lazy-ripple.d.ts +9 -0
  141. package/scb-components/shared/scb-icon-svg.d.ts +3 -0
  142. package/scb-cookies-consent/scb-cookies-consent.js +27 -21
  143. package/scb-datepicker/scb-datepicker.js +65 -61
  144. package/scb-dialog/scb-dialog.js +320 -86
  145. package/scb-divider/scb-divider.js +16 -19
  146. package/scb-drawer/scb-drawer.js +5 -11
  147. package/scb-drop-zone/scb-drop-zone.js +138 -101
  148. package/scb-dropdown/scb-dropdown.js +37 -23
  149. package/scb-fab/scb-fab.js +42 -31
  150. package/scb-fact-card/scb-fact-card-content.js +106 -19
  151. package/scb-fact-card/scb-fact-card.js +148 -55
  152. package/scb-footer/scb-footer-section.js +1 -1
  153. package/scb-footer/scb-footer.js +37 -43
  154. package/scb-form-error-summary/scb-form-error-summary.js +18 -12
  155. package/scb-gallery-grid/scb-gallery-grid.js +24 -24
  156. package/scb-grid/scb-grid-item.js +1 -1
  157. package/scb-grid/scb-grid.js +6 -6
  158. package/scb-grid/scb-stack.js +4 -4
  159. package/scb-header/scb-header-drawer.internal.js +1 -1
  160. package/scb-header/scb-header-menu-item.js +1 -1
  161. package/scb-header/scb-header-tab.js +1 -1
  162. package/scb-header/scb-header.js +327 -150
  163. package/scb-horizontal-scroller/scb-horizontal-scroller.js +24 -49
  164. package/scb-icon/scb-icon.js +18 -18
  165. package/scb-icon-button/scb-icon-button.js +58 -52
  166. package/scb-keyfigure-card/scb-keyfigure-card.js +178 -60
  167. package/scb-link/scb-link.js +15 -9
  168. package/scb-list/scb-list-item.js +107 -51
  169. package/scb-list/scb-list.js +19 -14
  170. package/scb-menu/scb-menu-item.js +35 -17
  171. package/scb-menu/scb-menu-section.js +15 -10
  172. package/scb-menu/scb-menu.js +25 -15
  173. package/scb-menu/scb-sub-menu.js +1 -1
  174. package/scb-nav/scb-nav-item.js +1 -1
  175. package/scb-nav/scb-nav.js +36 -61
  176. package/scb-notification-card/scb-notification-card.js +196 -99
  177. package/scb-options-menu/scb-options-menu-item.js +25 -18
  178. package/scb-options-menu/scb-options-menu.js +61 -42
  179. package/scb-options-menu/scb-options-sub-menu.js +9 -9
  180. package/scb-overlay/scb-overlay.js +4 -3
  181. package/scb-pagination/scb-pagination.js +65 -37
  182. package/scb-progress-indicator/scb-progress-indicator.js +23 -20
  183. package/scb-progress-stepper/scb-progress-step.js +5 -5
  184. package/scb-progress-stepper/scb-progress-stepper.js +5 -4
  185. package/scb-radio-button/scb-radio-button.js +64 -30
  186. package/scb-radio-button/scb-radio-group.js +34 -33
  187. package/scb-scrollspy/scb-scrollspy.js +8 -5
  188. package/scb-search/scb-search.js +148 -60
  189. package/scb-segmented-button/scb-segmented-button.js +83 -21
  190. package/scb-segmented-button/scb-segmented-item.js +23 -16
  191. package/scb-select/scb-select-option.js +36 -12
  192. package/scb-select/scb-select.js +260 -99
  193. package/scb-skeleton/scb-skeleton.js +11 -4
  194. package/scb-slider/scb-slider.js +24 -27
  195. package/scb-snackbar/scb-snackbar.js +16 -16
  196. package/scb-status-pill/scb-status-pill.js +9 -8
  197. package/scb-stepper/scb-step.js +23 -21
  198. package/scb-stepper/scb-stepper.js +61 -32
  199. package/scb-switch/scb-switch.js +31 -14
  200. package/scb-table/scb-table.js +16 -14
  201. package/scb-table-advanced/scb-table-advanced.js +21 -17
  202. package/scb-tabs/scb-primary-tab.js +30 -1
  203. package/scb-tabs/scb-secondary-tab.js +16 -1
  204. package/scb-tabs/scb-tabs.js +17 -2
  205. package/scb-textfield/scb-textfield.js +308 -143
  206. package/scb-toc/scb-toc-item.js +115 -56
  207. package/scb-toc/scb-toc.js +1 -1
  208. package/scb-tooltip/scb-tooltip.js +12 -15
  209. package/scb-typography.css +1 -1
  210. package/scb-viz/scb-viz-actions-runtime.js +47 -46
  211. package/scb-viz/scb-viz-print-runtime.js +28 -23
  212. package/scb-viz/scb-viz.js +32 -31
  213. package/scb-wc-core.css +1 -1
  214. package/scb-wc-selfhost.css +1 -1
  215. package/scb-wc.bundle.js +4961 -2914
  216. package/scb-wc.css +1 -1
  217. package/scb-wc.d.ts +208 -198
  218. package/shared/scb-icon-svg.js +6 -3
  219. package/tokens/generated/runtime-colors.js +12 -0
  220. package/mvc/vendor/lazy-focus-ring.js +0 -2
  221. package/mvc/vendor/lazy-ripple.js +0 -2
  222. package/mvc/vendor/scb-icon-svg.js +0 -11
  223. package/scb-components/scb-card/scb-card-variants.internal.d.ts +0 -15
  224. package/scb-components/scb-header/scb-header-drawer.internal.d.ts +0 -33
  225. package/scb-wc-public-entry/index.d.ts +0 -99
package/README.md CHANGED
@@ -1,190 +1,106 @@
1
- # Om SCB Web Components
1
+ # Om SCB Web Components Preview
2
2
 
3
- SCB Web Components finns för att underlätta skapandet av enhetliga, tillgängliga och användbara webbapplikationer.
3
+ > ⚠️ **Previewkanal**
4
+ > Installera `scb-wc` via `@next` för komponenter under utveckling. API, utseende och beteende kan ändras eller tas bort mellan versioner.
4
5
 
5
- Komponenterna bygger på:
6
- - [Lit](https://lit.dev/)
7
- - [Material Web Components](https://material-web.dev/about/intro/)
6
+ SCB Web Components preview innehåller SCB:s gemensamma webbkomponenter.
8
7
 
9
- ## Storybook och dokumentation (internt)
8
+ ## Dokumentation
10
9
 
11
- Produktionskomponenterna dokumenteras och demonstreras i Storybook på SCB:s interna adress:
10
+ Previewkomponenterna dokumenteras och demonstreras i Storybook på SCB:s interna testadress:
12
11
 
13
- - Prod: https://webcomponents.scb.intra
12
+ - Test: <https://webcomponentstest.scb.intra>
14
13
 
15
- Testkomponenterna finns på:
14
+ Den publika/stabila Storybooken finns på:
16
15
 
17
- - Test: https://webcomponentstest.scb.intra
18
-
19
- ---
16
+ - Prod: <https://webcomponents.scb.intra>
20
17
 
21
18
  ## Kom igång
22
19
 
23
- Rekommenderad startväg:
20
+ ### 1. Skapa en app
21
+
22
+ Välj den teknik du använder. Exemplet skapar en vanlig webbplats:
24
23
 
25
24
  ```sh
26
- npx scb-wc init html my-app
27
- npx scb-wc init html-service my-service
28
- npx scb-wc init react my-react-app
29
- npx scb-wc init react-service my-react-service
30
- npx scb-wc init blazor my-blazor-app
31
- npx scb-wc init blazor-service my-blazor-service
25
+ npx scb-wc@next init html my-app
26
+ cd my-app
27
+ npm install
28
+ npm run dev
32
29
  ```
33
30
 
34
- Webbplatsmallarna skapar en liten starterapp med:
35
- - `scb-header`
36
- - `scb-footer`
37
- - `scb-grid`
38
- - några vanliga komponenter
31
+ Byt `html` mot:
39
32
 
40
- Webbtjänstmallarna skapar en starterapp med:
41
- - `scb-app-bar`
42
- - `scb-search`
43
- - `scb-table-advanced`
44
- - komponenter för actions och status
33
+ - `react` för React
34
+ - `blazor` för Blazor
35
+ - `html-service`, `react-service` eller `blazor-service` för en tätare webbtjänst
45
36
 
46
- Välj sedan den starter som ligger närmast din app och kör `npm install` i den nya mappen.
37
+ ### 2. Lägg till i en app som redan finns
47
38
 
48
- Om du redan har en app med `package.json`, kör kommandon i den mappen och installera paketet:
39
+ Kör kommandot i mappen där appens `package.json` ligger:
49
40
 
50
41
  ```sh
51
- npm install scb-wc
42
+ npm install scb-wc@next
52
43
  ```
53
44
 
54
- ---
55
-
56
- ## Alternativ 1: Använd som ES‑moduler (t.ex. i React, Vue, SPA)
57
-
58
- Importera CSS och de komponenter du använder (bäst för tree‑shaking):
45
+ Importera CSS och bara de komponenter som sidan använder:
59
46
 
60
47
  ```js
61
- // Global CSS + tokens (måste bara importeras en gång)
62
48
  import 'scb-wc/scb-wc.css';
63
49
  import 'scb-wc/scb-typography.css';
64
-
65
- // Enskilda web components
66
50
  import 'scb-wc/scb-button';
67
- import 'scb-wc/scb-accordion';
68
51
  ```
69
52
 
70
- Vill du ladda allt finns en samlingsfil (inte rekommenderat i större appar):
53
+ Lägg sedan komponenten i sidan:
71
54
 
72
- ```js
73
- // Global CSS + tokens (måste bara importeras en gång)
74
- import 'scb-wc/scb-wc.css';
75
- import 'scb-wc/scb-typography.css';
76
- import 'scb-wc/all';
55
+ ```html
56
+ <scb-button variant="filled">Fortsätt</scb-button>
77
57
  ```
78
58
 
79
- `scb-wc.css` använder paketets standardtypografi. För tätare app- eller tjänstlayouter kan du ladda compact-lagret efter bas-CSS:en:
59
+ ### Nästa steg
80
60
 
81
- ```js
82
- import 'scb-wc/scb-wc.css';
83
- import 'scb-wc/scb-typography.css';
84
- import 'scb-wc/scb-compact.css';
85
- ```
61
+ - Öppna Kom igång i [Test Storybook](https://webcomponentstest.scb.intra/?path=/docs/docs-kom-igång--beskrivning) för HTML/CSS, React, MVC och Blazor.
62
+ - Ö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.
63
+ - Öppna [komponentöversikten](https://webcomponentstest.scb.intra/?path=/story/components-översikt-alla-komponenter-exposé--expose) när du vill välja nästa komponent.
86
64
 
87
- Service- och appstartermallarna laddar `scb-compact.css`. Webbplatsstartermallarna använder standardtypografin.
65
+ ## Kort referens
88
66
 
89
- ### Självhosta fonter (Inter + Material Symbols)
67
+ ### Ladda alla komponenter
90
68
 
91
- Som standard laddas fonterna från Google Fonts via `scb-wc.css`.
92
- Vill du selfhosta kan du istället importera:
69
+ Importera `all` bara om appen verkligen behöver de flesta komponenterna:
93
70
 
94
71
  ```js
95
- import 'scb-wc/scb-wc-selfhost.css';
72
+ import 'scb-wc/scb-wc.css';
73
+ import 'scb-wc/scb-typography.css';
74
+ import 'scb-wc/all';
96
75
  ```
97
76
 
98
- används paketets egna fontfiler under `node_modules/scb-wc/fonts/`. Material Symbols är inte hela Google-fonten här. Selfhost-filen innehåller alla ikoner som visas under `Foundations/Icons (ikoner)` i Storybook. Listan kommer från paketets `icons.json`. Fonten behåller stöd för både fyllda och ofyllda varianter.
99
-
100
- ### Optimera Material Symbols med eget ikon-subset
101
-
102
- Det här är bara för appar som behöver Material Symbols utöver paketets `icons.json`. Då använder du `scb-wc-core.css` + ditt genererade `scb-wc-icons.css` i stället för `scb-wc-selfhost.css`.
77
+ ### Tätare webbtjänster
103
78
 
104
- Skapa en ikonlista i appens rot. Om du vill ersätta paketets selfhost-lista, kopiera paketets `icons.json` och lägg till dina egna ikon-namn:
105
-
106
- ```sh
107
- npx scb-wc subset-icons --icons ./src/scb-icons.json --out ./public/scb-icons
108
- ```
109
-
110
- Om `--icons` utelämnas används paketets standardlista `icons.json`. Om du skickar in en egen fil lägger kommandot till några basikoner, men inte hela paketets ikonlista. Kommandot skapar `scb-wc-icons.css`, en lokal fontfil och en kopia av ikonlistan i målmappen. Ladda då den fontlösa bas-CSS:en plus den genererade ikon-CSS:en:
79
+ Ladda Compact efter bas-CSS och typografi:
111
80
 
112
81
  ```js
113
- import 'scb-wc/scb-wc-core.css';
114
- import '/scb-icons/scb-wc-icons.css';
82
+ import 'scb-wc/scb-wc.css';
115
83
  import 'scb-wc/scb-typography.css';
84
+ import 'scb-wc/scb-compact.css';
116
85
  ```
117
86
 
118
- För MVC/MPA räcker det normalt att använda `scb-wc-selfhost.css`, eftersom den redan pekar på paketets selfhostade fontfiler.
119
-
120
- ---
121
-
122
- ## Alternativ 2: Använd i MVC/MPA via `<script type="module">`
123
-
124
- Det här läget använder den färdig‑splittrade **MVC‑ESM**‑builden som följer med paketet under:
125
-
126
- ```text
127
- node_modules/scb-wc/mvc/
128
- ```
129
-
130
- ### 2.1) Rekommenderat: ett npm‑script för att kopiera UI‑filer
131
-
132
- Lägg till i din apps `package.json`:
133
-
134
- ```jsonc
135
- {
136
- "scripts": {
137
- "ui:install": "node -e \"const fs=require('fs'),p=require('path');const src=p.resolve('node_modules/scb-wc/mvc');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install scb-wc?');process.exit(1);}const start=process.env.INIT_CWD||process.cwd();const ov=process.env.npm_config_ui_wwwroot;function findBase(){if(ov){return p.isAbsolute(ov)?ov:p.resolve(start,ov);}let d=start;while(true){const cand=p.join(d,'wwwroot');if(fs.existsSync(cand)) return cand;const up=p.dirname(d);if(up===d) return p.resolve(start,'wwwroot');d=up;}}const base=findBase();const dst=p.resolve(base,'ui');fs.rmSync(dst,{recursive:true,force:true});fs.mkdirSync(base,{recursive:true});fs.cpSync(src,dst,{recursive:true});console.log('Kopierade '+src+' → '+dst);\""
138
- }
139
- }
140
- ```
141
-
142
- Kör sedan:
143
-
144
- ```sh
145
- npm run ui:install
146
- ```
147
-
148
- Det kopierar hela `node_modules/scb-wc/mvc/` till `wwwroot/ui/` i din applikation (komponenter, vendor, CSS och fonts).
149
-
150
- ### 2.2) Ladda filer i layouten (Razor, .cshtml, klassisk MVC)
151
-
152
- Exemplet använder selfhost-läget. Lägg CSS i `<head>` och ladda bara de komponentskript som sidan använder.
153
-
154
- ```html
155
- <!-- Global layout, helst i <head> -->
156
- <link rel="stylesheet" href="~/ui/scb-wc-selfhost.css" />
157
- <link rel="stylesheet" href="~/ui/scb-typography.css" />
158
- <!-- Lägg till scb-compact.css om sidan ska använda compact-typografi. -->
159
-
160
- <!-- Ladda bara de komponenter sidan använder -->
161
- <script type="module" src="~/ui/components/scb-button/scb-button.js"></script>
162
- ```
163
-
164
- `~/ui/scb-wc-selfhost.css` laddar Inter och paketets Material Symbols-subset från `~/ui/fonts/`.
87
+ Webbplatsmallarna använder standardläget. Service- och appmallarna laddar Compact.
165
88
 
166
- ### 2.3) CI/CD‑exempel
89
+ ### MVC och statiska webbplatser
167
90
 
168
- Kör samma script i din pipeline:
91
+ 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.
169
92
 
170
- ```yaml
171
- steps:
172
- - script: npm ci
173
- - script: npm run ui:install
174
- ```
93
+ ### Blazor
175
94
 
176
- Behöver du en annan webbrotsökväg (t.ex. om din `wwwroot` ligger någon annanstans) kan du ange flaggan:
95
+ Blazor använder samma MVC-filer plus wrappers och interop under `node_modules/scb-wc/blazor/`. Följ [Kom igång](https://webcomponentstest.scb.intra/?path=/docs/docs-kom-igång--beskrivning) för första installationen och [Blazor-guiden](https://webcomponentstest.scb.intra/?path=/docs/docs-om-användning-i-blazor--beskrivning) när integrationen behöver state, parametrar eller events.
177
96
 
178
- ```yaml
179
- - script: npm run ui:install --ui_wwwroot=../wwwroot
180
- ```
97
+ ### Fonter och egna ikoner
181
98
 
182
- ---
99
+ 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`.
183
100
 
184
- ## Alternativ 3: Bundlad version (IIFE) för äldre miljöer
101
+ ### Bundlad version
185
102
 
186
- Om ESM inte stöds kan du använda den bundlade varianten från paketroten.
187
- Flytta följande tre filer från `node_modules/scb-wc` och använd dem i applikationen:
103
+ Miljöer som inte kan använda ESM kan ladda:
188
104
 
189
105
  ```text
190
106
  node_modules/scb-wc/scb-wc.bundle.js
@@ -192,57 +108,18 @@ node_modules/scb-wc/scb-wc.css
192
108
  node_modules/scb-wc/scb-typography.css
193
109
  ```
194
110
 
195
- ```html
196
- <link rel="stylesheet" href="scb-wc.css">
197
- <link rel="stylesheet" href="scb-typography.css" />
198
- <script src="scb-wc.bundle.js"></script>
199
- ```
200
-
201
- Lägg till `scb-compact.css` om sidan ska använda compact-typografi.
202
-
203
- > **Obs:** Blanda inte MVC‑ESM och IIFE på samma sida.
204
-
205
- ---
206
-
207
- ## Alternativ 4: Blazor (Server och WebAssembly)
208
-
209
- SCB Web Components fungerar även i Blazor‑appar när du vill använda samma komponenter i både MVC/MPA och Blazor.
210
-
211
- Grundprincipen är:
212
-
213
- 1. Använd MVC‑ESM‑builden (`node_modules/scb-wc/mvc`) och kopiera den till `wwwroot/ui` med `ui:install`.
214
- 2. Ladda `scb-blazor-bridge.js` från `wwwroot/ui` i din Blazor‑layout.
215
- 3. Lägg till (eller återanvänd) `ScbBlazorInteropBase` i din lösning.
111
+ Blanda inte bundle och MVC-ESM på samma sida.
216
112
 
217
- ### 4.1) Script i Blazor-projektets `package.json`
113
+ ### Uppdatera paketet
218
114
 
219
- Lägg till ett script som kopierar interop-filen från `node_modules` till ditt projekt (till exempel mappen `ScbBlazor`). Utöver `ui:install`-scriptet från MVC-exemplet ovan. Så att det till exempel blir så här i din `package.json`:
115
+ Kör i appens mapp och bygg sedan appen med dess vanliga kommando:
220
116
 
221
- ```jsonc
222
- {
223
- "scripts": {
224
- "ui:install": "node -e \"const fs=require('fs'),p=require('path');const src=p.resolve('node_modules/scb-wc/mvc');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install scb-wc?');process.exit(1);}const start=process.env.INIT_CWD||process.cwd();const ov=process.env.npm_config_ui_wwwroot;function findBase(){if(ov){return p.isAbsolute(ov)?ov:p.resolve(start,ov);}let d=start;while(true){const cand=p.join(d,'wwwroot');if(fs.existsSync(cand)) return cand;const up=p.dirname(d);if(up===d) return p.resolve(start,'wwwroot');d=up;}}const base=findBase();const dst=p.resolve(base,'ui');fs.rmSync(dst,{recursive:true,force:true});fs.mkdirSync(base,{recursive:true});fs.cpSync(src,dst,{recursive:true});console.log('Kopierade '+src+' → '+dst);\"",
225
- "ui:blazor:interop": "node -e \"const fs=require('fs'),p=require('path');const start=process.env.INIT_CWD||process.cwd();const src=p.resolve('node_modules/scb-wc/blazor/ScbBlazorInteropBase.cs');if(!fs.existsSync(src)){console.error('Hittar inte '+src+'. Har du kört npm install scb-wc?');process.exit(1);}const dst=p.resolve(start,'ScbBlazor/ScbBlazorInteropBase.cs');fs.mkdirSync(p.dirname(dst),{recursive:true});fs.copyFileSync(src,dst);console.log('Kopierade '+src+' → '+dst);\""
226
- }
227
- }
228
- ```
229
-
230
- Exempel på layout:
231
-
232
- ```html
233
- <link rel="stylesheet" href="~/ui/scb-wc.css" />
234
- <link rel="stylesheet" href="~/ui/scb-typography.css" />
235
-
236
- <script type="module" src="~/ui/scb-blazor-bridge.js"></script>
117
+ ```sh
118
+ npm install scb-wc@next
237
119
  ```
238
120
 
239
- `ScbBlazorInteropBase` kan återanvändas mellan projekt som använder både `scb-wc@latest` och `scb-wc@next`.
240
-
241
- ---
242
-
243
121
  ## Viktigt
244
122
 
245
- - `scb-wc@latest` är produktionskanalen. Använd `scb-wc@next` för komponenter under utveckling och experiment.
246
- - **Kör kommandon i mappen med din `package.json`.** Placeringen av `package.json` styr standardmål för `ui:install` (rot → `wwwroot/ui`, `ClientApp/` → använd `--ui_wwwroot=../wwwroot`).
247
- - **Blanda inte MVC‑ESM och IIFE samma sida.** Välj en distributionsform per sida/app.
248
- - **Blazor:** Se till att `scb-blazor-bridge.js` laddas efter att komponent‑JS:et finns på sidan, och att `ScbBlazorInteropBase` inte dupliceras i flera namespaces i samma lösning.
123
+ - `scb-wc@next` är **previewkanalen**. Komponenter kan ändras eller tas bort mellan versioner. Använd `scb-wc@latest` i externa produktionsmiljöer.
124
+ - Kör alltid npm-kommandon i mappen där appens `package.json` ligger.
125
+ - Ladda inte samma komponentflera sätt samma sida.
@@ -1,4 +1,4 @@
1
- //#region \0@oxc-project+runtime@0.126.0/helpers/decorate.js
1
+ //#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
2
2
  function e(e, t, n, r) {
3
3
  var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
4
4
  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
@@ -6,4 +6,4 @@ function e(e, t, n, r) {
6
6
  return i > 3 && a && Object.defineProperty(t, n, a), a;
7
7
  }
8
8
  //#endregion
9
- export { e as __decorate };
9
+ export { e as default };
package/all.js CHANGED
@@ -18,10 +18,12 @@ 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';
21
22
  import './scb-chip/scb-chip.js';
22
23
  import './scb-collapse/scb-collapse.js';
23
24
  import './scb-container-card/scb-container-card.js';
24
25
  import './scb-cookies-consent/scb-cookies-consent.js';
26
+ import './scb-datepicker/scb-datepicker.js';
25
27
  import './scb-dialog/scb-dialog.js';
26
28
  import './scb-divider/scb-divider.js';
27
29
  import './scb-drawer/scb-drawer.js';
@@ -97,3 +99,6 @@ import './scb-viz/scb-viz-series-differentiation-registry.js';
97
99
  import './scb-viz/scb-viz-series-differentiation-runtime.js';
98
100
  import './scb-viz/scb-viz-table-runtime.js';
99
101
  import './scb-viz/scb-viz.js';
102
+ import './shared/lazy-focus-ring.js';
103
+ import './shared/lazy-ripple.js';
104
+ import './shared/scb-icon-svg.js';
@@ -1,6 +1,7 @@
1
1
  //#region src/component-defaults.ts
2
2
  var e = {
3
3
  "scb-accordion": { size: "large" },
4
+ "scb-app-bar": { size: "small" },
4
5
  "scb-avatar": { size: "medium" },
5
6
  "scb-button": { size: "medium" },
6
7
  "scb-calendar-card": { size: "medium" },
@@ -22,6 +23,7 @@ var e = {
22
23
  "scb-radio-button": { size: "medium" },
23
24
  "scb-radio-group": { size: "medium" },
24
25
  "scb-search": { size: "medium" },
26
+ "scb-segmented-button": { size: "medium" },
25
27
  "scb-select": { size: "medium" },
26
28
  "scb-stepper": { size: "medium" },
27
29
  "scb-textfield": { size: "medium" },
package/index.js CHANGED
@@ -1,31 +1,34 @@
1
- import { ScbAccordionItem as e } from "./scb-accordion/scb-accordion-item.js";
2
- import { ScbButton as t } from "./scb-button/scb-button.js";
3
- import { ScbAccordion as n } from "./scb-accordion/scb-accordion.js";
4
- import { ScbActionCard as r, ScbCard as i, ScbContainerCard as a, ScbLinkCard as o, ScbListCard as s, ScbSocialCard as c } from "./scb-card/scb-card.js";
1
+ import { addLazyFocusRingListeners as e, ensureFocusRingOnFocusVisible as t, ensureFocusRingOnTab as n, ensureFocusRingReady as r } from "./shared/lazy-focus-ring.js";
2
+ import { ScbAvatar as i } from "./scb-avatar/scb-avatar.js";
3
+ import { ScbChevron as a } from "./scb-chevron/scb-chevron.js";
4
+ import { ScbAccordionItem as o } from "./scb-accordion/scb-accordion-item.js";
5
+ import { ScbButton as s } from "./scb-button/scb-button.js";
6
+ import { ScbAccordion as c } from "./scb-accordion/scb-accordion.js";
7
+ import { ScbActionCard as l, ScbCard as u, ScbContainerCard as d, ScbLinkCard as f, ScbListCard as p, ScbSocialCard as m } from "./scb-card/scb-card.js";
5
8
  import "./scb-action-card/scb-action-card.js";
6
- import { ScbIconButton as l } from "./scb-icon-button/scb-icon-button.js";
7
- import { ScbSearch as u } from "./scb-search/scb-search.js";
8
- import { ScbAvatar as d } from "./scb-avatar/scb-avatar.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";
9
+ import { ScbIconButton as h } from "./scb-icon-button/scb-icon-button.js";
10
+ import { ScbSearch as g } from "./scb-search/scb-search.js";
11
+ import { ScbAppBar as _ } from "./scb-app-bar/scb-app-bar.js";
12
+ import { ScbBadge as v } from "./scb-badge/scb-badge.js";
13
+ import { ScbLink as y } from "./scb-link/scb-link.js";
14
+ import { SCBBreadcrumbItem as b } from "./scb-breadcrumb/scb-breadcrumb-item.js";
15
+ import { SCBBreadcrumb as x } from "./scb-breadcrumb/scb-breadcrumb.js";
16
+ import { ScbCalendarEvent as S } from "./scb-calendar/scb-calendar-event.js";
17
+ import { ScbDivider as C } from "./scb-divider/scb-divider.js";
18
+ import { ScbDatepicker as w } from "./scb-datepicker/scb-datepicker.js";
19
+ import { ScbTooltip as T } from "./scb-tooltip/scb-tooltip.js";
20
+ import { ScbTextField as E } from "./scb-textfield/scb-textfield.js";
21
+ import { ScbCheckboxGroup as D } from "./scb-checkbox/scb-checkbox-group.js";
22
+ import { ScbCheckbox as O } from "./scb-checkbox/scb-checkbox.js";
23
+ import { ScbRadioGroup as k } from "./scb-radio-button/scb-radio-group.js";
24
+ import { ScbRadioButton as A } from "./scb-radio-button/scb-radio-button.js";
25
+ import { ScbSwitch as j } from "./scb-switch/scb-switch.js";
26
+ import { ScbChip as M } from "./scb-chip/scb-chip.js";
27
+ import { ScbDialog as N } from "./scb-dialog/scb-dialog.js";
28
+ import { ScbListItem as P } from "./scb-list/scb-list-item.js";
29
+ import { ScbList as F } from "./scb-list/scb-list.js";
30
+ import { ScbCalendar as I } from "./scb-calendar/scb-calendar.js";
31
+ import { ScbCalendarCard as L } from "./scb-calendar-card/scb-calendar-card.js";
29
32
  import "./scb-card/scb-action-card.js";
30
33
  import "./scb-container-card/scb-container-card.js";
31
34
  import "./scb-card/scb-container-card.js";
@@ -35,66 +38,68 @@ import "./scb-list-card/scb-list-card.js";
35
38
  import "./scb-card/scb-list-card.js";
36
39
  import "./scb-social-card/scb-social-card.js";
37
40
  import "./scb-card/scb-social-card.js";
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 { ScbFab as B } from "./scb-fab/scb-fab.js";
47
- import { ScbFactCardContent as V } from "./scb-fact-card/scb-fact-card-content.js";
48
- import { ScbFactCard as H } from "./scb-fact-card/scb-fact-card.js";
49
- import { ScbFooterSection as U } from "./scb-footer/scb-footer-section.js";
50
- import { ScbGridItem as W } from "./scb-grid/scb-grid-item.js";
51
- import { ScbStack as G } from "./scb-grid/scb-stack.js";
52
- import { ScbGrid as K } from "./scb-grid/scb-grid.js";
53
- import { ScbFooter as q } from "./scb-footer/scb-footer.js";
54
- import { ScbIcon as J } from "./scb-icon/scb-icon.js";
55
- import { ScbNotificationCard as Y } from "./scb-notification-card/scb-notification-card.js";
56
- import { ScbFormErrorSummary as X } from "./scb-form-error-summary/scb-form-error-summary.js";
57
- import { ScbHorizontalScroller as Z } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
58
- import { ScbOverlay as Q } from "./scb-overlay/scb-overlay.js";
59
- import { ScbGalleryGrid as $ } from "./scb-gallery-grid/scb-gallery-grid.js";
60
- import { ScbHeaderMenuGroup as ee } from "./scb-header/scb-header-menu-group.js";
61
- import { ScbHeaderMenuItem as te } from "./scb-header/scb-header-menu-item.js";
62
- import { ScbHeaderTab as ne } from "./scb-header/scb-header-tab.js";
63
- import { ScbHeaderUtility as re } from "./scb-header/scb-header-utility.js";
64
- import { ScbHeader as ie } from "./scb-header/scb-header.js";
65
- import { ScbKeyFigureCard as ae } from "./scb-keyfigure-card/scb-keyfigure-card.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 { buildScbVizExportFileName as Pe, createScbVizCsvBlob as Fe, createScbVizRasterBlobFromElement as Ie, createScbVizRasterDataUrlFromElement as Le, downloadScbVizBlob as Re, getScbVizCurrentFullscreenElement as ze, getScbVizExportBaseFileName as Be, getScbVizFullscreenDocument as Ve, isScbVizFullscreenSupported as He, openScbVizPrintFrame as Ue, runWithScbVizForcedPrintLightMode as We, toggleScbVizFullscreen as Ge } from "./scb-viz/scb-viz-actions-runtime.js";
95
- import { buildScbVizPrintDocumentHtml as Ke, buildScbVizPrintableFooterHtml as qe, buildScbVizPrintableTableHtml as Je } from "./scb-viz/scb-viz-print-runtime.js";
96
- import { appendScbVizSeriesDifferentiationPatternMarks as Ye, getScbVizSeriesDifferentiationPatternDefinition as Xe, getScbVizSeriesDifferentiationPatternKinds as Ze, getScbVizSeriesDifferentiationRegistry as Qe, getScbVizSeriesDifferentiationVariant as $e, scbVizSeriesDifferentiationRegistry as et } from "./scb-viz/scb-viz-series-differentiation-registry.js";
97
- import { clearScbVizSeriesDifferentiationColorClass as tt, clearScbVizSeriesDifferentiationMetadata as nt, ensureScbVizGroupedSeriesDifferentiationStore as rt, ensureScbVizStyledModeSeriesPattern as it, getScbVizGroupedSeriesDifferentiationKey as at, getScbVizGroupedSeriesDifferentiationVariant as ot, getScbVizGroupedSeriesDifferentiationVariantIndex as st, getScbVizHighchartsColorClassName as ct, getScbVizHighchartsSvgElement as lt, getScbVizHighchartsSvgRoot as ut, getScbVizLegendSeriesDifferentiationTargets as dt, getScbVizSeriesDifferentiationColorIndex as ft, getScbVizSeriesDifferentiationVariantByIndex as pt, isScbVizGroupedSeriesDifferentiationChart as mt, isScbVizHighchartsStyledMode as ht, setScbVizSeriesDifferentiationColorClass as gt, setScbVizSeriesDifferentiationMetadata as _t, shouldShowScbVizSeriesDifferentiationAction as vt, usesScbVizGroupedPointDifferentiation as yt } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
98
- import { buildScbVizResolvedTableView as bt, createScbVizCsvRows as xt, inferScbVizTableAlignments as St, normalizeScbVizRenderableCell as Ct, readScbVizTableDataFromSlot as wt } from "./scb-viz/scb-viz-table-runtime.js";
99
- import { ScbViz as Tt } from "./scb-viz/scb-viz.js";
100
- export { g as SCBBreadcrumb, h as SCBBreadcrumbItem, n as ScbAccordion, e as ScbAccordionItem, r as ScbActionCard, f as ScbAppBar, d as ScbAvatar, p as ScbBadge, t as ScbButton, A as ScbCalendar, j as ScbCalendarCard, _ as ScbCalendarEvent, i as ScbCard, S as ScbCheckbox, x as ScbCheckboxGroup, E as ScbChip, M as ScbCollapse, a as ScbContainerCard, N as ScbCookiesConsent, D as ScbDialog, v as ScbDivider, P as ScbDrawer, F as ScbDropZone, z as ScbDropdown, B as ScbFab, H as ScbFactCard, V as ScbFactCardContent, q as ScbFooter, U as ScbFooterSection, X as ScbFormErrorSummary, $ as ScbGalleryGrid, K as ScbGrid, W as ScbGridItem, ie as ScbHeader, ee as ScbHeaderMenuGroup, te as ScbHeaderMenuItem, ne as ScbHeaderTab, re as ScbHeaderUtility, Z as ScbHorizontalScroller, J as ScbIcon, l as ScbIconButton, ae as ScbKeyFigureCard, m as ScbLink, o as ScbLinkCard, k as ScbList, s as ScbListCard, O as ScbListItem, le as ScbMenu, oe as ScbMenuItem, de as ScbNav, ue as ScbNavItem, Y as ScbNotificationCard, R as ScbOptionsMenu, I as ScbOptionsMenuItem, L as ScbOptionsSubMenu, Q as ScbOverlay, fe as ScbPagination, ke as ScbPrimaryTab, pe as ScbProgressIndicator, me as ScbProgressStep, he as ScbProgressStepper, w as ScbRadioButton, C as ScbRadioGroup, ge as ScbScrollspy, u as ScbSearch, Ae as ScbSecondaryTab, ve as ScbSegmentedButton, _e as ScbSegmentedItem, be as ScbSelect, ye as ScbSelectOption, xe as ScbSkeleton, Se as ScbSlider, Ce as ScbSnackbar, c as ScbSocialCard, G as ScbStack, we as ScbStatusPill, Te as ScbStep, Ee as ScbStepper, ce as ScbSubmenu, T as ScbSwitch, De as ScbTable, Oe as ScbTableAdvanced, je as ScbTabs, b as ScbTextField, Ne as ScbToc, Me as ScbTocItem, y as ScbTooltip, Tt as ScbViz, se as ScbmenuSection, Ye as appendScbVizSeriesDifferentiationPatternMarks, Pe as buildScbVizExportFileName, Ke as buildScbVizPrintDocumentHtml, qe as buildScbVizPrintableFooterHtml, Je as buildScbVizPrintableTableHtml, bt as buildScbVizResolvedTableView, tt as clearScbVizSeriesDifferentiationColorClass, nt as clearScbVizSeriesDifferentiationMetadata, Fe as createScbVizCsvBlob, xt as createScbVizCsvRows, Ie as createScbVizRasterBlobFromElement, Le as createScbVizRasterDataUrlFromElement, Re as downloadScbVizBlob, rt as ensureScbVizGroupedSeriesDifferentiationStore, it as ensureScbVizStyledModeSeriesPattern, ze as getScbVizCurrentFullscreenElement, Be as getScbVizExportBaseFileName, Ve as getScbVizFullscreenDocument, at as getScbVizGroupedSeriesDifferentiationKey, ot as getScbVizGroupedSeriesDifferentiationVariant, st as getScbVizGroupedSeriesDifferentiationVariantIndex, ct as getScbVizHighchartsColorClassName, lt as getScbVizHighchartsSvgElement, ut as getScbVizHighchartsSvgRoot, dt as getScbVizLegendSeriesDifferentiationTargets, ft as getScbVizSeriesDifferentiationColorIndex, Xe as getScbVizSeriesDifferentiationPatternDefinition, Ze as getScbVizSeriesDifferentiationPatternKinds, Qe as getScbVizSeriesDifferentiationRegistry, $e as getScbVizSeriesDifferentiationVariant, pt as getScbVizSeriesDifferentiationVariantByIndex, St as inferScbVizTableAlignments, He as isScbVizFullscreenSupported, mt as isScbVizGroupedSeriesDifferentiationChart, ht as isScbVizHighchartsStyledMode, Ct as normalizeScbVizRenderableCell, Ue as openScbVizPrintFrame, wt as readScbVizTableDataFromSlot, We as runWithScbVizForcedPrintLightMode, et as scbVizSeriesDifferentiationRegistry, gt as setScbVizSeriesDifferentiationColorClass, _t as setScbVizSeriesDifferentiationMetadata, vt as shouldShowScbVizSeriesDifferentiationAction, Ge as toggleScbVizFullscreen, yt as usesScbVizGroupedPointDifferentiation };
41
+ import { ScbCollapse as R } from "./scb-collapse/scb-collapse.js";
42
+ import { ScbCookiesConsent as z } from "./scb-cookies-consent/scb-cookies-consent.js";
43
+ import { ScbDrawer as B } from "./scb-drawer/scb-drawer.js";
44
+ import { ScbDropZone as V } from "./scb-drop-zone/scb-drop-zone.js";
45
+ import { ScbOptionsMenuItem as H } from "./scb-options-menu/scb-options-menu-item.js";
46
+ import { ScbOptionsSubMenu as U } from "./scb-options-menu/scb-options-sub-menu.js";
47
+ import { ScbOptionsMenu as W } from "./scb-options-menu/scb-options-menu.js";
48
+ import { ScbDropdown as G } from "./scb-dropdown/scb-dropdown.js";
49
+ import { ScbFab as K } from "./scb-fab/scb-fab.js";
50
+ import { ScbFactCardContent as q } from "./scb-fact-card/scb-fact-card-content.js";
51
+ import { ScbFactCard as J } from "./scb-fact-card/scb-fact-card.js";
52
+ import { ScbFooterSection as Y } from "./scb-footer/scb-footer-section.js";
53
+ import { ScbGridItem as X } from "./scb-grid/scb-grid-item.js";
54
+ import { ScbStack as Z } from "./scb-grid/scb-stack.js";
55
+ import { ScbGrid as Q } from "./scb-grid/scb-grid.js";
56
+ import { ScbFooter as $ } from "./scb-footer/scb-footer.js";
57
+ import { ScbIcon as ee } from "./scb-icon/scb-icon.js";
58
+ import { ScbNotificationCard as te } from "./scb-notification-card/scb-notification-card.js";
59
+ import { ScbFormErrorSummary as ne } from "./scb-form-error-summary/scb-form-error-summary.js";
60
+ import { hasScbSvgIcon as re, renderScbIcon as ie } from "./shared/scb-icon-svg.js";
61
+ import { ScbHorizontalScroller as ae } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
62
+ import { ScbOverlay as oe } from "./scb-overlay/scb-overlay.js";
63
+ import { ScbGalleryGrid as se } from "./scb-gallery-grid/scb-gallery-grid.js";
64
+ import { ScbHeaderMenuGroup as ce } from "./scb-header/scb-header-menu-group.js";
65
+ import { ScbHeaderMenuItem as le } from "./scb-header/scb-header-menu-item.js";
66
+ import { ScbHeaderTab as ue } from "./scb-header/scb-header-tab.js";
67
+ import { ScbHeaderUtility as de } from "./scb-header/scb-header-utility.js";
68
+ import { ScbHeader as fe } from "./scb-header/scb-header.js";
69
+ import { ScbKeyFigureCard as pe } from "./scb-keyfigure-card/scb-keyfigure-card.js";
70
+ import { ScbMenuItem as me } from "./scb-menu/scb-menu-item.js";
71
+ import { ScbmenuSection as he } from "./scb-menu/scb-menu-section.js";
72
+ import { ScbSubmenu as ge } from "./scb-menu/scb-sub-menu.js";
73
+ import { ScbMenu as _e } from "./scb-menu/scb-menu.js";
74
+ import { ScbNavItem as ve } from "./scb-nav/scb-nav-item.js";
75
+ import { ScbNav as ye } from "./scb-nav/scb-nav.js";
76
+ import { ScbPagination as be } from "./scb-pagination/scb-pagination.js";
77
+ import { ScbProgressIndicator as xe } from "./scb-progress-indicator/scb-progress-indicator.js";
78
+ import { ScbProgressStep as Se } from "./scb-progress-stepper/scb-progress-step.js";
79
+ import { ScbProgressStepper as Ce } from "./scb-progress-stepper/scb-progress-stepper.js";
80
+ import { ScbScrollspy as we } from "./scb-scrollspy/scb-scrollspy.js";
81
+ import { ScbSegmentedItem as Te } from "./scb-segmented-button/scb-segmented-item.js";
82
+ import { ScbSegmentedButton as Ee } from "./scb-segmented-button/scb-segmented-button.js";
83
+ import { ScbSelectOption as De } from "./scb-select/scb-select-option.js";
84
+ import { ScbSelect as Oe } from "./scb-select/scb-select.js";
85
+ import { ScbSkeleton as ke } from "./scb-skeleton/scb-skeleton.js";
86
+ import { ScbSlider as Ae } from "./scb-slider/scb-slider.js";
87
+ import { ScbSnackbar as je } from "./scb-snackbar/scb-snackbar.js";
88
+ import { ScbStatusPill as Me } from "./scb-status-pill/scb-status-pill.js";
89
+ import { ScbStep as Ne } from "./scb-stepper/scb-step.js";
90
+ import { ScbStepper as Pe } from "./scb-stepper/scb-stepper.js";
91
+ import { ScbTable as Fe } from "./scb-table/scb-table.js";
92
+ import { ScbTableAdvanced as Ie } from "./scb-table-advanced/scb-table-advanced.js";
93
+ import { ScbPrimaryTab as Le } from "./scb-tabs/scb-primary-tab.js";
94
+ import { ScbSecondaryTab as Re } from "./scb-tabs/scb-secondary-tab.js";
95
+ import { ScbTabs as ze } from "./scb-tabs/scb-tabs.js";
96
+ import { ScbTocItem as Be } from "./scb-toc/scb-toc-item.js";
97
+ import { ScbToc as Ve } from "./scb-toc/scb-toc.js";
98
+ import { buildScbVizExportFileName as He, createScbVizCsvBlob as Ue, createScbVizRasterBlobFromElement as We, createScbVizRasterDataUrlFromElement as Ge, downloadScbVizBlob as Ke, getScbVizCurrentFullscreenElement as qe, getScbVizExportBaseFileName as Je, getScbVizFullscreenDocument as Ye, isScbVizFullscreenSupported as Xe, openScbVizPrintFrame as Ze, runWithScbVizForcedPrintLightMode as Qe, toggleScbVizFullscreen as $e } from "./scb-viz/scb-viz-actions-runtime.js";
99
+ import { buildScbVizPrintDocumentHtml as et, buildScbVizPrintableFooterHtml as tt, buildScbVizPrintableTableHtml as nt } from "./scb-viz/scb-viz-print-runtime.js";
100
+ import { appendScbVizSeriesDifferentiationPatternMarks as rt, getScbVizSeriesDifferentiationPatternDefinition as it, getScbVizSeriesDifferentiationPatternKinds as at, getScbVizSeriesDifferentiationRegistry as ot, getScbVizSeriesDifferentiationVariant as st, scbVizSeriesDifferentiationRegistry as ct } from "./scb-viz/scb-viz-series-differentiation-registry.js";
101
+ import { clearScbVizSeriesDifferentiationColorClass as lt, clearScbVizSeriesDifferentiationMetadata as ut, ensureScbVizGroupedSeriesDifferentiationStore as dt, ensureScbVizStyledModeSeriesPattern as ft, getScbVizGroupedSeriesDifferentiationKey as pt, getScbVizGroupedSeriesDifferentiationVariant as mt, getScbVizGroupedSeriesDifferentiationVariantIndex as ht, getScbVizHighchartsColorClassName as gt, getScbVizHighchartsSvgElement as _t, getScbVizHighchartsSvgRoot as vt, getScbVizLegendSeriesDifferentiationTargets as yt, getScbVizSeriesDifferentiationColorIndex as bt, getScbVizSeriesDifferentiationVariantByIndex as xt, isScbVizGroupedSeriesDifferentiationChart as St, isScbVizHighchartsStyledMode as Ct, setScbVizSeriesDifferentiationColorClass as wt, setScbVizSeriesDifferentiationMetadata as Tt, shouldShowScbVizSeriesDifferentiationAction as Et, usesScbVizGroupedPointDifferentiation as Dt } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
102
+ import { buildScbVizResolvedTableView as Ot, createScbVizCsvRows as kt, inferScbVizTableAlignments as At, normalizeScbVizRenderableCell as jt, readScbVizTableDataFromSlot as Mt } from "./scb-viz/scb-viz-table-runtime.js";
103
+ import { ScbViz as Nt } from "./scb-viz/scb-viz.js";
104
+ import { ensureRippleReady as Pt, syncRippleToControl as Ft } from "./shared/lazy-ripple.js";
105
+ export { x as SCBBreadcrumb, b as SCBBreadcrumbItem, c as ScbAccordion, o as ScbAccordionItem, l as ScbActionCard, _ as ScbAppBar, i as ScbAvatar, v as ScbBadge, s as ScbButton, I as ScbCalendar, L as ScbCalendarCard, S as ScbCalendarEvent, u as ScbCard, O as ScbCheckbox, D as ScbCheckboxGroup, a as ScbChevron, M as ScbChip, R as ScbCollapse, d as ScbContainerCard, z as ScbCookiesConsent, w as ScbDatepicker, N as ScbDialog, C as ScbDivider, B as ScbDrawer, V as ScbDropZone, G as ScbDropdown, K as ScbFab, J as ScbFactCard, q as ScbFactCardContent, $ as ScbFooter, Y as ScbFooterSection, ne as ScbFormErrorSummary, se as ScbGalleryGrid, Q as ScbGrid, X as ScbGridItem, fe as ScbHeader, ce as ScbHeaderMenuGroup, le as ScbHeaderMenuItem, ue as ScbHeaderTab, de as ScbHeaderUtility, ae as ScbHorizontalScroller, ee as ScbIcon, h as ScbIconButton, pe as ScbKeyFigureCard, y as ScbLink, f as ScbLinkCard, F as ScbList, p as ScbListCard, P as ScbListItem, _e as ScbMenu, me as ScbMenuItem, ye as ScbNav, ve as ScbNavItem, te as ScbNotificationCard, W as ScbOptionsMenu, H as ScbOptionsMenuItem, U as ScbOptionsSubMenu, oe as ScbOverlay, be as ScbPagination, Le as ScbPrimaryTab, xe as ScbProgressIndicator, Se as ScbProgressStep, Ce as ScbProgressStepper, A as ScbRadioButton, k as ScbRadioGroup, we as ScbScrollspy, g as ScbSearch, Re as ScbSecondaryTab, Ee as ScbSegmentedButton, Te as ScbSegmentedItem, Oe as ScbSelect, De as ScbSelectOption, ke as ScbSkeleton, Ae as ScbSlider, je as ScbSnackbar, m as ScbSocialCard, Z as ScbStack, Me as ScbStatusPill, Ne as ScbStep, Pe as ScbStepper, ge as ScbSubmenu, j as ScbSwitch, Fe as ScbTable, Ie as ScbTableAdvanced, ze as ScbTabs, E as ScbTextField, Ve as ScbToc, Be as ScbTocItem, T as ScbTooltip, Nt as ScbViz, he as ScbmenuSection, e as addLazyFocusRingListeners, rt as appendScbVizSeriesDifferentiationPatternMarks, He as buildScbVizExportFileName, et as buildScbVizPrintDocumentHtml, tt as buildScbVizPrintableFooterHtml, nt as buildScbVizPrintableTableHtml, Ot as buildScbVizResolvedTableView, lt as clearScbVizSeriesDifferentiationColorClass, ut as clearScbVizSeriesDifferentiationMetadata, Ue as createScbVizCsvBlob, kt as createScbVizCsvRows, We as createScbVizRasterBlobFromElement, Ge as createScbVizRasterDataUrlFromElement, Ke as downloadScbVizBlob, t as ensureFocusRingOnFocusVisible, n as ensureFocusRingOnTab, r as ensureFocusRingReady, Pt as ensureRippleReady, dt as ensureScbVizGroupedSeriesDifferentiationStore, ft as ensureScbVizStyledModeSeriesPattern, qe as getScbVizCurrentFullscreenElement, Je as getScbVizExportBaseFileName, Ye as getScbVizFullscreenDocument, pt as getScbVizGroupedSeriesDifferentiationKey, mt as getScbVizGroupedSeriesDifferentiationVariant, ht as getScbVizGroupedSeriesDifferentiationVariantIndex, gt as getScbVizHighchartsColorClassName, _t as getScbVizHighchartsSvgElement, vt as getScbVizHighchartsSvgRoot, yt as getScbVizLegendSeriesDifferentiationTargets, bt as getScbVizSeriesDifferentiationColorIndex, it as getScbVizSeriesDifferentiationPatternDefinition, at as getScbVizSeriesDifferentiationPatternKinds, ot as getScbVizSeriesDifferentiationRegistry, st as getScbVizSeriesDifferentiationVariant, xt as getScbVizSeriesDifferentiationVariantByIndex, re as hasScbSvgIcon, At as inferScbVizTableAlignments, Xe as isScbVizFullscreenSupported, St as isScbVizGroupedSeriesDifferentiationChart, Ct as isScbVizHighchartsStyledMode, jt as normalizeScbVizRenderableCell, Ze as openScbVizPrintFrame, Mt as readScbVizTableDataFromSlot, ie as renderScbIcon, Qe as runWithScbVizForcedPrintLightMode, ct as scbVizSeriesDifferentiationRegistry, wt as setScbVizSeriesDifferentiationColorClass, Tt as setScbVizSeriesDifferentiationMetadata, Et as shouldShowScbVizSeriesDifferentiationAction, Ft as syncRippleToControl, $e as toggleScbVizFullscreen, Dt as usesScbVizGroupedPointDifferentiation };
@@ -18,10 +18,12 @@ 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';
21
22
  import './scb-chip/scb-chip.js';
22
23
  import './scb-collapse/scb-collapse.js';
23
24
  import './scb-container-card/scb-container-card.js';
24
25
  import './scb-cookies-consent/scb-cookies-consent.js';
26
+ import './scb-datepicker/scb-datepicker.js';
25
27
  import './scb-dialog/scb-dialog.js';
26
28
  import './scb-divider/scb-divider.js';
27
29
  import './scb-drawer/scb-drawer.js';
@@ -97,3 +99,6 @@ import './scb-viz/scb-viz-print-runtime.js';
97
99
  import './scb-viz/scb-viz-series-differentiation-registry.js';
98
100
  import './scb-viz/scb-viz-series-differentiation-runtime.js';
99
101
  import './scb-viz/scb-viz-table-runtime.js';
102
+ import './shared/lazy-focus-ring.js';
103
+ import './shared/lazy-ripple.js';
104
+ import './shared/scb-icon-svg.js';