scb-wc 0.1.239 → 0.1.240
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 +16 -19
- package/all.d.ts +0 -14
- package/all.js +0 -14
- package/index.js +85 -99
- package/mvc/components/all.js +0 -9
- 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/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 +3 -3
- package/mvc/components/scb-drop-zone/scb-drop-zone.js +1 -1
- package/mvc/components/scb-dropdown/scb-dropdown.js +1 -1
- 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 +5 -5
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +6 -6
- package/mvc/components/scb-link/scb-link.js +1 -1
- package/mvc/components/scb-link-button/scb-link-button.js +1 -1
- package/mvc/components/scb-list/scb-list-item.js +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 +176 -34
- package/mvc/components/scb-toc/scb-toc-item.js +1 -1
- package/mvc/components/scb-tooltip/scb-tooltip.js +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 -12
- package/scb-viz/scb-viz-series-differentiation-registry.js +7 -10
- package/scb-viz/scb-viz.js +43 -43
- package/scb-wc.bundle.js +286 -407
- package/scb-wc.d.ts +0 -28
- package/shared/scb-icon-svg.js +2 -5
- package/mvc/components/scb-datepicker/scb-datepicker.js +0 -143
- package/mvc/components/scb-table-next/read-table.js +0 -1
- package/mvc/components/scb-table-next/scb-table-next.js +0 -6
- 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 -108
- package/scb-components/scb-table-next/read-table.d.ts +0 -29
- package/scb-components/scb-table-next/scb-table-next.d.ts +0 -22
- 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/scb-table-next/read-table.js +0 -87
- package/scb-table-next/scb-table-next.js +0 -226
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
|
|
@@ -38,7 +35,7 @@ Byt `html` mot:
|
|
|
38
35
|
Kör kommandot i mappen där appens `package.json` ligger:
|
|
39
36
|
|
|
40
37
|
```sh
|
|
41
|
-
npm install scb-wc
|
|
38
|
+
npm install scb-wc
|
|
42
39
|
```
|
|
43
40
|
|
|
44
41
|
Importera CSS och bara de komponenter som sidan använder:
|
|
@@ -57,9 +54,9 @@ Lägg sedan komponenten i sidan:
|
|
|
57
54
|
|
|
58
55
|
### Nästa steg
|
|
59
56
|
|
|
60
|
-
- Öppna Kom igång i [
|
|
61
|
-
- Öppna [mallar och exempel](https://
|
|
62
|
-
- Öppna [komponentöversikten](https://
|
|
57
|
+
- Öppna Kom igång i [Prod Storybook](https://webcomponents.scb.intra/?path=/docs/docs-kom-igång--beskrivning) för HTML/CSS, React och MVC.
|
|
58
|
+
- Ö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.
|
|
59
|
+
- Öppna [komponentöversikten](https://webcomponents.scb.intra/?path=/story/components-översikt-alla-komponenter-exposé--expose) när du vill välja nästa komponent.
|
|
63
60
|
|
|
64
61
|
## Kort referens
|
|
65
62
|
|
|
@@ -87,11 +84,11 @@ Webbplatsmallarna använder standardläget. Service- och appmallarna laddar Comp
|
|
|
87
84
|
|
|
88
85
|
### MVC och statiska webbplatser
|
|
89
86
|
|
|
90
|
-
Paketets färdiga MVC-filer ligger i `node_modules/scb-wc/mvc/`. Följ det kopierbara MVC-exemplet i [Kom igång](https://
|
|
87
|
+
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.
|
|
91
88
|
|
|
92
89
|
### Fonter och egna ikoner
|
|
93
90
|
|
|
94
|
-
Vanliga appar använder `scb-wc.css`. Selfhost och egna Material Symbols-subset är avancerade val. Följ [Foundations/Icons](https://
|
|
91
|
+
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`.
|
|
95
92
|
|
|
96
93
|
### Bundlad version
|
|
97
94
|
|
|
@@ -113,18 +110,18 @@ Kör först i appens mapp:
|
|
|
113
110
|
npm outdated scb-wc
|
|
114
111
|
```
|
|
115
112
|
|
|
116
|
-
Om en ny version finns, läs [Uppdatera SCB Web Components](https://
|
|
113
|
+
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.
|
|
117
114
|
|
|
118
115
|
Uppdatera sedan paketet, bygg appen och kör appens vanliga tester:
|
|
119
116
|
|
|
120
117
|
```sh
|
|
121
|
-
npm install scb-wc
|
|
118
|
+
npm install scb-wc
|
|
122
119
|
```
|
|
123
120
|
|
|
124
121
|
För MVC behöver du även köra appens befintliga kopieringsscript efter installationen. Exakta steg finns på uppdateringssidan.
|
|
125
122
|
|
|
126
123
|
## Viktigt
|
|
127
124
|
|
|
128
|
-
- `scb-wc@
|
|
125
|
+
- `scb-wc@latest` är produktionskanalen. Använd `scb-wc@next` för komponenter under utveckling och experiment.
|
|
129
126
|
- Kör alltid npm-kommandon i mappen där appens `package.json` ligger.
|
|
130
127
|
- Ladda inte samma komponent på flera sätt på samma sida.
|
package/all.d.ts
CHANGED
|
@@ -18,12 +18,10 @@ import './scb-components/scb-card/scb-list-card.js';
|
|
|
18
18
|
import './scb-components/scb-card/scb-social-card.js';
|
|
19
19
|
import './scb-components/scb-checkbox/scb-checkbox-group.js';
|
|
20
20
|
import './scb-components/scb-checkbox/scb-checkbox.js';
|
|
21
|
-
import './scb-components/scb-chevron/scb-chevron.js';
|
|
22
21
|
import './scb-components/scb-chip/scb-chip.js';
|
|
23
22
|
import './scb-components/scb-collapse/scb-collapse.js';
|
|
24
23
|
import './scb-components/scb-container-card/scb-container-card.js';
|
|
25
24
|
import './scb-components/scb-cookies-consent/scb-cookies-consent.js';
|
|
26
|
-
import './scb-components/scb-datepicker/scb-datepicker.js';
|
|
27
25
|
import './scb-components/scb-dialog/scb-dialog.js';
|
|
28
26
|
import './scb-components/scb-divider/scb-divider.js';
|
|
29
27
|
import './scb-components/scb-drawer/scb-drawer.js';
|
|
@@ -85,8 +83,6 @@ import './scb-components/scb-stepper/scb-step.js';
|
|
|
85
83
|
import './scb-components/scb-stepper/scb-stepper.js';
|
|
86
84
|
import './scb-components/scb-switch/scb-switch.js';
|
|
87
85
|
import './scb-components/scb-table-advanced/scb-table-advanced.js';
|
|
88
|
-
import './scb-components/scb-table-next/read-table.js';
|
|
89
|
-
import './scb-components/scb-table-next/scb-table-next.js';
|
|
90
86
|
import './scb-components/scb-table/scb-table.js';
|
|
91
87
|
import './scb-components/scb-tabs/scb-primary-tab.js';
|
|
92
88
|
import './scb-components/scb-tabs/scb-secondary-tab.js';
|
|
@@ -95,14 +91,4 @@ import './scb-components/scb-textfield/scb-textfield.js';
|
|
|
95
91
|
import './scb-components/scb-toc/scb-toc-item.js';
|
|
96
92
|
import './scb-components/scb-toc/scb-toc.js';
|
|
97
93
|
import './scb-components/scb-tooltip/scb-tooltip.js';
|
|
98
|
-
import './scb-components/scb-viz/scb-viz-actions-runtime.js';
|
|
99
|
-
import './scb-components/scb-viz/scb-viz-print-runtime.js';
|
|
100
|
-
import './scb-components/scb-viz/scb-viz-series-differentiation-registry.js';
|
|
101
|
-
import './scb-components/scb-viz/scb-viz-series-differentiation-runtime.js';
|
|
102
|
-
import './scb-components/scb-viz/scb-viz-table-runtime.js';
|
|
103
94
|
import './scb-components/scb-viz/scb-viz.js';
|
|
104
|
-
import './scb-components/shared/component-size-token.js';
|
|
105
|
-
import './scb-components/shared/lazy-focus-ring.js';
|
|
106
|
-
import './scb-components/shared/lazy-ripple.js';
|
|
107
|
-
import './scb-components/shared/manual-popover.js';
|
|
108
|
-
import './scb-components/shared/scb-icon-svg.js';
|
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';
|
|
@@ -85,8 +83,6 @@ import './scb-stepper/scb-step.js';
|
|
|
85
83
|
import './scb-stepper/scb-stepper.js';
|
|
86
84
|
import './scb-switch/scb-switch.js';
|
|
87
85
|
import './scb-table-advanced/scb-table-advanced.js';
|
|
88
|
-
import './scb-table-next/read-table.js';
|
|
89
|
-
import './scb-table-next/scb-table-next.js';
|
|
90
86
|
import './scb-table/scb-table.js';
|
|
91
87
|
import './scb-tabs/scb-primary-tab.js';
|
|
92
88
|
import './scb-tabs/scb-secondary-tab.js';
|
|
@@ -95,14 +91,4 @@ import './scb-textfield/scb-textfield.js';
|
|
|
95
91
|
import './scb-toc/scb-toc-item.js';
|
|
96
92
|
import './scb-toc/scb-toc.js';
|
|
97
93
|
import './scb-tooltip/scb-tooltip.js';
|
|
98
|
-
import './scb-viz/scb-viz-actions-runtime.js';
|
|
99
|
-
import './scb-viz/scb-viz-print-runtime.js';
|
|
100
|
-
import './scb-viz/scb-viz-series-differentiation-registry.js';
|
|
101
|
-
import './scb-viz/scb-viz-series-differentiation-runtime.js';
|
|
102
|
-
import './scb-viz/scb-viz-table-runtime.js';
|
|
103
94
|
import './scb-viz/scb-viz.js';
|
|
104
|
-
import './shared/component-size-token.js';
|
|
105
|
-
import './shared/lazy-focus-ring.js';
|
|
106
|
-
import './shared/lazy-ripple.js';
|
|
107
|
-
import './shared/manual-popover.js';
|
|
108
|
-
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,70 +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 { ScbFactCardContent as
|
|
52
|
-
import { ScbFactCard as
|
|
53
|
-
import { ScbFooterSection as
|
|
54
|
-
import { ScbGridItem as
|
|
55
|
-
import { ScbStack as
|
|
56
|
-
import { ScbGrid as
|
|
57
|
-
import { ScbFooter as
|
|
58
|
-
import { ScbIcon as
|
|
59
|
-
import { ScbNotificationCard as
|
|
60
|
-
import { ScbFormErrorSummary as
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
|
|
101
|
-
import { ScbToc as Ye } from "./scb-toc/scb-toc.js";
|
|
102
|
-
import { buildScbVizExportFileName as Xe, createScbVizCsvBlob as Ze, createScbVizRasterBlobFromElement as Qe, createScbVizRasterDataUrlFromElement as $e, downloadScbVizBlob as et, getScbVizCurrentFullscreenElement as tt, getScbVizExportBaseFileName as nt, getScbVizFullscreenDocument as rt, isScbVizFullscreenSupported as it, openScbVizPrintFrame as at, runWithScbVizForcedPrintLightMode as ot, toggleScbVizFullscreen as st } from "./scb-viz/scb-viz-actions-runtime.js";
|
|
103
|
-
import { buildScbVizPrintDocumentHtml as ct, buildScbVizPrintableFooterHtml as lt, buildScbVizPrintableTableHtml as ut } from "./scb-viz/scb-viz-print-runtime.js";
|
|
104
|
-
import { appendScbVizSeriesDifferentiationPatternMarks as dt, getScbVizSeriesDifferentiationPatternDefinition as ft, getScbVizSeriesDifferentiationPatternKinds as pt, getScbVizSeriesDifferentiationRegistry as mt, getScbVizSeriesDifferentiationVariant as ht, scbVizSeriesDifferentiationRegistry as gt } from "./scb-viz/scb-viz-series-differentiation-registry.js";
|
|
105
|
-
import { clearScbVizSeriesDifferentiationColorClass as _t, clearScbVizSeriesDifferentiationMetadata as vt, ensureScbVizGroupedSeriesDifferentiationStore as yt, ensureScbVizStyledModeSeriesPattern as bt, getScbVizGroupedSeriesDifferentiationKey as xt, getScbVizGroupedSeriesDifferentiationVariant as St, getScbVizGroupedSeriesDifferentiationVariantIndex as Ct, getScbVizHighchartsColorClassName as wt, getScbVizHighchartsSvgElement as Tt, getScbVizHighchartsSvgRoot as Et, getScbVizLegendSeriesDifferentiationTargets as Dt, getScbVizSeriesDifferentiationColorIndex as Ot, getScbVizSeriesDifferentiationVariantByIndex as kt, isScbVizGroupedSeriesDifferentiationChart as At, isScbVizHighchartsStyledMode as jt, setScbVizSeriesDifferentiationColorClass as Mt, setScbVizSeriesDifferentiationMetadata as Nt, shouldShowScbVizSeriesDifferentiationAction as Pt, usesScbVizGroupedPointDifferentiation as Ft } from "./scb-viz/scb-viz-series-differentiation-runtime.js";
|
|
106
|
-
import { buildScbVizResolvedTableView as It, createScbVizCsvRows as Lt, inferScbVizTableAlignments as Rt, normalizeScbVizRenderableCell as zt, readScbVizTableDataFromSlot as Bt } from "./scb-viz/scb-viz-table-runtime.js";
|
|
107
|
-
import { ScbViz as Vt } from "./scb-viz/scb-viz.js";
|
|
108
|
-
import { ensureRippleReady as Ht, syncRippleToControl as Ut } from "./shared/lazy-ripple.js";
|
|
109
|
-
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, Ge as ScbPrimaryTab, De as ScbProgressIndicator, Oe as ScbProgressStep, ke as ScbProgressStepper, I as ScbRadioButton, F as ScbRadioGroup, Ae as ScbScrollspy, S as ScbSearch, Ke 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, We as ScbTableNext, qe as ScbTabs, M as ScbTextField, Ye as ScbToc, Je as ScbTocItem, j as ScbTooltip, Vt as ScbViz, xe as ScbmenuSection, e as addLazyFocusRingListeners, dt as appendScbVizSeriesDifferentiationPatternMarks, Xe as buildScbVizExportFileName, ct as buildScbVizPrintDocumentHtml, lt as buildScbVizPrintableFooterHtml, ut as buildScbVizPrintableTableHtml, It as buildScbVizResolvedTableView, _t as clearScbVizSeriesDifferentiationColorClass, vt as clearScbVizSeriesDifferentiationMetadata, _ as closeManualPopover, v as closeManualPopoverAfterAnimations, y as closeNestedPopupSurfaces, i as componentSizeToken, Ze as createScbVizCsvBlob, Lt as createScbVizCsvRows, Qe as createScbVizRasterBlobFromElement, $e as createScbVizRasterDataUrlFromElement, et as downloadScbVizBlob, t as ensureFocusRingOnFocusVisible, n as ensureFocusRingOnTab, r as ensureFocusRingReady, Ht as ensureRippleReady, yt as ensureScbVizGroupedSeriesDifferentiationStore, bt as ensureScbVizStyledModeSeriesPattern, tt as getScbVizCurrentFullscreenElement, nt as getScbVizExportBaseFileName, rt as getScbVizFullscreenDocument, xt as getScbVizGroupedSeriesDifferentiationKey, St as getScbVizGroupedSeriesDifferentiationVariant, Ct as getScbVizGroupedSeriesDifferentiationVariantIndex, wt as getScbVizHighchartsColorClassName, Tt as getScbVizHighchartsSvgElement, Et as getScbVizHighchartsSvgRoot, Dt as getScbVizLegendSeriesDifferentiationTargets, Ot as getScbVizSeriesDifferentiationColorIndex, ft as getScbVizSeriesDifferentiationPatternDefinition, pt as getScbVizSeriesDifferentiationPatternKinds, mt as getScbVizSeriesDifferentiationRegistry, ht as getScbVizSeriesDifferentiationVariant, kt as getScbVizSeriesDifferentiationVariantByIndex, ce as hasScbSvgIcon, Rt as inferScbVizTableAlignments, b as isManualPopoverOpen, it as isScbVizFullscreenSupported, At as isScbVizGroupedSeriesDifferentiationChart, jt as isScbVizHighchartsStyledMode, zt as normalizeScbVizRenderableCell, x as openManualPopover, at as openScbVizPrintFrame, Bt as readScbVizTableDataFromSlot, Ue as readTable, le as renderScbIcon, ot as runWithScbVizForcedPrintLightMode, gt as scbVizSeriesDifferentiationRegistry, Mt as setScbVizSeriesDifferentiationColorClass, Nt as setScbVizSeriesDifferentiationMetadata, Pt as shouldShowScbVizSeriesDifferentiationAction, Ut as syncRippleToControl, st as toggleScbVizFullscreen, Ft 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 { ScbFactCardContent as B } from "./scb-fact-card/scb-fact-card-content.js";
|
|
47
|
+
import { ScbFactCard as V } from "./scb-fact-card/scb-fact-card.js";
|
|
48
|
+
import { ScbFooterSection as H } from "./scb-footer/scb-footer-section.js";
|
|
49
|
+
import { ScbGridItem as U } from "./scb-grid/scb-grid-item.js";
|
|
50
|
+
import { ScbStack as W } from "./scb-grid/scb-stack.js";
|
|
51
|
+
import { ScbGrid as G } from "./scb-grid/scb-grid.js";
|
|
52
|
+
import { ScbFooter as K } from "./scb-footer/scb-footer.js";
|
|
53
|
+
import { ScbIcon as q } from "./scb-icon/scb-icon.js";
|
|
54
|
+
import { ScbNotificationCard as J } from "./scb-notification-card/scb-notification-card.js";
|
|
55
|
+
import { ScbFormErrorSummary as Y } from "./scb-form-error-summary/scb-form-error-summary.js";
|
|
56
|
+
import { ScbHorizontalScroller as X } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
|
|
57
|
+
import { ScbOverlay as Z } from "./scb-overlay/scb-overlay.js";
|
|
58
|
+
import { ScbGalleryGrid as Q } from "./scb-gallery-grid/scb-gallery-grid.js";
|
|
59
|
+
import { ScbHeaderMenuGroup as $ } from "./scb-header/scb-header-menu-group.js";
|
|
60
|
+
import { ScbHeaderMenuItem as ee } from "./scb-header/scb-header-menu-item.js";
|
|
61
|
+
import { ScbHeaderTab as te } from "./scb-header/scb-header-tab.js";
|
|
62
|
+
import { ScbHeaderUtility as ne } from "./scb-header/scb-header-utility.js";
|
|
63
|
+
import { ScbHeader as re } from "./scb-header/scb-header.js";
|
|
64
|
+
import { ScbKeyFigureCard as ie } from "./scb-keyfigure-card/scb-keyfigure-card.js";
|
|
65
|
+
import { ScbLinkButton as ae } from "./scb-link-button/scb-link-button.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, V as ScbFactCard, B as ScbFactCardContent, K as ScbFooter, H as ScbFooterSection, Y as ScbFormErrorSummary, Q as ScbGalleryGrid, G as ScbGrid, U as ScbGridItem, re as ScbHeader, $ as ScbHeaderMenuGroup, ee as ScbHeaderMenuItem, te as ScbHeaderTab, ne as ScbHeaderUtility, X as ScbHorizontalScroller, q as ScbIcon, u as ScbIconButton, ie as ScbKeyFigureCard, m as ScbLink, ae as ScbLinkButton, s as ScbLinkCard, k as ScbList, c as ScbListCard, O as ScbListItem, le as ScbMenu, oe as ScbMenuItem, de as ScbNav, ue as ScbNavItem, J as ScbNotificationCard, R as ScbOptionsMenu, I as ScbOptionsMenuItem, L as ScbOptionsSubMenu, Z 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, W 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';
|
|
@@ -85,8 +83,6 @@ import './scb-stepper/scb-step.js';
|
|
|
85
83
|
import './scb-stepper/scb-stepper.js';
|
|
86
84
|
import './scb-switch/scb-switch.js';
|
|
87
85
|
import './scb-table-advanced/scb-table-advanced.js';
|
|
88
|
-
import './scb-table-next/read-table.js';
|
|
89
|
-
import './scb-table-next/scb-table-next.js';
|
|
90
86
|
import './scb-table/scb-table.js';
|
|
91
87
|
import './scb-tabs/scb-primary-tab.js';
|
|
92
88
|
import './scb-tabs/scb-secondary-tab.js';
|
|
@@ -101,8 +97,3 @@ import './scb-viz/scb-viz-print-runtime.js';
|
|
|
101
97
|
import './scb-viz/scb-viz-series-differentiation-registry.js';
|
|
102
98
|
import './scb-viz/scb-viz-series-differentiation-runtime.js';
|
|
103
99
|
import './scb-viz/scb-viz-table-runtime.js';
|
|
104
|
-
import './shared/component-size-token.js';
|
|
105
|
-
import './shared/lazy-focus-ring.js';
|
|
106
|
-
import './shared/lazy-ripple.js';
|
|
107
|
-
import './shared/manual-popover.js';
|
|
108
|
-
import './shared/scb-icon-svg.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{g as l,h as p,m as v,p as n,v as o,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{
|
|
1
|
+
import{g as l,h as p,m as v,p as n,v as o,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{n as u}from"../../vendor/lazy-focus-ring.js";import{t as y}from"../../vendor/component-size-token.js";import{t as r}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 i=customElements.define.bind(customElements);customElements.define=function(e,c,g){try{customElements.get(e)||i(e,c,g)}catch(s){var a=String(s||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,m,t=(d=class extends p{constructor(...i){super(...i),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=m._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=e=>{e.preventDefault();const c=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,c),this.setOpen(c)},this._onToggle=e=>{const c=e.currentTarget;c.open||(c.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${m._uidPrefix}-${++m._uidSeq}`}static get observedAttributes(){const i=super.observedAttributes||[];return i.includes("title")?i:[...i,"title"]}attributeChangedCallback(i,e,c){if(i==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(i,e,c),i==="title"&&c!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const i=this.renderRoot.querySelector(".scb-accordion-bottom");i&&(this.open?(i.removeAttribute("inert"),i.setAttribute("aria-hidden","false")):(i.setAttribute("inert",""),i.setAttribute("aria-hidden","true")))}_onKeyDown(i){const e=this.closest("scb-accordion"),c=Array.from(e?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),g=i.currentTarget,a=c.indexOf(g);switch(i.key){case"ArrowDown":i.preventDefault(),a<c.length-1&&c[a+1].focus();break;case"ArrowUp":i.preventDefault(),a>0&&c[a-1].focus();break;case"Home":i.preventDefault(),c.length&&c[0].focus();break;case"End":i.preventDefault(),c.length&&c[c.length-1].focus();break}}setOpen(i){this.open=!!i;const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen()}updated(i){if(i.has("open")){const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const i=`bottom-${this._unique}`,e=`header-${this._unique}`,c=this.closest("scb-accordion")?.getAttribute("size")||"large",g=y(this,`--scb-accordion-item-design-leading-avatar-component-size-${c}`,["small","medium","large","extra-large"],"medium"),a=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?o`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?o`
|
|
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 e}from"../../vendor/decorate.js";import{t as a}from"../../vendor/assertClassBrand.js";import{t as A}from"../../vendor/classPrivateMethodInitSpec.js";import"./scb-accordion-item.js";import"../scb-button/scb-button.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,r,l){try{customElements.get(t)||i(t,r,l)}catch(b){var g=String(b||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var o,d,s=(o=new WeakSet,d=class extends v{constructor(...i){super(...i),A(this,o),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(o,this,m))}disconnectedCallback(){this.removeEventListener("open-changed",a(o,this,m)),super.disconnectedCallback()}render(){const i=!this.singleOpen&&this.showCloseAll,t=i?a(o,this,O).call(this):!1;return h`
|
|
2
2
|
<div class="scb-accordion" ?single-open=${this.singleOpen}>
|
|
3
3
|
${i?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 as l,v,y as N}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{
|
|
1
|
+
import{h as M,m as q,p as l,v,y as N}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as k}from"../../vendor/component-size-token.js";import{t as I}from"../../vendor/component-defaults.js";import{t as p}from"../../vendor/decorate.js";import{t as i}from"../../vendor/assertClassBrand.js";import{t as F}from"../../vendor/classPrivateMethodInitSpec.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 x}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 a=customElements.define.bind(customElements);customElements.define=function(r,s,b){try{customElements.get(r)||a(r,s,b)}catch(c){var g=String(c||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var t,u,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=(t=new WeakSet,u=class extends M{constructor(...a){super(...a),F(this,t),this.title="",this.appBarTitle="",this.size=I["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(t,this,h).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,x(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(a){a.target.assignedElements({flatten:!0}).forEach(r=>{i(t,this,T).call(this,r)}),i(t,this,h).call(this)}handleAvatarSlotChange(a){a.target.assignedElements({flatten:!0}).forEach(r=>{i(t,this,A).call(this,r)}),i(t,this,h).call(this)}firstUpdated(){i(t,this,w).call(this),i(t,this,R).call(this),i(t,this,_).call(this)}updated(a){if((a.has("title")||a.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(i(t,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(i(t,this))},bubbles:!0,composed:!0}))),a.has("position")){const r=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?U(r):x(r),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}a.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),a.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:d.call(i(t,this))},bubbles:!0,composed:!0})),a.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:o.call(i(t,this))},bubbles:!0,composed:!0})),(a.has("type")||a.has("size")||a.has("variant"))&&this.updateComplete.then(()=>{i(t,this,_).call(this)}),a.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(a.has("spacing")||a.has("spacingTop")||a.has("spacingBottom")||a.has("spacingLeft")||a.has("spacingRight"))&&i(t,this,w).call(this),i(t,this,R).call(this)}mapSpacingToken(a){if(!a)return;const r=String(a).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}render(){const a=o.call(i(t,this)),r=d.call(i(t,this)),s=k(this,`--scb-app-bar-design-search-component-size-${r}`,["extra-small","small","medium","large"],"small");return v`
|
|
2
2
|
<header class=${`variant-${a} size-${r} ${J.call(i(t,this))}`} role="banner" aria-label=${D.call(i(t,this))}>
|
|
3
3
|
<div class="leading">
|
|
4
4
|
<slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
|