@designsystem-se/af 39.1.0-beta.2 → 39.2.0

package/dist/collection/components/_icon/icon-x/icon-x.js

@@ -2,19 +2,18 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconX {
     constructor() {
-        /**
-         * För att dölja ikonen för skärmläsare. Default är satt till true.
-         * @en Hides the icon for screen readers. Default is set to true.
-         */
+        this.afTitle = undefined;
+        this.afDesc = undefined;
         this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '0b80e24c3325440f7b556a986fdad1767a600967', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '942ec16bbd14ad227a81a3f45ab4202cdd251363', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '50dbbbc37ac3de491d76c294b8894cf48e71ecd1', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '42238be205f961054edd5ec7a179235aac6c21ec' }, this.afDesc), h("g", { key: '9204703f40a5373da72a9f1b802bd92667a22999', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: '16d3aabd4555481407e87d4dbc0d9f25516d60b7', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '72e7038743327dcc63f4d28a66010e1e293e9323', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '2bf2145598f76fc26d0d2fb5c3405bca7595d0eb' }, this.afDesc), h("g", { key: 'a92520dde57c971fb852153ef5efa46e070f887e', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: '92adc49eaec1f820a8db670834315d2cdc377d03', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
     }
     static get is() { return "digi-icon-x"; }
     static get encapsulation() { return "scoped"; }
@@ -49,8 +48,8 @@ export class IconX {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-title"
+                "attribute": "af-title",
+                "reflect": false
             },
             "afDesc": {
                 "type": "string",
@@ -71,8 +70,8 @@ export class IconX {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-desc"
+                "attribute": "af-desc",
+                "reflect": false
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -93,8 +92,8 @@ export class IconX {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-svg-aria-hidden",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -116,8 +115,8 @@ export class IconX {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-svg-aria-labelledby"
+                "attribute": "af-svg-aria-labelledby",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/_icon/icon-x-button/icon-x-button.js

@@ -2,19 +2,18 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconXButton {
     constructor() {
-        /**
-         * För att dölja ikonen för skärmläsare. Default är satt till true.
-         * @en Hides the icon for screen readers. Default is set to true.
-         */
+        this.afTitle = undefined;
+        this.afDesc = undefined;
         this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '062ed4708013ef6fb23c1f856782bb46875b1229', class: "digi-icon-x-button", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '91190fbc6cf5930d19af79f994bec571cf746cbd', class: "digi-icon-x-button", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '530534e262c0716ea46af984537e20726ad6f0d9', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '9b3e60368b9be25368e4bd3d538af9e302690b9c' }, this.afDesc), h("g", { key: 'bb8b649880dbae3cdc4ce50425269676f18a0c5f', class: "digi-icon-x-button__shape", fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '959004abc357ffbbf0a4434f9ef1679260bb2625', fill: "currentColor", cx: "12.5", cy: "12.5", r: "12.5" }), h("g", { key: '0fefe718a8c14b8577fb33308fafb9194fbfcecb', stroke: "#F9F9F9", "stroke-linecap": "square", "stroke-width": "2.044" }, h("path", { key: 'f4c25fc2e5a573e823233a9f9a2e54fb1ec011d8', d: "M8.333 8.333l8.32 8.32M16.652 8.333l-8.319 8.32" })))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '32f3eb1183b96ad6957dce813e7c93f7932b62ef', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '34fcff48c126407cc4413759c6c4720ad8753bf5' }, this.afDesc), h("g", { key: '6a1a99d5a512bf0f4e500ea735e015bc6636289a', class: "digi-icon-x-button__shape", fill: "none", "fill-rule": "evenodd" }, h("circle", { key: '46574c9b065660aec5c9dd281e1a72bb978dabbc', fill: "currentColor", cx: "12.5", cy: "12.5", r: "12.5" }), h("g", { key: '3695c71564aa980852845e381c2a9a2611db8421', stroke: "#F9F9F9", "stroke-linecap": "square", "stroke-width": "2.044" }, h("path", { key: '269491c43f9a5f34b72642c926adae2a91c3f57b', d: "M8.333 8.333l8.32 8.32M16.652 8.333l-8.319 8.32" })))));
     }
     static get is() { return "digi-icon-x-button"; }
     static get encapsulation() { return "scoped"; }
