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

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

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-a53686b3.js';
-import { _ as _t } from './p-903a27d9.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-f518a4cf.js';
-import { C as CalendarWeekViewHeadingLevel } from './p-7e32c40b.js';
-import { d as defineCustomElement$5 } from './p-70fad0ea.js';
-import { d as defineCustomElement$4 } from './p-7f08536e.js';
-import { d as defineCustomElement$3 } from './p-7af943bd.js';
-import { d as defineCustomElement$2 } from './p-2881b363.js';
-import { r as requiredArgs, t as toDate, i as isValid } from './p-7aacd45f.js';
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-0pTevzmo.js';
+import { _ as _t } from './p-DsO1BTml.js';
+import { t as toInteger, g as getUTCISOWeek, a as getUTCWeek, k as getUTCISOWeekYear, c as getUTCWeekYear, l as locale$1, j as getTimezoneOffsetInMilliseconds, h as subMilliseconds, d as longFormatters, i as isProtectedWeekYearToken, e as throwProtectedError, f as isProtectedDayOfYearToken, m as buildFormatLongFn, n as buildLocalizeFn, o as buildMatchFn, p as buildMatchPatternFn } from './p-DbBOgLZR.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+import { b as ButtonVariation } from './p-DNHRmpND.js';
+import { C as CalendarWeekViewHeadingLevel } from './p-DH_-wpLB.js';
+import { d as defineCustomElement$5 } from './p-BxG1tqmk.js';
+import { d as defineCustomElement$4 } from './p-BupNdJre.js';
+import { d as defineCustomElement$3 } from './p-CSefQfv6.js';
+import { d as defineCustomElement$2 } from './p-B85a4tNl.js';
+import { r as requiredArgs, t as toDate, i as isValid } from './p-BixPaBHw.js';
 
 /**
  * @name addDays
@@ -247,7 +247,7 @@ function addLeadingZeros(number, targetLength) {
  * Letters marked by * are not implemented but reserved by Unicode standard.
  */
 
-var formatters$2 = {
+var formatters$1 = {
   // Year
   y: function (date, token) {
     // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
@@ -316,7 +316,6 @@ var formatters$2 = {
     return addLeadingZeros(fractionalSeconds, token.length);
   }
 };
-const formatters$3 = formatters$2;
 
 var MILLISECONDS_IN_DAY = 86400000; // This function will be a part of public API when UTC function will be implemented.
 // See issue: https://github.com/date-fns/date-fns/issues/376
@@ -333,8 +332,6 @@ function getUTCDayOfYear(dirtyDate) {
 }
 
 var dayPeriodEnum = {
-  am: 'am',
-  pm: 'pm',
   midnight: 'midnight',
   noon: 'noon',
   morning: 'morning',
@@ -428,7 +425,7 @@ var formatters = {
       });
     }
 
-    return formatters$3.y(date, token);
+    return formatters$1.y(date, token);
   },
   // Local week-numbering year
   Y: function (date, token, localize, options) {
@@ -561,7 +558,7 @@ var formatters = {
     switch (token) {
       case 'M':
       case 'MM':
-        return formatters$3.M(date, token);
+        return formatters$1.M(date, token);
       // 1st, 2nd, ..., 12th
 
       case 'Mo':
@@ -666,7 +663,7 @@ var formatters = {
       });
     }
 
-    return formatters$3.d(date, token);
+    return formatters$1.d(date, token);
   },
   // Day of year
   D: function (date, token, localize) {
@@ -987,7 +984,7 @@ var formatters = {
       });
     }
 
-    return formatters$3.h(date, token);
+    return formatters$1.h(date, token);
   },
   // Hour [0-23]
   H: function (date, token, localize) {
@@ -997,7 +994,7 @@ var formatters = {
       });
     }
 
-    return formatters$3.H(date, token);
+    return formatters$1.H(date, token);
   },
   // Hour [0-11]
   K: function (date, token, localize) {
@@ -1032,7 +1029,7 @@ var formatters = {
       });
     }
 
-    return formatters$3.m(date, token);
+    return formatters$1.m(date, token);
   },
   // Second
   s: function (date, token, localize) {
@@ -1042,11 +1039,11 @@ var formatters = {
       });
     }
 
-    return formatters$3.s(date, token);
+    return formatters$1.s(date, token);
   },
   // Fraction of second
   S: function (date, token) {
-    return formatters$3.S(date, token);
+    return formatters$1.S(date, token);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function (date, token, _localize, options) {
@@ -1168,7 +1165,7 @@ function formatTimezoneShort(offset, dirtyDelimiter) {
     return sign + String(hours);
   }
 
-  var delimiter = dirtyDelimiter || '';
+  var delimiter = dirtyDelimiter;
   return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
 }
 
@@ -1190,8 +1187,6 @@ function formatTimezone(offset, dirtyDelimiter) {
   return sign + hours + delimiter + minutes;
 }
 
-const formatters$1 = formatters;
-
 // - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
 //   (one of the certain letters followed by `o`)
 // - (\w)\1* matches any sequences of the same letter
@@ -1526,7 +1521,7 @@ function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
   requiredArgs(2, arguments);
   var formatStr = String(dirtyFormatStr);
   var options = dirtyOptions || {};
-  var locale = options.locale || defaultLocale;
+  var locale = options.locale || locale$1;
   var localeFirstWeekContainsDate = locale.options && locale.options.firstWeekContainsDate;
   var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
   var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
@@ -1589,7 +1584,7 @@ function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
       return cleanEscapedString(substring);
     }
 
