@designsystem-se/af 32.3.1-beta.1 → 32.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.
Files changed (68) hide show
  1. package/components/digi-context-menu.js +3 -3
  2. package/components/digi-progress-circle.js +12 -8
  3. package/components/digi-progress-indicator.js +7 -3
  4. package/components/digi-tag.js +5 -3
  5. package/components/digi-tools-feedback-rating.js +2 -2
  6. package/components/digi-typography-heading-jumbo.js +6 -2
  7. package/custom-elements.json +4 -0
  8. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  9. package/dist/cjs/digi-button_3.cjs.entry.js +188 -0
  10. package/dist/cjs/{digi-button_6.cjs.entry.js → digi-chart-line.cjs.entry.js} +1 -217
  11. package/dist/cjs/digi-context-menu.cjs.entry.js +3 -3
  12. package/dist/cjs/digi-icon-chart_2.cjs.entry.js +53 -0
  13. package/dist/cjs/digi-progress-circle.cjs.entry.js +12 -8
  14. package/dist/cjs/digi-progress-indicator.cjs.entry.js +7 -3
  15. package/dist/cjs/digi-tools-feedback-rating.cjs.entry.js +2 -2
  16. package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js +6 -2
  17. package/dist/cjs/digi-typography.cjs.entry.js +30 -0
  18. package/dist/cjs/index-cfa8e9be.js +14 -6
  19. package/dist/cjs/loader.cjs.js +1 -1
  20. package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.js +3 -3
  21. package/dist/collection/components/_progress/progress-circle/progress-circle.js +12 -8
  22. package/dist/collection/components/_progress/progress-indicator/progress-indicator.js +7 -3
  23. package/dist/collection/components/_tag/tag/tag.css +10 -0
  24. package/dist/collection/components/_tag/tag/tag.js +25 -1
  25. package/dist/collection/components/_tools/tools-feedback-rating/tools-feedback-rating.js +2 -2
  26. package/dist/collection/components/_typography/typography-heading-jumbo/typography-heading-jumbo.js +6 -2
  27. package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss +0 -6
  28. package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss +0 -6
  29. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  30. package/dist/digi-arbetsformedlingen/{p-edda9cea.entry.js → p-419d99f0.entry.js} +1 -1
  31. package/dist/digi-arbetsformedlingen/p-4f7a261f.entry.js +1 -0
  32. package/dist/digi-arbetsformedlingen/p-59d1de44.entry.js +1 -0
  33. package/dist/digi-arbetsformedlingen/p-6f3ef3b6.entry.js +1 -0
  34. package/dist/digi-arbetsformedlingen/{p-11a56b7a.entry.js → p-7ce14bb2.entry.js} +1 -1
  35. package/dist/digi-arbetsformedlingen/p-81cac8dd.entry.js +1 -0
  36. package/dist/digi-arbetsformedlingen/p-9c384501.entry.js +1 -0
  37. package/dist/digi-arbetsformedlingen/p-a150c972.entry.js +1 -0
  38. package/dist/digi-arbetsformedlingen/{p-8fc1143f.js → p-c2ee26cb.js} +1 -1
  39. package/dist/digi-arbetsformedlingen/{p-9a53b638.entry.js → p-c8adaa8b.entry.js} +1 -1
  40. package/dist/digi-arbetsformedlingen/{p-7b7c092f.entry.js → p-d10f46b1.entry.js} +1 -1
  41. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  42. package/dist/esm/digi-bar-chart.entry.js +1 -1
  43. package/dist/esm/digi-button_3.entry.js +182 -0
  44. package/dist/esm/{digi-button_6.entry.js → digi-chart-line.entry.js} +4 -215
  45. package/dist/esm/digi-context-menu.entry.js +3 -3
  46. package/dist/esm/digi-icon-chart_2.entry.js +48 -0
  47. package/dist/esm/digi-progress-circle.entry.js +12 -8
  48. package/dist/esm/digi-progress-indicator.entry.js +7 -3
  49. package/dist/esm/digi-tools-feedback-rating.entry.js +2 -2
  50. package/dist/esm/digi-typography-heading-jumbo.entry.js +6 -2
  51. package/dist/esm/digi-typography.entry.js +26 -0
  52. package/dist/esm/index-8e318bb2.js +14 -6
  53. package/dist/esm/{linear-f59f8318.js → linear-ef018ffb.js} +1 -1
  54. package/dist/esm/loader.js +1 -1
  55. package/dist/types/components/_progress/progress-circle/progress-circle.d.ts +4 -0
  56. package/dist/types/components/_progress/progress-indicator/progress-indicator.d.ts +4 -0
  57. package/dist/types/components/_tag/tag/tag.d.ts +4 -0
  58. package/dist/types/components/_typography/typography-heading-jumbo/typography-heading-jumbo.d.ts +4 -0
  59. package/dist/types/components.d.ts +10 -0
  60. package/hydrate/index.js +35 -21
  61. package/hydrate/index.mjs +35 -21
  62. package/package.json +2 -4
  63. package/dist/cjs/digi-tag.cjs.entry.js +0 -40
  64. package/dist/digi-arbetsformedlingen/p-25faef21.entry.js +0 -1
  65. package/dist/digi-arbetsformedlingen/p-51706444.entry.js +0 -1
  66. package/dist/digi-arbetsformedlingen/p-a06dd644.entry.js +0 -1
  67. package/dist/digi-arbetsformedlingen/p-e092908a.entry.js +0 -1
  68. package/dist/esm/digi-tag.entry.js +0 -36
