npm - @designsystem-se/af - Versions diffs - 34.2.1-beta.3 → 34.2.1-beta.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1419) hide show

package/components/digi-bar-chart.js CHANGED Viewed

@@ -4,12 +4,12 @@ import { _ as _t } from './p-08cf2c0e.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { B as BarChartVariation } from './p-dcdffb3c.js';
 import { d as defineCustomElement$8 } from './p-af6f0d7a.js';
-import { d as defineCustomElement$7 } from './p-542f012e.js';
-import { d as defineCustomElement$6 } from './p-2f90bc1c.js';
-import { d as defineCustomElement$5 } from './p-36e6d6d8.js';
-import { d as defineCustomElement$4 } from './p-69a0fbaa.js';
-import { d as defineCustomElement$3 } from './p-b3f1ba8e.js';
-import { d as defineCustomElement$2 } from './p-94611ca8.js';
+import { d as defineCustomElement$7 } from './p-03b9e929.js';
+import { d as defineCustomElement$6 } from './p-8719d65d.js';
+import { d as defineCustomElement$5 } from './p-39ef2f98.js';
+import { d as defineCustomElement$4 } from './p-2779660d.js';
+import { d as defineCustomElement$3 } from './p-a4e8f088.js';
+import { d as defineCustomElement$2 } from './p-c0fa08b8.js';
 function band() {
   var scale = ordinal().unknown(undefined),
@@ -913,14 +913,20 @@ const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
         this.afChartData = undefined;
     }
     afChartDataUpdate(data) {
+        if (!data) {
+            return;
+        }
         if (typeof data != 'string')
             this._chartData = data;
         else
             this._chartData = JSON.parse(data);
     }
     initSvg() {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         // Fetch number formatting
+        if (!this._chartData) {
+            return;
+        }
         this._numberFormat = {
             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)
@@ -928,9 +934,9 @@ const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
                 : 'standard'
         };
         select(this._chartDiv).select('svg').remove();
-        this._maxHeight = select(this._host)
+        this._maxHeight = (_g = select(this._host)
             .node()
-            .parentNode.getBoundingClientRect().height;
+            .parentNode) === null || _g === void 0 ? void 0 : _g.getBoundingClientRect().height;
         this.barChartObserver.observe(this._chartDiv);
         // Getting rem-size
         this._rem = parseFloat(getComputedStyle(document.documentElement).fontSize);
