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.
- package/README.md +58 -181
- package/_virtual/{_@oxc-project_runtime@0.126.0/helpers → _@oxc-project_runtime@0.139.0/helpers/esm}/decorate.js +2 -2
- package/all.js +5 -0
- package/component-defaults.js +2 -0
- package/index.js +95 -90
- package/mvc/components/all.js +5 -0
- package/mvc/components/scb-accordion/scb-accordion-item.js +11 -11
- package/mvc/components/scb-accordion/scb-accordion.js +3 -3
- package/mvc/components/scb-app-bar/scb-app-bar.js +18 -58
- package/mvc/components/scb-avatar/scb-avatar.js +9 -9
- package/mvc/components/scb-badge/scb-badge.js +6 -6
- package/mvc/components/scb-breadcrumb/scb-breadcrumb-item.js +2 -2
- package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +13 -13
- package/mvc/components/scb-button/scb-button.js +19 -19
- package/mvc/components/scb-calendar/scb-calendar.js +36 -35
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +17 -17
- package/mvc/components/scb-card/scb-card.js +31 -31
- package/mvc/components/scb-checkbox/scb-checkbox-group.js +9 -9
- package/mvc/components/scb-checkbox/scb-checkbox.js +13 -13
- package/mvc/{vendor → components/scb-chevron}/scb-chevron.js +1 -1
- package/mvc/components/scb-chip/scb-chip.js +6 -6
- package/mvc/components/scb-collapse/scb-collapse.js +9 -9
- package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +3 -3
- package/mvc/components/scb-datepicker/scb-datepicker.js +132 -0
- package/mvc/components/scb-dialog/scb-dialog.js +26 -19
- package/mvc/components/scb-divider/scb-divider.js +1 -1
- package/mvc/components/scb-drawer/scb-drawer.js +3 -7
- package/mvc/components/scb-drop-zone/scb-drop-zone.js +19 -19
- package/mvc/components/scb-dropdown/scb-dropdown.js +8 -8
- package/mvc/components/scb-fab/scb-fab.js +15 -5
- package/mvc/components/scb-fact-card/scb-fact-card-content.js +7 -7
- package/mvc/components/scb-fact-card/scb-fact-card.js +6 -6
- package/mvc/components/scb-footer/scb-footer.js +13 -13
- package/mvc/components/scb-form-error-summary/scb-form-error-summary.js +3 -3
- package/mvc/components/scb-gallery-grid/scb-gallery-grid.js +3 -3
- package/mvc/components/scb-grid/scb-grid.js +1 -1
- package/mvc/components/scb-grid/scb-stack.js +1 -1
- package/mvc/components/scb-header/scb-header.js +75 -59
- package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +7 -7
- package/mvc/components/scb-icon/scb-icon.js +3 -3
- package/mvc/components/scb-icon-button/scb-icon-button.js +14 -14
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +23 -23
- package/mvc/components/scb-link/scb-link.js +5 -5
- package/mvc/components/scb-list/scb-list-item.js +22 -22
- package/mvc/components/scb-list/scb-list.js +2 -2
- package/mvc/components/scb-menu/scb-menu-item.js +18 -18
- package/mvc/components/scb-menu/scb-menu-section.js +3 -3
- package/mvc/components/scb-menu/scb-menu.js +3 -3
- package/mvc/components/scb-nav/scb-nav.js +10 -10
- package/mvc/components/scb-notification-card/scb-notification-card.js +18 -18
- package/mvc/components/scb-options-menu/scb-options-menu-item.js +9 -9
- package/mvc/components/scb-options-menu/scb-options-menu.js +3 -3
- package/mvc/components/scb-options-menu/scb-options-sub-menu.js +2 -2
- package/mvc/components/scb-overlay/scb-overlay.js +4 -4
- package/mvc/components/scb-pagination/scb-pagination.js +25 -25
- package/mvc/components/scb-progress-indicator/scb-progress-indicator.js +7 -8
- package/mvc/components/scb-progress-stepper/scb-progress-step.js +2 -2
- package/mvc/components/scb-progress-stepper/scb-progress-stepper.js +2 -2
- package/mvc/components/scb-radio-button/scb-radio-button.js +7 -7
- package/mvc/components/scb-radio-button/scb-radio-group.js +4 -4
- package/mvc/components/scb-scrollspy/scb-scrollspy.js +2 -2
- package/mvc/components/scb-search/scb-search.js +15 -15
- package/mvc/components/scb-segmented-button/scb-segmented-button.js +1 -1
- package/mvc/components/scb-segmented-button/scb-segmented-item.js +3 -3
- package/mvc/components/scb-select/scb-select-option.js +5 -5
- package/mvc/components/scb-select/scb-select.js +15 -15
- package/mvc/components/scb-skeleton/scb-skeleton.js +2 -2
- package/mvc/components/scb-slider/scb-slider.js +1 -1
- package/mvc/components/scb-snackbar/scb-snackbar.js +6 -6
- package/mvc/components/scb-status-pill/scb-status-pill.js +3 -3
- package/mvc/components/scb-stepper/scb-step.js +5 -5
- package/mvc/components/scb-stepper/scb-stepper.js +2 -2
- package/mvc/components/scb-switch/scb-switch.js +4 -4
- package/mvc/components/scb-table/scb-table.js +2 -2
- package/mvc/components/scb-table-advanced/scb-table-advanced.js +5 -5
- package/mvc/components/scb-tabs/scb-primary-tab.js +2 -2
- package/mvc/components/scb-tabs/scb-secondary-tab.js +2 -2
- package/mvc/components/scb-tabs/scb-tabs.js +4 -4
- package/mvc/components/scb-textfield/scb-textfield.js +59 -164
- package/mvc/components/scb-toc/scb-toc-item.js +7 -7
- package/mvc/components/scb-toc/scb-toc.js +2 -2
- package/mvc/components/scb-tooltip/scb-tooltip.js +8 -8
- package/mvc/components/scb-viz/scb-viz-actions-runtime.js +2 -2
- package/mvc/components/scb-viz/scb-viz-print-runtime.js +12 -8
- package/mvc/components/scb-viz/scb-viz.js +41 -41
- package/mvc/components/shared/lazy-focus-ring.js +2 -0
- package/mvc/components/shared/lazy-ripple.js +2 -0
- package/mvc/components/shared/scb-icon-svg.js +11 -0
- package/mvc/scb-compact.css +1 -1
- package/mvc/scb-logo.svg +20 -20
- package/mvc/scb-typography.css +1 -1
- package/mvc/scb-wc-core.css +1 -1
- package/mvc/scb-wc-selfhost.css +1 -1
- package/mvc/scb-wc.css +1 -1
- package/mvc/scb.svg +13 -13
- package/mvc/vendor/component-defaults.js +1 -1
- package/mvc/vendor/preload-helper.js +1 -1
- package/mvc/vendor/runtime-colors.js +1 -0
- package/mvc/vendor/scb-card-variants.internal.js +122 -76
- package/mvc/vendor/scb-header-drawer.internal.js +1 -1
- package/mvc/vendor/vendor.js +3 -3
- package/package.json +3 -2
- package/scb-accordion/scb-accordion-item.js +183 -48
- package/scb-accordion/scb-accordion.js +32 -22
- package/scb-action-card/scb-action-card.js +2 -1
- package/scb-app-bar/scb-app-bar.js +239 -139
- package/scb-avatar/scb-avatar.js +75 -27
- package/scb-badge/scb-badge.js +17 -15
- package/scb-breadcrumb/scb-breadcrumb-item.js +25 -16
- package/scb-breadcrumb/scb-breadcrumb.js +32 -21
- package/scb-button/scb-button.js +171 -66
- package/scb-calendar/scb-calendar-event.js +1 -1
- package/scb-calendar/scb-calendar.js +140 -74
- package/scb-calendar-card/scb-calendar-card.js +197 -103
- package/scb-card/scb-card-variants.internal.js +1 -1
- package/scb-card/scb-card.js +433 -241
- package/scb-checkbox/scb-checkbox-group.js +56 -41
- package/scb-checkbox/scb-checkbox.js +73 -39
- package/scb-chevron/scb-chevron.js +2 -1
- package/scb-chip/scb-chip.js +62 -39
- package/scb-collapse/scb-collapse.js +19 -15
- package/scb-compact.css +1 -1
- package/scb-components/index.d.ts +104 -0
- package/scb-components/scb-app-bar/scb-app-bar.d.ts +9 -2
- package/scb-components/scb-button/scb-button.d.ts +14 -1
- package/scb-components/scb-calendar/scb-calendar.d.ts +5 -0
- package/scb-components/scb-card/scb-card.d.ts +2 -0
- package/scb-components/scb-chevron/scb-chevron.d.ts +11 -0
- package/scb-components/scb-chip/scb-chip.d.ts +0 -4
- package/scb-components/scb-datepicker/scb-datepicker.d.ts +45 -0
- package/scb-components/scb-dialog/scb-dialog.d.ts +30 -0
- package/scb-components/scb-grid/scb-grid.d.ts +4 -1
- package/scb-components/scb-nav/scb-nav.d.ts +1 -1
- package/scb-components/scb-overlay/scb-overlay.d.ts +1 -1
- package/scb-components/scb-segmented-button/scb-segmented-button.d.ts +8 -7
- package/scb-components/scb-segmented-button/scb-segmented-item.d.ts +5 -2
- package/scb-components/scb-skeleton/scb-skeleton.d.ts +6 -3
- package/scb-components/scb-textfield/scb-textfield.d.ts +8 -0
- package/scb-components/shared/lazy-focus-ring.d.ts +4 -0
- package/scb-components/shared/lazy-ripple.d.ts +9 -0
- package/scb-components/shared/scb-icon-svg.d.ts +3 -0
- package/scb-cookies-consent/scb-cookies-consent.js +27 -21
- package/scb-datepicker/scb-datepicker.js +65 -61
- package/scb-dialog/scb-dialog.js +320 -86
- package/scb-divider/scb-divider.js +16 -19
- package/scb-drawer/scb-drawer.js +5 -11
- package/scb-drop-zone/scb-drop-zone.js +138 -101
- package/scb-dropdown/scb-dropdown.js +37 -23
- package/scb-fab/scb-fab.js +42 -31
- package/scb-fact-card/scb-fact-card-content.js +106 -19
- package/scb-fact-card/scb-fact-card.js +148 -55
- package/scb-footer/scb-footer-section.js +1 -1
- package/scb-footer/scb-footer.js +37 -43
- package/scb-form-error-summary/scb-form-error-summary.js +18 -12
- package/scb-gallery-grid/scb-gallery-grid.js +24 -24
- package/scb-grid/scb-grid-item.js +1 -1
- package/scb-grid/scb-grid.js +6 -6
- package/scb-grid/scb-stack.js +4 -4
- package/scb-header/scb-header-drawer.internal.js +1 -1
- package/scb-header/scb-header-menu-item.js +1 -1
- package/scb-header/scb-header-tab.js +1 -1
- package/scb-header/scb-header.js +327 -150
- package/scb-horizontal-scroller/scb-horizontal-scroller.js +24 -49
- package/scb-icon/scb-icon.js +18 -18
- package/scb-icon-button/scb-icon-button.js +58 -52
- package/scb-keyfigure-card/scb-keyfigure-card.js +178 -60
- package/scb-link/scb-link.js +15 -9
- package/scb-list/scb-list-item.js +107 -51
- package/scb-list/scb-list.js +19 -14
- package/scb-menu/scb-menu-item.js +35 -17
- package/scb-menu/scb-menu-section.js +15 -10
- package/scb-menu/scb-menu.js +25 -15
- package/scb-menu/scb-sub-menu.js +1 -1
- package/scb-nav/scb-nav-item.js +1 -1
- package/scb-nav/scb-nav.js +36 -61
- package/scb-notification-card/scb-notification-card.js +196 -99
- package/scb-options-menu/scb-options-menu-item.js +25 -18
- package/scb-options-menu/scb-options-menu.js +61 -42
- package/scb-options-menu/scb-options-sub-menu.js +9 -9
- package/scb-overlay/scb-overlay.js +4 -3
- package/scb-pagination/scb-pagination.js +65 -37
- package/scb-progress-indicator/scb-progress-indicator.js +23 -20
- package/scb-progress-stepper/scb-progress-step.js +5 -5
- package/scb-progress-stepper/scb-progress-stepper.js +5 -4
- package/scb-radio-button/scb-radio-button.js +64 -30
- package/scb-radio-button/scb-radio-group.js +34 -33
- package/scb-scrollspy/scb-scrollspy.js +8 -5
- package/scb-search/scb-search.js +148 -60
- package/scb-segmented-button/scb-segmented-button.js +83 -21
- package/scb-segmented-button/scb-segmented-item.js +23 -16
- package/scb-select/scb-select-option.js +36 -12
- package/scb-select/scb-select.js +260 -99
- package/scb-skeleton/scb-skeleton.js +11 -4
- package/scb-slider/scb-slider.js +24 -27
- package/scb-snackbar/scb-snackbar.js +16 -16
- package/scb-status-pill/scb-status-pill.js +9 -8
- package/scb-stepper/scb-step.js +23 -21
- package/scb-stepper/scb-stepper.js +61 -32
- package/scb-switch/scb-switch.js +31 -14
- package/scb-table/scb-table.js +16 -14
- package/scb-table-advanced/scb-table-advanced.js +21 -17
- package/scb-tabs/scb-primary-tab.js +30 -1
- package/scb-tabs/scb-secondary-tab.js +16 -1
- package/scb-tabs/scb-tabs.js +17 -2
- package/scb-textfield/scb-textfield.js +308 -143
- package/scb-toc/scb-toc-item.js +115 -56
- package/scb-toc/scb-toc.js +1 -1
- package/scb-tooltip/scb-tooltip.js +12 -15
- package/scb-typography.css +1 -1
- package/scb-viz/scb-viz-actions-runtime.js +47 -46
- package/scb-viz/scb-viz-print-runtime.js +28 -23
- package/scb-viz/scb-viz.js +32 -31
- package/scb-wc-core.css +1 -1
- package/scb-wc-selfhost.css +1 -1
- package/scb-wc.bundle.js +4961 -2914
- package/scb-wc.css +1 -1
- package/scb-wc.d.ts +208 -198
- package/shared/scb-icon-svg.js +6 -3
- package/tokens/generated/runtime-colors.js +12 -0
- package/mvc/vendor/lazy-focus-ring.js +0 -2
- package/mvc/vendor/lazy-ripple.js +0 -2
- package/mvc/vendor/scb-icon-svg.js +0 -11
- package/scb-components/scb-card/scb-card-variants.internal.d.ts +0 -15
- package/scb-components/scb-header/scb-header-drawer.internal.d.ts +0 -33
- 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
|
-
|
|
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
|
-
|
|
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
|
-
##
|
|
8
|
+
## Dokumentation
|
|
10
9
|
|
|
11
|
-
|
|
10
|
+
Previewkomponenterna dokumenteras och demonstreras i Storybook på SCB:s interna testadress:
|
|
12
11
|
|
|
13
|
-
-
|
|
12
|
+
- Test: <https://webcomponentstest.scb.intra>
|
|
14
13
|
|
|
15
|
-
|
|
14
|
+
Den publika/stabila Storybooken finns på:
|
|
16
15
|
|
|
17
|
-
-
|
|
18
|
-
|
|
19
|
-
---
|
|
16
|
+
- Prod: <https://webcomponents.scb.intra>
|
|
20
17
|
|
|
21
18
|
## Kom igång
|
|
22
19
|
|
|
23
|
-
|
|
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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
-
|
|
35
|
-
- `scb-header`
|
|
36
|
-
- `scb-footer`
|
|
37
|
-
- `scb-grid`
|
|
38
|
-
- några vanliga komponenter
|
|
31
|
+
Byt `html` mot:
|
|
39
32
|
|
|
40
|
-
|
|
41
|
-
- `
|
|
42
|
-
- `
|
|
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
|
-
|
|
37
|
+
### 2. Lägg till i en app som redan finns
|
|
47
38
|
|
|
48
|
-
|
|
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
|
-
|
|
53
|
+
Lägg sedan komponenten i sidan:
|
|
71
54
|
|
|
72
|
-
```
|
|
73
|
-
|
|
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
|
-
|
|
59
|
+
### Nästa steg
|
|
80
60
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
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
|
-
|
|
65
|
+
## Kort referens
|
|
88
66
|
|
|
89
|
-
###
|
|
67
|
+
### Ladda alla komponenter
|
|
90
68
|
|
|
91
|
-
|
|
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
|
|
72
|
+
import 'scb-wc/scb-wc.css';
|
|
73
|
+
import 'scb-wc/scb-typography.css';
|
|
74
|
+
import 'scb-wc/all';
|
|
96
75
|
```
|
|
97
76
|
|
|
98
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
###
|
|
89
|
+
### MVC och statiska webbplatser
|
|
167
90
|
|
|
168
|
-
|
|
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
|
-
|
|
171
|
-
steps:
|
|
172
|
-
- script: npm ci
|
|
173
|
-
- script: npm run ui:install
|
|
174
|
-
```
|
|
93
|
+
### Blazor
|
|
175
94
|
|
|
176
|
-
|
|
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
|
-
|
|
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
|
-
|
|
101
|
+
### Bundlad version
|
|
185
102
|
|
|
186
|
-
|
|
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
|
-
|
|
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
|
-
###
|
|
113
|
+
### Uppdatera paketet
|
|
218
114
|
|
|
219
|
-
|
|
115
|
+
Kör i appens mapp och bygg sedan appen med dess vanliga kommando:
|
|
220
116
|
|
|
221
|
-
```
|
|
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@
|
|
246
|
-
-
|
|
247
|
-
-
|
|
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 komponent på flera sätt på samma sida.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//#region \0@oxc-project+runtime@0.
|
|
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
|
|
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';
|
package/component-defaults.js
CHANGED
|
@@ -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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
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
|
|
7
|
-
import { ScbSearch as
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import { ScbTooltip as
|
|
17
|
-
import { ScbTextField as
|
|
18
|
-
import { ScbCheckboxGroup as
|
|
19
|
-
import { ScbCheckbox as
|
|
20
|
-
import { ScbRadioGroup as
|
|
21
|
-
import { ScbRadioButton as
|
|
22
|
-
import { ScbSwitch as
|
|
23
|
-
import { ScbChip as
|
|
24
|
-
import { ScbDialog as
|
|
25
|
-
import { ScbListItem as
|
|
26
|
-
import { ScbList as
|
|
27
|
-
import { ScbCalendar as
|
|
28
|
-
import { ScbCalendarCard as
|
|
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
|
|
39
|
-
import { ScbCookiesConsent as
|
|
40
|
-
import { ScbDrawer as
|
|
41
|
-
import { ScbDropZone as
|
|
42
|
-
import { ScbOptionsMenuItem as
|
|
43
|
-
import { ScbOptionsSubMenu as
|
|
44
|
-
import { ScbOptionsMenu as
|
|
45
|
-
import { ScbDropdown as
|
|
46
|
-
import { ScbFab as
|
|
47
|
-
import { ScbFactCardContent as
|
|
48
|
-
import { ScbFactCard as
|
|
49
|
-
import { ScbFooterSection as
|
|
50
|
-
import { ScbGridItem as
|
|
51
|
-
import { ScbStack as
|
|
52
|
-
import { ScbGrid as
|
|
53
|
-
import { ScbFooter as
|
|
54
|
-
import { ScbIcon as
|
|
55
|
-
import { ScbNotificationCard as
|
|
56
|
-
import { ScbFormErrorSummary as
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
|
|
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 };
|
package/mvc/components/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.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';
|