@@ -49,8 +48,8 @@ export class IconXButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-title"
+                "attribute": "af-title",
+                "reflect": false
             },
             "afDesc": {
                 "type": "string",
@@ -71,8 +70,8 @@ export class IconXButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-desc"
+                "attribute": "af-desc",
+                "reflect": false
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -93,8 +92,8 @@ export class IconXButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-svg-aria-hidden",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -116,8 +115,8 @@ export class IconXButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-svg-aria-labelledby"
+                "attribute": "af-svg-aria-labelledby",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/_icon/icon-x-button-outline/icon-x-button-outline.js

@@ -2,19 +2,18 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconXButtonOutline {
     constructor() {
-        /**
-         * För att dölja ikonen för skärmläsare. Default är satt till true.
-         * @en Hides the icon for screen readers. Default is set to true.
-         */
+        this.afTitle = undefined;
+        this.afDesc = undefined;
         this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '586613f37ebb5921bc8c3ada1a96bef10e897de7', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'b86832c25eafafce00ad32317701fc5b8b4000b2', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: 'a023c005a2e8f6b322834646d4f2f16f1cacda6c', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '7db37f63994aca41b0cf0434fe0bbde027a90ffd' }, this.afDesc), h("path", { key: '15cd7252aa3c6855f5939ec4d4338e7e99e4a413', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'c1f7bf88c6a6bb4586dd8f3d804a8b2311c92237', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '47a1f617fc12962ebf8421455ab26140ee2269cf' }, this.afDesc), h("path", { key: '930a2ad353c05f2f8d1fc4174b9f4a0b08a0daae', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-x-button-outline"; }
     static get encapsulation() { return "scoped"; }
@@ -49,8 +48,8 @@ export class IconXButtonOutline {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-title"
+                "attribute": "af-title",
+                "reflect": false
             },
             "afDesc": {
                 "type": "string",
@@ -71,8 +70,8 @@ export class IconXButtonOutline {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-desc"
+                "attribute": "af-desc",
+                "reflect": false
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -93,8 +92,8 @@ export class IconXButtonOutline {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-svg-aria-hidden",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -116,8 +115,8 @@ export class IconXButtonOutline {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-svg-aria-labelledby"
+                "attribute": "af-svg-aria-labelledby",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/_icon/icon-youtube/icon-youtube.js

@@ -2,19 +2,18 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 export class IconYoutube {
     constructor() {
-        /**
-         * För att dölja ikonen för skärmläsare. Default är satt till true.
-         * @en Hides the icon for screen readers. Default is set to true.
-         */
+        this.afTitle = undefined;
+        this.afDesc = undefined;
         this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'e0c64f2912ae05d04b4036c21429f0dce8cea1f8', class: "digi-icon-youtube", width: "27", height: "19", viewBox: "0 0 27 19", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '4dd287defebde652f04ffebf1cca9ff230a8e1d0', class: "digi-icon-youtube", width: "27", height: "19", viewBox: "0 0 27 19", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: 'f1941b5e0b91abaceeefb798451a327efd8581bb', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '97ab901027c3f7e8dacd7c6fbca0e627aac09e17' }, this.afDesc), h("path", { key: '2f64af4d530d586887be977257014780e6832793', class: "digi-icon-youtube__shape", d: "M26.392 2.973a3.388 3.388 0 00-2.38-2.405C21.915 0 13.5 0 13.5 0S5.086 0 2.987.568A3.388 3.388 0 00.608 2.973C.046 5.093.046 9.519.046 9.519s0 4.426.562 6.547a3.338 3.338 0 002.38 2.366C5.085 19 13.5 19 13.5 19s8.414 0 10.513-.568a3.338 3.338 0 002.379-2.366c.562-2.121.562-6.547.562-6.547s0-4.425-.562-6.546zM10.748 13.537V5.501l7.033 4.018-7.033 4.018z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'e505a9f733084022da0428186506832fac4f9f3c', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '904eb3cfa8dc32df00426b237db87b113e676209' }, this.afDesc), h("path", { key: 'bd170d2b0d0e81a31e5d731db80db7e55a91e7d4', class: "digi-icon-youtube__shape", d: "M26.392 2.973a3.388 3.388 0 00-2.38-2.405C21.915 0 13.5 0 13.5 0S5.086 0 2.987.568A3.388 3.388 0 00.608 2.973C.046 5.093.046 9.519.046 9.519s0 4.426.562 6.547a3.338 3.338 0 002.38 2.366C5.085 19 13.5 19 13.5 19s8.414 0 10.513-.568a3.338 3.338 0 002.379-2.366c.562-2.121.562-6.547.562-6.547s0-4.425-.562-6.546zM10.748 13.537V5.501l7.033 4.018-7.033 4.018z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get is() { return "digi-icon-youtube"; }
     static get encapsulation() { return "scoped"; }
@@ -49,8 +48,8 @@ export class IconYoutube {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-title"
+                "attribute": "af-title",
+                "reflect": false
             },
             "afDesc": {
                 "type": "string",
@@ -71,8 +70,8 @@ export class IconYoutube {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-desc"
+                "attribute": "af-desc",
+                "reflect": false
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -93,8 +92,8 @@ export class IconYoutube {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-svg-aria-hidden",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "afSvgAriaLabelledby": {
@@ -116,8 +115,8 @@ export class IconYoutube {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-svg-aria-labelledby"
+                "attribute": "af-svg-aria-labelledby",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/_info-card/info-card/info-card.js

@@ -14,27 +14,17 @@ import { logger } from "../../../global/utils/logger";
  */
 export class InfoCard {
     constructor() {
-        /**
-         * Sätter typ. Kan vara 'tip' or 'related'.
-         * @en Set info card variation. Can be 'tip' or 'related'.
-         */
+        this.afHeading = undefined;
+        this.afHeadingLevel = undefined;
         this.afType = InfoCardType.TIP;
-        /**
-         * Sätter storlek på kortet. Kan vara 'Standard'.
-         * @en Set info card size. Can be 'Standard'.
-         */
         this.afSize = InfoCardSize.STANDARD;
-        /**
-         * Sätter position för kantlinjen. Kan vara 'top' eller 'left'. Detta har endast genomslag om 'af-type' är 'related'.
-         * @en Set border position. Can be 'top' or 'left'. This only applies if 'af-type' is 'related'.
-         */
         this.afBorderPosition = InfoCardBorderPosition.TOP;
-        /**
-         * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
-         * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
-         */
         this.afVariation = InfoCardVariation.PRIMARY;
+        this.afLinkText = undefined;
+        this.afLinkHref = undefined;
+        this.hideVisitedColor = undefined;
         this.activeLink = false;
+        this.afSvgAriaHidden = undefined;
         this.hasListIcon = false;
     }
     // get shouldRenderListIcon() {
@@ -77,7 +67,7 @@ export class InfoCard {
         };
     }
     render() {
-        return (h("div", { key: 'fbdeac4da7aa22626349c61b243f10b6a4bd3d42', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, h("div", { key: '44772e768e3bc80a7a5a20b7858d6970070f27db', class: "digi-info-card__content" }, h("div", { key: 'e770035d77564f3a57a39c553631d37d1c278626', class: "digi-info-card__icon" }, this.hasListIcon && (h("span", { key: '68e4ad4d7b050ac36c23647f7a65cc6b059e20d2', class: "digi-info-card__icon" }, h("slot", { key: 'a8550b30fdb6e31dbb8e9d02bb4275f0d74bf73c', name: "icon" })))), h(this.afHeadingLevel, { key: '9f4d71156595099a0825c586ae533e89ef0028a1', class: "digi-info-card__heading" }, this.afHeading), h("digi-typography", { key: '915eb7c59aba9eaa9cf36a6af281ec31c17fe77e' }, h("slot", { key: '72c6ddf7f4ec870b670183e6f2b844ec46116aaf' })), this.shouldRenderInternalLink && (h("digi-link-internal", { key: '0ad0f534ef93d7743f2a93dc21edd9bdf423548b', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
+        return (h("div", { key: 'f7f629acc7bd66a48b30bdf8ca6e4aeee6da9735', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, h("div", { key: 'ca7b539e6c95853b4300d343a3d0953005773bd8', class: "digi-info-card__content" }, h("div", { key: 'c264f8a955a4a1dd10c706ee5e026b5de6a9480a', class: "digi-info-card__icon" }, this.hasListIcon && (h("span", { key: '8bb815c3349de26a8c126769a96c91cf0ee59ced', class: "digi-info-card__icon" }, h("slot", { key: '352c1e31d5fc7daa9c0e896218fbfa3049b4b3fd', name: "icon" })))), h(this.afHeadingLevel, { key: 'ed911ad3eba1cd61ad9d27d85c56dff209ae2596', class: "digi-info-card__heading" }, this.afHeading), h("digi-typography", { key: '93ebdf196ff8de19303b4122f624bc72db6f43fd' }, h("slot", { key: '6f0964297e065e5674c0452902b937f9a96c29a1' })), this.shouldRenderInternalLink && (h("digi-link-internal", { key: 'af116bc1d9b2054f1b595defa395fc3ca4cacb02', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
     }
     static get is() { return "digi-info-card"; }
     static get encapsulation() { return "scoped"; }
@@ -112,8 +102,8 @@ export class InfoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-heading"
+                "attribute": "af-heading",
+                "reflect": false
             },
             "afHeadingLevel": {
                 "type": "string",
@@ -125,8 +115,7 @@ export class InfoCard {
                         "InfoCardHeadingLevel": {
                             "location": "import",
                             "path": "./info-card-heading-level.enum",
-                            "id": "src/components/_info-card/info-card/info-card-heading-level.enum.ts::InfoCardHeadingLevel",
-                            "referenceLocation": "InfoCardHeadingLevel"
+                            "id": "src/components/_info-card/info-card/info-card-heading-level.enum.ts::InfoCardHeadingLevel"
                         }
                     }
                 },
@@ -141,8 +130,8 @@ export class InfoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-heading-level"
+                "attribute": "af-heading-level",
+                "reflect": false
             },
             "afType": {
                 "type": "string",
@@ -154,8 +143,7 @@ export class InfoCard {
                         "InfoCardType": {
                             "location": "import",
                             "path": "./info-card-type.enum",
-                            "id": "src/components/_info-card/info-card/info-card-type.enum.ts::InfoCardType",
-                            "referenceLocation": "InfoCardType"
+                            "id": "src/components/_info-card/info-card/info-card-type.enum.ts::InfoCardType"
                         }
                     }
                 },
@@ -170,8 +158,8 @@ export class InfoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-type",
+                "reflect": false,
                 "defaultValue": "InfoCardType.TIP"
             },
             "afSize": {
@@ -184,8 +172,7 @@ export class InfoCard {
                         "InfoCardSize": {
                             "location": "import",
                             "path": "./info-card-size.enum",
-                            "id": "src/components/_info-card/info-card/info-card-size.enum.ts::InfoCardSize",
-                            "referenceLocation": "InfoCardSize"
+                            "id": "src/components/_info-card/info-card/info-card-size.enum.ts::InfoCardSize"
                         }
                     }
                 },
@@ -200,8 +187,8 @@ export class InfoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-size",
+                "reflect": false,
                 "defaultValue": "InfoCardSize.STANDARD"
             },
             "afBorderPosition": {
@@ -214,8 +201,7 @@ export class InfoCard {
                         "InfoCardBorderPosition": {
                             "location": "import",
                             "path": "./info-card-border-position.enum",
-                            "id": "src/components/_info-card/info-card/info-card-border-position.enum.ts::InfoCardBorderPosition",
-                            "referenceLocation": "InfoCardBorderPosition"
+                            "id": "src/components/_info-card/info-card/info-card-border-position.enum.ts::InfoCardBorderPosition"
                         }
                     }
                 },
@@ -230,8 +216,8 @@ export class InfoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-border-position",
+                "reflect": false,
                 "defaultValue": "InfoCardBorderPosition.TOP"
             },
             "afVariation": {
@@ -244,8 +230,7 @@ export class InfoCard {
                         "InfoCardVariation": {
                             "location": "import",
                             "path": "./info-card-variation.enum",
-                            "id": "src/components/_info-card/info-card/info-card-variation.enum.ts::InfoCardVariation",
-                            "referenceLocation": "InfoCardVariation"
+                            "id": "src/components/_info-card/info-card/info-card-variation.enum.ts::InfoCardVariation"
                         }
                     }
                 },
@@ -260,8 +245,8 @@ export class InfoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-variation",
+                "reflect": false,
                 "defaultValue": "InfoCardVariation.PRIMARY"
             },
             "afLinkText": {
@@ -283,8 +268,8 @@ export class InfoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-link-text"
+                "attribute": "af-link-text",
+                "reflect": false
             },
             "afLinkHref": {
                 "type": "string",
@@ -305,8 +290,8 @@ export class InfoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-link-href"
+                "attribute": "af-link-href",
+                "reflect": false
             },
             "hideVisitedColor": {
                 "type": "boolean",
@@ -327,8 +312,8 @@ export class InfoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "hide-visited-color"
+                "attribute": "hide-visited-color",
+                "reflect": false
             },
             "afSvgAriaHidden": {
                 "type": "boolean",
@@ -349,8 +334,8 @@ export class InfoCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-svg-aria-hidden"
+                "attribute": "af-svg-aria-hidden",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/_info-card/info-card-multi/info-card-multi.js

@@ -11,16 +11,15 @@ import { TagMediaIcon } from "../../_tag/tag-media/tag-media-icon.enum";
  */
 export class InfoCardMulti {
     constructor() {
-        /**
-         * Sätter ikon för taggen
-         * @en set icon for tag
-         */
+        this.afSrc = undefined;
+        this.afAlt = undefined;
+        this.afTagText = undefined;
         this.afTagIcon = TagMediaIcon.NEWS;
-        /**
-         * Sätter typ. Kan vara 'media' eller 'text'.
-         * @en Set info card variation. Can be 'media' or 'text'.
-         */
+        this.afHeading = undefined;
+        this.afHeadingLevel = undefined;
         this.afType = InfoCardMultiType.MEDIA;
+        this.afLinkHref = undefined;
+        this.hideVisitedColor = undefined;
         this.activeLink = false;
     }
     componentWillLoad() {
@@ -43,7 +42,7 @@ export class InfoCardMulti {
         };
     }
     render() {
-        return (h(Host, { key: '0647bb6d63fe553159888b854de598b299c1f78c' }, h("div", { key: '85d10e90476bbfda5a1830f2cfe6bef6e13cac56', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, h("div", { key: 'b0f4e5f689c42975c5a6bf4b0ef76123212f15ec', class: "digi-info-card-multi__content" }, this.afType == InfoCardMultiType.MEDIA && (h("div", { key: '862d32ccc0c001c46b01ced4cd8e8ab24150ba93', class: "digi-info-card-multi__image" }, h("digi-media-image", { key: '4a1fb10cb0a162b6175c2706892742fc874f94f0', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, h("div", { key: '21b94011384fcae7f57b8a7310eaf4b0d2c8534a', class: "digi-info-card-multi__tag" }, h("digi-tag-media", { key: '2afbabb7efd6d450e76087c45f817e1964be0d85', "af-icon": this.afTagIcon, afText: this.afTagText }))))), h("div", { key: 'a6caf5af535823d23d0a5f78fc656b3074f0f24e', class: "digi-info-card-multi__text" }, h(this.afHeadingLevel, { key: 'da8bc48fcd31dbf6c2dca7d67918b69b1989a02b', class: "digi-info-card-multi__heading" }, h("a", { key: '84c99fe27dde65fa08dde674fdd535a9a8751e82', class: "digi-info-card-multi__link", href: this.afLinkHref, onMouseEnter: () => (this.activeLink = true), onFocus: () => (this.activeLink = true), onMouseLeave: () => (this.activeLink = false), onBlur: () => (this.activeLink = false), onClick: (e) => this.clickLinkHandler(e) }, this.afHeading)), h("digi-typography", { key: 'fe25b0b6fc4ba7ab20d9293a65ece443d4d8d1dd' }, h("slot", { key: '31245049b54339c8d20eff09ae0c2080ef72afcb' })))))));
+        return (h(Host, { key: 'a05608b955f142a66703d9648b7d3ec32bbcf645' }, h("div", { key: '8650bc5ae00357c2fc0c592fc4a6c7d1ebe565ff', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, h("div", { key: 'f2ecd84c75e2bede595b351e6330bd24b434e807', class: "digi-info-card-multi__content" }, this.afType == InfoCardMultiType.MEDIA && (h("div", { key: 'a13529f04b172be43648e74382c49d3d507c7d52', class: "digi-info-card-multi__image" }, h("digi-media-image", { key: 'ad53e158a5255732503a9808e62d239d822e6295', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, h("div", { key: '7822841c0652aad7c3b14438e3f5b00eaf911433', class: "digi-info-card-multi__tag" }, h("digi-tag-media", { key: 'c5c400e89444726c3c3479bbc85dcab16f673408', "af-icon": this.afTagIcon, afText: this.afTagText }))))), h("div", { key: '8329f1fc4bcc040c3b69041c1acc798140781c7d', class: "digi-info-card-multi__text" }, h(this.afHeadingLevel, { key: 'd47bcf8798d1ea0d83332b7abc8f568aa6f4ebe5', class: "digi-info-card-multi__heading" }, h("a", { key: 'fca34c5fbe950cb3e2016b3e23c1b5b590df39d4', class: "digi-info-card-multi__link", href: this.afLinkHref, onMouseEnter: () => (this.activeLink = true), onFocus: () => (this.activeLink = true), onMouseLeave: () => (this.activeLink = false), onBlur: () => (this.activeLink = false), onClick: (e) => this.clickLinkHandler(e) }, this.afHeading)), h("digi-typography", { key: '821e6203fba01efb9d9d2c64fc676123ad2e918b' }, h("slot", { key: '2a216306befcb253efe763eda089262b3e84b30f' })))))));
     }
     static get is() { return "digi-info-card-multi"; }
     static get encapsulation() { return "scoped"; }
@@ -78,8 +77,8 @@ export class InfoCardMulti {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-src"
+                "attribute": "af-src",
+                "reflect": false
             },
             "afAlt": {
                 "type": "string",
@@ -100,8 +99,8 @@ export class InfoCardMulti {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-alt"
+                "attribute": "af-alt",
+                "reflect": false
             },
             "afTagText": {
                 "type": "string",
@@ -122,8 +121,8 @@ export class InfoCardMulti {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-tag-text"
+                "attribute": "af-tag-text",
+                "reflect": false
             },
             "afTagIcon": {
                 "type": "string",
@@ -135,8 +134,7 @@ export class InfoCardMulti {
                         "TagMediaIcon": {
                             "location": "import",
                             "path": "../../_tag/tag-media/tag-media-icon.enum",
-                            "id": "src/components/_tag/tag-media/tag-media-icon.enum.ts::TagMediaIcon",
-                            "referenceLocation": "TagMediaIcon"
+                            "id": "src/components/_tag/tag-media/tag-media-icon.enum.ts::TagMediaIcon"
                         }
                     }
                 },
@@ -151,8 +149,8 @@ export class InfoCardMulti {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-tag-icon",
+                "reflect": false,
                 "defaultValue": "TagMediaIcon.NEWS"
             },
             "afHeading": {
@@ -174,8 +172,8 @@ export class InfoCardMulti {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-heading"
+                "attribute": "af-heading",
+                "reflect": false
             },
             "afHeadingLevel": {
                 "type": "string",
@@ -187,8 +185,7 @@ export class InfoCardMulti {
                         "InfoCardMultiHeadingLevel": {
                             "location": "import",
                             "path": "./info-card-multi-heading-level.enum",
-                            "id": "src/components/_info-card/info-card-multi/info-card-multi-heading-level.enum.ts::InfoCardMultiHeadingLevel",
-                            "referenceLocation": "InfoCardMultiHeadingLevel"
+                            "id": "src/components/_info-card/info-card-multi/info-card-multi-heading-level.enum.ts::InfoCardMultiHeadingLevel"
                         }
                     }
                 },
@@ -203,8 +200,8 @@ export class InfoCardMulti {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-heading-level"
+                "attribute": "af-heading-level",
+                "reflect": false
             },
             "afType": {
                 "type": "string",
@@ -216,8 +213,7 @@ export class InfoCardMulti {
                         "InfoCardMultiType": {
                             "location": "import",
                             "path": "./info-card-multi-type.enum",
-                            "id": "src/components/_info-card/info-card-multi/info-card-multi-type.enum.ts::InfoCardMultiType",
-                            "referenceLocation": "InfoCardMultiType"
+                            "id": "src/components/_info-card/info-card-multi/info-card-multi-type.enum.ts::InfoCardMultiType"
                         }
                     }
                 },
@@ -232,8 +228,8 @@ export class InfoCardMulti {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
                 "attribute": "af-type",
+                "reflect": false,
                 "defaultValue": "InfoCardMultiType.MEDIA"
             },
             "afLinkHref": {
@@ -255,8 +251,8 @@ export class InfoCardMulti {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "af-link-href"
+                "attribute": "af-link-href",
+                "reflect": false
             },
             "hideVisitedColor": {
                 "type": "boolean",
@@ -277,8 +273,8 @@ export class InfoCardMulti {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "hide-visited-color"
+                "attribute": "hide-visited-color",
+                "reflect": false
             }
         };
     }