@designsystem-se/af 38.0.1-beta.0 → 38.0.1-beta.2
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/components/digi-bar-chart.js +170 -70
- package/components/digi-calendar-datepicker.js +6 -5
- package/components/digi-chart-line.js +12 -8
- package/components/digi-code-block.js +1 -1
- package/components/digi-code-example.js +2 -2
- package/components/digi-dialog.js +1 -0
- package/components/digi-footer.js +1 -0
- package/components/digi-form-checkbox.js +1 -1
- package/components/digi-form-error-list.js +3 -4
- package/components/digi-form-filter.js +1 -1
- package/components/digi-form-radiobutton.js +1 -1
- package/components/digi-form-receipt.js +1 -0
- package/components/digi-form-select-filter.js +1 -0
- package/components/digi-header-navigation.js +1 -0
- package/components/digi-header.js +1 -0
- package/components/digi-navigation-pagination.js +1 -0
- package/components/digi-notification-alert.js +1 -1
- package/components/digi-notification-error-page.js +1 -0
- package/components/digi-progress-circle.js +1 -6
- package/components/digi-tablist.js +5 -5
- package/components/digi-tag.js +1 -1
- package/components/digi-title-logo.js +1 -0
- package/components/digi-tools-feedback.js +1 -0
- package/components/index.js +1 -0
- package/components/{p-57a1c472.js → p-13c09880.js} +2 -2
- package/components/{p-4d2d082d.js → p-75c8d67e.js} +1 -0
- package/components/{p-b24c2842.js → p-77d8d575.js} +2 -2
- package/components/{p-195ca01d.js → p-bc5b7057.js} +1 -0
- package/components/p-be4fd246.js +7 -0
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-bar-chart.cjs.entry.js +170 -70
- package/dist/cjs/digi-button_27.cjs.entry.js +1 -0
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +6 -5
- package/dist/cjs/digi-chart-line.cjs.entry.js +12 -8
- package/dist/cjs/digi-code-block_3.cjs.entry.js +3 -2
- package/dist/cjs/digi-dialog.cjs.entry.js +1 -0
- package/dist/cjs/digi-form-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-receipt.cjs.entry.js +1 -0
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +1 -0
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +1 -0
- package/dist/cjs/digi-notification-alert.cjs.entry.js +1 -0
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +1 -0
- package/dist/cjs/digi-progress-circle.cjs.entry.js +4 -9
- package/dist/cjs/digi-tablist.cjs.entry.js +5 -5
- package/dist/cjs/digi-tag.cjs.entry.js +1 -1
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +1 -0
- package/dist/cjs/index.cjs.js +7 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/progress-circle-role.enum-b7fdcf0c.js +7 -0
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +5 -5
- package/dist/collection/components/_chart/bar-chart/bar-chart.js +171 -70
- package/dist/collection/components/_chart/chart-line/chart-line.js +12 -8
- package/dist/collection/components/_form/form-checkbox/form-checkbox.js +2 -2
- package/dist/collection/components/_form/form-error-list/form-error-list.js +1 -7
- package/dist/collection/components/_form/form-radiobutton/form-radiobutton.js +2 -2
- package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js +5 -5
- package/dist/collection/components/_tag/tag/tag.js +1 -1
- package/dist/collection/enums.js +7 -0
- package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +0 -2
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/{p-60738889.entry.js → p-01874a31.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-18880083.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-d71c33d8.entry.js → p-37c0ea9e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-39468f49.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-501f9b16.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-d670e0e0.entry.js → p-54d5aa93.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-59073668.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8833044b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-97f66789.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-9dae073c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a186888d.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-be4fd246.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-0a6d26f7.entry.js → p-cea5ef63.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-67ba87db.entry.js → p-d3e14568.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-ddd659bf.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-e5bd5a7e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ef689144.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f0a405ca.entry.js +1 -0
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-bar-chart.entry.js +170 -70
- package/dist/esm/digi-button_27.entry.js +1 -0
- package/dist/esm/digi-calendar-datepicker.entry.js +6 -5
- package/dist/esm/digi-chart-line.entry.js +12 -8
- package/dist/esm/digi-code-block_3.entry.js +3 -2
- package/dist/esm/digi-dialog.entry.js +1 -0
- package/dist/esm/digi-form-checkbox.entry.js +2 -2
- package/dist/esm/digi-form-error-list.entry.js +2 -2
- package/dist/esm/digi-form-receipt.entry.js +1 -0
- package/dist/esm/digi-form-select-filter.entry.js +1 -0
- package/dist/esm/digi-navigation-pagination.entry.js +1 -0
- package/dist/esm/digi-notification-alert.entry.js +1 -0
- package/dist/esm/digi-notification-error-page.entry.js +1 -0
- package/dist/esm/digi-progress-circle.entry.js +1 -6
- package/dist/esm/digi-tablist.entry.js +5 -5
- package/dist/esm/digi-tag.entry.js +1 -1
- package/dist/esm/digi-tools-feedback.entry.js +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/progress-circle-role.enum-7737a2c6.js +7 -0
- package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +2 -2
- package/dist/types/components/_form/form-error-list/form-error-list.d.ts +0 -1
- package/dist/types/enums.d.ts +7 -0
- package/hydrate/index.js +204 -102
- package/hydrate/index.mjs +204 -102
- package/package.json +1 -1
- package/dist/digi-arbetsformedlingen/p-20693fa2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3566b732.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3cda17e1.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4d84c470.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-50b32151.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-54b6eb3f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5ad6d46d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6324c9bf.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9062da9b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9a456d55.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a26333e9.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e347aae8.entry.js +0 -1
|
@@ -723,7 +723,13 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
|
|
|
723
723
|
this._lineTypes = [null, '18, 7', '8,7', '2,6'];
|
|
724
724
|
this._strokeWidth = 2.75;
|
|
725
725
|
this._lineCap = 'round';
|
|
726
|
-
this._strokeGlyphs = [
|
|
726
|
+
this._strokeGlyphs = [
|
|
727
|
+
circle,
|
|
728
|
+
triangle,
|
|
729
|
+
square,
|
|
730
|
+
wye,
|
|
731
|
+
diamond2
|
|
732
|
+
];
|
|
727
733
|
this._toggled = false;
|
|
728
734
|
this._tickSize = 0;
|
|
729
735
|
// Selection list from legend chips
|
|
@@ -805,9 +811,7 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
|
|
|
805
811
|
.tickSize(-(this.dims.width - this.margin.left))
|
|
806
812
|
.tickFormat((d) => formatLocale(this.axisNumberFormat).format(this.formatStyle)(d)));
|
|
807
813
|
}
|
|
808
|
-
this._yAxisHandle
|
|
809
|
-
.selectAll('line')
|
|
810
|
-
.attr('stroke', '#BDBDBD');
|
|
814
|
+
this._yAxisHandle.selectAll('line').attr('stroke', '#BDBDBD');
|
|
811
815
|
this._yAxisHandle.select('.domain').attr('display', 'none');
|
|
812
816
|
if (init)
|
|
813
817
|
this.leftSetAxis(init);
|
|
@@ -886,7 +890,7 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
|
|
|
886
890
|
container
|
|
887
891
|
.selectAll('.legendSvg')
|
|
888
892
|
.filter((...[, i]) => {
|
|
889
|
-
return i >
|
|
893
|
+
return i > this._lineTypes.length - 1;
|
|
890
894
|
})
|
|
891
895
|
.append('path')
|
|
892
896
|
.attr('d', (...[, i]) => this.symbolType(i, 70))
|
|
@@ -1043,7 +1047,7 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
|
|
|
1043
1047
|
.selectAll('.symbolGroup')
|
|
1044
1048
|
.data(this.reshapeData(this._chartData.data.series.filter(
|
|
1045
1049
|
// Symbols are only needed, when we are out of line types
|
|
1046
|
-
(...[, index]) => index >
|
|
1050
|
+
(...[, index]) => index > this._lineTypes.length - 1)))
|
|
1047
1051
|
.join((enter) => {
|
|
1048
1052
|
if (!transition) {
|
|
1049
1053
|
enter
|
|
@@ -2037,7 +2041,7 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
|
|
|
2037
2041
|
.attr('class', 'linePath')
|
|
2038
2042
|
.attr('stroke', (d) => this.colorFunction(d))
|
|
2039
2043
|
.attr('stroke-linecap', this._lineCap)
|
|
2040
|
-
.attr('stroke-width', (d) =>
|
|
2044
|
+
.attr('stroke-width', (d) => d.length > 1 ? this._strokeWidth : 4)
|
|
2041
2045
|
.attr('fill', 'none')
|
|
2042
2046
|
.attr('stroke-dasharray', (d, i) => d.length > 1 ? this.dashFunction(d, i) : null)
|
|
2043
2047
|
.attr('d', (d) => this._LineFunc(d.line));
|
|
@@ -2307,7 +2311,7 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
|
|
|
2307
2311
|
heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
|
|
2308
2312
|
else
|
|
2309
2313
|
heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
|
|
2310
|
-
return (h("host", { key: '
|
|
2314
|
+
return (h("host", { key: 'a21c09ee91ccabf90f91d2344d301d26710f9a60', ref: (el) => (this._host = el) }, h("div", { key: 'c97af6a0bbc28675a19c843a3c355b35397e5804', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '76085c6924fd317d4a281e93ca4623b85f0fb867', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '241e30b3094e8eea86c7c24bb2a90f67ea04ef6f', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '5cc0d03d40d076481d14d0478390b131cdaa61f7', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '241d3e97b9a21f556b3e46cebc63c77ce106d26c', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: 'f0a5c78bc5e04db994559f2ce1a13c0e7285c36d', slot: "icon" }), "Visa diagram"), h("div", { key: 'f7ebab0f90d1a9f9a306470c93ccaaaf0461a9a7', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '75672c02d61a14741348dc183782df71f3a4db19', class: "chartTooltip", id: this.afId }, h("div", { key: 'b4e03381d825d68af2bdbf859458896c639b6559', class: "tooltipHead" }, h("digi-icon-x", { key: '1301ab00ff3818e0940e69f17aa09b296c04a86c', class: "close" }), ' '), h("div", { key: 'eb01d362db4495c0a3d4396ad4c71c2a952114ad', class: "tooltipBody" })), h("div", { key: 'accd6776d3db14c662ff84b2e826f6cf713ff38d', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '507dfba00c88d5b371fd8304053b9b7762506d25', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'cb3fc091c6a557bfd62e8f7d59863e973da0ee53', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
|
|
2311
2315
|
}
|
|
2312
2316
|
get element() { return this; }
|
|
2313
2317
|
static get watchers() { return {
|
|
@@ -4,9 +4,9 @@ import { b as ButtonVariation, B as ButtonSize } from './p-f518a4cf.js';
|
|
|
4
4
|
import { _ as _t } from './p-903a27d9.js';
|
|
5
5
|
import { r as randomIdGenerator } from './p-ffe5c0e8.js';
|
|
6
6
|
import { d as defineCustomElement$b } from './p-70fad0ea.js';
|
|
7
|
-
import { d as defineCustomElement$a } from './p-
|
|
7
|
+
import { d as defineCustomElement$a } from './p-bc5b7057.js';
|
|
8
8
|
import { d as defineCustomElement$9 } from './p-e78c723f.js';
|
|
9
|
-
import { d as defineCustomElement$8 } from './p-
|
|
9
|
+
import { d as defineCustomElement$8 } from './p-77d8d575.js';
|
|
10
10
|
import { d as defineCustomElement$7 } from './p-22bcbe8a.js';
|
|
11
11
|
import { d as defineCustomElement$6 } from './p-14119afa.js';
|
|
12
12
|
import { d as defineCustomElement$5 } from './p-7d7af765.js';
|
|
@@ -34,6 +34,7 @@ import './p-9dd41cc4.js';
|
|
|
34
34
|
import './p-40657c82.js';
|
|
35
35
|
import './p-f600576a.js';
|
|
36
36
|
import './p-3b20ec86.js';
|
|
37
|
+
import './p-be4fd246.js';
|
|
37
38
|
import './p-9dd5d6c8.js';
|
|
38
39
|
import './p-77a93845.js';
|
|
39
40
|
import './p-06f939ab.js';
|
|
@@ -55,7 +56,7 @@ import { d as defineCustomElement$7 } from './p-517dba78.js';
|
|
|
55
56
|
import { d as defineCustomElement$6 } from './p-9f757d46.js';
|
|
56
57
|
import { d as defineCustomElement$5 } from './p-210a5fb1.js';
|
|
57
58
|
import { d as defineCustomElement$4 } from './p-4b44f757.js';
|
|
58
|
-
import { d as defineCustomElement$3 } from './p-
|
|
59
|
+
import { d as defineCustomElement$3 } from './p-75c8d67e.js';
|
|
59
60
|
import { d as defineCustomElement$2 } from './p-2881b363.js';
|
|
60
61
|
|
|
61
62
|
const formErrorListCss = ".sc-digi-form-error-list-h{--digi--form-error-list--list--padding:var(--digi--gutter--smaller) 0 0 0;--digi--form-error-list--list--margin:0;--digi--form-error-list--item--padding:var(--digi--padding--smaller) 0 0 0;--digi--form-error-list--item--margin:0}.sc-digi-form-error-list-h .digi-form-error-list.sc-digi-form-error-list ul.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--list--padding);margin:var(--digi--form-error-list--list--margin)}.sc-digi-form-error-list-h .digi-form-error-list.sc-digi-form-error-list ul.sc-digi-form-error-list>li.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--item--padding);margin:var(--digi--form-error-list--item--margin)}";
|
|
@@ -67,7 +68,6 @@ const FormErrorList = /*@__PURE__*/ proxyCustomElement(class FormErrorList exten
|
|
|
67
68
|
this.__registerHost();
|
|
68
69
|
this.afOnClickLink = createEvent(this, "afOnClickLink", 7);
|
|
69
70
|
this.afOnReady = createEvent(this, "afOnReady", 3);
|
|
70
|
-
this.linkItems = [];
|
|
71
71
|
this.afHeading = undefined;
|
|
72
72
|
this.afHeadingLevel = FormErrorListHeadingLevel.H2;
|
|
73
73
|
this.afDescription = undefined;
|
|
@@ -108,7 +108,7 @@ const FormErrorList = /*@__PURE__*/ proxyCustomElement(class FormErrorList exten
|
|
|
108
108
|
this.afOnClickLink.emit({ id });
|
|
109
109
|
}
|
|
110
110
|
render() {
|
|
111
|
-
return (h("div", { key: '
|
|
111
|
+
return (h("div", { key: '59bc43d4b3dd0149647b50203cc1ae585d829006', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: 'a2b034276ff7549c9c0711202020e3753da7808d', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: '3a61c65373b92a73694770f851c6727e27f853e7', "af-variation": TypographyVariation.SMALL }, h("p", { key: 'a088b4d084f5a6db85cedcb4f469f4dff803f8f6', class: "digi-form-error-list__description" }, this.afDescription))), h("slot", { key: '794c42cdece0d06945255b70a96a6992eb4dcd4c' }))));
|
|
112
112
|
}
|
|
113
113
|
get hostElement() { return this; }
|
|
114
114
|
static get style() { return DigiFormErrorListStyle0; }
|
|
@@ -119,7 +119,6 @@ const FormErrorList = /*@__PURE__*/ proxyCustomElement(class FormErrorList exten
|
|
|
119
119
|
"afId": [1, "af-id"],
|
|
120
120
|
"afOverrideLink": [4, "af-override-link"],
|
|
121
121
|
"afEnableHeadingFocus": [4, "af-enable-heading-focus"],
|
|
122
|
-
"linkItems": [32],
|
|
123
122
|
"afMSetHeadingFocus": [64]
|
|
124
123
|
}, [[0, "afOnClick", "clickResponse"]]]);
|
|
125
124
|
function defineCustomElement$1() {
|
|
@@ -5,7 +5,7 @@ import { d as detectClickOutside } from './p-430607cb.js';
|
|
|
5
5
|
import { d as detectFocusOutside } from './p-ee33960b.js';
|
|
6
6
|
import { _ as _t } from './p-903a27d9.js';
|
|
7
7
|
import { d as defineCustomElement$4 } from './p-70fad0ea.js';
|
|
8
|
-
import { d as defineCustomElement$3 } from './p-
|
|
8
|
+
import { d as defineCustomElement$3 } from './p-13c09880.js';
|
|
9
9
|
import { d as defineCustomElement$2 } from './p-14119afa.js';
|
|
10
10
|
|
|
11
11
|
const formFilterCss = ".sc-digi-form-filter-h{--digi--form-filter--footer--background:var(--digi--color--background--secondary-accent);--digi--form-filter--scroll--max-height:18.75rem;--digi--form-filter--scroll--max-height--large:23.4275rem;--digi--form-filter--scroll--padding:var(--digi--padding--small);--digi--form-filter--reset-button--margin-left:var(--digi--padding--small);--digi--form-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);--digi--form-filter--list--margin:0;--digi--form-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-filter--dropdown--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--form-filter--dropdown--border-radius:var(--digi--border--radius--primary);--digi--form-filter--dropdown--background:var(--digi--color--background--primary);--digi--form-filter--dropdown--min-width:18.75rem;--digi--form-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-filter--dropdown--z-index:999;--digi--form-filter--toggle-button-indicator--color--default:transparent;--digi--form-filter--toggle-button-indicator--color--active:var(--digi--color--marking--indication--primary);--digi--form-filter--toggle-button-indicator--width:0.625rem;--digi--form-filter--toggle-button-indicator--height:0.625rem;--digi--form-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-filter--toggle-icon--width:0.875rem;--digi--form-filter--toggle-icon--height:0.875rem;--digi--form-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop)}.sc-digi-form-filter-h .digi-form-filter.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--default);--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height);position:relative}.sc-digi-form-filter-h .digi-form-filter--open.sc-digi-form-filter .digi-form-filter__toggle-icon.sc-digi-form-filter{transform:rotate(-180deg)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter{transition:var(--digi--form-filter--toggle-icon--transition)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter-s>[slot^=icon],.sc-digi-form-filter-h .digi-form-filter__toggle-icon .sc-digi-form-filter-s>[slot^=icon]{--digi--icon--width:var(--digi--form-filter--toggle-icon--width);--digi--icon--height:var(--digi--form-filter--toggle-icon--height)}.sc-digi-form-filter-h .digi-form-filter__legend.sc-digi-form-filter{font-weight:var(--digi--form-filter--legend--font-weight);font-family:var(--digi--form-filter--legend--font-family);font-size:var(--digi--form-filter--legend--font-size)}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto;padding:var(--digi--form-filter--scroll--padding);overflow-x:hidden}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height--large)}}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter fieldset.sc-digi-form-filter{border:none}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter legend.sc-digi-form-filter{width:100%;border-bottom:var(--digi--form-filter--legend__border-bottom);padding-bottom:0.25rem}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter .legend-hidden.sc-digi-form-filter{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-form-filter-h .digi-form-filter__footer.sc-digi-form-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-filter--footer--background);padding:var(--digi--form-filter--scroll--padding)}.sc-digi-form-filter-h .digi-form-filter__reset-button.sc-digi-form-filter{display:inline-block;margin-left:var(--digi--form-filter--reset-button--margin-left)}.sc-digi-form-filter-h .digi-form-filter__dropdown.sc-digi-form-filter{min-width:var(--digi--form-filter--dropdown--min-width);position:absolute;z-index:var(--digi--form-filter--dropdown--z-index);background:var(--digi--form-filter--dropdown--background);border-radius:var(--digi--form-filter--dropdown--border-radius);box-shadow:var(--digi--form-filter--dropdown--box-shadow);overflow:hidden;margin-top:var(--digi--form-filter--dropdown--margin-top)}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__dropdown--right.sc-digi-form-filter{right:0}}.sc-digi-form-filter-h .digi-form-filter__dropdown--hidden.sc-digi-form-filter{display:none}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator.sc-digi-form-filter:before{content:\"\";width:var(--digi--form-filter--toggle-button-indicator--width);height:var(--digi--form-filter--toggle-button-indicator--height);background:var(--INDICATOR--BACKGROUND);display:inline-block;margin-right:var(--digi--form-filter--toggle-button-indicator--margin-right);border-radius:50% 50%;overflow:hidden;margin-left:var(--digi--form-filter--toggle-button-indicator--margin-left)}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator--active.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--active)}.sc-digi-form-filter-h .digi-form-filter__list.sc-digi-form-filter{margin:var(--digi--form-filter--list--margin);padding:var(--digi--form-filter--list--padding)}.sc-digi-form-filter-h .digi-form-filter__item.sc-digi-form-filter{display:block}.sc-digi-form-filter-h .digi-form-filter__toggle-button-text.sc-digi-form-filter{margin-right:var(--digi--form-filter--toggle-button--text--margin-right)}";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { N as NotificationAlert, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { N as NotificationAlert, d as defineCustomElement$1 } from './p-75c8d67e.js';
|
|
2
2
|
|
|
3
3
|
const DigiNotificationAlert = NotificationAlert;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
|
|
2
2
|
import { _ as _t } from './p-903a27d9.js';
|
|
3
3
|
import { r as randomIdGenerator } from './p-ffe5c0e8.js';
|
|
4
|
+
import { P as ProgressCircleRole } from './p-be4fd246.js';
|
|
4
5
|
import { d as defineCustomElement$3 } from './p-db6386c7.js';
|
|
5
6
|
import { d as defineCustomElement$2 } from './p-02ebe13f.js';
|
|
6
7
|
|
|
7
|
-
var ProgressCircleRole;
|
|
8
|
-
(function (ProgressCircleRole) {
|
|
9
|
-
ProgressCircleRole["NONE"] = "none";
|
|
10
|
-
ProgressCircleRole["STATUS"] = "status";
|
|
11
|
-
})(ProgressCircleRole || (ProgressCircleRole = {}));
|
|
12
|
-
|
|
13
8
|
const progressCircleCss = ".sc-digi-progress-circle-h{--digi--progress-circle--heading--font-weight:var(--digi--typography--heading-2--font-weight--desktop);--digi--progress-circle--heading--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--progress-circle--label--font-size:var(--digi--typography--label--font-size--desktop);--digi--progress-circle--label--margin:var(--digi--gutter--medium) 0;--digi--progress-circle--border-color:#d5d5d5;--digi--progress-circle--step--line--color:var(--digi--grayscale--700);--digi--progress-circle--step--background--active:var(--digi--color--marking--indication--primary);--digi--progress-circle--icon--width:1rem;--digi--progress-circle--icon--height:1rem;--digi--progress-circle--icon--color:var(--digi--color--icon--secondary);--digi--progress-circle--icon--warning--color:var(--digi--color--icon--validation--warning);--digi--progress-circle--icon--error--color:var(--digi--color--icon--validation--error);--digi--progress-circle--icon--error--background-color:var(--digi--color--background--interactive--validation--error);--digi--progress-circle--icon-status--width:1.75rem;--digi--progress-circle--icon-status--height:1.75rem}.sc-digi-progress-circle-h .digi-progress-circle.sc-digi-progress-circle{box-sizing:border-box}.sc-digi-progress-circle-h .digi-progress-circle__content.sc-digi-progress-circle{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-progress-circle-h .digi-progress-circle__heading.sc-digi-progress-circle{font-weight:var(--digi--progress-circle--heading--font-weight);margin:0;margin-bottom:0.5rem}.sc-digi-progress-circle-h .digi-progress-circle__heading--circle.sc-digi-progress-circle{font-size:var(--digi--progress-circle--heading--font-size);margin-bottom:0.35rem}.sc-digi-progress-circle-h .digi-progress-circle__next.sc-digi-progress-circle{font-size:var(--digi--typography--body--font-size--desktop);font-style:italic;color:var(--digi--color--text--primary);margin:0}.sc-digi-progress-circle-h .digi-progress-circle__next--circle.sc-digi-progress-circle{font-size:var(--digi--typography--tag--font-size--desktop)}.sc-digi-progress-circle-h .digi-progress-circle__icon.sc-digi-progress-circle{--digi--icon--height:var(--digi--progress-circle--icon--width);--digi--icon--width:var(--digi--progress-circle--icon--height);--digi--icon--color:var(--digi--progress-circle--icon--color)}.sc-digi-progress-circle-h .digi-progress-circle__icon--warning.sc-digi-progress-circle{--digi--icon--height:var(--digi--progress-circle--icon-status--height);--digi--icon--width:var(--digi--progress-circle--icon-status--width)}.sc-digi-progress-circle-h .digi-progress-circle__icon--error.sc-digi-progress-circle{margin-top:4px;--digi--icon--height:var(--digi--progress-circle--icon-status--height);--digi--icon--width:var(--digi--progress-circle--icon-status--width);--digi--icon--color:var(--digi--progress-circle--icon--error--color)}.sc-digi-progress-circle-h .digi-progress-circle__label.sc-digi-progress-circle{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-circle--label--font-size);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);margin:var(--digi--progress-circle--label--margin)}.sc-digi-progress-circle-h .digi-progress-circle__label--steps.sc-digi-progress-circle{font-weight:600}.sc-digi-progress-circle-h .digi-progress-circle__validation-label.sc-digi-progress-circle{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-circle--label--font-size);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);padding:var(--digi--gutter--medium) var(--digi--gutter--medium);display:flex;align-items:center}.sc-digi-progress-circle-h .digi-progress-circle__validation-label.sc-digi-progress-circle span.sc-digi-progress-circle{display:inline-block;margin-left:8px}.sc-digi-progress-circle-h .digi-progress-circle__validation-label--warning.sc-digi-progress-circle{background-color:var(--digi--color--background--interactive--validation--warning)}.sc-digi-progress-circle-h .digi-progress-circle__validation-label--error.sc-digi-progress-circle{background-color:var(--digi--color--background--interactive--validation--error)}.sc-digi-progress-circle-h .digi-progress-circle__circle-wrapper.sc-digi-progress-circle{display:flex;align-items:center}.sc-digi-progress-circle-h .digi-progress-circle__circle.sc-digi-progress-circle{position:relative;display:inline-block}.sc-digi-progress-circle-h .digi-progress-circle__circle.sc-digi-progress-circle svg.sc-digi-progress-circle{transform:rotate(-90deg)}.sc-digi-progress-circle-h .digi-progress-circle__circle-label.sc-digi-progress-circle{position:absolute;top:47%;left:50%;transform:translate(-50%, -50%);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--tag--font-size--desktop);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);font-weight:600;margin:0}.sc-digi-progress-circle-h .digi-progress-circle__circle-step-unfinished.sc-digi-progress-circle{stroke:var(--digi--progress-circle--border-color)}.sc-digi-progress-circle-h .digi-progress-circle__circle-step-completed.sc-digi-progress-circle{stroke:var(--digi--progress-circle--step--background--active)}.sc-digi-progress-circle-h .digi-progress-circle__circle-step-warning.sc-digi-progress-circle{stroke:var(--digi--progress-circle--icon--warning--color)}.sc-digi-progress-circle-h .digi-progress-circle__circle-step-error.sc-digi-progress-circle{stroke:var(--digi--progress-circle--icon--error--color)}";
|
|
14
9
|
const DigiProgressCircleStyle0 = progressCircleCss;
|
|
15
10
|
|
|
@@ -255,14 +255,14 @@ const NavigationTablist = /*@__PURE__*/ proxyCustomElement(class NavigationTabli
|
|
|
255
255
|
cancelAnimationFrame(this._requestAnimationFrame);
|
|
256
256
|
}
|
|
257
257
|
render() {
|
|
258
|
-
return (h(Host, { key: '
|
|
258
|
+
return (h(Host, { key: '8bdab05cd034b9940aefcb9f38b16d09b6f0b0c7' }, h("div", { key: '2d2266a9600dcc5817130ed4ece38868779e0b69', class: {
|
|
259
259
|
'digi-tablist': true,
|
|
260
260
|
'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
|
|
261
261
|
'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
|
|
262
|
-
} }, h("div", { key: '
|
|
262
|
+
} }, h("div", { key: 'a96cd5d9a2eec5b2b52f0d1a00b2810c28e8d4bd', class: "control-wrapper", style: {
|
|
263
263
|
left: '0',
|
|
264
264
|
visibility: this.showPrev ? 'visible' : 'hidden'
|
|
265
|
-
} }, h("button", { key: '
|
|
265
|
+
} }, h("button", { key: '7a9810781c300bd44aa7ce3f3f76f651b1799023', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '8f65c019aa2a60f8d10025c147ad2448d30cdf1d' }))), h("div", { key: '7be08fe744f17f71fab7358d63d010f17e5c977d', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
|
|
266
266
|
const focusable = tab.id === this.tabs[this.selectedTab].id;
|
|
267
267
|
const isActive = tab.id === this.tabs[this.activeTab].id;
|
|
268
268
|
const Icon = `digi-icon-${tab.icon}`;
|
|
@@ -271,10 +271,10 @@ const NavigationTablist = /*@__PURE__*/ proxyCustomElement(class NavigationTabli
|
|
|
271
271
|
'digi-tab': true,
|
|
272
272
|
'is-active': isActive
|
|
273
273
|
}, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, h("div", { class: "content-wrapper" }, h("span", { class: "tablist-content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
|
|
274
|
-
})), h("div", { key: '
|
|
274
|
+
})), h("div", { key: 'b79ea56eb945fe5c4b2e34529d8b1985018ac46c', class: "control-wrapper", style: {
|
|
275
275
|
right: '0',
|
|
276
276
|
visibility: this.showNext ? 'visible' : 'hidden'
|
|
277
|
-
} }, h("button", { key: '
|
|
277
|
+
} }, h("button", { key: '3d581fe07f9591f21fef85e700259d3b44332631', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '1f3a564d4eff7851ad13901c492e663c5c43d384' })))), h("div", { key: '2cd9aa7d409b36395febee9dfd26eb6e82b02f35', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'b9f82031b00032dfb1df2358546a8a35934033a0' }))));
|
|
278
278
|
}
|
|
279
279
|
static get watchers() { return {
|
|
280
280
|
"activeTab": ["syncPanels"],
|
package/components/digi-tag.js
CHANGED
|
@@ -33,7 +33,7 @@ const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
|
|
|
33
33
|
return this.afText;
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (h("digi-button", { key: '
|
|
36
|
+
return (h("digi-button", { key: 'd45766b0f00a85fafdddc4f4e741f614bafb8963', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '2e97ae41c0b848f049d20bff6ece2285fff79a2e', slot: "icon-secondary" })));
|
|
37
37
|
}
|
|
38
38
|
static get style() { return DigiTagStyle0; }
|
|
39
39
|
}, [2, "digi-tag", {
|
package/components/index.js
CHANGED
|
@@ -33,6 +33,7 @@ export { L as LogoColor } from './p-9dd41cc4.js';
|
|
|
33
33
|
export { M as MediaFigureAlignment } from './p-40657c82.js';
|
|
34
34
|
export { N as NavigationSidebarCloseButtonPosition, a as NavigationSidebarHeadingLevel, b as NavigationSidebarMobilePosition, c as NavigationSidebarMobileVariation, d as NavigationSidebarPosition, e as NavigationSidebarVariation } from './p-f600576a.js';
|
|
35
35
|
export { N as NavigationVerticalMenuActiveIndicatorSize, a as NavigationVerticalMenuVariation } from './p-3b20ec86.js';
|
|
36
|
+
export { P as ProgressCircleRole } from './p-be4fd246.js';
|
|
36
37
|
export { P as ProgressIndicatorRole, a as ProgressIndicatorVariation } from './p-9dd5d6c8.js';
|
|
37
38
|
export { P as ProgressListItemHeadingLevel, a as ProgressListItemStatus, b as ProgressListItemType, c as ProgressListItemVariation } from './p-77a93845.js';
|
|
38
39
|
export { P as ProgressListHeadingLevel, a as ProgressListStatus, b as ProgressListType, c as ProgressListVariation } from './p-06f939ab.js';
|
|
@@ -115,7 +115,7 @@ const FormCheckbox = /*@__PURE__*/ proxyCustomElement(class FormCheckbox extends
|
|
|
115
115
|
this.afOnInput.emit(e);
|
|
116
116
|
}
|
|
117
117
|
render() {
|
|
118
|
-
return (h(Host, { key: '
|
|
118
|
+
return (h(Host, { key: '93a52532d5ee8e2b89982b3d06509c16b3656bce', tabindex: -1 }, h("div", { key: '3f2fe30e35c36080d80fdec5c57abf8e310ae14b', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: 'a45c26da379bff48830f0b03ceebcf24b06c3b17', class: "digi-form-checkbox__input", ref: (el) => {
|
|
119
119
|
var _a;
|
|
120
120
|
this._input = el;
|
|
121
121
|
(_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
|
|
@@ -123,7 +123,7 @@ const FormCheckbox = /*@__PURE__*/ proxyCustomElement(class FormCheckbox extends
|
|
|
123
123
|
? null
|
|
124
124
|
: `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormCheckboxValidation.ERROR
|
|
125
125
|
? 'true'
|
|
126
|
-
: 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '
|
|
126
|
+
: 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '54cd68f1c10fd023e9dd81bd0fabb2920b911c12', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: 'c7184f48868d38d04485a48f214cc3c37d862ba4', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: 'afc00a7de3cef740bdbf23607cd9247887752759', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
|
|
127
127
|
}
|
|
128
128
|
get hostElement() { return this; }
|
|
129
129
|
static get watchers() { return {
|
|
@@ -104,9 +104,9 @@ const FormRadiobutton = /*@__PURE__*/ proxyCustomElement(class FormRadiobutton e
|
|
|
104
104
|
this.afOnInput.emit(e);
|
|
105
105
|
}
|
|
106
106
|
render() {
|
|
107
|
-
return (h(Host, { key: '
|
|
107
|
+
return (h(Host, { key: 'fe6fc75d677f52442809001913f012b8aaa7817b', tabindex: -1 }, h("div", { key: '87aa662ea170803ea002653f26e03b13c3cbaba4', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '0e138b5b12f6ccd152980395a7ccfad705a0e497', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
|
|
108
108
|
? 'true'
|
|
109
|
-
: 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '
|
|
109
|
+
: 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '14e1da2bd43b84f94497b9529f619a172ba1c0d3', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '22ed147d6d453f200abfc5f24752e58111b51595', class: "digi-form-radiobutton__circle" }), this.afLabel))));
|
|
110
110
|
}
|
|
111
111
|
get hostElement() { return this; }
|
|
112
112
|
static get watchers() { return {
|