@@ -1131,13 +1137,16 @@ const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
     }
     // Sets the largest and smallest value from series 0, Should only be used when not loading
     setMinMax() {
-        var _a;
+        var _a, _b, _c;
+        if (!this._chartData) {
+            return;
+        }
         this._maxVal = max(this._chartData.data.series[0].yValues);
-        this._minVal = min([0, min(this._chartData.data.series[0].yValues)]);
+        this._minVal = min([0, min((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.data.series[0].yValues)]);
         this._tempScale = linear()
             .domain([this._minVal, this._maxVal])
-            .nice(((_a = this._chartData.meta) === null || _a === void 0 ? void 0 : _a.numberOfReferenceLines)
-            ? this._chartData.meta.numberOfReferenceLines
+            .nice(((_b = this._chartData.meta) === null || _b === void 0 ? void 0 : _b.numberOfReferenceLines)
+            ? (_c = this._chartData) === null || _c === void 0 ? void 0 : _c.meta.numberOfReferenceLines
             : 3)
             .domain();
     }
@@ -1336,9 +1345,10 @@ const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
     }
     // Resizing bar chart
     resize() {
+        var _a;
         const newHeight = this.setDims();
         this.setMargins();
-        this._svg.attr('width', this._dims.width).attr('height', this._dims.height);
+        (_a = this._svg) === null || _a === void 0 ? void 0 : _a.attr('width', this._dims.width).attr('height', this._dims.height);
         this._barChartContainer.attr('transform', `translate(${this._margin.left + this.tickPadding + this.yTickSize},0)`);
         this._margin.right =
             this.getTextSize(this._xScale.domain()[1].toLocaleString()) / 2 +
@@ -1382,14 +1392,18 @@ const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
         return width;
     }
     componentWillLoad() {
+        if (!this._chartData) {
+            return;
+        }
         this.afChartDataUpdate(this.afChartData);
     }
     componentDidLoad() {
-        if (this._chartData) {
-            if (Object.keys(this._chartData).length === 0) {
-                this._loading = true;
-                return this.initEmpty();
-            }
+        if (!this._chartData) {
+            return;
+        }
+        if (Object.keys(this._chartData).length === 0) {
+            this._loading = true;
+            return this.initEmpty();
         }
         this.initChain();
         document.fonts.ready.then(() => {
@@ -1473,19 +1487,22 @@ const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
         return body;
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e;
+        if (!this._chartData) {
+            return;
+        }
         // Setting header
         let heading = '';
-        if (!((_a = this._chartData) === null || _a === void 0 ? void 0 : _a.subTitle))
-            heading = `<${this.afHeadingLevel}>${(_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title}</${this.afHeadingLevel}>`;
+        if (!this._chartData.subTitle)
+            heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
         else {
-            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>`;
+            if (!this._chartData.infoText)
+                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
             else
-                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>`;
+                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${(_a = this._chartData) === null || _a === void 0 ? void 0 : _a.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>`;
         }
-        return (h(Host, { key: '60dbb085a6452ed338db2bba7ff3645748ad8326', ref: (el) => (this._host = el) }, h("div", { key: '5cb7833018e174f3ca2fc8e36370488317487245', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '0d73ef4b85cfe585715c7595de1a70c021e28525', class: "chartTitle", innerHTML: heading }), h("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() : ''}` }, h("digi-icon-table", { key: 'a49b19041a0d561497bb0e5f130e82b0d62169ab', slot: "icon" }), "Visa tabell"), h("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() : ''}` }, h("digi-icon-chart", { key: 'a83e7bd2696e4c0e300f653ef948962bc7d43703', slot: "icon" }), "Visa diagram"), h("div", { key: 'aa52040fa0360f81527b6d2c1033f415089874e7', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '584052388aa98029110838bf0b1a94c236f0b6b4', class: "chartTooltip", id: this.afId }, h("div", { key: 'f06eb94bfca1b6daf7f1045b41bef5e1d5315a18', class: "tooltipBody" }), h("digi-icon-x", { key: 'c94c9c8ab2da7c9b4cc1bee7ce5cec8056a17c0a', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { key: 'ccd8718435b439852d276f2f228beb55d0b66209', ref: (el) => (this._chartDiv = el) }, " "), h("div", { key: '290c7df8b1122b1eba94f62a0e47176744887944', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '20fe0851359f8c21f278f63e59e10164826ddcd9', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h(Host, { ref: (el) => (this._host = el) }, h("div", { class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { class: "chartTitle", innerHTML: heading }), h("digi-button", { class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_b = this._chartData) === null || _b === void 0 ? void 0 : _b.title) ? (_c = this._chartData) === null || _c === void 0 ? void 0 : _c.title.toLowerCase() : ''}` }, h("digi-icon-table", { slot: "icon" }), "Visa tabell"), h("digi-button", { style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_d = this._chartData) === null || _d === void 0 ? void 0 : _d.title) ? (_e = this._chartData) === null || _e === void 0 ? void 0 : _e.title.toLowerCase() : ''}` }, h("digi-icon-chart", { slot: "icon" }), "Visa diagram"), h("div", { class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { class: "chartTooltip", id: this.afId }, h("div", { class: "tooltipBody" }), h("digi-icon-x", { class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { ref: (el) => (this._chartDiv = el) }, " "), h("div", { class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-calendar-datepicker.js CHANGED Viewed

@@ -50,19 +50,19 @@ import './p-b0e88537.js';
 import './p-cdcaf0eb.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { d as detectClickOutside } from './p-430607cb.js';
-import { i as isBefore, a as isAfter, d as defineCustomElement$f } from './p-d2612974.js';
-import { d as defineCustomElement$e } from './p-2a9946e5.js';
-import { d as defineCustomElement$d } from './p-d60c0b9a.js';
-import { d as defineCustomElement$c } from './p-263887bd.js';
-import { d as defineCustomElement$b } from './p-dbc51547.js';
-import { d as defineCustomElement$a } from './p-de70fbde.js';
-import { d as defineCustomElement$9 } from './p-6d9b513f.js';
-import { d as defineCustomElement$8 } from './p-69f6b3fb.js';
-import { d as defineCustomElement$7 } from './p-7eeab5d6.js';
-import { d as defineCustomElement$6 } from './p-b3d47218.js';
-import { d as defineCustomElement$5 } from './p-92d96d90.js';
-import { d as defineCustomElement$4 } from './p-c132c0be.js';
-import { d as defineCustomElement$3 } from './p-0fa9b53d.js';
+import { i as isBefore, a as isAfter, d as defineCustomElement$f } from './p-62902a4b.js';
+import { d as defineCustomElement$e } from './p-c12ae086.js';
+import { d as defineCustomElement$d } from './p-915bc79f.js';
+import { d as defineCustomElement$c } from './p-c22abf19.js';
+import { d as defineCustomElement$b } from './p-3b13960f.js';
+import { d as defineCustomElement$a } from './p-2bb55f97.js';
+import { d as defineCustomElement$9 } from './p-e449f211.js';
+import { d as defineCustomElement$8 } from './p-b8b864a7.js';
+import { d as defineCustomElement$7 } from './p-238a905b.js';
+import { d as defineCustomElement$6 } from './p-d486a92a.js';
+import { d as defineCustomElement$5 } from './p-b19d38bd.js';
+import { d as defineCustomElement$4 } from './p-bb851add.js';
+import { d as defineCustomElement$3 } from './p-cfc51991.js';
 import { d as defineCustomElement$2 } from './p-a223734b.js';
 import { r as requiredArgs, t as toDate, i as isValid } from './p-7aacd45f.js';
 import { t as toInteger, g as getUTCISOWeek, a as getUTCWeek, b as getUTCWeekYear, s as startOfUTCWeek, c as startOfUTCISOWeek, i as isProtectedWeekYearToken, d as throwProtectedError, e as isProtectedDayOfYearToken, f as subMilliseconds, h as getTimezoneOffsetInMilliseconds, j as defaultLocale, l as longFormatters } from './p-c7949525.js';

package/components/digi-calendar-week-view.js CHANGED Viewed

@@ -5,9 +5,9 @@ import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { b as ButtonVariation } from './p-f518a4cf.js';
 import { C as CalendarWeekViewHeadingLevel } from './p-7e32c40b.js';
 import { d as defineCustomElement$5 } from './p-af6f0d7a.js';
-import { d as defineCustomElement$4 } from './p-6d9b513f.js';
-import { d as defineCustomElement$3 } from './p-69f6b3fb.js';
-import { d as defineCustomElement$2 } from './p-94611ca8.js';
+import { d as defineCustomElement$4 } from './p-e449f211.js';
+import { d as defineCustomElement$3 } from './p-b8b864a7.js';
+import { d as defineCustomElement$2 } from './p-c0fa08b8.js';
 import { r as requiredArgs, t as toDate, i as isValid } from './p-7aacd45f.js';
 /**

package/components/digi-calendar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { C as Calendar, d as defineCustomElement$1 } from './p-d2612974.js';
+import { C as Calendar, d as defineCustomElement$1 } from './p-62902a4b.js';
 const DigiCalendar = Calendar;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-chart-line.js CHANGED Viewed

@@ -3,10 +3,10 @@ import { _ as _t } from './p-08cf2c0e.js';
 import { s as select, f as dispatch, r as range, a as axisLeft, g as formatLocale, p as polyInOut, b as axisBottom, l as linear, m as max, d as min, o as ordinal, c as interpolate, e as linear$1 } from './p-c2ee26cb.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { d as defineCustomElement$6 } from './p-af6f0d7a.js';
-import { d as defineCustomElement$5 } from './p-36e6d6d8.js';
-import { d as defineCustomElement$4 } from './p-69a0fbaa.js';
-import { d as defineCustomElement$3 } from './p-b3f1ba8e.js';
-import { d as defineCustomElement$2 } from './p-94611ca8.js';
+import { d as defineCustomElement$5 } from './p-39ef2f98.js';
+import { d as defineCustomElement$4 } from './p-2779660d.js';
+import { d as defineCustomElement$3 } from './p-a4e8f088.js';
+import { d as defineCustomElement$2 } from './p-c0fa08b8.js';
 function sourceEvent(event) {
   let sourceEvent;
@@ -2313,7 +2313,7 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
         else
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
-        return (h("host", { key: '81c9a82b54de8ed3ffab5e91ce54f897bb93540d', ref: (el) => (this._host = el) }, h("div", { key: '9d9f04205ebc0c96e503640f66bb045ec54930e6', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '832b4bad8e526443bae9b034087850f22e69948f', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: 'f6af1648ae04981e03b9e0adcebcdc2505e9d13d', 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() : ''}` }, h("digi-icon-table", { key: '3fbb40ee7e69bb2fa3ef6d0421359c9fc6052173', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'c1598d0a7fb415e73ff90fb27825b3eb45d8c5e2', 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() : ''}` }, h("digi-icon-chart", { key: '5705100c1fb1781ab83f49e5d267d17fee72cc65', slot: "icon" }), "Visa diagram"), h("div", { key: '0faac4fd820e577dd80d0201c7f64ca58b999708', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '763139851e7139dad00ac97eb0100cf97aa41812', class: "chartTooltip", id: this.afId }, h("div", { key: 'c6c1a49fd0761dfde4323ac82c2548ddc4ee1e4d', class: "tooltipHead" }, h("digi-icon-x", { key: 'd74a8c648eaacfe1a9be3fd9067599ed214784e4', class: "close" }), ' '), h("div", { key: '951072f7c6942b89e0df2c25b648e0b33b2a81ba', class: "tooltipBody" })), h("div", { key: 'c2342d0616ae3f24ae88e5072b41aa0cc98dedd2', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '10383520bbb1a9b25008664654710147236cf543', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'a97820b1c13b69f73cf3794136f107c3d2999962', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h("host", { key: 'ed9629788c6a659836d1eae4366ef07b40f4e2bb', ref: (el) => (this._host = el) }, h("div", { key: '1d7582dcaa7c6c3946347eb4c9f02b235fe87d2e', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '8153782bd48faa924e6c3b1cfbff847ca44df2f5', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '0b184a97090fb5ebefac957068dba9e6898b679b', 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() : ''}` }, h("digi-icon-table", { key: '639e05211ffc73176d2b22501593a2f827f2c4de', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '7d068d03d0c11010bb8c18da368fdad6fe2c9c47', 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() : ''}` }, h("digi-icon-chart", { key: '386b4524700010500e57880d12930f74a77035fa', slot: "icon" }), "Visa diagram"), h("div", { key: 'a727a7f2c904139595e2d1dd5ea866dd59ef3db7', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: 'f224525a6fbfd4348ac1cbcc572d9241b9dd6ab8', class: "chartTooltip", id: this.afId }, h("div", { key: '3577ddb4fe44171b039c7dc140983d0ca190222a', class: "tooltipHead" }, h("digi-icon-x", { key: 'b7f637ae4aeccd89dcf1b4d244b7bc9c060febec', class: "close" }), ' '), h("div", { key: '34a815e30845bc5af89bcfb3e3ff50679f3a5468', class: "tooltipBody" })), h("div", { key: 'd55a1dca0fa21caa5f9519723d6bda3e4f136f8d', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: 'e4a3e7b759aa76ced71b5797f5488403ff35614b', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '1be02cc4f4ab593b5762f1ca7cc5906b55ea62b9', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get element() { return this; }
     static get watchers() { return {

package/components/digi-code-block.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { C as CodeBlock, d as defineCustomElement$1 } from './p-96b491a1.js';
+import { C as CodeBlock, d as defineCustomElement$1 } from './p-b4307c30.js';
 const DigiCodeBlock = CodeBlock;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-code-example.js CHANGED Viewed

@@ -4,11 +4,11 @@ import { b as ButtonVariation, B as ButtonSize } from './p-f518a4cf.js';
 import { _ as _t } from './p-08cf2c0e.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { d as defineCustomElement$7 } from './p-af6f0d7a.js';
-import { d as defineCustomElement$6 } from './p-96b491a1.js';
-import { d as defineCustomElement$5 } from './p-48b04f6f.js';
-import { d as defineCustomElement$4 } from './p-d68a2616.js';
-import { d as defineCustomElement$3 } from './p-c116f0fa.js';
-import { d as defineCustomElement$2 } from './p-008f3bcf.js';
+import { d as defineCustomElement$6 } from './p-b4307c30.js';
+import { d as defineCustomElement$5 } from './p-7fee31b4.js';
+import { d as defineCustomElement$4 } from './p-731a77a4.js';
+import { d as defineCustomElement$3 } from './p-2eb489d6.js';
+import { d as defineCustomElement$2 } from './p-f356959d.js';
 const codeExampleCss = ".sc-digi-code-example-h{--digi--code-example--background:var(--digi--color--background--primary);--digi--code-example--controls--width:16.25rem;display:block}.digi-code-example.sc-digi-code-example{background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px;border:var(--digi--border-width--primary) solid var(--digi--color--divider--primary--light);height:100%;display:flex;flex-direction:row;border-radius:0.3rem;position:relative}@media (max-width: 35.9375rem){.digi-code-example.sc-digi-code-example{min-width:360px}}.digi-code-example--light.sc-digi-code-example{background-color:#ffffff;background-image:linear-gradient(45deg, #efefef 25%, transparent 25%), linear-gradient(-45deg, #efefef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #efefef 75%), linear-gradient(-45deg, transparent 75%, #efefef 75%)}.digi-code-example--dark.sc-digi-code-example{background-color:#787777;background-image:linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%)}.digi-code-example__container.sc-digi-code-example{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;position:relative}.digi-code-example--no-controls.sc-digi-code-example{flex-direction:column}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button.sc-digi-code-example{margin-top:0;align-self:flex-end;margin-bottom:0.2rem;z-index:1;position:absolute;bottom:0;right:0}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button--dark.sc-digi-code-example{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary)}.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--largest-2);overflow-x:auto}@media (max-width: 48rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--medium)}}@media (max-width: 35.9375rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--small)}}.digi-code-example__copy-button.sc-digi-code-example{align-self:start;margin-top:var(--digi--padding--large);margin-right:var(--digi--padding--small)}.digi-code-example__codeblock.sc-digi-code-example digi-code-block.sc-digi-code-example{--digi--code-block--border-radius:0;--digi--code-block--border:none}.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--medium);background:var(--digi--color--background--secondary);display:flex;flex:0 var(--digi--code-example--controls--width);flex-direction:column;align-self:stretch;flex-shrink:0;justify-content:space-between;gap:var(--digi--gutter--medium)}@media (max-width: 48rem){.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--smaller)}}.digi-code-example__controls[hidden].sc-digi-code-example{display:none}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__code.sc-digi-code-example{display:flex;flex-direction:column;flex-grow:1}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{flex-grow:1;height:64px;overflow-y:hidden;position:relative}.digi-code-example__code-expand.sc-digi-code-example{display:flex;align-items:center;justify-content:center;gap:var(--digi--gutter--icon);width:100%;padding:0.875rem 0;background:#272727;color:var(--digi--color--text--secondary);font-size:var(--digi--typography--body--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);cursor:pointer;border:none}.digi-code-example__code-expand.sc-digi-code-example:hover{background:var(--digi--grayscale--900);text-decoration:underline}.digi-code-example__code-expand.sc-digi-code-example:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-code-example--no-controls.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{height:64px}.digi-code-example__copy-button.sc-digi-code-example{--digi--button--padding--small:0;--digi--button--padding--medium:0;--digi--button--padding--large:0}.digi-code-example__code-expand-icon.sc-digi-code-example{--digi--icon--color:var(--digi--color--text--secondary);transition:ease-in-out var(--digi--animation--duration--base) all}.digi-code-example__code-expand-icon--open.sc-digi-code-example{transform:rotate(180deg)}.digi-code-example__fade.sc-digi-code-example{position:absolute;width:100%;bottom:0;height:var(--digi--padding--largest-2)}.digi-code-example__fade--light.sc-digi-code-example{background-image:linear-gradient(0deg, white, transparent)}.digi-code-example__fade--dark.sc-digi-code-example{--digi--color--background--inverted-3:#272727;background-image:linear-gradient(0deg, var(--digi--grayscale--900), transparent)}.slot__controls.sc-digi-code-example{margin-bottom:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls{display:flex;flex-direction:column;gap:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls[hidden]{display:none}.sc-digi-code-example-s .slot__controls digi-form-fieldset,.sc-digi-code-example-s .slot__controls digi-form-select,.sc-digi-code-example-s .slot__controls digi-form-fieldset+digi-form-checkbox,.sc-digi-code-example-s .slot__controls .divider{display:block;border-bottom:1px solid var(--digi--color--divider--primary--light);padding-bottom:var(--digi--padding--smaller);margin-bottom:var(--digi--padding--medium)}";
 const DigiCodeExampleStyle0 = codeExampleCss;
@@ -139,17 +139,17 @@ const CodeExample = /*@__PURE__*/ proxyCustomElement(class CodeExample extends H
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (h("div", { key: '2504eb214d681d53d5db5f7ee4bbf070da4ac6bd', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'a0ceb68001efe0e88fa477ad8c2d01c9b1dd8644', class: {
+        return (h("div", { key: '697345f34598e65f08cb7aa00760546c1d22da3e', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: '27b9324c425f3a39e42663c994e31b98d6e59593', class: {
                 'digi-code-example__container': true
-            } }, h("div", { key: '175257f48da6faf68791e79cca21b7ac32fcc7bf', class: "digi-code-example__example" }, h("slot", { key: '9f4c44dcc64eb3b3b8a471218052a59c2fd415e5' })), !this.afHideCode && (h("div", { key: '438208775e65656d25cccae3870a5efb892d176e', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '8fcbeaa3373450f5811d27bae2a2e7920f7949ea', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: 'df424b79ffa72a86c9af76c5445d8ba6af01c0bc', class: {
+            } }, h("div", { key: '3774504be05b7e0fa4f206d3fad5f01115b51cfa', class: "digi-code-example__example" }, h("slot", { key: '3f0e9f4d72f516b7fd8621eebf5443a716073494' })), !this.afHideCode && (h("div", { key: 'e01db43c73ee155a3dde3be388f9fb27c94495a6', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '4cf375458734cfd5be471583cec6ada8f105f2ed', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: '55df4b5954830735bf03b3154ad1bcd6aeddf89a', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), h("div", { key: 'bda1ff7309767aafa1feef42769b197d16c4484b', class: {
+            }, "aria-hidden": "true" }))), h("div", { key: '40928d2979455bfdf363dc6e7098de6e671f3491', class: {
                 'digi-code-example__codeblock': true,
                 'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
                 'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
-            } }, h("digi-code-block", { key: 'e9a3ac82bbe4a6aca0ce15aa697efdb5ec5ec9f5', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
+            } }, h("digi-code-block", { key: '4edbe57a661d4654fd0b641fe73970c80c0aa541', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'

package/components/digi-code.js CHANGED Viewed

@@ -31,7 +31,7 @@ const Code = /*@__PURE__*/ proxyCustomElement(class Code extends H {
         };
     }
     render() {
-        return (h("span", { key: '8b58df902f5d794e1874e6b0f6f7790b5a10985d', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: '3e26521ae19d2c7e08ab30a24e1c328ee709fa94', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
+        return (h("span", { key: '2fdec60c874558f5701dea34dd7fe95aa4119a9e', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: '6bcd34a653467922a84438821cc648dacac31906', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
     }
     static get watchers() { return {
         "afCode": ["formatCode"]

package/components/digi-context-menu.js CHANGED Viewed

@@ -3,8 +3,8 @@ import { d as detectClickOutside } from './p-430607cb.js';
 import { d as detectFocusOutside } from './p-ee33960b.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { d as defineCustomElement$4 } from './p-af6f0d7a.js';
-import { d as defineCustomElement$3 } from './p-6fabd43f.js';
-import { d as defineCustomElement$2 } from './p-c116f0fa.js';
+import { d as defineCustomElement$3 } from './p-ffcbbf36.js';
+import { d as defineCustomElement$2 } from './p-2eb489d6.js';
 const navigationContextMenuCss = ".sc-digi-context-menu-h{--digi--navigation-context-menu--toggle-icon--transition:ease-in-out 0.2s all;--digi--navigation-context-menu--toggle-icon--transform:rotate(-180deg);--digi--navigation-context-menu--content--background-color:var(--digi--color--background--primary);--digi--navigation-context-menu--content--border-radius:var(--digi--border-radius--secondary);--digi--navigation-context-menu--content--max-width:90vw;--digi--navigation-context-menu--content--max-height:15rem;--digi--navigation-context-menu--button-icon--width:0.875rem;--digi--navigation-context-menu--button-trigger--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button-trigger--padding:0;--digi--navigation-context-menu--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--item--background-color--active:var(--digi--color--background--interactive--selected--tertiary);--digi--navigation-context-menu--item--display:flex;--digi--navigation-context-menu--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--item--font-color:var(--digi--color--text--primary);display:block;box-sizing:border-box;width:fit-content}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu{display:grid}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__toggle-icon.sc-digi-context-menu{transition:var(--digi--navigation-context-menu--toggle-icon--transition)}.sc-digi-context-menu-h .digi-navigation-context-menu--active.sc-digi-context-menu .digi-navigation-context-menu__toggle-icon.sc-digi-context-menu{transform:var(--digi--navigation-context-menu--toggle-icon--transform)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__trigger-button.sc-digi-context-menu{display:block;--digi--button--padding--medium:var(--digi--navigation-context-menu--button-trigger--padding);width:fit-content;--digi--button--font-size--medium:var(--digi--navigation-context-menu--button-trigger--font-size)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu{width:100%;position:relative;display:none}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list--active.sc-digi-context-menu{display:inline-grid}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper.sc-digi-context-menu{padding:0.5rem 0;display:none;width:max-content;min-width:100%;max-width:var(--digi--navigation-context-menu--content--max-width);max-height:var(--digi--navigation-context-menu--content--max-height);overflow-y:auto;box-sizing:border-box;z-index:10;margin-top:0.5rem;background-color:var(--digi--navigation-context-menu--content--background-color);border-radius:var(--digi--navigation-context-menu--content--border-radius);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.7);position:absolute}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper--visible.sc-digi-context-menu{display:block}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper--position-right.sc-digi-context-menu{right:0}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__list.sc-digi-context-menu .dropdown-wrapper--position-center.sc-digi-context-menu{left:50%;transform:translateX(-50%)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .content-wrapper.sc-digi-context-menu{display:flex;flex-direction:row;align-items:baseline;padding-left:1rem;padding-right:1rem;gap:0.5rem}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu{font-size:var(--digi--navigation-context-menu--item--font-size);display:var(--digi--navigation-context-menu--item--display);font-family:var(--digi--navigation-context-menu--item--font-family);padding:0.625rem 0;max-width:max-content;min-width:100%;width:100%;position:relative;cursor:pointer}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu:hover{background-color:var(--digi--navigation-context-menu--item--background-color--active)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item--active.sc-digi-context-menu{font-weight:600;background-color:var(--digi--navigation-context-menu--item--background-color--active)}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item--link.sc-digi-context-menu{list-style:none;margin:0;padding:0}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item--link.sc-digi-context-menu a.sc-digi-context-menu{padding:0.625rem 1rem;color:var(--digi--navigation-context-menu--item--font-color, #333333);text-decoration:none;margin:0;width:100%}.sc-digi-context-menu-h .digi-navigation-context-menu.sc-digi-context-menu .digi-navigation-context-menu__item.sc-digi-context-menu .digi-navigation-context-menu__button-icon.sc-digi-context-menu{--digi--icon--width:var(--digi--navigation-context-menu--button-icon--width)}";
 const DigiContextMenuStyle0 = navigationContextMenuCss;
@@ -205,13 +205,13 @@ const ContextMenu = /*@__PURE__*/ proxyCustomElement(class ContextMenu extends H
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (h(Host, { key: '4e8d4eaef09ba8221c86c8f902dfd1a87e9fa7af' }, h("div", { key: 'cfd85763e955b4d86e8c15c9fe59cd5142cf299d', id: `${this.afId}-identifier`, class: {
+        return (h(Host, { key: '36a18ba664f2ca76758c4b468f9c628bd53c4d9f' }, h("div", { key: '961cd1cbb49f8ed9345aa62d454bb1439383db5c', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, h("digi-button", { key: '27e62fa02246723e52b0595013e657bce4b36951', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && h(this.digiIcon, { key: 'bfe44549892617cfbcfdb6d94380974ba26495d5', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: 'b4b68d61df1505026533a9e82f76b5a1aed58d62', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '11f1abdd973720de6fdba6bf2b8b7861b1dc2e44', class: {
+            } }, h("digi-button", { key: 'ecbef85859ea4e37e9acdb9dd8a198ac71526903', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && h(this.digiIcon, { key: '41c0b2b134924ac4778dec54a93a1535d3816119', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '331df5f45a5a4a393c8d03b1864bbbd3ad3d982a', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '1245a33444c3f1dc28b48b1b395406d7175006ae', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: '7fc365e19c6cf31845fa99fc14906d2e84359aa3', onKeyDown: (e) => {
+            } }, h("div", { key: '15b40cb1ce0b082e44f3cc3baf70e75529306f06', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

package/components/digi-dialog.js CHANGED Viewed

@@ -49,9 +49,9 @@ import './p-a6ca40fc.js';
 import './p-b0e88537.js';
 import './p-cdcaf0eb.js';
 import { d as defineCustomElement$5 } from './p-af6f0d7a.js';
-import { d as defineCustomElement$4 } from './p-b3f1ba8e.js';
-import { d as defineCustomElement$3 } from './p-94611ca8.js';
-import { d as defineCustomElement$2 } from './p-0fa9b53d.js';
+import { d as defineCustomElement$4 } from './p-a4e8f088.js';
+import { d as defineCustomElement$3 } from './p-c0fa08b8.js';
+import { d as defineCustomElement$2 } from './p-cfc51991.js';
 const dialogCss = ":host{--digi--dialog--backdrop--position:fixed;--digi--dialog--backdrop--opacity:1;--digi--dialog--backdrop--z--index:999;--digi--dialog--backdrop--left:0;--digi--dialog--backdrop--top:0;--digi--dialog--backdrop--width:100vw;--digi--dialog--backdrop--height:100vh;--digi--dialog--backdrop--display:flex;--digi--dialog--backdrop--justify--content:center;--digi--dialog--backdrop--align--items:center;--digi--dialog--close--button--display:grid;--digi--dialog--close--button--justify--content:end;--digi--dialog--close--button--margin--right:-1rem;--digi--dialog--button--container--display:flex;--digi--dialog--button--container--flex-wrap:wrap;--digi--dialog--button--container--gap:var(--digi--gutter--large);--digi--dialog--button--container--padding--top:var(--digi--gutter--largest-2);--digi--dialog--button--text--align--mobile:center;--digi--dialog--content--gutter:var(--digi--gutter--largest);--digi--dialog--content--margin:var(--digi--margin--large) auto;--digi--dialog--content--padding:var(--digi--padding--large);--digi--dialog--content--width--small:28.75rem;--digi--dialog--content--width--medium:42.1875rem;--digi--dialog--content--width--large:56.25rem;--digi--dialog--content--color--primary:var(--digi--color--text--primary);--digi--dialog--content--color--background--primary:var(--digi--color--background--primary);--digi--dialog--icon--color--primary:var(--digi--color--icon--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icon--primary)}:host .digi-dialog{background:rgba(0, 0, 0, 0.7);overflow-x:hidden;overflow-y:auto;position:var(--digi--dialog--backdrop--position);opacity:var(--digi--dialog--backdrop--opacity);z-index:var(--digi--dialog--backdrop--z--index);left:var(--digi--dialog--backdrop--left);top:var(--digi--dialog--backdrop--top);width:var(--digi--dialog--backdrop--width);height:var(--digi--dialog--backdrop--height);display:var(--digi--dialog--backdrop--display);justify-content:var(--digi--dialog--backdrop--justify--content);align-items:var(--digi--dialog--backdrop--align--items);padding:var(--digi--padding--medium);box-sizing:border-box}:host .digi-dialog--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--primary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--primary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:initial}:host .digi-dialog--secondary{--digi--dialog--content--color--secondary:var(\n    --digi--global--color--profile--white--base\n  );--digi--dialog--content--color--background--secondary:var(\n    --digi--global--color--profile--blue--base\n  );--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--secondary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--secondary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:#b7b7ff;--digi--color--text--primary:var(--digi--dialog--content--color--secondary)}:host .digi-dialog--small{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--small)}:host .digi-dialog--medium{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--medium)}:host .digi-dialog--large{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--large)}:host .digi-dialog__keydown-handler{width:100%;max-height:100%}:host .digi-dialog__content{background:var(--DIGI--DIALOG--COLOR--BACKGROUND);color:var(--DIGI--DIALOG--COLOR);max-width:var(--DIGI--DIALOG--CONTENT--WIDTH);width:100%;margin:var(--digi--dialog--content--margin);padding:var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);box-sizing:border-box}:host .digi-dialog__close-button{--digi--button--color--text--function--default:var(--DIGI--DIALOG--COLOR);--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(--digi--dialog--icon--color--primary);--digi--button--color--icon--function--hover:var(--digi--dialog--icon--color--primary--hover);display:var(--digi--dialog--close--button--display);justify-content:var(--digi--dialog--close--button--justify--content);margin-right:var(--digi--dialog--close--button--margin--right)}:host .digi-dialog__button-container{display:var(--digi--dialog--button--container--display);flex-wrap:var(--digi--dialog--button--container--flex-wrap);gap:var(--digi--dialog--button--container--gap);padding-top:var(--digi--dialog--button--container--padding--top)}:host .digi-dialog__button-container digi-button,:host .digi-dialog__button-container .digi-button--medium{text-align:var(--digi--dialog--button--text--align--mobile)}:host .digi-dialog__button-container digi-button :first-of-type,:host .digi-dialog__button-container .digi-button--medium :first-of-type{--digi--button--color--border--primary--default:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY);--digi--button--color--border--primary--hover:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY)}";
 const DigiDialogStyle0 = dialogCss;
@@ -284,11 +284,11 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends H {
         };
     }
     render() {
-        return (h(Host, { key: 'b6fa143b71709908623eda3f8fda037f523a4f90', ref: (el) => {
+        return (h(Host, { key: '47db653acf1fb1bd4ba8c33e00758f96dfa4bb8a', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (h("div", { key: '46ae05735ed8f54c75a82b5cc5e23effae77e745', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: '0740b3466fc4a3ac52bfe0a3d5d58fe2399c4474', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: 'd6da8ca0633774200dff4ade8fb170f2fd19b6b9', ref: (el) => {
+            } }, this.afShowDialog && (h("div", { key: '991380f4910eeba8b37d85c93a19ce504a49ebbe', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: 'bd13c26c054a624e7e7b607678929bf7a9903284', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: '455526aacc52a617f7ac8d94dbd69625995904bb', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: 'e5532e07a112ba5cadc4f4ee012c7c0b1ebc7eac' }, this.afCloseButtonText && (h("digi-button", { key: 'e52c53a254adfca3c0e7d22500f381877feb798d', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: '78b867c769a5f170a7b09270f0a466358febd0df', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: '20b204bea4212367ed6202e73185ee0f63ab85f3', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '20b227dc35ebe307589e097cb64bcd7c47913729', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '2c5f707d8a5db9957a252e1a6a454824521b6541' }), h("div", { key: '167c44e5b9827f66b9355180d6af6a9fc8f783ad', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: 'bca5ce02a71c2c4b43ec7eaebcc70016c5ea1d98', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '1208655a175f323aa4bff70b0cf8daa28e2f3e86', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: '8b64f760f5e1dbbc7ca4ec5478c26a410fcc812e' }, this.afCloseButtonText && (h("digi-button", { key: '77dff2e268dc667a6dc2dcea9512d53acb9f3125', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: '5b8099b95484bd659ab2eed7cec11bdd75b7644d', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'aa3324de33951b6386ab4f00c623cb2cedac5848', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '27749285154ce7e376f208041744015e649b9d0f', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '1f60c3fade5acf3c3fe338cad999c745772862db' }), h("div", { key: 'db378fd98ed0759d9a2213525f059aedf8bdd83f', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: '51387edf100b73435e09b932a17850cfb0e7dba6', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '800befa156ee562a29b9dd304cc6a5d79df40c19', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return this; }
     static get style() { return DigiDialogStyle0; }

package/components/digi-expandable-accordion.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-e5abfc2d.js
 import { _ as _t } from './p-08cf2c0e.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { E as ExpandableAccordionHeaderLevel } from './p-ad16c7a1.js';
-import { d as defineCustomElement$3 } from './p-c116f0fa.js';
-import { d as defineCustomElement$2 } from './p-94611ca8.js';
+import { d as defineCustomElement$3 } from './p-2eb489d6.js';
+import { d as defineCustomElement$2 } from './p-c0fa08b8.js';
 const expandableAccordionCss = ".sc-digi-expandable-accordion-h{--digi--expandable-accordion--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-accordion--header--font-size:var(--digi--typography--accordion--font-size--desktop);--digi--expandable-accordion--header--font-size--small:var(--digi--typography--accordion--font-size--mobile);--digi--expandable-accordion--header--font-weight:var(--digi--typography--accordion--font-weight--desktop);--digi--expandable-accordion--icon--size:0.875rem;--digi--expandable-accordion--icon--margin-right:var(--digi--margin--medium);--digi--expandable-accordion--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-accordion--border-bottom-color:var(--digi--color--divider--cta);--digi--expandable-accordion--content--padding:var(--digi--padding--medium) 0;--digi--expandable-accordion--content--transition:ease-in-out var(--digi--animation--duration--base) height;display:block}.sc-digi-expandable-accordion-h .digi-expandable-accordion.sc-digi-expandable-accordion::after{content:\"\";display:block;max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.digi-expandable-accordion__header.sc-digi-expandable-accordion{display:flex;align-items:center}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid}.digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--header--toggle-icon--transition)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transform:rotate(-180deg)}.digi-expandable-accordion__heading.sc-digi-expandable-accordion{margin:0;flex:1}.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--expandable-accordion--header--font-size--small);font-weight:var(--digi--expandable-accordion--header--font-weight);width:100%;display:flex;gap:var(--digi--expandable-accordion--icon--margin-right);align-items:center;text-align:start;cursor:pointer;border:none}@media (min-width: 48rem){.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-size:var(--digi--expandable-accordion--header--font-size)}}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--primary);background-color:transparent;padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{text-decoration:underline}.digi-expandable-accordion__content.sc-digi-expandable-accordion{overflow-y:hidden}.digi-expandable-accordion--expanded-false.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{height:0}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.digi-expandable-accordion--animation-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--content--transition)}.digi-expandable-accordion__toggle-inside.sc-digi-expandable-accordion{text-align:center;--digi--button--color--background--function--hover:var(--digi--color--background--primary)}@keyframes heightAnim{from{height:0%}to{height:100%}}";
 const DigiExpandableAccordionStyle0 = expandableAccordionCss;
@@ -80,7 +80,7 @@ const ExpandableAccordion = /*@__PURE__*/ proxyCustomElement(class ExpandableAcc
         this.afOnClick.emit(e);
     }
     render() {
-        return (h("article", { key: '02340aea532ecb7415f74c39fc9d0105b3b3000c', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'da98703b8a2fb69c202570255a525f513dd5e99e', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: 'a666f55b00e451ebdf75cb3675e5f8f07c12f887', class: "digi-expandable-accordion__heading" }, h("button", { key: '0b5668f4d32b0b31ac627b0b787eb2795e756cee', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, h("digi-icon-chevron-down", { key: 'b2c63b1a5afe9dcc8c96b72856ac16ddfb61a38c', class: "digi-expandable-accordion__toggle-icon" }), this.afHeading))), h("section", { key: '7ee9a822e15da2212df6980c4b813730df44a90e', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'f0b3eb9abff27c9ee4e06c6924654a8874ee247f' }, h("digi-typography", { key: '970ae11eebb5358ebae1457dcd1f8ac8996d8336' }, h("slot", { key: 'aa44a79ce9417911ad9974ed5d84f7b012a0aa5a' }))))));
+        return (h("article", { key: '0dbfe0a7e9703a333f8f8aa61450015a45406afb', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'a80a605c0f9cf47fb294fe3a741e259098e6ae4f', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: 'b93fa8e72327e517b6a7dee880617f468b1352e5', class: "digi-expandable-accordion__heading" }, h("button", { key: '442428448ae2174384f39823d5ae5ea626769114', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, h("digi-icon-chevron-down", { key: '5d901f852d56ee413e1f5ac4d00cb2b52f66abb7', class: "digi-expandable-accordion__toggle-icon" }), this.afHeading))), h("section", { key: '0ca52283c1785dcd95a73e05ec8cf2a2fea34a40', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'e9c761a867d41a445d121f7591dcd8a66b25961f' }, h("digi-typography", { key: '943e3d4bb15d0a495cd6706a23a4a7d8919d5600' }, h("slot", { key: 'f88b1a4d933eccc36cce59b8d5b4dcffda2effaa' }))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-expandable-faq-item.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-e5abfc2d.js';
 import { E as ExpandableFaqItemHeadingLevel, a as ExpandableFaqItemVariation } from './p-f40f4b2a.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-import { d as defineCustomElement$3 } from './p-c116f0fa.js';
-import { d as defineCustomElement$2 } from './p-94611ca8.js';
+import { d as defineCustomElement$3 } from './p-2eb489d6.js';
+import { d as defineCustomElement$2 } from './p-c0fa08b8.js';
 const expandableFaqItemCss = ".sc-digi-expandable-faq-item-h{--digi--expandable-faq-item--header--background-color--primary:var(--digi--color--background--pop-out);--digi--expandable-faq-item--header--background-color--secondary:var(--digi--color--background--secondary);--digi--expandable-faq-item--header--background-color--tertiary:var(--digi--color--background--primary);--digi--expandable-faq-item--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-faq-item--content--transition:ease-in-out var(--digi--animation--duration--base) height;--digi--expandable-faq-item--icon--size:0.875rem;--digi--expandable-faq-item--icon--margin-right:var(--digi--margin--medium);--digi--expandable-faq-item--header--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--expandable-faq-item--header--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--expandable-faq-item--border-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-faq-item--content--padding:var(--digi--gutter--largest-2);display:block}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item.sc-digi-expandable-faq-item{max-width:calc(var(--digi--paragraph-width--medium) + var(--digi--padding--largest-2));margin-bottom:var(--digi--global--spacing--smallest-4);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--primary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--primary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--secondary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--secondary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--tertiary.sc-digi-expandable-faq-item{--BACKGROUND:var(--digi--expandable-faq-item--header--background-color--tertiary)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item--expanded.sc-digi-expandable-faq-item{border-bottom-color:var(--BACKGROUND)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item{background-color:var(--BACKGROUND);width:100%;max-width:calc(var(--digi--paragraph-width--medium) + var(--digi--padding--largest-2))}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h1.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h2.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h3.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h4.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h5.sc-digi-expandable-faq-item,.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header.sc-digi-expandable-faq-item h6.sc-digi-expandable-faq-item{margin:0}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item{margin-right:var(--digi--expandable-faq-item--icon--margin-right);transition:var(--digi--expandable-faq-item--header--toggle-icon--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon--expanded.sc-digi-expandable-faq-item{transform:rotate(-180deg)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon.sc-digi-expandable-faq-item-s>[slot^=icon],.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header--toggle-icon .sc-digi-expandable-faq-item-s>[slot^=icon]{--digi--icon--width:var(--digi--expandable-faq-item--icon--size);--digi--icon--height:var(--digi--expandable-faq-item--icon--size)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item{color:var(--digi--color--text--primary);background-color:var(--BACKGROUND);border:none;border-radius:0;padding:var(--digi--expandable-faq-item--content--padding);font-size:var(--digi--expandable-faq-item--header--font-size);font-weight:var(--digi--expandable-faq-item--header--font-weight);width:100%;display:flex;align-items:center;text-align:left;cursor:pointer;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:hover{text-decoration:underline}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__button.sc-digi-expandable-faq-item:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item{overflow-y:hidden}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content.sc-digi-expandable-faq-item>div.sc-digi-expandable-faq-item{padding:var(--digi--expandable-faq-item--content--padding);box-sizing:border-box;max-width:var(--digi--paragraph-width--medium)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--animation.sc-digi-expandable-faq-item{transition:var(--digi--expandable-faq-item--content--transition)}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__content--hidden.sc-digi-expandable-faq-item{height:0}";
 const DigiExpandableFaqItemStyle0 = expandableFaqItemCss;
@@ -71,18 +71,18 @@ const ExpandableFaqItem = /*@__PURE__*/ proxyCustomElement(class ExpandableFaqIt
         }
     }
     render() {
-        return (h("article", { key: '586884d3f2c91a7597743198cdab5758735943ed', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '51e944438c6ccf3ff713f838da0117436acdd88a', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '1e976960a26b0bab61886351c3ed4137c98ec06b' }, h("button", { key: 'e52835b2541c1ffc3a7becf76e59aef097240604', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (h("article", { key: '8524070a89e5c11ec59c080217beeef05ab2a638', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '2855bff991c7913d572f1c7a69e6633df9164e8a', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '57c0c4fe4a31e56864d7d51f2d63d2866cf6fc6c' }, h("button", { key: 'a5bc9d20dc5d85cf09d2dea7f632656a6b954dcd', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
                 e.preventDefault();
                 this.afExpanded = !this.afExpanded;
                 this.afOnClick.emit(e);
-            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: '36b8f9c563b9ef4417a21fbcba204b914ea96506', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: 'ec1ff662f5d57d8b6f86d3d5df25dc696f281a59', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), this.afHeading))), h("section", { key: '8f384f65f08a5d84649f40ad1c441ab3733fdc62', class: {
+            } }), this.afHeading))), h("section", { key: 'c0ead6a1cc3cdb612691284bdcd8d98bb60bc7f2', class: {
                 'digi-expandable-faq-item__content': true,
                 'digi-expandable-faq-item__content--animation': this.afAnimation,
                 'digi-expandable-faq-item__content--hidden': !this.afExpanded
-            }, id: `${this.afId}-content` }, h("div", { key: '0af73c452462f4436ef90ca4c9d5b77dba1ee1d4' }, h("digi-typography", { key: 'f2079bf2c748440255eafc9052e6a0b671a662fc' }, h("slot", { key: 'bf723138101e6ab11cfe245089eea195e8950ee0' }))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '32230776fd30ef70ff0c5e88093d6f5b5eb06407' }, h("digi-typography", { key: 'b2d27bda9cb6f45ce1a83a3721aa02fe5828311c' }, h("slot", { key: 'b803445513973e37034a5101ec4194ee83269a92' }))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-expandable-faq.js CHANGED Viewed

@@ -50,9 +50,9 @@ const ExpandableFaq = /*@__PURE__*/ proxyCustomElement(class ExpandableFaq exten
             });
     }
     render() {
-        return (h("div", { key: '1f3dcc55e6e60e2624a647817174a2dd1f8574e6', class: {
+        return (h("div", { key: 'd3f8bc5ca102da492ea2fe0255c0fa456be252d7', class: {
                 'digi-expandable-faq': true
-            } }, h(this.afHeadingLevel, { key: 'b557cac87e08ff794989dc92d9e7c405859707f1' }, this.afHeading), h("slot", { key: '694f4df0a65c40eae1e4e260fad27377f31fd31d' })));
+            } }, h(this.afHeadingLevel, { key: 'ccca4d8ef47d21a0035d3ff9035eee6ecd46c2ba' }, this.afHeading), h("slot", { key: '95e31c31561a8a425fb5c9ed49a32f95a7d49af4' })));
     }
     get hostElement() { return this; }
     static get style() { return DigiExpandableFaqStyle0; }

package/components/digi-footer-card.js CHANGED Viewed

@@ -17,7 +17,7 @@ const FooterFooterCard = /*@__PURE__*/ proxyCustomElement(class FooterFooterCard
         };
     }
     render() {
-        return (h(Host, { key: 'fd1e970c930fad36d18c848db7325b02bacf1cee' }, h("div", { key: '3db638133e06a7c248679a8c0660637d1310e0ff', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '15ab93d8bc71a42f9b65482d20294240c4cf777d', class: "digi-footer-card__content" }, h("slot", { key: '052855b6532d652dd380f5a40771ed03f9a47907' })))));
+        return (h(Host, { key: '1faa15a472160bfaf8917c740f5146c528f14b9d' }, h("div", { key: '66927f1f478491fb666039519f24349b0212a18e', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '3792d6650842c95a98ff86f91337a3df0880849d', class: "digi-footer-card__content" }, h("slot", { key: '25992c4cb3054fcd1cef6a6db469e0d63a3236e5' })))));
     }
     get hostElement() { return this; }
     static get style() { return DigiFooterCardStyle0; }

package/components/digi-footer.js CHANGED Viewed

@@ -47,9 +47,9 @@ import './p-d1886fff.js';
 import './p-a6ca40fc.js';
 import './p-b0e88537.js';
 import './p-cdcaf0eb.js';
-import { d as defineCustomElement$4 } from './p-981aeff0.js';
-import { d as defineCustomElement$3 } from './p-3eb965bc.js';
-import { d as defineCustomElement$2 } from './p-94611ca8.js';
+import { d as defineCustomElement$4 } from './p-29b6a4d5.js';
+import { d as defineCustomElement$3 } from './p-b6911f65.js';
+import { d as defineCustomElement$2 } from './p-c0fa08b8.js';
 const footerCss = ".sc-digi-footer-h {\n  --digi--footer--text--color: var(--digi--color--text--secondary);\n  --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);\n  --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);\n  --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);\n  --digi--footer--link--color--default: var(--digi--color--text--secondary);\n  --digi--footer--link--color--hover: var(--digi--color--text--secondary);\n  --digi--footer--link--border-color--default: var(--digi--color--text--secondary);\n  --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);\n  --digi--footer--padding-top: var(--digi--container-gutter--largest);\n  --digi--footer--margin-top: var(--digi--container-gutter--large);\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer {\n  --MARGIN-TOP: var(--digi--footer--margin-top);\n  color: var(--digi--footer--text--color);\n  font-family: var(--digi--footer--text--font-family);\n  font-size: var(--digi--footer--text--font-size);\n  font-weight: var(--digi--footer--text--font-weight);\n  line-height: normal;\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n  grid-template-columns: repeat(1, 1fr);\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  .sc-digi-footer-h .digi-footer--small.sc-digi-footer-s > [slot^=content-top] > *:first-child, .sc-digi-footer-h .digi-footer--small .sc-digi-footer-s > [slot^=content-top] > *:first-child {\n    grid-column: 1/3;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(1, 1fr);\n  }\n}\n.sc-digi-footer-h .digi-footer__content-top.sc-digi-footer {\n  container-type: inline-size;\n  padding-top: var(--digi--footer--padding-top);\n}\n.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  padding: var(--digi--footer--padding-top) 0;\n}\n@media (max-width: 61.9375rem) {\n  .sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n    justify-content: center;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer__content-bottom {\n    justify-content: center;\n  }\n}\n.sc-digi-footer-h .sc-digi-footer-s  digi-logo  {\n  --digi--logo--padding--large--wide: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-top] {\n  display: grid;\n  grid-template-rows: repeat(2, auto);\n  column-gap: var(--digi--gutter--largest);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n  display: flex;\n  align-items: flex-end;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-top: var(--MARGIN-TOP);\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n    --MARGIN-TOP: 0;\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--text--color);\n  padding: var(--digi--gutter--small);\n  margin: 0;\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n    padding: var(--digi--gutter--largest-2) var(--digi--gutter--small);\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--link--color--default);\n  border-color: var(--digi--footer--link--border-color--default);\n  margin: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:visited, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:visited {\n  color: var(--digi--footer--link--color--default);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:active, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:active {\n  background: transparent;\n  color: var(--digi--footer--link--color--hover);\n  border-color: var(--digi--footer--link--border-color--hover);\n}";
 const DigiFooterStyle0 = footerCss;
@@ -66,7 +66,7 @@ const FooterFooter = /*@__PURE__*/ proxyCustomElement(class FooterFooter extends
         };
     }
     render() {
-        return (h(Host, { key: '27eaaeb6323b8eab2c9e676e52baff22e3931b59' }, h("footer", { key: 'a18d1fbd40129804018f9768db4f3aa27cd3ecdf', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: '87b429e38f0eb8d589b7522cff7130f0cbf30634' }, h("digi-layout-block", { key: 'd983d8d03811df520b946e701e50f8a7d88259aa', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '3213388b3b270fedbb848c1d6d129d693f8876cd', "af-no-gutter": true }, h("div", { key: '4b8725eaead3c4b9ce57d7b77af3fcb3fa3522da', class: "digi-footer__content-top" }, h("slot", { key: 'c21f38065a406da56631f1f9345eb92e8d8f834d', name: "content-top" })), h("div", { key: 'b3fc3c7fc7f8f6ba18865c5e58b7cda17ccc38ca', class: "digi-footer__content-bottom" }, h("slot", { key: 'f16a990a7608e2f673b39e1bc7191024afdfaac4', name: "content-bottom-left" }), h("slot", { key: '848d34e8d04affe50fab869bba06fb03625db725', name: "content-bottom-right" }))))))));
+        return (h(Host, { key: '2a4bbea16d72f4bc24ccae7cbbc4677b6fb51e3c' }, h("footer", { key: '6069a641a3d2a3abea5eddc1d3281a517a332e4b', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: 'fae14090a98ddef94f06eaa511ffcb4acf97b591' }, h("digi-layout-block", { key: '9d0446a66733a834d89f8eebe57fdf9415543922', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '5f15765122c9247cdcd40995b3f2a1582ed933c5', "af-no-gutter": true }, h("div", { key: '6364df43ea5f6bf12e8b8015aa22e47c6ea1e63d', class: "digi-footer__content-top" }, h("slot", { key: 'cc274cf1a8eb7ea55156aebbcdaa417fa88ddc4a', name: "content-top" })), h("div", { key: '4576f62180f1505da9c1aafce49496d05be08997', class: "digi-footer__content-bottom" }, h("slot", { key: 'c5a9c32a4e86aae5b4f039467ede1d58e92ef3a1', name: "content-bottom-left" }), h("slot", { key: '01f932d193a99d90a4d2fb1746e36edac9a4eba7', name: "content-bottom-right" }))))))));
     }
     get hostElement() { return this; }
     static get style() { return DigiFooterStyle0; }

package/components/digi-form-category-filter.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e5abfc2d.js';
 import { d as defineCustomElement$4 } from './p-af6f0d7a.js';
-import { d as defineCustomElement$3 } from './p-2e885e83.js';
-import { d as defineCustomElement$2 } from './p-71717ec1.js';
+import { d as defineCustomElement$3 } from './p-91817b80.js';
+import { d as defineCustomElement$2 } from './p-9b68143d.js';
 const formCategoryFilterCss = ".sc-digi-form-category-filter-h{--digi--form-category-filter--gap:var(--digi--padding--small)}.sc-digi-form-category-filter-h .digi-form-category-filter.sc-digi-form-category-filter{display:flex;flex-wrap:wrap;gap:var(--digi--form-category-filter--gap)}.sc-digi-form-category-filter-h .digi-form-category-filter--category.sc-digi-form-category-filter{--digi--button--icon--spacing:0px}.sc-digi-form-category-filter-h .digi-form-category-filter--category--not-selected.sc-digi-form-category-filter{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--quaternary);--digi--button--color--text--primary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--quaternary)}.sc-digi-form-category-filter-h .digi-form-category-filter--category--thin-text.sc-digi-form-category-filter{font-weight:400}";
 const DigiFormCategoryFilterStyle0 = formCategoryFilterCss;
@@ -99,7 +99,7 @@ const FormCategoryFilter = /*@__PURE__*/ proxyCustomElement(class FormCategoryFi
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (h(Host, { key: '546117d0885502aef20ee5e1c3027a14c038dd8b' }, h("div", { key: '1ebd8d6a3f18b0248556783f8b7cecd984dbcc8d', class: {
+        return (h(Host, { key: '73bedbbdcca2a1cf6d2a312db7e86f4c5c3b2ab6' }, h("div", { key: '46132dcd6b7d7172ec7b8f505dfe80c944f10c97', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -107,7 +107,7 @@ const FormCategoryFilter = /*@__PURE__*/ proxyCustomElement(class FormCategoryFi
             }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
                 this.toggleCategory(category);
             } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (h("span", null, category.name, ' ', h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: 'f0dae2df00b4c6484f54995352eb6411d4d568da' }, h("digi-button", { key: '1dc1028d7e7407ee724c294e02c52246f39e6025', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: 'b7c80f9f6c46b6cf1b2f0cfb91e0a56768e3af6c' }, h("digi-button", { key: 'c774535256dd9a6ea81f1c58cdd37458bdbeff00', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
                 this.toggleCollapsed();
             } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
     }