@designsystem-se/af 39.2.1-beta.0 → 39.2.1-beta.1

package/dist/collection/components/_tools/tools-feedback-rating/tools-feedback-rating.js

@@ -16,30 +16,51 @@ import { FeedbackRatingHeadingLevel } from "./tools-feedback-rating-heading-leve
  */
 export class ToolsFeedbackRating {
     constructor() {
+        /**
+         * Sätter ett id-attribut. Om inget anges används en slumpmässig sträng.
+         * @en Sets an id attribute.
+         */
         this.afId = randomIdGenerator('digi-tools-feedback-rating');
-        this.afIsDone = undefined;
-        this.afVariation = undefined;
+        /**
+         * Sätter typ som kan vara 'fullwidth', 'grid' eller 'minimal'.
+         * @en Sets type. Can be 'fullwidth', 'grid' or 'minimal'.
+         */
         this.afType = FeedbackRatingType.FULLWIDTH;
+        /**
+         * Sätt rubrikens vikt. 'h2' är förvalt.
+         * @en Set heading level. Default is 'h2'
+         */
         this.afHeadingLevel = FeedbackRatingHeadingLevel.H2;
+        /**
+         * Anger frågan på det som ska betygsättas.
+         * @en Sets the question
+         */
         this.afQuestion = 'Hur nöjd är du med tjänsten?';
+        /**
+         * Anger rubriken efter inskickat betyg.
+         * @en Sets the heading after the rating is sent
+         */
         this.afThankYouHeading = 'Tack för din feedback!';
+        /**
+         * Anger svarsalternativen som visas i komponenten och spåras med Piwik. Behöver separeras med semikolon.
+         * @en Sets the answer options
+         */
         this.afRatings = 'Inte alls nöjd;Inte särskilt nöjd;Ganska nöjd;Nöjd;Mycket nöjd';
-        this.afDir = undefined;
-        this.afLang = undefined;
-        this.afLink = undefined;
-        this.afLinkText = undefined;
-        this.afProduct = undefined;
-        this.afApplication = undefined;
-        this.afApplicationId = undefined;
-        this.afProductArea = undefined;
-        this.afName = undefined;
-        this.afQuestionType = undefined;
+        /**
+         * Om afLink används, kombineras den med URL-variabler för inkludering av betyg och URL:en som användaren kommer ifrån
+         * @en Adds custom link for sending rating to Webropol
+         */
         this.afUseCustomLink = false;
+        /**
+         * Sätter nuvarande steg
+         * @en Sets current steps
+         */
         this.currentStep = 1;
+        /**
+         * Kontrollerar att frågan inte är en tom sträng
+         * @en Checks if mandatory content are included
+         */
         this.validContent = true;
-        this.hoveredRating = undefined;
-        this.selectedRating = undefined;
-        this.selectedText = undefined;
     }
     afIsDoneHandler() {
         this.currentStep = 2;
@@ -174,7 +195,7 @@ export class ToolsFeedbackRating {
             {}).text.toLowerCase() || null}`)), h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, 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) }, 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' : ''}` }, h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, h("g", { transform: "translate(1663, 2565)" }, h("g", { transform: "translate(190, 0)" }, 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 && (h("div", { class: "digi-tools-feedback-rating__thankyou" }, h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, h("g", { fill: "none", "fill-rule": "evenodd" }, 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" }), 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: "none", class: "digi-tools-feedback-rating__infographic-primary" }))), h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (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 && (h("div", { class: "digi-tools-feedback-rating__link" }, h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
     }
     render() {
-        return (h("div", { key: 'd6d5b49ef882e2dc9315e7b11fe0c5ac9b760720', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '6159d4abe9f6170ea247d8eb3192b33f364ab17c', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: 'db4374bf19f6e7a7c9b07397fe3afc5cf2a49c36', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '3c0e9d8417305bc8f7a81f6dec7ccb75cabe0667', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     static get is() { return "digi-tools-feedback-rating"; }
     static get encapsulation() { return "scoped"; }
@@ -209,8 +230,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-id",
                 "reflect": false,
+                "attribute": "af-id",
                 "defaultValue": "randomIdGenerator('digi-tools-feedback-rating')"
             },
             "afIsDone": {
@@ -232,8 +253,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-is-done",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-is-done"
             },
             "afVariation": {
                 "type": "string",
@@ -245,7 +266,8 @@ export class ToolsFeedbackRating {
                         "FeedbackRatingVariation": {
                             "location": "import",
                             "path": "./tools-feedback-rating-variation.enum",
-                            "id": "src/components/_tools/tools-feedback-rating/tools-feedback-rating-variation.enum.ts::FeedbackRatingVariation"
+                            "id": "src/components/_tools/tools-feedback-rating/tools-feedback-rating-variation.enum.ts::FeedbackRatingVariation",
+                            "referenceLocation": "FeedbackRatingVariation"
                         }
                     }
                 },
@@ -260,8 +282,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-variation",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-variation"
             },
             "afType": {
                 "type": "string",
@@ -273,7 +295,8 @@ export class ToolsFeedbackRating {
                         "FeedbackRatingType": {
                             "location": "import",
                             "path": "./tools-feedback-rating-type.enum",
-                            "id": "src/components/_tools/tools-feedback-rating/tools-feedback-rating-type.enum.ts::FeedbackRatingType"
+                            "id": "src/components/_tools/tools-feedback-rating/tools-feedback-rating-type.enum.ts::FeedbackRatingType",
+                            "referenceLocation": "FeedbackRatingType"
                         }
                     }
                 },
@@ -288,8 +311,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-type",
                 "reflect": false,
+                "attribute": "af-type",
                 "defaultValue": "FeedbackRatingType.FULLWIDTH"
             },
             "afHeadingLevel": {
@@ -302,7 +325,8 @@ export class ToolsFeedbackRating {
                         "FeedbackRatingHeadingLevel": {
                             "location": "import",
                             "path": "./tools-feedback-rating-heading-level.enum",
-                            "id": "src/components/_tools/tools-feedback-rating/tools-feedback-rating-heading-level.enum.ts::FeedbackRatingHeadingLevel"
+                            "id": "src/components/_tools/tools-feedback-rating/tools-feedback-rating-heading-level.enum.ts::FeedbackRatingHeadingLevel",
+                            "referenceLocation": "FeedbackRatingHeadingLevel"
                         }
                     }
                 },
@@ -317,8 +341,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-heading-level",
                 "reflect": false,
+                "attribute": "af-heading-level",
                 "defaultValue": "FeedbackRatingHeadingLevel.H2"
             },
             "afQuestion": {
@@ -340,8 +364,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-question",
                 "reflect": false,
+                "attribute": "af-question",
                 "defaultValue": "'Hur n\u00F6jd \u00E4r du med tj\u00E4nsten?'"
             },
             "afThankYouHeading": {
@@ -363,8 +387,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-thank-you-heading",
                 "reflect": false,
+                "attribute": "af-thank-you-heading",
                 "defaultValue": "'Tack f\u00F6r din feedback!'"
             },
             "afRatings": {
@@ -386,8 +410,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-ratings",
                 "reflect": false,
+                "attribute": "af-ratings",
                 "defaultValue": "'Inte alls n\u00F6jd;Inte s\u00E4rskilt n\u00F6jd;Ganska n\u00F6jd;N\u00F6jd;Mycket n\u00F6jd'"
             },
             "afDir": {
@@ -409,8 +433,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-dir",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-dir"
             },
             "afLang": {
                 "type": "string",
@@ -431,8 +455,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-lang",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-lang"
             },
             "afLink": {
                 "type": "string",
@@ -453,8 +477,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-link",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-link"
             },
             "afLinkText": {
                 "type": "string",
@@ -475,8 +499,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-link-text",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-link-text"
             },
             "afProduct": {
                 "type": "string",
@@ -497,8 +521,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-product",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-product"
             },
             "afApplication": {
                 "type": "string",
@@ -519,8 +543,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-application",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-application"
             },
             "afApplicationId": {
                 "type": "string",
@@ -541,8 +565,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-application-id",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-application-id"
             },
             "afProductArea": {
                 "type": "string",
@@ -563,8 +587,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-product-area",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-product-area"
             },
             "afName": {
                 "type": "string",
@@ -585,8 +609,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-name",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-name"
             },
             "afQuestionType": {
                 "type": "string",
@@ -607,8 +631,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-question-type",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-question-type"
             },
             "afUseCustomLink": {
                 "type": "boolean",
@@ -629,8 +653,8 @@ export class ToolsFeedbackRating {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-use-custom-link",
                 "reflect": false,
+                "attribute": "af-use-custom-link",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js

@@ -6,6 +6,10 @@ import { ToolsThemeProviderBrandEnum } from "./tools-theme-provider.brand.enum";
  */
 export class ToolsThemeProvider {
     constructor() {
+        /**
+         * Ändrar tema på underliggande komponenter
+         * @en Change theme for underlying components
+         */
         this.afBrand = ToolsThemeProviderBrandEnum.AF25;
     }
     get cssModifiers() {
@@ -15,7 +19,7 @@ export class ToolsThemeProvider {
         };
     }
     render() {
-        return (h(Host, { key: 'dec67b8d136a0bb2c1ee3a428875a5207c9935cb' }, h("div", { key: 'c7769ceb730493ced3691539f854b65f3556bcb3', class: this.cssModifiers }, h("slot", { key: '4a2fc124978c9b0aa6062332c5b9744eecc11283' }))));
+        return (h(Host, { key: '20cf922eb53806c9cbc5b6498e12f775fb05f218' }, h("div", { key: '93658420ef4e4e751ec1e6d13f2d438afa61df39', class: this.cssModifiers }, h("slot", { key: '4e1885d293549f464d984091f41a10cd046d3e17' }))));
     }
     static get is() { return "digi-tools-theme-provider"; }
     static get encapsulation() { return "scoped"; }
@@ -41,7 +45,8 @@ export class ToolsThemeProvider {
                         "ToolsThemeProviderBrandEnum": {
                             "location": "import",
                             "path": "./tools-theme-provider.brand.enum",
-                            "id": "src/components/_tools/tools-theme-provider/tools-theme-provider.brand.enum.ts::ToolsThemeProviderBrandEnum"
+                            "id": "src/components/_tools/tools-theme-provider/tools-theme-provider.brand.enum.ts::ToolsThemeProviderBrandEnum",
+                            "referenceLocation": "ToolsThemeProviderBrandEnum"
                         }
                     }
                 },
@@ -56,8 +61,8 @@ export class ToolsThemeProvider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-brand",
                 "reflect": false,
+                "attribute": "af-brand",
                 "defaultValue": "ToolsThemeProviderBrandEnum.AF25"
             }
         };

package/dist/collection/components/_typography/typography/typography.js

@@ -6,16 +6,13 @@ import { h } from "@stencil/core";
  * @swedishName Typografi
  */
 export class Typography {
-    constructor() {
-        this.hideVisitedColor = undefined;
-    }
     get cssModifiers() {
         return {
             'digi-typography--hide-visited': this.hideVisitedColor
         };
     }
     render() {
-        return (h("div", { key: '50437a6253cd108f81aa9375be96b444f74fdaa7', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '0d229970db0f141afb8a40c4fde52957c776f0d2' })));
+        return (h("div", { key: '2b78d2c69b94e258feb4c99d5835cc58507d7886', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '1f952d99d2331fb09a1b6d549a6ea97440302346' })));
     }
     static get is() { return "digi-typography"; }
     static get originalStyleUrls() {
@@ -49,8 +46,8 @@ export class Typography {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-visited-color",
-                "reflect": false
+                "reflect": false,
+                "attribute": "hide-visited-color"
             }
         };
     }

package/dist/collection/components/_typography/typography-heading-jumbo/typography-heading-jumbo.js

@@ -9,9 +9,20 @@ import { TypographyHeadingJumboVariation } from "./typography-heading-jumbo-vari
  */
 export class TypographyHeadingJumbo {
     constructor() {
+        /**
+         * Rubrikens text
+         * @en The heading text
+         */
         this.afText = '';
-        this.afVariation = undefined;
+        /**
+         * Sätt rubrikens vikt. 'h1' är förvalt.
+         * @en Set heading level. Default is 'h1'
+         */
         this.afLevel = TypographyHeadingJumboLevel.H1;
+        /**
+         * Sätt språk inuti rubrik-elementet. 'sv' (svenska) är förvalt.
+         * @en Set language inside of title element. Defaults to 'sv' (swedish).
+         */
         this.afLang = 'sv';
     }
     /**
@@ -28,7 +39,7 @@ export class TypographyHeadingJumbo {
         };
     }
     render() {
-        return (h(this.afLevel, { key: '9ec7411b0437a784fd3e67867d5652198ee2854d', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+        return (h(this.afLevel, { key: 'b63f9447d1ccefc73fcd3ac26562ed4d9f106f3c', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
     }
     static get is() { return "digi-typography-heading-jumbo"; }
     static get encapsulation() { return "scoped"; }
@@ -63,8 +74,8 @@ export class TypographyHeadingJumbo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-text",
                 "reflect": false,
+                "attribute": "af-text",
                 "defaultValue": "''"
             },
             "afVariation": {
@@ -77,7 +88,8 @@ export class TypographyHeadingJumbo {
                         "TypographyHeadingJumboVariation": {
                             "location": "import",
                             "path": "./typography-heading-jumbo-variation.enum",
-                            "id": "src/components/_typography/typography-heading-jumbo/typography-heading-jumbo-variation.enum.ts::TypographyHeadingJumboVariation"
+                            "id": "src/components/_typography/typography-heading-jumbo/typography-heading-jumbo-variation.enum.ts::TypographyHeadingJumboVariation",
+                            "referenceLocation": "TypographyHeadingJumboVariation"
                         }
                     }
                 },
@@ -92,8 +104,8 @@ export class TypographyHeadingJumbo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-variation",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-variation"
             },
             "afLevel": {
                 "type": "string",
@@ -105,7 +117,8 @@ export class TypographyHeadingJumbo {
                         "TypographyHeadingJumboLevel": {
                             "location": "import",
                             "path": "./typography-heading-jumbo-level.enum",
-                            "id": "src/components/_typography/typography-heading-jumbo/typography-heading-jumbo-level.enum.ts::TypographyHeadingJumboLevel"
+                            "id": "src/components/_typography/typography-heading-jumbo/typography-heading-jumbo-level.enum.ts::TypographyHeadingJumboLevel",
+                            "referenceLocation": "TypographyHeadingJumboLevel"
                         }
                     }
                 },
@@ -120,8 +133,8 @@ export class TypographyHeadingJumbo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-level",
                 "reflect": false,
+                "attribute": "af-level",
                 "defaultValue": "TypographyHeadingJumboLevel.H1"
             },
             "afLang": {
@@ -143,8 +156,8 @@ export class TypographyHeadingJumbo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-lang",
                 "reflect": false,
+                "attribute": "af-lang",
                 "defaultValue": "'sv'"
             }
         };

package/dist/collection/components/_typography/typography-meta/typography-meta.js

@@ -9,6 +9,10 @@ import { TypographyMetaVariation } from "./typography-meta-variation.enum";
  */
 export class TypographyMeta {
     constructor() {
+        /**
+         * Sätter variant. Kan vara primär eller sekundär.
+         * @en Set variation. Can be primary or secondary.
+         */
         this.afVariation = TypographyMetaVariation.PRIMARY;
     }
     get cssModifiers() {
@@ -17,7 +21,7 @@ export class TypographyMeta {
         };
     }
     render() {
-        return (h("div", { key: 'c33eb37c9323e0cd70078c697bc21dc912c8f1d0', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '30c5a2e58ff2ccfa414f1c276da8fad022f3af0e', class: "digi-typography-meta__meta" }, h("slot", { key: 'c1b25852863f306edb226025257ff952428aa8ae' })), h("div", { key: 'f9f6e078912146a0e43ae84cf34792aedb73702e', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '2d9771fc7c9f6d59d851136b835d47346f9ba2d9', name: "secondary" }))));
+        return (h("div", { key: 'edc0bcd34be6584592f85fcc658e05cb1587b4a9', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: 'dfa7baf681bab13370e349f0f45f17dbaf265143', class: "digi-typography-meta__meta" }, h("slot", { key: '54e56da7929a117020bcc3aa2c11f93eefd907f9' })), h("div", { key: 'c54bdad8e7bb94e1832c9242868e197bd9ca770b', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: 'fd79c440a11889797b9f59598f88aedd9a62d806', name: "secondary" }))));
     }
     static get is() { return "digi-typography-meta"; }
     static get encapsulation() { return "scoped"; }
