scb-wc 0.1.193 → 0.1.194
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 +13 -1
- package/blazor/ScbBlazorInteropBase.cs +0 -64
- package/blazor/scb-blazor-bridge.js +0 -24
- package/component-defaults.js +0 -1
- package/index.js +97 -85
- package/mvc/components/all.js +8 -1
- package/mvc/components/scb-accordion/scb-accordion-item.js +1 -1
- package/mvc/components/scb-accordion/scb-accordion.js +1 -1
- package/mvc/components/scb-app-bar/scb-app-bar.js +1 -1
- 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 +4 -4
- package/mvc/components/scb-card/scb-card.js +2 -2
- package/mvc/{vendor → components/scb-chevron}/scb-chevron.js +1 -1
- 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.js +1 -1
- package/mvc/components/scb-header/scb-header.js +2 -2
- package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +6 -6
- package/mvc/components/scb-icon-button/scb-icon-button.js +12 -12
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +6 -6
- package/mvc/components/scb-link/scb-link.js +3 -8
- package/mvc/components/scb-link-button/scb-link-button.js +20 -0
- package/mvc/components/scb-list/scb-list-item.js +6 -6
- package/mvc/components/scb-menu/scb-menu-item.js +1 -1
- package/mvc/components/scb-nav/scb-nav.js +1 -1
- package/mvc/components/scb-notification-card/scb-notification-card.js +1 -1
- package/mvc/components/scb-options-menu/scb-options-menu-item.js +1 -1
- package/mvc/components/scb-options-menu/scb-options-menu.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-sub-menu.js +1 -1
- 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-search/scb-search.js +3 -3
- package/mvc/components/scb-segmented-button/scb-segmented-item.js +1 -1
- package/mvc/components/scb-select/scb-select-option.js +1 -1
- 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 +34 -176
- package/mvc/components/scb-toc/scb-toc-item.js +1 -1
- package/mvc/components/scb-tooltip/scb-tooltip.js +1 -1
- package/mvc/components/scb-viz/scb-viz.js +1 -2
- 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 -24
- 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/vendor/component-defaults.js +1 -1
- package/package.json +6 -6
- package/scb-components/index.d.ts +106 -0
- package/scb-components/scb-chevron/scb-chevron.d.ts +11 -0
- package/scb-components/scb-datepicker/scb-datepicker.d.ts +47 -0
- package/scb-components/scb-icon-button/scb-icon-button.d.ts +0 -3
- package/scb-components/scb-link-button/scb-link-button.d.ts +29 -0
- package/scb-components/scb-segmented-button/scb-segmented-button.d.ts +1 -1
- package/scb-components/scb-segmented-button/scb-segmented-item.d.ts +1 -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-icon-button/scb-icon-button.js +1 -14
- package/scb-keyfigure-card/scb-keyfigure-card.js +1 -1
- package/scb-link/scb-link.js +30 -35
- package/scb-link-button/scb-link-button.js +264 -0
- package/scb-typography.css +1 -1
- package/scb-viz/scb-viz-series-differentiation-registry.js +10 -7
- package/scb-viz/scb-viz.js +44 -45
- package/scb-wc-core.css +1 -1
- package/scb-wc-selfhost.css +1 -1
- package/scb-wc.bundle.js +547 -496
- package/scb-wc.css +1 -1
- package/scb-wc.d.ts +212 -188
- package/shared/scb-icon-svg.js +5 -2
- package/mvc/components/scb-fab/scb-fab.js +0 -61
- 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-fab/scb-fab.d.ts +0 -43
- package/scb-fab/scb-fab.js +0 -236
- 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,16 +18,17 @@ 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';
|
|
28
30
|
import './scb-drop-zone/scb-drop-zone.js';
|
|
29
31
|
import './scb-dropdown/scb-dropdown.js';
|
|
30
|
-
import './scb-fab/scb-fab.js';
|
|
31
32
|
import './scb-fact-card/scb-fact-card-content.js';
|
|
32
33
|
import './scb-fact-card/scb-fact-card.js';
|
|
33
34
|
import './scb-footer/scb-footer-section.js';
|
|
@@ -46,6 +47,7 @@ import './scb-horizontal-scroller/scb-horizontal-scroller.js';
|
|
|
46
47
|
import './scb-icon-button/scb-icon-button.js';
|
|
47
48
|
import './scb-icon/scb-icon.js';
|
|
48
49
|
import './scb-keyfigure-card/scb-keyfigure-card.js';
|
|
50
|
+
import './scb-link-button/scb-link-button.js';
|
|
49
51
|
import './scb-link-card/scb-link-card.js';
|
|
50
52
|
import './scb-link/scb-link.js';
|
|
51
53
|
import './scb-list-card/scb-list-card.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';
|
|
@@ -119,9 +119,6 @@ namespace ScbBlazor
|
|
|
119
119
|
// Fact cards (scb-fact-card)
|
|
120
120
|
protected FactCardState[] FactCards { get; private set; } = Array.Empty<FactCardState>();
|
|
121
121
|
|
|
122
|
-
// Alla floating action buttons (scb-fab) på sidan
|
|
123
|
-
protected FabState[] Fabs { get; private set; } = Array.Empty<FabState>();
|
|
124
|
-
|
|
125
122
|
// Footer (scb-footer)
|
|
126
123
|
protected FooterState[] Footers { get; private set; } = Array.Empty<FooterState>();
|
|
127
124
|
|
|
@@ -873,35 +870,6 @@ namespace ScbBlazor
|
|
|
873
870
|
FactCards = Array.Empty<FactCardState>();
|
|
874
871
|
}
|
|
875
872
|
|
|
876
|
-
// FABs
|
|
877
|
-
if (state.Fabs is not null && state.Fabs.Length > 0)
|
|
878
|
-
{
|
|
879
|
-
var fabs = new FabState[state.Fabs.Length];
|
|
880
|
-
for (var i = 0; i < state.Fabs.Length; i++)
|
|
881
|
-
{
|
|
882
|
-
var dto = state.Fabs[i];
|
|
883
|
-
fabs[i] = new FabState
|
|
884
|
-
{
|
|
885
|
-
Icon = dto.Icon ?? string.Empty,
|
|
886
|
-
Label = dto.Label ?? string.Empty,
|
|
887
|
-
AriaLabel = dto.AriaLabel ?? string.Empty,
|
|
888
|
-
Size = dto.Size ?? string.Empty,
|
|
889
|
-
Type = dto.Type ?? string.Empty,
|
|
890
|
-
Disabled = dto.Disabled,
|
|
891
|
-
Spacing = dto.Spacing ?? string.Empty,
|
|
892
|
-
SpacingTop = dto.SpacingTop ?? string.Empty,
|
|
893
|
-
SpacingBottom = dto.SpacingBottom ?? string.Empty,
|
|
894
|
-
SpacingLeft = dto.SpacingLeft ?? string.Empty,
|
|
895
|
-
SpacingRight = dto.SpacingRight ?? string.Empty,
|
|
896
|
-
};
|
|
897
|
-
}
|
|
898
|
-
Fabs = fabs;
|
|
899
|
-
}
|
|
900
|
-
else
|
|
901
|
-
{
|
|
902
|
-
Fabs = Array.Empty<FabState>();
|
|
903
|
-
}
|
|
904
|
-
|
|
905
873
|
// Footers
|
|
906
874
|
if (state.Footers is not null && state.Footers.Length > 0)
|
|
907
875
|
{
|
|
@@ -3095,21 +3063,6 @@ namespace ScbBlazor
|
|
|
3095
3063
|
public string SpacingRight { get; set; } = string.Empty;
|
|
3096
3064
|
}
|
|
3097
3065
|
|
|
3098
|
-
protected sealed class FabState
|
|
3099
|
-
{
|
|
3100
|
-
public string Icon { get; set; } = string.Empty;
|
|
3101
|
-
public string Label { get; set; } = string.Empty;
|
|
3102
|
-
public string AriaLabel { get; set; } = string.Empty;
|
|
3103
|
-
public string Size { get; set; } = string.Empty;
|
|
3104
|
-
public string Type { get; set; } = string.Empty;
|
|
3105
|
-
public bool Disabled { get; set; }
|
|
3106
|
-
public string Spacing { get; set; } = string.Empty;
|
|
3107
|
-
public string SpacingTop { get; set; } = string.Empty;
|
|
3108
|
-
public string SpacingBottom { get; set; } = string.Empty;
|
|
3109
|
-
public string SpacingLeft { get; set; } = string.Empty;
|
|
3110
|
-
public string SpacingRight { get; set; } = string.Empty;
|
|
3111
|
-
}
|
|
3112
|
-
|
|
3113
3066
|
protected sealed class FooterState
|
|
3114
3067
|
{
|
|
3115
3068
|
public string Id { get; set; } = string.Empty;
|
|
@@ -3630,8 +3583,6 @@ namespace ScbBlazor
|
|
|
3630
3583
|
|
|
3631
3584
|
public FactCardDto[] FactCards { get; set; } = Array.Empty<FactCardDto>();
|
|
3632
3585
|
|
|
3633
|
-
public FabDto[] Fabs { get; set; } = Array.Empty<FabDto>();
|
|
3634
|
-
|
|
3635
3586
|
public FooterDto[] Footers { get; set; } = Array.Empty<FooterDto>();
|
|
3636
3587
|
|
|
3637
3588
|
public GridDto[] Grids { get; set; } = Array.Empty<GridDto>();
|
|
@@ -3981,21 +3932,6 @@ namespace ScbBlazor
|
|
|
3981
3932
|
public string? SpacingRight { get; set; }
|
|
3982
3933
|
}
|
|
3983
3934
|
|
|
3984
|
-
private sealed class FabDto
|
|
3985
|
-
{
|
|
3986
|
-
public string? Icon { get; set; }
|
|
3987
|
-
public string? Label { get; set; }
|
|
3988
|
-
public string? AriaLabel { get; set; }
|
|
3989
|
-
public string? Size { get; set; }
|
|
3990
|
-
public string? Type { get; set; }
|
|
3991
|
-
public bool Disabled { get; set; }
|
|
3992
|
-
public string? Spacing { get; set; }
|
|
3993
|
-
public string? SpacingTop { get; set; }
|
|
3994
|
-
public string? SpacingBottom { get; set; }
|
|
3995
|
-
public string? SpacingLeft { get; set; }
|
|
3996
|
-
public string? SpacingRight { get; set; }
|
|
3997
|
-
}
|
|
3998
|
-
|
|
3999
3935
|
private sealed class FooterDto
|
|
4000
3936
|
{
|
|
4001
3937
|
public string? Id { get; set; }
|
|
@@ -1940,7 +1940,6 @@ window.SCBBlazor.getState = function (root) {
|
|
|
1940
1940
|
const chevrons = ctx.querySelectorAll('scb-chevron');
|
|
1941
1941
|
const dividers = ctx.querySelectorAll('scb-divider');
|
|
1942
1942
|
const factCards = ctx.querySelectorAll('scb-fact-card');
|
|
1943
|
-
const fabs = ctx.querySelectorAll('scb-fab');
|
|
1944
1943
|
const footers = ctx.querySelectorAll('scb-footer');
|
|
1945
1944
|
const grids = ctx.querySelectorAll('scb-grid');
|
|
1946
1945
|
const horizontalScrollers = ctx.querySelectorAll('scb-horizontal-scroller');
|
|
@@ -2406,28 +2405,6 @@ window.SCBBlazor.getState = function (root) {
|
|
|
2406
2405
|
};
|
|
2407
2406
|
});
|
|
2408
2407
|
|
|
2409
|
-
// Alla scb-fab på sidan
|
|
2410
|
-
const fabsState = Array.from(fabs).map((fab) => {
|
|
2411
|
-
const anyFab = fab;
|
|
2412
|
-
|
|
2413
|
-
return {
|
|
2414
|
-
icon: (anyFab.icon ?? fab.getAttribute('icon') ?? '').toString(),
|
|
2415
|
-
label: (anyFab.label ?? fab.getAttribute('label') ?? '').toString(),
|
|
2416
|
-
ariaLabel: (anyFab.ariaLabel ?? fab.getAttribute('aria-label') ?? '').toString(),
|
|
2417
|
-
size: (anyFab.size ?? fab.getAttribute('size') ?? '').toString(),
|
|
2418
|
-
type: (anyFab.type ?? fab.getAttribute('type') ?? '').toString(),
|
|
2419
|
-
disabled:
|
|
2420
|
-
typeof anyFab.disabled === 'boolean'
|
|
2421
|
-
? anyFab.disabled
|
|
2422
|
-
: fab.hasAttribute('disabled'),
|
|
2423
|
-
spacing: (anyFab.spacing ?? fab.getAttribute('spacing') ?? '').toString(),
|
|
2424
|
-
spacingTop: (anyFab.spacingTop ?? fab.getAttribute('spacing-top') ?? '').toString(),
|
|
2425
|
-
spacingBottom: (anyFab.spacingBottom ?? fab.getAttribute('spacing-bottom') ?? '').toString(),
|
|
2426
|
-
spacingLeft: (anyFab.spacingLeft ?? fab.getAttribute('spacing-left') ?? '').toString(),
|
|
2427
|
-
spacingRight: (anyFab.spacingRight ?? fab.getAttribute('spacing-right') ?? '').toString(),
|
|
2428
|
-
};
|
|
2429
|
-
});
|
|
2430
|
-
|
|
2431
2408
|
// Alla scb-footer på sidan
|
|
2432
2409
|
const footersState = Array.from(footers).map((ft) => {
|
|
2433
2410
|
const anyFt = ft;
|
|
@@ -4236,7 +4213,6 @@ window.SCBBlazor.getState = function (root) {
|
|
|
4236
4213
|
chevrons: chevronsState,
|
|
4237
4214
|
dividers: dividersState,
|
|
4238
4215
|
factCards: factCardsState,
|
|
4239
|
-
fabs: fabsState,
|
|
4240
4216
|
footers: footersState,
|
|
4241
4217
|
grids: gridsState,
|
|
4242
4218
|
horizontalScrollers: horizontalScrollersState,
|
package/component-defaults.js
CHANGED
|
@@ -10,7 +10,6 @@ var e = {
|
|
|
10
10
|
"scb-checkbox-group": { size: "medium" },
|
|
11
11
|
"scb-chip": { size: "medium" },
|
|
12
12
|
"scb-dropdown": { size: "medium" },
|
|
13
|
-
"scb-fab": { size: "small" },
|
|
14
13
|
"scb-fact-card": { size: "large" },
|
|
15
14
|
"scb-header": { size: "large" },
|
|
16
15
|
"scb-icon": { size: "medium" },
|
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 {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import { ScbHorizontalScroller as
|
|
58
|
-
import { ScbOverlay as
|
|
59
|
-
import { ScbGalleryGrid as
|
|
60
|
-
import { ScbHeaderMenuGroup as
|
|
61
|
-
import { ScbHeaderMenuItem as
|
|
62
|
-
import { ScbHeaderTab as
|
|
63
|
-
import { ScbHeaderUtility as
|
|
64
|
-
import { ScbHeader as
|
|
65
|
-
import { ScbKeyFigureCard as
|
|
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,16 +18,17 @@ 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';
|
|
28
30
|
import './scb-drop-zone/scb-drop-zone.js';
|
|
29
31
|
import './scb-dropdown/scb-dropdown.js';
|
|
30
|
-
import './scb-fab/scb-fab.js';
|
|
31
32
|
import './scb-fact-card/scb-fact-card.js';
|
|
32
33
|
import './scb-fact-card/scb-fact-card-content.js';
|
|
33
34
|
import './scb-footer/scb-footer.js';
|
|
@@ -46,6 +47,7 @@ import './scb-horizontal-scroller/scb-horizontal-scroller.js';
|
|
|
46
47
|
import './scb-icon-button/scb-icon-button.js';
|
|
47
48
|
import './scb-icon/scb-icon.js';
|
|
48
49
|
import './scb-keyfigure-card/scb-keyfigure-card.js';
|
|
50
|
+
import './scb-link-button/scb-link-button.js';
|
|
49
51
|
import './scb-link-card/scb-link-card.js';
|
|
50
52
|
import './scb-link/scb-link.js';
|
|
51
53
|
import './scb-list-card/scb-list-card.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';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{g,h as p,m as u,p as n,v as a,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{
|
|
1
|
+
import{g,h as p,m as u,p as n,v as a,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{ensureFocusRingOnFocusVisible as h}from"../shared/lazy-focus-ring.js";import{componentSizeToken as f}from"../shared/component-size-token.js";import{t as o}from"../../vendor/decorate.js";import"../scb-avatar/scb-avatar.js";import"../scb-chevron/scb-chevron.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(i,t,l){try{customElements.get(i)||c(i,t,l)}catch(s){var e=String(s||"");if(e.indexOf("already been used")===-1&&e.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,v,r=(d=class extends p{constructor(...c){super(...c),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=v._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=i=>{i.preventDefault();const t=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,t),this.setOpen(t)},this._onToggle=i=>{const t=i.currentTarget;t.open||(t.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${v._uidPrefix}-${++v._uidSeq}`}static get observedAttributes(){const c=super.observedAttributes||[];return c.includes("title")?c:[...c,"title"]}attributeChangedCallback(c,i,t){if(c==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(c,i,t),c==="title"&&t!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const c=this.renderRoot.querySelector(".scb-accordion-bottom");c&&(this.open?(c.removeAttribute("inert"),c.setAttribute("aria-hidden","false")):(c.setAttribute("inert",""),c.setAttribute("aria-hidden","true")))}_onKeyDown(c){const i=this.closest("scb-accordion"),t=Array.from(i?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),l=c.currentTarget,e=t.indexOf(l);switch(c.key){case"ArrowDown":c.preventDefault(),e<t.length-1&&t[e+1].focus();break;case"ArrowUp":c.preventDefault(),e>0&&t[e-1].focus();break;case"Home":c.preventDefault(),t.length&&t[0].focus();break;case"End":c.preventDefault(),t.length&&t[t.length-1].focus();break}}setOpen(c){this.open=!!c;const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen()}updated(c){if(c.has("open")){const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const c=`bottom-${this._unique}`,i=`header-${this._unique}`,t=this.closest("scb-accordion")?.getAttribute("size")||"large",l=f(this,`--scb-accordion-leading-avatar-component-size-${t}`,["small","medium","large","extra-large"],"medium"),e=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?a`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?a`
|
|
2
2
|
<scb-avatar
|
|
3
3
|
label=${this.avatarLabel}
|
|
4
4
|
alt=${this.avatarAlt}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{g as f,h as v,m as y,p as c,v as h,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{
|
|
1
|
+
import{g as f,h as v,m as y,p as c,v as h,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{componentSizeToken as _}from"../shared/component-size-token.js";import{t as S}from"../../vendor/component-defaults.js";import{t as o}from"../../vendor/decorate.js";import{n as A,t as a}from"../../vendor/assertClassBrand.js";import"./scb-accordion-item.js";import"../scb-button/scb-button.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,r,l){try{customElements.get(i)||t(i,r,l)}catch(b){var g=String(b||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var n,p,s=(n=new WeakSet,p=class extends v{constructor(...t){super(...t),A(this,n),this.singleOpen=!1,this.showCloseAll=!1,this.openAllLabel="Öppna alla",this.closeAllLabel="Stäng alla",this.controlsLabel="Accordionkontroller",this.size=S["scb-accordion"].size,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}connectedCallback(){super.connectedCallback(),this.addEventListener("open-changed",a(n,this,u))}disconnectedCallback(){this.removeEventListener("open-changed",a(n,this,u)),super.disconnectedCallback()}render(){const t=!this.singleOpen&&this.showCloseAll,i=t?a(n,this,O).call(this):!1;return h`
|
|
2
2
|
<div class="scb-accordion" ?single-open=${this.singleOpen}>
|
|
3
3
|
${t?h`
|
|
4
4
|
<div class="scb-accordion-actions" role="toolbar" aria-label=${this.controlsLabel}>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{
|
|
1
|
+
import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{componentSizeToken as _}from"../shared/component-size-token.js";import{t as N}from"../../vendor/component-defaults.js";import{t as l}from"../../vendor/decorate.js";import{n as F,t as i}from"../../vendor/assertClassBrand.js";import"../scb-avatar/scb-avatar.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import{closeManualPopover as S,openManualPopover as U}from"../shared/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,c){try{customElements.get(r)||t(r,s,c)}catch(o){var b=String(o||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var a,v,W={default:{size:"small",variant:"centered"},"small-flexible":{size:"small",variant:"start"},search:{size:"small",variant:"search"},"medium-flexible":{size:"medium",variant:"start"},"large-flexible":{size:"large",variant:"start"}},H={"action-padding-inline":{small:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",medium:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",large:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))"},"action-padding-block":{small:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",medium:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",large:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))"}},G="data-scb-app-bar-managed-action-size",V="data-scb-app-bar-managed-avatar-size",n=(a=new WeakSet,v=class extends M{constructor(...t){super(...t),F(this,a),this.title="",this.appBarTitle="",this.size=N["scb-app-bar"].size,this.variant="centered",this.type="",this.position="default",this.ariaLabel="",this.defaultAriaLabel="Appfält",this.searchAriaLabel="Sökfält",this.searchSupportingText="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__titleResizeRaf=0}connectedCallback(){super.connectedCallback(),typeof ResizeObserver<"u"&&(this.__titleResizeObserver=new ResizeObserver(()=>i(a,this,g).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,S(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,A).call(this,r)}),i(a,this,g).call(this)}handleAvatarSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,T).call(this,r)}),i(a,this,g).call(this)}firstUpdated(){i(a,this,w).call(this),i(a,this,R).call(this),i(a,this,x).call(this)}updated(t){if((t.has("title")||t.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(i(a,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(i(a,this))},bubbles:!0,composed:!0}))),t.has("position")){const r=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?U(r):S(r),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}t.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),t.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:h.call(i(a,this))},bubbles:!0,composed:!0})),t.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:d.call(i(a,this))},bubbles:!0,composed:!0})),(t.has("type")||t.has("size")||t.has("variant"))&&this.updateComplete.then(()=>{i(a,this,x).call(this)}),t.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&i(a,this,w).call(this),i(a,this,R).call(this)}mapSpacingToken(t){if(!t)return;const r=String(t).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}render(){const t=d.call(i(a,this)),r=h.call(i(a,this)),s=_(this,`--scb-app-bar-search-component-size-${r}`,["extra-small","small","medium","large"],"small");return u`
|
|
2
2
|
<header class=${`variant-${t} size-${r} ${J.call(i(a,this))}`} role="banner" aria-label=${D.call(i(a,this))}>
|
|
3
3
|
<div class="leading">
|
|
4
4
|
<slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
|