@designsystem-se/af 39.2.2 → 39.2.3
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-expandable-accordion.js +18 -11
- package/components/digi-expandable-faq-item.js +21 -14
- package/components/digi-info-card.js +3 -3
- package/custom-elements.json +1 -1
- package/dist/cjs/badge-notification-shape.enum-CEyEo2G5.js +8 -0
- package/dist/cjs/button-size.enum-DgyvMkwE.js +7 -0
- package/dist/cjs/{button-variation.enum-ngMqFLdW.js → button-variation.enum-DkUalo9f.js} +0 -6
- package/dist/cjs/{calendar-week-view-heading-level.enum-BI2f9bbk.js → calendar-week-view-heading-level.enum-NEkm5SUq.js} +0 -7
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-badge-notification.cjs.entry.js +65 -0
- package/dist/cjs/digi-button.cjs.entry.js +131 -0
- package/dist/cjs/{digi-badge-notification_8.cjs.entry.js → digi-calendar-week-view.cjs.entry.js} +72 -645
- package/dist/cjs/{digi-calendar-datepicker.cjs.entry.js → digi-calendar_19.cjs.entry.js} +1613 -56
- package/dist/cjs/digi-code-block_3.cjs.entry.js +8 -13
- package/dist/cjs/digi-code-example.cjs.entry.js +4 -3
- package/dist/cjs/digi-dialog.cjs.entry.js +8 -13
- package/dist/cjs/digi-footer.cjs.entry.js +7 -12
- package/dist/cjs/digi-form-error-list.cjs.entry.js +7 -12
- package/dist/cjs/digi-form-file-upload.cjs.entry.js +9 -10
- package/dist/cjs/digi-form-input-search.cjs.entry.js +5 -6
- package/dist/cjs/digi-form-receipt.cjs.entry.js +7 -12
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +8 -13
- package/dist/cjs/digi-header-navigation.cjs.entry.js +7 -12
- package/dist/cjs/digi-header.cjs.entry.js +7 -12
- package/dist/cjs/digi-info-card.cjs.entry.js +3 -3
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +7 -12
- package/dist/cjs/digi-notification-alert.cjs.entry.js +7 -12
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +7 -12
- package/dist/cjs/digi-tablist-panel.cjs.entry.js +20 -0
- package/dist/cjs/digi-tablist.cjs.entry.js +312 -0
- package/dist/cjs/digi-title-logo.cjs.entry.js +7 -12
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +9 -14
- package/dist/cjs/{form-input-type.enum-DvF_MTHK.js → form-input-type.enum-CCCcY8gv.js} +7 -0
- package/dist/cjs/{form-file-upload-variation.enum-xcEOoggr.js → form-validation-message-variation.enum-DgkifAnP.js} +7 -0
- package/dist/cjs/index-Cn1hHaSy.js +16 -40
- package/dist/cjs/{index-Bdlw-Iuy.js → index-DUQtADgG.js} +189 -19
- package/dist/cjs/index.cjs.js +64 -69
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{typography-variation.enum-BDSt7CVI.js → typography-variation.enum-CVUvogxJ.js} +86 -0
- package/dist/collection/components/_expandable/expandable-accordion/expandable-accordion.js +18 -11
- package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.js +21 -14
- package/dist/collection/components/_info-card/info-card/info-card.js +5 -5
- package/dist/collection/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-0230ec9b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-0394e694.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-04bbbd14.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-0cf25433.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-17824a0b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-25815f15.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-3d4ac22e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4aefce1e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-5ee5766d.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-870a00f8.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-88dc2ed4.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-9n7Okhf1.js +1 -0
- package/dist/digi-arbetsformedlingen/p-C6S1HfeA.js +1 -0
- package/dist/digi-arbetsformedlingen/p-C7xgnp99.js +1 -0
- package/dist/digi-arbetsformedlingen/p-CKoZU0-H.js +1 -0
- package/dist/digi-arbetsformedlingen/p-Cnyfh_8_.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-DwNlf6Sh.js → p-DH_-wpLB.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-Zivp2NJB.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a29b6fff.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-375ea6f8.entry.js → p-ace2e5fd.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-b411a549.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-b7712996.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-bfccf413.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-cdd65abb.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d4406627.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-dd95c75e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-e5396b1e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-e7c10f6a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f91295ac.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ffb4fac6.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-y5Nm4oWF.js +1 -0
- package/dist/esm/badge-notification-shape.enum-CKoZU0-H.js +8 -0
- package/dist/esm/button-size.enum-C7xgnp99.js +7 -0
- package/dist/esm/{button-variation.enum-BMQm4N5I.js → button-variation.enum-y5Nm4oWF.js} +1 -7
- package/dist/esm/{calendar-week-view-heading-level.enum-BBOpiDGx.js → calendar-week-view-heading-level.enum-DH_-wpLB.js} +1 -8
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-badge-notification.entry.js +63 -0
- package/dist/esm/digi-button.entry.js +129 -0
- package/dist/esm/{digi-badge-notification_8.entry.js → digi-calendar-week-view.entry.js} +6 -572
- package/dist/esm/{digi-calendar-datepicker.entry.js → digi-calendar_19.entry.js} +1557 -18
- package/dist/esm/digi-code-block_3.entry.js +7 -12
- package/dist/esm/digi-code-example.entry.js +2 -1
- package/dist/esm/digi-dialog.entry.js +7 -12
- package/dist/esm/digi-footer.entry.js +7 -12
- package/dist/esm/digi-form-error-list.entry.js +7 -12
- package/dist/esm/digi-form-file-upload.entry.js +1 -2
- package/dist/esm/digi-form-input-search.entry.js +1 -2
- package/dist/esm/digi-form-receipt.entry.js +7 -12
- package/dist/esm/digi-form-select-filter.entry.js +7 -12
- package/dist/esm/digi-header-navigation.entry.js +7 -12
- package/dist/esm/digi-header.entry.js +7 -12
- package/dist/esm/digi-info-card.entry.js +3 -3
- package/dist/esm/digi-navigation-pagination.entry.js +7 -12
- package/dist/esm/digi-notification-alert.entry.js +7 -12
- package/dist/esm/digi-notification-error-page.entry.js +7 -12
- package/dist/esm/digi-tablist-panel.entry.js +18 -0
- package/dist/esm/digi-tablist.entry.js +310 -0
- package/dist/esm/digi-title-logo.entry.js +7 -12
- package/dist/esm/digi-tools-feedback.entry.js +7 -12
- package/dist/esm/{form-input-type.enum-BSJH8Lpg.js → form-input-type.enum-C6S1HfeA.js} +8 -1
- package/dist/esm/{form-file-upload-variation.enum-BfyJgcLA.js → form-validation-message-variation.enum-9n7Okhf1.js} +8 -1
- package/dist/esm/index-BnKuq1L7.js +16 -40
- package/dist/esm/{index-B1Je6g2n.js → index-Cnyfh_8_.js} +170 -3
- package/dist/esm/index.js +7 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{typography-variation.enum-4smNltRI.js → typography-variation.enum-Zivp2NJB.js} +87 -1
- package/dist/types/components/_info-card/info-card/info-card.d.ts +2 -2
- package/dist/types/components.d.ts +4 -4
- package/hydrate/index.js +42 -28
- package/hydrate/index.mjs +42 -28
- package/package.json +1 -1
- package/dist/cjs/digi-calendar_2.cjs.entry.js +0 -490
- package/dist/cjs/digi-expandable-accordion.cjs.entry.js +0 -121
- package/dist/cjs/digi-expandable-faq-item.cjs.entry.js +0 -119
- package/dist/cjs/digi-form-input.cjs.entry.js +0 -205
- package/dist/cjs/digi-form-label_3.cjs.entry.js +0 -147
- package/dist/cjs/digi-form-select_2.cjs.entry.js +0 -201
- package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -28
- package/dist/cjs/digi-icon-validation-error_2.cjs.entry.js +0 -51
- package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js +0 -46
- package/dist/cjs/digi-util-keydown-handler.cjs.entry.js +0 -81
- package/dist/cjs/expandable-accordion-header-level.enum-CjL9V3Kt.js +0 -11
- package/dist/cjs/expandable-faq-item-variation.enum-aKkYAQgd.js +0 -18
- package/dist/cjs/form-input-search-variation.enum-VVfvlVeM.js +0 -8
- package/dist/cjs/form-input-variation.enum-kpoXNUuI.js +0 -29
- package/dist/cjs/form-select-variation.enum-e6wjWyaS.js +0 -16
- package/dist/cjs/form-validation-message-variation.enum-BA5nmCiw.js +0 -8
- package/dist/cjs/index-Snltmefx.js +0 -174
- package/dist/cjs/index-r0sb9TCr.js +0 -66
- package/dist/cjs/typography-heading-jumbo-variation.enum-Di1Jeh0G.js +0 -17
- package/dist/digi-arbetsformedlingen/p-037a35bd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0f7e995a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-26f6a310.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3239fb1a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3b42582a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3c1f9629.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4384644b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4ddcae7b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4smNltRI.js +0 -1
- package/dist/digi-arbetsformedlingen/p-569c628c.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-668d38d9.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-66f34ca5.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6931825c.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6cb1c6ea.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-71a8478d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7688502e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-91265ee0.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9a4eecde.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9df345c4.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-B8hpiXmh.js +0 -1
- package/dist/digi-arbetsformedlingen/p-BBOpiDGx.js +0 -1
- package/dist/digi-arbetsformedlingen/p-BMQm4N5I.js +0 -1
- package/dist/digi-arbetsformedlingen/p-BSJH8Lpg.js +0 -1
- package/dist/digi-arbetsformedlingen/p-BfyJgcLA.js +0 -1
- package/dist/digi-arbetsformedlingen/p-BixPaBHw.js +0 -1
- package/dist/digi-arbetsformedlingen/p-BvWKyXb_.js +0 -1
- package/dist/digi-arbetsformedlingen/p-C6B2KRZo.js +0 -1
- package/dist/digi-arbetsformedlingen/p-CgSR-RTl.js +0 -1
- package/dist/digi-arbetsformedlingen/p-DCS1KcvC.js +0 -1
- package/dist/digi-arbetsformedlingen/p-DNjGvZvz.js +0 -1
- package/dist/digi-arbetsformedlingen/p-DfWZa2Wv.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a9a1bf57.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-beebbc90.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c7ade486.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d065e751.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d07a1377.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d0b3c35b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d150094c.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-df8efa59.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e2b0b070.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e7b311da.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-xwICssEK.js +0 -1
- package/dist/esm/digi-calendar_2.entry.js +0 -487
- package/dist/esm/digi-expandable-accordion.entry.js +0 -119
- package/dist/esm/digi-expandable-faq-item.entry.js +0 -117
- package/dist/esm/digi-form-input.entry.js +0 -203
- package/dist/esm/digi-form-label_3.entry.js +0 -143
- package/dist/esm/digi-form-select_2.entry.js +0 -198
- package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
- package/dist/esm/digi-icon-validation-error_2.entry.js +0 -48
- package/dist/esm/digi-typography-heading-jumbo.entry.js +0 -44
- package/dist/esm/digi-util-keydown-handler.entry.js +0 -79
- package/dist/esm/expandable-accordion-header-level.enum-DwNlf6Sh.js +0 -11
- package/dist/esm/expandable-faq-item-variation.enum-C6B2KRZo.js +0 -18
- package/dist/esm/form-input-search-variation.enum-BvWKyXb_.js +0 -8
- package/dist/esm/form-input-variation.enum-DfWZa2Wv.js +0 -29
- package/dist/esm/form-select-variation.enum-DCS1KcvC.js +0 -16
- package/dist/esm/form-validation-message-variation.enum-B8hpiXmh.js +0 -8
- package/dist/esm/index-BixPaBHw.js +0 -170
- package/dist/esm/index-BsIL3T_0.js +0 -63
- package/dist/esm/typography-heading-jumbo-variation.enum-DNjGvZvz.js +0 -17
|
@@ -2,27 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-Cn1hHaSy.js');
|
|
4
4
|
var codeExampleVariation_enum = require('./code-example-variation.enum-Cq-BioXW.js');
|
|
5
|
-
var typographyVariation_enum = require('./typography-variation.enum-
|
|
5
|
+
var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
|
|
6
6
|
var prismGit = require('./prism-git-BqyC7bKv.js');
|
|
7
|
-
require('./
|
|
7
|
+
require('./badge-notification-shape.enum-CEyEo2G5.js');
|
|
8
8
|
require('./badge-status-variation.enum-XX8d--rj.js');
|
|
9
|
-
var
|
|
9
|
+
var buttonSize_enum = require('./button-size.enum-DgyvMkwE.js');
|
|
10
10
|
require('./button-type.enum-2UH0KkO-.js');
|
|
11
|
+
var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
|
|
12
|
+
require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
|
|
11
13
|
require('./bar-chart-variation.enum-BZFN4377.js');
|
|
12
14
|
require('./code-variation.enum-BM-hhQuD.js');
|
|
13
|
-
require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
|
|
14
|
-
require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
|
|
15
15
|
require('./expandable-faq-variation.enum-FEybT9s4.js');
|
|
16
16
|
require('./footer-card-variation.enum-BPnpkC45.js');
|
|
17
17
|
require('./form-checkbox-variation.enum-BfOGU4Qt.js');
|
|
18
|
-
require('./form-
|
|
19
|
-
require('./form-input-
|
|
20
|
-
require('./form-input-type.enum-DvF_MTHK.js');
|
|
21
|
-
require('./form-input-variation.enum-kpoXNUuI.js');
|
|
18
|
+
require('./form-validation-message-variation.enum-DgkifAnP.js');
|
|
19
|
+
require('./form-input-type.enum-CCCcY8gv.js');
|
|
22
20
|
require('./form-radiogroup-validation.enum-DBDbjF6N.js');
|
|
23
|
-
require('./form-select-variation.enum-e6wjWyaS.js');
|
|
24
21
|
require('./form-textarea-variation.enum-BcEyaR5W.js');
|
|
25
|
-
require('./form-validation-message-variation.enum-BA5nmCiw.js');
|
|
26
22
|
require('./info-card-multi-type.enum-pqhvdrsN.js');
|
|
27
23
|
require('./info-card-variation.enum-B1cqmknX.js');
|
|
28
24
|
require('./layout-container-max-width.enum-DqWtU7WK.js');
|
|
@@ -48,7 +44,6 @@ require('./tag-size.enum-DFom3Smn.js');
|
|
|
48
44
|
require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
|
|
49
45
|
require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
|
|
50
46
|
require('./tools-theme-provider.brand.enum-BzduvCUY.js');
|
|
51
|
-
require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
|
|
52
47
|
require('./typography-meta-variation.enum-lvDemnSz.js');
|
|
53
48
|
require('./typography-time-variation.enum-D2gIVzYH.js');
|
|
54
49
|
require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
|
|
@@ -103,7 +98,7 @@ const CodeBlock = class {
|
|
|
103
98
|
};
|
|
104
99
|
}
|
|
105
100
|
render() {
|
|
106
|
-
return (index.h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize:
|
|
101
|
+
return (index.h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: buttonSize_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'b8ea39049f5da02449760433b09651273b14a9d9', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
|
|
107
102
|
}
|
|
108
103
|
static get watchers() { return {
|
|
109
104
|
"afCode": [{
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-Cn1hHaSy.js');
|
|
4
4
|
var codeExampleVariation_enum = require('./code-example-variation.enum-Cq-BioXW.js');
|
|
5
|
-
var
|
|
5
|
+
var buttonSize_enum = require('./button-size.enum-DgyvMkwE.js');
|
|
6
|
+
var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
|
|
6
7
|
var text = require('./text-Cu3CaHGj.js');
|
|
7
8
|
var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
|
|
8
9
|
|
|
@@ -154,10 +155,10 @@ const CodeExample = class {
|
|
|
154
155
|
'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'
|
|
155
156
|
}, onClick: () => this.toggleButtonClickHandler() })) : (''))))), this.hasControls || !!this.codeExampleLanguages ? (index.h("div", { class: {
|
|
156
157
|
'digi-code-example__controls': true
|
|
157
|
-
}, hidden: !!this.afHideControls }, index.h("span", null, index.h("slot", { name: "controls" }), index.h("div", { class: "slot__controls" }, this.codeExampleLanguages && (index.h("digi-form-fieldset", { "af-legend": text._t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (index.h("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), index.h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size":
|
|
158
|
+
}, hidden: !!this.afHideControls }, index.h("span", null, index.h("slot", { name: "controls" }), index.h("div", { class: "slot__controls" }, this.codeExampleLanguages && (index.h("digi-form-fieldset", { "af-legend": text._t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (index.h("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), index.h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonSize_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy))) : (!this.afHideControls && (index.h("digi-button", { class: {
|
|
158
159
|
'digi-code-example__copy-button': true,
|
|
159
160
|
'digi-code-example__copy-button--dark': this.afCodeBlockVariation === 'dark'
|
|
160
|
-
}, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size":
|
|
161
|
+
}, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonSize_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
|
|
161
162
|
}
|
|
162
163
|
get hostElement() { return index.getElement(this); }
|
|
163
164
|
static get watchers() { return {
|
|
@@ -1,28 +1,24 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-Cn1hHaSy.js');
|
|
4
|
-
var typographyVariation_enum = require('./typography-variation.enum-
|
|
4
|
+
var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
|
|
5
5
|
var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
|
|
6
|
-
require('./
|
|
6
|
+
require('./badge-notification-shape.enum-CEyEo2G5.js');
|
|
7
7
|
require('./badge-status-variation.enum-XX8d--rj.js');
|
|
8
|
-
var
|
|
8
|
+
var buttonSize_enum = require('./button-size.enum-DgyvMkwE.js');
|
|
9
9
|
require('./button-type.enum-2UH0KkO-.js');
|
|
10
|
+
var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
|
|
11
|
+
require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
|
|
10
12
|
require('./bar-chart-variation.enum-BZFN4377.js');
|
|
11
13
|
require('./code-example-variation.enum-Cq-BioXW.js');
|
|
12
14
|
require('./code-variation.enum-BM-hhQuD.js');
|
|
13
|
-
require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
|
|
14
|
-
require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
|
|
15
15
|
require('./expandable-faq-variation.enum-FEybT9s4.js');
|
|
16
16
|
require('./footer-card-variation.enum-BPnpkC45.js');
|
|
17
17
|
require('./form-checkbox-variation.enum-BfOGU4Qt.js');
|
|
18
|
-
require('./form-
|
|
19
|
-
require('./form-input-
|
|
20
|
-
require('./form-input-type.enum-DvF_MTHK.js');
|
|
21
|
-
require('./form-input-variation.enum-kpoXNUuI.js');
|
|
18
|
+
require('./form-validation-message-variation.enum-DgkifAnP.js');
|
|
19
|
+
require('./form-input-type.enum-CCCcY8gv.js');
|
|
22
20
|
require('./form-radiogroup-validation.enum-DBDbjF6N.js');
|
|
23
|
-
require('./form-select-variation.enum-e6wjWyaS.js');
|
|
24
21
|
require('./form-textarea-variation.enum-BcEyaR5W.js');
|
|
25
|
-
require('./form-validation-message-variation.enum-BA5nmCiw.js');
|
|
26
22
|
require('./info-card-multi-type.enum-pqhvdrsN.js');
|
|
27
23
|
require('./info-card-variation.enum-B1cqmknX.js');
|
|
28
24
|
require('./layout-container-max-width.enum-DqWtU7WK.js');
|
|
@@ -48,7 +44,6 @@ require('./tag-size.enum-DFom3Smn.js');
|
|
|
48
44
|
require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
|
|
49
45
|
require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
|
|
50
46
|
require('./tools-theme-provider.brand.enum-BzduvCUY.js');
|
|
51
|
-
require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
|
|
52
47
|
require('./typography-meta-variation.enum-lvDemnSz.js');
|
|
53
48
|
require('./typography-time-variation.enum-D2gIVzYH.js');
|
|
54
49
|
require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
|
|
@@ -303,7 +298,7 @@ const Dialog = class {
|
|
|
303
298
|
this._host = el;
|
|
304
299
|
} }, this.afShowDialog && (index.h("div", { key: 'debe37c7ada92dd174a8123ca689219d212e7424', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.h("digi-util-keydown-handler", { key: 'fbdcc37692c3c73745bc2d423e896137fd878392', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, index.h("div", { key: 'f2f07c84aa00a9b52a8d1a74f31607707c875870', ref: (el) => {
|
|
305
300
|
this._wrapper = el;
|
|
306
|
-
}, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: 'da283fbd5b0a912196108295202513f3052a9c02' }, this.afCloseButtonText && (index.h("digi-button", { key: '7c502ad56a21bbf0d1c04b297431c4a34fef9c7f', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize:
|
|
301
|
+
}, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: 'da283fbd5b0a912196108295202513f3052a9c02' }, this.afCloseButtonText && (index.h("digi-button", { key: '7c502ad56a21bbf0d1c04b297431c4a34fef9c7f', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: buttonSize_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: '7bb393f9bec6ffddc1f359d55cc57e034169282a', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: 'ff74759213789351ed6bd7b814e2c5cf213f462a', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '67858397ee97563fc6c72be0de618940177957af', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '7e09c92b7b9b2bc2b6a7328ba28aa3c0b89e43fd' }), index.h("div", { key: '32f8cd053a1ae5c149146997a37785fbfce87875', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: '85770a5546a3edfa6a8397cc3ee75e2f4aa93ae4', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: 'ef5e3b1b3af175edb2efcb423640badf0cfa9e9e', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
|
|
307
302
|
}
|
|
308
303
|
get hostElement() { return index.getElement(this); }
|
|
309
304
|
};
|
|
@@ -1,27 +1,23 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-Cn1hHaSy.js');
|
|
4
|
-
var typographyVariation_enum = require('./typography-variation.enum-
|
|
5
|
-
require('./
|
|
4
|
+
var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
|
|
5
|
+
require('./badge-notification-shape.enum-CEyEo2G5.js');
|
|
6
6
|
require('./badge-status-variation.enum-XX8d--rj.js');
|
|
7
|
-
require('./button-
|
|
7
|
+
require('./button-size.enum-DgyvMkwE.js');
|
|
8
8
|
require('./button-type.enum-2UH0KkO-.js');
|
|
9
|
+
require('./button-variation.enum-DkUalo9f.js');
|
|
10
|
+
require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
|
|
9
11
|
require('./bar-chart-variation.enum-BZFN4377.js');
|
|
10
12
|
require('./code-example-variation.enum-Cq-BioXW.js');
|
|
11
13
|
require('./code-variation.enum-BM-hhQuD.js');
|
|
12
|
-
require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
|
|
13
|
-
require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
|
|
14
14
|
require('./expandable-faq-variation.enum-FEybT9s4.js');
|
|
15
15
|
require('./footer-card-variation.enum-BPnpkC45.js');
|
|
16
16
|
require('./form-checkbox-variation.enum-BfOGU4Qt.js');
|
|
17
|
-
require('./form-
|
|
18
|
-
require('./form-input-
|
|
19
|
-
require('./form-input-type.enum-DvF_MTHK.js');
|
|
20
|
-
require('./form-input-variation.enum-kpoXNUuI.js');
|
|
17
|
+
require('./form-validation-message-variation.enum-DgkifAnP.js');
|
|
18
|
+
require('./form-input-type.enum-CCCcY8gv.js');
|
|
21
19
|
require('./form-radiogroup-validation.enum-DBDbjF6N.js');
|
|
22
|
-
require('./form-select-variation.enum-e6wjWyaS.js');
|
|
23
20
|
require('./form-textarea-variation.enum-BcEyaR5W.js');
|
|
24
|
-
require('./form-validation-message-variation.enum-BA5nmCiw.js');
|
|
25
21
|
require('./info-card-multi-type.enum-pqhvdrsN.js');
|
|
26
22
|
require('./info-card-variation.enum-B1cqmknX.js');
|
|
27
23
|
require('./layout-container-max-width.enum-DqWtU7WK.js');
|
|
@@ -47,7 +43,6 @@ require('./tag-size.enum-DFom3Smn.js');
|
|
|
47
43
|
require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
|
|
48
44
|
require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
|
|
49
45
|
require('./tools-theme-provider.brand.enum-BzduvCUY.js');
|
|
50
|
-
require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
|
|
51
46
|
require('./typography-meta-variation.enum-lvDemnSz.js');
|
|
52
47
|
require('./typography-time-variation.enum-D2gIVzYH.js');
|
|
53
48
|
require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
|
|
@@ -2,27 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-Cn1hHaSy.js');
|
|
4
4
|
var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
|
|
5
|
-
var typographyVariation_enum = require('./typography-variation.enum-
|
|
6
|
-
require('./
|
|
5
|
+
var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
|
|
6
|
+
require('./badge-notification-shape.enum-CEyEo2G5.js');
|
|
7
7
|
require('./badge-status-variation.enum-XX8d--rj.js');
|
|
8
|
-
require('./button-
|
|
8
|
+
require('./button-size.enum-DgyvMkwE.js');
|
|
9
9
|
require('./button-type.enum-2UH0KkO-.js');
|
|
10
|
+
require('./button-variation.enum-DkUalo9f.js');
|
|
11
|
+
require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
|
|
10
12
|
require('./bar-chart-variation.enum-BZFN4377.js');
|
|
11
13
|
require('./code-example-variation.enum-Cq-BioXW.js');
|
|
12
14
|
require('./code-variation.enum-BM-hhQuD.js');
|
|
13
|
-
require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
|
|
14
|
-
require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
|
|
15
15
|
require('./expandable-faq-variation.enum-FEybT9s4.js');
|
|
16
16
|
require('./footer-card-variation.enum-BPnpkC45.js');
|
|
17
17
|
require('./form-checkbox-variation.enum-BfOGU4Qt.js');
|
|
18
|
-
require('./form-
|
|
19
|
-
require('./form-input-
|
|
20
|
-
require('./form-input-type.enum-DvF_MTHK.js');
|
|
21
|
-
require('./form-input-variation.enum-kpoXNUuI.js');
|
|
18
|
+
require('./form-validation-message-variation.enum-DgkifAnP.js');
|
|
19
|
+
require('./form-input-type.enum-CCCcY8gv.js');
|
|
22
20
|
require('./form-radiogroup-validation.enum-DBDbjF6N.js');
|
|
23
|
-
require('./form-select-variation.enum-e6wjWyaS.js');
|
|
24
21
|
require('./form-textarea-variation.enum-BcEyaR5W.js');
|
|
25
|
-
require('./form-validation-message-variation.enum-BA5nmCiw.js');
|
|
26
22
|
require('./info-card-multi-type.enum-pqhvdrsN.js');
|
|
27
23
|
require('./info-card-variation.enum-B1cqmknX.js');
|
|
28
24
|
require('./layout-container-max-width.enum-DqWtU7WK.js');
|
|
@@ -48,7 +44,6 @@ require('./tag-size.enum-DFom3Smn.js');
|
|
|
48
44
|
require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
|
|
49
45
|
require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
|
|
50
46
|
require('./tools-theme-provider.brand.enum-BzduvCUY.js');
|
|
51
|
-
require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
|
|
52
47
|
require('./typography-meta-variation.enum-lvDemnSz.js');
|
|
53
48
|
require('./typography-time-variation.enum-D2gIVzYH.js');
|
|
54
49
|
require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
|
|
@@ -3,9 +3,8 @@
|
|
|
3
3
|
var index = require('./index-Cn1hHaSy.js');
|
|
4
4
|
var text = require('./text-Cu3CaHGj.js');
|
|
5
5
|
var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
|
|
6
|
-
var
|
|
6
|
+
var formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-DgkifAnP.js');
|
|
7
7
|
var utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
|
|
8
|
-
var formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-BA5nmCiw.js');
|
|
9
8
|
|
|
10
9
|
const formFileUploadCss = () => `.sc-digi-form-file-upload-h{--digi--form-file-upload--color--background--small--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--small--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--background--medium--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--medium--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--background--large--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--large--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--border--small--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--small--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--color--border--medium--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--medium--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--color--border--large--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--large--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--border-width--small--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--small--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-width--medium--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--medium--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-width--large--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--large--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-style--small--default:var(--digi--global--border-style--none);--digi--form-file-upload--border-style--medium--default:var(--digi--global--border-style--dashed);--digi--form-file-upload--border-style--large--default:var(--digi--global--border-style--dashed);--digi--form-file-upload--border-radius--small--default:var(--digi--border-radius--secondary);--digi--form-file-upload--border-radius--medium--default:var(--digi--border-radius--secondary);--digi--form-file-upload--border-radius--large--default:var(--digi--border-radius--secondary);--digi--form-file-upload--padding--small:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--form-file-upload--padding--medium:var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);--digi--form-file-upload--padding--large:var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);--digi--form-file-upload--font-size--small:var(--digi--global--typography--font-size--small);--digi--form-file-upload--font-size--medium:var(--digi--global--typography--font-size--base);--digi--form-file-upload--font-size--large:var(--digi--global--typography--font-size--large);--digi--form-file-upload--heading--font-family:var(--digi--global--typography--font-family--default);--digi--form-file-upload--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop);--digi--form-file-upload--heading--font-size:var(--digi--typography--heading-4--font-size--desktop);--digi--form-file-upload--heading--font-size--large:var(--digi--typography--heading-4--font-size--desktop-large);--digi--form-file-upload--font-family:var(--digi--global--typography--font-family--default);--digi--form-file-upload--font-weight:var(--digi--typography--form-file-upload--font-weight--desktop);--digi--form-file-upload--button-text--color--default:var(--digi--color--text--interactive--primary);--digi--form-file-upload--button-text--color--hover:var(--digi--color--text--interactive--primary);--digi--form-file-upload--padding--small--icon:var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);--digi--form-file-upload--padding--medium--icon:var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);--digi--form-file-upload--width--small:132px;--digi--form-file-upload--width--medium:304px;--digi--form-file-upload--width--large:inherit;--digi--form-file-upload--border--error:var(--digi--global--border-style--solid) solid;--digi--form-file-upload--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-file-upload--border--error--width:var(--digi--border-width--secondary);--digi--form-file-upload--background--error:var(--digi--color--background--interactive--validation--error);container-type:inline-size;display:block;width:100%}.sc-digi-form-file-upload-h a.sc-digi-form-file-upload{font-weight:var(--digi--global--typography--font-weight--semibold);color:var(--digi--color--text--interactive--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--small--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--small--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--small--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--small--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--small--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--small--default);--WIDTH:var(--digi--form-file-upload--width--small);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--small);--ICON--PADDING:var(--digi--form-file-upload--padding--small--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--medium--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--medium--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--medium--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--medium--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--medium--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--medium--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--medium--default);--WIDTH:var(--digi--form-file-upload--width--medium);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--medium);--ICON--PADDING:var(--digi--form-file-upload--padding--medium--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--large--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--large--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--large--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--large--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--large--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--large--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--large--default);--WIDTH:var(--digi--form-file-upload--width--large);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--large);--ICON--PADDING:var(--digi--form-file-upload--padding--medium--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload{--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border--error);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--border-color--error);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--border-color--error);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border--error--width);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--background--error)}.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload{margin-right:0.5rem;animation:animation__rotation 3s infinite linear;transform-origin:center;--digi--icon--height:1rem}@media (prefers-reduced-motion){.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload{animation:none}}@keyframes animation__rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload{display:none}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload{margin:0 0 auto 0.5rem;text-align:center;white-space:nowrap;background:none;border:none;cursor:pointer;font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);color:var(--digi--form-file-upload--button-text--color--default);display:flex;align-items:center;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover{color:var(--digi--form-file-upload--button-text--color--hover);text-decoration:underline}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload{--digi--icon--color:var(--digi--form-file-upload--button-text--color--hover)}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white;text-decoration:underline}.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload{--digi--icon--height:1.25rem;--digi--icon--width:1.25rem;--digi--icon--color:var(--digi--color--text--interactive--primary);margin-left:5px;padding:var(--ICON--PADDING);padding-right:0;padding-left:0}.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover{--digi--icon--color:var(--digi--form-file-upload--button-text--color--hover)}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload{border-color:var(--COLOR--BORDER--DEFAULT);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);max-width:var(--WIDTH);margin:0;display:flex;flex-direction:column;background-color:var(--COLOR--BACKGROUND--DEFAULT);align-items:center;padding:var(--PADDING);margin-bottom:var(--digi--gutter--medium);margin-top:var(--digi--gutter--button-block-small);position:relative;cursor:pointer}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload{border-color:var(--COLOR--BORDER--HOVER)}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload{position:absolute;width:100%;height:100%;background-color:var(--COLOR--BACKGROUND--HOVER);opacity:0.1;top:0;left:0;z-index:10}.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload{padding-right:0.5rem}.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload{max-width:none;padding:0;margin:0}.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload{border-radius:var(--BORDER-RADIUS--DEFAULT);max-width:100%;width:100%;box-sizing:border-box;background-color:var(--COLOR--BACKGROUND--FILE-LIST);padding:var(--digi--gutter--largest-2) var(--digi--padding--large);margin-bottom:var(--digi--gutter--medium);margin-top:var(--digi--gutter--medium);padding-bottom:var(--digi--padding--smaller)}.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload{font-family:var(--digi--form-file-upload--heading--font-family);font-size:var(--digi--typography--label--font-size--desktop);font-weight:var(--digi--form-file-upload--heading--font-weight);color:var(--digi--color--text--primary);margin:var(--digi--margin--small) 0 var(--digi--margin--medium) 0;display:block}.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload{margin-top:var(--digi--margin--largest)}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload{display:flex;justify-content:space-between;padding-bottom:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload{border-bottom:var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload{max-height:1.5rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload{padding-right:0}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload{margin:0;padding:0}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload{list-style:none;margin-bottom:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type{margin-bottom:0}.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload{margin:var(--digi--margin--small) 0;margin-bottom:var(--digi--margin--medium);width:100%;box-sizing:border-box}.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload{list-style-type:none}.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2){border-top:var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload{display:flex;justify-content:space-between;align-items:center;width:100%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload{display:flex;justify-content:flex-start;align-items:center;height:auto;min-width:20%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload{display:flex;min-width:20%;justify-content:flex-end;align-items:center}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload{margin:auto var(--digi--margin--small) !important;font-weight:var(--digi--form-file-upload--font-weight);font-size:var(--digi--typography--body--font-size--desktop);white-space:nowrap;height:max-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload{margin:0}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:20%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload{width:1.375rem;height:1.375rem;display:flex;align-self:baseline;position:relative;top:4px;left:0px;margin-right:4px}.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check-icon.sc-digi-form-file-upload{--digi--icon--height:16px;--digi--icon--width:16px;--digi--icon--color:var(--digi--color--icon--validation--success);min-height:0;width:16px;height:16px;background-color:var(--digi--color--background--primary);border-radius:50%;align-self:flex-start}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload{width:100%;margin:auto 0;font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);height:max-content}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload{font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);margin:auto 0 auto var(--digi--margin--small);color:var(--digi--form-file-upload--button-text--color--default)}@media (max-width: 500px){.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload{max-width:17.5rem}}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}@container (max-width: 620px){.sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name{max-width:17.5rem}}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload{position:relative;display:flex;padding:0;margin:0;justify-content:space-between;align-items:center;overflow-wrap:break-word;gap:32px}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload{display:flex;width:100%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload{margin:0;align-self:flex-start}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after{position:absolute;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E");top:-6px;left:24px;width:18px;height:18px;overflow:hidden}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload{width:2rem;height:2rem;object-fit:cover;flex-grow:0;margin-right:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload{margin-left:var(--digi--margin--larger)}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload{position:relative;top:6px;left:5px;margin-right:1.25rem}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after{position:absolute;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E");top:-7px;left:15px;width:18px;height:18px;overflow:hidden}.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload{width:100%}@container (max-width: 500px){.sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span{margin-left:0;margin-right:auto}}.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload{color:var(--digi--color--icon--validation--error)}.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload{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}@container (min-width: 500px){.sc-digi-form-file-upload-h .hidden-desktop{display:none !important}}@container (max-width: 499px){.sc-digi-form-file-upload-h .hidden-mobile{display:none !important}}`;
|
|
11
10
|
|
|
@@ -30,7 +29,7 @@ const FormFileUpload = class {
|
|
|
30
29
|
* Sätter variant. Kan vara 'small', 'medium' eller 'large'. Oberoende på satt storlek så kommer komponenten bli 'small' på mobilskärmar.
|
|
31
30
|
* @en Set input variation 'small', 'medium' or 'large'. On a mobile screen the variation will be automatically set to 'small'.
|
|
32
31
|
*/
|
|
33
|
-
this.afVariation =
|
|
32
|
+
this.afVariation = formValidationMessageVariation_enum.FormFileUploadVariation.SMALL;
|
|
34
33
|
/**
|
|
35
34
|
* Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
|
|
36
35
|
* @en Input id attribute. Defaults to random string.
|
|
@@ -65,12 +64,12 @@ const FormFileUpload = class {
|
|
|
65
64
|
* Sätter antivirus scan status. Kan vara 'enable' eller 'disabled'.
|
|
66
65
|
* @en Set antivirus scan status. Enable is default.
|
|
67
66
|
*/
|
|
68
|
-
this.afValidation =
|
|
67
|
+
this.afValidation = formValidationMessageVariation_enum.FormFileUploadValidation.DISABLED;
|
|
69
68
|
/**
|
|
70
69
|
* Sätt rubrikens vikt. 'h2' är förvalt.
|
|
71
70
|
* @en Set heading level. Default is 'h2'
|
|
72
71
|
*/
|
|
73
|
-
this.afHeadingLevel =
|
|
72
|
+
this.afHeadingLevel = formValidationMessageVariation_enum.FormFileUploadHeadingLevel.H2;
|
|
74
73
|
/**
|
|
75
74
|
* Om värdet är true får felmeddelandet attributet role="alert".
|
|
76
75
|
* Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
|
|
@@ -98,7 +97,7 @@ const FormFileUpload = class {
|
|
|
98
97
|
breakpointHandler(e) {
|
|
99
98
|
if (e.detail.value) {
|
|
100
99
|
if (e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) {
|
|
101
|
-
this.afVariation =
|
|
100
|
+
this.afVariation = formValidationMessageVariation_enum.FormFileUploadVariation.SMALL;
|
|
102
101
|
}
|
|
103
102
|
else {
|
|
104
103
|
this.afVariation = this.aforiginalVariation;
|
|
@@ -404,7 +403,7 @@ const FormFileUpload = class {
|
|
|
404
403
|
}
|
|
405
404
|
emitFile(file) {
|
|
406
405
|
const index = this.getIndexOfFile(file['id']);
|
|
407
|
-
if (this.afValidation ===
|
|
406
|
+
if (this.afValidation === formValidationMessageVariation_enum.FormFileUploadValidation.ENABLED) {
|
|
408
407
|
this.afOnUploadFile.emit(this.files[index]);
|
|
409
408
|
}
|
|
410
409
|
else {
|
|
@@ -428,7 +427,7 @@ const FormFileUpload = class {
|
|
|
428
427
|
}
|
|
429
428
|
}
|
|
430
429
|
handleAllowDrop(e) {
|
|
431
|
-
if (this.afVariation ===
|
|
430
|
+
if (this.afVariation === formValidationMessageVariation_enum.FormFileUploadVariation.SMALL)
|
|
432
431
|
return;
|
|
433
432
|
e.stopPropagation();
|
|
434
433
|
e.preventDefault();
|
|
@@ -608,7 +607,7 @@ const FormFileUpload = class {
|
|
|
608
607
|
'digi-form-file-upload__upload-area': true,
|
|
609
608
|
'digi-form-file-upload__upload-area--hover': this.fileHover
|
|
610
609
|
}, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), onDragEnter: (e) => this.handleOnDragEnterLeave(e), onDragLeave: (e) => this.handleOnDragEnterLeave(e), onClick: (e) => this.handleInputClick(e) }, this.fileHover &&
|
|
611
|
-
this.afVariation !=
|
|
610
|
+
this.afVariation != formValidationMessageVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: 'b5ed1a44293012aa6bdcfc86937f04bf751fc642', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: 'ec86494fd7299db8e3c5e9ad9940a633fc9e73a8', class: "digi-form-file-upload__text-area" }, index.h("button", { key: 'adcc823a998bce77bd83f2c0ee486f55d060204b', type: "button", id: this.afId + '-button', ref: (el) => {
|
|
612
611
|
this._uploadButton = el;
|
|
613
612
|
}, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
|
|
614
613
|
margin: '0'
|
|
@@ -616,7 +615,7 @@ const FormFileUpload = class {
|
|
|
616
615
|
? this.afUploadBtnText
|
|
617
616
|
: text._t.form.file_choose), index.h("input", { key: '5d2beb87d1565c478cfa280b9790fc25de90e958', ref: (el) => {
|
|
618
617
|
this._input = el;
|
|
619
|
-
}, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), index.h("span", { key: 'c8e9e00250ab4cb9da92bd7695fb389ddd74428a' }, this.afVariation !==
|
|
618
|
+
}, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), index.h("span", { key: 'c8e9e00250ab4cb9da92bd7695fb389ddd74428a' }, this.afVariation !== formValidationMessageVariation_enum.FormFileUploadVariation.SMALL &&
|
|
620
619
|
text._t.form.file_dropzone))), index.h("p", { key: 'e54f8e9d99ddd6b39833c32f3080c6f7eef840a9', class: "visually-hidden", role: this.errorMessageIsAlert ? 'alert' : null, "aria-atomic": "true", ref: (el) => {
|
|
621
620
|
this._srTextContainer = el;
|
|
622
621
|
} }), (this.files.length > 0 || this.error) && (index.h("div", { key: '5f246f4669dc97e046855e46f25792da5325051c', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-Cn1hHaSy.js');
|
|
4
4
|
var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
|
|
5
|
-
var
|
|
6
|
-
var formInputType_enum = require('./form-input-type.enum-DvF_MTHK.js');
|
|
5
|
+
var formInputType_enum = require('./form-input-type.enum-CCCcY8gv.js');
|
|
7
6
|
var buttonType_enum = require('./button-type.enum-2UH0KkO-.js');
|
|
8
7
|
var detectClickOutside_util = require('./detectClickOutside.util-DKR8Sdiw.js');
|
|
9
8
|
var detectFocusOutside_util = require('./detectFocusOutside.util-BNHrXMJ2.js');
|
|
@@ -47,7 +46,7 @@ const FormInputSearch = class {
|
|
|
47
46
|
* @deprecated Obs, varianten 'large' kommer att utgå i december 2026.
|
|
48
47
|
* @en Set input variation.
|
|
49
48
|
*/
|
|
50
|
-
this.afVariation =
|
|
49
|
+
this.afVariation = formInputType_enum.FormInputSearchVariation.MEDIUM;
|
|
51
50
|
/**
|
|
52
51
|
* Sätter knappelementets attribut 'type'. Bör vara 'submit' eller 'button'
|
|
53
52
|
* @en Set button element's type attribute.
|
|
@@ -132,9 +131,9 @@ const FormInputSearch = class {
|
|
|
132
131
|
}
|
|
133
132
|
get cssModifiers() {
|
|
134
133
|
return {
|
|
135
|
-
'digi-form-input-search--small': this.afVariation ===
|
|
136
|
-
'digi-form-input-search--medium': this.afVariation ===
|
|
137
|
-
'digi-form-input-search--large': this.afVariation ===
|
|
134
|
+
'digi-form-input-search--small': this.afVariation === formInputType_enum.FormInputSearchVariation.SMALL,
|
|
135
|
+
'digi-form-input-search--medium': this.afVariation === formInputType_enum.FormInputSearchVariation.MEDIUM,
|
|
136
|
+
'digi-form-input-search--large': this.afVariation === formInputType_enum.FormInputSearchVariation.LARGE
|
|
138
137
|
};
|
|
139
138
|
}
|
|
140
139
|
render() {
|
|
@@ -1,27 +1,23 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-Cn1hHaSy.js');
|
|
4
|
-
var typographyVariation_enum = require('./typography-variation.enum-
|
|
5
|
-
require('./
|
|
4
|
+
var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
|
|
5
|
+
require('./badge-notification-shape.enum-CEyEo2G5.js');
|
|
6
6
|
require('./badge-status-variation.enum-XX8d--rj.js');
|
|
7
|
-
require('./button-
|
|
7
|
+
require('./button-size.enum-DgyvMkwE.js');
|
|
8
8
|
require('./button-type.enum-2UH0KkO-.js');
|
|
9
|
+
require('./button-variation.enum-DkUalo9f.js');
|
|
10
|
+
require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
|
|
9
11
|
require('./bar-chart-variation.enum-BZFN4377.js');
|
|
10
12
|
require('./code-example-variation.enum-Cq-BioXW.js');
|
|
11
13
|
require('./code-variation.enum-BM-hhQuD.js');
|
|
12
|
-
require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
|
|
13
|
-
require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
|
|
14
14
|
require('./expandable-faq-variation.enum-FEybT9s4.js');
|
|
15
15
|
require('./footer-card-variation.enum-BPnpkC45.js');
|
|
16
16
|
require('./form-checkbox-variation.enum-BfOGU4Qt.js');
|
|
17
|
-
require('./form-
|
|
18
|
-
require('./form-input-
|
|
19
|
-
require('./form-input-type.enum-DvF_MTHK.js');
|
|
20
|
-
require('./form-input-variation.enum-kpoXNUuI.js');
|
|
17
|
+
require('./form-validation-message-variation.enum-DgkifAnP.js');
|
|
18
|
+
require('./form-input-type.enum-CCCcY8gv.js');
|
|
21
19
|
require('./form-radiogroup-validation.enum-DBDbjF6N.js');
|
|
22
|
-
require('./form-select-variation.enum-e6wjWyaS.js');
|
|
23
20
|
require('./form-textarea-variation.enum-BcEyaR5W.js');
|
|
24
|
-
require('./form-validation-message-variation.enum-BA5nmCiw.js');
|
|
25
21
|
require('./info-card-multi-type.enum-pqhvdrsN.js');
|
|
26
22
|
require('./info-card-variation.enum-B1cqmknX.js');
|
|
27
23
|
require('./layout-container-max-width.enum-DqWtU7WK.js');
|
|
@@ -47,7 +43,6 @@ require('./tag-size.enum-DFom3Smn.js');
|
|
|
47
43
|
require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
|
|
48
44
|
require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
|
|
49
45
|
require('./tools-theme-provider.brand.enum-BzduvCUY.js');
|
|
50
|
-
require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
|
|
51
46
|
require('./typography-meta-variation.enum-lvDemnSz.js');
|
|
52
47
|
require('./typography-time-variation.enum-D2gIVzYH.js');
|
|
53
48
|
require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
|
|
@@ -6,27 +6,23 @@ var logger_util = require('./logger.util-DUhrcCTY.js');
|
|
|
6
6
|
var detectClickOutside_util = require('./detectClickOutside.util-DKR8Sdiw.js');
|
|
7
7
|
var detectFocusOutside_util = require('./detectFocusOutside.util-BNHrXMJ2.js');
|
|
8
8
|
var text = require('./text-Cu3CaHGj.js');
|
|
9
|
-
require('./
|
|
10
|
-
var typographyVariation_enum = require('./typography-variation.enum-
|
|
9
|
+
require('./badge-notification-shape.enum-CEyEo2G5.js');
|
|
10
|
+
var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
|
|
11
11
|
require('./badge-status-variation.enum-XX8d--rj.js');
|
|
12
|
-
require('./button-
|
|
12
|
+
require('./button-size.enum-DgyvMkwE.js');
|
|
13
13
|
require('./button-type.enum-2UH0KkO-.js');
|
|
14
|
+
require('./button-variation.enum-DkUalo9f.js');
|
|
15
|
+
require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
|
|
14
16
|
require('./bar-chart-variation.enum-BZFN4377.js');
|
|
15
17
|
require('./code-example-variation.enum-Cq-BioXW.js');
|
|
16
18
|
require('./code-variation.enum-BM-hhQuD.js');
|
|
17
|
-
require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
|
|
18
|
-
require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
|
|
19
19
|
require('./expandable-faq-variation.enum-FEybT9s4.js');
|
|
20
20
|
require('./footer-card-variation.enum-BPnpkC45.js');
|
|
21
21
|
require('./form-checkbox-variation.enum-BfOGU4Qt.js');
|
|
22
|
-
require('./form-
|
|
23
|
-
require('./form-input-
|
|
24
|
-
var formInputType_enum = require('./form-input-type.enum-DvF_MTHK.js');
|
|
25
|
-
var formInputVariation_enum = require('./form-input-variation.enum-kpoXNUuI.js');
|
|
22
|
+
require('./form-validation-message-variation.enum-DgkifAnP.js');
|
|
23
|
+
var formInputType_enum = require('./form-input-type.enum-CCCcY8gv.js');
|
|
26
24
|
require('./form-radiogroup-validation.enum-DBDbjF6N.js');
|
|
27
|
-
require('./form-select-variation.enum-e6wjWyaS.js');
|
|
28
25
|
require('./form-textarea-variation.enum-BcEyaR5W.js');
|
|
29
|
-
require('./form-validation-message-variation.enum-BA5nmCiw.js');
|
|
30
26
|
require('./info-card-multi-type.enum-pqhvdrsN.js');
|
|
31
27
|
require('./info-card-variation.enum-B1cqmknX.js');
|
|
32
28
|
require('./layout-container-max-width.enum-DqWtU7WK.js');
|
|
@@ -52,7 +48,6 @@ require('./tag-size.enum-DFom3Smn.js');
|
|
|
52
48
|
require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
|
|
53
49
|
require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
|
|
54
50
|
require('./tools-theme-provider.brand.enum-BzduvCUY.js');
|
|
55
|
-
require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
|
|
56
51
|
require('./typography-meta-variation.enum-lvDemnSz.js');
|
|
57
52
|
require('./typography-time-variation.enum-D2gIVzYH.js');
|
|
58
53
|
require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
|
|
@@ -596,7 +591,7 @@ const FormSelectFilter = class {
|
|
|
596
591
|
'digi-form-select-filter__dropdown': true,
|
|
597
592
|
'digi-form-select-filter__dropdown--right': this.afAlignRight,
|
|
598
593
|
'digi-form-select-filter__dropdown--hidden': !this.isOpen
|
|
599
|
-
} }, index.h("fieldset", { key: 'daa4e02e97f5907fc89aeb7a337bd97ceba1c148' }, index.h("div", { key: '99cd8af83d9b1410610f4e49a6759fac20c6955f', class: "digi-form-select-filter__header" }, index.h("legend", { key: '0ed1e17842e0795194c4b74d9600f17c3d2e63b0', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: 'c35f93cb680c6f6e902f281ff597108a9106b016', afLabel: this.afName, afId: `${this.afId}-search`, afVariation:
|
|
594
|
+
} }, index.h("fieldset", { key: 'daa4e02e97f5907fc89aeb7a337bd97ceba1c148' }, index.h("div", { key: '99cd8af83d9b1410610f4e49a6759fac20c6955f', class: "digi-form-select-filter__header" }, index.h("legend", { key: '0ed1e17842e0795194c4b74d9600f17c3d2e63b0', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: 'c35f93cb680c6f6e902f281ff597108a9106b016', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: typographyVariation_enum.FormInputVariation.MEDIUM, afType: formInputType_enum.FormInputType.SEARCH, afValidation: typographyVariation_enum.FormInputValidation.NEUTRAL, onAfOnFocus: () => {
|
|
600
595
|
this.focusListItemIndex = 0;
|
|
601
596
|
}, onAfOnKeyup: (e) => {
|
|
602
597
|
this.inputSearchKeyboardHandler(e.detail);
|
|
@@ -1,27 +1,23 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-Cn1hHaSy.js');
|
|
4
|
-
require('./
|
|
5
|
-
var typographyVariation_enum = require('./typography-variation.enum-
|
|
4
|
+
require('./badge-notification-shape.enum-CEyEo2G5.js');
|
|
5
|
+
var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
|
|
6
6
|
require('./badge-status-variation.enum-XX8d--rj.js');
|
|
7
|
-
require('./button-
|
|
7
|
+
require('./button-size.enum-DgyvMkwE.js');
|
|
8
8
|
require('./button-type.enum-2UH0KkO-.js');
|
|
9
|
+
require('./button-variation.enum-DkUalo9f.js');
|
|
10
|
+
require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
|
|
9
11
|
require('./bar-chart-variation.enum-BZFN4377.js');
|
|
10
12
|
require('./code-example-variation.enum-Cq-BioXW.js');
|
|
11
13
|
require('./code-variation.enum-BM-hhQuD.js');
|
|
12
|
-
require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
|
|
13
|
-
require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
|
|
14
14
|
require('./expandable-faq-variation.enum-FEybT9s4.js');
|
|
15
15
|
require('./footer-card-variation.enum-BPnpkC45.js');
|
|
16
16
|
require('./form-checkbox-variation.enum-BfOGU4Qt.js');
|
|
17
|
-
require('./form-
|
|
18
|
-
require('./form-input-
|
|
19
|
-
require('./form-input-type.enum-DvF_MTHK.js');
|
|
20
|
-
require('./form-input-variation.enum-kpoXNUuI.js');
|
|
17
|
+
require('./form-validation-message-variation.enum-DgkifAnP.js');
|
|
18
|
+
require('./form-input-type.enum-CCCcY8gv.js');
|
|
21
19
|
require('./form-radiogroup-validation.enum-DBDbjF6N.js');
|
|
22
|
-
require('./form-select-variation.enum-e6wjWyaS.js');
|
|
23
20
|
require('./form-textarea-variation.enum-BcEyaR5W.js');
|
|
24
|
-
require('./form-validation-message-variation.enum-BA5nmCiw.js');
|
|
25
21
|
require('./info-card-multi-type.enum-pqhvdrsN.js');
|
|
26
22
|
require('./info-card-variation.enum-B1cqmknX.js');
|
|
27
23
|
require('./layout-container-max-width.enum-DqWtU7WK.js');
|
|
@@ -47,7 +43,6 @@ require('./tag-size.enum-DFom3Smn.js');
|
|
|
47
43
|
require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
|
|
48
44
|
require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
|
|
49
45
|
require('./tools-theme-provider.brand.enum-BzduvCUY.js');
|
|
50
|
-
require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
|
|
51
46
|
require('./typography-meta-variation.enum-lvDemnSz.js');
|
|
52
47
|
require('./typography-time-variation.enum-D2gIVzYH.js');
|
|
53
48
|
var utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
|
|
@@ -1,27 +1,23 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-Cn1hHaSy.js');
|
|
4
|
-
require('./
|
|
5
|
-
var typographyVariation_enum = require('./typography-variation.enum-
|
|
4
|
+
require('./badge-notification-shape.enum-CEyEo2G5.js');
|
|
5
|
+
var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
|
|
6
6
|
require('./badge-status-variation.enum-XX8d--rj.js');
|
|
7
|
-
require('./button-
|
|
7
|
+
require('./button-size.enum-DgyvMkwE.js');
|
|
8
8
|
require('./button-type.enum-2UH0KkO-.js');
|
|
9
|
+
require('./button-variation.enum-DkUalo9f.js');
|
|
10
|
+
require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
|
|
9
11
|
require('./bar-chart-variation.enum-BZFN4377.js');
|
|
10
12
|
require('./code-example-variation.enum-Cq-BioXW.js');
|
|
11
13
|
require('./code-variation.enum-BM-hhQuD.js');
|
|
12
|
-
require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
|
|
13
|
-
require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
|
|
14
14
|
require('./expandable-faq-variation.enum-FEybT9s4.js');
|
|
15
15
|
require('./footer-card-variation.enum-BPnpkC45.js');
|
|
16
16
|
require('./form-checkbox-variation.enum-BfOGU4Qt.js');
|
|
17
|
-
require('./form-
|
|
18
|
-
require('./form-input-
|
|
19
|
-
require('./form-input-type.enum-DvF_MTHK.js');
|
|
20
|
-
require('./form-input-variation.enum-kpoXNUuI.js');
|
|
17
|
+
require('./form-validation-message-variation.enum-DgkifAnP.js');
|
|
18
|
+
require('./form-input-type.enum-CCCcY8gv.js');
|
|
21
19
|
require('./form-radiogroup-validation.enum-DBDbjF6N.js');
|
|
22
|
-
require('./form-select-variation.enum-e6wjWyaS.js');
|
|
23
20
|
require('./form-textarea-variation.enum-BcEyaR5W.js');
|
|
24
|
-
require('./form-validation-message-variation.enum-BA5nmCiw.js');
|
|
25
21
|
require('./info-card-multi-type.enum-pqhvdrsN.js');
|
|
26
22
|
require('./info-card-variation.enum-B1cqmknX.js');
|
|
27
23
|
var layoutContainerMaxWidth_enum = require('./layout-container-max-width.enum-DqWtU7WK.js');
|
|
@@ -47,7 +43,6 @@ require('./tag-size.enum-DFom3Smn.js');
|
|
|
47
43
|
require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
|
|
48
44
|
require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
|
|
49
45
|
require('./tools-theme-provider.brand.enum-BzduvCUY.js');
|
|
50
|
-
require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
|
|
51
46
|
require('./typography-meta-variation.enum-lvDemnSz.js');
|
|
52
47
|
require('./typography-time-variation.enum-D2gIVzYH.js');
|
|
53
48
|
var utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
|
|
@@ -26,8 +26,8 @@ const InfoCard = class {
|
|
|
26
26
|
*/
|
|
27
27
|
this.afBorderPosition = infoCardVariation_enum.InfoCardBorderPosition.TOP;
|
|
28
28
|
/**
|
|
29
|
-
* Sätter variant. Kan vara 'primary' eller 'secondary'.
|
|
30
|
-
* @en Set info card variation. Can be 'primary' or 'secondary'.
|
|
29
|
+
* Sätter variant. Kan vara 'primary' eller 'secondary'.
|
|
30
|
+
* @en Set info card variation. Can be 'primary' or 'secondary'.
|
|
31
31
|
*/
|
|
32
32
|
this.afVariation = infoCardVariation_enum.InfoCardVariation.PRIMARY;
|
|
33
33
|
this.activeLink = false;
|
|
@@ -73,7 +73,7 @@ const InfoCard = class {
|
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
75
|
render() {
|
|
76
|
-
return (index.h("div", { key: '
|
|
76
|
+
return (index.h("div", { key: '56dc89fe307963c3088b9e8301700a5e29d36c22', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, index.h("div", { key: '504c5b7810f922a55ef5c887b24432a3ccb9ea78', class: "digi-info-card__content" }, index.h("div", { key: '6adb959fadb3c8a8182e0176cca3fd02686fadfb', class: "digi-info-card__icon" }, this.hasListIcon && (index.h("span", { key: '3a9c35f22e32d4b30dbcc0614c602541a7349fac', class: "digi-info-card__icon" }, index.h("slot", { key: '601de5d168bad7d3615c8d35b8dd464a392aef6c', name: "icon" })))), index.h(this.afHeadingLevel, { key: 'f6006f419904c85a05ea8efa3933b32c9373b655', class: "digi-info-card__heading" }, this.afHeading), index.h("digi-typography", { key: '3858f2e16f6b33a9f9bd72278c199ebc5b32e762' }, index.h("slot", { key: '5b0c1cc00581490aa189a5dd31a7d13f05ef6ce5' })), this.shouldRenderInternalLink && (index.h("digi-link-internal", { key: 'fcc04567e624c939c30c27dec8d3fd58fe0042eb', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
|
|
77
77
|
}
|
|
78
78
|
get hostElement() { return index.getElement(this); }
|
|
79
79
|
static get watchers() { return {
|