scb-wc 0.1.191 → 0.1.193
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 +17 -20
- package/all.js +0 -12
- package/index.js +85 -97
- package/mvc/components/all.js +0 -7
- 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-avatar/scb-avatar.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 +15 -15
- package/mvc/components/scb-chip/scb-chip.js +7 -7
- package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +1 -1
- package/mvc/components/scb-dialog/scb-dialog.js +1 -1
- package/mvc/components/scb-drawer/scb-drawer.js +4 -4
- package/mvc/components/scb-drop-zone/scb-drop-zone.js +1 -1
- package/mvc/components/scb-dropdown/scb-dropdown.js +3 -3
- package/mvc/components/scb-fab/scb-fab.js +18 -6
- package/mvc/components/scb-fact-card/scb-fact-card.js +1 -1
- package/mvc/components/scb-footer/scb-footer.js +6 -4
- package/mvc/components/scb-header/scb-header.js +51 -51
- 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 +6 -6
- 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 +4 -4
- 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 +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 +7 -7
- package/mvc/components/scb-table/scb-table.js +1 -1
- package/mvc/components/scb-table-advanced/scb-table-advanced.js +3 -2
- package/mvc/components/scb-tabs/scb-tabs.js +2 -2
- package/mvc/components/scb-textfield/scb-textfield.js +176 -34
- package/mvc/components/scb-toc/scb-toc-item.js +1 -1
- package/mvc/components/scb-tooltip/scb-tooltip.js +3 -3
- 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/{components/shared → vendor}/component-size-token.js +1 -1
- package/mvc/vendor/lazy-focus-ring.js +2 -0
- package/mvc/vendor/lazy-ripple.js +2 -0
- package/mvc/{components/shared → vendor}/manual-popover.js +1 -1
- package/mvc/{components/scb-chevron → vendor}/scb-chevron.js +1 -1
- package/mvc/vendor/scb-icon-svg.js +11 -0
- package/package.json +2 -2
- package/scb-avatar/scb-avatar.js +4 -4
- package/scb-card/scb-card.js +9 -9
- package/scb-chip/scb-chip.js +14 -0
- package/scb-components/scb-fab/scb-fab.d.ts +1 -0
- package/scb-components/scb-header/scb-header.d.ts +5 -1
- package/scb-components/scb-tooltip/scb-tooltip.d.ts +1 -0
- package/scb-drawer/scb-drawer.js +2 -2
- package/scb-dropdown/scb-dropdown.js +1 -1
- package/scb-fab/scb-fab.js +15 -1
- package/scb-footer/scb-footer.js +3 -9
- package/scb-header/scb-header.js +116 -45
- package/scb-icon-button/scb-icon-button.js +25 -19
- package/scb-keyfigure-card/scb-keyfigure-card.js +1 -1
- package/scb-overlay/scb-overlay.js +1 -1
- package/scb-select/scb-select-option.js +1 -0
- package/scb-stepper/scb-step.js +16 -4
- package/scb-table-advanced/scb-table-advanced.js +12 -3
- package/scb-tabs/scb-tabs.js +4 -0
- package/scb-tooltip/scb-tooltip.js +50 -34
- package/scb-viz/scb-viz-series-differentiation-registry.js +7 -10
- package/scb-viz/scb-viz.js +43 -43
- package/scb-wc-core.css +1 -1
- package/scb-wc-public-entry/index.d.ts +94 -0
- package/scb-wc-selfhost.css +1 -1
- package/scb-wc.bundle.js +482 -377
- package/scb-wc.css +1 -1
- package/scb-wc.d.ts +188 -212
- package/shared/scb-icon-svg.js +2 -5
- package/mvc/components/scb-datepicker/scb-datepicker.js +0 -143
- package/mvc/components/shared/lazy-focus-ring.js +0 -2
- package/mvc/components/shared/lazy-ripple.js +0 -2
- package/mvc/components/shared/scb-icon-svg.js +0 -11
- package/scb-components/index.d.ts +0 -106
- package/scb-components/scb-chevron/scb-chevron.d.ts +0 -11
- package/scb-components/scb-datepicker/scb-datepicker.d.ts +0 -47
- package/scb-components/scb-viz/scb-viz-actions-runtime.d.ts +0 -26
- package/scb-components/scb-viz/scb-viz-print-runtime.d.ts +0 -30
- package/scb-components/scb-viz/scb-viz-series-differentiation-registry.d.ts +0 -21
- package/scb-components/scb-viz/scb-viz-series-differentiation-runtime.d.ts +0 -42
- package/scb-components/scb-viz/scb-viz-table-runtime.d.ts +0 -28
- package/scb-components/shared/component-size-token.d.ts +0 -1
- package/scb-components/shared/lazy-focus-ring.d.ts +0 -4
- package/scb-components/shared/lazy-ripple.d.ts +0 -9
- package/scb-components/shared/manual-popover.d.ts +0 -7
- package/scb-components/shared/scb-icon-svg.d.ts +0 -3
package/README.md
CHANGED
|
@@ -1,19 +1,16 @@
|
|
|
1
|
-
# Om SCB Web Components
|
|
1
|
+
# Om SCB Web Components
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
> Installera `scb-wc` via `@next` för komponenter under utveckling. API, utseende och beteende kan ändras eller tas bort mellan versioner.
|
|
5
|
-
|
|
6
|
-
SCB Web Components preview innehåller SCB:s gemensamma webbkomponenter.
|
|
3
|
+
SCB Web Components innehåller SCB:s gemensamma webbkomponenter.
|
|
7
4
|
|
|
8
5
|
## Dokumentation
|
|
9
6
|
|
|
10
|
-
|
|
7
|
+
Produktionskomponenterna dokumenteras och demonstreras i Storybook på SCB:s interna adress:
|
|
11
8
|
|
|
12
|
-
-
|
|
9
|
+
- Prod: <https://webcomponents.scb.intra>
|
|
13
10
|
|
|
14
|
-
|
|
11
|
+
Testkomponenterna finns på:
|
|
15
12
|
|
|
16
|
-
-
|
|
13
|
+
- Test: <https://webcomponentstest.scb.intra>
|
|
17
14
|
|
|
18
15
|
## Kom igång
|
|
19
16
|
|
|
@@ -22,7 +19,7 @@ Den publika/stabila Storybooken finns på:
|
|
|
22
19
|
Välj den teknik du använder. Exemplet skapar en vanlig webbplats:
|
|
23
20
|
|
|
24
21
|
```sh
|
|
25
|
-
npx scb-wc
|
|
22
|
+
npx scb-wc init html my-app
|
|
26
23
|
cd my-app
|
|
27
24
|
npm install
|
|
28
25
|
npm run dev
|
|
@@ -39,7 +36,7 @@ Byt `html` mot:
|
|
|
39
36
|
Kör kommandot i mappen där appens `package.json` ligger:
|
|
40
37
|
|
|
41
38
|
```sh
|
|
42
|
-
npm install scb-wc
|
|
39
|
+
npm install scb-wc
|
|
43
40
|
```
|
|
44
41
|
|
|
45
42
|
Importera CSS och bara de komponenter som sidan använder:
|
|
@@ -58,9 +55,9 @@ Lägg sedan komponenten i sidan:
|
|
|
58
55
|
|
|
59
56
|
### Nästa steg
|
|
60
57
|
|
|
61
|
-
- Öppna Kom igång i [
|
|
62
|
-
- Öppna [mallar och exempel](https://
|
|
63
|
-
- Öppna [komponentöversikten](https://
|
|
58
|
+
- Öppna Kom igång i [Prod Storybook](https://webcomponents.scb.intra/?path=/docs/docs-kom-igång--beskrivning) för HTML/CSS, React, MVC och Blazor.
|
|
59
|
+
- Öppna [mallar och exempel](https://webcomponents.scb.intra/?path=/docs/examples-and-templates-att-använda-mallar-och-exempel--beskrivning) när du vill bygga en hel sida.
|
|
60
|
+
- Öppna [komponentöversikten](https://webcomponents.scb.intra/?path=/story/components-översikt-alla-komponenter-exposé--expose) när du vill välja nästa komponent.
|
|
64
61
|
|
|
65
62
|
## Kort referens
|
|
66
63
|
|
|
@@ -88,15 +85,15 @@ Webbplatsmallarna använder standardläget. Service- och appmallarna laddar Comp
|
|
|
88
85
|
|
|
89
86
|
### MVC och statiska webbplatser
|
|
90
87
|
|
|
91
|
-
Paketets färdiga MVC-filer ligger i `node_modules/scb-wc/mvc/`. Följ det kopierbara MVC-exemplet i [Kom igång](https://
|
|
88
|
+
Paketets färdiga MVC-filer ligger i `node_modules/scb-wc/mvc/`. Följ det kopierbara MVC-exemplet i [Kom igång](https://webcomponents.scb.intra/?path=/docs/docs-kom-igång--beskrivning). Det visar vilket `ui:install`-script som ska läggas i appens `package.json` och vilka filer layouten ska ladda.
|
|
92
89
|
|
|
93
90
|
### Blazor
|
|
94
91
|
|
|
95
|
-
Blazor använder samma MVC-filer plus wrappers och interop under `node_modules/scb-wc/blazor/`. Följ [Kom igång](https://
|
|
92
|
+
Blazor använder samma MVC-filer plus wrappers och interop under `node_modules/scb-wc/blazor/`. Följ [Kom igång](https://webcomponents.scb.intra/?path=/docs/docs-kom-igång--beskrivning) för första installationen och [Blazor-guiden](https://webcomponents.scb.intra/?path=/docs/docs-om-användning-i-blazor--beskrivning) när integrationen behöver state, parametrar eller events.
|
|
96
93
|
|
|
97
94
|
### Fonter och egna ikoner
|
|
98
95
|
|
|
99
|
-
Vanliga appar använder `scb-wc.css`. Selfhost och egna Material Symbols-subset är avancerade val. Följ [Foundations/Icons](https://
|
|
96
|
+
Vanliga appar använder `scb-wc.css`. Selfhost och egna Material Symbols-subset är avancerade val. Följ [Foundations/Icons](https://webcomponents.scb.intra/?path=/docs/foundations-icons-ikoner--beskrivning) om appen inte får ladda Google Fonts eller behöver fler ikoner än paketets `icons.json`.
|
|
100
97
|
|
|
101
98
|
### Bundlad version
|
|
102
99
|
|
|
@@ -118,18 +115,18 @@ Kör först i appens mapp:
|
|
|
118
115
|
npm outdated scb-wc
|
|
119
116
|
```
|
|
120
117
|
|
|
121
|
-
Om en ny version finns, läs [Uppdatera SCB Web Components](https://
|
|
118
|
+
Om en ny version finns, läs [Uppdatera SCB Web Components](https://webcomponents.scb.intra/?path=/docs/docs-uppdatera-s%C3%A5-uppdaterar-du--beskrivning). Där länkas du vidare till versionen och eventuella migrationssteg.
|
|
122
119
|
|
|
123
120
|
Uppdatera sedan paketet, bygg appen och kör appens vanliga tester:
|
|
124
121
|
|
|
125
122
|
```sh
|
|
126
|
-
npm install scb-wc
|
|
123
|
+
npm install scb-wc
|
|
127
124
|
```
|
|
128
125
|
|
|
129
126
|
För MVC och Blazor behöver du även köra appens befintliga kopieringsscript efter installationen. Exakta steg finns på uppdateringssidan.
|
|
130
127
|
|
|
131
128
|
## Viktigt
|
|
132
129
|
|
|
133
|
-
- `scb-wc@
|
|
130
|
+
- `scb-wc@latest` är produktionskanalen. Använd `scb-wc@next` för komponenter under utveckling och experiment.
|
|
134
131
|
- Kör alltid npm-kommandon i mappen där appens `package.json` ligger.
|
|
135
132
|
- Ladda inte samma komponent på flera sätt på samma sida.
|
package/all.js
CHANGED
|
@@ -18,12 +18,10 @@ import './scb-card/scb-list-card.js';
|
|
|
18
18
|
import './scb-card/scb-social-card.js';
|
|
19
19
|
import './scb-checkbox/scb-checkbox-group.js';
|
|
20
20
|
import './scb-checkbox/scb-checkbox.js';
|
|
21
|
-
import './scb-chevron/scb-chevron.js';
|
|
22
21
|
import './scb-chip/scb-chip.js';
|
|
23
22
|
import './scb-collapse/scb-collapse.js';
|
|
24
23
|
import './scb-container-card/scb-container-card.js';
|
|
25
24
|
import './scb-cookies-consent/scb-cookies-consent.js';
|
|
26
|
-
import './scb-datepicker/scb-datepicker.js';
|
|
27
25
|
import './scb-dialog/scb-dialog.js';
|
|
28
26
|
import './scb-divider/scb-divider.js';
|
|
29
27
|
import './scb-drawer/scb-drawer.js';
|
|
@@ -93,14 +91,4 @@ import './scb-textfield/scb-textfield.js';
|
|
|
93
91
|
import './scb-toc/scb-toc-item.js';
|
|
94
92
|
import './scb-toc/scb-toc.js';
|
|
95
93
|
import './scb-tooltip/scb-tooltip.js';
|
|
96
|
-
import './scb-viz/scb-viz-actions-runtime.js';
|
|
97
|
-
import './scb-viz/scb-viz-print-runtime.js';
|
|
98
|
-
import './scb-viz/scb-viz-series-differentiation-registry.js';
|
|
99
|
-
import './scb-viz/scb-viz-series-differentiation-runtime.js';
|
|
100
|
-
import './scb-viz/scb-viz-table-runtime.js';
|
|
101
94
|
import './scb-viz/scb-viz.js';
|
|
102
|
-
import './shared/component-size-token.js';
|
|
103
|
-
import './shared/lazy-focus-ring.js';
|
|
104
|
-
import './shared/lazy-ripple.js';
|
|
105
|
-
import './shared/manual-popover.js';
|
|
106
|
-
import './shared/scb-icon-svg.js';
|
package/index.js
CHANGED
|
@@ -1,36 +1,31 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { ScbButton as c } from "./scb-button/scb-button.js";
|
|
7
|
-
import { ScbAccordion as l } from "./scb-accordion/scb-accordion.js";
|
|
8
|
-
import { ScbActionCard as u, ScbCard as d, ScbContainerCard as f, ScbLinkCard as p, ScbListCard as m, ScbSocialCard as h } from "./scb-card/scb-card.js";
|
|
1
|
+
import { ScbAvatar as e } from "./scb-avatar/scb-avatar.js";
|
|
2
|
+
import { ScbAccordionItem as t } from "./scb-accordion/scb-accordion-item.js";
|
|
3
|
+
import { ScbButton as n } from "./scb-button/scb-button.js";
|
|
4
|
+
import { ScbAccordion as r } from "./scb-accordion/scb-accordion.js";
|
|
5
|
+
import { ScbActionCard as i, ScbCard as a, ScbContainerCard as o, ScbLinkCard as s, ScbListCard as c, ScbSocialCard as l } from "./scb-card/scb-card.js";
|
|
9
6
|
import "./scb-action-card/scb-action-card.js";
|
|
10
|
-
import { ScbIconButton as
|
|
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 {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import { ScbCalendar as H } from "./scb-calendar/scb-calendar.js";
|
|
33
|
-
import { ScbCalendarCard as U } from "./scb-calendar-card/scb-calendar-card.js";
|
|
7
|
+
import { ScbIconButton as u } from "./scb-icon-button/scb-icon-button.js";
|
|
8
|
+
import { ScbSearch as d } from "./scb-search/scb-search.js";
|
|
9
|
+
import { ScbAppBar as f } from "./scb-app-bar/scb-app-bar.js";
|
|
10
|
+
import { ScbBadge as p } from "./scb-badge/scb-badge.js";
|
|
11
|
+
import { ScbLink as m } from "./scb-link/scb-link.js";
|
|
12
|
+
import { SCBBreadcrumbItem as h } from "./scb-breadcrumb/scb-breadcrumb-item.js";
|
|
13
|
+
import { SCBBreadcrumb as g } from "./scb-breadcrumb/scb-breadcrumb.js";
|
|
14
|
+
import { ScbCalendarEvent as _ } from "./scb-calendar/scb-calendar-event.js";
|
|
15
|
+
import { ScbDivider as v } from "./scb-divider/scb-divider.js";
|
|
16
|
+
import { ScbTooltip as y } from "./scb-tooltip/scb-tooltip.js";
|
|
17
|
+
import { ScbTextField as b } from "./scb-textfield/scb-textfield.js";
|
|
18
|
+
import { ScbCheckboxGroup as x } from "./scb-checkbox/scb-checkbox-group.js";
|
|
19
|
+
import { ScbCheckbox as S } from "./scb-checkbox/scb-checkbox.js";
|
|
20
|
+
import { ScbRadioGroup as C } from "./scb-radio-button/scb-radio-group.js";
|
|
21
|
+
import { ScbRadioButton as w } from "./scb-radio-button/scb-radio-button.js";
|
|
22
|
+
import { ScbSwitch as T } from "./scb-switch/scb-switch.js";
|
|
23
|
+
import { ScbChip as E } from "./scb-chip/scb-chip.js";
|
|
24
|
+
import { ScbDialog as D } from "./scb-dialog/scb-dialog.js";
|
|
25
|
+
import { ScbListItem as O } from "./scb-list/scb-list-item.js";
|
|
26
|
+
import { ScbList as k } from "./scb-list/scb-list.js";
|
|
27
|
+
import { ScbCalendar as A } from "./scb-calendar/scb-calendar.js";
|
|
28
|
+
import { ScbCalendarCard as j } from "./scb-calendar-card/scb-calendar-card.js";
|
|
34
29
|
import "./scb-card/scb-action-card.js";
|
|
35
30
|
import "./scb-container-card/scb-container-card.js";
|
|
36
31
|
import "./scb-card/scb-container-card.js";
|
|
@@ -40,68 +35,61 @@ import "./scb-list-card/scb-list-card.js";
|
|
|
40
35
|
import "./scb-card/scb-list-card.js";
|
|
41
36
|
import "./scb-social-card/scb-social-card.js";
|
|
42
37
|
import "./scb-card/scb-social-card.js";
|
|
43
|
-
import { ScbCollapse as
|
|
44
|
-
import { ScbCookiesConsent as
|
|
45
|
-
import { ScbDrawer as
|
|
46
|
-
import { ScbDropZone as
|
|
47
|
-
import { ScbOptionsMenuItem as
|
|
48
|
-
import { ScbOptionsSubMenu as
|
|
49
|
-
import { ScbOptionsMenu as
|
|
50
|
-
import { ScbDropdown as
|
|
51
|
-
import { ScbFab as
|
|
52
|
-
import { ScbFactCardContent as
|
|
53
|
-
import { ScbFactCard as
|
|
54
|
-
import { ScbFooterSection as
|
|
55
|
-
import { ScbGridItem as
|
|
56
|
-
import { ScbStack as
|
|
57
|
-
import { ScbGrid as
|
|
58
|
-
import { ScbFooter as
|
|
59
|
-
import { ScbIcon as
|
|
60
|
-
import { ScbNotificationCard as
|
|
61
|
-
import { ScbFormErrorSummary as
|
|
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
|
-
|
|
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, Q as ScbFab, ee as ScbFactCard, $ as ScbFactCardContent, ae as ScbFooter, te as ScbFooterSection, ce as ScbFormErrorSummary, pe as ScbGalleryGrid, ie as ScbGrid, ne as ScbGridItem, ve as ScbHeader, me as ScbHeaderMenuGroup, he as ScbHeaderMenuItem, ge as ScbHeaderTab, _e as ScbHeaderUtility, de as ScbHorizontalScroller, oe as ScbIcon, g as ScbIconButton, ye as ScbKeyFigureCard, T as ScbLink, p as ScbLinkCard, V as ScbList, m as ScbListCard, B as ScbListItem, Ce as ScbMenu, be as ScbMenuItem, Te as ScbNav, we as ScbNavItem, se as ScbNotificationCard, X as ScbOptionsMenu, J as ScbOptionsMenuItem, Y as ScbOptionsSubMenu, fe 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, re 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, le 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, ue as renderScbIcon, it as runWithScbVizForcedPrintLightMode, mt as scbVizSeriesDifferentiationRegistry, At as setScbVizSeriesDifferentiationColorClass, jt as setScbVizSeriesDifferentiationMetadata, Mt as shouldShowScbVizSeriesDifferentiationAction, Vt as syncRippleToControl, at as toggleScbVizFullscreen, Nt as usesScbVizGroupedPointDifferentiation };
|
|
38
|
+
import { ScbCollapse as M } from "./scb-collapse/scb-collapse.js";
|
|
39
|
+
import { ScbCookiesConsent as N } from "./scb-cookies-consent/scb-cookies-consent.js";
|
|
40
|
+
import { ScbDrawer as P } from "./scb-drawer/scb-drawer.js";
|
|
41
|
+
import { ScbDropZone as F } from "./scb-drop-zone/scb-drop-zone.js";
|
|
42
|
+
import { ScbOptionsMenuItem as I } from "./scb-options-menu/scb-options-menu-item.js";
|
|
43
|
+
import { ScbOptionsSubMenu as L } from "./scb-options-menu/scb-options-sub-menu.js";
|
|
44
|
+
import { ScbOptionsMenu as R } from "./scb-options-menu/scb-options-menu.js";
|
|
45
|
+
import { ScbDropdown as z } from "./scb-dropdown/scb-dropdown.js";
|
|
46
|
+
import { ScbFab as B } from "./scb-fab/scb-fab.js";
|
|
47
|
+
import { ScbFactCardContent as V } from "./scb-fact-card/scb-fact-card-content.js";
|
|
48
|
+
import { ScbFactCard as H } from "./scb-fact-card/scb-fact-card.js";
|
|
49
|
+
import { ScbFooterSection as U } from "./scb-footer/scb-footer-section.js";
|
|
50
|
+
import { ScbGridItem as W } from "./scb-grid/scb-grid-item.js";
|
|
51
|
+
import { ScbStack as G } from "./scb-grid/scb-stack.js";
|
|
52
|
+
import { ScbGrid as K } from "./scb-grid/scb-grid.js";
|
|
53
|
+
import { ScbFooter as q } from "./scb-footer/scb-footer.js";
|
|
54
|
+
import { ScbIcon as J } from "./scb-icon/scb-icon.js";
|
|
55
|
+
import { ScbNotificationCard as Y } from "./scb-notification-card/scb-notification-card.js";
|
|
56
|
+
import { ScbFormErrorSummary as X } from "./scb-form-error-summary/scb-form-error-summary.js";
|
|
57
|
+
import { ScbHorizontalScroller as Z } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
|
|
58
|
+
import { ScbOverlay as Q } from "./scb-overlay/scb-overlay.js";
|
|
59
|
+
import { ScbGalleryGrid as $ } from "./scb-gallery-grid/scb-gallery-grid.js";
|
|
60
|
+
import { ScbHeaderMenuGroup as ee } from "./scb-header/scb-header-menu-group.js";
|
|
61
|
+
import { ScbHeaderMenuItem as te } from "./scb-header/scb-header-menu-item.js";
|
|
62
|
+
import { ScbHeaderTab as ne } from "./scb-header/scb-header-tab.js";
|
|
63
|
+
import { ScbHeaderUtility as re } from "./scb-header/scb-header-utility.js";
|
|
64
|
+
import { ScbHeader as ie } from "./scb-header/scb-header.js";
|
|
65
|
+
import { ScbKeyFigureCard as ae } from "./scb-keyfigure-card/scb-keyfigure-card.js";
|
|
66
|
+
import { ScbMenuItem as oe } from "./scb-menu/scb-menu-item.js";
|
|
67
|
+
import { ScbmenuSection as se } from "./scb-menu/scb-menu-section.js";
|
|
68
|
+
import { ScbSubmenu as ce } from "./scb-menu/scb-sub-menu.js";
|
|
69
|
+
import { ScbMenu as le } from "./scb-menu/scb-menu.js";
|
|
70
|
+
import { ScbNavItem as ue } from "./scb-nav/scb-nav-item.js";
|
|
71
|
+
import { ScbNav as de } from "./scb-nav/scb-nav.js";
|
|
72
|
+
import { ScbPagination as fe } from "./scb-pagination/scb-pagination.js";
|
|
73
|
+
import { ScbProgressIndicator as pe } from "./scb-progress-indicator/scb-progress-indicator.js";
|
|
74
|
+
import { ScbProgressStep as me } from "./scb-progress-stepper/scb-progress-step.js";
|
|
75
|
+
import { ScbProgressStepper as he } from "./scb-progress-stepper/scb-progress-stepper.js";
|
|
76
|
+
import { ScbScrollspy as ge } from "./scb-scrollspy/scb-scrollspy.js";
|
|
77
|
+
import { ScbSegmentedItem as _e } from "./scb-segmented-button/scb-segmented-item.js";
|
|
78
|
+
import { ScbSegmentedButton as ve } from "./scb-segmented-button/scb-segmented-button.js";
|
|
79
|
+
import { ScbSelectOption as ye } from "./scb-select/scb-select-option.js";
|
|
80
|
+
import { ScbSelect as be } from "./scb-select/scb-select.js";
|
|
81
|
+
import { ScbSkeleton as xe } from "./scb-skeleton/scb-skeleton.js";
|
|
82
|
+
import { ScbSlider as Se } from "./scb-slider/scb-slider.js";
|
|
83
|
+
import { ScbSnackbar as Ce } from "./scb-snackbar/scb-snackbar.js";
|
|
84
|
+
import { ScbStatusPill as we } from "./scb-status-pill/scb-status-pill.js";
|
|
85
|
+
import { ScbStep as Te } from "./scb-stepper/scb-step.js";
|
|
86
|
+
import { ScbStepper as Ee } from "./scb-stepper/scb-stepper.js";
|
|
87
|
+
import { ScbTable as De } from "./scb-table/scb-table.js";
|
|
88
|
+
import { ScbTableAdvanced as Oe } from "./scb-table-advanced/scb-table-advanced.js";
|
|
89
|
+
import { ScbPrimaryTab as ke } from "./scb-tabs/scb-primary-tab.js";
|
|
90
|
+
import { ScbSecondaryTab as Ae } from "./scb-tabs/scb-secondary-tab.js";
|
|
91
|
+
import { ScbTabs as je } from "./scb-tabs/scb-tabs.js";
|
|
92
|
+
import { ScbTocItem as Me } from "./scb-toc/scb-toc-item.js";
|
|
93
|
+
import { ScbToc as Ne } from "./scb-toc/scb-toc.js";
|
|
94
|
+
import { ScbViz as Pe } from "./scb-viz/scb-viz.js";
|
|
95
|
+
export { g as SCBBreadcrumb, h as SCBBreadcrumbItem, r as ScbAccordion, t as ScbAccordionItem, i as ScbActionCard, f as ScbAppBar, e as ScbAvatar, p as ScbBadge, n as ScbButton, A as ScbCalendar, j as ScbCalendarCard, _ as ScbCalendarEvent, a as ScbCard, S as ScbCheckbox, x as ScbCheckboxGroup, E as ScbChip, M as ScbCollapse, o as ScbContainerCard, N as ScbCookiesConsent, D as ScbDialog, v as ScbDivider, P as ScbDrawer, F as ScbDropZone, z as ScbDropdown, B as ScbFab, H as ScbFactCard, V as ScbFactCardContent, q as ScbFooter, U as ScbFooterSection, X as ScbFormErrorSummary, $ as ScbGalleryGrid, K as ScbGrid, W as ScbGridItem, ie as ScbHeader, ee as ScbHeaderMenuGroup, te as ScbHeaderMenuItem, ne as ScbHeaderTab, re as ScbHeaderUtility, Z as ScbHorizontalScroller, J as ScbIcon, u as ScbIconButton, ae as ScbKeyFigureCard, m as ScbLink, s as ScbLinkCard, k as ScbList, c as ScbListCard, O as ScbListItem, le as ScbMenu, oe as ScbMenuItem, de as ScbNav, ue as ScbNavItem, Y as ScbNotificationCard, R as ScbOptionsMenu, I as ScbOptionsMenuItem, L as ScbOptionsSubMenu, Q as ScbOverlay, fe as ScbPagination, ke as ScbPrimaryTab, pe as ScbProgressIndicator, me as ScbProgressStep, he as ScbProgressStepper, w as ScbRadioButton, C as ScbRadioGroup, ge as ScbScrollspy, d as ScbSearch, Ae as ScbSecondaryTab, ve as ScbSegmentedButton, _e as ScbSegmentedItem, be as ScbSelect, ye as ScbSelectOption, xe as ScbSkeleton, Se as ScbSlider, Ce as ScbSnackbar, l as ScbSocialCard, G as ScbStack, we as ScbStatusPill, Te as ScbStep, Ee as ScbStepper, ce as ScbSubmenu, T as ScbSwitch, De as ScbTable, Oe as ScbTableAdvanced, je as ScbTabs, b as ScbTextField, Ne as ScbToc, Me as ScbTocItem, y as ScbTooltip, Pe as ScbViz, se as ScbmenuSection };
|
package/mvc/components/all.js
CHANGED
|
@@ -18,12 +18,10 @@ import './scb-card/scb-list-card.js';
|
|
|
18
18
|
import './scb-card/scb-social-card.js';
|
|
19
19
|
import './scb-checkbox/scb-checkbox.js';
|
|
20
20
|
import './scb-checkbox/scb-checkbox-group.js';
|
|
21
|
-
import './scb-chevron/scb-chevron.js';
|
|
22
21
|
import './scb-chip/scb-chip.js';
|
|
23
22
|
import './scb-collapse/scb-collapse.js';
|
|
24
23
|
import './scb-container-card/scb-container-card.js';
|
|
25
24
|
import './scb-cookies-consent/scb-cookies-consent.js';
|
|
26
|
-
import './scb-datepicker/scb-datepicker.js';
|
|
27
25
|
import './scb-dialog/scb-dialog.js';
|
|
28
26
|
import './scb-divider/scb-divider.js';
|
|
29
27
|
import './scb-drawer/scb-drawer.js';
|
|
@@ -99,8 +97,3 @@ import './scb-viz/scb-viz-print-runtime.js';
|
|
|
99
97
|
import './scb-viz/scb-viz-series-differentiation-registry.js';
|
|
100
98
|
import './scb-viz/scb-viz-series-differentiation-runtime.js';
|
|
101
99
|
import './scb-viz/scb-viz-table-runtime.js';
|
|
102
|
-
import './shared/component-size-token.js';
|
|
103
|
-
import './shared/lazy-focus-ring.js';
|
|
104
|
-
import './shared/lazy-ripple.js';
|
|
105
|
-
import './shared/manual-popover.js';
|
|
106
|
-
import './shared/scb-icon-svg.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{g,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{n as h}from"../../vendor/lazy-focus-ring.js";import{t as f}from"../../vendor/component-size-token.js";import{t as o}from"../../vendor/decorate.js";import"../scb-avatar/scb-avatar.js";import"../../vendor/scb-chevron.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var 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{t as _}from"../../vendor/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{t as _}from"../../vendor/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{a as U,t as S}from"../../vendor/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var 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>
|
|
@@ -16,4 +16,4 @@ import{f as y,g as c,h as f,m as u,p as s,v as n,y as _}from"../../vendor/vendor
|
|
|
16
16
|
<div class="container" part="container" role="img" aria-label=${a??c}>
|
|
17
17
|
${this.variant==="icon"?l:o}
|
|
18
18
|
</div>
|
|
19
|
-
`}},p.styles=_`:host{display:inline-block;vertical-align:middle;margin-block-start:var(--scb-avatar-spacing-block-start, 0);margin-block-end:var(--scb-avatar-spacing-block-end, 0);margin-inline-start:var(--scb-avatar-spacing-inline-start, 0);margin-inline-end:var(--scb-avatar-spacing-inline-end, 0);--_size:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_font-size:var(--scb-avatar-font-size, var(--scb-avatar-initials-font-size));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px));--_bg:var(--scb-avatar-container-color, var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container)));--_fg:var(--scb-avatar-content-color, var(--md-sys-color-on-primary-fixed, var(--md-sys-color-on-primary-container)));--_image-fallback-bg:var(--scb-avatar-image-fallback-container-color, var(--md-sys-color-primary-container));--_image-fallback-fg:var(--scb-avatar-image-fallback-content-color, var(--md-sys-color-on-primary-container));--_radius:var(--radius-full, 1000px);--_border:0 solid transparent;font-family:var(--brand-font, Inter, system-ui, sans-serif);color-scheme:light dark}:host([size="small"]){--_size:var(--scb-avatar-size-small, var(--scale-08, 32px));--scb-avatar-initials-font:var(--scb-avatar-initials-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 14px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-small-letter-spacing, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-small-font-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))}:host([size="medium"]){--_size:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px))}:host([size="large"]){--_size:var(--scb-avatar-size-large, var(--scale-12, 56px));--scb-avatar-initials-font:var(--scb-avatar-initials-large-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-large-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 20px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-large-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-large-letter-spacing, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-large-font-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-large, var(--icon-size-large, 32px))}:host([size="extra-large"]),:host([size="xlarge"]){--_size:var(--scb-avatar-size-extra-large, var(--scale-13, 80px));--scb-avatar-initials-font:var(--scb-avatar-initials-extra-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-extra-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size, 28px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-extra-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height, 36px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-extra-large-letter-spacing, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-extra-large-font-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-extra-large, var(--icon-size-extra-extra-large, 48px))}:host([shape="circular"]){--_radius:var(--radius-full, 1000px)}:host([shape="rounded"]){--_radius:var(--radius-s, 8px)}:host([shape="square"]){--_radius:
|
|
19
|
+
`}},p.styles=_`:host{display:inline-block;vertical-align:middle;margin-block-start:var(--scb-avatar-spacing-block-start, 0);margin-block-end:var(--scb-avatar-spacing-block-end, 0);margin-inline-start:var(--scb-avatar-spacing-inline-start, 0);margin-inline-end:var(--scb-avatar-spacing-inline-end, 0);--_size:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_font-size:var(--scb-avatar-font-size, var(--scb-avatar-initials-font-size));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px));--_bg:var(--scb-avatar-container-color, var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container)));--_fg:var(--scb-avatar-content-color, var(--md-sys-color-on-primary-fixed, var(--md-sys-color-on-primary-container)));--_image-fallback-bg:var(--scb-avatar-image-fallback-container-color, var(--md-sys-color-primary-container));--_image-fallback-fg:var(--scb-avatar-image-fallback-content-color, var(--md-sys-color-on-primary-container));--_radius:var(--scb-avatar-shape-radius-circular, var(--radius-full, 1000px));--_border:0 solid transparent;font-family:var(--brand-font, Inter, system-ui, sans-serif);color-scheme:light dark}:host([size="small"]){--_size:var(--scb-avatar-size-small, var(--scale-08, 32px));--scb-avatar-initials-font:var(--scb-avatar-initials-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 14px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-small-letter-spacing, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-small-font-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))}:host([size="medium"]){--_size:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px))}:host([size="large"]){--_size:var(--scb-avatar-size-large, var(--scale-12, 56px));--scb-avatar-initials-font:var(--scb-avatar-initials-large-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-large-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 20px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-large-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-large-letter-spacing, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-large-font-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-large, var(--icon-size-large, 32px))}:host([size="extra-large"]),:host([size="xlarge"]){--_size:var(--scb-avatar-size-extra-large, var(--scale-13, 80px));--scb-avatar-initials-font:var(--scb-avatar-initials-extra-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-extra-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size, 28px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-extra-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height, 36px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-extra-large-letter-spacing, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-extra-large-font-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-extra-large, var(--icon-size-extra-extra-large, 48px))}:host([shape="circular"]){--_radius:var(--scb-avatar-shape-radius-circular, var(--radius-full, 1000px))}:host([shape="rounded"]){--_radius:var(--scb-avatar-shape-radius-rounded, var(--radius-s, 8px))}:host([shape="square"]){--_radius:var(--scb-avatar-shape-radius-square, var(--radius-none, 0px))}.container{inline-size:var(--_size);block-size:var(--_size);border-radius:var(--_radius);position:relative;overflow:hidden;user-select:none;line-height:1;border:var(--_border);display:grid;place-items:center}:host([variant="image"]) .container{background:0 0}:host([variant="image"]) img.photo{width:100%;height:100%;object-fit:cover;display:block}:host([variant="icon"]) .container{background:var(--_bg);color:var(--_fg)}md-icon{--md-icon-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1}img.icon{width:var(--_icon-size);height:var(--_icon-size);object-fit:contain;display:block}.fallback{display:grid;place-items:center;width:100%;height:100%;font-family:var(--scb-avatar-initials-font, var(--brand-font, Inter, system-ui, sans-serif));font-size:var(--_font-size);font-weight:var(--scb-avatar-initials-font-weight, var(--weight-semibold, 600));line-height:var(--scb-avatar-initials-line-height, 1);letter-spacing:var(--scb-avatar-initials-letter-spacing, .01em);text-transform:uppercase;color:var(--_fg);background:var(--_bg)}:host([variant="image"]) .fallback{color:var(--_image-fallback-fg);background:var(--_image-fallback-bg)}::slotted([slot=icon]){width:var(--_icon-size);height:var(--_icon-size);font-size:var(--_icon-size);line-height:1}:host(:focus-visible) .container{outline:var(--md-focus-ring-width, 2px) solid var(--md-focus-ring-color, var(--p-40));outline-offset:2px;border-radius:var(--_radius)}`,p);function d(){const r=this.mapSpacingToken(this.spacing),a=this.mapSpacingToken(this.spacingTop)??r,i=this.mapSpacingToken(this.spacingBottom)??r,l=this.mapSpacingToken(this.spacingLeft)??r,o=this.mapSpacingToken(this.spacingRight)??r;a?this.style.setProperty("--scb-avatar-spacing-block-start",a):this.style.removeProperty("--scb-avatar-spacing-block-start"),i?this.style.setProperty("--scb-avatar-spacing-block-end",i):this.style.removeProperty("--scb-avatar-spacing-block-end"),l?this.style.setProperty("--scb-avatar-spacing-inline-start",l):this.style.removeProperty("--scb-avatar-spacing-inline-start"),o?this.style.setProperty("--scb-avatar-spacing-inline-end",o):this.style.removeProperty("--scb-avatar-spacing-inline-end")}e([s({type:String})],t.prototype,"src",void 0);e([s({type:String})],t.prototype,"alt",void 0);e([s({type:String})],t.prototype,"label",void 0);e([s({type:String,reflect:!0})],t.prototype,"size",void 0);e([s({type:String,reflect:!0})],t.prototype,"shape",void 0);e([s({type:String,attribute:"icon-name",reflect:!0})],t.prototype,"iconName",void 0);e([s({type:String,reflect:!0})],t.prototype,"variant",void 0);e([s({type:String,reflect:!0})],t.prototype,"spacing",void 0);e([s({type:String,attribute:"spacing-top",reflect:!0})],t.prototype,"spacingTop",void 0);e([s({type:String,attribute:"spacing-bottom",reflect:!0})],t.prototype,"spacingBottom",void 0);e([s({type:String,attribute:"spacing-left",reflect:!0})],t.prototype,"spacingLeft",void 0);e([s({type:String,attribute:"spacing-right",reflect:!0})],t.prototype,"spacingRight",void 0);e([y()],t.prototype,"_imgError",void 0);e([y()],t.prototype,"_hasIconSlot",void 0);t=e([u("scb-avatar")],t);export{t as ScbAvatar};
|