scb-wc 0.1.200 → 0.1.201
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 +20 -17
- package/all.js +12 -0
- package/blazor/scb-blazor-bridge.js +0 -10
- package/blazor/wrappers/ScbCalendarCard.razor +0 -6
- package/blazor/wrappers/ScbNotificationCard.razor +0 -6
- package/component-defaults.js +2 -11
- package/index.js +97 -85
- package/mvc/components/all.js +7 -0
- package/mvc/components/scb-accordion/scb-accordion-item.js +3 -3
- package/mvc/components/scb-accordion/scb-accordion.js +1 -1
- package/mvc/components/scb-app-bar/scb-app-bar.js +2 -2
- package/mvc/components/scb-button/scb-button.js +3 -3
- package/mvc/components/scb-calendar/scb-calendar.js +1 -1
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +11 -11
- package/mvc/components/scb-card/scb-card.js +23 -25
- package/mvc/components/scb-checkbox/scb-checkbox-group.js +9 -9
- package/mvc/components/scb-checkbox/scb-checkbox.js +14 -14
- package/mvc/{vendor → components/scb-chevron}/scb-chevron.js +1 -1
- package/mvc/components/scb-chip/scb-chip.js +4 -4
- package/mvc/components/scb-collapse/scb-collapse.js +8 -8
- package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +1 -1
- package/mvc/components/scb-datepicker/scb-datepicker.js +143 -0
- package/mvc/components/scb-dialog/scb-dialog.js +1 -1
- package/mvc/components/scb-drawer/scb-drawer.js +3 -3
- package/mvc/components/scb-drop-zone/scb-drop-zone.js +1 -1
- package/mvc/components/scb-dropdown/scb-dropdown.js +2 -2
- package/mvc/components/scb-fact-card/scb-fact-card-content.js +15 -13
- package/mvc/components/scb-fact-card/scb-fact-card.js +6 -6
- package/mvc/components/scb-form-error-summary/scb-form-error-summary.js +2 -2
- package/mvc/components/scb-header/scb-header.js +11 -11
- package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +6 -6
- package/mvc/components/scb-icon-button/scb-icon-button.js +6 -6
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +23 -20
- package/mvc/components/scb-link/scb-link.js +1 -1
- package/mvc/components/scb-link-button/scb-link-button.js +1 -1
- package/mvc/components/scb-list/scb-list-item.js +13 -14
- package/mvc/components/scb-list/scb-list.js +2 -2
- package/mvc/components/scb-menu/scb-menu-item.js +3 -3
- package/mvc/components/scb-nav/scb-nav.js +1 -1
- package/mvc/components/scb-notification-card/scb-notification-card.js +18 -18
- package/mvc/components/scb-options-menu/scb-options-menu-item.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-menu.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-sub-menu.js +2 -2
- package/mvc/components/scb-overlay/scb-overlay.js +3 -3
- package/mvc/components/scb-pagination/scb-pagination.js +1 -1
- package/mvc/components/scb-progress-stepper/scb-progress-step.js +1 -1
- package/mvc/components/scb-radio-button/scb-radio-button.js +7 -7
- package/mvc/components/scb-radio-button/scb-radio-group.js +7 -7
- package/mvc/components/scb-search/scb-search.js +4 -4
- package/mvc/components/scb-segmented-button/scb-segmented-button.js +1 -1
- package/mvc/components/scb-segmented-button/scb-segmented-item.js +1 -1
- package/mvc/components/scb-select/scb-select-option.js +2 -2
- package/mvc/components/scb-select/scb-select.js +1 -1
- package/mvc/components/scb-snackbar/scb-snackbar.js +1 -1
- package/mvc/components/scb-stepper/scb-step.js +1 -1
- package/mvc/components/scb-table/scb-table.js +1 -1
- package/mvc/components/scb-table-advanced/scb-table-advanced.js +1 -1
- package/mvc/components/scb-textfield/scb-textfield.js +33 -175
- package/mvc/components/scb-toc/scb-toc-item.js +10 -10
- package/mvc/components/scb-tooltip/scb-tooltip.js +1 -1
- package/mvc/{vendor → components/shared}/component-size-token.js +1 -1
- package/mvc/components/shared/lazy-focus-ring.js +2 -0
- package/mvc/components/shared/lazy-ripple.js +2 -0
- package/mvc/{vendor → components/shared}/manual-popover.js +1 -1
- package/mvc/components/shared/scb-icon-svg.js +11 -0
- package/mvc/scb-blazor-bridge.js +0 -10
- 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/vendor/component-defaults.js +1 -1
- package/package.json +2 -2
- package/scb-accordion/scb-accordion-item.js +41 -42
- package/scb-app-bar/scb-app-bar.js +48 -8
- package/scb-button/scb-button.js +25 -25
- package/scb-calendar-card/scb-calendar-card.js +65 -162
- package/scb-card/scb-card.js +190 -181
- package/scb-checkbox/scb-checkbox-group.js +29 -60
- package/scb-checkbox/scb-checkbox.js +47 -85
- package/scb-chip/scb-chip.js +41 -82
- package/scb-collapse/scb-collapse.js +11 -11
- package/scb-components/index.d.ts +106 -0
- package/scb-components/scb-calendar-card/scb-calendar-card.d.ts +0 -1
- package/scb-components/scb-card/scb-card.d.ts +0 -2
- package/scb-components/scb-checkbox/scb-checkbox-group.d.ts +0 -3
- package/scb-components/scb-checkbox/scb-checkbox.d.ts +0 -3
- package/scb-components/scb-chevron/scb-chevron.d.ts +11 -0
- package/scb-components/scb-chip/scb-chip.d.ts +0 -1
- package/scb-components/scb-datepicker/scb-datepicker.d.ts +47 -0
- package/scb-components/scb-fact-card/scb-fact-card.d.ts +0 -1
- package/scb-components/scb-keyfigure-card/scb-keyfigure-card.d.ts +1 -1
- package/scb-components/scb-notification-card/scb-notification-card.d.ts +0 -2
- package/scb-components/scb-radio-button/scb-radio-button.d.ts +0 -3
- package/scb-components/scb-radio-button/scb-radio-group.d.ts +0 -3
- package/scb-components/scb-segmented-button/scb-segmented-button.d.ts +1 -1
- package/scb-components/scb-toc/scb-toc-item.d.ts +0 -1
- package/scb-components/scb-viz/scb-viz-actions-runtime.d.ts +26 -0
- package/scb-components/scb-viz/scb-viz-print-runtime.d.ts +30 -0
- package/scb-components/scb-viz/scb-viz-series-differentiation-registry.d.ts +21 -0
- package/scb-components/scb-viz/scb-viz-series-differentiation-runtime.d.ts +42 -0
- package/scb-components/scb-viz/scb-viz-table-runtime.d.ts +28 -0
- package/scb-components/shared/component-size-token.d.ts +1 -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/manual-popover.d.ts +7 -0
- package/scb-components/shared/scb-icon-svg.d.ts +3 -0
- package/scb-fact-card/scb-fact-card-content.js +25 -64
- package/scb-fact-card/scb-fact-card.js +45 -135
- package/scb-form-error-summary/scb-form-error-summary.js +3 -2
- package/scb-header/scb-header.js +16 -16
- package/scb-icon-button/scb-icon-button.js +3 -3
- package/scb-keyfigure-card/scb-keyfigure-card.js +67 -142
- package/scb-list/scb-list-item.js +51 -51
- package/scb-list/scb-list.js +1 -0
- package/scb-menu/scb-menu-item.js +10 -6
- package/scb-notification-card/scb-notification-card.js +58 -138
- package/scb-options-menu/scb-options-menu-item.js +4 -4
- package/scb-options-menu/scb-options-menu.js +13 -13
- package/scb-options-menu/scb-options-sub-menu.js +1 -1
- package/scb-radio-button/scb-radio-button.js +38 -74
- package/scb-radio-button/scb-radio-group.js +32 -52
- package/scb-search/scb-search.js +20 -20
- package/scb-segmented-button/scb-segmented-button.js +9 -33
- package/scb-select/scb-select-option.js +2 -2
- package/scb-toc/scb-toc-item.js +39 -123
- package/scb-viz/scb-viz-series-differentiation-registry.js +10 -7
- package/scb-viz/scb-viz.js +43 -43
- package/scb-wc-core.css +1 -1
- package/scb-wc-selfhost.css +1 -1
- package/scb-wc.bundle.js +769 -1301
- package/scb-wc.css +1 -1
- package/scb-wc.d.ts +212 -188
- package/shared/scb-icon-svg.js +5 -2
- 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-wc-public-entry/index.d.ts +0 -94
package/README.md
CHANGED
|
@@ -1,16 +1,19 @@
|
|
|
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.
|
|
5
|
+
|
|
6
|
+
SCB Web Components preview innehåller SCB:s gemensamma webbkomponenter.
|
|
4
7
|
|
|
5
8
|
## Dokumentation
|
|
6
9
|
|
|
7
|
-
|
|
10
|
+
Previewkomponenterna dokumenteras och demonstreras i Storybook på SCB:s interna testadress:
|
|
8
11
|
|
|
9
|
-
-
|
|
12
|
+
- Test: <https://webcomponentstest.scb.intra>
|
|
10
13
|
|
|
11
|
-
|
|
14
|
+
Den publika/stabila Storybooken finns på:
|
|
12
15
|
|
|
13
|
-
-
|
|
16
|
+
- Prod: <https://webcomponents.scb.intra>
|
|
14
17
|
|
|
15
18
|
## Kom igång
|
|
16
19
|
|
|
@@ -19,7 +22,7 @@ Testkomponenterna finns på:
|
|
|
19
22
|
Välj den teknik du använder. Exemplet skapar en vanlig webbplats:
|
|
20
23
|
|
|
21
24
|
```sh
|
|
22
|
-
npx scb-wc init html my-app
|
|
25
|
+
npx scb-wc@next init html my-app
|
|
23
26
|
cd my-app
|
|
24
27
|
npm install
|
|
25
28
|
npm run dev
|
|
@@ -36,7 +39,7 @@ Byt `html` mot:
|
|
|
36
39
|
Kör kommandot i mappen där appens `package.json` ligger:
|
|
37
40
|
|
|
38
41
|
```sh
|
|
39
|
-
npm install scb-wc
|
|
42
|
+
npm install scb-wc@next
|
|
40
43
|
```
|
|
41
44
|
|
|
42
45
|
Importera CSS och bara de komponenter som sidan använder:
|
|
@@ -55,9 +58,9 @@ Lägg sedan komponenten i sidan:
|
|
|
55
58
|
|
|
56
59
|
### Nästa steg
|
|
57
60
|
|
|
58
|
-
- Öppna Kom igång i [
|
|
59
|
-
- Öppna [mallar och exempel](https://
|
|
60
|
-
- Öppna [komponentöversikten](https://
|
|
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.
|
|
61
64
|
|
|
62
65
|
## Kort referens
|
|
63
66
|
|
|
@@ -85,15 +88,15 @@ Webbplatsmallarna använder standardläget. Service- och appmallarna laddar Comp
|
|
|
85
88
|
|
|
86
89
|
### MVC och statiska webbplatser
|
|
87
90
|
|
|
88
|
-
Paketets färdiga MVC-filer ligger i `node_modules/scb-wc/mvc/`. Följ det kopierbara MVC-exemplet i [Kom igång](https://
|
|
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.
|
|
89
92
|
|
|
90
93
|
### Blazor
|
|
91
94
|
|
|
92
|
-
Blazor använder samma MVC-filer plus wrappers och interop under `node_modules/scb-wc/blazor/`. Följ [Kom igång](https://
|
|
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.
|
|
93
96
|
|
|
94
97
|
### Fonter och egna ikoner
|
|
95
98
|
|
|
96
|
-
Vanliga appar använder `scb-wc.css`. Selfhost och egna Material Symbols-subset är avancerade val. Följ [Foundations/Icons](https://
|
|
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`.
|
|
97
100
|
|
|
98
101
|
### Bundlad version
|
|
99
102
|
|
|
@@ -115,18 +118,18 @@ Kör först i appens mapp:
|
|
|
115
118
|
npm outdated scb-wc
|
|
116
119
|
```
|
|
117
120
|
|
|
118
|
-
Om en ny version finns, läs [Uppdatera SCB Web Components](https://
|
|
121
|
+
Om en ny version finns, läs [Uppdatera SCB Web Components](https://webcomponentstest.scb.intra/?path=/docs/docs-uppdatera-s%C3%A5-uppdaterar-du--beskrivning). Där länkas du vidare till versionen och eventuella migrationssteg.
|
|
119
122
|
|
|
120
123
|
Uppdatera sedan paketet, bygg appen och kör appens vanliga tester:
|
|
121
124
|
|
|
122
125
|
```sh
|
|
123
|
-
npm install scb-wc
|
|
126
|
+
npm install scb-wc@next
|
|
124
127
|
```
|
|
125
128
|
|
|
126
129
|
För MVC och Blazor behöver du även köra appens befintliga kopieringsscript efter installationen. Exakta steg finns på uppdateringssidan.
|
|
127
130
|
|
|
128
131
|
## Viktigt
|
|
129
132
|
|
|
130
|
-
- `scb-wc@
|
|
133
|
+
- `scb-wc@next` är **previewkanalen**. Komponenter kan ändras eller tas bort mellan versioner. Använd `scb-wc@latest` i externa produktionsmiljöer.
|
|
131
134
|
- Kör alltid npm-kommandon i mappen där appens `package.json` ligger.
|
|
132
135
|
- Ladda inte samma komponent på flera sätt på samma sida.
|
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';
|
|
@@ -91,4 +93,14 @@ import './scb-textfield/scb-textfield.js';
|
|
|
91
93
|
import './scb-toc/scb-toc-item.js';
|
|
92
94
|
import './scb-toc/scb-toc.js';
|
|
93
95
|
import './scb-tooltip/scb-tooltip.js';
|
|
96
|
+
import './scb-viz/scb-viz-actions-runtime.js';
|
|
97
|
+
import './scb-viz/scb-viz-print-runtime.js';
|
|
98
|
+
import './scb-viz/scb-viz-series-differentiation-registry.js';
|
|
99
|
+
import './scb-viz/scb-viz-series-differentiation-runtime.js';
|
|
100
|
+
import './scb-viz/scb-viz-table-runtime.js';
|
|
94
101
|
import './scb-viz/scb-viz.js';
|
|
102
|
+
import './shared/component-size-token.js';
|
|
103
|
+
import './shared/lazy-focus-ring.js';
|
|
104
|
+
import './shared/lazy-ripple.js';
|
|
105
|
+
import './shared/manual-popover.js';
|
|
106
|
+
import './shared/scb-icon-svg.js';
|
|
@@ -273,7 +273,6 @@ function mirrorHeaderSearch(el, ev) {
|
|
|
273
273
|
{ sel: 'scb-chip', from: 'disabled-changed', to: 'disabledchange', prop: 'disabled' },
|
|
274
274
|
{ sel: 'scb-chip', from: 'elevated-changed', to: 'elevatedchange', prop: 'elevated' },
|
|
275
275
|
{ sel: 'scb-chip', from: 'icon-changed', to: 'iconchange', prop: 'icon' },
|
|
276
|
-
{ sel: 'scb-chip', from: 'size-changed', to: 'sizechange', prop: 'size' },
|
|
277
276
|
{ sel: 'scb-cookies-consent', from: 'cookies-accept', to: 'cookiesaccept' },
|
|
278
277
|
{ sel: 'scb-cookies-consent', from: 'cookies-decline', to: 'cookiesdecline' },
|
|
279
278
|
{ sel: 'scb-cookies-consent', from: 'cookies-handle', to: 'cookieshandle' },
|
|
@@ -1106,14 +1105,6 @@ function mirrorHeaderSearch(el, ev) {
|
|
|
1106
1105
|
icon: (el.icon ?? el.getAttribute('icon') ?? '').toString(),
|
|
1107
1106
|
}),
|
|
1108
1107
|
},
|
|
1109
|
-
{
|
|
1110
|
-
sel: 'scb-chip',
|
|
1111
|
-
attr: 'size',
|
|
1112
|
-
to: 'sizechange',
|
|
1113
|
-
detail: (el) => ({
|
|
1114
|
-
size: (el.size ?? el.getAttribute('size') ?? '').toString(),
|
|
1115
|
-
}),
|
|
1116
|
-
},
|
|
1117
1108
|
{
|
|
1118
1109
|
sel: 'scb-cookies-consent',
|
|
1119
1110
|
attr: 'open',
|
|
@@ -4359,7 +4350,6 @@ window.SCBBlazor.getState = function (root) {
|
|
|
4359
4350
|
'showclosebuttonchange',
|
|
4360
4351
|
'showiconchange',
|
|
4361
4352
|
'showmediachange',
|
|
4362
|
-
'sizechange',
|
|
4363
4353
|
'sourcechange',
|
|
4364
4354
|
'spacingchange',
|
|
4365
4355
|
'statuschange',
|
|
@@ -12,7 +12,6 @@
|
|
|
12
12
|
@code {
|
|
13
13
|
[Parameter] public string? Id { get; set; }
|
|
14
14
|
[Parameter] public string? Variant { get; set; }
|
|
15
|
-
[Parameter] public string? Size { get; set; }
|
|
16
15
|
[Parameter] public string? Date { get; set; }
|
|
17
16
|
[Parameter] public string? Direction { get; set; }
|
|
18
17
|
[Parameter] public string? CardHref { get; set; }
|
|
@@ -53,11 +52,6 @@
|
|
|
53
52
|
attributes["variant"] = Variant!;
|
|
54
53
|
}
|
|
55
54
|
|
|
56
|
-
if (!string.IsNullOrWhiteSpace(Size))
|
|
57
|
-
{
|
|
58
|
-
attributes["size"] = Size!;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
55
|
if (!string.IsNullOrWhiteSpace(Date))
|
|
62
56
|
{
|
|
63
57
|
attributes["date"] = Date!;
|
|
@@ -13,7 +13,6 @@
|
|
|
13
13
|
[Parameter] public string? Id { get; set; }
|
|
14
14
|
[Parameter] public string? Variant { get; set; }
|
|
15
15
|
[Parameter] public string? Direction { get; set; }
|
|
16
|
-
[Parameter] public string? Size { get; set; }
|
|
17
16
|
[Parameter] public bool Open { get; set; }
|
|
18
17
|
[Parameter] public bool ShowIcon { get; set; }
|
|
19
18
|
[Parameter] public bool ShowCloseButton { get; set; }
|
|
@@ -43,11 +42,6 @@
|
|
|
43
42
|
attributes["direction"] = Direction!;
|
|
44
43
|
}
|
|
45
44
|
|
|
46
|
-
if (!string.IsNullOrWhiteSpace(Size))
|
|
47
|
-
{
|
|
48
|
-
attributes["size"] = Size!;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
45
|
if (Open)
|
|
52
46
|
{
|
|
53
47
|
attributes["open"] = string.Empty;
|
package/component-defaults.js
CHANGED
|
@@ -4,29 +4,20 @@ var e = {
|
|
|
4
4
|
"scb-app-bar": { size: "small" },
|
|
5
5
|
"scb-avatar": { size: "medium" },
|
|
6
6
|
"scb-button": { size: "medium" },
|
|
7
|
-
"scb-calendar-card": { size: "medium" },
|
|
8
7
|
"scb-card": { size: "large" },
|
|
9
|
-
"scb-checkbox": { size: "medium" },
|
|
10
|
-
"scb-checkbox-group": { size: "medium" },
|
|
11
|
-
"scb-chip": { size: "medium" },
|
|
12
8
|
"scb-dropdown": { size: "medium" },
|
|
13
|
-
"scb-
|
|
14
|
-
"scb-header": { size: "large" },
|
|
9
|
+
"scb-header": { size: "medium" },
|
|
15
10
|
"scb-icon": { size: "medium" },
|
|
16
11
|
"scb-icon-button": { size: "medium" },
|
|
17
12
|
"scb-keyfigure-card": { size: "large" },
|
|
18
13
|
"scb-list": { size: "large" },
|
|
19
14
|
"scb-list-item": { size: "" },
|
|
20
|
-
"scb-notification-card": { size: "large" },
|
|
21
15
|
"scb-options-menu": { size: "large" },
|
|
22
|
-
"scb-radio-button": { size: "medium" },
|
|
23
|
-
"scb-radio-group": { size: "medium" },
|
|
24
16
|
"scb-search": { size: "medium" },
|
|
25
17
|
"scb-segmented-button": { size: "medium" },
|
|
26
18
|
"scb-select": { size: "medium" },
|
|
27
19
|
"scb-stepper": { size: "medium" },
|
|
28
|
-
"scb-textfield": { size: "medium" }
|
|
29
|
-
"scb-toc-item": { size: "medium" }
|
|
20
|
+
"scb-textfield": { size: "medium" }
|
|
30
21
|
};
|
|
31
22
|
//#endregion
|
|
32
23
|
export { e as componentDefaults };
|
package/index.js
CHANGED
|
@@ -1,31 +1,36 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
1
|
+
import { addLazyFocusRingListeners as e, ensureFocusRingOnFocusVisible as t, ensureFocusRingOnTab as n, ensureFocusRingReady as r } from "./shared/lazy-focus-ring.js";
|
|
2
|
+
import { componentSizeToken as i } from "./shared/component-size-token.js";
|
|
3
|
+
import { ScbAvatar as a } from "./scb-avatar/scb-avatar.js";
|
|
4
|
+
import { ScbChevron as o } from "./scb-chevron/scb-chevron.js";
|
|
5
|
+
import { ScbAccordionItem as s } from "./scb-accordion/scb-accordion-item.js";
|
|
6
|
+
import { ScbButton as c } from "./scb-button/scb-button.js";
|
|
7
|
+
import { ScbAccordion as l } from "./scb-accordion/scb-accordion.js";
|
|
8
|
+
import { ScbActionCard as u, ScbCard as d, ScbContainerCard as f, ScbLinkCard as p, ScbListCard as m, ScbSocialCard as h } from "./scb-card/scb-card.js";
|
|
6
9
|
import "./scb-action-card/scb-action-card.js";
|
|
7
|
-
import { ScbIconButton as
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
10
|
+
import { ScbIconButton as g } from "./scb-icon-button/scb-icon-button.js";
|
|
11
|
+
import { closeManualPopover as _, closeManualPopoverAfterAnimations as v, closeNestedPopupSurfaces as y, isManualPopoverOpen as b, openManualPopover as x } from "./shared/manual-popover.js";
|
|
12
|
+
import { ScbSearch as S } from "./scb-search/scb-search.js";
|
|
13
|
+
import { ScbAppBar as C } from "./scb-app-bar/scb-app-bar.js";
|
|
14
|
+
import { ScbBadge as w } from "./scb-badge/scb-badge.js";
|
|
15
|
+
import { ScbLink as T } from "./scb-link/scb-link.js";
|
|
16
|
+
import { SCBBreadcrumbItem as E } from "./scb-breadcrumb/scb-breadcrumb-item.js";
|
|
17
|
+
import { SCBBreadcrumb as D } from "./scb-breadcrumb/scb-breadcrumb.js";
|
|
18
|
+
import { ScbCalendarEvent as O } from "./scb-calendar/scb-calendar-event.js";
|
|
19
|
+
import { ScbDivider as k } from "./scb-divider/scb-divider.js";
|
|
20
|
+
import { ScbDatepicker as A } from "./scb-datepicker/scb-datepicker.js";
|
|
21
|
+
import { ScbTooltip as j } from "./scb-tooltip/scb-tooltip.js";
|
|
22
|
+
import { ScbTextField as M } from "./scb-textfield/scb-textfield.js";
|
|
23
|
+
import { ScbCheckboxGroup as N } from "./scb-checkbox/scb-checkbox-group.js";
|
|
24
|
+
import { ScbCheckbox as P } from "./scb-checkbox/scb-checkbox.js";
|
|
25
|
+
import { ScbRadioGroup as F } from "./scb-radio-button/scb-radio-group.js";
|
|
26
|
+
import { ScbRadioButton as I } from "./scb-radio-button/scb-radio-button.js";
|
|
27
|
+
import { ScbSwitch as L } from "./scb-switch/scb-switch.js";
|
|
28
|
+
import { ScbChip as R } from "./scb-chip/scb-chip.js";
|
|
29
|
+
import { ScbDialog as z } from "./scb-dialog/scb-dialog.js";
|
|
30
|
+
import { ScbListItem as B } from "./scb-list/scb-list-item.js";
|
|
31
|
+
import { ScbList as V } from "./scb-list/scb-list.js";
|
|
32
|
+
import { ScbCalendar as H } from "./scb-calendar/scb-calendar.js";
|
|
33
|
+
import { ScbCalendarCard as U } from "./scb-calendar-card/scb-calendar-card.js";
|
|
29
34
|
import "./scb-card/scb-action-card.js";
|
|
30
35
|
import "./scb-container-card/scb-container-card.js";
|
|
31
36
|
import "./scb-card/scb-container-card.js";
|
|
@@ -35,61 +40,68 @@ import "./scb-list-card/scb-list-card.js";
|
|
|
35
40
|
import "./scb-card/scb-list-card.js";
|
|
36
41
|
import "./scb-social-card/scb-social-card.js";
|
|
37
42
|
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 { ScbFactCardContent as
|
|
47
|
-
import { ScbFactCard as
|
|
48
|
-
import { ScbFooterSection as
|
|
49
|
-
import { ScbGridItem as
|
|
50
|
-
import { ScbStack as
|
|
51
|
-
import { ScbGrid as
|
|
52
|
-
import { ScbFooter as
|
|
53
|
-
import { ScbIcon as
|
|
54
|
-
import { ScbNotificationCard as
|
|
55
|
-
import { ScbFormErrorSummary as
|
|
56
|
-
import {
|
|
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
|
-
|
|
43
|
+
import { ScbCollapse as W } from "./scb-collapse/scb-collapse.js";
|
|
44
|
+
import { ScbCookiesConsent as G } from "./scb-cookies-consent/scb-cookies-consent.js";
|
|
45
|
+
import { ScbDrawer as K } from "./scb-drawer/scb-drawer.js";
|
|
46
|
+
import { ScbDropZone as q } from "./scb-drop-zone/scb-drop-zone.js";
|
|
47
|
+
import { ScbOptionsMenuItem as J } from "./scb-options-menu/scb-options-menu-item.js";
|
|
48
|
+
import { ScbOptionsSubMenu as Y } from "./scb-options-menu/scb-options-sub-menu.js";
|
|
49
|
+
import { ScbOptionsMenu as X } from "./scb-options-menu/scb-options-menu.js";
|
|
50
|
+
import { ScbDropdown as Z } from "./scb-dropdown/scb-dropdown.js";
|
|
51
|
+
import { ScbFactCardContent as Q } from "./scb-fact-card/scb-fact-card-content.js";
|
|
52
|
+
import { ScbFactCard as $ } from "./scb-fact-card/scb-fact-card.js";
|
|
53
|
+
import { ScbFooterSection as ee } from "./scb-footer/scb-footer-section.js";
|
|
54
|
+
import { ScbGridItem as te } from "./scb-grid/scb-grid-item.js";
|
|
55
|
+
import { ScbStack as ne } from "./scb-grid/scb-stack.js";
|
|
56
|
+
import { ScbGrid as re } from "./scb-grid/scb-grid.js";
|
|
57
|
+
import { ScbFooter as ie } from "./scb-footer/scb-footer.js";
|
|
58
|
+
import { ScbIcon as ae } from "./scb-icon/scb-icon.js";
|
|
59
|
+
import { ScbNotificationCard as oe } from "./scb-notification-card/scb-notification-card.js";
|
|
60
|
+
import { ScbFormErrorSummary as se } from "./scb-form-error-summary/scb-form-error-summary.js";
|
|
61
|
+
import { hasScbSvgIcon as ce, renderScbIcon as le } from "./shared/scb-icon-svg.js";
|
|
62
|
+
import { ScbHorizontalScroller as ue } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
|
|
63
|
+
import { ScbOverlay as de } from "./scb-overlay/scb-overlay.js";
|
|
64
|
+
import { ScbGalleryGrid as fe } from "./scb-gallery-grid/scb-gallery-grid.js";
|
|
65
|
+
import { ScbHeaderMenuGroup as pe } from "./scb-header/scb-header-menu-group.js";
|
|
66
|
+
import { ScbHeaderMenuItem as me } from "./scb-header/scb-header-menu-item.js";
|
|
67
|
+
import { ScbHeaderTab as he } from "./scb-header/scb-header-tab.js";
|
|
68
|
+
import { ScbHeaderUtility as ge } from "./scb-header/scb-header-utility.js";
|
|
69
|
+
import { ScbHeader as _e } from "./scb-header/scb-header.js";
|
|
70
|
+
import { ScbKeyFigureCard as ve } from "./scb-keyfigure-card/scb-keyfigure-card.js";
|
|
71
|
+
import { ScbLinkButton as ye } from "./scb-link-button/scb-link-button.js";
|
|
72
|
+
import { ScbMenuItem as be } from "./scb-menu/scb-menu-item.js";
|
|
73
|
+
import { ScbmenuSection as xe } from "./scb-menu/scb-menu-section.js";
|
|
74
|
+
import { ScbSubmenu as Se } from "./scb-menu/scb-sub-menu.js";
|
|
75
|
+
import { ScbMenu as Ce } from "./scb-menu/scb-menu.js";
|
|
76
|
+
import { ScbNavItem as we } from "./scb-nav/scb-nav-item.js";
|
|
77
|
+
import { ScbNav as Te } from "./scb-nav/scb-nav.js";
|
|
78
|
+
import { ScbPagination as Ee } from "./scb-pagination/scb-pagination.js";
|
|
79
|
+
import { ScbProgressIndicator as De } from "./scb-progress-indicator/scb-progress-indicator.js";
|
|
80
|
+
import { ScbProgressStep as Oe } from "./scb-progress-stepper/scb-progress-step.js";
|
|
81
|
+
import { ScbProgressStepper as ke } from "./scb-progress-stepper/scb-progress-stepper.js";
|
|
82
|
+
import { ScbScrollspy as Ae } from "./scb-scrollspy/scb-scrollspy.js";
|
|
83
|
+
import { ScbSegmentedItem as je } from "./scb-segmented-button/scb-segmented-item.js";
|
|
84
|
+
import { ScbSegmentedButton as Me } from "./scb-segmented-button/scb-segmented-button.js";
|
|
85
|
+
import { ScbSelectOption as Ne } from "./scb-select/scb-select-option.js";
|
|
86
|
+
import { ScbSelect as Pe } from "./scb-select/scb-select.js";
|
|
87
|
+
import { ScbSkeleton as Fe } from "./scb-skeleton/scb-skeleton.js";
|
|
88
|
+
import { ScbSlider as Ie } from "./scb-slider/scb-slider.js";
|
|
89
|
+
import { ScbSnackbar as Le } from "./scb-snackbar/scb-snackbar.js";
|
|
90
|
+
import { ScbStatusPill as Re } from "./scb-status-pill/scb-status-pill.js";
|
|
91
|
+
import { ScbStep as ze } from "./scb-stepper/scb-step.js";
|
|
92
|
+
import { ScbStepper as Be } from "./scb-stepper/scb-stepper.js";
|
|
93
|
+
import { ScbTable as Ve } from "./scb-table/scb-table.js";
|
|
94
|
+
import { ScbTableAdvanced as He } from "./scb-table-advanced/scb-table-advanced.js";
|
|
95
|
+
import { ScbPrimaryTab as Ue } from "./scb-tabs/scb-primary-tab.js";
|
|
96
|
+
import { ScbSecondaryTab as We } from "./scb-tabs/scb-secondary-tab.js";
|
|
97
|
+
import { ScbTabs as Ge } from "./scb-tabs/scb-tabs.js";
|
|
98
|
+
import { ScbTocItem as Ke } from "./scb-toc/scb-toc-item.js";
|
|
99
|
+
import { ScbToc as qe } from "./scb-toc/scb-toc.js";
|
|
100
|
+
import { buildScbVizExportFileName as Je, createScbVizCsvBlob as Ye, createScbVizRasterBlobFromElement as Xe, createScbVizRasterDataUrlFromElement as Ze, downloadScbVizBlob as Qe, getScbVizCurrentFullscreenElement as $e, getScbVizExportBaseFileName as et, getScbVizFullscreenDocument as tt, isScbVizFullscreenSupported as nt, openScbVizPrintFrame as rt, runWithScbVizForcedPrintLightMode as it, toggleScbVizFullscreen as at } from "./scb-viz/scb-viz-actions-runtime.js";
|
|
101
|
+
import { buildScbVizPrintDocumentHtml as ot, buildScbVizPrintableFooterHtml as st, buildScbVizPrintableTableHtml as ct } from "./scb-viz/scb-viz-print-runtime.js";
|
|
102
|
+
import { appendScbVizSeriesDifferentiationPatternMarks as lt, getScbVizSeriesDifferentiationPatternDefinition as ut, getScbVizSeriesDifferentiationPatternKinds as dt, getScbVizSeriesDifferentiationRegistry as ft, getScbVizSeriesDifferentiationVariant as pt, scbVizSeriesDifferentiationRegistry as mt } from "./scb-viz/scb-viz-series-differentiation-registry.js";
|
|
103
|
+
import { clearScbVizSeriesDifferentiationColorClass as ht, clearScbVizSeriesDifferentiationMetadata as gt, ensureScbVizGroupedSeriesDifferentiationStore as _t, ensureScbVizStyledModeSeriesPattern as vt, getScbVizGroupedSeriesDifferentiationKey as yt, getScbVizGroupedSeriesDifferentiationVariant as bt, getScbVizGroupedSeriesDifferentiationVariantIndex as xt, getScbVizHighchartsColorClassName as St, getScbVizHighchartsSvgElement as Ct, getScbVizHighchartsSvgRoot as wt, getScbVizLegendSeriesDifferentiationTargets as Tt, getScbVizSeriesDifferentiationColorIndex as Et, getScbVizSeriesDifferentiationVariantByIndex as Dt, isScbVizGroupedSeriesDifferentiationChart as Ot, isScbVizHighchartsStyledMode as kt, setScbVizSeriesDifferentiationColorClass as At, setScbVizSeriesDifferentiationMetadata as jt, shouldShowScbVizSeriesDifferentiationAction as Mt, usesScbVizGroupedPointDifferentiation as Nt } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
|
|
104
|
+
import { buildScbVizResolvedTableView as Pt, createScbVizCsvRows as Ft, inferScbVizTableAlignments as It, normalizeScbVizRenderableCell as Lt, readScbVizTableDataFromSlot as Rt } from "./scb-viz/scb-viz-table-runtime.js";
|
|
105
|
+
import { ScbViz as zt } from "./scb-viz/scb-viz.js";
|
|
106
|
+
import { ensureRippleReady as Bt, syncRippleToControl as Vt } from "./shared/lazy-ripple.js";
|
|
107
|
+
export { D as SCBBreadcrumb, E as SCBBreadcrumbItem, l as ScbAccordion, s as ScbAccordionItem, u as ScbActionCard, C as ScbAppBar, a as ScbAvatar, w as ScbBadge, c as ScbButton, H as ScbCalendar, U as ScbCalendarCard, O as ScbCalendarEvent, d as ScbCard, P as ScbCheckbox, N as ScbCheckboxGroup, o as ScbChevron, R as ScbChip, W as ScbCollapse, f as ScbContainerCard, G as ScbCookiesConsent, A as ScbDatepicker, z as ScbDialog, k as ScbDivider, K as ScbDrawer, q as ScbDropZone, Z as ScbDropdown, $ as ScbFactCard, Q as ScbFactCardContent, ie as ScbFooter, ee as ScbFooterSection, se as ScbFormErrorSummary, fe as ScbGalleryGrid, re as ScbGrid, te as ScbGridItem, _e as ScbHeader, pe as ScbHeaderMenuGroup, me as ScbHeaderMenuItem, he as ScbHeaderTab, ge as ScbHeaderUtility, ue as ScbHorizontalScroller, ae as ScbIcon, g as ScbIconButton, ve as ScbKeyFigureCard, T as ScbLink, ye as ScbLinkButton, p as ScbLinkCard, V as ScbList, m as ScbListCard, B as ScbListItem, Ce as ScbMenu, be as ScbMenuItem, Te as ScbNav, we as ScbNavItem, oe as ScbNotificationCard, X as ScbOptionsMenu, J as ScbOptionsMenuItem, Y as ScbOptionsSubMenu, de as ScbOverlay, Ee as ScbPagination, Ue as ScbPrimaryTab, De as ScbProgressIndicator, Oe as ScbProgressStep, ke as ScbProgressStepper, I as ScbRadioButton, F as ScbRadioGroup, Ae as ScbScrollspy, S as ScbSearch, We as ScbSecondaryTab, Me as ScbSegmentedButton, je as ScbSegmentedItem, Pe as ScbSelect, Ne as ScbSelectOption, Fe as ScbSkeleton, Ie as ScbSlider, Le as ScbSnackbar, h as ScbSocialCard, ne as ScbStack, Re as ScbStatusPill, ze as ScbStep, Be as ScbStepper, Se as ScbSubmenu, L as ScbSwitch, Ve as ScbTable, He as ScbTableAdvanced, Ge as ScbTabs, M as ScbTextField, qe as ScbToc, Ke as ScbTocItem, j as ScbTooltip, zt as ScbViz, xe as ScbmenuSection, e as addLazyFocusRingListeners, lt as appendScbVizSeriesDifferentiationPatternMarks, Je as buildScbVizExportFileName, ot as buildScbVizPrintDocumentHtml, st as buildScbVizPrintableFooterHtml, ct as buildScbVizPrintableTableHtml, Pt as buildScbVizResolvedTableView, ht as clearScbVizSeriesDifferentiationColorClass, gt as clearScbVizSeriesDifferentiationMetadata, _ as closeManualPopover, v as closeManualPopoverAfterAnimations, y as closeNestedPopupSurfaces, i as componentSizeToken, Ye as createScbVizCsvBlob, Ft as createScbVizCsvRows, Xe as createScbVizRasterBlobFromElement, Ze as createScbVizRasterDataUrlFromElement, Qe as downloadScbVizBlob, t as ensureFocusRingOnFocusVisible, n as ensureFocusRingOnTab, r as ensureFocusRingReady, Bt as ensureRippleReady, _t as ensureScbVizGroupedSeriesDifferentiationStore, vt as ensureScbVizStyledModeSeriesPattern, $e as getScbVizCurrentFullscreenElement, et as getScbVizExportBaseFileName, tt as getScbVizFullscreenDocument, yt as getScbVizGroupedSeriesDifferentiationKey, bt as getScbVizGroupedSeriesDifferentiationVariant, xt as getScbVizGroupedSeriesDifferentiationVariantIndex, St as getScbVizHighchartsColorClassName, Ct as getScbVizHighchartsSvgElement, wt as getScbVizHighchartsSvgRoot, Tt as getScbVizLegendSeriesDifferentiationTargets, Et as getScbVizSeriesDifferentiationColorIndex, ut as getScbVizSeriesDifferentiationPatternDefinition, dt as getScbVizSeriesDifferentiationPatternKinds, ft as getScbVizSeriesDifferentiationRegistry, pt as getScbVizSeriesDifferentiationVariant, Dt as getScbVizSeriesDifferentiationVariantByIndex, ce as hasScbSvgIcon, It as inferScbVizTableAlignments, b as isManualPopoverOpen, nt as isScbVizFullscreenSupported, Ot as isScbVizGroupedSeriesDifferentiationChart, kt as isScbVizHighchartsStyledMode, Lt as normalizeScbVizRenderableCell, x as openManualPopover, rt as openScbVizPrintFrame, Rt as readScbVizTableDataFromSlot, le as renderScbIcon, it as runWithScbVizForcedPrintLightMode, mt as scbVizSeriesDifferentiationRegistry, At as setScbVizSeriesDifferentiationColorClass, jt as setScbVizSeriesDifferentiationMetadata, Mt as shouldShowScbVizSeriesDifferentiationAction, Vt as syncRippleToControl, at as toggleScbVizFullscreen, Nt as usesScbVizGroupedPointDifferentiation };
|
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,8 @@ 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/component-size-token.js';
|
|
103
|
+
import './shared/lazy-focus-ring.js';
|
|
104
|
+
import './shared/lazy-ripple.js';
|
|
105
|
+
import './shared/manual-popover.js';
|
|
106
|
+
import './shared/scb-icon-svg.js';
|