@designsystem-se/af 35.3.0 → 35.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/digi-bar-chart.js +1 -1
- package/components/digi-chart-line.js +1 -1
- package/components/digi-code-block.js +1 -1
- package/components/digi-code-example.js +1 -1
- package/components/digi-header-navigation.js +1 -1
- package/components/digi-header.js +2 -2
- package/components/digi-info-card.js +1 -1
- package/components/digi-link-button.js +3 -1
- package/components/p-472bc7d3.js +129 -0
- package/custom-elements.json +6 -2
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-bar-chart.cjs.entry.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-chart-line.cjs.entry.js +1 -1
- 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-info-card.cjs.entry.js +1 -1
- package/dist/cjs/digi-link-button.cjs.entry.js +2 -1
- 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/_chart/bar-chart/bar-chart.css +13 -19
- package/dist/collection/components/_chart/chart-line/chart-line.css +19 -23
- package/dist/collection/components/_code/code-block/code-block.css +2 -2
- 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/components/_info-card/info-card/info-card.js +5 -5
- package/dist/collection/components/_link/link-button/link-button.js +24 -1
- 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-07fd5ccf.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-5aae7437.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-c04b06a2.entry.js → p-5ac3d7a9.entry.js} +1 -1
- 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-f1a6524e.entry.js → p-83b3f053.entry.js} +1 -1
- 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-c1606b8a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c30a3366.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-0c271457.entry.js → p-cb8e7e0a.entry.js} +1 -1
- 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-bar-chart.entry.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-chart-line.entry.js +1 -1
- 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-info-card.entry.js +1 -1
- package/dist/esm/digi-link-button.entry.js +2 -1
- 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/dist/types/components/_info-card/info-card/info-card.d.ts +4 -4
- package/dist/types/components/_link/link-button/link-button.d.ts +5 -0
- package/dist/types/components.d.ts +18 -8
- package/hydrate/index.js +10 -8
- package/hydrate/index.mjs +10 -8
- package/package.json +1 -1
- package/components/p-2bc16106.js +0 -129
- 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/digi-arbetsformedlingen/p-d8b9b535.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/components/p-2bc16106.js
DELETED
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
|
|
2
|
-
import { b as CodeBlockVariation, a as CodeBlockLanguage } from './p-5a256d98.js';
|
|
3
|
-
import { P as Prism } from './p-f25f9ca8.js';
|
|
4
|
-
import './p-717306ef.js';
|
|
5
|
-
import './p-a4a001e1.js';
|
|
6
|
-
import { b as ButtonVariation, B as ButtonSize } from './p-f518a4cf.js';
|
|
7
|
-
import './p-7e32c40b.js';
|
|
8
|
-
import './p-dcdffb3c.js';
|
|
9
|
-
import './p-5d21a361.js';
|
|
10
|
-
import './p-ad16c7a1.js';
|
|
11
|
-
import './p-f40f4b2a.js';
|
|
12
|
-
import './p-1f68d501.js';
|
|
13
|
-
import './p-ee88e3f1.js';
|
|
14
|
-
import './p-8142cc73.js';
|
|
15
|
-
import './p-905ccb30.js';
|
|
16
|
-
import './p-bc3d2778.js';
|
|
17
|
-
import './p-c8429245.js';
|
|
18
|
-
import './p-06625463.js';
|
|
19
|
-
import './p-f447b984.js';
|
|
20
|
-
import './p-9c5a93d8.js';
|
|
21
|
-
import './p-7933b555.js';
|
|
22
|
-
import './p-0f6c0360.js';
|
|
23
|
-
import './p-814ca2ad.js';
|
|
24
|
-
import './p-d8a98b3b.js';
|
|
25
|
-
import './p-07303cb5.js';
|
|
26
|
-
import './p-5f8dc01a.js';
|
|
27
|
-
import './p-2a023831.js';
|
|
28
|
-
import './p-5ba6737a.js';
|
|
29
|
-
import './p-e4a9f8f0.js';
|
|
30
|
-
import './p-f2a6768b.js';
|
|
31
|
-
import './p-40657c82.js';
|
|
32
|
-
import './p-f600576a.js';
|
|
33
|
-
import './p-3b20ec86.js';
|
|
34
|
-
import './p-9dd5d6c8.js';
|
|
35
|
-
import './p-77a93845.js';
|
|
36
|
-
import './p-06f939ab.js';
|
|
37
|
-
import './p-8cd2d6dd.js';
|
|
38
|
-
import './p-484a1d6d.js';
|
|
39
|
-
import './p-0f3fbb1e.js';
|
|
40
|
-
import './p-820e795b.js';
|
|
41
|
-
import './p-46cbbcb5.js';
|
|
42
|
-
import './p-d74742b8.js';
|
|
43
|
-
import './p-6e383896.js';
|
|
44
|
-
import './p-4bad4fb0.js';
|
|
45
|
-
import './p-d1886fff.js';
|
|
46
|
-
import './p-a6ca40fc.js';
|
|
47
|
-
import './p-b0e88537.js';
|
|
48
|
-
import './p-cdcaf0eb.js';
|
|
49
|
-
import { _ as _t } from './p-08cf2c0e.js';
|
|
50
|
-
import { d as defineCustomElement$2 } from './p-e8fc33ed.js';
|
|
51
|
-
import { d as defineCustomElement$1 } from './p-1440ff46.js';
|
|
52
|
-
|
|
53
|
-
const codeBlockCss = "digi-code-block{--digi--code-block--background:var(--digi--color--background--primary);--digi--code-block--border-radius:0.3rem;--digi--code-block--border:1px solid var(--digi--grayscale--900);display:block}digi-code-block .digi-code-block{border-radius:var(--digi--code-block--border-radius);border:var(--digi--code-block--border);overflow:hidden;position:relative}digi-code-block .digi-code-block pre{margin:0}digi-code-block .digi-code-block--light{}digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:#545454;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--light pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:#fefefe}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.prolog,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.cdata{color:#696969}digi-code-block .digi-code-block--light .token.punctuation{color:#545454}digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.tag,digi-code-block .digi-code-block--light .token.constant,digi-code-block .digi-code-block--light .token.symbol,digi-code-block .digi-code-block--light .token.deleted{color:#007faa}digi-code-block .digi-code-block--light .token.boolean,digi-code-block .digi-code-block--light .token.number{color:#008000}digi-code-block .digi-code-block--light .token.selector,digi-code-block .digi-code-block--light .token.attr-name,digi-code-block .digi-code-block--light .token.string,digi-code-block .digi-code-block--light .token.char,digi-code-block .digi-code-block--light .token.builtin,digi-code-block .digi-code-block--light .token.inserted{color:#aa5d00}digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.entity,digi-code-block .digi-code-block--light .token.url,digi-code-block .digi-code-block--light .language-css .token.string,digi-code-block .digi-code-block--light .style .token.string,digi-code-block .digi-code-block--light .token.variable{color:#008000}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function{color:#aa5d00}digi-code-block .digi-code-block--light .token.keyword{color:#d91e18}digi-code-block .digi-code-block--light .token.regex,digi-code-block .digi-code-block--light .token.important{color:#d91e18}digi-code-block .digi-code-block--light .token.important,digi-code-block .digi-code-block--light .token.bold{font-weight:bold}digi-code-block .digi-code-block--light .token.italic{font-style:italic}digi-code-block .digi-code-block--light .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--light code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--light :not(pre)>code[class*=language-],digi-code-block .digi-code-block--light pre[class*=language-]{background:window}digi-code-block .digi-code-block--light .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--light .token.atrule,digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.selector{font-weight:bold}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.comment,digi-code-block .digi-code-block--light .token.doctype,digi-code-block .digi-code-block--light .token.function,digi-code-block .digi-code-block--light .token.keyword,digi-code-block .digi-code-block--light .token.operator,digi-code-block .digi-code-block--light .token.property,digi-code-block .digi-code-block--light .token.string{color:highlight}digi-code-block .digi-code-block--light .token.attr-value,digi-code-block .digi-code-block--light .token.url{font-weight:normal}}digi-code-block .digi-code-block--dark{}digi-code-block .digi-code-block--dark .digi-code-block__button{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary);--digi--button--color--text--function--focus:var(--digi--color--text--secondary);--digi--button--color--icon--function--focus:var(--digi--color--text--secondary)}digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:#f8f8f2;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code-block .digi-code-block--dark pre[class*=language-]{padding:1em;overflow:auto}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:#272727}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-]{padding:0.1em;white-space:normal}digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.prolog,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.cdata{color:#d4d0ab}digi-code-block .digi-code-block--dark .token.punctuation{color:#fefefe}digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.tag,digi-code-block .digi-code-block--dark .token.constant,digi-code-block .digi-code-block--dark .token.symbol,digi-code-block .digi-code-block--dark .token.deleted{color:#ffa07a}digi-code-block .digi-code-block--dark .token.boolean,digi-code-block .digi-code-block--dark .token.number{color:#00e0e0}digi-code-block .digi-code-block--dark .token.selector,digi-code-block .digi-code-block--dark .token.attr-name,digi-code-block .digi-code-block--dark .token.string,digi-code-block .digi-code-block--dark .token.char,digi-code-block .digi-code-block--dark .token.builtin,digi-code-block .digi-code-block--dark .token.inserted{color:#abe338}digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.entity,digi-code-block .digi-code-block--dark .token.url,digi-code-block .digi-code-block--dark .language-css .token.string,digi-code-block .digi-code-block--dark .style .token.string,digi-code-block .digi-code-block--dark .token.variable{color:#00e0e0}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function{color:#ffd700}digi-code-block .digi-code-block--dark .token.keyword{color:#00e0e0}digi-code-block .digi-code-block--dark .token.regex,digi-code-block .digi-code-block--dark .token.important{color:#ffd700}digi-code-block .digi-code-block--dark .token.important,digi-code-block .digi-code-block--dark .token.bold{font-weight:bold}digi-code-block .digi-code-block--dark .token.italic{font-style:italic}digi-code-block .digi-code-block--dark .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code-block .digi-code-block--dark code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{color:windowText;background:window}digi-code-block .digi-code-block--dark :not(pre)>code[class*=language-],digi-code-block .digi-code-block--dark pre[class*=language-]{background:window}digi-code-block .digi-code-block--dark .token.important{background:highlight;color:window;font-weight:normal}digi-code-block .digi-code-block--dark .token.atrule,digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.selector{font-weight:bold}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.comment,digi-code-block .digi-code-block--dark .token.doctype,digi-code-block .digi-code-block--dark .token.function,digi-code-block .digi-code-block--dark .token.keyword,digi-code-block .digi-code-block--dark .token.operator,digi-code-block .digi-code-block--dark .token.property,digi-code-block .digi-code-block--dark .token.string{color:highlight}digi-code-block .digi-code-block--dark .token.attr-value,digi-code-block .digi-code-block--dark .token.url{font-weight:normal}}digi-code-block .digi-code-block__toolbar{padding-bottom:0.5rem;display:flex;justify-content:flex-end;position:absolute;bottom:0;width:100%}digi-code-block .digi-code-block__button{margin-right:var(--digi--margin--smaller)}";
|
|
54
|
-
const DigiCodeBlockStyle0 = codeBlockCss;
|
|
55
|
-
|
|
56
|
-
const CodeBlock = /*@__PURE__*/ proxyCustomElement(class CodeBlock extends H {
|
|
57
|
-
constructor() {
|
|
58
|
-
super();
|
|
59
|
-
this.__registerHost();
|
|
60
|
-
this.highlightedCode = undefined;
|
|
61
|
-
this.afCode = undefined;
|
|
62
|
-
this.afVariation = CodeBlockVariation.DARK;
|
|
63
|
-
this.afLanguage = CodeBlockLanguage.HTML;
|
|
64
|
-
this.afLang = 'en';
|
|
65
|
-
this.afHideToolbar = false;
|
|
66
|
-
}
|
|
67
|
-
componentWillLoad() {
|
|
68
|
-
Prism.manual = true;
|
|
69
|
-
this.formatCode();
|
|
70
|
-
}
|
|
71
|
-
formatCode() {
|
|
72
|
-
this.highlightedCode = Prism.highlight(this.afCode, Prism.languages[this.afLanguage], this.afLanguage);
|
|
73
|
-
}
|
|
74
|
-
copyButtonClickHandler() {
|
|
75
|
-
navigator.clipboard.writeText(this.afCode).then(() => {
|
|
76
|
-
// console.log('hurra!');
|
|
77
|
-
}, (err) => {
|
|
78
|
-
// console.log('åh nej!', err);
|
|
79
|
-
console.error(err);
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
get cssModifiers() {
|
|
83
|
-
return {
|
|
84
|
-
'digi-code-block--light': this.afVariation === CodeBlockVariation.LIGHT,
|
|
85
|
-
'digi-code-block--dark': this.afVariation === CodeBlockVariation.DARK
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
|
-
render() {
|
|
89
|
-
return (h("div", { key: 'efc4eab4b814bc5ec01559f89d951d694ed695e1', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: '85b42423a9f62a227739e3107972251f9a825a97', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: '266c28f90184f60eab0fc1febf743a53f46aab3b', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '6230d33b96b03f7ea584d3b93efff81f636bad18', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'b54ad1cc57faafeb0f82cc0de0865cf3e585fddf', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: 'f223bd2e83be5d853c78c0322d69c7fe34cd257a', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
|
|
90
|
-
}
|
|
91
|
-
static get watchers() { return {
|
|
92
|
-
"afCode": ["formatCode"]
|
|
93
|
-
}; }
|
|
94
|
-
static get style() { return DigiCodeBlockStyle0; }
|
|
95
|
-
}, [0, "digi-code-block", {
|
|
96
|
-
"afCode": [1, "af-code"],
|
|
97
|
-
"afVariation": [1, "af-variation"],
|
|
98
|
-
"afLanguage": [1, "af-language"],
|
|
99
|
-
"afLang": [1, "af-lang"],
|
|
100
|
-
"afHideToolbar": [4, "af-hide-toolbar"],
|
|
101
|
-
"highlightedCode": [32]
|
|
102
|
-
}, undefined, {
|
|
103
|
-
"afCode": ["formatCode"]
|
|
104
|
-
}]);
|
|
105
|
-
function defineCustomElement() {
|
|
106
|
-
if (typeof customElements === "undefined") {
|
|
107
|
-
return;
|
|
108
|
-
}
|
|
109
|
-
const components = ["digi-code-block", "digi-button", "digi-icon-copy"];
|
|
110
|
-
components.forEach(tagName => { switch (tagName) {
|
|
111
|
-
case "digi-code-block":
|
|
112
|
-
if (!customElements.get(tagName)) {
|
|
113
|
-
customElements.define(tagName, CodeBlock);
|
|
114
|
-
}
|
|
115
|
-
break;
|
|
116
|
-
case "digi-button":
|
|
117
|
-
if (!customElements.get(tagName)) {
|
|
118
|
-
defineCustomElement$2();
|
|
119
|
-
}
|
|
120
|
-
break;
|
|
121
|
-
case "digi-icon-copy":
|
|
122
|
-
if (!customElements.get(tagName)) {
|
|
123
|
-
defineCustomElement$1();
|
|
124
|
-
}
|
|
125
|
-
break;
|
|
126
|
-
} });
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
export { CodeBlock as C, defineCustomElement as d };
|
|
@@ -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;
|