@@ -43,7 +47,8 @@ export class TypographyMeta {
                         "TypographyMetaVariation": {
                             "location": "import",
                             "path": "./typography-meta-variation.enum",
-                            "id": "src/components/_typography/typography-meta/typography-meta-variation.enum.ts::TypographyMetaVariation"
+                            "id": "src/components/_typography/typography-meta/typography-meta-variation.enum.ts::TypographyMetaVariation",
+                            "referenceLocation": "TypographyMetaVariation"
                         }
                     }
                 },
@@ -58,8 +63,8 @@ export class TypographyMeta {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-variation",
                 "reflect": false,
+                "attribute": "af-variation",
                 "defaultValue": "TypographyMetaVariation.PRIMARY"
             }
         };

package/dist/collection/components/_typography/typography-preamble/typography-preamble.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class TypographyPreamble {
     render() {
-        return (h("p", { key: 'db78a2df696deb6ff3e9b9823dea5952650a69e2', class: "digi-typography-preamble" }, h("slot", { key: '0b3d4bf54475917eb1703f343bc0d07dcec9ba4d' })));
+        return (h("p", { key: '98e958273d0e96d508509a271d857145696d3927', class: "digi-typography-preamble" }, h("slot", { key: '45a0069b04c1dfe289a6c70b7e5be44051e97b2c' })));
     }
     static get is() { return "digi-typography-preamble"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-time/typography-time.js

@@ -7,10 +7,15 @@ import { TypographyTimeVariation } from "./typography-time-variation.enum";
  */
 export class TypographyTime {
     constructor() {
-        this.formatedDate = undefined;
-        this.datetime = undefined;
-        this.afDateTime = undefined;
+        /**
+         * Sätter variant. Bestämmer hur det ska formatteras. Kan vara 'primary', 'pretty' eller 'distance'.
+         * @en Set variation. Can be 'primary', 'pretty' or 'distance'.
+         */
         this.afVariation = TypographyTimeVariation.PRIMARY;
+        /**
+         * Språk-tagg. För svenska, använd 'sv-SE'.
+         * @en Set language tag. Defaults to browser standard.
+         */
         this.afLocale = 'default';
     }
     primaryFormat(date) {
@@ -58,7 +63,7 @@ export class TypographyTime {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (h("time", { key: 'a625df7fe6bd54ca711e678b6c32edb148926600', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: '756cf28a15c70253ccd252f5dcc0488ca0dac191', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get is() { return "digi-typography-time"; }
     static get encapsulation() { return "scoped"; }
@@ -88,8 +93,8 @@ export class TypographyTime {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-date-time",
-                "reflect": false
+                "reflect": false,
+                "attribute": "af-date-time"
             },
             "afVariation": {
                 "type": "string",
@@ -101,7 +106,8 @@ export class TypographyTime {
                         "TypographyTimeVariation": {
                             "location": "import",
                             "path": "./typography-time-variation.enum",
-                            "id": "src/components/_typography/typography-time/typography-time-variation.enum.ts::TypographyTimeVariation"
+                            "id": "src/components/_typography/typography-time/typography-time-variation.enum.ts::TypographyTimeVariation",
+                            "referenceLocation": "TypographyTimeVariation"
                         }
                     }
                 },
@@ -116,8 +122,8 @@ export class TypographyTime {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-variation",
                 "reflect": false,
+                "attribute": "af-variation",
                 "defaultValue": "TypographyTimeVariation.PRIMARY"
             },
             "afLocale": {
@@ -139,8 +145,8 @@ export class TypographyTime {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-locale",
                 "reflect": false,
+                "attribute": "af-locale",
                 "defaultValue": "'default'"
             }
         };

package/dist/collection/components/_util/util-breakpoint-observer/util-breakpoint-observer.js

@@ -30,7 +30,7 @@ export class UtilBreakpointObserver {
         }
     }
     render() {
-        return (h(Host, { key: 'fa76f2542c87860d7a6b501698cdd9ea28385fd7' }, h("div", { key: 'a4fc9b5eab47cf889040f6e3816f179961a28003', class: "digi-util-breakpoint-observer" }, h("div", { key: '12ce5bbab68aa3f29f9839f9d18a4717c0d256d0', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '0772066a14b4d34a52b4a3a0488411ea092e68ee' }))));
+        return (h(Host, { key: '2093f295bf8467fc988fb5af9a8fa23f3de4ca29' }, h("div", { key: '7ca82220aed849fbc7f1028acb5290ef6eb5c758', class: "digi-util-breakpoint-observer" }, h("div", { key: 'e04f0421f94872139635a69320973e6404d2984f', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '498ed7dc0424a6ee19858c293cfa88d171206517' }))));
     }
     static get is() { return "digi-util-breakpoint-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-detect-click-outside/util-detect-click-outside.js

@@ -8,6 +8,10 @@ import { detectClickOutside } from "../../../global/utils/detectClickOutside";
  */
 export class UtilDetectClickOutside {
     constructor() {
+        /**
+         * Sätter en unik identifierare som behövs för att kontrollera klickeventen. Måste vara preficad med 'data-'. Om inget väljs så skapas ett slumpmässigt id.
+         * @en Set unique identifier needed for click control. Defaults to random string. Should be prefixed with 'data-'
+         */
         this.afDataIdentifier = randomIdGenerator('data-digi-util-detect-click-outside');
     }
     componentWillLoad() {
@@ -24,7 +28,7 @@ export class UtilDetectClickOutside {
         }
     }
     render() {
-        return h("slot", { key: '06473b3acc2ddf0f1d646b60d219524acd387537' });
+        return h("slot", { key: '176ff34b19e4ac934413527700788d744afdf2b5' });
     }
     static get is() { return "digi-util-detect-click-outside"; }
     static get encapsulation() { return "scoped"; }
@@ -49,8 +53,8 @@ export class UtilDetectClickOutside {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "af-data-identifier",
                 "reflect": false,
+                "attribute": "af-data-identifier",
                 "defaultValue": "randomIdGenerator(\n    'data-digi-util-detect-click-outside'\n  )"
             }
         };