@designsystem-se/af 34.2.1-beta.1 → 34.2.1-beta.3

package/dist/esm/{typography-variation.enum-259c1751.js → typography-variation.enum-0f0f74d5.js}

@@ -65,34 +65,6 @@ var FormErrorListHeadingLevel;
     FormErrorListHeadingLevel["H6"] = "h6";
 })(FormErrorListHeadingLevel || (FormErrorListHeadingLevel = {}));
 
-var FormInputMode;
-(function (FormInputMode) {
-    FormInputMode["DEFAULT"] = "";
-    FormInputMode["NONE"] = "none";
-    FormInputMode["TEXT"] = "text";
-    FormInputMode["DECIMAL"] = "decimal";
-    FormInputMode["NUMERIC"] = "numeric";
-    FormInputMode["TEL"] = "tel";
-    FormInputMode["SEARCH"] = "search";
-    FormInputMode["EMAIL"] = "email";
-    FormInputMode["URL"] = "url";
-})(FormInputMode || (FormInputMode = {}));
-
-var FormInputValidation;
-(function (FormInputValidation) {
-    FormInputValidation["SUCCESS"] = "success";
-    FormInputValidation["ERROR"] = "error";
-    FormInputValidation["WARNING"] = "warning";
-    FormInputValidation["NEUTRAL"] = "neutral";
-})(FormInputValidation || (FormInputValidation = {}));
-
-var FormInputVariation;
-(function (FormInputVariation) {
-    FormInputVariation["SMALL"] = "small";
-    FormInputVariation["MEDIUM"] = "medium";
-    FormInputVariation["LARGE"] = "large";
-})(FormInputVariation || (FormInputVariation = {}));
-
 var FormRadiobuttonLayout;
 (function (FormRadiobuttonLayout) {
     FormRadiobuttonLayout["INLINE"] = "inline";
@@ -140,21 +112,6 @@ var FormSelectFilterValidation;
     FormSelectFilterValidation["NEUTRAL"] = "neutral";
 })(FormSelectFilterValidation || (FormSelectFilterValidation = {}));
 
-var FormSelectValidation;
-(function (FormSelectValidation) {
-    FormSelectValidation["SUCCESS"] = "success";
-    FormSelectValidation["ERROR"] = "error";
-    FormSelectValidation["WARNING"] = "warning";
-    FormSelectValidation["NEUTRAL"] = "neutral";
-})(FormSelectValidation || (FormSelectValidation = {}));
-
-var FormSelectVariation;
-(function (FormSelectVariation) {
-    FormSelectVariation["SMALL"] = "small";
-    FormSelectVariation["MEDIUM"] = "medium";
-    FormSelectVariation["LARGE"] = "large";
-})(FormSelectVariation || (FormSelectVariation = {}));
-
 var HeaderCenterContentWidth;
 (function (HeaderCenterContentWidth) {
     HeaderCenterContentWidth["DEFAULT"] = "none";
@@ -263,4 +220,4 @@ var TypographyVariation;
     TypographyVariation["LARGE"] = "large";
 })(TypographyVariation || (TypographyVariation = {}));
 
-export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, NotificationAlertHeadingLevel as N, ToolsFeedbackHeadingLevel as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, FormErrorListHeadingLevel as d, FormInputMode as e, FormInputValidation as f, FormInputVariation as g, FormRadiobuttonLayout as h, FormRadiobuttonValidation as i, FormRadiobuttonVariation as j, FormReceiptHeadingLevel as k, FormReceiptType as l, FormReceiptVariation as m, FormSelectFilterValidation as n, FormSelectValidation as o, FormSelectVariation as p, InfoCardMultiHeadingLevel as q, InfoCardMultiVariation as r, InfoCardHeadingLevel as s, NotificationAlertSize as t, NotificationAlertVariation as u, ToolsFeedbackType as v, FeedbackVariation as w, TypographyVariation as x };
+export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, NotificationAlertHeadingLevel as N, ToolsFeedbackHeadingLevel as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, FormErrorListHeadingLevel as d, FormRadiobuttonLayout as e, FormRadiobuttonValidation as f, FormRadiobuttonVariation as g, FormReceiptHeadingLevel as h, FormReceiptType as i, FormReceiptVariation as j, FormSelectFilterValidation as k, InfoCardMultiHeadingLevel as l, InfoCardMultiVariation as m, InfoCardHeadingLevel as n, NotificationAlertSize as o, NotificationAlertVariation as p, ToolsFeedbackType as q, FeedbackVariation as r, TypographyVariation as s };