-    var formatter = formatters$1[firstCharacter];
+    var formatter = formatters[firstCharacter];
 
     if (formatter) {
       if (!options.useAdditionalWeekYearTokens && isProtectedWeekYearToken(substring)) {
@@ -1713,7 +1708,7 @@ function subDays(dirtyDate, dirtyAmount) {
  */
 function setDay(dirtyDate, dirtyDay, dirtyOptions) {
   requiredArgs(2, arguments);
-  var options = dirtyOptions || {};
+  var options = {};
   var locale = options.locale;
   var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;
   var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
@@ -1859,7 +1854,6 @@ var formatLong = {
     defaultWidth: 'full'
   })
 };
-const formatLong$1 = formatLong;
 
 var formatRelativeLocale = {
   lastWeek: "'i' EEEE's kl.' p",
@@ -2003,7 +1997,6 @@ var localize = {
     defaultFormattingWidth: 'wide'
   })
 };
-const localize$1 = localize;
 
 var matchOrdinalNumberPattern = /^(\d+)(:a|:e)?/i;
 var parseOrdinalNumberPattern = /\d+/i;
@@ -2098,7 +2091,6 @@ var match = {
     defaultParseWidth: 'any'
   })
 };
-const match$1 = match;
 
 /**
  * @type {Locale}
@@ -2114,10 +2106,10 @@ const match$1 = match;
 var locale = {
   code: 'sv',
   formatDistance: formatDistance,
-  formatLong: formatLong$1,
+  formatLong: formatLong,
   formatRelative: formatRelative,
-  localize: localize$1,
-  match: match$1,
+  localize: localize,
+  match: match,
   options: {
     weekStartsOn: 1
     /* Monday */
@@ -2125,15 +2117,15 @@ var locale = {
     firstWeekContainsDate: 4
   }
 };
-const svlocale = locale;
 
-const calendarWeekViewCss = ".sc-digi-calendar-week-view-h{--digi--calendar-week-view--button--week--padding:calc(var(--digi--gutter--small) + 1px) var(--digi--gutter--largest-2);--digi--calendar-week-view--button--week--icon--width:var(--digi--gutter--medium);--digi--calendar-week-view--button--week--display:flex;--digi--calendar-week-view--button--week--justify-content:center;--digi--calendar-week-view--button--week--previous-button--border-radius:var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);--digi--calendar-week-view--button--week--next-button--border-radius:0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;--digi--calendar-week-view--button--week--width:9.75rem;--digi--calendar-week-view--button--week--margin:0.125rem;--digi--calendar-week-view--button--week--font-size:var(--digi--button--font-size--small);--digi--calendar-week-view--button--week--keep-right--margin:10rem;--digi--calendar-week-view--button--week--keep-right--margin--small:8.1rem;--digi--calendar-week-view--button--week--background:var(--digi--color--background--interactive--default--secondary);--digi--calendar-week-view--button--week--border-color:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--date--color:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--button--date--color--active:var(--digi--color--text--interactive--secondary);--digi--calendar-week-view--button--date--color--no-value:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--button--date--background:var(--digi--color--background--interactive--default--secondary);--digi--calendar-week-view--button--date--background--active:var(--digi--color--background--interactive--selected--primary);--digi--calendar-week-view--button--date--background--no-value:var(--digi--color--background--interactive--default--tertiary);--digi--calendar-week-view--button--date--border-color:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--date--border-color--active:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--date--border-color--no-value:var(--digi--color--border--interactive--default--on-input-nuance);--digi--calendar-week-view--button--date--border-radius:0;--digi--calendar-week-view--button--date--padding:16px 10px 25px 10px;--digi--calendar-week-view--button--date--font-size:var(--digi--button--font-size--small);--digi--calendar-week-view--button--date--box-shadow--active:inset 0 0 0 0.1875rem var(--digi--grayscale--0);--digi--calendar-week-view--button--date--width:3.75rem;--digi--calendar-week-view--button--date--width--small:3rem;--digi--calendar-week-view--today-circle--size:0.3125rem;--digi--calendar-week-view--today-circle--color:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill--no-value:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill--active:var(--digi--color--text--interactive--secondary);--digi--calendar-week-view--dates--margin:0 0 var(--digi--gutter--smaller) 0;--digi--calendar-week-view--dates--gap:var(--digi--gutter--smaller)}.digi-calendar-week-view__timepicker.sc-digi-calendar-week-view{display:flex;flex-wrap:wrap;justify-content:center}.digi-calendar-week-view__week-button.sc-digi-calendar-week-view{--digi--ui--width--icon:var(--digi--calendar-week-view--button--week--icon--width);--digi--button--padding--medium:var(--digi--calendar-week-view--button--week--padding);--digi--button--display:var(--digi--calendar-week-view--button--week--display);--digi--button--width:var(--digi--calendar-week-view--button--week--width);--digi--button--justify-content:var(--digi--calendar-week-view--button--week--justify-content);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--week--background);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--week--border-color);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--week--border-color);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--week--border-color);--digi--button--font-size--medium:var(--digi--calendar-week-view--button--week--font-size);position:relative}.digi-calendar-week-view__week-button--previous.sc-digi-calendar-week-view{margin-right:var(--digi--calendar-week-view--button--week--margin);--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--week--previous-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--week--previous-button--border-radius)}.digi-calendar-week-view__week-button--next.sc-digi-calendar-week-view{margin-left:var(--digi--calendar-week-view--button--week--margin);--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--week--next-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--week--next-button--border-radius)}.digi-calendar-week-view__week-button--keep-left.sc-digi-calendar-week-view,.digi-calendar-week-view__week-button--keep-right.sc-digi-calendar-week-view{--digi--calendar-week-view--button--week--margin:var(--digi--calendar-week-view--button--week--keep-right--margin)}.digi-calendar-week-view__week-button--hidden.sc-digi-calendar-week-view{display:none}.digi-calendar-week-view__week-button.sc-digi-calendar-week-view-s>[slot^=icon],.digi-calendar-week-view__week-button .sc-digi-calendar-week-view-s>[slot^=icon]{--digi--icon--width:var(--digi--calendar-week-view--button--icon--width)}.digi-calendar-week-view__dates.sc-digi-calendar-week-view{flex:1 0 100%;margin:var(--digi--calendar-week-view--dates--margin);display:flex;justify-content:center}.digi-calendar-week-view__flex.sc-digi-calendar-week-view{display:flex;flex-direction:column;align-items:center}.digi-calendar-week-view__heading.sc-digi-calendar-week-view{font-size:var(--digi--typography--body--font-size--desktop)}.digi-calendar-week-view__month.sc-digi-calendar-week-view{text-transform:capitalize}.digi-calendar-week-view__date-list.sc-digi-calendar-week-view{list-style:none;display:grid;grid-template:repeat(1, 1fr)/repeat(5, var(--digi--calendar-week-view--button--date--width));grid-auto-flow:column;gap:var(--digi--calendar-week-view--dates--gap);margin:0;padding:0}@media screen and (max-width: 23.375rem){.digi-calendar-week-view__date-list.sc-digi-calendar-week-view{grid-template:repeat(1, 1fr)/repeat(5, var(--digi--calendar-week-view--button--date--width--small))}}.digi-calendar-week-view__date-list-item.sc-digi-calendar-week-view{position:relative;margin:0;padding:0}.digi-calendar-week-view__date-button.sc-digi-calendar-week-view{--digi--button--width:100%;--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--date--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--date--border-radius);--digi--button--padding--medium:var(--digi--calendar-week-view--button--date--padding);--digi--button--font-size--medium:var(--digi--calendar-week-view--button--date--font-size);--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color)}.digi-calendar-week-view__date-button--no-value.sc-digi-calendar-week-view{--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--calendar-week-view--today-circle--fill:var(--digi--calendar-week-view--today-circle--fill--no-value)}.digi-calendar-week-view__date-button--active.sc-digi-calendar-week-view{--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color--active);--digi--calendar-week-view--today-circle--fill:var(--digi--calendar-week-view--today-circle--fill--active)}.digi-calendar-week-view__date-button-content.sc-digi-calendar-week-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:capitalize}.digi-calendar-week-view__date-button-circle.sc-digi-calendar-week-view{position:absolute;height:var(--digi--calendar-week-view--today-circle--size);width:var(--digi--calendar-week-view--today-circle--size);background:var(--digi--calendar-week-view--today-circle--fill);bottom:0.875rem;left:50%;transform:translateX(-50%);border-radius:50%}.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button--active .digi-button{box-shadow:var(--digi--calendar-week-view--button--date--box-shadow--active)}.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button .digi-button:hover .digi-calendar-week-view__date-button-day::after,.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button .digi-button:focus .digi-calendar-week-view__date-button-day::after{content:\"\";position:absolute;width:30px;height:2px;top:38px;background-color:var(--digi--calendar-week-view--button--date--color);left:15px}.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button .digi-button:hover .digi-calendar-week-view__date-button-day--active::after,.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button .digi-button:focus .digi-calendar-week-view__date-button-day--active::after{content:\"\";position:absolute;width:30px;height:2px;top:38px;background-color:var(--digi--calendar-week-view--button--date--color--active);left:15px}.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button .digi-button__text{width:100%}.sc-digi-calendar-week-view-s .digi-calendar-week-view__week-button--previous .digi-button:hover::after,.sc-digi-calendar-week-view-s .digi-calendar-week-view__week-button--previous .digi-button:focus::after{content:\"\";position:absolute;width:62px;height:2px;top:29px;background-color:#00005a;left:50px}.sc-digi-calendar-week-view-s .digi-calendar-week-view__week-button--next .digi-button:hover::after,.sc-digi-calendar-week-view-s .digi-calendar-week-view__week-button--next .digi-button:focus::after{content:\"\";position:absolute;width:62px;height:2px;top:29px;background-color:#00005a;left:20px}";
-const DigiCalendarWeekViewStyle0 = calendarWeekViewCss;
+const calendarWeekViewCss = () => `.sc-digi-calendar-week-view-h{--digi--calendar-week-view--button--week--padding:calc(var(--digi--gutter--small) + 1px) var(--digi--gutter--largest-2);--digi--calendar-week-view--button--week--icon--width:var(--digi--gutter--medium);--digi--calendar-week-view--button--week--display:flex;--digi--calendar-week-view--button--week--justify-content:center;--digi--calendar-week-view--button--week--previous-button--border-radius:var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);--digi--calendar-week-view--button--week--next-button--border-radius:0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;--digi--calendar-week-view--button--week--width:9.75rem;--digi--calendar-week-view--button--week--margin:0.125rem;--digi--calendar-week-view--button--week--font-size:var(--digi--button--font-size--small);--digi--calendar-week-view--button--week--keep-right--margin:10rem;--digi--calendar-week-view--button--week--keep-right--margin--small:8.1rem;--digi--calendar-week-view--button--week--background:var(--digi--color--background--interactive--default--secondary);--digi--calendar-week-view--button--week--border-color:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--week--text-decoration--hover--background:var(--digi--button--text--decoration--secondary--hover);--digi--calendar-week-view--button--week--text-decoration--hover-height:2px;--digi--calendar-week-view--button--week--text-decoration--hover-width:62px;--digi--calendar-week-view--button--week--text-decoration--hover-offset-top:29px;--digi--calendar-week-view--button--date--color:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--button--date--color--active:var(--digi--color--text--interactive--secondary);--digi--calendar-week-view--button--date--color--no-value:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--button--date--background:var(--digi--color--background--interactive--default--secondary);--digi--calendar-week-view--button--date--background--active:var(--digi--color--background--interactive--selected--primary);--digi--calendar-week-view--button--date--background--no-value:var(--digi--color--background--interactive--default--tertiary);--digi--calendar-week-view--button--date--border-color:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--date--border-color--active:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--date--border-color--no-value:var(--digi--color--border--interactive--default--on-input-nuance);--digi--calendar-week-view--button--date--border-radius:0;--digi--calendar-week-view--button--date--padding:16px 10px 25px 10px;--digi--calendar-week-view--button--date--font-size:var(--digi--button--font-size--small);--digi--calendar-week-view--button--date--box-shadow--active:inset 0 0 0 0.1875rem var(--digi--grayscale--0);--digi--calendar-week-view--button--date--width:3.75rem;--digi--calendar-week-view--button--date--width--small:3rem;--digi--calendar-week-view--today-circle--size:0.3125rem;--digi--calendar-week-view--today-circle--color:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill--no-value:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill--active:var(--digi--color--text--interactive--secondary);--digi--calendar-week-view--dates--margin:0 0 var(--digi--gutter--smaller) 0;--digi--calendar-week-view--dates--gap:var(--digi--gutter--smaller);display:block}.digi-calendar-week-view__timepicker.sc-digi-calendar-week-view{display:flex;flex-wrap:wrap;justify-content:center}.digi-calendar-week-view__week-button.sc-digi-calendar-week-view{--digi--ui--width--icon:var(--digi--calendar-week-view--button--week--icon--width);--digi--button--padding--medium:var(--digi--calendar-week-view--button--week--padding);--digi--button--display:var(--digi--calendar-week-view--button--week--display);--digi--button--width:var(--digi--calendar-week-view--button--week--width);--digi--button--justify-content:var(--digi--calendar-week-view--button--week--justify-content);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--week--background);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--week--border-color);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--week--border-color);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--week--border-color);--digi--button--font-size--medium:var(--digi--calendar-week-view--button--week--font-size);position:relative}.digi-calendar-week-view__week-button--previous.sc-digi-calendar-week-view{margin-right:var(--digi--calendar-week-view--button--week--margin);--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--week--previous-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--week--previous-button--border-radius)}.digi-calendar-week-view__week-button--previous.sc-digi-calendar-week-view:hover::after,.digi-calendar-week-view__week-button--previous.sc-digi-calendar-week-view:focus-within::after{content:"";position:absolute;width:var(--digi--calendar-week-view--button--week--text-decoration--hover-width);height:var(--digi--calendar-week-view--button--week--text-decoration--hover-height--digi--calendar-week-view--button--week--text-decoration--hover-height);top:var(--digi--calendar-week-view--button--week--text-decoration--hover-offset-top);background-color:var(--digi--calendar-week-view--button--week--text-decoration--hover--background);left:50px}.digi-calendar-week-view__week-button--next.sc-digi-calendar-week-view{margin-left:var(--digi--calendar-week-view--button--week--margin);--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--week--next-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--week--next-button--border-radius)}.digi-calendar-week-view__week-button--next.sc-digi-calendar-week-view:hover::after,.digi-calendar-week-view__week-button--next.sc-digi-calendar-week-view:focus-within::after{content:"";position:absolute;width:var(--digi--calendar-week-view--button--week--text-decoration--hover-width);height:var(--digi--calendar-week-view--button--week--text-decoration--hover-height--digi--calendar-week-view--button--week--text-decoration--hover-height);top:var(--digi--calendar-week-view--button--week--text-decoration--hover-offset-top);background-color:var(--digi--calendar-week-view--button--week--text-decoration--hover--background);left:20px}.digi-calendar-week-view__week-button--keep-left.sc-digi-calendar-week-view,.digi-calendar-week-view__week-button--keep-right.sc-digi-calendar-week-view{--digi--calendar-week-view--button--week--margin:var(--digi--calendar-week-view--button--week--keep-right--margin)}.digi-calendar-week-view__week-button--hidden.sc-digi-calendar-week-view{display:none}.digi-calendar-week-view__dates.sc-digi-calendar-week-view{flex:1 0 100%;margin:var(--digi--calendar-week-view--dates--margin);display:flex;justify-content:center}.digi-calendar-week-view__flex.sc-digi-calendar-week-view{display:flex;flex-direction:column;align-items:center}.digi-calendar-week-view__heading.sc-digi-calendar-week-view{font-size:var(--digi--typography--body--font-size--desktop)}.digi-calendar-week-view__month.sc-digi-calendar-week-view{text-transform:capitalize}.digi-calendar-week-view__date-list.sc-digi-calendar-week-view{list-style:none;display:grid;grid-template:repeat(1, 1fr)/repeat(5, var(--digi--calendar-week-view--button--date--width));grid-auto-flow:column;gap:var(--digi--calendar-week-view--dates--gap);margin:0;padding:0}@media screen and (max-width: 23.375rem){.digi-calendar-week-view__date-list.sc-digi-calendar-week-view{grid-template:repeat(1, 1fr)/repeat(5, var(--digi--calendar-week-view--button--date--width--small))}}.digi-calendar-week-view__date-list-item.sc-digi-calendar-week-view{position:relative;margin:0;padding:0}.digi-calendar-week-view__date-button.sc-digi-calendar-week-view{--digi--button--width:100%;--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--date--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--date--border-radius);--digi--button--padding--medium:var(--digi--calendar-week-view--button--date--padding);--digi--button--font-size--medium:var(--digi--calendar-week-view--button--date--font-size);--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color)}.digi-calendar-week-view__date-button--no-value.sc-digi-calendar-week-view{--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--calendar-week-view--today-circle--fill:var(--digi--calendar-week-view--today-circle--fill--no-value)}.digi-calendar-week-view__date-button--active.sc-digi-calendar-week-view{--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color--active);--digi--calendar-week-view--today-circle--fill:var(--digi--calendar-week-view--today-circle--fill--active);--digi--button--box-shadow:var(--digi--calendar-week-view--button--date--box-shadow--active)}.digi-calendar-week-view__date-button.sc-digi-calendar-week-view:hover .digi-calendar-week-view__date-button-day.sc-digi-calendar-week-view::after,.digi-calendar-week-view__date-button.sc-digi-calendar-week-view:focus-within .digi-calendar-week-view__date-button-day.sc-digi-calendar-week-view::after{content:"";position:absolute;width:30px;height:2px;top:38px;background-color:var(--digi--calendar-week-view--button--date--color);left:15px}.digi-calendar-week-view__date-button.sc-digi-calendar-week-view:hover .digi-calendar-week-view__date-button-day--active.sc-digi-calendar-week-view::after,.digi-calendar-week-view__date-button.sc-digi-calendar-week-view:focus-within .digi-calendar-week-view__date-button-day--active.sc-digi-calendar-week-view::after{content:"";position:absolute;width:30px;height:2px;top:38px;background-color:var(--digi--calendar-week-view--button--date--color--active);left:15px}.digi-calendar-week-view__date-button-content.sc-digi-calendar-week-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:capitalize;width:100%}.digi-calendar-week-view__date-button-circle.sc-digi-calendar-week-view{position:absolute;height:var(--digi--calendar-week-view--today-circle--size);width:var(--digi--calendar-week-view--today-circle--size);background:var(--digi--calendar-week-view--today-circle--fill);bottom:0.875rem;left:50%;transform:translateX(-50%);border-radius:50%}`;
 
 const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.afOnWeekChange = createEvent(this, "afOnWeekChange", 7);
         this.afOnDateChange = createEvent(this, "afOnDateChange", 7);
         this.afOnReady = createEvent(this, "afOnReady", 3);
@@ -2141,15 +2133,24 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
         this.maxDate = new Date();
         this.dates = [];
         this.weekDays = [];
-        this.todaysDate = format(new Date(), 'yyyy-MM-dd', { locale: svlocale });
+        this.todaysDate = format(new Date(), 'yyyy-MM-dd', { locale: locale });
         this.selectedDate = format(new Date(), 'yyyy-MM-dd', {
-            locale: svlocale
+            locale: locale
         });
-        this.currentDate = undefined;
-        this.afMinWeek = undefined;
-        this.afMaxWeek = undefined;
+        /**
+         * Lista över valbara datum
+         * @en List of selectable dates
+         */
         this.afDates = '';
+        /**
+         * Sätt rubrikens vikt. 'h2' är förvalt.
+         * @en Set heading level. Default is 'h2'
+         */
         this.afHeadingLevel = CalendarWeekViewHeadingLevel.H2;
+        /**
+         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+         * @en Input id attribute. Defaults to random string.
+         */
         this.afId = randomIdGenerator('digi-calendar-week-view');
     }
     selectedDateChangeHandler() {
@@ -2162,7 +2163,7 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
         const newDates = [];
         for (let i = 1; i < 6; i++) {
             const day = setDay(new Date(this.currentDate), i);
-            const date = format(new Date(day), 'yyyy-MM-dd', { locale: svlocale });
+            const date = format(new Date(day), 'yyyy-MM-dd', { locale: locale });
             newDates.push(date);
         }
         this.weekDays = [...newDates];
@@ -2183,7 +2184,7 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
      */
     async afMSetActiveDate(activeDate) {
         this.selectedDate = format(new Date(activeDate), 'yyyy-MM-dd', {
-            locale: svlocale
+            locale: locale
         });
         this.currentDate = this.selectedDate;
     }
@@ -2202,10 +2203,10 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
         this.minDate = new Date(this.dates[0]);
         this.maxDate = new Date(this.dates[this.dates.length - 1]);
         this.selectedDate = format(new Date(this.dates[0]), 'yyyy-MM-dd', {
-            locale: svlocale
+            locale: locale
         });
         this.currentDate = format(new Date(this.selectedDate), 'yyyy-MM-dd', {
-            locale: svlocale
+            locale: locale
         });
     }
     componentWillLoad() {
@@ -2230,21 +2231,21 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
         const firstDate = new Date(this.weekDays[0]);
         const lastDate = new Date(this.weekDays[this.weekDays.length - 1]);
         return firstDate.getMonth() == lastDate.getMonth()
-            ? format(new Date(firstDate), 'MMMM yyyy', { locale: svlocale })
-            : format(new Date(firstDate), 'MMMM yyyy', { locale: svlocale }) +
+            ? format(new Date(firstDate), 'MMMM yyyy', { locale: locale })
+            : format(new Date(firstDate), 'MMMM yyyy', { locale: locale }) +
                 ' - ' +
-                format(new Date(lastDate), 'MMMM yyyy', { locale: svlocale });
+                format(new Date(lastDate), 'MMMM yyyy', { locale: locale });
     }
     render() {
         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
+                locale: locale
             });
             const day = format(new Date(dateItem), 'EEE', {
-                locale: svlocale
+                locale: locale
             });
             const fullDay = format(new Date(dateItem), 'EEEE ', {
-                locale: svlocale
+                locale: locale
             });
             return (h("li", { class: "digi-calendar-week-view__date-list-item", "aria-current": dateItem === this.todaysDate && 'date' }, h("digi-button", { onClick: () => (this.selectedDate = dateItem), afAriaLabel: `${fullDay} ${date}`, "aria-hidden": !this.dates.includes(dateItem) ? 'true' : 'false', "af-tabindex": !this.dates.includes(dateItem) ? -1 : null, "aria-pressed": this.selectedDate == dateItem ? 'true' : 'false', class: {
                     'digi-calendar-week-view__date-button': true,
@@ -2267,12 +2268,18 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
             }, "af-variation": "secondary" }, h("digi-icon-chevron-right", { key: '75bf1669a5d9dd3f618661c79202dc8e69f6c8ea', slot: "icon-secondary" }), this.nextWeekText)), h("div", { key: 'c7379a321936f28783d2f7a4e1e94d0b119de471', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, h("digi-typography", { key: 'f7e55435a94c5bff18a3b4b7bfa5d397291f7e8c' }, h("slot", { key: '7c59e144a47c721f5f4a454b9776c708f6d2f15c' })))));
     }
     static get watchers() { return {
-        "selectedDate": ["selectedDateChangeHandler"],
-        "currentDate": ["currentDateChangeHandler"],
-        "afDates": ["afDatesUpdate"]
+        "selectedDate": [{
+                "selectedDateChangeHandler": 0
+            }],
+        "currentDate": [{
+                "currentDateChangeHandler": 0
+            }],
+        "afDates": [{
+                "afDatesUpdate": 0
+            }]
     }; }
-    static get style() { return DigiCalendarWeekViewStyle0; }
-}, [6, "digi-calendar-week-view", {
+    static get style() { return calendarWeekViewCss(); }
+}, [262, "digi-calendar-week-view", {
         "afMinWeek": [1026, "af-min-week"],
         "afMaxWeek": [1026, "af-max-week"],
         "afDates": [1025, "af-dates"],
@@ -2285,9 +2292,15 @@ const CalendarWeekView = /*@__PURE__*/ proxyCustomElement(class CalendarWeekView
         "currentDate": [32],
         "afMSetActiveDate": [64]
     }, undefined, {
-        "selectedDate": ["selectedDateChangeHandler"],
-        "currentDate": ["currentDateChangeHandler"],
-        "afDates": ["afDatesUpdate"]
+        "selectedDate": [{
+                "selectedDateChangeHandler": 0
+            }],
+        "currentDate": [{
+                "currentDateChangeHandler": 0
+            }],
+        "afDates": [{
+                "afDatesUpdate": 0
+            }]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
@@ -2296,27 +2309,27 @@ function defineCustomElement$1() {
     const components = ["digi-calendar-week-view", "digi-button", "digi-icon-chevron-left", "digi-icon-chevron-right", "digi-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-calendar-week-view":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CalendarWeekView);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), CalendarWeekView);
             }
             break;
         case "digi-button":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$5();
             }
             break;
         case "digi-icon-chevron-left":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$4();
             }
             break;
         case "digi-icon-chevron-right":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$3();
             }
             break;
         case "digi-typography":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$2();
             }
             break;

package/components/digi-calendar.js

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

package/components/digi-chart-line.js

@@ -1,12 +1,12 @@
-import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
-import { _ as _t } from './p-903a27d9.js';
-import { s as select, e as dispatch, r as range, a as axisLeft, f as formatLocale, p as polyInOut, b as axisBottom, l as linear, m as max, c as min, o as ordinal, g as interpolate, d as linear$1 } from './p-f9a1a787.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-import { d as defineCustomElement$6 } from './p-70fad0ea.js';
-import { d as defineCustomElement$5 } from './p-9e98bc1f.js';
-import { d as defineCustomElement$4 } from './p-b18e3596.js';
-import { d as defineCustomElement$3 } from './p-4b44f757.js';
-import { d as defineCustomElement$2 } from './p-2881b363.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-0pTevzmo.js';
+import { _ as _t } from './p-DsO1BTml.js';
+import { s as select, e as dispatch, r as range, a as axisLeft, f as formatLocale, p as polyInOut, b as axisBottom, l as linear, m as max, c as min, o as ordinal, g as interpolate, d as linear$1 } from './p-lPbx4RHH.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+import { d as defineCustomElement$6 } from './p-BxG1tqmk.js';
+import { d as defineCustomElement$5 } from './p-Br3uVgA1.js';
+import { d as defineCustomElement$4 } from './p-C2LUp3Td.js';
+import { d as defineCustomElement$3 } from './p-C1wkAzXH.js';
+import { d as defineCustomElement$2 } from './p-B85a4tNl.js';
 
 function sourceEvent(event) {
   let sourceEvent;
@@ -73,7 +73,7 @@ function yesdrag(view, noclick) {
   }
 }
 
-const constant$1 = x => () => x;
+var constant$1 = x => () => x;
 
 function DragEvent(type, {
   sourceEvent,
@@ -569,7 +569,7 @@ function line(x$1, y$1) {
   return line;
 }
 
-const circle = {
+var circle = {
   draw(context, size) {
     const r = sqrt(size / pi);
     context.moveTo(r, 0);
@@ -577,7 +577,7 @@ const circle = {
   }
 };
 
-const diamond2 = {
+var diamond2 = {
   draw(context, size) {
     const r = sqrt(size) * 0.62625;
     context.moveTo(0, -r);
@@ -588,7 +588,7 @@ const diamond2 = {
   }
 };
 
-const square = {
+var square = {
   draw(context, size) {
     const w = sqrt(size);
     const x = -w / 2;
@@ -598,7 +598,7 @@ const square = {
 
 const sqrt3 = sqrt(3);
 
-const triangle = {
+var triangle = {
   draw(context, size) {
     const y = -sqrt(size / (sqrt3 * 3));
     context.moveTo(0, y * 2);
@@ -613,7 +613,7 @@ const s = sqrt(3) / 2;
 const k = 1 / sqrt(12);
 const a = (k / 2 + 1) * 3;
 
-const wye = {
+var wye = {
   draw(context, size) {
     const r = sqrt(size / a);
     const x0 = r / 2, y0 = r * k;
@@ -713,13 +713,14 @@ function basis(context) {
   return new Basis(context);
 }
 
-const chartLineCss = ".sc-digi-chart-line-h{display:block;height:100%;width:100%;position:relative}.sc-digi-chart-line-h .digi-chart-line.sc-digi-chart-line{color:var(--MY-PROP);height:100%;width:100%;min-height:fit-content}.chart.sc-digi-chart-line{box-sizing:content-box;width:auto}.topWrapper.sc-digi-chart-line,.chartTitle.sc-digi-chart-line .digi-typography.sc-digi-chart-line{display:flex;flex-direction:column;gap:0.75rem}.topWrapper.sc-digi-chart-line{margin-bottom:0.75rem}.chartTitle.sc-digi-chart-line{--MARGIN--HEADING-2:0;--MARGIN--HEADING-3:0;--MARGIN--HEADING-4:0;--MARGIN--HEADING-5:0;--MARGIN--HEADING-6:0}.buttonWrapper.sc-digi-chart-line{--digi--button--padding--medium:0 0 0.75rem 0}.close.sc-digi-chart-line{--digi--icon--color:rgb(245, 245, 245);cursor:pointer;margin-top:-5px}.legend.sc-digi-chart-line{display:flex;flex-direction:row;flex-wrap:no-wrap;gap:0.5rem;margin:0.5rem 0 0.25rem 0;height:2.675rem;overflow-x:auto;overflow-y:hidden;cursor:default;max-width:100%}.chip.sc-digi-chart-line{box-sizing:border-box}.legend.sc-digi-chart-line::-webkit-scrollbar,.table.sc-digi-chart-line::-webkit-scrollbar{height:10px;width:10px}.legend.sc-digi-chart-line::-webkit-scrollbar-track,.table.sc-digi-chart-line::-webkit-scrollbar-track{background:whitesmoke;border-radius:4px}.legend.sc-digi-chart-line::-webkit-scrollbar-thumb,.table.sc-digi-chart-line::-webkit-scrollbar-thumb{background-color:lightgray;border-radius:4px;border:0}.chartTooltip.sc-digi-chart-line{box-sizing:border-box;position:absolute;background-color:rgba(10, 10, 10, 0.9);color:white;padding:5px 10px;padding-right:5px;border-radius:4px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;font-size:14px;display:none}.scChartStatus.sc-digi-chart-line{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.table.sc-digi-chart-line{display:none;overflow-y:scroll;height:fit-content;border-radius:4px;padding:0.25rem;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}.tableIcon.sc-digi-chart-line{--digi--icon--color:var(--digi--global--color--neutral--grayscale--darker);width:26px;height:26px;pointer-events:none}.tableIcon.sc-digi-chart-line:hover{--digi--icon--color:var(\n    --digi--global--color--neutral--grayscale--darkest-3\n  )}.tooltipHead.sc-digi-chart-line{display:flex;width:100%;justify-content:space-between;margin-bottom:0.25rem;flex-direction:row}.tooltipBody.sc-digi-chart-line{display:flex;flex-direction:column;padding-right:5px;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(245, 245, 245) transparent}";
-const DigiChartLineStyle0 = chartLineCss;
+const chartLineCss = () => `.sc-digi-chart-line-h{display:block;height:100%;width:100%;position:relative}.sc-digi-chart-line-h .digi-chart-line.sc-digi-chart-line{color:var(--MY-PROP);height:100%;width:100%;min-height:fit-content}.chart.sc-digi-chart-line{box-sizing:content-box;width:auto}.topWrapper.sc-digi-chart-line,.chartTitle.sc-digi-chart-line .digi-typography.sc-digi-chart-line{display:flex;flex-direction:column;gap:0.75rem}.topWrapper.sc-digi-chart-line{margin-bottom:0.75rem}.chartTitle.sc-digi-chart-line{--MARGIN--HEADING-2:0;--MARGIN--HEADING-3:0;--MARGIN--HEADING-4:0;--MARGIN--HEADING-5:0;--MARGIN--HEADING-6:0}.buttonWrapper.sc-digi-chart-line{--digi--button--padding--medium:0 0 0.75rem 0}.close.sc-digi-chart-line{--digi--icon--color:rgb(245, 245, 245);cursor:pointer;margin-top:-5px}.legend.sc-digi-chart-line{display:flex;flex-direction:row;flex-wrap:no-wrap;gap:0.5rem;margin:0.5rem 0 0.25rem 0;height:2.675rem;overflow-x:auto;overflow-y:hidden;cursor:default;max-width:100%}.chip.sc-digi-chart-line{box-sizing:border-box}.legend.sc-digi-chart-line::-webkit-scrollbar,.table.sc-digi-chart-line::-webkit-scrollbar{height:10px;width:10px}.legend.sc-digi-chart-line::-webkit-scrollbar-track,.table.sc-digi-chart-line::-webkit-scrollbar-track{background:whitesmoke;border-radius:4px}.legend.sc-digi-chart-line::-webkit-scrollbar-thumb,.table.sc-digi-chart-line::-webkit-scrollbar-thumb{background-color:lightgray;border-radius:4px;border:0}.chartTooltip.sc-digi-chart-line{box-sizing:border-box;position:absolute;background-color:rgba(10, 10, 10, 0.9);color:white;padding:5px 10px;padding-right:5px;border-radius:4px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;font-size:14px;display:none}.scChartStatus.sc-digi-chart-line{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.table.sc-digi-chart-line{display:none;overflow-y:scroll;height:fit-content;border-radius:4px;padding:0.25rem;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}.tableIcon.sc-digi-chart-line{--digi--icon--color:var(--digi--global--color--neutral--grayscale--darker);width:26px;height:26px;pointer-events:none}.tableIcon.sc-digi-chart-line:hover{--digi--icon--color:var(     --digi--global--color--neutral--grayscale--darkest-3   )}.tooltipHead.sc-digi-chart-line{display:flex;width:100%;justify-content:space-between;margin-bottom:0.25rem;flex-direction:row}.tooltipBody.sc-digi-chart-line{display:flex;flex-direction:column;padding-right:5px;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(245, 245, 245) transparent}`;
 
 const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this._lineTypes = [null, '18, 7', '8,7', '2,6'];
         this._strokeWidth = 2.75;
         this._lineCap = 'round';
@@ -731,6 +732,7 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
             diamond2
         ];
         this._toggled = false;
+        this.afId = randomIdGenerator('tooltip');
         this._tickSize = 0;
         // Selection list from legend chips
         this._selectedLines = [];
@@ -1654,9 +1656,6 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
                     .style('opacity', 1);
             });
         };
-        this.afHeadingLevel = undefined;
-        this.afId = randomIdGenerator('tooltip');
-        this.afChartData = undefined;
     }
     afChartDataUpdate() {
         const data = this.afChartData;
@@ -2210,7 +2209,7 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
                 .attr('transform', (...[, i, nodelist]) => {
                 const size = nodelist[i].getComputedTextLength();
                 shiftArray.push(size);
-                return `translate(${-1 * (this.margin.left - (size + this.yPadding))},0)`;
+                return `translate(${ -1 * (this.margin.left - (size + this.yPadding))},0)`;
             });
             this._yAxisHandle
                 .selectAll('line')
@@ -2226,7 +2225,7 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
                 .attr('transform', (...[, i, nodelist]) => {
                 const size = nodelist[i].getComputedTextLength();
                 shiftArray.push(size);
-                return `translate(${-1 * (this.margin.left - (size + this.yPadding))},0)`;
+                return `translate(${ -1 * (this.margin.left - (size + this.yPadding))},0)`;
             });
             this._yAxisHandle.selectAll('line').attr('x1', (...[, i]) => {
                 return -1 * (this.margin.left - (shiftArray[i] + this.yPadding));
@@ -2315,15 +2314,19 @@ const ChartLine = /*@__PURE__*/ proxyCustomElement(class ChartLine extends H {
     }
     get element() { return this; }
     static get watchers() { return {
-        "afChartData": ["afChartDataUpdate"]
+        "afChartData": [{
+                "afChartDataUpdate": 0
+            }]
     }; }
-    static get style() { return DigiChartLineStyle0; }
+    static get style() { return chartLineCss(); }
 }, [2, "digi-chart-line", {
         "afHeadingLevel": [1, "af-heading-level"],
         "afId": [1, "af-id"],
         "afChartData": [1025, "af-chart-data"]
     }, undefined, {
-        "afChartData": ["afChartDataUpdate"]
+        "afChartData": [{
+                "afChartDataUpdate": 0
+            }]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
@@ -2332,32 +2335,32 @@ function defineCustomElement$1() {
     const components = ["digi-chart-line", "digi-button", "digi-icon-chart", "digi-icon-table", "digi-icon-x", "digi-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-chart-line":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ChartLine);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), ChartLine);
             }
             break;
         case "digi-button":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$6();
             }
             break;
         case "digi-icon-chart":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$5();
             }
             break;
         case "digi-icon-table":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$4();
             }
             break;
         case "digi-icon-x":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$3();
             }
             break;
         case "digi-typography":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$2();
             }
             break;