@@ -0,0 +1,53 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-cfa8e9be.js');
6
+ const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
+
8
+ const iconChartCss = ".sc-digi-icon-chart-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-chart-h svg.sc-digi-icon-chart{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 DigiIconChartStyle0 = iconChartCss;
10
+
11
+ const IconChart = 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: '16fa86185d0c09aca9cba8c771b007e8da0f33fe', width: "56", height: "62", viewBox: "0 0 56 62", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
22
+ ? this.afSvgAriaLabelledby
23
+ : this.afTitle
24
+ ? this.titleId
25
+ : undefined }, index.h("title", { key: '36b652e61c6fcf06ac8f7f2440c6db532330fefd' }, "Chart"), this.afTitle && index.h("title", { key: '7e849c2dec73881e6d69ca01f3be4b79450c707c', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '507107a648cb518b296a97c0fb55fe1614ea96e2' }, this.afDesc), index.h("defs", { key: '2fa14be022112356237148f175862a94bba776df' }, index.h("polygon", { key: 'c3200df2ca6d403cb829772fa66e8c3995c4dcd9', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("polygon", { key: '9b8af3cbaee3f0b21d0bd55054b57a203c812d8e', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" })), index.h("g", { key: 'ff03cd865063a27189ccf82fd2c701bcaa8067a9', id: "Ikonguide", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: 'cc604bbc6a53c122295fbb641fd296fc3824019c', transform: "translate(-1012.000000, -804.000000)", id: "Chart" }, index.h("g", { key: '6f4ac52c2ff705f933f68fda82bd23c1dffd32a9', transform: "translate(1013.063248, 823.768116)" }, index.h("g", { key: 'd76200f0fafa52c56dc6787def0aa2570e05ea33', id: "Group", transform: "translate(-0.000000, 0.000000)" }, index.h("path", { key: '604cd4482c210807d5a46877fbf318a8b80abc75', d: "M11.2871933,17.0724638 L3.19179715,17.0724638 C1.47642907,17.0724638 0.0891563449,18.5157634 0.0891563449,20.3004089 L0,39.003939 C0,40.7885845 1.38727273,42.2318841 3.1026408,42.2318841 L11.1980369,42.2318841 C12.913405,42.2318841 14.3006777,40.7885845 14.3006777,39.003939 L14.3898341,20.3004089 C14.3898341,18.5157634 12.9989951,17.0724638 11.2871933,17.0724638", id: "Fill-1", fill: "currentColor" }), index.h("path", { key: '1e6689f0e175c46119bade00fb2f3a1309174771', d: "M31.292107,11.2318841 L23.077661,11.2318841 C21.3370669,11.2318841 19.9293931,12.6247 19.9293931,14.3469222 L19.8389256,39.1168459 C19.8389256,40.8354877 21.2465994,42.2318841 22.9871935,42.2318841 L31.2016396,42.2318841 C32.9422337,42.2318841 34.3499075,40.8354877 34.3499075,39.1168459 L34.4403749,14.3469222 C34.4403749,12.6247 33.0290824,11.2318841 31.292107,11.2318841", id: "Fill-3", fill: "currentColor" }), index.h("path", { key: 'e330afda18dce8a563536cc7caa97e22438fde24', d: "M51.0899571,0 L43.0444095,0 C41.339604,0 39.9608736,1.42791855 39.9608736,3.19354534 L39.7836589,39.0420095 C39.7836589,40.8039655 41.1659336,42.2318841 42.8671948,42.2318841 L50.9162867,42.2318841 C52.6175479,42.2318841 53.9962783,40.8039655 53.9962783,39.0420095 L54.173493,3.19354534 C54.173493,1.42791855 52.7912183,0 51.0899571,0", id: "Fill-6", fill: "currentColor" }), index.h("polygon", { key: 'f2ceda4f246b04bb146a3e5339f45e86a253840e', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("g", { key: 'e25d52aba3921e0ac509e45c621f71aa5511a2d0', id: "Clip-4" }), index.h("polygon", { key: '18fbd043c2aa0072efc4519123e5eee5a51c3c86', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" }), index.h("g", { key: 'd30388dfdc1ff1ceb0643819e034532166f332ed', id: "Clip-9" }), index.h("path", { key: '037a94cff19391bac5b81666e244f6d57c0340df', d: "M2.64246183,-0.393115942 L24.287738,-0.393115942 C24.783165,-0.393115942 25.2716142,-0.501190406 25.7216852,-0.713736852 L51.853716,-12.8829215 C53.6086441,-13.6970825 54.3936517,-15.8297519 53.5981773,-17.6454029 C52.8027029,-19.4610539 50.7372607,-20.2680099 48.9858215,-19.4466439 L23.5376196,-7.59808021 L2.64246183,-7.59808021 C0.716576525,-7.59808021 -0.846460828,-5.98777069 -0.846460828,-3.99559807 C-0.846460828,-2.00342546 0.716576525,-0.393115942 2.64246183,-0.393115942", id: "Fill-8", fill: "currentColor", mask: "url(#mask-4)" })))))));
26
+ }
27
+ };
28
+ IconChart.style = DigiIconChartStyle0;
29
+
30
+ const iconTableCss = ".sc-digi-icon-table-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-table-h svg.sc-digi-icon-table{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 DigiIconTableStyle0 = iconTableCss;
32
+
33
+ const IconTable = 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: '7a55b48df78a8e9057dffe6e2089891ed68e4526', class: "digi-icon-table", width: "62px", height: "62px", viewBox: "0 0 62 62", "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", fill: "currentColor" }, this.afTitle && index.h("title", { key: '251e13c72598a28d9c7b873aa8e64948274ade7a', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '4b571dbbf204a916cc8b61af79de5c72725e2d3b' }, this.afDesc), index.h("defs", { key: 'a3e1391310514895299db5fdc7d6d4fe18da2a09' }, index.h("polygon", { key: '13d65fb502b902fd08eaddad665a296e9fee7b9a', points: "0 62 62 62 62 0 0 0" })), index.h("g", { key: 'af78d915d9840609c09edfb5b483e1509d029f6b', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '2417b04063a55d9814117c874ee8cac9af8446a4', transform: "translate(-302, -975)" }, index.h("g", { key: '1066e4a7c83bf853dce07b536d025dddd0b67cd5', transform: "translate(302, 975)" }, index.h("polygon", { key: '0f6d7e9801161c026e43fbfa9bae0aea6b3be4d0', fill: "currentColor", points: "29.6502083 9.05264249 32.3497917 9.05264249 32.3497917 6.36704663 29.6502083 6.36704663" }), index.h("g", { key: 'd38709e6df6250ccc8d53f230dff12dc347d8875' }, index.h("path", { key: '4b276b903f126171b12ba449fb95b950fc917599', d: "M35.3073208,0 L26.6931958,0 C24.7918625,0 23.2496125,1.53297409 23.2496125,3.42574093 L23.2496125,11.9939482 C23.2496125,13.886715 24.7918625,15.4196891 26.6931958,15.4196891 L35.3073208,15.4196891 C37.2086542,15.4196891 38.7496125,13.886715 38.7496125,11.9939482 L38.7496125,3.42574093 C38.7496125,1.53297409 37.2086542,0 35.3073208,0", fill: "currentColor" }), index.h("polygon", { key: 'd8220374c70f8584f74779cbb8b774b600c4b0b7', fill: "currentColor", points: "6.40020833 9.05264249 9.09979167 9.05264249 9.09979167 6.36704663 6.40020833 6.36704663" }), index.h("path", { key: '47365747c094d031b9e48d49663ebedb6665fb77', d: "M12.0573208,0 L3.44319583,0 C1.5418625,0 -0.0003875,1.53297409 -0.0003875,3.42574093 L-0.0003875,11.9939482 C-0.0003875,13.886715 1.5418625,15.4196891 3.44319583,15.4196891 L12.0573208,15.4196891 C13.9586542,15.4196891 15.4996125,13.886715 15.4996125,11.9939482 L15.4996125,3.42574093 C15.4996125,1.53297409 13.9586542,0 12.0573208,0", fill: "currentColor" }), index.h("polygon", { key: 'dc793c79b6c27faaaea06cea0178d38532aed949', fill: "currentColor", points: "52.9002083 9.05264249 55.5997917 9.05264249 55.5997917 6.36704663 52.9002083 6.36704663" }), index.h("path", { key: 'd49570ecca15c91e851ca767de81716832b71584', d: "M58.5573208,0 L49.9431958,0 C48.0418625,0 46.4996125,1.53297409 46.4996125,3.42574093 L46.4996125,11.9939482 C46.4996125,13.886715 48.0418625,15.4196891 49.9431958,15.4196891 L58.5573208,15.4196891 C60.4586542,15.4196891 61.9996125,13.886715 61.9996125,11.9939482 L61.9996125,3.42574093 C61.9996125,1.53297409 60.4586542,0 58.5573208,0", fill: "currentColor" }), index.h("polygon", { key: '5ebe8db44a5b79fd8fedd84e2c63885ef2d87456', fill: "currentColor", points: "29.6502083 55.6329534 32.3497917 55.6329534 32.3497917 52.9473575 29.6502083 52.9473575" }), index.h("path", { key: 'fc3542bc89983679cc1ad86e8bcbe416f29a2666', d: "M35.3073208,46.5803109 L26.6931958,46.5803109 C24.7918625,46.5803109 23.2496125,48.113285 23.2496125,50.0060518 L23.2496125,58.5742591 C23.2496125,60.4670259 24.7918625,62 26.6931958,62 L35.3073208,62 C37.2086542,62 38.7496125,60.4670259 38.7496125,58.5742591 L38.7496125,50.0060518 C38.7496125,48.113285 37.2086542,46.5803109 35.3073208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: '350e985e2584b82a3ef07d953a5eab8d4b0a3ffb', fill: "currentColor", points: "6.40020833 55.6329534 9.09979167 55.6329534 9.09979167 52.9473575 6.40020833 52.9473575" }), index.h("path", { key: '98e055d750e0a2025941c6c40ee09fbeb90d27c5', d: "M12.0573208,46.5803109 L3.44319583,46.5803109 C1.5418625,46.5803109 -0.0003875,48.113285 -0.0003875,50.0060518 L-0.0003875,58.5742591 C-0.0003875,60.4670259 1.5418625,62 3.44319583,62 L12.0573208,62 C13.9586542,62 15.4996125,60.4670259 15.4996125,58.5742591 L15.4996125,50.0060518 C15.4996125,48.113285 13.9586542,46.5803109 12.0573208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: 'a3e32fc6300b6e55ac15a930be79b761e7f238a8', fill: "currentColor", points: "52.9002083 55.6329534 55.5997917 55.6329534 55.5997917 52.9473575 52.9002083 52.9473575" }), index.h("path", { key: '820460300b290dbe8094655a5ada2c17bfc66a86', d: "M58.5573208,46.5803109 L49.9431958,46.5803109 C48.0418625,46.5803109 46.4996125,48.113285 46.4996125,50.0060518 L46.4996125,58.5742591 C46.4996125,60.4670259 48.0418625,62 49.9431958,62 L58.5573208,62 C60.4586542,62 61.9996125,60.4670259 61.9996125,58.5742591 L61.9996125,50.0060518 C61.9996125,48.113285 60.4586542,46.5803109 58.5573208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: '763b0e581317426587568946fb1a0c3fd3eb0428', fill: "currentColor", points: "29.6502083 32.3427979 32.3497917 32.3427979 32.3497917 29.6572021 29.6502083 29.6572021" }), index.h("path", { key: '8a7abc98191f8a2701424c868ad4eba09ec425d7', d: "M35.3073208,23.2901554 L26.6931958,23.2901554 C24.7918625,23.2901554 23.2496125,24.8231295 23.2496125,26.7158964 L23.2496125,35.2841036 C23.2496125,37.1768705 24.7918625,38.7098446 26.6931958,38.7098446 L35.3073208,38.7098446 C37.2086542,38.7098446 38.7496125,37.1768705 38.7496125,35.2841036 L38.7496125,26.7158964 C38.7496125,24.8231295 37.2086542,23.2901554 35.3073208,23.2901554", fill: "currentColor" }), index.h("polygon", { key: '2249138c4d6553a0733aa612bacd347425067933', fill: "currentColor", points: "6.40020833 32.3427979 9.09979167 32.3427979 9.09979167 29.6572021 6.40020833 29.6572021" }), index.h("path", { key: 'f9fc8bc339295ed603da771e9aa41697a7401581', d: "M12.0573208,23.2901554 L3.44319583,23.2901554 C1.5418625,23.2901554 -0.0003875,24.8231295 -0.0003875,26.7158964 L-0.0003875,35.2841036 C-0.0003875,37.1768705 1.5418625,38.7098446 3.44319583,38.7098446 L12.0573208,38.7098446 C13.9586542,38.7098446 15.4996125,37.1768705 15.4996125,35.2841036 L15.4996125,26.7158964 C15.4996125,24.8231295 13.9586542,23.2901554 12.0573208,23.2901554", fill: "currentColor" }), index.h("polygon", { key: 'd5c75887f9b7b0f7e2693c1f57fb1b7d98b29c61', fill: "currentColor", points: "52.9002083 32.3427979 55.5997917 32.3427979 55.5997917 29.6572021 52.9002083 29.6572021" }), index.h("path", { key: '18286e1aea29564ef8dbdaa3fcf4143ad7843ed4', d: "M58.5573208,23.2901554 L49.9431958,23.2901554 C48.0418625,23.2901554 46.4996125,24.8231295 46.4996125,26.7158964 L46.4996125,35.2841036 C46.4996125,37.1768705 48.0418625,38.7098446 49.9431958,38.7098446 L58.5573208,38.7098446 C60.4586542,38.7098446 61.9996125,37.1768705 61.9996125,35.2841036 L61.9996125,26.7158964 C61.9996125,24.8231295 60.4586542,23.2901554 58.5573208,23.2901554", fill: "currentColor" })))))));
48
+ }
49
+ };
50
+ IconTable.style = DigiIconTableStyle0;
51
+
52
+ exports.digi_icon_chart = IconChart;
53
+ exports.digi_icon_table = IconTable;
@@ -44,6 +44,10 @@ const ProgressCircle = class {
44
44
  changeCompletedStepsHandler(value) {
45
45
  this.completedSteps = value;
46
46
  }
47
+ /**
48
+ * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
49
+ * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
50
+ */
47
51
  focusOnHeading() {
48
52
  this.headingElement.focus();
49
53
  }
@@ -60,20 +64,20 @@ const ProgressCircle = class {
60
64
  return;
61
65
  }
62
66
  render() {
63
- return (index.h("div", { key: '99b44a85b82e6a8ad45a8361a2942df70f85b2d4', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
67
+ return (index.h("div", { key: '2a876dbd3ce70edf20143d8cad63ef7fa03f16cc', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
64
68
  ? ProgressCircleRole.STATUS
65
- : null }, index.h("div", { key: 'b8a56de16fd355d1a6124e90e1fb50925798af1a', class: "digi-progress-circle__circle-wrapper" }, index.h("div", { key: '42aff20821e2a39e036ae6e0152e8364197cf80a', class: "digi-progress-circle__circle" }, index.h("p", { key: 'ca57e6b02ce3f4de6b18a45c2ff40ff92318e4e0', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), index.h("svg", { key: '00c80edf811f66e09f98244fd98bf36136eec3e7', width: this.radius * 2, height: this.radius * 2 }, index.h("defs", { key: 'e1af198e062d149f44aad1a48b123a2e2b462115' }, index.h("mask", { key: 'aac270d76145897b853a19033e49075355dbd842', id: this.afId }, index.h("circle", { key: 'bcd3c9035c26ab875e743fe7ff2a849015bbffed', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
66
- ' 15', pathLength: "1000" }))), index.h("g", { key: '34d76882ac77db38897cc87c113fd15e66270c31' }, index.h("circle", { key: '3faa9e6b428a47c944ab7c5a62837395fa834f53', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), index.h("circle", { key: '27c3d8bd99cc46f421d1fcd0f96f4f0c60f79561', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
67
- ' 1000', pathLength: "1000" }), this.afWarningStep && (index.h("circle", { key: 'a378becb2da253e4699d7e232ba3064c1819dc3a', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
68
- (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (index.h("circle", { key: '63606706bd225d6cdfa79aef416cb4a8786be52b', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
69
- (this.afCompletedSteps - 1), pathLength: "1000" }))))), index.h("div", { key: '658eb6718710b4d4a0542df6dfa0cb548cea6f49', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (index.h("p", { key: '088e9ae3b8870aa33c820474c11a359a9b689332', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
69
+ : null }, index.h("div", { key: '01de3a26258c2c5f01ac5c9b3490604a136ca9ef', class: "digi-progress-circle__circle-wrapper" }, index.h("div", { key: '4d71758d54585f2b9cebc3193651ce989c0a8212', class: "digi-progress-circle__circle" }, index.h("p", { key: '88689b7ae3ba17b1e274be28bbd22d9399bf696e', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), index.h("svg", { key: '497091cdfc0c12cd459885bcbd091ad56c5619f1', width: this.radius * 2, height: this.radius * 2 }, index.h("defs", { key: '2fdb96a48b659ae1e2ba6eb757ca765b7493af80' }, index.h("mask", { key: '8a843cab187c33a8b20554e4c8839cb84ae9570a', id: this.afId }, index.h("circle", { key: 'ea63c18aca6dd161355e7ca24a007d6b049c0cb0', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
70
+ ' 15', pathLength: "1000" }))), index.h("g", { key: 'f5ee0f9c80e00e6e1d03be414f0eac31106eb9c3' }, index.h("circle", { key: 'adf2bb7f0fd8ad758e65731e2d6b4d6e8445733e', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), index.h("circle", { key: '762c976f53361599831ff2f4a7db617b56dce265', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
71
+ ' 1000', pathLength: "1000" }), this.afWarningStep && (index.h("circle", { key: 'b50fa15eb6a4eda59a63db6abe7287471a1089c6', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
72
+ (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (index.h("circle", { key: 'e94afb0a727cd9c9ad613726d9ac0988d4ca0ed7', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
73
+ (this.afCompletedSteps - 1), pathLength: "1000" }))))), index.h("div", { key: 'b9275e2c8bfbaa5c5ccda781745fa15cfcc0956d', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (index.h("p", { key: 'a65584ef893d7db55f7a534d7855861c81aef55d', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
70
74
  visibility: 'hidden'
71
- } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { key: '22f2530e1f8a3aa8efdb4f06f86589c5791cbcf4', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
75
+ } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { key: 'b3b98729dce8b5c6c38d11b4b26ad2aa784fa2c0', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
72
76
  visibility: this.afStepNextLabel !== null &&
73
77
  this.afStepNextLabel !== undefined
74
78
  ? 'visible'
75
79
  : 'hidden'
76
- } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: '4ac2a6e3f8f07746190a8c3ea0c3d63e180ab78b', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '450134e22a151a88bee999afa5e90039cd006d3d', class: "digi-progress-circle__icon--warning" }), index.h("span", { key: 'c073d0d4f646ded69c6bbe0fc5c5b1be98e8d894' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: '17639d528fb0259ea1cfc64a27f8d89a71142b61', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, index.h("digi-icon-validation-error", { key: '20a37e36adfeb6e6f8e4a2feee7cd5b8dbed47ed', class: "digi-progress-circle__icon--error" }), index.h("span", { key: 'b3df2d98a5719f1a1181582d63c931e7e4888819' }, this.afValidationLabel)))));
80
+ } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: 'a9a1b1abdc516a0e42685c2b35c5d0f051f93f02', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: 'afbe0722e7efda065e9d581bcf6df81f2e83d693', class: "digi-progress-circle__icon--warning" }), index.h("span", { key: 'd8048bded3902c79a884894f33e620979ca48fd8' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: '141d8d6b766ef7212f4d881f641d8c357ae5693e', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, index.h("digi-icon-validation-error", { key: 'f5d86cadc17fb079e36fb8047d3ffd8004a46c39', class: "digi-progress-circle__icon--error" }), index.h("span", { key: '396d7ce06f27c74c700ac7d132c0018461ff2976' }, this.afValidationLabel)))));
77
81
  }
78
82
  get hostElement() { return index.getElement(this); }
79
83
  static get watchers() { return {
@@ -74,6 +74,10 @@ const ProgressIndicator = class {
74
74
  });
75
75
  }
76
76
  }
77
+ /**
78
+ * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
79
+ * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
80
+ */
77
81
  focusOnHeading() {
78
82
  this.headingElement.focus();
79
83
  }
@@ -92,9 +96,9 @@ const ProgressIndicator = class {
92
96
  return;
93
97
  }
94
98
  render() {
95
- return (index.h("div", { key: '287cbf18a16c942fac231faf112bd6f566223415', class: this.cssModifiers, role: this.afRole === progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS
99
+ return (index.h("div", { key: 'a8526805e4f6517a93cc3af35584440b8310a767', class: this.cssModifiers, role: this.afRole === progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS
96
100
  ? progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS
97
- : null }, index.h("div", { key: '4aeadba98f01be82e5f710f5c3cf4d14941ef4d5' }, this.afStepNextLabel !== undefined ? (index.h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { class: "digi-progress-indicator__next", style: {
101
+ : null }, index.h("div", { key: '1e26da010d00f9290380c66c3f317d5fe26c9283' }, this.afStepNextLabel !== undefined ? (index.h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { class: "digi-progress-indicator__next", style: {
98
102
  visibility: this.afStepNextLabel !== null &&
99
103
  this.afStepNextLabel !== undefined
100
104
  ? 'visible'
@@ -120,7 +124,7 @@ const ProgressIndicator = class {
120
124
  progressIndicatorVariation_enum.ProgressIndicatorVariation.SECONDARY &&
121
125
  item.checked &&
122
126
  this.afCompletedSteps !== index$1 + 1 && (index.h("digi-icon-check", { class: "digi-progress-indicator__icon" })), index.h("span", { class: "digi-progress-indicator__step-number" }, index$1 + 1))));
123
- }))), this.afStepNextLabel !== undefined && (index.h("p", { key: 'b0b3f8b2c66c4162a14c0d006c66b8c3223bf89f', class: "digi-progress-indicator__label" }, index.h("span", { key: 'ddbe99366fd65c649a0a8776c30e0d524b3675e5' }, `${this.afStepText}`, " "), index.h("span", { key: '8e07174a7de9d049e284b0b54131615f1213af2c', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: 'e5dff1e3a81d6ba1f0da9257d6c78aff4c5c6e07', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '0d42e557e15b1e6ba23082f0168aefb7380ea58d', class: "digi-progress-indicator__icon--warning" }), index.h("span", { key: '3471990a83522db0e24e9b08c8feef405a00b75e' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: 'c49a7ec3a760589080cbcf8bc1161b01be939aec', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, index.h("digi-icon-validation-error", { key: '5e03f34f8721a6e51ae801cab17f8fd2cb561746', class: "digi-progress-indicator__icon--error" }), index.h("span", { key: 'ab44ebbace52a015f1c59cfe2c33f1650a78ab4a' }, this.afValidationLabel))), index.h("div", { key: '5eee0a90be57aa07e883146da14b4abbfc5617f7', hidden: true, class: "digi-progress-indicator__slot" }, index.h("digi-util-mutation-observer", { key: 'f41e38917edf5f706890c2592feff4f11344d8ea', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: '3a46d6cc6a7b03fcf8449e2e8d147545e0ffbc84' })))));
127
+ }))), this.afStepNextLabel !== undefined && (index.h("p", { key: 'de8a84871ac8cdbefab3b7801f9c3f5c795399cc', class: "digi-progress-indicator__label" }, index.h("span", { key: '7c8f034fe155dde4bf718f2583ae55a700a51e9f' }, `${this.afStepText}`, " "), index.h("span", { key: 'f7d06637612336040965b39becf0e94a176e6b06', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: 'f49c03efec01348378d596858fd044900ee572ce', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '3e0a9a459c934491caa6d061bd080b95058b16ca', class: "digi-progress-indicator__icon--warning" }), index.h("span", { key: '5cb27f90cf4f0e4f56c74010f7e67105866bb0b6' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: 'a2e8a24a82c5e7785864070bb0abb1fabfce2728', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, index.h("digi-icon-validation-error", { key: 'd0afdc657576d2ffbd471b844830daf1e8117083', class: "digi-progress-indicator__icon--error" }), index.h("span", { key: '98cc008b6c791403e99a1f31ac48f33e14a9f7d7' }, this.afValidationLabel))), index.h("div", { key: '150b5559c6c21bd0fac13b089ed14ff2d931faac', hidden: true, class: "digi-progress-indicator__slot" }, index.h("digi-util-mutation-observer", { key: '91c480a4de5e9dcbcbb3ae64707e8cb322edd033', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: '43cc701796f46f9835a7f120449dd4971543c945' })))));
124
128
  }
125
129
  get hostElement() { return index.getElement(this); }
126
130
  static get watchers() { return {
@@ -167,10 +167,10 @@ const ToolsFeedbackRating = class {
167
167
  get content() {
168
168
  return (index.h("digi-typography", null, this.validContent && (index.h("div", { dir: this.afDir, lang: this.afLang, class: `digi-tools-feedback-rating__wrapper ${this.currentStep === 2 ? 'step2' : ''}` }, this.currentStep === 1 && (index.h("div", { class: "digi-tools-feedback-rating__star-rating" }, index.h(this.afHeadingLevel, { id: `${this.afId}-rating-question`, class: `digi-tools-feedback-rating__heading ${this.afType === toolsFeedbackRatingVariation_enum.FeedbackRatingType.MINIMAL ? 'hidden' : ''}` }, this.afQuestion), index.h("div", { class: "digi-tools-feedback-rating__step1-wrapper" }, this.afRatings && (index.h("span", { class: "digi-tools-feedback-rating__step1-description" }, "V\u00E4lj fr\u00E5n", ' ', `${(this.ratingsData().find((item) => item.value === 1) ||
169
169
  {}).text.toLowerCase() || null} till ${(this.ratingsData().find((item) => item.value === 5) ||
170
- {}).text.toLowerCase() || null}`)), index.h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (index.h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, index.h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, index.h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, index.h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, index.h("g", { transform: "translate(1663, 2565)" }, index.h("g", { transform: "translate(190, 0)" }, index.h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z", id: "Stroke-3" })))))))))))))), this.currentStep === 2 && (index.h("div", { class: "digi-tools-feedback-rating__thankyou" }, index.h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, index.h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), index.h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "#95C13E" }))), index.h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (index.h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (index.h("div", { class: "digi-tools-feedback-rating__link" }, index.h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
170
+ {}).text.toLowerCase() || null}`)), index.h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (index.h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, index.h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, index.h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, index.h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, index.h("g", { transform: "translate(1663, 2565)" }, index.h("g", { transform: "translate(190, 0)" }, index.h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (index.h("div", { class: "digi-tools-feedback-rating__thankyou" }, index.h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, index.h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), index.h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "#95C13E" }))), index.h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (index.h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (index.h("div", { class: "digi-tools-feedback-rating__link" }, index.h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
171
171
  }
172
172
  render() {
173
- return (index.h("div", { key: '0a851042501b8d4be3c30fcb8a59ca8920f6274a', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, index.h("digi-layout-block", { key: '06d9e3de4b0c967ff8f6105cbd2182c229cf382f', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
173
+ return (index.h("div", { key: '278240381a11afea9dd59c68fba847343976998f', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, index.h("digi-layout-block", { key: 'fe64918e034cca8a6fc9371c83115c55556ec4b8', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
174
174
  }
175
175
  get hostElement() { return index.getElement(this); }
176
176
  static get watchers() { return {
@@ -16,17 +16,21 @@ const TypographyHeadingJumbo = class {
16
16
  this.afLevel = typographyHeadingJumboVariation_enum.TypographyHeadingJumboLevel.H1;
17
17
  this.afLang = 'sv';
18
18
  }
19
+ /**
20
+ * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
21
+ * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
22
+ */
19
23
  focusOnHeading() {
20
24
  this.headingElement.focus();
21
25
  }
22
26
  get cssModifiers() {
23
27
  return {
24
28
  'digi-typography-heading-jumbo--primary': this.afVariation === typographyHeadingJumboVariation_enum.TypographyHeadingJumboVariation.PRIMARY,
25
- 'digi-typography-heading-jumbo--secondary': this.afVariation === typographyHeadingJumboVariation_enum.TypographyHeadingJumboVariation.SECONDARY,
29
+ 'digi-typography-heading-jumbo--secondary': this.afVariation === typographyHeadingJumboVariation_enum.TypographyHeadingJumboVariation.SECONDARY
26
30
  };
27
31
  }
28
32
  render() {
29
- return (index.h(this.afLevel, { key: '33bf2fc6ca5a18c5440ba7ca9ccc2409c853f45a', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
33
+ return (index.h(this.afLevel, { key: 'bd7809f4395d53100ad65ad8f7f3b066f7c1c471', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
30
34
  }
31
35
  };
32
36
  TypographyHeadingJumbo.style = DigiTypographyHeadingJumboStyle0;
@@ -0,0 +1,30 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-cfa8e9be.js');
6
+ const typographyVariation_enum = require('./typography-variation.enum-5b035b3b.js');
7
+
8
+ const typographyCss = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{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}.digi--util--hidden{display:none}digi-typography{--digi--typography--h1--margin--small:var(--digi--margin--h1-small);--digi--typography--h1--margin--medium:var(--digi--margin--h1-medium);--digi--typography--h1--margin--large:var(--digi--margin--h1-large);--digi--typography--h2--margin--small:var(--digi--margin--h2-small);--digi--typography--h2--margin--large:var(--digi--margin--h2-large);--digi--typography--h3--margin--small:var(--digi--margin--h3-small);--digi--typography--h3--margin--large:var(--digi--margin--h3-large);--digi--typography--h4--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h4--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--h5--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h6--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--paragraph--margin--small:var(--digi--margin--text-small);--digi--typography--paragraph--margin--large:var(--digi--margin--text-large);--digi--typography--paragraph--margin-top:initial;--digi--typography--color--text:var(--digi--color--text--primary);--digi--typography--text-decoration-thickness--hover:0.156em;--digi--typography--text-decoration-thickness--default:0.05em;--digi--typography--text-underline-offset:3px;font-family:var(--digi--global--typography--font-family--default);color:var(--digi--typography--color--text);--FONT-SIZE--BODY:var(--digi--typography--body--font-size--mobile);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--mobile);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--mobile);--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--mobile\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--mobile);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--mobile);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--mobile);--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--mobile\n );--FONT-SIZE--HEADING-1:var(--digi--typography--heading-1--font-size--mobile);--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--mobile\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--mobile\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--mobile\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--small);--FONT-SIZE--HEADING-2:var(--digi--typography--heading-2--font-size--mobile);--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--mobile\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--mobile\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--mobile\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(--digi--typography--heading-3--font-size--mobile);--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--mobile\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--mobile\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--mobile\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-5:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-6:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--mobile\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--mobile\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--mobile\n );--MARGIN--HEADING-6:var(--digi--typography--h4--margin--small);font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY)}@media (min-width: 62rem){digi-typography{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--desktop\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--desktop\n );--FONT-SIZE--HEADING-1:var(\n --digi--typography--heading-1--font-size--desktop\n );--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--desktop\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--desktop\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--desktop\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n --digi--typography--heading-2--font-size--desktop\n );--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--desktop\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--desktop\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--desktop\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n --digi--typography--heading-3--font-size--desktop\n );--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--desktop\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--desktop\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--desktop\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}}digi-typography .digi-typography--large{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--desktop\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--desktop\n );--FONT-SIZE--HEADING-1:var(\n --digi--typography--heading-1--font-size--desktop\n );--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--desktop\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--desktop\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--desktop\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n --digi--typography--heading-2--font-size--desktop\n );--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--desktop\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--desktop\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--desktop\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n --digi--typography--heading-3--font-size--desktop\n );--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--desktop\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--desktop\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--desktop\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n --digi--typography--heading-4--font-size--desktop\n );--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--desktop\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--desktop\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--desktop\n );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}@media (min-width: 62rem){digi-typography .digi-typography--large{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop-large);--LINE-HEIGHT--BODY:var(\n --digi--typography--body--line-height--desktop-large\n );--FONT-WEIGHT--BODY:var(\n --digi--typography--body--font-weight--desktop-large\n );--TEXT-DECORATION--BODY:var(\n --digi--typography--body--text-decoration--desktop-large\n );--MARGIN--BODY:var(--digi--typography--paragraph--margin--large);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop-large);--LINE-HEIGHT--LINK:var(\n --digi--typography--link--line-height--desktop-large\n );--FONT-WEIGHT--LINK:var(\n --digi--typography--link--font-weight--desktop-large\n );--TEXT-DECORATION--LINK:var(\n --digi--typography--link--text-decoration--desktop-large\n );--FONT-SIZE--HEADING-1:var(\n --digi--typography--heading-1--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-1:var(\n --digi--typography--heading-1--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-1:var(\n --digi--typography--heading-1--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-1:var(\n --digi--typography--heading-1--text-decoration--desktop-large\n );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--large);--FONT-SIZE--HEADING-2:var(\n --digi--typography--heading-2--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-2:var(\n --digi--typography--heading-2--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-2:var(\n --digi--typography--heading-2--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-2:var(\n --digi--typography--heading-2--text-decoration--desktop-large\n );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--large);--FONT-SIZE--HEADING-3:var(\n --digi--typography--heading-3--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-3:var(\n --digi--typography--heading-3--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-3:var(\n --digi--typography--heading-3--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-3:var(\n --digi--typography--heading-3--text-decoration--desktop-large\n );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--large);--FONT-SIZE--HEADING-4:var(\n --digi--typography--heading-4--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-4:var(\n --digi--typography--heading-4--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-4:var(\n --digi--typography--heading-4--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-4:var(\n --digi--typography--heading-4--text-decoration--desktop-large\n );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--large);--FONT-SIZE--HEADING-5:var(\n --digi--typography--heading-4--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-5:var(\n --digi--typography--heading-4--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-5:var(\n --digi--typography--heading-4--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-5:var(\n --digi--typography--heading-4--text-decoration--desktop-large\n );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--large);--FONT-SIZE--HEADING-6:var(\n --digi--typography--heading-4--font-size--desktop-large\n );--LINE-HEIGHT--HEADING-6:var(\n --digi--typography--heading-4--line-height--desktop-large\n );--FONT-WEIGHT--HEADING-6:var(\n --digi--typography--heading-4--font-weight--desktop-large\n );--TEXT-DECORATION--HEADING-6:var(\n --digi--typography--heading-4--text-decoration--desktop-large\n );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--large)}}digi-typography .digi-typography--hide-visited a:visited{color:var(--digi--color--text--link-secondary, var(--digi--color--text--link))}digi-typography h1,digi-typography h2,digi-typography h3,digi-typography h4,digi-typography h5,digi-typography h6{margin-top:0;}digi-typography h1,digi-typography .digi-h1{font-size:var(--FONT-SIZE--HEADING-1);line-height:var(--LINE-HEIGHT--HEADING-1);font-weight:var(--FONT-WEIGHT--HEADING-1);text-decoration:var(--TEXT-DECORATION--HEADING-1);margin-bottom:var(--MARGIN--HEADING-1)}digi-typography h2,digi-typography .digi-h2{font-size:var(--FONT-SIZE--HEADING-2);line-height:var(--LINE-HEIGHT--HEADING-2);font-weight:var(--FONT-WEIGHT--HEADING-2);text-decoration:var(--TEXT-DECORATION--HEADING-2);margin-bottom:var(--MARGIN--HEADING-2)}digi-typography h3,digi-typography .digi-h3{font-size:var(--FONT-SIZE--HEADING-3);line-height:var(--LINE-HEIGHT--HEADING-3);font-weight:var(--FONT-WEIGHT--HEADING-3);text-decoration:var(--TEXT-DECORATION--HEADING-3);margin-bottom:var(--MARGIN--HEADING-3)}digi-typography h4,digi-typography .digi-h4{font-size:var(--FONT-SIZE--HEADING-4);line-height:var(--LINE-HEIGHT--HEADING-4);font-weight:var(--FONT-WEIGHT--HEADING-4);text-decoration:var(--TEXT-DECORATION--HEADING-4);margin-bottom:var(--MARGIN--HEADING-4)}digi-typography h5,digi-typography .digi-h5{font-size:var(--FONT-SIZE--HEADING-5);line-height:var(--LINE-HEIGHT--HEADING-5);font-weight:var(--FONT-WEIGHT--HEADING-5);text-decoration:var(--TEXT-DECORATION--HEADING-5);margin-bottom:var(--MARGIN--HEADING-5)}digi-typography h6,digi-typography .digi-h6{font-size:var(--FONT-SIZE--HEADING-6);line-height:var(--LINE-HEIGHT--HEADING-6);font-weight:var(--FONT-WEIGHT--HEADING-6);text-decoration:var(--TEXT-DECORATION--HEADING-6);margin-bottom:var(--MARGIN--HEADING-6)}digi-typography p,digi-typography blockquote{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);margin-top:initial;margin-bottom:var(--MARGIN--BODY);max-width:var(--digi--paragraph-width--medium)}digi-typography p:last-child,digi-typography blockquote:last-child{margin-bottom:0}digi-typography blockquote{margin-inline:0}digi-typography digi-typography-preamble{display:block;margin-bottom:var(--MARGIN--BODY)}digi-typography digi-typography-preamble:last-child{margin-bottom:0}digi-typography ul,digi-typography ol,digi-typography dl{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);max-width:var(--digi--paragraph-width--medium);margin-bottom:var(--MARGIN--BODY)}digi-typography ul:last-child,digi-typography ol:last-child,digi-typography dl:last-child{margin-bottom:0}digi-typography a{font-size:1em;line-height:var(--LINE-HEIGHT--LINK);font-weight:inherit;text-decoration:var(--TEXT-DECORATION--LINK);color:var(--digi--color--text--link-secondary, var(--digi--color--text--link));text-decoration-thickness:var(--digi--typography--text-decoration-thickness--default);text-underline-offset:var(--digi--typography--text-underline-offset)}digi-typography a:hover{text-decoration:var(--TEXT-DECORATION--LINK);text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover)}digi-typography a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}digi-typography a:visited{color:var(--digi--color--text--link-secondary-visited, var(--digi--color--text--link-visited))}digi-typography strong{font-weight:var(--digi--typography--label--font-weight--desktop)}";
9
+ const DigiTypographyStyle0 = typographyCss;
10
+
11
+ const Typography = class {
12
+ constructor(hostRef) {
13
+ index.registerInstance(this, hostRef);
14
+ this.afVariation = typographyVariation_enum.TypographyVariation.SMALL;
15
+ this.hideVisitedColor = undefined;
16
+ }
17
+ get cssModifiers() {
18
+ return {
19
+ 'digi-typography--large': this.afVariation === typographyVariation_enum.TypographyVariation.LARGE,
20
+ 'digi-typography--small': this.afVariation === typographyVariation_enum.TypographyVariation.SMALL,
21
+ 'digi-typography--hide-visited': this.hideVisitedColor
22
+ };
23
+ }
24
+ render() {
25
+ return (index.h("div", { key: '92db21eeb2f0a66bf419556019ada5c087823bfa', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, index.h("slot", { key: '07d933c905ff5103fc49e10810db6b6f1d894de8' })));
26
+ }
27
+ };
28
+ Typography.style = DigiTypographyStyle0;
29
+
30
+ exports.digi_typography = Typography;
@@ -74,10 +74,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
74
74
  }
75
75
  switch(bundleId) {
76
76
 
77
- case 'digi-button_6.cjs':
77
+ case 'digi-button_3.cjs':
78
78
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
79
79
  /* webpackMode: "lazy" */
80
- './digi-button_6.cjs.entry.js')); }).then(processMod, consoleError);
80
+ './digi-button_3.cjs.entry.js')); }).then(processMod, consoleError);
81
81
  case 'digi-badge-status.cjs':
82
82
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
83
83
  /* webpackMode: "lazy" */
@@ -98,6 +98,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
98
98
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
99
99
  /* webpackMode: "lazy" */
100
100
  './digi-card.cjs.entry.js')); }).then(processMod, consoleError);
101
+ case 'digi-chart-line.cjs':
102
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
103
+ /* webpackMode: "lazy" */
104
+ './digi-chart-line.cjs.entry.js')); }).then(processMod, consoleError);
101
105
  case 'digi-code.cjs':
102
106
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
103
107
  /* webpackMode: "lazy" */
@@ -906,10 +910,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
906
910
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
907
911
  /* webpackMode: "lazy" */
908
912
  './digi-tablist-panel.cjs.entry.js')); }).then(processMod, consoleError);
909
- case 'digi-tag.cjs':
910
- return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
911
- /* webpackMode: "lazy" */
912
- './digi-tag.cjs.entry.js')); }).then(processMod, consoleError);
913
913
  case 'digi-tools-feedback.cjs':
914
914
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
915
915
  /* webpackMode: "lazy" */
@@ -1026,6 +1026,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1026
1026
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1027
1027
  /* webpackMode: "lazy" */
1028
1028
  './digi-icon-bars.cjs.entry.js')); }).then(processMod, consoleError);
1029
+ case 'digi-icon-chart_2.cjs':
1030
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1031
+ /* webpackMode: "lazy" */
1032
+ './digi-icon-chart_2.cjs.entry.js')); }).then(processMod, consoleError);
1029
1033
  case 'digi-icon-copy.cjs':
1030
1034
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1031
1035
  /* webpackMode: "lazy" */
@@ -1102,6 +1106,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1102
1106
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1103
1107
  /* webpackMode: "lazy" */
1104
1108
  './digi-util-mutation-observer.cjs.entry.js')); }).then(processMod, consoleError);
1109
+ case 'digi-typography.cjs':
1110
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1111
+ /* webpackMode: "lazy" */
1112
+ './digi-typography.cjs.entry.js')); }).then(processMod, consoleError);
1105
1113
  }
1106
1114
  }
1107
1115
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(