npm - @designsystem-se/af - Versions diffs - 34.0.4-beta.3 → 34.2.0 - Mend

@designsystem-se/af 34.0.4-beta.3 → 34.2.0

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 (1483) hide show

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

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f124fce4.js';
 import { o as ordinal, i as initRange, r as range, s as select, a as axisLeft, l as linear, b as axisBottom, p as polyInOut, c as interpolate, m as max, d as min, e as linear$1 } from './p-c2ee26cb.js';
-import { _ as _t } from './p-42aa440f.js';
+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-68dbf3ef.js';
-import { d as defineCustomElement$7 } from './p-5105e437.js';
-import { d as defineCustomElement$6 } from './p-ee898486.js';
-import { d as defineCustomElement$5 } from './p-1b3cbd03.js';
-import { d as defineCustomElement$4 } from './p-9a48601e.js';
-import { d as defineCustomElement$3 } from './p-c2792b81.js';
-import { d as defineCustomElement$2 } from './p-470d6874.js';
+import { d as defineCustomElement$7 } from './p-8c64caef.js';
+import { d as defineCustomElement$6 } from './p-09558a88.js';
+import { d as defineCustomElement$5 } from './p-4a45fa2d.js';
+import { d as defineCustomElement$4 } from './p-0d7b08db.js';
+import { d as defineCustomElement$3 } from './p-0176102e.js';
+import { d as defineCustomElement$2 } from './p-8cc46a2b.js';
 function band() {
   var scale = ordinal().unknown(undefined),
@@ -1476,7 +1476,7 @@ const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
                 heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}
 				<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`;
         }
-        return (h(Host, { key: '1e65613b383c823e2612b4e3b66c2aab2b6a63ee', ref: (el) => (this._host = el) }, h("div", { key: '0722c740fe78699676bb98247d5aa9b8a2ac6ec4', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '7e318220350058798accc80bcac29764e460c854', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '37799980afd2cf93d1c924220b34a018c03d943b', 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: '0018a24d271ff038b42623f01b42d781538eeca1', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'b52b57a35abd23e47f97ad8aadaf74847d77092c', 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: 'd644be20ea9cb15fbd8cf3308e452b9e993da833', slot: "icon" }), "Visa diagram"), h("div", { key: '8e396c518fdcf565d8295f67f9ee22b88c1aad94', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '6b95d5b67649fe88aee0fccd276d726a63490c41', class: "chartTooltip", id: this.afId }, h("div", { key: 'c1ee45d3d3e2949da0edb7f5ae7f5d824fec7149', class: "tooltipBody" }), h("digi-icon-x", { key: '34cb0be40388ae734b974201975e7ca347c34866', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { key: 'af236d72c75cf21e1549151c2ad8244d3ec64f8e', ref: (el) => (this._chartDiv = el) }, " "), h("div", { key: '09ffd8c2a0278de23ec262ca110c629b9e6e3d01', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '510d6eb3e641d7ba0f763426a5d1bd055f1ae68f', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h(Host, { key: '2c8b9d940572234a7dc5c938daffafafceeff223', ref: (el) => (this._host = el) }, h("div", { key: 'e32aa796d9e4240a8dcd7545bfa7e7b3deb52d3b', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '11d5a8f58b850148e13a1dbac4765a8a16a683ca', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '821817bbf349c92b2b794aeb8fd51177415f2281', 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: '5e26dd566bb1130e56879a8bb5f0e24b9e2c5ce0', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'be035c0de80dc194a66a46774b99f92ecd91ab9e', 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: 'b78afa29244cfdae706542359eefd801972927e4', slot: "icon" }), "Visa diagram"), h("div", { key: '3156cb49761e4f812d3ed76d0e8792ba2c26e4ca', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '86234ee60077f120884f7bed45bb11366008c7a4', class: "chartTooltip", id: this.afId }, h("div", { key: '48bdd7f13d96a5f78526a9b8737f88640c71f4c4', class: "tooltipBody" }), h("digi-icon-x", { key: '28b209567bbea81c35e321265522db6e8aa4583c', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", null)) : (h("digi-icon-caret-down", null))), h("div", { key: '8b3bd62b350068d9743ffb3c4f8bb7fc0c409c2b', ref: (el) => (this._chartDiv = el) }, " "), h("div", { key: 'c7f68d7d663d9437552a16cf4e1d63e774cf8319', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '164d06baf86db9a0447b65a225f5e3074c620740', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

@@ -1,4 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f124fce4.js';
+import { _ as _t } from './p-08cf2c0e.js';
 import './p-717306ef.js';
 import { C as CalendarDatepickerValidation } from './p-b3a4fa4a.js';
 import './p-a4a001e1.js';
@@ -51,19 +52,19 @@ import './p-903b00e6.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-6536612d.js';
-import { d as defineCustomElement$e } from './p-ce4cdfca.js';
-import { d as defineCustomElement$d } from './p-1f838d49.js';
-import { d as defineCustomElement$c } from './p-70b51099.js';
-import { d as defineCustomElement$b } from './p-ec4b6151.js';
-import { d as defineCustomElement$a } from './p-c14a1a58.js';
-import { d as defineCustomElement$9 } from './p-f4abe624.js';
-import { d as defineCustomElement$8 } from './p-ce5a89e6.js';
-import { d as defineCustomElement$7 } from './p-91cd1d0f.js';
-import { d as defineCustomElement$6 } from './p-29a84249.js';
-import { d as defineCustomElement$5 } from './p-d5aaf156.js';
-import { d as defineCustomElement$4 } from './p-00e0088f.js';
-import { d as defineCustomElement$3 } from './p-f4f6ca53.js';
+import { i as isBefore, a as isAfter, d as defineCustomElement$f } from './p-1125ddc8.js';
+import { d as defineCustomElement$e } from './p-346137ab.js';
+import { d as defineCustomElement$d } from './p-4d70f125.js';
+import { d as defineCustomElement$c } from './p-33c53546.js';
+import { d as defineCustomElement$b } from './p-7efae29b.js';
+import { d as defineCustomElement$a } from './p-c325edd3.js';
+import { d as defineCustomElement$9 } from './p-4323193f.js';
+import { d as defineCustomElement$8 } from './p-517bb876.js';
+import { d as defineCustomElement$7 } from './p-5278a2e8.js';
+import { d as defineCustomElement$6 } from './p-bb9167c2.js';
+import { d as defineCustomElement$5 } from './p-0b61f10f.js';
+import { d as defineCustomElement$4 } from './p-ccc246b7.js';
+import { d as defineCustomElement$3 } from './p-a3815a92.js';
 import { d as defineCustomElement$2 } from './p-e9c9e33c.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';
@@ -2189,7 +2190,7 @@ function cleanEscapedString(input) {
   return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
 }
-const calendarDatepickerCss = ".digi--util--fs--xs.sc-digi-calendar-datepicker{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-calendar-datepicker{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-calendar-datepicker{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-calendar-datepicker{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-calendar-datepicker{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-calendar-datepicker{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-calendar-datepicker{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-calendar-datepicker{padding-top:5rem !important}.digi--util--pb--1.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-calendar-datepicker{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-calendar-datepicker{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-calendar-datepicker{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-calendar-datepicker{padding:2.5rem !important}.digi--util--p--60.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-calendar-datepicker{padding:4.5rem !important}.digi--util--p--90.sc-digi-calendar-datepicker{padding:5rem !important}.digi--util--ptb--1.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-calendar-datepicker{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-calendar-datepicker{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-calendar-datepicker{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-calendar-datepicker{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-calendar-datepicker{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-calendar-datepicker{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-calendar-datepicker{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-calendar-datepicker{display:none}.sc-digi-calendar-datepicker-h{--digi--datepicker--max-width:18.75rem;--digi--datepicker--border-radius:0.25rem;--digi--datepicker--focus-outline:solid var(--digi--border-width--secondary) var(--digi--color--border--secondary);--digi--datepicker--calendar--max-width:20.25rem;--digi--datepicker--calendar--show-week--max-width:23.375rem;--digi--datepicker--calendar-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--datepicker--input-icon--width:1.125rem;--digi--datepicker--input-icon--horizontal-padding:1.25rem;--digi--datepicker--input-icon--vertical-padding:var(--digi--global--spacing--smallest-2);--digi--datepicker--input--inline-start:var(--digi--gutter--medium);--digi--datepicker--input--inline-end:calc(var(--digi--datepicker--input-icon--width) + var(--digi--datepicker--input-icon--horizontal-padding) * 2);--digi--datepicker--input--inactive-background:var(--digi--color--background--secondary);box-sizing:content-box}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker{position:relative;max-width:var(--digi--datepicker--max-width)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__inactive.sc-digi-calendar-datepicker{--digi--form-input--background--empty:var(\n    --digi--datepicker--input--inactive-background\n  )}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker{position:absolute;top:0px;bottom:0px;right:0px;background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker .digi-calendar-datepicker__button-icon.sc-digi-calendar-datepicker{box-sizing:content-box;width:var(--digi--datepicker--input-icon--width);padding:var(--digi--datepicker--input-icon--vertical-padding) var(--digi--datepicker--input-icon--horizontal-padding)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--max-width);height:0px;border-radius:var(--digi--datepicker--border-radius);overflow:hidden;z-index:1}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-week-numbers.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--show-week--max-width)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-error.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{margin-top:var(--digi--gutter--medium)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-calendar.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{height:auto;background-color:#fff;box-shadow:var(--digi--datepicker--calendar-shadow);position:absolute}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-component.sc-digi-calendar-datepicker{--digi--form-input--padding:0 var(--digi--datepicker--input--inline-end)\n    0 var(--digi--datepicker--input--inline-start)}";
+const calendarDatepickerCss = ".digi--util--fs--xs.sc-digi-calendar-datepicker{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-calendar-datepicker{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-calendar-datepicker{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-calendar-datepicker{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-calendar-datepicker{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-calendar-datepicker{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-calendar-datepicker{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-calendar-datepicker{padding-top:5rem !important}.digi--util--pb--1.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-calendar-datepicker{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-calendar-datepicker{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-calendar-datepicker{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-calendar-datepicker{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-calendar-datepicker{padding:2.5rem !important}.digi--util--p--60.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-calendar-datepicker{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-calendar-datepicker{padding:4.5rem !important}.digi--util--p--90.sc-digi-calendar-datepicker{padding:5rem !important}.digi--util--ptb--1.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-calendar-datepicker{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-calendar-datepicker{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-calendar-datepicker{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-calendar-datepicker{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-calendar-datepicker{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-calendar-datepicker{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-calendar-datepicker{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-calendar-datepicker{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-calendar-datepicker{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-calendar-datepicker{display:none}.sc-digi-calendar-datepicker-h{--digi--datepicker--max-width:18.75rem;--digi--datepicker--border-radius:0.25rem;--digi--datepicker--focus-outline:solid var(--digi--border-width--secondary) var(--digi--color--border--secondary);--digi--datepicker--calendar--max-width:20.25rem;--digi--datepicker--calendar--show-week--max-width:23.375rem;--digi--datepicker--calendar-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--datepicker--input-icon--width:1.125rem;--digi--datepicker--input-icon--horizontal-padding:1.25rem;--digi--datepicker--input-icon--vertical-padding:var(--digi--global--spacing--smallest-2);--digi--datepicker--input--inline-start:var(--digi--gutter--medium);--digi--datepicker--input--inline-end:calc(var(--digi--datepicker--input-icon--width) + var(--digi--datepicker--input-icon--horizontal-padding) * 2);--digi--datepicker--input--inactive-background:var(--digi--color--background--secondary);box-sizing:content-box}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker{position:relative;max-width:var(--digi--datepicker--max-width)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__inactive.sc-digi-calendar-datepicker{--digi--form-input--background--empty:var(\n    --digi--datepicker--input--inactive-background\n  )}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker{position:absolute;top:0px;bottom:0px;right:0px;background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker .digi-calendar-datepicker__button-icon.sc-digi-calendar-datepicker{box-sizing:content-box;width:var(--digi--datepicker--input-icon--width);padding:var(--digi--datepicker--input-icon--vertical-padding) var(--digi--datepicker--input-icon--horizontal-padding)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-field.sc-digi-calendar-datepicker .digi-calendar-datepicker__input-button.sc-digi-calendar-datepicker:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--max-width);height:0px;border-radius:var(--digi--datepicker--border-radius);overflow:hidden;z-index:1}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-week-numbers.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{max-width:var(--digi--datepicker--calendar--show-week--max-width)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-error.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{margin-top:var(--digi--gutter--medium)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__show-calendar.sc-digi-calendar-datepicker .digi-calendar-datepicker__calendar.sc-digi-calendar-datepicker{height:auto;background-color:#fff;box-shadow:var(--digi--datepicker--calendar-shadow);position:absolute}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__input-component.sc-digi-calendar-datepicker{--digi--form-input--padding:0 var(--digi--datepicker--input--inline-end)\n    0 var(--digi--datepicker--input--inline-start)}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__selected-date-alert.sc-digi-calendar-datepicker{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-calendar-datepicker-h .digi-calendar-datepicker__sr-instructions.sc-digi-calendar-datepicker{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}";
 const DigiCalendarDatepickerStyle0 = calendarDatepickerCss;
 const CalendarDatepicker = /*@__PURE__*/ proxyCustomElement(class CalendarDatepicker extends H {
@@ -2198,19 +2199,22 @@ const CalendarDatepicker = /*@__PURE__*/ proxyCustomElement(class CalendarDatepi
         this.__registerHost();
         this.afOnDateChange = createEvent(this, "afOnDateChange", 7);
         this.futureYears = 10;
+        this.screenReaderUpdateTrigger = false;
         this.showWrongFormatError = false;
         this.showDisabledDateError = false;
         this.showCalendar = false;
         this.userInput = '';
         this.afId = randomIdGenerator('digi-calendar-datepicker');
-        this.afLabel = 'Skriv in eller välj datum (åååå-mm-dd)';
-        this.afLabelDescription = 'Exempel: 1992-06-26';
+        this.afLabel = _t.calendar.datepicker.label;
+        this.afLabelDescription = _t.calendar.datepicker.description;
+        this.afOpenCalendarAriaLabel = _t.calendar.datepicker.openCalendarAriaLabel;
+        this.afCloseCalendarAriaLabel = _t.calendar.datepicker.closeCalendarAriaLabel;
         this.afValidation = CalendarDatepickerValidation.NEUTRAL;
         this.afValidationText = undefined;
         this.afInvalid = false;
-        this.afValidationMessage = 'Eget meddelande';
-        this.afValidationWrongFormat = 'Fel format';
-        this.afValidationDisabledDate = 'Ej valbart datum';
+        this.afValidationMessage = _t.calendar.datepicker.validationMessage;
+        this.afValidationWrongFormat = _t.calendar.datepicker.validationWrongFormat;
+        this.afValidationDisabledDate = _t.calendar.datepicker.validationDisabledDate;
         this.afRequired = undefined;
         this.afDisableValidation = undefined;
         this.afRequiredText = undefined;
@@ -2281,6 +2285,9 @@ const CalendarDatepicker = /*@__PURE__*/ proxyCustomElement(class CalendarDatepi
     }
     toggleCalendar() {
         this.showCalendar = !this.showCalendar;
+        if (this.showCalendar) {
+            this.screenReaderUpdateTrigger = !this.screenReaderUpdateTrigger;
+        }
     }
     parseInputString(value) {
         return value
@@ -2460,15 +2467,21 @@ const CalendarDatepicker = /*@__PURE__*/ proxyCustomElement(class CalendarDatepi
         return this.afSelectedDates;
     }
     render() {
-        return (h(Host, { key: '44ccd8d80d879801a47b66ac19cf9bcae4dd6087' }, h("div", { key: '2408157d090c63c33d802b5bf0b0afb6d0d15af4', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, h("div", { key: '2f59a810b2e79132b9cf7ee51e9225f2199ab98d', class: "digi-calendar-datepicker__input-field" }, h("digi-form-input", { key: 'ef39de9113fd8e357207fad515dd6ce43520e6f2', class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afValue: this.inputValue, afValidation: this.getShowError()
+        return (h(Host, { key: '8112725ba8c875e94cc556da8921a74390d9c31e' }, h("div", { key: '4c3df5468b902a4d26fea152ebaeaea0c9bf3dd9', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, h("div", { key: 'bcc79305b5bb0911e5f33f2ca8641ba1a3a5c588', class: "digi-calendar-datepicker__input-field" }, h("digi-form-input", { key: 'cfe6189b8a529db4bda725f483ec899fe66b87cc', class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afValue: this.inputValue, afValidation: this.getShowError()
                 ? FormInputValidation.ERROR
                 : FormInputValidation.NEUTRAL, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
                 evt.stopImmediatePropagation();
                 this.parseInput(evt);
-            } }, h("button", { key: '008b0dd4b6e9fa27256685cb8d5a070310d6fb06', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": "Visa eller d\u00F6lj kalender", "aria-expanded": this.showCalendar ? 'true' : 'false', "aria-haspopup": true, onClick: () => this.toggleCalendar(), type: "button" }, h("digi-icon-calendar-alt", { key: '31923f874f4920e18e3b444bf75133c80674ad3b', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), h("div", { key: '6b964e9aebddbf3e1023cc12ddeb5e8b3dd15854', class: "digi-calendar-datepicker__calendar" }, h("digi-calendar", { key: '3f7aa9676f1996188274bf4fee666ab63d72fc01', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, onAfOnDateSelectedChange: (evt) => {
+            } }, h("button", { key: '3126acc01f2f9aef0a02990ef22acbde7c3ed3c7', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
+                ? this.afCloseCalendarAriaLabel
+                : this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, h("digi-icon-calendar-alt", { key: 'b48fc72cea6c3a94bd9821f2ec9416a4707e13d1', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), h("div", { key: 'd7c78a170d2d855cca3c001427d1c64ebab48fb3', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, h("p", { key: '5651e12f6e3e06bfc879bb5c2aaf9920f9faf2e7', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
+            ? `${_t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
+            : ''), h("digi-calendar", { key: 'a490205afebf723c0da4ff5d3f52ac76ec200ec8', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, onAfOnDateSelectedChange: (evt) => {
                 evt.stopImmediatePropagation();
                 this.parseCalendar(evt);
-            } })))));
+            } })), this.afCloseOnSelect && !this.afMultipleDates && (h("div", { key: '9880a2b582c21823d935b4be5161e3301abdd214', class: "digi-calendar-datepicker__selected-date-alert", role: "alert" }, this.afSelectedDates.length > 0
+            ? `${_t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
+            : '')))));
     }
     get hostElement() { return this; }
     static get watchers() { return {
@@ -2480,6 +2493,8 @@ const CalendarDatepicker = /*@__PURE__*/ proxyCustomElement(class CalendarDatepi
         "afId": [1, "af-id"],
         "afLabel": [1, "af-label"],
         "afLabelDescription": [1, "af-label-description"],
+        "afOpenCalendarAriaLabel": [1, "af-open-calendar-aria-label"],
+        "afCloseCalendarAriaLabel": [1, "af-close-calendar-aria-label"],
         "afValidation": [1, "af-validation"],
         "afValidationText": [1, "af-validation-text"],
         "afInvalid": [4, "af-invalid"],

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

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f124fce4.js';
-import { _ as _t } from './p-42aa440f.js';
+import { _ as _t } from './p-08cf2c0e.js';
 import { t as toInteger, b as getUTCWeekYear, k as getUTCISOWeekYear, a as getUTCWeek, g as getUTCISOWeek, h as getTimezoneOffsetInMilliseconds, f as subMilliseconds, i as isProtectedWeekYearToken, d as throwProtectedError, e as isProtectedDayOfYearToken, j as defaultLocale, l as longFormatters, m as buildFormatLongFn, n as buildLocalizeFn, o as buildMatchPatternFn, p as buildMatchFn } from './p-c7949525.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { b as ButtonVariation } from './p-490d2653.js';
 import { C as CalendarWeekViewHeadingLevel } from './p-7e32c40b.js';
 import { d as defineCustomElement$5 } from './p-68dbf3ef.js';
-import { d as defineCustomElement$4 } from './p-f4abe624.js';
-import { d as defineCustomElement$3 } from './p-ce5a89e6.js';
-import { d as defineCustomElement$2 } from './p-470d6874.js';
+import { d as defineCustomElement$4 } from './p-4323193f.js';
+import { d as defineCustomElement$3 } from './p-517bb876.js';
+import { d as defineCustomElement$2 } from './p-8cc46a2b.js';
 import { r as requiredArgs, t as toDate, i as isValid } from './p-7aacd45f.js';
 /**
@@ -2236,7 +2236,7 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
                 format(new Date(lastDate), 'MMMM yyyy', { locale: svlocale });
     }
     render() {
-        return (h("div", { key: '11a5de578c2e1c023d36ec415903b0ef571b19f9', class: "digi-calendar-week-view" }, h("nav", { key: '7c46fb4d0da7662fbcdbfa99e20ef1ed1a8b550d', class: "digi-calendar-week-view__timepicker" }, h("div", { key: 'a9b2da0b8fba1e777bf21297d9513114a90c6f21', class: "digi-calendar-week-view__dates" }, h("div", { key: '2ec15c6ff7aead2bb916259f5206cbf92ef5ed46', class: "digi-calendar-week-view__flex" }, h("digi-typography", { key: 'b669579b1076c2574a1fe3eee28ea5b5d8b55e64' }, h(this.afHeadingLevel, { key: '8f7b78c5fde2ba093fc3de98b1cab9d9acd93fa2', role: "status", class: "digi-calendar-week-view__heading" }, h("span", { key: 'f915e9f139a38bf541f5e8bf5081cae8799aed1b', class: "digi-calendar-week-view__month" }, this.currentMonth), h("span", { key: '0f68b768c7ffb9f2eaa9e99313bcc64c87b1c1a3', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), h("ul", { key: '979c3538992f9d852ad70b570963fecc6cd0319f', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
+        return (h("div", { key: '967ccb9710018973a960ae36d52157ba85dacfed', class: "digi-calendar-week-view" }, h("nav", { key: '6a9137d8f8a8e652d26d099ae652cb76e5665b51', class: "digi-calendar-week-view__timepicker" }, h("div", { key: 'a2b8aaeaa93e391e65847b2ea8f9b455e86474f1', class: "digi-calendar-week-view__dates" }, h("div", { key: '0cc675c0cd67d042e5e27a38a6665ab30e516cea', class: "digi-calendar-week-view__flex" }, h("digi-typography", { key: 'd47f59955354cb435dc80895059c6e4fd6eefa8a' }, h(this.afHeadingLevel, { key: 'f01725e82afff23b8ae357b30af909b325d85279', role: "status", class: "digi-calendar-week-view__heading" }, h("span", { key: 'bbfab19eec8776e640ed235654c0fd960faf5722', class: "digi-calendar-week-view__month" }, this.currentMonth), h("span", { key: 'a3a52801083cd83351056d474e01df926d8b0117', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), h("ul", { key: 'a3f3703318fa5400cd32ee5d3af896900a032acd', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
             const date = format(new Date(dateItem), 'd', {
                 locale: svlocale
             });
@@ -2256,15 +2256,15 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
                 } }, 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: '49b59c02b9eeaa1a1ff66970ce4fdd120014a1af', onClick: () => this.prevWeek(), class: {
+        })))), h("digi-button", { key: '43959210674014e4b04ed2cbc9e70732ee6846e5', 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: '8190530f8db9593040e854833e771593fbfddc6c', slot: "icon" }), this.prevWeekText), h("digi-button", { key: '755242f062c097aab1666ad90751dddbac1c02d7', onClick: () => this.nextWeek(), class: {
+            }, "af-variation": "secondary" }, h("digi-icon-chevron-left", { key: 'ea1b1dcf135bb712683cd3fdc7bf547213753010', slot: "icon" }), this.prevWeekText), h("digi-button", { key: 'fae29a610a67d1c14cab55f072deacaf4624eb7b', 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: '9a4a59e7984faf4e7811697431111f6562e970f4', slot: "icon-secondary" }), this.nextWeekText)), h("div", { key: '32c838082370a55de6542fd08f51f0b83bb85ba1', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, h("digi-typography", { key: '014be3d1bf8872265167fbb9be34d377af8686dc' }, h("slot", { key: '3229e62f9d1b67cd0f1aa1cfe59dce65ccc707c6' })))));
+            }, "af-variation": "secondary" }, h("digi-icon-chevron-right", { key: 'b046daeb46e936e3df4a11c2d91a191d64d1da7e', slot: "icon-secondary" }), this.nextWeekText)), h("div", { key: 'be9ad09c6513830530d5ec8c8f748d16671c9a53', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, h("digi-typography", { key: '63520e0dafe2667eff3bc13dcd870022fd922a66' }, h("slot", { key: '90fc838123b2d492207c804405d9a7d3cc2f60e2' })))));
     }
     static get watchers() { return {
         "selectedDate": ["selectedDateChangeHandler"],

package/components/digi-calendar.js CHANGED Viewed

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

package/components/digi-card.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-f124fce4.js';
 import { a as CardBorder, C as CardBorderRadius, b as CardFooterBorder } from './p-7e5ad05a.js';
-import { d as defineCustomElement$2 } from './p-470d6874.js';
+import { d as defineCustomElement$2 } from './p-8cc46a2b.js';
 const cardCss = ".sc-digi-card-h{--digi--card--background-color--primary:var(--digi--color--background--primary);--digi--card--background-color--secondary:var(--digi--color--background--secondary);--digi--card--padding:var(--digi--padding--large);--digi--card--border:none;--digi--card--border--primary:solid var(--digi--border-width--primary) var(--digi--color--border--neutral-2);--digi--card--border-radius:none;--digi--card--border-radius--primary:var(--digi--border--radius);--digi--card--footer--border-top:solid var(--digi--border-width--primary) var(--digi--color--border--neutral-2);--digi--card--footer--padding:var(--digi--padding--medium) var(--digi--padding--large);--BACKGROUND-COLOR:var(--digi--card--background-color--primary);--BORDER:var(--digi--card--border);--BORDER-RADIUS:var(--digi--card--border-radius);--FOOTER-BORDER:none}.sc-digi-card-h .digi-card.sc-digi-card{background:var(--BACKGROUND-COLOR);border:var(--BORDER);border-radius:var(--BORDER-RADIUS)}.sc-digi-card-h .digi-card--border--primary.sc-digi-card{--BORDER:var(--digi--card--border--primary)}.sc-digi-card-h .digi-card--border-radius--primary.sc-digi-card{--BORDER-RADIUS:var(--digi--card--border-radius--primary)}.sc-digi-card-h .digi-card--footer--border.sc-digi-card{--FOOTER-BORDER:var(--digi--card--footer--border-top)}.sc-digi-card-h .digi-card__content.sc-digi-card{padding:var(--digi--card--padding)}.sc-digi-card-h .digi-card__footer.sc-digi-card{border-top:var(--FOOTER-BORDER);padding:var(--digi--card--footer--padding)}";
 const DigiCardStyle0 = cardCss;
@@ -29,7 +29,7 @@ const Card = /*@__PURE__*/ proxyCustomElement(class Card extends H {
         };
     }
     render() {
-        return (h("digi-typography", { key: 'c3cc369b200f7d3e6ea29893c242e07f47805f0c' }, h("div", { key: 'a87f2ba87ebf5f07e4369e06f248866829392f22', class: Object.assign({ 'digi-card': true }, this.cssModifiers) }, h("div", { key: '20355f0e3594ac4502436ed05fc6757c4dfb5bc1', class: "digi-card__content" }, h("slot", { key: 'a83d0125fae8343621013ff740cc3f3dec8e6b43' })), this.hasFooter && (h("div", { key: '1448a9159741893d2b3f2dd7e37f40be94d1e3a0', class: "digi-card__footer" }, h("slot", { key: 'bae8e6b9474498ed1fc7ca1870c8884e613113d8', name: "footer" }))))));
+        return (h("digi-typography", { key: '019a9fb9ff7c896cc079c711f5ba0b3b6fb3d75f' }, h("div", { key: '18128c050e6a02b5465daae9956f40f6fff8e2b9', class: Object.assign({ 'digi-card': true }, this.cssModifiers) }, h("div", { key: '4b3f760746084b69d8895b9207dbae275ac46294', class: "digi-card__content" }, h("slot", { key: '8f665921dce35b606fd3769b077b8847c6b1aadc' })), this.hasFooter && (h("div", { key: '7862d924f7c279ab6ef0175a0030b43964b7e238', class: "digi-card__footer" }, h("slot", { key: '892ad516407da32ec89b5151565be99644909ed4', name: "footer" }))))));
     }
     get hostElement() { return this; }
     static get style() { return DigiCardStyle0; }

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

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h } from './p-f124fce4.js';
-import { _ as _t } from './p-42aa440f.js';
+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-68dbf3ef.js';
-import { d as defineCustomElement$5 } from './p-1b3cbd03.js';
-import { d as defineCustomElement$4 } from './p-9a48601e.js';
-import { d as defineCustomElement$3 } from './p-c2792b81.js';
-import { d as defineCustomElement$2 } from './p-470d6874.js';
+import { d as defineCustomElement$5 } from './p-4a45fa2d.js';
+import { d as defineCustomElement$4 } from './p-0d7b08db.js';
+import { d as defineCustomElement$3 } from './p-0176102e.js';
+import { d as defineCustomElement$2 } from './p-8cc46a2b.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: 'dde2a8a6656b495a214d73aa9b01a4a0c2528139', ref: (el) => (this._host = el) }, h("div", { key: '4e476379dab04918328e87d2a39d74fdf09ef99b', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '3c0740888cb4e1050a3ee260d54e350cd7480ec8', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: 'bf7e20aceca6994d4765ed474c1078b2235d36fa', 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: 'afe9fb92ebedc987f22178954ace520d429b31eb', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '206651e7cb2214765c0cc020b21db9a97f5d7105', 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: '524e209104e751a14fc033d4d5a62dafb80f82a7', slot: "icon" }), "Visa diagram"), h("div", { key: '7ef3b2c344ce1eb00a3a6980b33a59a9f154353b', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '5cf28a143c4702872d7195e79917f42d35ff0fe1', class: "chartTooltip", id: this.afId }, h("div", { key: '4b2d910875117e2ee2680d7117a785efc43035f9', class: "tooltipHead" }, h("digi-icon-x", { key: '5b444b2c37f389b12b1ea5f606482623a7631f5f', class: "close" }), ' '), h("div", { key: 'a501394e125b4187d1727dbe7b1871081b534949', class: "tooltipBody" })), h("div", { key: '16209bc841bb18b57ed300e5378c214dab2ad47d', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '4a4e729d7efaeaf58cccd16557e1c3a364be5d77', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'ee822fc93847277af4b97277d105e5e7511f134e', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h("host", { key: '0658f0d7c104a950b8e93c0cc57a5899cc2e144e', ref: (el) => (this._host = el) }, h("div", { key: '89ec346d14d3c8b162c5eae7b741e237a4c1305c', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: 'af1f2d126d40cb2ae39fa0e3b777a5086eda8e5a', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '42a3dd64d366b92fd6954182f3d96de25ff0c7d8', 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: '1951b88ba6d95e1a8111679b14e528f85d64ae9f', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '12176baf97dd6d41554621fa67c40342f634defd', 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: '2328aecb3ff6d0853e96e4d5a6c17a9331c41d20', slot: "icon" }), "Visa diagram"), h("div", { key: '156a8eb33d9fd0c45279277efd036c8ed270b4d8', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '862fa6309cf3b4aa67379b358fa67fedad34556f', class: "chartTooltip", id: this.afId }, h("div", { key: 'c5b96564be226b735150bb9f5130eee9842d1883', class: "tooltipHead" }, h("digi-icon-x", { key: '30905ec1fefc5e3e28b268d255f0d6dde7c87f62', class: "close" }), ' '), h("div", { key: 'eb35ac22dbd2f1f37b01c9b2753832c448a682fd', class: "tooltipBody" })), h("div", { key: '02bba9c0f0af9e105cbaaa76f2a60071d0dc9685', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '26514cab5bcc0b2d89a564542df4ced64b01a1b3', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'dca2127b11fc2f963657cc7439cc29453c1465aa', 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-60acf10c.js';
+import { C as CodeBlock, d as defineCustomElement$1 } from './p-b789243d.js';
 const DigiCodeBlock = CodeBlock;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, h } from './p-f124fce4.js';
 import { c as CodeBlockVariation, e as CodeExampleVariation, d as CodeExampleLanguage } from './p-b3a4fa4a.js';
 import { b as ButtonVariation, B as ButtonSize } from './p-490d2653.js';
-import { _ as _t } from './p-42aa440f.js';
+import { _ as _t } from './p-08cf2c0e.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { d as defineCustomElement$7 } from './p-68dbf3ef.js';
-import { d as defineCustomElement$6 } from './p-60acf10c.js';
-import { d as defineCustomElement$5 } from './p-841ac620.js';
-import { d as defineCustomElement$4 } from './p-a483dee7.js';
-import { d as defineCustomElement$3 } from './p-e03e412c.js';
-import { d as defineCustomElement$2 } from './p-75f8b0c5.js';
+import { d as defineCustomElement$6 } from './p-b789243d.js';
+import { d as defineCustomElement$5 } from './p-cf6f3fb1.js';
+import { d as defineCustomElement$4 } from './p-f033f1bc.js';
+import { d as defineCustomElement$3 } from './p-e52962b0.js';
+import { d as defineCustomElement$2 } from './p-734d320a.js';
 const codeExampleCss = ".digi--util--fs--xs.sc-digi-code-example{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-code-example{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-code-example{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-code-example{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-code-example{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-code-example{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-code-example{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-code-example{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-code-example{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-code-example{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-code-example{padding-top:5rem !important}.digi--util--pb--1.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-code-example{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-code-example{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-code-example{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-code-example{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-code-example{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-code-example{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-code-example{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-code-example{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-code-example{padding:2.5rem !important}.digi--util--p--60.sc-digi-code-example{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-code-example{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-code-example{padding:4.5rem !important}.digi--util--p--90.sc-digi-code-example{padding:5rem !important}.digi--util--ptb--1.sc-digi-code-example{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-code-example{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-code-example{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-code-example{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-code-example{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-code-example{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-code-example{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-code-example{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-code-example{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-code-example{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-code-example{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-code-example{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-code-example{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-code-example{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-code-example{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-code-example{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-code-example{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-code-example{display:none}.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--border--neutral-2);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(\n    --digi--color--text--inverted\n  );--digi--button--color--text--function--hover:var(\n    --digi--color--text--inverted\n  );--digi--button--color--icon--function--default:var(\n    --digi--color--text--inverted\n  );--digi--button--color--icon--function--hover:var(\n    --digi--color--text--inverted\n  )}.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--neutral-6);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--inverted);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--color--background--inverted-3);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--inverted);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--color--background--inverted-3), 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--border--neutral-2);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: '2b299101185b04415ea649590ca86c3100ee5858', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: '9d76eb6d360da9ddbf2a68465bdc2bd733dd0837', class: {
+        return (h("div", { key: '603ebe1a3504155b2766dea1096072c54f519862', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: '9ffaf18a274b43e1287f6d23c32b4b31d799ca25', class: {
                 'digi-code-example__container': true
-            } }, h("div", { key: '7efda3af27273f038a886a09216468bf7ab931b5', class: "digi-code-example__example" }, h("slot", { key: 'e3403f8b9c0ac7d394e85868aec41a17d147535b' })), !this.afHideCode && (h("div", { key: '714970e073a1648e424aa0e6134c92a7a2d60dde', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: 'dffeab6754619b47f63acc0713b7335f7ae3b27c', 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: '21c6b69a1e9ec51e57697a20d093dd559a801927', class: {
+            } }, h("div", { key: '584b0b51094503b895a4d54dad15ce8fdfcd363a', class: "digi-code-example__example" }, h("slot", { key: '877772e56f694c7a42228b8c5207e508024b61dd' })), !this.afHideCode && (h("div", { key: '5c5405a83e851d1a9ed72ead2bbdfef9ff2b5802', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: 'ab8d2d0f42c51a4dd5b69d5f5cd4f22375412697', 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: '95f28b0a1afa91d8b6203f5d455c7902d1fc2b48', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), h("div", { key: '785500e88108b719a1b332e3100115a0d75f2e1a', class: {
+            }, "aria-hidden": "true" }))), h("div", { key: '7112ab4271640b008598c59cb29420a847436212', 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: 'b425e48e77cfe980a13ac47690f40bc2b823d61a', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
+            } }, h("digi-code-block", { key: 'd3a6ef16e27fc4f614b20b7a98d552e46d858f52', 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: '1f39309899332d922cec402858c49091f68e1ecd', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: '5e6159edf847a046228df4d06e4dbf357fcfe956', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
+        return (h("span", { key: '034c2c4595c7bac40ba96fa75b9f13863473e9f1', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: '88a6cef2ed4bb86079b66e93b115de8e2aee66be', 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-68dbf3ef.js';
-import { d as defineCustomElement$3 } from './p-e65f3dcc.js';
-import { d as defineCustomElement$2 } from './p-e03e412c.js';
+import { d as defineCustomElement$3 } from './p-474db732.js';
+import { d as defineCustomElement$2 } from './p-e52962b0.js';
 const navigationContextMenuCss = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden{display:none}.digi-navigation-context-menu{display:block;box-sizing:border-box;width:fit-content}.digi-navigation-context-menu *,.digi-navigation-context-menu *::before,.digi-navigation-context-menu *::after{box-sizing:border-box}:host{--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--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--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--neutral-6);--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)}.digi-navigation-context-menu--id-wrapper{display:grid}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__toggle-icon{transition:var(--digi--navigation-context-menu--toggle-icon--transition)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu{--HORIZONTAL-POSITION:unset;display:block}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu--active .digi-navigation-context-menu__toggle-icon{transform:var(--digi--navigation-context-menu--toggle-icon--transform)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__trigger-button{display:block;--digi--button--padding--medium:var(\n    --digi--navigation-context-menu--button-trigger--padding\n  );width:fit-content;--digi--button--font-size--medium:var(\n    --digi--navigation-context-menu--button-trigger--font-size\n  )}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__list{width:100%;position:relative;display:inline-grid}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper{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:var(--digi--navigation-context-menu--content--box-shadow);position:absolute}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--visible{display:block}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--position-right{right:0}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--position-center{left:50%;transform:translateX(-50%)}.digi-navigation-context-menu--id-wrapper .content-wrapper{display:flex;flex-direction:row;align-items:baseline;padding-left:1rem;padding-right:1rem;gap:0.5rem}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item{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}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item:hover{background-color:var(--digi--navigation-context-menu--item--background-color--active)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--active{font-weight:600;background-color:var(--digi--navigation-context-menu--item--background-color--active)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--link{list-style:none;margin:0;padding:0}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--link a{padding:0.625rem 1rem;color:var(--digi--navigation-context-menu--item--font-color, #333333);text-decoration:none;margin:0;width:100%}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__button-icon{--digi--icon--width:var(\n    --digi--navigation-context-menu--button-icon--width\n  )}";
 const DigiContextMenuStyle0 = navigationContextMenuCss;
@@ -205,10 +205,10 @@ const ContextMenu = /*@__PURE__*/ proxyCustomElement(class ContextMenu extends H
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (h(Host, { key: '3372fc401be95040432177cbb25ad47ca40212e5', class: 'digi-navigation-context-menu' }, h("div", { key: '3da3865a2929acf974411a01976d810c157991aa', id: `${this.afId}-identifier`, class: "digi-navigation-context-menu--id-wrapper" }, h("digi-button", { key: 'f89638b8484530cbd749de594edeb808126e32b3', 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: {
+        return (h(Host, { key: 'b8ad8d575b9ef0cc0a7725f32206b9781188194d', class: 'digi-navigation-context-menu' }, h("div", { key: '2a097311a258565207b9ff387ec6c8ae62cd07b7', id: `${this.afId}-identifier`, class: "digi-navigation-context-menu--id-wrapper" }, h("digi-button", { key: '41bc7b3d5f2cdd488502141fad0dd09cf23b3461', 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': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, !!this.afIcon && h(this.digiIcon, { key: '437efaaef83c67bebb6c0f8c592d518cdcb10e90', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: 'd88387b6f0c623f615b3d43450f78d738c45e5b9', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '6c23f89ca621cabc1094c24897abac23ad9d37d6', class: "digi-navigation-context-menu__list" }, h("div", { key: '65fb0116c4a2b9e205aa855d5c7ee35d0a56b5b2', onKeyDown: (e) => {
+            } }, !!this.afIcon && h(this.digiIcon, { key: 'fa37de43667c8e7c7bd88a0cbbed707ee7bb39bc', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: 'f6a1bcbb3a99580dd8a83eddd6ffb5d2f09fcf51', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '87c24b1f2839b58febc70f81aa03e9098ec10359', class: "digi-navigation-context-menu__list" }, h("div", { key: '406502a44645d4c3a6a687d058c7097faeb0b234', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

package/components/digi-dialog.js CHANGED Viewed

@@ -51,9 +51,9 @@ import './p-b0e88537.js';
 import './p-903b00e6.js';
 import './p-cdcaf0eb.js';
 import { d as defineCustomElement$5 } from './p-68dbf3ef.js';
-import { d as defineCustomElement$4 } from './p-c2792b81.js';
-import { d as defineCustomElement$3 } from './p-470d6874.js';
-import { d as defineCustomElement$2 } from './p-f4f6ca53.js';
+import { d as defineCustomElement$4 } from './p-0176102e.js';
+import { d as defineCustomElement$3 } from './p-8cc46a2b.js';
+import { d as defineCustomElement$2 } from './p-a3815a92.js';
 const dialogCss = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden{display:none}: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--background--color:rgba(0, 0, 0, 0.7);--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--global--color--profile--white--base);--digi--dialog--icon--color--primary:var(--digi--color--icons--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icons--primary)}:host .digi-dialog{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);background-color:var(--digi--dialog--backdrop--background--color);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(\n    --DIGI--DIALOG--COLOR\n  );--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(\n    --digi--dialog--icon--color--primary\n  );--digi--button--color--icon--function--hover:var(\n    --digi--dialog--icon--color--primary--hover\n  );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(\n    --DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY\n  );--digi--button--color--border--primary--hover:var(\n    --DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY\n  )}";
 const DigiDialogStyle0 = dialogCss;
@@ -286,11 +286,11 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends H {
         };
     }
     render() {
-        return (h(Host, { key: 'eb1bb947f13b042ee2dc5ac197b889dd9b5d6159', ref: (el) => {
+        return (h(Host, { key: '9a8afe2474c7d15cd3789130f5c198a267973cba', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (h("div", { key: '439ef1df49ea5b4b843b06f5705ad260a91ba7e9', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: '91f2367861c8391c260fd02cb3f94ffaf46393d7', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: 'bbd5a0f3da339b9b19d896a20cfdd49704f10140', ref: (el) => {
+            } }, this.afShowDialog && (h("div", { key: '67928e6e4c4edd9f541209eeee013de2ebbd27cd', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: '3c42d04d0dfb8b39f7a4f90de16855e29e680b07', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: '0fe90719b005267bb09d2f4b25d4ef94681510f5', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: 'e728a1e2f52f2ee15d88c16cac9dd213e00fe7b7' }, this.afCloseButtonText && (h("digi-button", { key: '0c5f3bd81d5cb11fa1141dc8dd6a7748be7282c4', 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: '2c5ddc670ff74f9fb6aae85adcc0cde7617aec8d', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'f75ecc992532a82e8c909ed9d173390ec6d2e226', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '9acd3a4e26d6f3afae31140441ce11935b22b396', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '62a294c1a12bb673b2509c9062e08ee727ca6b69' }), h("div", { key: 'e4e4633454b4a1393b80f8210633d8180cf6c284', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: 'a74aa8f2580c6e38afae6895dba15dd4fa56039f', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '87ce5964117fcead379ecd09f8954c343811e186', 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: '587eda23a5acc992768ba918cb5b559f440244da' }, this.afCloseButtonText && (h("digi-button", { key: 'ef404b8a54ac63b1a87dbd98fa7566fde286090d', 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: 'ff6d833f5700ce940dbc35bf0b19ec9aa16b88da', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: '6a605125d89844c13fa78b21258f65386ad32048', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '0df3dc87c4c7bc9cf6ba2e93c2f51483fa5f8b52', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '2d0e541ccc6967644fe626c4e9577661877eaefa' }), h("div", { key: '87394b9627ca697174e99f937fb08e358837c6e4', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: 'a61eca0878ae6ca4d42b83ab4b473153d8f927b7', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '7e57f67739c65cf715f853ccc6fba427c620ef27', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return this; }
     static get style() { return DigiDialogStyle0; }