package/hydrate/index.js

@@ -21964,7 +21964,7 @@ class FormInput {
     }; }
 }
 
-const formInputSearchCss = ".sc-digi-form-input-search-h{--digi--form-input-search--input--border-radius--default:var(--digi--border-radius--input-search);width:100%}.sc-digi-form-input-search-h .digi-form-input-search__input.sc-digi-form-input-search{--digi--form-input--border-radius:var(--digi--form-input-search--input--border-radius--default)}";
+const formInputSearchCss = ".sc-digi-form-input-search-h{--digi--form-input-search--input--border-radius--default:var(--digi--border-radius--input-search);width:100%}.sc-digi-form-input-search-h .digi-form-input-search__input.sc-digi-form-input-search{--digi--form-input--border-radius:var(--digi--form-input-search--input--border-radius--default)}.sc-digi-form-input-search-h .digi-form-input-search--large.sc-digi-form-input-search .digi-form-input-search__button.sc-digi-form-input-search button.sc-digi-form-input-search{font-size:var(--digi--global--typography--font-size--interaction-large);padding:var(--digi--gutter--button-block-large) var(--digi--gutter--button-inline-large)}";
 var DigiFormInputSearchStyle0 = formInputSearchCss;
 
 /**
@@ -36379,11 +36379,11 @@ class barChart {
             this._chartData = JSON.parse(data);
     }
     initSvg() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         // Fetch number formatting
         this._numberFormat = {
-            maximumSignificantDigits: (_b = (_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.labelProperties) === null || _b === void 0 ? void 0 : _b.significantDigits,
-            notation: ((_d = (_c = this._chartData.meta) === null || _c === void 0 ? void 0 : _c.labelProperties) === null || _d === void 0 ? void 0 : _d.shortHand)
+            maximumSignificantDigits: (_c = (_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.labelProperties) === null || _c === void 0 ? void 0 : _c.significantDigits,
+            notation: ((_f = (_e = (_d = this._chartData) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.labelProperties) === null || _f === void 0 ? void 0 : _f.shortHand)
                 ? 'compact'
                 : 'standard'
         };
@@ -36933,19 +36933,19 @@ class barChart {
         return body;
     }
     render() {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         // Setting header
         let heading = '';
         if (!((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle))
-            heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
+            heading = `<${this.afHeadingLevel}>${(_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title}</${this.afHeadingLevel}>`;
         else {
-            if (!((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.infoText))
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
+            if (!((_c = this._chartData) === null || _c === void 0 ? void 0 : _c.infoText))
+                heading = `<${this.afHeadingLevel}>${(_d = this._chartData) === null || _d === void 0 ? void 0 : _d.title}</${this.afHeadingLevel}><p>${(_e = this._chartData) === null || _e === void 0 ? void 0 : _e.subTitle}</p>`;
             else
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}
-				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`;
+                heading = `<${this.afHeadingLevel}>${(_f = this._chartData) === null || _f === void 0 ? void 0 : _f.title}</${this.afHeadingLevel}><p>${(_g = this._chartData) === null || _g === void 0 ? void 0 : _g.subTitle}
+				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${(_h = this._chartData) === null || _h === void 0 ? void 0 : _h.infoText}</span></p>`;
         }
-        return (hAsync(Host, { key: '65836a662f14a32081c4beb04abfc08e7da3eb18', ref: (el) => (this._host = el) }, hAsync("div", { key: 'cf78cea14dc3bb2926afb5616f13d7e2d62a8d2b', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '8127fdc8b9762e4a709a9037fb98d2af23f09ba6', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: 'b82f6d3b89bcb02514b71327b64ca482b17d2254', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '4731bb94d37da719a9f554d8f133663eef5b1052', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: 'b3c90d4d746a05afbc7c7296bd62495bbea6dac8', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: '61ee373c52d08b84ff0a503baf19978dc133ad83', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'e5a42338598719c5e0a579a1f55c4b52af8a2b39', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '996cea89ee18b97ae4e30f114a55e576731cd41f', class: "chartTooltip", id: this.afId }, hAsync("div", { key: '38ad74f0e2c7893ffff0d7e393c9b102dbf147d0', class: "tooltipBody" }), hAsync("digi-icon-x", { key: '18542513029a014b64ae4409c27cceb194a0b117', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: '1183ff38c4bd6bb2f77caa52d8b9411ae13f475e', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '4f85243d2d3fb71227f6dcdb969b160ced048b46', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '49ad729059843ca703e69a838d0cb953f574600c', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (hAsync(Host, { key: '60dbb085a6452ed338db2bba7ff3645748ad8326', ref: (el) => (this._host = el) }, hAsync("div", { key: '5cb7833018e174f3ca2fc8e36370488317487245', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '0d73ef4b85cfe585715c7595de1a70c021e28525', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: 'fc02c34e9bc2c23cd6239d5da2f4bf8109f04b7a', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_j = this._chartData) === null || _j === void 0 ? void 0 : _j.title) ? (_k = this._chartData) === null || _k === void 0 ? void 0 : _k.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: 'a49b19041a0d561497bb0e5f130e82b0d62169ab', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '7c16a7151a66c16570763e57a3e6ea65fe6ad4d0', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_l = this._chartData) === null || _l === void 0 ? void 0 : _l.title) ? (_m = this._chartData) === null || _m === void 0 ? void 0 : _m.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: 'a83e7bd2696e4c0e300f653ef948962bc7d43703', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'aa52040fa0360f81527b6d2c1033f415089874e7', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '584052388aa98029110838bf0b1a94c236f0b6b4', class: "chartTooltip", id: this.afId }, hAsync("div", { key: 'f06eb94bfca1b6daf7f1045b41bef5e1d5315a18', class: "tooltipBody" }), hAsync("digi-icon-x", { key: 'c94c9c8ab2da7c9b4cc1bee7ce5cec8056a17c0a', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: 'ccd8718435b439852d276f2f228beb55d0b66209', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '290c7df8b1122b1eba94f62a0e47176744887944', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '20fe0851359f8c21f278f63e59e10164826ddcd9', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/hydrate/index.mjs

@@ -21960,7 +21960,7 @@ class FormInput {
     }; }
 }
 
-const formInputSearchCss = ".sc-digi-form-input-search-h{--digi--form-input-search--input--border-radius--default:var(--digi--border-radius--input-search);width:100%}.sc-digi-form-input-search-h .digi-form-input-search__input.sc-digi-form-input-search{--digi--form-input--border-radius:var(--digi--form-input-search--input--border-radius--default)}";
+const formInputSearchCss = ".sc-digi-form-input-search-h{--digi--form-input-search--input--border-radius--default:var(--digi--border-radius--input-search);width:100%}.sc-digi-form-input-search-h .digi-form-input-search__input.sc-digi-form-input-search{--digi--form-input--border-radius:var(--digi--form-input-search--input--border-radius--default)}.sc-digi-form-input-search-h .digi-form-input-search--large.sc-digi-form-input-search .digi-form-input-search__button.sc-digi-form-input-search button.sc-digi-form-input-search{font-size:var(--digi--global--typography--font-size--interaction-large);padding:var(--digi--gutter--button-block-large) var(--digi--gutter--button-inline-large)}";
 var DigiFormInputSearchStyle0 = formInputSearchCss;
 
 /**
@@ -36375,11 +36375,11 @@ class barChart {
             this._chartData = JSON.parse(data);
     }
     initSvg() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         // Fetch number formatting
         this._numberFormat = {
-            maximumSignificantDigits: (_b = (_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.labelProperties) === null || _b === void 0 ? void 0 : _b.significantDigits,
-            notation: ((_d = (_c = this._chartData.meta) === null || _c === void 0 ? void 0 : _c.labelProperties) === null || _d === void 0 ? void 0 : _d.shortHand)
+            maximumSignificantDigits: (_c = (_b = (_a = this._chartData) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.labelProperties) === null || _c === void 0 ? void 0 : _c.significantDigits,
+            notation: ((_f = (_e = (_d = this._chartData) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.labelProperties) === null || _f === void 0 ? void 0 : _f.shortHand)
                 ? 'compact'
                 : 'standard'
         };
@@ -36929,19 +36929,19 @@ class barChart {
         return body;
     }
     render() {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         // Setting header
         let heading = '';
         if (!((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle))
-            heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
+            heading = `<${this.afHeadingLevel}>${(_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title}</${this.afHeadingLevel}>`;
         else {
-            if (!((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.infoText))
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
+            if (!((_c = this._chartData) === null || _c === void 0 ? void 0 : _c.infoText))
+                heading = `<${this.afHeadingLevel}>${(_d = this._chartData) === null || _d === void 0 ? void 0 : _d.title}</${this.afHeadingLevel}><p>${(_e = this._chartData) === null || _e === void 0 ? void 0 : _e.subTitle}</p>`;
             else
-                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}
-				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`;
+                heading = `<${this.afHeadingLevel}>${(_f = this._chartData) === null || _f === void 0 ? void 0 : _f.title}</${this.afHeadingLevel}><p>${(_g = this._chartData) === null || _g === void 0 ? void 0 : _g.subTitle}
+				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${(_h = this._chartData) === null || _h === void 0 ? void 0 : _h.infoText}</span></p>`;
         }
-        return (hAsync(Host, { key: '65836a662f14a32081c4beb04abfc08e7da3eb18', ref: (el) => (this._host = el) }, hAsync("div", { key: 'cf78cea14dc3bb2926afb5616f13d7e2d62a8d2b', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '8127fdc8b9762e4a709a9037fb98d2af23f09ba6', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: 'b82f6d3b89bcb02514b71327b64ca482b17d2254', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '4731bb94d37da719a9f554d8f133663eef5b1052', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: 'b3c90d4d746a05afbc7c7296bd62495bbea6dac8', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: '61ee373c52d08b84ff0a503baf19978dc133ad83', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'e5a42338598719c5e0a579a1f55c4b52af8a2b39', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '996cea89ee18b97ae4e30f114a55e576731cd41f', class: "chartTooltip", id: this.afId }, hAsync("div", { key: '38ad74f0e2c7893ffff0d7e393c9b102dbf147d0', class: "tooltipBody" }), hAsync("digi-icon-x", { key: '18542513029a014b64ae4409c27cceb194a0b117', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: '1183ff38c4bd6bb2f77caa52d8b9411ae13f475e', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '4f85243d2d3fb71227f6dcdb969b160ced048b46', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '49ad729059843ca703e69a838d0cb953f574600c', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (hAsync(Host, { key: '60dbb085a6452ed338db2bba7ff3645748ad8326', ref: (el) => (this._host = el) }, hAsync("div", { key: '5cb7833018e174f3ca2fc8e36370488317487245', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '0d73ef4b85cfe585715c7595de1a70c021e28525', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: 'fc02c34e9bc2c23cd6239d5da2f4bf8109f04b7a', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_j = this._chartData) === null || _j === void 0 ? void 0 : _j.title) ? (_k = this._chartData) === null || _k === void 0 ? void 0 : _k.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: 'a49b19041a0d561497bb0e5f130e82b0d62169ab', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '7c16a7151a66c16570763e57a3e6ea65fe6ad4d0', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_l = this._chartData) === null || _l === void 0 ? void 0 : _l.title) ? (_m = this._chartData) === null || _m === void 0 ? void 0 : _m.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: 'a83e7bd2696e4c0e300f653ef948962bc7d43703', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'aa52040fa0360f81527b6d2c1033f415089874e7', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '584052388aa98029110838bf0b1a94c236f0b6b4', class: "chartTooltip", id: this.afId }, hAsync("div", { key: 'f06eb94bfca1b6daf7f1045b41bef5e1d5315a18', class: "tooltipBody" }), hAsync("digi-icon-x", { key: 'c94c9c8ab2da7c9b4cc1bee7ce5cec8056a17c0a', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: 'ccd8718435b439852d276f2f228beb55d0b66209', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '290c7df8b1122b1eba94f62a0e47176744887944', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '20fe0851359f8c21f278f63e59e10164826ddcd9', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designsystem-se/af",
   "author": "Arbetsförmedlingen",
-  "version": "34.2.1-beta.1",
+  "version": "34.2.1-beta.3",
   "description": "Web Components for Digi Designsystem",
   "license": "Apache-2.0",
   "main": "./dist/index.cjs.js",

package/dist/cjs/button-type.enum-406723db.js

@@ -1,8 +0,0 @@
-'use strict';
-
-exports.ButtonType = void 0;
-(function (ButtonType) {
-    ButtonType["BUTTON"] = "button";
-    ButtonType["SUBMIT"] = "submit";
-    ButtonType["RESET"] = "reset";
-})(exports.ButtonType || (exports.ButtonType = {}));

package/dist/cjs/digi-button.cjs.entry.js

@@ -1,130 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-81fc5a97.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const buttonSize_enum = require('./button-size.enum-1fd86b9e.js');
-const buttonType_enum = require('./button-type.enum-406723db.js');
-const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
-
-const buttonCss = ".sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--focus:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--active:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--button--color--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--focus:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--active:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--hover:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--focus:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--active:var(--digi--color--text--interactive--secondary);--digi--button--color--text--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--focus:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--active:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--function--default:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--hover:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--focus:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--active:var(--digi--color--text--interactive--primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--border--primary--focus:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--active:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--active:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--hover:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--focus:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--active:var(--digi--color--icon--secondary);--digi--button--color--icon--secondary--default:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--hover:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--focus:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--active:var(--digi--color--icon--brand-primary);--digi--button--color--icon--function--default:var(--digi--color--icon--cta);--digi--button--color--icon--function--hover:var(--digi--color--icon--cta);--digi--button--color--icon--function--focus:var(--digi--color--icon--cta);--digi--button--color--icon--function--active:var(--digi--color--icon--cta);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--primary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--primary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--primary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--primary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--primary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--primary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--secondary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--secondary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--secondary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--secondary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--secondary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--secondary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--secondary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--secondary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--secondary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--secondary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--function--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--function--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--function--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--function--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--function--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--function--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(--digi--button--text-align--full-width);--digi--button--justify-content--default:var(--digi--button--justify-content--full-width)}";
-const DigiButtonStyle0 = buttonCss;
-
-const Button = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnClick = index.createEvent(this, "afOnClick", 7);
-        this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
-        this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
-        this.afOnReady = index.createEvent(this, "afOnReady", 3);
-        this.hasIcon = undefined;
-        this.hasIconSecondary = undefined;
-        this.isFullSize = undefined;
-        this.afSize = buttonSize_enum.ButtonSize.MEDIUM;
-        this.afTabindex = undefined;
-        this.afVariation = buttonVariation_enum.ButtonVariation.PRIMARY;
-        this.afType = buttonType_enum.ButtonType.BUTTON;
-        this.afId = randomIdGenerator_util.randomIdGenerator('digi-button');
-        this.afAriaLabel = undefined;
-        this.afAriaLabelledby = undefined;
-        this.afAriaControls = undefined;
-        this.afForm = undefined;
-        this.afAriaPressed = undefined;
-        this.afAriaExpanded = undefined;
-        this.afAriaHaspopup = undefined;
-        this.afAriaCurrent = undefined;
-        this.afRole = undefined;
-        this.afAriaChecked = undefined;
-        this.afLang = undefined;
-        this.afDir = undefined;
-        this.afFullWidth = false;
-        this.afAutofocus = undefined;
-        this.afInputRef = undefined;
-    }
-    fullWidthHandler() {
-        this.isFullSize = this.afFullWidth;
-    }
-    /**
-     * Hämta en referens till buttonelementet. Bra för att t.ex. sätta fokus programmatiskt.
-     * @en Returns a reference to the button element. Handy for setting focus programmatically.
-     */
-    async afMGetButtonElement() {
-        return this._button;
-    }
-    componentWillLoad() {
-        this.setHasIcon();
-        this.fullWidthHandler();
-    }
-    componentWillUpdate() {
-        this.setHasIcon();
-    }
-    componentDidLoad() {
-        this.afOnReady.emit();
-    }
-    setHasIcon() {
-        const icon = !!this.hostElement.querySelector('[slot="icon"]');
-        const iconSecondary = !!this.hostElement.querySelector('[slot="icon-secondary"]');
-        if (icon) {
-            this.hasIcon = icon;
-        }
-        if (iconSecondary) {
-            this.hasIconSecondary = iconSecondary;
-        }
-    }
-    get cssModifiers() {
-        return {
-            [`digi-button--variation-${this.afVariation}`]: !!this.afVariation,
-            [`digi-button--size-${this.afSize}`]: !!this.afSize,
-            'digi-button--icon': this.hasIcon,
-            'digi-button--icon-secondary': this.hasIconSecondary,
-            'digi-button--full-width': this.isFullSize
-        };
-    }
-    get pressedState() {
-        if (this.afAriaPressed === null || this.afAriaPressed === undefined) {
-            return;
-        }
-        return this.afAriaPressed ? 'true' : 'false';
-    }
-    get expandedState() {
-        if (this.afAriaExpanded === null || this.afAriaExpanded === undefined) {
-            return;
-        }
-        return this.afAriaExpanded ? 'true' : 'false';
-    }
-    get hasPopup() {
-        if (this.afAriaHaspopup === null || this.afAriaHaspopup === undefined) {
-            return;
-        }
-        return this.afAriaHaspopup ? 'true' : 'false';
-    }
-    clickHandler(e) {
-        this.afOnClick.emit(e);
-    }
-    focusHandler(e) {
-        this.afOnFocus.emit(e);
-    }
-    blurHandler(e) {
-        this.afOnBlur.emit(e);
-    }
-    render() {
-        return (index.h(index.Host, { key: '3a398d75ad83e3caa9ec54928544d5bf8315d30f' }, index.h("button", { key: '2159552d7e8064acbb6da5c02c28ead3d4985e85', class: Object.assign({ 'digi-button': true }, this.cssModifiers), type: this.afType, role: this.afRole, ref: (el) => {
-                var _a, _b, _c;
-                this._button = el;
-                (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
-                // Stencil has a bug wiith form attribute so we need to set it like this
-                // https://github.com/ionic-team/stencil/issues/2703
-                this.afForm
-                    ? (_b = this._button) === null || _b === void 0 ? void 0 : _b.setAttribute('form', this.afForm)
-                    : (_c = this._button) === null || _c === void 0 ? void 0 : _c.removeAttribute('form');
-            }, id: this.afId, tabindex: this.afTabindex, "aria-label": this.afAriaLabel, "aria-labelledby": this.afAriaLabelledby, "aria-controls": this.afAriaControls, "aria-pressed": this.pressedState, "aria-expanded": this.expandedState, "aria-haspopup": this.hasPopup, "aria-current": this.afAriaCurrent, "aria-checked": this.afAriaChecked, onClick: (e) => this.clickHandler(e), onFocus: (e) => this.focusHandler(e), onBlur: (e) => this.blurHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null, form: this.afForm, lang: this.afLang, dir: this.afDir }, this.hasIcon && (index.h("span", { key: '1188d5cb005a51e4e065b70663d06877db3a1477', class: "digi-button__icon" }, index.h("slot", { key: 'f90319563c18e1f82fa13f478b4d4d13ce3e9bf7', name: "icon" }))), index.h("span", { key: '17dce8eed2e845ca6166cf85a1c0252c2c0b8037', class: "digi-button__text" }, index.h("slot", { key: '2f637e48b837ecd0f0f2333349f328c497aee650' })), this.hasIconSecondary && (index.h("span", { key: '49ffd3361b0cc00c074e1ce332dab2de33127fcc', class: "digi-button__icon digi-button__icon--secondary" }, index.h("slot", { key: '367d3ba37e2fd0b7e83d600f35d02d4df303c1c0', name: "icon-secondary" }))))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "afFullWidth": ["fullWidthHandler"]
-    }; }
-};
-Button.style = DigiButtonStyle0;
-
-exports.digi_button = Button;

package/dist/cjs/digi-form-input-search.cjs.entry.js

@@ -1,143 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-81fc5a97.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const formInputType_enum = require('./form-input-type.enum-daf781ba.js');
-const buttonType_enum = require('./button-type.enum-406723db.js');
-const detectClickOutside_util = require('./detectClickOutside.util-3e764eb3.js');
-const detectFocusOutside_util = require('./detectFocusOutside.util-03c62976.js');
-require('./detectClosest.util-85b3507b.js');
-
-const formInputSearchCss = ".sc-digi-form-input-search-h{--digi--form-input-search--input--border-radius--default:var(--digi--border-radius--input-search);width:100%}.sc-digi-form-input-search-h .digi-form-input-search__input.sc-digi-form-input-search{--digi--form-input--border-radius:var(--digi--form-input-search--input--border-radius--default)}";
-const DigiFormInputSearchStyle0 = formInputSearchCss;
-
-const FormInputSearch = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnFocusOutside = index.createEvent(this, "afOnFocusOutside", 7);
-        this.afOnFocusInside = index.createEvent(this, "afOnFocusInside", 7);
-        this.afOnClickOutside = index.createEvent(this, "afOnClickOutside", 7);
-        this.afOnClickInside = index.createEvent(this, "afOnClickInside", 7);
-        this.afOnChange = index.createEvent(this, "afOnChange", 7);
-        this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
-        this.afOnKeyup = index.createEvent(this, "afOnKeyup", 7);
-        this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
-        this.afOnFocusout = index.createEvent(this, "afOnFocusout", 7);
-        this.afOnInput = index.createEvent(this, "afOnInput", 7);
-        this.afOnClick = index.createEvent(this, "afOnClick", 7);
-        this.afOnSubmitSearch = index.createEvent(this, "afOnSubmitSearch", 7);
-        this.afOnReady = index.createEvent(this, "afOnReady", 3);
-        this.afLabel = undefined;
-        this.afLabelDescription = undefined;
-        this.afType = formInputType_enum.FormInputType.SEARCH;
-        this.afButtonVariation = formInputType_enum.FormInputButtonVariation.PRIMARY;
-        this.afName = undefined;
-        this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-input-search');
-        this.value = undefined;
-        this.afValue = undefined;
-        this.afAutocomplete = undefined;
-        this.afAriaAutocomplete = undefined;
-        this.afAriaActivedescendant = undefined;
-        this.afAriaLabelledby = undefined;
-        this.afAriaDescribedby = undefined;
-        this.afVariation = formInputType_enum.FormInputSearchVariation.MEDIUM;
-        this.afHideButton = undefined;
-        this.afButtonType = buttonType_enum.ButtonType.SUBMIT;
-        this.afButtonText = undefined;
-        this.afButtonAriaLabel = undefined;
-        this.afButtonAriaLabelledby = undefined;
-        this.afAutofocus = undefined;
-    }
-    onValueChanged(value) {
-        this.afValue = value;
-    }
-    onAfValueChanged(value) {
-        this.value = value;
-    }
-    /**
-     * Hämtar en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
-     * @en Returns a reference to the input element. Handy for setting focus programmatically.
-     */
-    async afMGetFormControlElement() {
-        const formControlElement = await this._input.afMGetFormControlElement();
-        return formControlElement;
-    }
-    blurHandler(e) {
-        this.afOnBlur.emit(e);
-    }
-    changeHandler(e) {
-        const element = e.target;
-        this.afValue = this.value = element.value;
-        this.afOnChange.emit(e);
-    }
-    focusHandler(e) {
-        e.stopPropagation();
-        this.afOnFocus.emit(e);
-    }
-    focusoutHandler(e) {
-        this.afOnFocusout.emit(e);
-    }
-    keyupHandler(e) {
-        this.afOnKeyup.emit(e);
-        if (e.detail.key === 'Enter') {
-            this.afOnSubmitSearch.emit(this.afValue);
-        }
-    }
-    inputHandler(e) {
-        this.afOnInput.emit(e);
-    }
-    clickHandler(e) {
-        e.stopPropagation();
-        this.afOnClick.emit(e);
-        this.afOnSubmitSearch.emit(this.afValue);
-    }
-    clickOutsideListener(e) {
-        const target = e.target;
-        const selector = `[data-af-identifier="${this.afId}"]`;
-        if (detectClickOutside_util.detectClickOutside(target, selector)) {
-            this.afOnClickOutside.emit(e);
-        }
-        else {
-            this.afOnClickInside.emit(e);
-        }
-    }
-    focusOutsideListener(e) {
-        const target = e.target;
-        const selector = `[data-af-identifier="${this.afId}"]`;
-        if (detectFocusOutside_util.detectFocusOutside(target, selector)) {
-            this.afOnFocusOutside.emit(e);
-        }
-        else {
-            this.afOnFocusInside.emit(e);
-        }
-    }
-    componentWillLoad() {
-        this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
-    }
-    componentDidLoad() {
-        this.afOnReady.emit();
-    }
-    get cssModifiers() {
-        return {
-            'digi-form-input-search--small': this.afVariation === formInputType_enum.FormInputSearchVariation.SMALL,
-            'digi-form-input-search--medium': this.afVariation === formInputType_enum.FormInputSearchVariation.MEDIUM,
-            'digi-form-input-search--large': this.afVariation === formInputType_enum.FormInputSearchVariation.LARGE
-        };
-    }
-    render() {
-        return (index.h("div", { key: '2f5f36653b7563f25639090be3b235bc6ef25a33', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, index.h("digi-form-input", { key: '9b34f69981f378ad57c15e662df6a42b60b5a67a', class: {
-                'digi-form-input-search__input': true,
-                'digi-form-input-search__input--no-button': this.afHideButton
-            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (index.h("digi-button", { key: 'cb30c0e93140a5c1b045c79568d4d316fbd11677', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, index.h("digi-icon-search", { key: '0f9f91c1e7f09ddd436618dd1afb04f8f90a6f27', slot: "icon" }), this.afButtonText)))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "value": ["onValueChanged"],
-        "afValue": ["onAfValueChanged"]
-    }; }
-};
-FormInputSearch.style = DigiFormInputSearchStyle0;
-
-exports.digi_form_input_search = FormInputSearch;

package/dist/cjs/digi-icon-search.cjs.entry.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-81fc5a97.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-
-const iconSearchCss = ".sc-digi-icon-search-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-search-h svg.sc-digi-icon-search{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)}";
-const DigiIconSearchStyle0 = iconSearchCss;
-
-const IconSearch = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: '4acb05509d1432ffbe865fbfb9b90944cdb87b51', class: "digi-icon-search", width: "26", height: "26", viewBox: "0 0 26 26", "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 && index.h("title", { key: 'cad36385b138839e7802c5150bd15f3a008fe818', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '6703f87da9f79bb3e1c86d29b35a5909aabc550a' }, this.afDesc), index.h("path", { key: '9f44b8b94a4c5f3e7294efcc87a19a5b992ba857', class: "digi-icon-search__shape", d: "M25.645 22.437l-5.063-5.053a1.22 1.22 0 00-.864-.355h-.827a10.477 10.477 0 002.234-6.487C21.125 4.719 16.397 0 10.562 0 4.729 0 0 4.719 0 10.542c0 5.823 4.728 10.542 10.563 10.542 2.452 0 4.707-.831 6.5-2.23v.826c0 .324.126.633.355.862l5.063 5.053c.477.476 1.25.476 1.721 0l1.437-1.435a1.22 1.22 0 00.006-1.723zm-15.082-5.408c-3.59 0-6.5-2.899-6.5-6.487a6.49 6.49 0 016.5-6.487c3.59 0 6.5 2.899 6.5 6.487a6.49 6.49 0 01-6.5 6.487z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-};
-IconSearch.style = DigiIconSearchStyle0;
-
-exports.digi_icon_search = IconSearch;

package/dist/cjs/form-input-type.enum-daf781ba.js

@@ -1,32 +0,0 @@
-'use strict';
-
-exports.FormInputSearchVariation = void 0;
-(function (FormInputSearchVariation) {
-    FormInputSearchVariation["SMALL"] = "small";
-    FormInputSearchVariation["MEDIUM"] = "medium";
-    FormInputSearchVariation["LARGE"] = "large";
-})(exports.FormInputSearchVariation || (exports.FormInputSearchVariation = {}));
-
-exports.FormInputButtonVariation = void 0;
-(function (FormInputButtonVariation) {
-    FormInputButtonVariation["PRIMARY"] = "primary";
-    FormInputButtonVariation["SECONDARY"] = "secondary";
-})(exports.FormInputButtonVariation || (exports.FormInputButtonVariation = {}));
-
-exports.FormInputType = void 0;
-(function (FormInputType) {
-    FormInputType["COLOR"] = "color";
-    FormInputType["DATE"] = "date";
-    FormInputType["DATETIME_LOCAL"] = "datetime-local";
-    FormInputType["EMAIL"] = "email";
-    FormInputType["HIDDEN"] = "hidden";
-    FormInputType["MONTH"] = "month";
-    FormInputType["NUMBER"] = "number";
-    FormInputType["PASSWORD"] = "password";
-    FormInputType["SEARCH"] = "search";
-    FormInputType["TEL"] = "tel";
-    FormInputType["TEXT"] = "text";
-    FormInputType["TIME"] = "time";
-    FormInputType["URL"] = "url";
-    FormInputType["WEEK"] = "week";
-})(exports.FormInputType || (exports.FormInputType = {}));