@designsystem-se/af 35.3.0 → 35.3.1
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-header-navigation.js +1 -1
- package/components/digi-header.js +2 -2
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/{digi-button_31.cjs.entry.js → digi-button_24.cjs.entry.js} +332 -331
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +3 -3
- package/dist/cjs/digi-code-block_3.cjs.entry.js +212 -0
- package/dist/cjs/digi-dialog.cjs.entry.js +3 -3
- package/dist/cjs/digi-footer-card.cjs.entry.js +29 -0
- package/dist/cjs/digi-footer.cjs.entry.js +72 -0
- package/dist/cjs/digi-form-error-list.cjs.entry.js +3 -3
- package/dist/cjs/digi-form-receipt.cjs.entry.js +3 -3
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +3 -3
- package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-copy.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-envelope.cjs.entry.js +30 -0
- package/dist/cjs/{digi-link-external.cjs.entry.js → digi-icon-external-link-alt_2.cjs.entry.js} +24 -0
- package/dist/cjs/digi-icon-globe.cjs.entry.js +30 -0
- package/dist/cjs/digi-icon-sign.cjs.entry.js +30 -0
- package/dist/cjs/digi-link.cjs.entry.js +75 -0
- package/dist/cjs/digi-logo.cjs.entry.js +69 -0
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +3 -3
- package/dist/cjs/digi-notification-alert.cjs.entry.js +3 -3
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +3 -3
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +3 -3
- package/dist/cjs/footer-card-variation.enum-99555edc.js +8 -0
- package/dist/cjs/index-7a477838.js +44 -20
- package/dist/cjs/index.cjs.js +43 -43
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/logo-variation.enum-607fadb4.js +13 -0
- package/dist/cjs/{typography-variation.enum-6a934f5b.js → typography-variation.enum-9f56fd50.js} +28 -18
- package/dist/collection/components/_header/header/header.css +0 -33
- package/dist/collection/components/_header/header/header.js +1 -1
- package/dist/collection/components/_header/header-navigation/header-navigation.css +0 -22
- package/dist/collection/design-tokens/components/_header-navigation.variables.scss +0 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_header-navigation.variables.scss +0 -1
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-01f5f243.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-1f652ce3.entry.js → p-092d0e3e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-06dfdd79.entry.js → p-0d35dc92.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-1fcbbf5f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-290d1746.js +1 -0
- package/dist/digi-arbetsformedlingen/p-2c7d4ecf.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-54a797ed.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-c2c18fb9.entry.js → p-5c7acd45.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-61385dc4.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-35fddf68.entry.js → p-6559910e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-815a97f1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-82a89ca1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a5c6e42e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-b21e9c0a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-bd6e0b22.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c1606b8a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c30a3366.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-cd770cb4.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d2d0856f.js +1 -0
- package/dist/digi-arbetsformedlingen/p-db7c2105.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-9e3f861e.entry.js → p-e0db40e9.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-5abcf3e3.entry.js → p-e2330d9c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-5f6a49c0.entry.js → p-e54f5b28.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-ee88e3f1.js +1 -0
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/{digi-button_31.entry.js → digi-button_24.entry.js} +330 -322
- package/dist/esm/digi-calendar-datepicker.entry.js +3 -3
- package/dist/esm/digi-code-block_3.entry.js +206 -0
- package/dist/esm/digi-dialog.entry.js +3 -3
- package/dist/esm/digi-footer-card.entry.js +25 -0
- package/dist/esm/digi-footer.entry.js +68 -0
- package/dist/esm/digi-form-error-list.entry.js +3 -3
- package/dist/esm/digi-form-receipt.entry.js +3 -3
- package/dist/esm/digi-form-select-filter.entry.js +3 -3
- package/dist/esm/digi-icon-accessibility-universal.entry.js +26 -0
- package/dist/esm/digi-icon-copy.entry.js +26 -0
- package/dist/esm/digi-icon-envelope.entry.js +26 -0
- package/dist/esm/{digi-link-external.entry.js → digi-icon-external-link-alt_2.entry.js} +25 -2
- package/dist/esm/digi-icon-globe.entry.js +26 -0
- package/dist/esm/digi-icon-sign.entry.js +26 -0
- package/dist/esm/digi-link.entry.js +71 -0
- package/dist/esm/digi-logo.entry.js +65 -0
- package/dist/esm/digi-navigation-pagination.entry.js +3 -3
- package/dist/esm/digi-notification-alert.entry.js +3 -3
- package/dist/esm/digi-notification-error-page.entry.js +3 -3
- package/dist/esm/digi-tools-feedback.entry.js +3 -3
- package/dist/esm/footer-card-variation.enum-cc732148.js +8 -0
- package/dist/esm/index-148a7577.js +44 -20
- package/dist/esm/index.js +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/logo-variation.enum-5b68b79f.js +13 -0
- package/dist/esm/{typography-variation.enum-5150a9b3.js → typography-variation.enum-8ba40d15.js} +28 -18
- package/hydrate/index.js +3 -3
- package/hydrate/index.mjs +3 -3
- package/package.json +1 -1
- package/dist/cjs/digi-form-fieldset_2.cjs.entry.js +0 -122
- package/dist/cjs/digi-icon-minus_2.cjs.entry.js +0 -53
- package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +0 -150
- package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +0 -177
- package/dist/cjs/form-radiobutton-variation.enum-d085f2f8.js +0 -18
- package/dist/cjs/navigation-vertical-menu-variation.enum-c237edd3.js +0 -13
- package/dist/digi-arbetsformedlingen/p-01044fca.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-06625463.js +0 -1
- package/dist/digi-arbetsformedlingen/p-183230b4.js +0 -1
- package/dist/digi-arbetsformedlingen/p-31763750.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3b20ec86.js +0 -1
- package/dist/digi-arbetsformedlingen/p-43662434.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-450f8f55.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4ee11ca2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-684d8a71.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-71bd1a56.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ba185d40.entry.js +0 -1
- package/dist/esm/digi-form-fieldset_2.entry.js +0 -117
- package/dist/esm/digi-icon-minus_2.entry.js +0 -48
- package/dist/esm/digi-navigation-vertical-menu-item.entry.js +0 -146
- package/dist/esm/digi-navigation-vertical-menu.entry.js +0 -173
- package/dist/esm/form-radiobutton-variation.enum-64c6038b.js +0 -18
- package/dist/esm/navigation-vertical-menu-variation.enum-c30b0ea9.js +0 -13
package/dist/esm/{typography-variation.enum-5150a9b3.js → typography-variation.enum-8ba40d15.js}
RENAMED
|
@@ -49,13 +49,6 @@ var DialogVariation;
|
|
|
49
49
|
DialogVariation["SECONDARY"] = "secondary";
|
|
50
50
|
})(DialogVariation || (DialogVariation = {}));
|
|
51
51
|
|
|
52
|
-
var FooterCardVariation;
|
|
53
|
-
(function (FooterCardVariation) {
|
|
54
|
-
FooterCardVariation["NONE"] = "none";
|
|
55
|
-
FooterCardVariation["ICON"] = "icon";
|
|
56
|
-
FooterCardVariation["BORDER"] = "border";
|
|
57
|
-
})(FooterCardVariation || (FooterCardVariation = {}));
|
|
58
|
-
|
|
59
52
|
var FooterVariation;
|
|
60
53
|
(function (FooterVariation) {
|
|
61
54
|
FooterVariation["LARGE"] = "large";
|
|
@@ -72,6 +65,23 @@ var FormErrorListHeadingLevel;
|
|
|
72
65
|
FormErrorListHeadingLevel["H6"] = "h6";
|
|
73
66
|
})(FormErrorListHeadingLevel || (FormErrorListHeadingLevel = {}));
|
|
74
67
|
|
|
68
|
+
var FormRadiobuttonLayout;
|
|
69
|
+
(function (FormRadiobuttonLayout) {
|
|
70
|
+
FormRadiobuttonLayout["INLINE"] = "inline";
|
|
71
|
+
FormRadiobuttonLayout["BLOCK"] = "block";
|
|
72
|
+
})(FormRadiobuttonLayout || (FormRadiobuttonLayout = {}));
|
|
73
|
+
|
|
74
|
+
var FormRadiobuttonValidation;
|
|
75
|
+
(function (FormRadiobuttonValidation) {
|
|
76
|
+
FormRadiobuttonValidation["ERROR"] = "error";
|
|
77
|
+
})(FormRadiobuttonValidation || (FormRadiobuttonValidation = {}));
|
|
78
|
+
|
|
79
|
+
var FormRadiobuttonVariation;
|
|
80
|
+
(function (FormRadiobuttonVariation) {
|
|
81
|
+
FormRadiobuttonVariation["PRIMARY"] = "primary";
|
|
82
|
+
FormRadiobuttonVariation["SECONDARY"] = "secondary";
|
|
83
|
+
})(FormRadiobuttonVariation || (FormRadiobuttonVariation = {}));
|
|
84
|
+
|
|
75
85
|
var FormReceiptHeadingLevel;
|
|
76
86
|
(function (FormReceiptHeadingLevel) {
|
|
77
87
|
FormReceiptHeadingLevel["H1"] = "h1";
|
|
@@ -172,17 +182,17 @@ var LayoutContainerMaxWidth;
|
|
|
172
182
|
LayoutContainerMaxWidth["WIDTH_1400"] = "1400";
|
|
173
183
|
})(LayoutContainerMaxWidth || (LayoutContainerMaxWidth = {}));
|
|
174
184
|
|
|
175
|
-
var
|
|
176
|
-
(function (
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
})(
|
|
185
|
+
var NavigationVerticalMenuActiveIndicatorSize;
|
|
186
|
+
(function (NavigationVerticalMenuActiveIndicatorSize) {
|
|
187
|
+
NavigationVerticalMenuActiveIndicatorSize["PRIMARY"] = "primary";
|
|
188
|
+
NavigationVerticalMenuActiveIndicatorSize["SECONDARY"] = "secondary";
|
|
189
|
+
})(NavigationVerticalMenuActiveIndicatorSize || (NavigationVerticalMenuActiveIndicatorSize = {}));
|
|
180
190
|
|
|
181
|
-
var
|
|
182
|
-
(function (
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
})(
|
|
191
|
+
var NavigationVerticalMenuVariation;
|
|
192
|
+
(function (NavigationVerticalMenuVariation) {
|
|
193
|
+
NavigationVerticalMenuVariation["PRIMARY"] = "primary";
|
|
194
|
+
NavigationVerticalMenuVariation["SECONDARY"] = "secondary";
|
|
195
|
+
})(NavigationVerticalMenuVariation || (NavigationVerticalMenuVariation = {}));
|
|
186
196
|
|
|
187
197
|
var NotificationAlertHeadingLevel;
|
|
188
198
|
(function (NotificationAlertHeadingLevel) {
|
|
@@ -265,4 +275,4 @@ var TypographyVariation;
|
|
|
265
275
|
TypographyVariation["LARGE"] = "large";
|
|
266
276
|
})(TypographyVariation || (TypographyVariation = {}));
|
|
267
277
|
|
|
268
|
-
export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E,
|
|
278
|
+
export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, LayoutBlockContainer as L, NavigationVerticalMenuActiveIndicatorSize as N, TitleLogoVariation as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, FormErrorListHeadingLevel as d, FormRadiobuttonLayout as e, FormRadiobuttonValidation as f, FormRadiobuttonVariation as g, FormReceiptHeadingLevel as h, FormReceiptType as i, FormReceiptVariation as j, FormSelectFilterValidation as k, InfoCardMultiHeadingLevel as l, InfoCardMultiVariation as m, InfoCardHeadingLevel as n, LayoutContainerVariation as o, LayoutContainerMaxWidth as p, NavigationVerticalMenuVariation as q, NotificationAlertHeadingLevel as r, NotificationAlertSize as s, NotificationAlertVariation as t, ToolsFeedbackHeadingLevel as u, ToolsFeedbackType as v, FeedbackVariation as w, TypographyHeadingJumboLevel as x, TypographyHeadingJumboVariation as y, TypographyVariation as z };
|
package/hydrate/index.js
CHANGED
|
@@ -23414,7 +23414,7 @@ class FormValidationMessage {
|
|
|
23414
23414
|
}; }
|
|
23415
23415
|
}
|
|
23416
23416
|
|
|
23417
|
-
const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-avatar,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-avatar{--digi--header-avatar--margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header
|
|
23417
|
+
const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-avatar,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-avatar{--digi--header-avatar--margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}";
|
|
23418
23418
|
var DigiHeaderStyle0 = headerCss;
|
|
23419
23419
|
|
|
23420
23420
|
/**
|
|
@@ -23501,7 +23501,7 @@ class Header {
|
|
|
23501
23501
|
}
|
|
23502
23502
|
}
|
|
23503
23503
|
renderContent() {
|
|
23504
|
-
return (hAsync("div", { class: "digi-header__wrapper" }, hAsync("slot", { name: "header-logo" }), hAsync("div", { class: "digi-header__content" }, hAsync("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (hAsync("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))))
|
|
23504
|
+
return (hAsync("div", { class: "digi-header__wrapper" }, hAsync("slot", { name: "header-logo" }), hAsync("div", { class: "digi-header__content" }, hAsync("slot", { name: "header-content" })), this.hasNavigation && this.isMobile && (hAsync("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
|
|
23505
23505
|
}
|
|
23506
23506
|
render() {
|
|
23507
23507
|
return (hAsync("header", { key: '541675d708db44efd16a09721b27dcbbe44e2724', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, hAsync("digi-util-breakpoint-observer", { key: '419fba070dc583e81ad3ce29a88581ca736fe656', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), hAsync("digi-layout-block", { key: '679370ad7ccfde35f14549e63cbdc35b35024ac0', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (hAsync("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), hAsync("div", { key: '072768a2e0754f294fa2617828c533f8c426fb40', class: "digi-header__border" }), hAsync("slot", { key: 'ecf54055fbee49802ecf188a36a4868416e948f2', name: "header-navigation" }))));
|
|
@@ -23527,7 +23527,7 @@ class Header {
|
|
|
23527
23527
|
}; }
|
|
23528
23528
|
}
|
|
23529
23529
|
|
|
23530
|
-
const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller)
|
|
23530
|
+
const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden;--digi--header-navigation--horizontal-padding:0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin:0;padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
|
|
23531
23531
|
var DigiHeaderNavigationStyle0 = headerNavigationCss;
|
|
23532
23532
|
|
|
23533
23533
|
/**
|
package/hydrate/index.mjs
CHANGED
|
@@ -23410,7 +23410,7 @@ class FormValidationMessage {
|
|
|
23410
23410
|
}; }
|
|
23411
23411
|
}
|
|
23412
23412
|
|
|
23413
|
-
const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-avatar,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-avatar{--digi--header-avatar--margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header
|
|
23413
|
+
const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-avatar,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-avatar{--digi--header-avatar--margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}";
|
|
23414
23414
|
var DigiHeaderStyle0 = headerCss;
|
|
23415
23415
|
|
|
23416
23416
|
/**
|
|
@@ -23497,7 +23497,7 @@ class Header {
|
|
|
23497
23497
|
}
|
|
23498
23498
|
}
|
|
23499
23499
|
renderContent() {
|
|
23500
|
-
return (hAsync("div", { class: "digi-header__wrapper" }, hAsync("slot", { name: "header-logo" }), hAsync("div", { class: "digi-header__content" }, hAsync("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (hAsync("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))))
|
|
23500
|
+
return (hAsync("div", { class: "digi-header__wrapper" }, hAsync("slot", { name: "header-logo" }), hAsync("div", { class: "digi-header__content" }, hAsync("slot", { name: "header-content" })), this.hasNavigation && this.isMobile && (hAsync("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
|
|
23501
23501
|
}
|
|
23502
23502
|
render() {
|
|
23503
23503
|
return (hAsync("header", { key: '541675d708db44efd16a09721b27dcbbe44e2724', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, hAsync("digi-util-breakpoint-observer", { key: '419fba070dc583e81ad3ce29a88581ca736fe656', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), hAsync("digi-layout-block", { key: '679370ad7ccfde35f14549e63cbdc35b35024ac0', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (hAsync("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), hAsync("div", { key: '072768a2e0754f294fa2617828c533f8c426fb40', class: "digi-header__border" }), hAsync("slot", { key: 'ecf54055fbee49802ecf188a36a4868416e948f2', name: "header-navigation" }))));
|
|
@@ -23523,7 +23523,7 @@ class Header {
|
|
|
23523
23523
|
}; }
|
|
23524
23524
|
}
|
|
23525
23525
|
|
|
23526
|
-
const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller)
|
|
23526
|
+
const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden;--digi--header-navigation--horizontal-padding:0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin:0;padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
|
|
23527
23527
|
var DigiHeaderNavigationStyle0 = headerNavigationCss;
|
|
23528
23528
|
|
|
23529
23529
|
/**
|
package/package.json
CHANGED
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-7a477838.js');
|
|
6
|
-
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
-
const formRadiobuttonVariation_enum = require('./form-radiobutton-variation.enum-d085f2f8.js');
|
|
8
|
-
|
|
9
|
-
const formFieldsetCss = ".sc-digi-form-fieldset-h{--digi--form-fieldset--padding:0;--digi--form-fieldset--border:none;--digi--form-fieldset--legend--font-weight:var(--digi--typography--description--font-weight--desktop);--digi--form-fieldset--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-fieldset--legend--font-size:var(--digi--typography--description--font-size--desktop);--digi--form-fieldset--legend--color:var(--digi--color--text--primary);--digi--form-fieldset--legend--margin:var(--digi--margin--h2-large)}.sc-digi-form-fieldset-h .digi-form-fieldset.sc-digi-form-fieldset{margin:0px;padding:var(--digi--form-fieldset--padding);border:var(--digi--form-fieldset--border)}.sc-digi-form-fieldset-h .digi-form-fieldset__legend.sc-digi-form-fieldset{font-weight:var(--digi--form-fieldset--legend--font-weight);font-family:var(--digi--form-fieldset--legend--font-family);font-size:var(--digi--form-fieldset--legend--font-size);color:var(--digi--form-fieldset--legend--color);margin-block-end:var(--digi--form-fieldset--legend--margin);padding:0px}";
|
|
10
|
-
const DigiFormFieldsetStyle0 = formFieldsetCss;
|
|
11
|
-
|
|
12
|
-
const FormFieldset = class {
|
|
13
|
-
constructor(hostRef) {
|
|
14
|
-
index.registerInstance(this, hostRef);
|
|
15
|
-
this.afLegend = undefined;
|
|
16
|
-
this.afName = undefined;
|
|
17
|
-
this.afForm = undefined;
|
|
18
|
-
this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-fieldset');
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
return (index.h("fieldset", { key: '9c28717f7316cb72cca157a6042e3cc7c7c9a82d', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (index.h("legend", { key: '151f99611f8bdeb2431bd834bd2f934ac370824d', class: "digi-form-fieldset__legend" }, this.afLegend)), index.h("slot", { key: '10b0fe0ee00e839ad7b63375ad7fae5b632d16f8' })));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
FormFieldset.style = DigiFormFieldsetStyle0;
|
|
25
|
-
|
|
26
|
-
const formRadiobuttonCss = ".sc-digi-form-radiobutton-h{--digi--form-radiobutton--border-color:var(--digi--color--border--interactive--default--on-input);--digi--form-radiobutton--border-color--primary:var(--digi--color--border--interactive--selected--primary);--digi--form-radiobutton--border-color--secondary:var(--digi--color--border--interactive--selected--secondary);--digi--form-radiobutton--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--box-shadow--error:var(--digi--color--border--interactive--validation--error);--digi--form-radiobutton--background-color:var(--digi--color--background--interactive--default--input-elements);--digi--form-radiobutton--background-color--primary:var(--digi--color--background--interactive--selected--primary);--digi--form-radiobutton--background-color--secondary:var(--digi--color--background--interactive--selected--secondary);--digi--form-radiobutton--background-color--error:var(--digi--color--background--interactive--validation--error);--digi--form-radiobutton--border-width:var(--digi--border-width--primary);--digi--form-radiobutton--color--marker:var(--digi--grayscale--0);--digi--form-radiobutton--size:1.25rem;--digi--form-radiobutton--marker--size:calc(var(--digi--typography--input--font-size--desktop-large) * 0.4);--digi--form-radiobutton--height:var(--digi--input-height--large);--digi--form-radiobutton--border-radius:var(--digi--border-radius--primary);--digi--form-radiobutton--padding:var(--digi--gutter--icon);--digi--form-radiobutton--padding--block:var(--digi--gutter--small);--digi--form-radiobutton--padding--inline:var(--digi--gutter--icon)}.sc-digi-form-radiobutton-h .digi-form-radiobutton.sc-digi-form-radiobutton{--BACKGROUND--DEFAULT:var(--digi--form-radiobutton--background-color);--BORDER-COLOR--DEFAULT:var(--digi--form-radiobutton--border-color);position:relative}.sc-digi-form-radiobutton-h .digi-form-radiobutton--primary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--primary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--primary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--secondary.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--secondary);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--secondary)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton:not(:checked)~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{--BACKGROUND--CHECKED:var(--digi--form-radiobutton--background-color--error);--BORDER-COLOR--CHECKED:var(--digi--form-radiobutton--border-color--error)}.sc-digi-form-radiobutton-h .digi-form-radiobutton--error.sc-digi-form-radiobutton .digi-form-radiobutton__input.sc-digi-form-radiobutton~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED);box-shadow:0 0 0 var(--digi--border-width--primary) var(--digi--form-radiobutton--box-shadow--error)}.digi-form-radiobutton__input.sc-digi-form-radiobutton{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top:0;left:0}.digi-form-radiobutton__label.sc-digi-form-radiobutton{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--body--font-weight--desktop);cursor:pointer;margin-bottom:0.75rem}.digi-form-radiobutton__circle.sc-digi-form-radiobutton{flex-shrink:0;align-self:flex-start;cursor:pointer;background-color:var(--BACKGROUND--DEFAULT);border-color:var(--BORDER-COLOR--DEFAULT);border-width:var(--digi--form-radiobutton--border-width);border-style:solid;height:var(--digi--form-radiobutton--size);width:var(--digi--form-radiobutton--size);border-radius:var(--digi--form-radiobutton--size);position:relative;transform:translateY(1px)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:focus-visible~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton{background-color:var(--BACKGROUND--CHECKED);border-color:var(--BORDER-COLOR--CHECKED)}.digi-form-radiobutton__input.sc-digi-form-radiobutton:checked~.digi-form-radiobutton__label.sc-digi-form-radiobutton .digi-form-radiobutton__circle.sc-digi-form-radiobutton::after{content:\"\";width:var(--digi--form-radiobutton--marker--size);height:var(--digi--form-radiobutton--marker--size);border-radius:var(--digi--form-radiobutton--marker--size);background:var(--digi--form-radiobutton--color--marker);position:absolute;left:calc(50% - var(--digi--form-radiobutton--marker--size) / 2);top:calc(50% - var(--digi--form-radiobutton--marker--size) / 2)}";
|
|
27
|
-
const DigiFormRadiobuttonStyle0 = formRadiobuttonCss;
|
|
28
|
-
|
|
29
|
-
const FormRadiobutton = class {
|
|
30
|
-
constructor(hostRef) {
|
|
31
|
-
index.registerInstance(this, hostRef);
|
|
32
|
-
this.afOnChange = index.createEvent(this, "afOnChange", 7);
|
|
33
|
-
this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
|
|
34
|
-
this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
|
|
35
|
-
this.afOnFocusout = index.createEvent(this, "afOnFocusout", 7);
|
|
36
|
-
this.afOnInput = index.createEvent(this, "afOnInput", 7);
|
|
37
|
-
this.afOnDirty = index.createEvent(this, "afOnDirty", 7);
|
|
38
|
-
this.afOnTouched = index.createEvent(this, "afOnTouched", 7);
|
|
39
|
-
this.afOnReady = index.createEvent(this, "afOnReady", 3);
|
|
40
|
-
this.dirty = false;
|
|
41
|
-
this.touched = false;
|
|
42
|
-
this.afLabel = undefined;
|
|
43
|
-
this.afVariation = formRadiobuttonVariation_enum.FormRadiobuttonVariation.PRIMARY;
|
|
44
|
-
this.afLayout = formRadiobuttonVariation_enum.FormRadiobuttonLayout.INLINE;
|
|
45
|
-
this.afName = undefined;
|
|
46
|
-
this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-radiobutton');
|
|
47
|
-
this.afRequired = undefined;
|
|
48
|
-
this.value = undefined;
|
|
49
|
-
this.afValue = undefined;
|
|
50
|
-
this.checked = undefined;
|
|
51
|
-
this.afChecked = undefined;
|
|
52
|
-
this.afValidation = undefined;
|
|
53
|
-
this.afAriaLabelledby = undefined;
|
|
54
|
-
this.afAriaDescribedby = undefined;
|
|
55
|
-
this.afAutofocus = undefined;
|
|
56
|
-
}
|
|
57
|
-
onValueChanged(newValue) {
|
|
58
|
-
this.afChecked = newValue === this.afValue;
|
|
59
|
-
}
|
|
60
|
-
onCheckedChanged(checked) {
|
|
61
|
-
this.afChecked = checked;
|
|
62
|
-
}
|
|
63
|
-
onAfCheckedChanged(checked) {
|
|
64
|
-
this.checked = checked;
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* Hämta en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
|
|
68
|
-
* @en Returns a reference to the input element. Handy for setting focus programmatically.
|
|
69
|
-
*/
|
|
70
|
-
async afMGetFormControlElement() {
|
|
71
|
-
return this._input;
|
|
72
|
-
}
|
|
73
|
-
componentDidLoad() {
|
|
74
|
-
this.afOnReady.emit();
|
|
75
|
-
}
|
|
76
|
-
get cssModifiers() {
|
|
77
|
-
return {
|
|
78
|
-
'digi-form-radiobutton--error': this.afValidation === formRadiobuttonVariation_enum.FormRadiobuttonValidation.ERROR,
|
|
79
|
-
'digi-form-radiobutton--primary': this.afVariation === formRadiobuttonVariation_enum.FormRadiobuttonVariation.PRIMARY,
|
|
80
|
-
'digi-form-radiobutton--secondary': this.afVariation === formRadiobuttonVariation_enum.FormRadiobuttonVariation.SECONDARY,
|
|
81
|
-
[`digi-form-radiobutton--layout-${this.afLayout}`]: !!this.afLayout
|
|
82
|
-
};
|
|
83
|
-
}
|
|
84
|
-
blurHandler(e) {
|
|
85
|
-
if (!this.touched) {
|
|
86
|
-
this.afOnTouched.emit(e);
|
|
87
|
-
this.touched = true;
|
|
88
|
-
}
|
|
89
|
-
this.afOnBlur.emit(e);
|
|
90
|
-
}
|
|
91
|
-
changeHandler(e) {
|
|
92
|
-
this.afOnChange.emit(e);
|
|
93
|
-
}
|
|
94
|
-
focusHandler(e) {
|
|
95
|
-
this.afOnFocus.emit(e);
|
|
96
|
-
}
|
|
97
|
-
focusoutHandler(e) {
|
|
98
|
-
this.afOnFocusout.emit(e);
|
|
99
|
-
}
|
|
100
|
-
inputHandler(e) {
|
|
101
|
-
if (!this.dirty) {
|
|
102
|
-
this.afOnDirty.emit(e);
|
|
103
|
-
this.dirty = true;
|
|
104
|
-
}
|
|
105
|
-
this.afOnInput.emit(e);
|
|
106
|
-
}
|
|
107
|
-
render() {
|
|
108
|
-
return (index.h("div", { key: 'e5b58328f81f539bcd0f2410480c90d4fe2547d1', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '9f6dd197ee8f16b6dfe4e08f69f412b99e584cef', 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 === formRadiobuttonVariation_enum.FormRadiobuttonValidation.ERROR
|
|
109
|
-
? 'true'
|
|
110
|
-
: 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '2d396707508d44fe0996dbe1137e6df0299553c4', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: '74bb9dd19541639ec225b764a157d0ffbfe4a63c', class: "digi-form-radiobutton__circle" }), this.afLabel)));
|
|
111
|
-
}
|
|
112
|
-
get hostElement() { return index.getElement(this); }
|
|
113
|
-
static get watchers() { return {
|
|
114
|
-
"value": ["onValueChanged"],
|
|
115
|
-
"checked": ["onCheckedChanged"],
|
|
116
|
-
"afChecked": ["onAfCheckedChanged"]
|
|
117
|
-
}; }
|
|
118
|
-
};
|
|
119
|
-
FormRadiobutton.style = DigiFormRadiobuttonStyle0;
|
|
120
|
-
|
|
121
|
-
exports.digi_form_fieldset = FormFieldset;
|
|
122
|
-
exports.digi_form_radiobutton = FormRadiobutton;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-7a477838.js');
|
|
6
|
-
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
-
|
|
8
|
-
const iconMinusCss = ".sc-digi-icon-minus-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-minus-h svg.sc-digi-icon-minus{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
9
|
-
const DigiIconMinusStyle0 = iconMinusCss;
|
|
10
|
-
|
|
11
|
-
const IconMinus = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
this.afTitle = undefined;
|
|
15
|
-
this.afDesc = undefined;
|
|
16
|
-
this.afSvgAriaHidden = true;
|
|
17
|
-
this.afSvgAriaLabelledby = undefined;
|
|
18
|
-
this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
return (index.h("svg", { key: '16bcc71cfe986f9a11017261c24ec4bd2667fe59', class: "digi-icon-minus", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
22
|
-
? this.afSvgAriaLabelledby
|
|
23
|
-
: this.afTitle
|
|
24
|
-
? this.titleId
|
|
25
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '047e1f072e32a8ff127fd348360896ec40b9ca45', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '2bf5112ca0dc1f6b2277beced4d9e76c484a48e1' }, this.afDesc), index.h("path", { key: '006ee074160f1513300129da5a8b17ce447835fb', class: "digi-icon-minus__shape", d: "M21.2,13c0,0.7-0.5,1.2-1.2,1.2H2c-0.7,0-1.2-0.5-1.2-1.2c0-0.6,0.5-1.2,1.2-1.2H20C20.7,11.8,21.2,12.4,21.2,13z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
IconMinus.style = DigiIconMinusStyle0;
|
|
29
|
-
|
|
30
|
-
const iconPlusCss = ".sc-digi-icon-plus-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-plus-h svg.sc-digi-icon-plus{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
31
|
-
const DigiIconPlusStyle0 = iconPlusCss;
|
|
32
|
-
|
|
33
|
-
const IconPlus = class {
|
|
34
|
-
constructor(hostRef) {
|
|
35
|
-
index.registerInstance(this, hostRef);
|
|
36
|
-
this.afTitle = undefined;
|
|
37
|
-
this.afDesc = undefined;
|
|
38
|
-
this.afSvgAriaHidden = true;
|
|
39
|
-
this.afSvgAriaLabelledby = undefined;
|
|
40
|
-
this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
|
|
41
|
-
}
|
|
42
|
-
render() {
|
|
43
|
-
return (index.h("svg", { key: '245e229f5cec7671f37f5500cfb7212ebced6d61', class: "digi-icon-plus", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
44
|
-
? this.afSvgAriaLabelledby
|
|
45
|
-
: this.afTitle
|
|
46
|
-
? this.titleId
|
|
47
|
-
: undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '3cb67defae09e9fdf28aa5272237b42e05d1139c', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '7820f81f821aa310abdcc02e5c1eabffa37f933a' }, this.afDesc), index.h("path", { key: '5596c5b4ca49f77d18d638c65c3f656492d1d15f', class: "digi-icon-plus__shape", d: "M21.6,13c0,0.7-0.5,1.2-1.2,1.2h-7.9V22c0,0.7-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2v-7.9H2.3c-0.7,0-1.2-0.5-1.2-1.2 c0-0.6,0.5-1.2,1.2-1.2h7.9V4c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v7.9h7.9C21.1,11.8,21.6,12.4,21.6,13z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
IconPlus.style = DigiIconPlusStyle0;
|
|
51
|
-
|
|
52
|
-
exports.digi_icon_minus = IconMinus;
|
|
53
|
-
exports.digi_icon_plus = IconPlus;
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-7a477838.js');
|
|
6
|
-
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
-
|
|
8
|
-
const navigationVerticalMenuItemCss = ".sc-digi-navigation-vertical-menu-item-h{--digi--navigation-vertical-menu-item--toggle-icon--character:\"+\";--digi--navigation-vertical-menu-item--toggle-icon--character--active:\"-\";--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--color--text--interactive--primary);--digi--navigation-vertical-menu-item--toggle-icon--color--hover:var(--digi--color--text--interactive--secondary);--digi--navigation-vertical-menu-item--toggle-icon--color--active:var(--digi--color--text--interactive--primary);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--color--background--interactive--default--tertiary);--digi--navigation-vertical-menu-item--toggle-icon--background--hover:var(--digi--color--background--interactive--hover--tertiary);--digi--navigation-vertical-menu-item--toggle-icon--background--active:var(--digi--color--background--interactive--selected--on-menu-minus-button);--digi--navigation-vertical-menu-item--toggle-icon--size:var(--digi--typography--tag--font-size--desktop);--digi--navigation-vertical-menu-item--toggle-icon--width:1.5rem;--digi--navigation-vertical-menu-item--toggle-icon--height:1.5rem;--digi--navigation-vertical-menu-item--icon--margin:0 var(--digi--margin--smaller) 0 0;--digi--navigation-vertical-menu-item--icon--wrapper--width:1.5rem;--digi--navigation-vertical-menu-item--icon--color:var(--digi--color--divider--secondary);--digi--navigation-vertical-menu-item--icon--height:1.5rem;--digi--navigation-vertical-menu-item--icon--width:1.5rem;--digi--navigation-vertical-menu-item--active-indicator-background-color:var(--digi--color--marking--navigation--selected);--digi--navigation-vertical-menu-item--active-indicator-width:4px;--digi--navigation-vertical-menu-item--active-indicator-left:0;--digi--navigation-vertical-menu-item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-vertical-menu-item--font-size:var(--digi--global--typography--font-size--base);--digi--navigation-vertical-menu-item--font-weight:var(--digi--global--typography--font-weight--regular);--digi--navigation-vertical-menu-item--font-weight--active:var(--digi--global--typography--font-weight--bold);--digi--navigation-vertical-menu-item--background:transparent;--digi--navigation-vertical-menu-item--background--hover:transparent;--digi--navigation-vertical-menu-item--background--active:var(--digi--color--background--interactive--default--pop-out);--digi--navigation-vertical-menu-item--color:var(--digi--color--text--primary);--digi--navigation-vertical-menu-item--color--hover:var(--digi--color--text--interactive--primary);--digi--navigation-vertical-menu-item--color--active:var(--digi--color--text--primary);--digi--navigation-vertical-menu-item--border--width:var(--digi--border-width--primary);--digi--navigation-vertical-menu-item--border--color:var(--digi--color--text--interactive--secondary);--digi--navigation-vertical-menu-item--padding:var(--digi--padding--small) var(--digi--padding--medium);--digi--navigation-vertical-menu-item--padding--toggle:var(--digi--padding--small) 0;--digi--navigation-vertical-menu-item--width:100%;--digi--navigation-vertical-menu-item--divider--margin:var(--digi--margin--small) var(--digi--margin--medium);--digi--navigation-vertical-menu-item--divider--border:solid var(--digi--border-width--primary) var(--digi--color--text--interactive--secondary);--digi--navigation-vertical-menu-item--outline:initial;--digi--navigation-vertical-menu-item--outline--focus:solid 2px var(--digi--color--border--interactive--default--primary--light);--digi--navigation-vertical-menu-item--outline--focus--offset:-2px}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{display:block}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item[hidden].sc-digi-navigation-vertical-menu-item{display:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__text.sc-digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{margin-right:unset}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item.sc-digi-navigation-vertical-menu-item{justify-content:flex-start;overflow-wrap:normal}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item--badge.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__badge.sc-digi-navigation-vertical-menu-item{margin-left:11px;font-weight:initial}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__inner.sc-digi-navigation-vertical-menu-item{position:relative}@supports (display: grid){.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__inner--combined.sc-digi-navigation-vertical-menu-item{display:grid;grid-auto-flow:column;grid-gap:0;grid-template-columns:1fr auto;align-items:stretch}}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__collapse--hidden.sc-digi-navigation-vertical-menu-item{display:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__icon.sc-digi-navigation-vertical-menu-item{width:var(--digi--navigation-vertical-menu-item--icon--wrapper--width);margin:var(--digi--navigation-vertical-menu-item--icon--margin)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__text.sc-digi-navigation-vertical-menu-item{margin-right:auto}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item{font-family:var(--digi--navigation-vertical-menu-item--font-family);font-weight:var(--digi--navigation-vertical-menu-item--font-weight);font-size:var(--digi--navigation-vertical-menu-item--font-size);background:var(--digi--navigation-vertical-menu-item--background);color:var(--digi--navigation-vertical-menu-item--color);border:none;padding:var(--digi--navigation-vertical-menu-item--padding);outline:var(--digi--navigation-vertical-menu-item--outline);width:var(--digi--navigation-vertical-menu-item--width);text-align:left;display:flex;justify-content:space-between;box-sizing:border-box;text-decoration:none;overflow-wrap:anywhere}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item *.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item *.sc-digi-navigation-vertical-menu-item{pointer-events:none}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover{cursor:pointer}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover{text-decoration:underline;--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--hover);--digi--navigation-vertical-menu-item--background:var(--digi--navigation-vertical-menu-item--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible{outline:var(--digi--navigation-vertical-menu-item--outline--focus);outline-offset:var(--digi--navigation-vertical-menu-item--outline--focus--offset)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--active);--digi--navigation-vertical-menu-item--font-weight:var(--digi--navigation-vertical-menu-item--font-weight--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item:hover{--digi--navigation-vertical-menu-item--color:var(--digi--navigation-vertical-menu-item--color--active)}.digi-navigation-vertical-menu--primary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item::before,.digi-navigation-vertical-menu--primary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item::before{content:\" \";display:block;position:absolute;width:var(--digi--navigation-vertical-menu-item--active-indicator-width);left:var(--digi--navigation-vertical-menu-item--active-indicator-left);top:0;bottom:0;background-color:var(--digi--navigation-vertical-menu-item--active-indicator-background-color);z-index:2}.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item,.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--background:var(--digi--navigation-vertical-menu-item--background--active)}.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--active.sc-digi-navigation-vertical-menu-item::before,.digi-navigation-vertical-menu--secondary .sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--active.sc-digi-navigation-vertical-menu-item::before{content:\" \";display:block;position:absolute;width:var(--digi--navigation-vertical-menu-item--active-indicator-width);left:0;top:0;bottom:0;background-color:var(--digi--navigation-vertical-menu-item--active-indicator-background-color);z-index:2}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--expanded.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--expanded.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--font-weight:var(--digi--navigation-vertical-menu-item--font-weight--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--toggle.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--toggle.sc-digi-navigation-vertical-menu-item{width:calc(1.5rem + var(--digi--padding--medium));display:flex;align-items:stretch;justify-content:center;padding:var(--digi--navigation-vertical-menu-item--padding--toggle)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--only-toggle.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--only-toggle.sc-digi-navigation-vertical-menu-item{padding-right:0}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button--only-toggle.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link--only-toggle.sc-digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item{width:calc(1.5rem + var(--digi--padding--medium))}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:hover+button.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:hover+button.sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--hover);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--active);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--active)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button[aria-expanded=true].sc-digi-navigation-vertical-menu-item:hover,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link[aria-expanded=true].sc-digi-navigation-vertical-menu-item:hover{--digi--navigation-vertical-menu-item--toggle-icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color--hover);--digi--navigation-vertical-menu-item--toggle-icon--background:var(--digi--navigation-vertical-menu-item--toggle-icon--background--hover)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__button.sc-digi-navigation-vertical-menu-item:focus-visible,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item{position:relative;display:flex;justify-content:center;color:var(--digi--navigation-vertical-menu-item--toggle-icon--color)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item digi-icon-plus.sc-digi-navigation-vertical-menu-item,.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item digi-icon-minus.sc-digi-navigation-vertical-menu-item{--digi--icon--width:var(--digi--navigation-vertical-menu-item--toggle-icon--size);--digi--icon--color:var(--digi--navigation-vertical-menu-item--toggle-icon--color)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item::before{content:\"\";display:flex;position:absolute;align-items:center;justify-content:center;width:var(--digi--navigation-vertical-menu-item--toggle-icon--width);height:var(--digi--navigation-vertical-menu-item--toggle-icon--height);border-radius:var(--digi--navigation-vertical-menu-item--toggle-icon--width);background:var(--digi--navigation-vertical-menu-item--toggle-icon--background)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__toggle-icon.sc-digi-navigation-vertical-menu-item>span.sc-digi-navigation-vertical-menu-item{display:inline-flex;position:absolute;align-items:center;justify-content:center;width:var(--digi--navigation-vertical-menu-item--toggle-icon--width);height:var(--digi--navigation-vertical-menu-item--toggle-icon--height)}.sc-digi-navigation-vertical-menu-item-h .digi-navigation-vertical-menu-item__divider.sc-digi-navigation-vertical-menu-item{margin:var(--digi--navigation-vertical-menu-item--divider--margin);border:none;border-top:var(--digi--navigation-vertical-menu-item--divider--border)}.digi-navigation-vertical-menu-item__icon.sc-digi-navigation-vertical-menu-item-s>[slot^=icon],.digi-navigation-vertical-menu-item__icon .sc-digi-navigation-vertical-menu-item-s>[slot^=icon]{--digi--icon--color:var(--digi--navigation-vertical-menu-item--icon--color);--digi--icon--width:var(--digi--navigation-vertical-menu-item--icon--width);--digi--icon--height:var(--digi--navigation-vertical-menu-item--icon--height)}";
|
|
9
|
-
const DigiNavigationVerticalMenuItemStyle0 = navigationVerticalMenuItemCss;
|
|
10
|
-
|
|
11
|
-
const NavigationVerticalMenuItem = class {
|
|
12
|
-
constructor(hostRef) {
|
|
13
|
-
index.registerInstance(this, hostRef);
|
|
14
|
-
this.afOnClick = index.createEvent(this, "afOnClick", 7);
|
|
15
|
-
this.hasSubnav = false;
|
|
16
|
-
this.hasIcon = false;
|
|
17
|
-
this.hasBadge = false;
|
|
18
|
-
this.isActive = undefined;
|
|
19
|
-
this.activeSubnav = undefined;
|
|
20
|
-
this.listItems = [];
|
|
21
|
-
this.afText = undefined;
|
|
22
|
-
this.afHref = undefined;
|
|
23
|
-
this.afAriaCurrent = undefined;
|
|
24
|
-
this.afActiveSubnav = undefined;
|
|
25
|
-
this.afActive = false;
|
|
26
|
-
this.afId = randomIdGenerator_util.randomIdGenerator('digi-navigation-vertical-menu-item');
|
|
27
|
-
this.afOverrideLink = false;
|
|
28
|
-
this.afHasSubnav = false;
|
|
29
|
-
this.afLang = 'sv';
|
|
30
|
-
}
|
|
31
|
-
componentWillLoad() {
|
|
32
|
-
this.activeSubnav = this.afActiveSubnav;
|
|
33
|
-
}
|
|
34
|
-
componentDidLoad() {
|
|
35
|
-
this.setSubnav();
|
|
36
|
-
this.setHasIcon();
|
|
37
|
-
this.setHasBadge();
|
|
38
|
-
this.setHasSubnav();
|
|
39
|
-
this.setIsActive();
|
|
40
|
-
}
|
|
41
|
-
componentWillUpdate() {
|
|
42
|
-
this.setSubnav();
|
|
43
|
-
this.setHasIcon();
|
|
44
|
-
this.setHasBadge();
|
|
45
|
-
this.setHasSubnav();
|
|
46
|
-
}
|
|
47
|
-
setHasSubnav() {
|
|
48
|
-
var _a, _b;
|
|
49
|
-
this.hasSubnav = this.activeSubnav !== undefined;
|
|
50
|
-
if (this.hasSubnav) {
|
|
51
|
-
if (this.$subnav) {
|
|
52
|
-
this.$subnav.hidden = !this.activeSubnav;
|
|
53
|
-
}
|
|
54
|
-
this.activeSubnav
|
|
55
|
-
? (_a = this.$parent) === null || _a === void 0 ? void 0 : _a.classList.add('digi-navigation-vertical-menu__item--active')
|
|
56
|
-
: (_b = this.$parent) === null || _b === void 0 ? void 0 : _b.classList.remove('digi-navigation-vertical-menu__item--active');
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
onAfActiveSubnavChanged(newValue) {
|
|
60
|
-
this.activeSubnav = newValue;
|
|
61
|
-
this.setHasSubnav();
|
|
62
|
-
}
|
|
63
|
-
setIsActive() {
|
|
64
|
-
this.isActive = this.afActive;
|
|
65
|
-
this.isActive
|
|
66
|
-
? this.hostElement.parentElement.classList.add('active')
|
|
67
|
-
: this.hostElement.parentElement.classList.remove('active');
|
|
68
|
-
}
|
|
69
|
-
setSubnav() {
|
|
70
|
-
if (this.hasSubnav) {
|
|
71
|
-
this.$subnav = this.hostElement.parentElement.querySelector('ul');
|
|
72
|
-
this.$parent = this.hostElement.parentElement;
|
|
73
|
-
// Check if UL-element exist or is rendered later dynamically
|
|
74
|
-
if (this.$subnav) {
|
|
75
|
-
this.$subnav.setAttribute('id', `${this.afId}-collapse-menu`);
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
setHasIcon() {
|
|
80
|
-
const icon = !!this.hostElement.querySelector('[slot="icon"]');
|
|
81
|
-
this.hasIcon = icon;
|
|
82
|
-
}
|
|
83
|
-
setHasBadge() {
|
|
84
|
-
const badge = !!this.hostElement.querySelector('[slot="badge"]');
|
|
85
|
-
this.hasBadge = badge;
|
|
86
|
-
}
|
|
87
|
-
clickHandler(e) {
|
|
88
|
-
const el = e.target;
|
|
89
|
-
if (el.tagName.toLowerCase() === 'a') {
|
|
90
|
-
if (this.afOverrideLink) {
|
|
91
|
-
e.preventDefault();
|
|
92
|
-
}
|
|
93
|
-
if (el.classList.contains('digi-navigation-vertical-menu-item__has-subnav')) {
|
|
94
|
-
this.activeSubnav = true;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
else {
|
|
98
|
-
this.activeSubnav = !this.activeSubnav;
|
|
99
|
-
}
|
|
100
|
-
this.afOnClick.emit(e);
|
|
101
|
-
}
|
|
102
|
-
get toggleButtonText() {
|
|
103
|
-
return this.activeSubnav ? 'Stäng meny' : 'Öppna meny';
|
|
104
|
-
}
|
|
105
|
-
get cssModifiers() {
|
|
106
|
-
return {
|
|
107
|
-
'digi-navigation-vertical-menu-item': true,
|
|
108
|
-
'digi-navigation-vertical-menu-item--active': this.isActive,
|
|
109
|
-
'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav,
|
|
110
|
-
'digi-navigation-vertical-menu-item--icon': this.hasIcon,
|
|
111
|
-
'digi-navigation-vertical-menu-item--badge': this.hasBadge
|
|
112
|
-
};
|
|
113
|
-
}
|
|
114
|
-
get toggleIcon() {
|
|
115
|
-
if (this.activeSubnav) {
|
|
116
|
-
return index.h("digi-icon-minus", null);
|
|
117
|
-
}
|
|
118
|
-
else {
|
|
119
|
-
return index.h("digi-icon-plus", null);
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
render() {
|
|
123
|
-
return (index.h("host", { key: 'b466ce9111a5e0dac19daf8903a753c78eb5a0a0', class: {
|
|
124
|
-
'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
|
|
125
|
-
'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
|
|
126
|
-
} }, index.h("div", { key: '55ecf36a90033235cfa8f4394773e868549ae78a', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (index.h("div", { key: '788d539b5b090a9af9d6f8667ad1d8d6136af245', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, index.h("a", { key: 'd5c04026c5c25445b8cae01c0a0809839bc7b03b', id: `${this.afId}-link`, href: this.afHref, class: {
|
|
127
|
-
'digi-navigation-vertical-menu-item__link': true,
|
|
128
|
-
'digi-navigation-vertical-menu-item__has-subnav': true,
|
|
129
|
-
'digi-navigation-vertical-menu-item__link--active': this.isActive,
|
|
130
|
-
'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
|
|
131
|
-
}, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '8f5f0e788d6441ed9c945603ae135ba35f95e556', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '63bd8733d523416d8fdea6498d7af8d8ad5c2737', name: "icon" })), index.h("span", { key: '47a4175a5a6d9ceb79c494f1fb696b5e73b50ff2', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'a99a1a1b19bb755809f68b10ed3e3ed57c6990ed', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '24a3bc5e91bd52454c7d3bac518c95b541748097', name: "badge" }))), index.h("button", { key: 'e77f10a770377161f2a1eaab942331acf8664c0c', type: "button", id: `${this.afId}-toggle-button`, class: {
|
|
132
|
-
'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
|
|
133
|
-
'digi-navigation-vertical-menu-item__button--active': this.isActive
|
|
134
|
-
}, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, index.h("span", { key: 'ba7281a9f65c7775bb4c80b8c60f41518a6e2506', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: 'd9bffd289a04e26e0f18b03ec337081f754da342', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (index.h("div", { key: '4f705d7bf6fcda106628ca60aac33b7a1d6a5c32', class: "digi-navigation-vertical-menu-item__inner" }, index.h("button", { key: '60951bd35331a6d121ad4dea6c1bbdf1c6fe18aa', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, index.h("span", { key: '7475bc63e5282040083ea78ed6c69b16eed03c48', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '0e8c0ad4839f3386e293ff0b56d6fcf8218ef4ca', name: "icon" })), index.h("span", { key: '09a30d103f70fcaf1c2d2733371bfd80a3e89cb3', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '2b4df3150e64e6a26abb802e6a3edc40b3925a32', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'bbf167346ad3aaa9475be0af73cef02bc1488f4a', name: "badge" })), index.h("span", { key: 'ee3545bd40e6770dcb0b11b8a4b19b47f6abcc60', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: 'e1b81b7a54def3cc7b69c4461370444cb8a42f1e' }, this.toggleIcon))))), !this.hasSubnav && (index.h("div", { key: 'f42c85f453bf38d14f21d99f9ef4ccc82cd14c43', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (index.h("a", { key: 'f3db75b42c7f9c59b97287efdc5a7b9e25bdddb1', id: `${this.afId}-link`, href: this.afHref, class: {
|
|
135
|
-
'digi-navigation-vertical-menu-item__link': true,
|
|
136
|
-
'digi-navigation-vertical-menu-item__link--active': this.isActive
|
|
137
|
-
}, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'a11026077ffb74925488f1e84a00ea35fa2708c5', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '498b31c99a2064a5f5861a776ac4591e9e8fe868', name: "icon" })), index.h("span", { key: '551fc9b44157817dd60d1a0d65bea2d4f505ff8d', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '98b9083a6c9a5970883771cb111504cfc0adc36a', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'f4ecb70745f7102ac6f6d0a1921349a9d7efdfbf', name: "badge" })))), this.isActive && (index.h("a", { key: '59e0478351aaa62f1b7988d4ba623a295b325f35', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
|
|
138
|
-
'digi-navigation-vertical-menu-item__link': true,
|
|
139
|
-
'digi-navigation-vertical-menu-item__link--active': this.isActive
|
|
140
|
-
}, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'dfd18536c7e5b0acaf4dcc23e2734841efee94d7', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '9c478aed7b2b39d04e196d29c74d3ddb39d5feb6', name: "icon" })), index.h("span", { key: '1e9f35bde837c753b65c85d83e3226e8e61c7bcf', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '663279bcdd5959c795124b015086ea85d2706847', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '492b55cedb0248ef16b2e41e55bcd41a4e22c600', name: "badge" })))))))));
|
|
141
|
-
}
|
|
142
|
-
get hostElement() { return index.getElement(this); }
|
|
143
|
-
static get watchers() { return {
|
|
144
|
-
"afActiveSubnav": ["setHasSubnav", "onAfActiveSubnavChanged"],
|
|
145
|
-
"afActive": ["setIsActive"]
|
|
146
|
-
}; }
|
|
147
|
-
};
|
|
148
|
-
NavigationVerticalMenuItem.style = DigiNavigationVerticalMenuItemStyle0;
|
|
149
|
-
|
|
150
|
-
exports.digi_navigation_vertical_menu_item = NavigationVerticalMenuItem;
|