@designsystem-se/af 39.4.0-beta.darkmode.1 → 39.5.0

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

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Cutmptn8.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-D6LCrv8C.js';
 import { _ as _t } from './p-DsO1BTml.js';
 import { t as toInteger, g as getUTCISOWeek, a as getUTCWeek, k as getUTCISOWeekYear, c as getUTCWeekYear, l as locale$1, j as getTimezoneOffsetInMilliseconds, h as subMilliseconds, d as longFormatters, i as isProtectedWeekYearToken, e as throwProtectedError, f as isProtectedDayOfYearToken, m as buildFormatLongFn, n as buildLocalizeFn, o as buildMatchFn, p as buildMatchPatternFn } from './p-DbBOgLZR.js';
 import { r as randomIdGenerator } from './p-BGaIliX6.js';
 import { l as logger } from './p-DdB9j8uV.js';
 import { b as ButtonVariation } from './p-DNHRmpND.js';
 import { C as CalendarWeekViewHeadingLevel } from './p-DH_-wpLB.js';
-import { d as defineCustomElement$5 } from './p-sBkGihbY.js';
-import { d as defineCustomElement$4 } from './p-D9Zr5gxY.js';
-import { d as defineCustomElement$3 } from './p-h1nZNGEe.js';
-import { d as defineCustomElement$2 } from './p-BzRQHXkk.js';
+import { d as defineCustomElement$5 } from './p-DemQeKh3.js';
+import { d as defineCustomElement$4 } from './p-Yrb8R-Km.js';
+import { d as defineCustomElement$3 } from './p-CKkOUvIB.js';
+import { d as defineCustomElement$2 } from './p-BWa37pr6.js';
 import { r as requiredArgs, t as toDate, i as isValid } from './p-BixPaBHw.js';
 
 /**
@@ -2170,8 +2170,11 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
         this.weekDays = [...newDates];
     }
     afDatesUpdate() {
-        // Angular/React can connect the element before afDates is set.
-        if (this.afDates == null || this.afDates === '') {
+        // See reason to check in comment in componentWillLoad
+        if (this.afDates === null ||
+            this.afDates === undefined ||
+            this.afDates === '' ||
+            this.afDates.length <= 0) {
             return;
         }
         const hadDates = this.dates.length > 0;
@@ -2260,6 +2263,48 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
         }
         this.afOnReady.emit();
     }
+    renderWeekDays() {
+        if (this.weekDays) {
+            return this.weekDays.map((dateItem) => {
+                const date = format(new Date(dateItem), 'd', {
+                    locale: locale
+                });
+                const day = format(new Date(dateItem), 'EEE', {
+                    locale: locale
+                });
+                const fullDay = format(new Date(dateItem), 'EEEE ', {
+                    locale: locale
+                });
+                return (h("li", { class: "digi-calendar-week-view__date-list-item", "aria-current": dateItem === this.todaysDate && 'date' }, h("digi-button", { onClick: () => (this.selectedDate = dateItem), afAriaLabel: `${fullDay} ${date}`, "aria-hidden": !this.dates.includes(dateItem) ? 'true' : 'false', "af-tabindex": !this.dates.includes(dateItem) ? -1 : null, "aria-pressed": this.selectedDate == dateItem ? 'true' : 'false', class: {
+                        'digi-calendar-week-view__date-button': true,
+                        'digi-calendar-week-view__date-button--active': this.selectedDate == dateItem,
+                        'digi-calendar-week-view__date-button--no-value': !this.dates.includes(dateItem)
+                    }, "af-variation": ButtonVariation.SECONDARY }, h("span", { class: "digi-calendar-week-view__date-button-content", "aria-hidden": "true" }, h("span", { class: {
+                        'digi-calendar-week-view__date-button-day': this.selectedDate != dateItem,
+                        'digi-calendar-week-view__date-button-day--active': this.selectedDate == dateItem
+                    } }, day), h("span", { class: "digi-calendar-week-view__date-button-date" }, date), h("span", { "aria-hidden": "true", class: {
+                        'digi-calendar-week-view__date-button-circle': dateItem === this.todaysDate
+                    } })))));
+            });
+        }
+        else {
+            return null;
+        }
+    }
+    renderButtons() {
+        if (this.maxDate && this.minDate) {
+            return (h(Fragment, null, h("digi-button", { onClick: () => this.prevWeek(), class: {
+                    'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--previous': true,
+                    'digi-calendar-week-view__week-button--keep-left': this.currentWeek == getISOWeek(this.maxDate),
+                    'digi-calendar-week-view__week-button--hidden': !(this.currentWeek > getISOWeek(this.minDate))
+                }, "af-variation": "secondary" }, h("digi-icon-chevron-left", { slot: "icon" }), this.prevWeekText), h("digi-button", { onClick: () => this.nextWeek(), class: {
+                    'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--next': true,
+                    'digi-calendar-week-view__week-button--keep-right': this.currentWeek == getISOWeek(this.minDate),
+                    'digi-calendar-week-view__week-button--hidden': !(this.currentWeek < getISOWeek(this.maxDate))
+                }, "af-variation": "secondary" }, h("digi-icon-chevron-right", { slot: "icon-secondary" }), this.nextWeekText)));
+        }
+        return null;
+    }
     get prevWeekText() {
         const nextWeekDate = subDays(new Date(this.currentDate), 7);
         return `${_t.calendar.week} ${getISOWeek(new Date(nextWeekDate))}`;
@@ -2269,9 +2314,15 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
         return `${_t.calendar.week} ${getISOWeek(new Date(nextWeekDate))}`;
     }
     get currentWeek() {
+        if (!this.currentDate) {
+            return;
+        }
         return getISOWeek(new Date(this.currentDate));
     }
     get currentMonth() {
+        if (!this.weekDays || this.weekDays.length <= 0) {
+            return;
+        }
         const firstDate = new Date(this.weekDays[0]);
         const lastDate = new Date(this.weekDays[this.weekDays.length - 1]);
         return firstDate.getMonth() == lastDate.getMonth()
@@ -2281,35 +2332,7 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
                 format(new Date(lastDate), 'MMMM yyyy', { locale: locale });
     }
     render() {
-        return (h("div", { key: '44d49828a7f43a1f3943aaf0af4139f402844bf0', class: "digi-calendar-week-view" }, h("nav", { key: '44ba98a7c433077c2c11c55b150a5cc2f1d38ac2', class: "digi-calendar-week-view__timepicker" }, h("div", { key: '160ce73dc293abd69193c2b1750c9fd7400b8804', class: "digi-calendar-week-view__dates" }, h("div", { key: '2d60245978d9c7615f3ff5ec7b9d8d628e16f843', class: "digi-calendar-week-view__flex" }, h("digi-typography", { key: '23a1c94d0575061951f67f46782144de52e5e662' }, h(this.afHeadingLevel, { key: 'a183705a035f4d3d57ced74920221f40bbe6019f', role: "status", class: "digi-calendar-week-view__heading" }, h("span", { key: '147910745991716f3557491c6e6aa702f479e8c7', class: "digi-calendar-week-view__month" }, this.currentMonth), h("span", { key: '0d91367cd6066a2b35349edd0ff93e20b5326f04', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), h("ul", { key: 'fdff670cf241e05920e19e0ce6e601b62ae9a3f0', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
-            const date = format(new Date(dateItem), 'd', {
-                locale: locale
-            });
-            const day = format(new Date(dateItem), 'EEE', {
-                locale: locale
-            });
-            const fullDay = format(new Date(dateItem), 'EEEE ', {
-                locale: locale
-            });
-            return (h("li", { class: "digi-calendar-week-view__date-list-item", "aria-current": dateItem === this.todaysDate && 'date' }, h("digi-button", { onClick: () => (this.selectedDate = dateItem), afAriaLabel: `${fullDay} ${date}`, "aria-hidden": !this.dates.includes(dateItem) ? 'true' : 'false', "af-tabindex": !this.dates.includes(dateItem) ? -1 : null, "aria-pressed": this.selectedDate == dateItem ? 'true' : 'false', class: {
-                    'digi-calendar-week-view__date-button': true,
-                    'digi-calendar-week-view__date-button--active': this.selectedDate == dateItem,
-                    'digi-calendar-week-view__date-button--no-value': !this.dates.includes(dateItem)
-                }, "af-variation": ButtonVariation.SECONDARY }, h("span", { class: "digi-calendar-week-view__date-button-content", "aria-hidden": "true" }, h("span", { class: {
-                    'digi-calendar-week-view__date-button-day': this.selectedDate != dateItem,
-                    'digi-calendar-week-view__date-button-day--active': this.selectedDate == dateItem
-                } }, day), h("span", { class: "digi-calendar-week-view__date-button-date" }, date), h("span", { "aria-hidden": "true", class: {
-                    'digi-calendar-week-view__date-button-circle': dateItem === this.todaysDate
-                } })))));
-        })))), h("digi-button", { key: 'dbae5227d0316a5a67febc7de83b1c4c5cfc1044', onClick: () => this.prevWeek(), class: {
-                'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--previous': true,
-                'digi-calendar-week-view__week-button--keep-left': this.currentWeek == getISOWeek(this.maxDate),
-                'digi-calendar-week-view__week-button--hidden': !(this.currentWeek > getISOWeek(this.minDate))
-            }, "af-variation": "secondary" }, h("digi-icon-chevron-left", { key: '65d0f656a0d35911d39f9b8e9ade224be54d4371', slot: "icon" }), this.prevWeekText), h("digi-button", { key: '68d9b3d6c929d0185f412add980a542b3c86fbb2', onClick: () => this.nextWeek(), class: {
-                'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--next': true,
-                'digi-calendar-week-view__week-button--keep-right': this.currentWeek == getISOWeek(this.minDate),
-                'digi-calendar-week-view__week-button--hidden': !(this.currentWeek < getISOWeek(this.maxDate))
-            }, "af-variation": "secondary" }, h("digi-icon-chevron-right", { key: 'a9e688f815a5053aa709cfeb9359131f73df21c0', slot: "icon-secondary" }), this.nextWeekText)), h("div", { key: '7d1073f6cd1982fda2ce7dcb60532c94bd1d0634', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, h("digi-typography", { key: 'db7ce0ca80485df1e4ae67200f2cd90cc80938d5' }, h("slot", { key: 'f08f447ae89612dfcea56c638024220bc29e7914' })))));
+        return (h("div", { key: '4140be166786f62ce5f35e70644fec263c018a1e', class: "digi-calendar-week-view" }, h("nav", { key: '03ea0adbf772e2ec4398e0708c884c896fda4295', class: "digi-calendar-week-view__timepicker" }, h("div", { key: 'e61ef3267eaed0371c326b2821e999d40a645507', class: "digi-calendar-week-view__dates" }, h("div", { key: '43b595010a5600c0e32c8b0fb5b3d9ccf21f9b5c', class: "digi-calendar-week-view__flex" }, h("digi-typography", { key: 'bd71e8685aa20377976383e50f624699bf9baa78' }, h(this.afHeadingLevel, { key: '8f05ae750a9732174ec4c49054b04e42e5338eee', role: "status", class: "digi-calendar-week-view__heading" }, h("span", { key: 'b9968a5c3cdd82c28d2b4ed8ff6c005de9f86212', class: "digi-calendar-week-view__month" }, this.currentMonth ? this.currentMonth : ''), h("span", { key: '223c1fdc8f85bbfca3c8e3714e2adffe61553505', class: "digi-calendar-week-view__week" }, ' ', this.currentWeek ? 'v.' + this.currentWeek : ''))), h("ul", { key: 'e5bde107e3294412be7c2d231ad2ed539b14fee3', class: "digi-calendar-week-view__date-list" }, this.renderWeekDays()))), this.renderButtons()), h("div", { key: '64f11c238e446e52955f5745f7bc68da13c307ea', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, h("digi-typography", { key: '71c161967919d90eae2e652ba9e1126cecd12f13' }, h("slot", { key: '9cca0f3c9479a5b2b0b6c594200422a6923ceb41' })))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-calendar.js

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

package/components/digi-chart-line.js

@@ -1,13 +1,13 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
 import { _ as _t } from './p-DsO1BTml.js';
 import { s as select, e as dispatch, r as range, a as axisLeft, f as formatLocale, p as polyInOut, b as axisBottom, l as linear, m as max, c as min, o as ordinal, g as interpolate, d as linear$1 } from './p-lPbx4RHH.js';
 import { r as randomIdGenerator } from './p-BGaIliX6.js';
 import { l as logger } from './p-DdB9j8uV.js';
-import { d as defineCustomElement$6 } from './p-sBkGihbY.js';
-import { d as defineCustomElement$5 } from './p-9jEKJ0Z1.js';
-import { d as defineCustomElement$4 } from './p-BcQq1buB.js';
-import { d as defineCustomElement$3 } from './p-CpZg6Iuo.js';
-import { d as defineCustomElement$2 } from './p-BzRQHXkk.js';
+import { d as defineCustomElement$6 } from './p-DemQeKh3.js';
+import { d as defineCustomElement$5 } from './p-CDFZC2tI.js';
+import { d as defineCustomElement$4 } from './p-BXaPOOfH.js';
+import { d as defineCustomElement$3 } from './p-C20gV1vB.js';
+import { d as defineCustomElement$2 } from './p-BWa37pr6.js';
 
 function sourceEvent(event) {
   let sourceEvent;
@@ -1660,7 +1660,7 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
     }
     afChartDataUpdate() {
         const data = this.afChartData;
-        // Angular/React can connect the element before afChartData is set.
+        // See reason to check in comment in componentWillLoad
         if (data == null || data === '') {
             return;
         }
@@ -2353,7 +2353,7 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
             else
                 heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
         }
-        return (h("host", { key: '93603df9b78fcce8b5735b4a874f879cf7b2326e', ref: (el) => (this._host = el) }, h("div", { key: '094a790864b72bbb9a802b461db06ce312c627c8', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '5f4bd51fdfef816b0e127d1177c60f8310952173', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '8ae72950c5cf052ed71c2ba4e91b254b8d36cfd0', 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: '750f1b621eb0a1a54ec810aa63624237bd98f9ea', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '1cf33daaaa8adf9c5352286d6172d7c258098c29', 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: '9dce5df1a96d4b818597854f7ee238fefda2c686', slot: "icon" }), "Visa diagram"), h("div", { key: '204f5824b2f34b3a1a1401ed4434e1fcb16a2549', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: 'b164f59f1c741db5493af57510eab2987cabefc6', class: "chartTooltip", id: this.afId }, h("div", { key: 'e84bf8a85a745977006d50f296d1afee2ee35698', class: "tooltipHead" }, h("digi-icon-x", { key: '77bcd0342c828dbcbe020a9ffefe4ae6f3086572', class: "close" }), ' '), h("div", { key: '330f69a58082f72b528095ef49a2371fc8b0d8e5', class: "tooltipBody" })), h("div", { key: '62eb27ac8f184476d50332344711ca381e8adf59', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: 'ad70790d3a2fd5851c4351e41f2436a34169a819', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '30d4791a9b808555f03d1830aaec0221c1bc3b37', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h("host", { key: '9781fd41c404ec1a1162568fe9558089c9c29d3e', ref: (el) => (this._host = el) }, h("div", { key: '6e7ed19cef9490b10a9867697fcc69967df5c36d', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: 'cb30af0f533b751f4e7cc423d320e7ff69bd3134', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '9ec19a8bc1d222755e5f0a36df505e1b27ac13c2', 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: 'd378295691a35741ff41537e2b1fbae564fe78fc', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '3886a1a04835023dcc79b4dcef0b61bd08b687a4', 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: 'b3241d0e11425470ba035c94c11b85065a3af5f1', slot: "icon" }), "Visa diagram"), h("div", { key: 'd6d6660279d9391ee629f1afe775b9d506921922', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '83f8bb01c59127c0e5b94ca06eebb1ecfc12e6b3', class: "chartTooltip", id: this.afId }, h("div", { key: '0de7a9056bc5ee8ef6b58fbce7c09b23fb724b28', class: "tooltipHead" }, h("digi-icon-x", { key: '887555f7e9e22c7150a25d6d4906b07afe455058', class: "close" }), ' '), h("div", { key: 'e8c4a11a61a625c1405f173a61c3cb30dfd96fcb', class: "tooltipBody" })), h("div", { key: '0f9dbdb9e79641e55e0d1f9510a6532838755fe2', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '67b73988bd4222a32fd82c35876dc771efb011a5', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'fde1d4edd7d5a1787963f16c412535e985902533', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get element() { return this; }
     static get watchers() { return {

package/components/digi-code-block.js

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

package/components/digi-code-example.js

@@ -1,20 +1,20 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
 import { b as CodeBlockVariation, d as CodeExampleVariation, c as CodeExampleLanguage } from './p-CEr0zDQh.js';
 import { B as ButtonSize, b as ButtonVariation } from './p-DNHRmpND.js';
 import { _ as _t } from './p-DsO1BTml.js';
 import { r as randomIdGenerator } from './p-BGaIliX6.js';
-import { d as defineCustomElement$b } from './p-sBkGihbY.js';
-import { d as defineCustomElement$a } from './p-CTRQoc6X.js';
-import { d as defineCustomElement$9 } from './p-DNfqowYt.js';
-import { d as defineCustomElement$8 } from './p-OmyagUm4.js';
-import { d as defineCustomElement$7 } from './p-BbUUrG89.js';
-import { d as defineCustomElement$6 } from './p-BYhBNgOq.js';
-import { d as defineCustomElement$5 } from './p-LELn8zbj.js';
-import { d as defineCustomElement$4 } from './p-eGGSFWHS.js';
-import { d as defineCustomElement$3 } from './p-D6eLfacz.js';
-import { d as defineCustomElement$2 } from './p-CPm-RoEd.js';
+import { d as defineCustomElement$b } from './p-DemQeKh3.js';
+import { d as defineCustomElement$a } from './p-CnrswXTJ.js';
+import { d as defineCustomElement$9 } from './p-B36fBNpU.js';
+import { d as defineCustomElement$8 } from './p-DUbZ2eQI.js';
+import { d as defineCustomElement$7 } from './p-B5ATcIsx.js';
+import { d as defineCustomElement$6 } from './p-Bul72ROf.js';
+import { d as defineCustomElement$5 } from './p-BVQZHTJY.js';
+import { d as defineCustomElement$4 } from './p-CCo-vgnc.js';
+import { d as defineCustomElement$3 } from './p-BdkAbTb9.js';
+import { d as defineCustomElement$2 } from './p-B3_NqXGM.js';
 
-const codeExampleCss = () => `:host{--digi--code-example--background:var(--digi--color--background--primary);--digi--code-example--controls--width:16.25rem;display:block}.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{min-width:360px}}.digi-code-example--light{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%)}@media (prefers-color-scheme: dark){.digi-code-example--light{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--dark{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{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;position:relative}.digi-code-example--no-controls{flex-direction:column}.digi-code-example--no-controls .digi-code-example__copy-button{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 .digi-code-example__copy-button--dark{--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{padding:var(--digi--padding--largest-2);overflow-x:auto}@media (max-width: 48rem){.digi-code-example__example{padding:var(--digi--padding--medium)}}@media (max-width: 35.9375rem){.digi-code-example__example{padding:var(--digi--padding--small)}}.digi-code-example__copy-button{align-self:start;margin-top:var(--digi--padding--large);margin-right:var(--digi--padding--small)}.digi-code-example__codeblock digi-code-block{--digi--code-block--border-radius:0;--digi--code-block--border:none}.digi-code-example__controls{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{padding:var(--digi--padding--smaller)}}.digi-code-example__controls[hidden]{display:none}.digi-code-example--inactive .digi-code-example__code{display:flex;flex-direction:column;flex-grow:1}.digi-code-example--inactive .digi-code-example__codeblock{flex-grow:1;height:64px;overflow-y:hidden;position:relative}.digi-code-example__code-expand{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:hover{background:var(--digi--grayscale--900);text-decoration:underline}.digi-code-example__code-expand: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 .digi-code-example__codeblock{height:64px}.digi-code-example__copy-button{--digi--button--padding--small:0;--digi--button--padding--medium:0;--digi--button--padding--large:0}.digi-code-example__code-expand-icon{--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{transform:rotate(180deg)}.digi-code-example__fade{position:absolute;width:100%;bottom:0;height:var(--digi--padding--largest-2)}.digi-code-example__fade--light{background-image:linear-gradient(0deg, white, transparent)}.digi-code-example__fade--dark{--digi--color--background--inverted-3:#272727;background-image:linear-gradient(0deg, var(--digi--grayscale--900), transparent)}.slot__controls{margin-bottom:var(--digi--padding--smaller)}::slotted(* .slot__controls){display:flex;flex-direction:column;gap:var(--digi--padding--smaller)}::slotted(* .slot__controls[hidden]){display:none}::slotted(* .slot__controls digi-form-fieldset),::slotted(* .slot__controls digi-form-select),::slotted(* .slot__controls digi-form-fieldset+digi-form-checkbox),::slotted(* .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 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 CodeExample = /*@__PURE__*/ proxyCustomElement(class CodeExample extends H {
     constructor(registerHost) {
@@ -149,17 +149,17 @@ const CodeExample = /*@__PURE__*/ proxyCustomElement(class CodeExample extends H
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (h("div", { key: 'c8beee9d39ad65463eb78fdaf9d61f48dc47ccf3', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'f4e8fe5c000bf8c443b025a7b987016b6befce05', class: {
+        return (h("div", { key: '854f8970a7d6a673eb668cff3c9f0effc4804a17', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'd29637f0288ae722b477502422e061a97fe232e6', class: {
                 'digi-code-example__container': true
-            } }, h("div", { key: 'c15bd16acb94723f5484b21852dc1bdd3985cdba', class: "digi-code-example__example" }, h("slot", { key: 'af94801b00454401a1ffaf9f9ff783a9b803583c' })), !this.afHideCode && (h("div", { key: '671d5ec1d0e3109cc5adf52399aff5cde7ed7b5b', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '73449b24bbffae8b664543c1e78a482608affb2f', 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: 'd5600ceea54943621159794535612257c9180785', class: {
+            } }, h("div", { key: 'f05c248364ea75050359260817fb05980efe7f36', class: "digi-code-example__example" }, h("slot", { key: '2df96d77fbc3a1125a0047fc5494223e88e0f2fa' })), !this.afHideCode && (h("div", { key: '584b5d7fd959b3e42dd7165b380603ed59df6f6d', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: 'b01015d3f9e5bdb14bcb3d7a78f83207de60a3ec', 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: 'e14618f1ed0edc451d3eaa8be908d1c10c604265', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), h("div", { key: '04ba3cfe8367257b65013a5e00f53dd5dd7eeea3', class: {
+            }, "aria-hidden": "true" }))), h("div", { key: '43725cb92b607da0764178fce8055b248f9c2ef4', 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: '03fbdc9df45937812d2172b8c310dfb4097cad97', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
+            } }, h("digi-code-block", { key: '0e624cca736d4194e23ad7ce38ba25218888ea11', 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'
@@ -177,7 +177,7 @@ const CodeExample = /*@__PURE__*/ proxyCustomElement(class CodeExample extends H
             }]
     }; }
     static get style() { return codeExampleCss(); }
-}, [260, "digi-code-example", {
+}, [262, "digi-code-example", {
         "afCode": [1, "af-code"],
         "afCodeBlockVariation": [1, "af-code-block-variation"],
         "afExampleVariation": [1, "af-example-variation"],

package/components/digi-code.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-Cutmptn8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-D6LCrv8C.js';
 import { a as CodeVariation, C as CodeLanguage } from './p-qc6KRZue.js';
 import { P as Prism } from './p-CdcGvoTs.js';
 
@@ -42,7 +42,7 @@ const Code = /*@__PURE__*/ proxyCustomElement(class Code extends H {
         };
     }
     render() {
-        return (h("span", { key: 'b3627a80439a7c3289c588f620ed04e3f2e590ae', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: 'd206aad911c0951fa20e976385121fd2e9f1389a', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
+        return (h("span", { key: '3b2767e6f38c215abfb618dab742a527616e1426', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: 'de82eba5ed3fd37f49f6c50332aaf4f8696644cf', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
     }
     static get watchers() { return {
         "afCode": [{

package/components/digi-context-menu.js

@@ -1,12 +1,12 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-Cutmptn8.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-D6LCrv8C.js';
 import { d as detectClickOutside } from './p-CZrDWyoh.js';
 import { d as detectFocusOutside } from './p-C4cIvg7J.js';
 import { r as randomIdGenerator } from './p-BGaIliX6.js';
-import { d as defineCustomElement$4 } from './p-sBkGihbY.js';
-import { d as defineCustomElement$3 } from './p-BhTtquMq.js';
-import { d as defineCustomElement$2 } from './p-BYhBNgOq.js';
+import { d as defineCustomElement$4 } from './p-DemQeKh3.js';
+import { d as defineCustomElement$3 } from './p-bP4AC_b6.js';
+import { d as defineCustomElement$2 } from './p-Bul72ROf.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--interactive--tertiary);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 var(--digi--color--misc--dropshadow);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);color:var(--digi--navigation-context-menu--item--font-color);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);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 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)}`;
 
 function deserializeProp(prop) {
     if (typeof prop === 'string') {
@@ -206,13 +206,13 @@ const ContextMenu = /*@__PURE__*/ proxyCustomElement(class ContextMenu extends H
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (h(Host, { key: '77c21241e826759c6b8669633fb9a67f6a8b08ae' }, h("div", { key: '5ece29794373b3f30d9e1e680a1235f430534409', id: `${this.afId}-identifier`, class: {
+        return (h(Host, { key: 'e9520424be221cf4f965f77fb2eab77e8ba57a63' }, h("div", { key: 'ec53034647e599a8febbc73948b90f4d38c0eb08', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, h("digi-button", { key: '464080e6c6e8728fbf0caf611a8e443407be3ff3', 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: 'f6038f56848632e0bd6c55d33435565ac09025d9', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '7a390846a9d7fb99f60ef0b88a79bc6f179e7628', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: 'e50ee0a1e56215156704657b339442efa90244c3', class: {
+            } }, h("digi-button", { key: '285b4bad0722cc2f87a0e8c3cba6af835b445a55', 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: '262a20bb2207a2f05e60eae1fb7e733f40693732', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '8a1f66edeb3eeb94002af24de11f68421382e66e', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: 'b20bae2f6b47671fe26e5932c577d373872bf9b0', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: '9a68118ca83c390a8227b3b8075bb762f36c396d', onKeyDown: (e) => {
+            } }, h("div", { key: 'd78f71410c4ce65f0da51f9412308e2d70e5360d', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

package/components/digi-dialog.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-Cutmptn8.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-D6LCrv8C.js';
 import { f as DialogVariation, e as DialogSize, D as DialogHeadingLevel } from './p-CEr0zDQh.js';
 import { r as randomIdGenerator } from './p-BGaIliX6.js';
 import './p-CKoZU0-H.js';
@@ -45,15 +45,15 @@ import './p-BvcVTm_t.js';
 import './p-bQJ38En_.js';
 import './p-DrVSK7Ws.js';
 import './p-CAmn5qzb.js';
-import './p-BYZUJ0Q_.js';
+import './p-DpDyNuVC.js';
 import './p-DNjGvZvz.js';
 import './p-CHxBAbI8.js';
 import './p-rhVqmQwC.js';
 import './p-DPq588Q4.js';
-import { d as defineCustomElement$5 } from './p-sBkGihbY.js';
-import { d as defineCustomElement$4 } from './p-CpZg6Iuo.js';
-import { d as defineCustomElement$3 } from './p-BzRQHXkk.js';
-import { d as defineCustomElement$2 } from './p-LNwPopMi.js';
+import { d as defineCustomElement$5 } from './p-DemQeKh3.js';
+import { d as defineCustomElement$4 } from './p-C20gV1vB.js';
+import { d as defineCustomElement$3 } from './p-BWa37pr6.js';
+import { d as defineCustomElement$2 } from './p-CzkxEIIL.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--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(     --digi--dialog--content--color--background--primary   );--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(     --digi--global--color--profile--white--base   );--digi--dialog--content--color--background--secondary:var(     --digi--global--color--profile--blue--base   );--DIGI--DIALOG--COLOR--BACKGROUND:var(     --digi--dialog--content--color--background--secondary   );--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{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__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)}`;
 
@@ -305,11 +305,11 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends H {
         };
     }
     render() {
-        return (h(Host, { key: '081d59c8f189c983387036ce62f06b4ee2769647', ref: (el) => {
+        return (h(Host, { key: 'c62fbfafb22566398916f4c4c7e5cb4e09995c89', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (h("div", { key: 'debe37c7ada92dd174a8123ca689219d212e7424', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: 'fbdcc37692c3c73745bc2d423e896137fd878392', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: 'f2f07c84aa00a9b52a8d1a74f31607707c875870', ref: (el) => {
+            } }, this.afShowDialog && (h("div", { key: '1f94935881bd7cd447c2624c8640bf425f4b3423', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: '62f290fb537b5fe265148ae35df7e6bf4f2ef6b8', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: '052f14865f6f4d470fc2209f5ab374d19d6864bb', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: 'da283fbd5b0a912196108295202513f3052a9c02' }, this.afCloseButtonText && (h("digi-button", { key: '7c502ad56a21bbf0d1c04b297431c4a34fef9c7f', 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: '7bb393f9bec6ffddc1f359d55cc57e034169282a', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'ff74759213789351ed6bd7b814e2c5cf213f462a', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '67858397ee97563fc6c72be0de618940177957af', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '7e09c92b7b9b2bc2b6a7328ba28aa3c0b89e43fd' }), h("div", { key: '32f8cd053a1ae5c149146997a37785fbfce87875', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: '85770a5546a3edfa6a8397cc3ee75e2f4aa93ae4', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: 'ef5e3b1b3af175edb2efcb423640badf0cfa9e9e', 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: 'd6b0b1c0584ab17b6b8fbeca371e421346601994' }, this.afCloseButtonText && (h("digi-button", { key: '5561c0254fc146b93000b7a980ed3785a8388430', 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: '02924bb563c07318cbe7534eeb794c5ce71f76ff', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'ca8c4c797e18c84e924ef1640b116dd1ad5e0423', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '603356cd36bf5a30a0a0ff8de04e9eabadb565fe', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '85856c8f7336178ce41e6faab9497d9cbc768b4b' }), h("div", { key: '1a8244e6d893c0d073836ef7056009fc492a29b7', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: '0fba80df4c29a5780623d85f6cb5435610718ccb', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '2ac848c3ea59231e6173178c749047629efe62c8', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return this; }
     static get style() { return dialogCss(); }

package/components/digi-expandable-accordion.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Cutmptn8.js';
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-D6LCrv8C.js';
 import { _ as _t } from './p-DsO1BTml.js';
 import { r as randomIdGenerator } from './p-BGaIliX6.js';
 import { E as ExpandableAccordionHeaderLevel } from './p-DwNlf6Sh.js';
-import { d as defineCustomElement$3 } from './p-BYhBNgOq.js';
-import { d as defineCustomElement$2 } from './p-BzRQHXkk.js';
+import { d as defineCustomElement$3 } from './p-Bul72ROf.js';
+import { d as defineCustomElement$2 } from './p-BWa37pr6.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)}.sc-digi-expandable-accordion-h .digi-expandable-accordion--fullwidth.sc-digi-expandable-accordion::after{content:"";display:block;max-width:none;border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);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--fullwidth.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:none}.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__heading-text.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium)}.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--fullwidth.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{max-width:none}.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%}}`;
 
@@ -117,7 +117,7 @@ const ExpandableAccordion = /*@__PURE__*/ proxyCustomElement(class ExpandableAcc
         this.afOnClick.emit(e);
     }
     render() {
-        return (h("article", { key: '2616819e45750577fb23f430d41b2787ca2210a5', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'c77c15183eb4bba670ea2299d5dc3c19e243ea42', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '20dc16774240b6d258eec3d94d4b5d9b9d0a735c', class: "digi-expandable-accordion__heading" }, h("button", { key: '23c45158f203517166cd4c5efe8801b849ea04e0', 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: 'bd48367111a6aac92061bda052ffb6708d4f3967', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '2e419d3fd48aa8fd31f33012b541a0fd86e60d78', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: 'a28657a14024836c9bb1c7e825c573ed6c598eca', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'e13b9e653c1714adefd5401300789ed89d4cc1b3' }, h("digi-typography", { key: '335442cf9f97ec3f821ab2ca296e1539b24354cf' }, h("slot", { key: '05da2edf48d9259187bb72bf73a6c60ec9077bc0' }))))));
+        return (h("article", { key: '4a781d42872cbec88fdc9f1c133de8bc04f00ac8', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'd7e9dcca4bf81f9e676913318820e0a4f9ac1aa3', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '8080bfb5460dcd719debead9e81b8fa5515f3326', class: "digi-expandable-accordion__heading" }, h("button", { key: 'ef4c5c23c5d6e0913861cc59a06d516b4ddc31a9', 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: '31e96cb392a8bc8a00780d034cb6727448faada4', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '9f1cfe0c776d73b70fd4c17e6102d6f0adbd1352', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: 'aef5146d8aa74deb3e5f179d1b196573eb3e6db8', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: '60d9c993d0f575af1026c050f978cdc6521d90a1' }, h("digi-typography", { key: 'ee9d9f05759dfed38d33a865619a0edebcff10ea' }, h("slot", { key: '8e50945b97f793ae76276e5c9cb547c58c816d67' }))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-Cutmptn8.js';
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-D6LCrv8C.js';
 import { E as ExpandableFaqItemHeadingLevel, a as ExpandableFaqItemVariation } from './p-C6B2KRZo.js';
 import { r as randomIdGenerator } from './p-BGaIliX6.js';
-import { d as defineCustomElement$3 } from './p-BYhBNgOq.js';
-import { d as defineCustomElement$2 } from './p-BzRQHXkk.js';
+import { d as defineCustomElement$3 } from './p-Bul72ROf.js';
+import { d as defineCustomElement$2 } from './p-BWa37pr6.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--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.sc-digi-expandable-faq-item{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--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 .digi-expandable-faq-item--fullwidth.sc-digi-expandable-faq-item{max-width:none}.sc-digi-expandable-faq-item-h .digi-expandable-faq-item__header-text.sc-digi-expandable-faq-item{max-width:var(--digi--paragraph-width--medium)}.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--fullwidth.sc-digi-expandable-faq-item .digi-expandable-faq-item__header.sc-digi-expandable-faq-item{max-width:none}.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}`;
 
@@ -104,18 +104,18 @@ const ExpandableFaqItem = /*@__PURE__*/ proxyCustomElement(class ExpandableFaqIt
         }
     }
     render() {
-        return (h("article", { key: 'e0931c4256d2c4162911fe232132b6179968425f', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '8f6befff5c82c63d5d1f10755f444791f17dafb7', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: 'b9d58dcd28eb430d7b84365ba1bba99d3e86ebc9' }, h("button", { key: 'b2c20566cc84a2b4cbcbe2dcc2a35e44e8f0fcc9', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (h("article", { key: '6be6d25b260f0c3c9606a3e3fc712e5be88e12ce', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: 'b853ee0d91e2569655f68f3b034acdf714b44571', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: 'd67a725661f62f2573514f3e6e0b1a34b1182eb9' }, h("button", { key: '364e0e9875c0238d183d1a8228f34dc95ba1f83c', 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: '40e0a896b3d7d44bf282e8462a24c43060a29eff', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: '057d2411db5cb698108abf1d5fdef1f532dc1770', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), h("div", { key: 'f58aa361553f3063bf1e5171f8d320e6cb8189c6', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: 'b4d0dd00a3e6fe9e8367ef5a6f197696de55f4fd', class: {
+            } }), h("div", { key: 'a400a6820c72935f11ebf0df55fdd898c24eb173', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: '881094318389111443fa3af94668396762badbc5', 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: 'e9a9147164d3934584cd5da5cfc8080ba9374c76' }, h("digi-typography", { key: '398a0c4e0aa1092db5f4a2e3182218ebbe0c3624' }, h("slot", { key: 'be924dc541b7c41b19b4392d3a988b492144d585' }))))));
+            }, id: `${this.afId}-content` }, h("div", { key: 'f12918f86ce69daa6b91a470ca7d0ec9349dac6a' }, h("digi-typography", { key: '7f271cceca117de6d4dfc61cae46e8e9ea68257d' }, h("slot", { key: '0db4e3be66138dfce483853ddaa39849e4dd0063' }))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {