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

package/dist/cjs/digi-calendar-week-view.cjs.entry.js

@@ -1,12 +1,13 @@
 'use strict';
 
-var index$1 = require('./index-D09d7Toa.js');
+var index$2 = require('./index-D36hZyeW.js');
 var text = require('./text-Cu3CaHGj.js');
-var index = require('./index-DUQtADgG.js');
+var index$1 = require('./index-Bdlw-Iuy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 var logger_util = require('./logger.util-DUhrcCTY.js');
 var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
 var calendarWeekViewHeadingLevel_enum = require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
+var index = require('./index-Snltmefx.js');
 
 /**
  * @name addDays
@@ -34,7 +35,7 @@ var calendarWeekViewHeadingLevel_enum = require('./calendar-week-view-heading-le
 function addDays(dirtyDate, dirtyAmount) {
   index.requiredArgs(2, arguments);
   var date = index.toDate(dirtyDate);
-  var amount = index.toInteger(dirtyAmount);
+  var amount = index$1.toInteger(dirtyAmount);
 
   if (isNaN(amount)) {
     return new Date(NaN);
@@ -86,8 +87,8 @@ function startOfWeek(dirtyDate, dirtyOptions) {
   var options = dirtyOptions || {};
   var locale = options.locale;
   var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;
-  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index.toInteger(localeWeekStartsOn);
-  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index$1.toInteger(localeWeekStartsOn);
+  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index$1.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
 
   if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
     throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
@@ -427,7 +428,7 @@ var formatters = {
   },
   // Local week-numbering year
   Y: function (date, token, localize, options) {
-    var signedWeekYear = index.getUTCWeekYear(date, options); // Returns 1 for 1 BC (which is year 0 in JavaScript)
+    var signedWeekYear = index$1.getUTCWeekYear(date, options); // Returns 1 for 1 BC (which is year 0 in JavaScript)
 
     var weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear; // Two digit year
 
@@ -448,7 +449,7 @@ var formatters = {
   },
   // ISO week-numbering year
   R: function (date, token) {
-    var isoWeekYear = index.getUTCISOWeekYear(date); // Padding
+    var isoWeekYear = index$1.getUTCISOWeekYear(date); // Padding
 
     return addLeadingZeros(isoWeekYear, token.length);
   },
@@ -631,7 +632,7 @@ var formatters = {
   },
   // Local week of year
   w: function (date, token, localize, options) {
-    var week = index.getUTCWeek(date, options);
+    var week = index$1.getUTCWeek(date, options);
 
     if (token === 'wo') {
       return localize.ordinalNumber(week, {
@@ -643,7 +644,7 @@ var formatters = {
   },
   // ISO week of year
   I: function (date, token, localize) {
-    var isoWeek = index.getUTCISOWeek(date);
+    var isoWeek = index$1.getUTCISOWeek(date);
 
     if (token === 'Io') {
       return localize.ordinalNumber(isoWeek, {
@@ -1519,18 +1520,18 @@ function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
   index.requiredArgs(2, arguments);
   var formatStr = String(dirtyFormatStr);
   var options = dirtyOptions || {};
-  var locale = options.locale || index.locale;
+  var locale = options.locale || index$1.locale;
   var localeFirstWeekContainsDate = locale.options && locale.options.firstWeekContainsDate;
-  var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : index.toInteger(localeFirstWeekContainsDate);
-  var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : index.toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
+  var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : index$1.toInteger(localeFirstWeekContainsDate);
+  var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : index$1.toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
 
   if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
     throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
   }
 
   var localeWeekStartsOn = locale.options && locale.options.weekStartsOn;
-  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index.toInteger(localeWeekStartsOn);
-  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index$1.toInteger(localeWeekStartsOn);
+  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index$1.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
 
   if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
     throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
@@ -1553,8 +1554,8 @@ function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
   // See an issue about UTC functions: https://github.com/date-fns/date-fns/issues/376
 
 
-  var timezoneOffset = index.getTimezoneOffsetInMilliseconds(originalDate);
-  var utcDate = index.subMilliseconds(originalDate, timezoneOffset);
+  var timezoneOffset = index$1.getTimezoneOffsetInMilliseconds(originalDate);
+  var utcDate = index$1.subMilliseconds(originalDate, timezoneOffset);
   var formatterOptions = {
     firstWeekContainsDate: firstWeekContainsDate,
     weekStartsOn: weekStartsOn,
@@ -1565,7 +1566,7 @@ function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
     var firstCharacter = substring[0];
 
     if (firstCharacter === 'p' || firstCharacter === 'P') {
-      var longFormatter = index.longFormatters[firstCharacter];
+      var longFormatter = index$1.longFormatters[firstCharacter];
       return longFormatter(substring, locale.formatLong, formatterOptions);
     }
 
@@ -1585,12 +1586,12 @@ function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
     var formatter = formatters[firstCharacter];
 
     if (formatter) {
-      if (!options.useAdditionalWeekYearTokens && index.isProtectedWeekYearToken(substring)) {
-        index.throwProtectedError(substring, dirtyFormatStr, dirtyDate);
+      if (!options.useAdditionalWeekYearTokens && index$1.isProtectedWeekYearToken(substring)) {
+        index$1.throwProtectedError(substring, dirtyFormatStr, dirtyDate);
       }
 
-      if (!options.useAdditionalDayOfYearTokens && index.isProtectedDayOfYearToken(substring)) {
-        index.throwProtectedError(substring, dirtyFormatStr, dirtyDate);
+      if (!options.useAdditionalDayOfYearTokens && index$1.isProtectedDayOfYearToken(substring)) {
+        index$1.throwProtectedError(substring, dirtyFormatStr, dirtyDate);
       }
 
       return formatter(utcDate, substring, locale.localize, formatterOptions);
@@ -1669,7 +1670,7 @@ function getISOWeek(dirtyDate) {
 
 function subDays(dirtyDate, dirtyAmount) {
   index.requiredArgs(2, arguments);
-  var amount = index.toInteger(dirtyAmount);
+  var amount = index$1.toInteger(dirtyAmount);
   return addDays(dirtyDate, -amount);
 }
 
@@ -1709,15 +1710,15 @@ function setDay(dirtyDate, dirtyDay, dirtyOptions) {
   var options = {};
   var locale = options.locale;
   var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;
-  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index.toInteger(localeWeekStartsOn);
-  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : index$1.toInteger(localeWeekStartsOn);
+  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : index$1.toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
 
   if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
     throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
   }
 
   var date = index.toDate(dirtyDate);
-  var day = index.toInteger(dirtyDay);
+  var day = index$1.toInteger(dirtyDay);
   var currentDay = date.getDay();
   var remainder = day % 7;
   var dayIndex = (remainder + 7) % 7;
@@ -1839,15 +1840,15 @@ var dateTimeFormats = {
   short: '{{date}} {{time}}'
 };
 var formatLong = {
-  date: index.buildFormatLongFn({
+  date: index$1.buildFormatLongFn({
     formats: dateFormats,
     defaultWidth: 'full'
   }),
-  time: index.buildFormatLongFn({
+  time: index$1.buildFormatLongFn({
     formats: timeFormats,
     defaultWidth: 'full'
   }),
-  dateTime: index.buildFormatLongFn({
+  dateTime: index$1.buildFormatLongFn({
     formats: dateTimeFormats,
     defaultWidth: 'full'
   })
@@ -1969,26 +1970,26 @@ function ordinalNumber(dirtyNumber) {
 
 var localize = {
   ordinalNumber: ordinalNumber,
-  era: index.buildLocalizeFn({
+  era: index$1.buildLocalizeFn({
     values: eraValues,
     defaultWidth: 'wide'
   }),
-  quarter: index.buildLocalizeFn({
+  quarter: index$1.buildLocalizeFn({
     values: quarterValues,
     defaultWidth: 'wide',
     argumentCallback: function (quarter) {
       return Number(quarter) - 1;
     }
   }),
-  month: index.buildLocalizeFn({
+  month: index$1.buildLocalizeFn({
     values: monthValues,
     defaultWidth: 'wide'
   }),
-  day: index.buildLocalizeFn({
+  day: index$1.buildLocalizeFn({
     values: dayValues,
     defaultWidth: 'wide'
   }),
-  dayPeriod: index.buildLocalizeFn({
+  dayPeriod: index$1.buildLocalizeFn({
     values: dayPeriodValues,
     defaultWidth: 'wide',
     formattingValues: formattingDayPeriodValues,
@@ -2048,20 +2049,20 @@ var parseDayPeriodPatterns = {
   }
 };
 var match = {
-  ordinalNumber: index.buildMatchPatternFn({
+  ordinalNumber: index$1.buildMatchPatternFn({
     matchPattern: matchOrdinalNumberPattern,
     parsePattern: parseOrdinalNumberPattern,
     valueCallback: function (value) {
       return parseInt(value, 10);
     }
   }),
-  era: index.buildMatchFn({
+  era: index$1.buildMatchFn({
     matchPatterns: matchEraPatterns,
     defaultMatchWidth: 'wide',
     parsePatterns: parseEraPatterns,
     defaultParseWidth: 'any'
   }),
-  quarter: index.buildMatchFn({
+  quarter: index$1.buildMatchFn({
     matchPatterns: matchQuarterPatterns,
     defaultMatchWidth: 'wide',
     parsePatterns: parseQuarterPatterns,
@@ -2070,19 +2071,19 @@ var match = {
       return index + 1;
     }
   }),
-  month: index.buildMatchFn({
+  month: index$1.buildMatchFn({
     matchPatterns: matchMonthPatterns,
     defaultMatchWidth: 'wide',
     parsePatterns: parseMonthPatterns,
     defaultParseWidth: 'any'
   }),
-  day: index.buildMatchFn({
+  day: index$1.buildMatchFn({
     matchPatterns: matchDayPatterns,
     defaultMatchWidth: 'wide',
     parsePatterns: parseDayPatterns,
     defaultParseWidth: 'any'
   }),
-  dayPeriod: index.buildMatchFn({
+  dayPeriod: index$1.buildMatchFn({
     matchPatterns: matchDayPeriodPatterns,
     defaultMatchWidth: 'any',
     parsePatterns: parseDayPeriodPatterns,
@@ -2120,10 +2121,10 @@ const calendarWeekViewCss = () => `.sc-digi-calendar-week-view-h{--digi--calenda
 
 const CalendarWeekView = class {
     constructor(hostRef) {
-        index$1.registerInstance(this, hostRef);
-        this.afOnWeekChange = index$1.createEvent(this, "afOnWeekChange", 7);
-        this.afOnDateChange = index$1.createEvent(this, "afOnDateChange", 7);
-        this.afOnReady = index$1.createEvent(this, "afOnReady", 3);
+        index$2.registerInstance(this, hostRef);
+        this.afOnWeekChange = index$2.createEvent(this, "afOnWeekChange", 7);
+        this.afOnDateChange = index$2.createEvent(this, "afOnDateChange", 7);
+        this.afOnReady = index$2.createEvent(this, "afOnReady", 3);
         this.minDate = new Date();
         this.maxDate = new Date();
         this.dates = [];
@@ -2164,8 +2165,11 @@ const CalendarWeekView = class {
         this.weekDays = [...newDates];
     }
     afDatesUpdate() {
-        // Angular/React can connect the element before afDates is set.
-        if (this.afDates == null || this.afDates === '') {
+        // See reason to check in comment in componentWillLoad
+        if (this.afDates === null ||
+            this.afDates === undefined ||
+            this.afDates === '' ||
+            this.afDates.length <= 0) {
             return;
         }
         const hadDates = this.dates.length > 0;
@@ -2254,6 +2258,48 @@ const CalendarWeekView = class {
         }
         this.afOnReady.emit();
     }
+    renderWeekDays() {
+        if (this.weekDays) {
+            return this.weekDays.map((dateItem) => {
+                const date = format(new Date(dateItem), 'd', {
+                    locale: locale
+                });
+                const day = format(new Date(dateItem), 'EEE', {
+                    locale: locale
+                });
+                const fullDay = format(new Date(dateItem), 'EEEE ', {
+                    locale: locale
+                });
+                return (index$2.h("li", { class: "digi-calendar-week-view__date-list-item", "aria-current": dateItem === this.todaysDate && 'date' }, index$2.h("digi-button", { onClick: () => (this.selectedDate = dateItem), afAriaLabel: `${fullDay} ${date}`, "aria-hidden": !this.dates.includes(dateItem) ? 'true' : 'false', "af-tabindex": !this.dates.includes(dateItem) ? -1 : null, "aria-pressed": this.selectedDate == dateItem ? 'true' : 'false', class: {
+                        'digi-calendar-week-view__date-button': true,
+                        'digi-calendar-week-view__date-button--active': this.selectedDate == dateItem,
+                        'digi-calendar-week-view__date-button--no-value': !this.dates.includes(dateItem)
+                    }, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY }, index$2.h("span", { class: "digi-calendar-week-view__date-button-content", "aria-hidden": "true" }, index$2.h("span", { class: {
+                        'digi-calendar-week-view__date-button-day': this.selectedDate != dateItem,
+                        'digi-calendar-week-view__date-button-day--active': this.selectedDate == dateItem
+                    } }, day), index$2.h("span", { class: "digi-calendar-week-view__date-button-date" }, date), index$2.h("span", { "aria-hidden": "true", class: {
+                        'digi-calendar-week-view__date-button-circle': dateItem === this.todaysDate
+                    } })))));
+            });
+        }
+        else {
+            return null;
+        }
+    }
+    renderButtons() {
+        if (this.maxDate && this.minDate) {
+            return (index$2.h(index$2.Fragment, null, index$2.h("digi-button", { onClick: () => this.prevWeek(), class: {
+                    'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--previous': true,
+                    'digi-calendar-week-view__week-button--keep-left': this.currentWeek == getISOWeek(this.maxDate),
+                    'digi-calendar-week-view__week-button--hidden': !(this.currentWeek > getISOWeek(this.minDate))
+                }, "af-variation": "secondary" }, index$2.h("digi-icon-chevron-left", { slot: "icon" }), this.prevWeekText), index$2.h("digi-button", { onClick: () => this.nextWeek(), class: {
+                    'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--next': true,
+                    'digi-calendar-week-view__week-button--keep-right': this.currentWeek == getISOWeek(this.minDate),
+                    'digi-calendar-week-view__week-button--hidden': !(this.currentWeek < getISOWeek(this.maxDate))
+                }, "af-variation": "secondary" }, index$2.h("digi-icon-chevron-right", { slot: "icon-secondary" }), this.nextWeekText)));
+        }
+        return null;
+    }
     get prevWeekText() {
         const nextWeekDate = subDays(new Date(this.currentDate), 7);
         return `${text._t.calendar.week} ${getISOWeek(new Date(nextWeekDate))}`;
@@ -2263,9 +2309,15 @@ const CalendarWeekView = class {
         return `${text._t.calendar.week} ${getISOWeek(new Date(nextWeekDate))}`;
     }
     get currentWeek() {
+        if (!this.currentDate) {
+            return;
+        }
         return getISOWeek(new Date(this.currentDate));
     }
     get currentMonth() {
+        if (!this.weekDays || this.weekDays.length <= 0) {
+            return;
+        }
         const firstDate = new Date(this.weekDays[0]);
         const lastDate = new Date(this.weekDays[this.weekDays.length - 1]);
         return firstDate.getMonth() == lastDate.getMonth()
@@ -2275,37 +2327,9 @@ const CalendarWeekView = class {
                 format(new Date(lastDate), 'MMMM yyyy', { locale: locale });
     }
     render() {
-        return (index$1.h("div", { key: '44d49828a7f43a1f3943aaf0af4139f402844bf0', class: "digi-calendar-week-view" }, index$1.h("nav", { key: '44ba98a7c433077c2c11c55b150a5cc2f1d38ac2', class: "digi-calendar-week-view__timepicker" }, index$1.h("div", { key: '160ce73dc293abd69193c2b1750c9fd7400b8804', class: "digi-calendar-week-view__dates" }, index$1.h("div", { key: '2d60245978d9c7615f3ff5ec7b9d8d628e16f843', class: "digi-calendar-week-view__flex" }, index$1.h("digi-typography", { key: '23a1c94d0575061951f67f46782144de52e5e662' }, index$1.h(this.afHeadingLevel, { key: 'a183705a035f4d3d57ced74920221f40bbe6019f', role: "status", class: "digi-calendar-week-view__heading" }, index$1.h("span", { key: '147910745991716f3557491c6e6aa702f479e8c7', class: "digi-calendar-week-view__month" }, this.currentMonth), index$1.h("span", { key: '0d91367cd6066a2b35349edd0ff93e20b5326f04', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), index$1.h("ul", { key: 'fdff670cf241e05920e19e0ce6e601b62ae9a3f0', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
-            const date = format(new Date(dateItem), 'd', {
-                locale: locale
-            });
-            const day = format(new Date(dateItem), 'EEE', {
-                locale: locale
-            });
-            const fullDay = format(new Date(dateItem), 'EEEE ', {
-                locale: locale
-            });
-            return (index$1.h("li", { class: "digi-calendar-week-view__date-list-item", "aria-current": dateItem === this.todaysDate && 'date' }, index$1.h("digi-button", { onClick: () => (this.selectedDate = dateItem), afAriaLabel: `${fullDay} ${date}`, "aria-hidden": !this.dates.includes(dateItem) ? 'true' : 'false', "af-tabindex": !this.dates.includes(dateItem) ? -1 : null, "aria-pressed": this.selectedDate == dateItem ? 'true' : 'false', class: {
-                    'digi-calendar-week-view__date-button': true,
-                    'digi-calendar-week-view__date-button--active': this.selectedDate == dateItem,
-                    'digi-calendar-week-view__date-button--no-value': !this.dates.includes(dateItem)
-                }, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY }, index$1.h("span", { class: "digi-calendar-week-view__date-button-content", "aria-hidden": "true" }, index$1.h("span", { class: {
-                    'digi-calendar-week-view__date-button-day': this.selectedDate != dateItem,
-                    'digi-calendar-week-view__date-button-day--active': this.selectedDate == dateItem
-                } }, day), index$1.h("span", { class: "digi-calendar-week-view__date-button-date" }, date), index$1.h("span", { "aria-hidden": "true", class: {
-                    'digi-calendar-week-view__date-button-circle': dateItem === this.todaysDate
-                } })))));
-        })))), index$1.h("digi-button", { key: 'dbae5227d0316a5a67febc7de83b1c4c5cfc1044', onClick: () => this.prevWeek(), class: {
-                'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--previous': true,
-                'digi-calendar-week-view__week-button--keep-left': this.currentWeek == getISOWeek(this.maxDate),
-                'digi-calendar-week-view__week-button--hidden': !(this.currentWeek > getISOWeek(this.minDate))
-            }, "af-variation": "secondary" }, index$1.h("digi-icon-chevron-left", { key: '65d0f656a0d35911d39f9b8e9ade224be54d4371', slot: "icon" }), this.prevWeekText), index$1.h("digi-button", { key: '68d9b3d6c929d0185f412add980a542b3c86fbb2', onClick: () => this.nextWeek(), class: {
-                'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--next': true,
-                'digi-calendar-week-view__week-button--keep-right': this.currentWeek == getISOWeek(this.minDate),
-                'digi-calendar-week-view__week-button--hidden': !(this.currentWeek < getISOWeek(this.maxDate))
-            }, "af-variation": "secondary" }, index$1.h("digi-icon-chevron-right", { key: 'a9e688f815a5053aa709cfeb9359131f73df21c0', slot: "icon-secondary" }), this.nextWeekText)), index$1.h("div", { key: '7d1073f6cd1982fda2ce7dcb60532c94bd1d0634', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, index$1.h("digi-typography", { key: 'db7ce0ca80485df1e4ae67200f2cd90cc80938d5' }, index$1.h("slot", { key: 'f08f447ae89612dfcea56c638024220bc29e7914' })))));
+        return (index$2.h("div", { key: '4140be166786f62ce5f35e70644fec263c018a1e', class: "digi-calendar-week-view" }, index$2.h("nav", { key: '03ea0adbf772e2ec4398e0708c884c896fda4295', class: "digi-calendar-week-view__timepicker" }, index$2.h("div", { key: 'e61ef3267eaed0371c326b2821e999d40a645507', class: "digi-calendar-week-view__dates" }, index$2.h("div", { key: '43b595010a5600c0e32c8b0fb5b3d9ccf21f9b5c', class: "digi-calendar-week-view__flex" }, index$2.h("digi-typography", { key: 'bd71e8685aa20377976383e50f624699bf9baa78' }, index$2.h(this.afHeadingLevel, { key: '8f05ae750a9732174ec4c49054b04e42e5338eee', role: "status", class: "digi-calendar-week-view__heading" }, index$2.h("span", { key: 'b9968a5c3cdd82c28d2b4ed8ff6c005de9f86212', class: "digi-calendar-week-view__month" }, this.currentMonth ? this.currentMonth : ''), index$2.h("span", { key: '223c1fdc8f85bbfca3c8e3714e2adffe61553505', class: "digi-calendar-week-view__week" }, ' ', this.currentWeek ? 'v.' + this.currentWeek : ''))), index$2.h("ul", { key: 'e5bde107e3294412be7c2d231ad2ed539b14fee3', class: "digi-calendar-week-view__date-list" }, this.renderWeekDays()))), this.renderButtons()), index$2.h("div", { key: '64f11c238e446e52955f5745f7bc68da13c307ea', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, index$2.h("digi-typography", { key: '71c161967919d90eae2e652ba9e1126cecd12f13' }, index$2.h("slot", { key: '9cca0f3c9479a5b2b0b6c594200422a6923ceb41' })))));
     }
-    get hostElement() { return index$1.getElement(this); }
+    get hostElement() { return index$2.getElement(this); }
     static get watchers() { return {
         "selectedDate": [{
                 "selectedDateChangeHandler": 0