igniteui-webcomponents 6.4.0-alpha.4 → 6.5.0

package/components/calendar/days-view/days-view.js

@@ -5,21 +5,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var IgcDaysViewComponent_1;
+import { getDateFormatter } from 'igniteui-i18n-core';
 import { html, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { addThemingController } from '../../../theming/theming-controller.js';
 import { addKeybindings } from '../../common/controllers/key-bindings.js';
 import { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';
 import { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';
-import { watch } from '../../common/decorators/watch.js';
 import { registerComponent } from '../../common/definitions/register.js';
-import { createDateTimeFormatters } from '../../common/localization/intl-formatters.js';
 import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
 import { partMap } from '../../common/part-map.js';
 import { addSafeEventListener, chunk, first, last, take, } from '../../common/util.js';
 import { IgcCalendarBaseComponent } from '../base.js';
 import { areSameMonth, calendarRange, generateMonth, getViewElement, isDateInRanges, isNextMonth, isPreviousMonth, } from '../helpers.js';
-import { CalendarDay, daysInWeek } from '../model.js';
+import { CalendarDay, DAYS_IN_WEEK } from '../model.js';
 import { all } from '../themes/days.js';
 import { styles } from '../themes/days-view.base.css.js';
 import { DateRangeType } from '../types.js';
@@ -30,231 +29,236 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
     static register() {
         registerComponent(IgcDaysViewComponent_1);
     }
+    get _rangeStart() {
+        return this._hasValues ? first(this._values) : undefined;
+    }
+    get _rangeEnd() {
+        return this._hasValues ? last(this._values) : undefined;
+    }
     set rangePreviewDate(value) {
         this._rangePreviewDate = value ? CalendarDay.from(value) : undefined;
     }
     get rangePreviewDate() {
         return this._rangePreviewDate?.native;
     }
-    localeChange() {
-        this._intl.locale = this.locale;
-    }
-    weekDayFormatChange() {
-        this._intl.update({ weekday: { weekday: this.weekDayFormat } });
-    }
-    datesChange() {
-        this.dates = Array.from(generateMonth(this._activeDate, this._firstDayOfWeek));
-    }
     constructor() {
         super();
+        this._dates = [];
         this.active = false;
         this.hideLeadingDays = false;
         this.hideTrailingDays = false;
         this.weekDayFormat = 'narrow';
-        this._intl = createDateTimeFormatters(this.locale, {
-            weekday: { weekday: this.weekDayFormat },
-            label: { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' },
-            ariaWeekday: { weekday: 'long' },
-        });
         addThemingController(this, all);
-        addKeybindings(this).setActivateHandler(this.handleInteraction);
-        addSafeEventListener(this, 'click', this.handleInteraction);
+        addKeybindings(this).setActivateHandler(this._handleInteraction);
+        addSafeEventListener(this, 'click', this._handleInteraction);
     }
     connectedCallback() {
         super.connectedCallback();
         this.role = 'grid';
     }
-    focusActiveDate(options) {
-        this.activeDay.focus(options);
+    update(props) {
+        if (props.has('activeDate') || props.has('weekStart')) {
+            this._dates = Array.from(generateMonth(this._activeDate, this._firstDayOfWeek));
+        }
+        super.update(props);
     }
-    handleInteraction(event) {
+    _handleInteraction(event) {
         const value = getViewElement(event);
         if (value !== -1) {
             const date = CalendarDay.from(new Date(value));
             if (this._rangePreviewDate) {
-                this.setRangePreviewDate();
+                this._setRangePreviewDate();
             }
-            if (this.selectDate(date)) {
+            if (this._selectDate(date)) {
                 this.emitEvent('igcChange', { detail: date.native });
             }
             if (event.type === 'click') {
-                event.stopPropagation();
                 this.emitEvent('igcActiveDateChange', { detail: date.native });
                 this._activeDate = date;
             }
         }
     }
-    _selectMultiple(day) {
-        const values = this._values;
-        const idx = values.findIndex((v) => v.equalTo(day));
-        idx < 0 ? values.push(day) : values.splice(idx, 1);
-        values.sort((a, b) => a.timestamp - b.timestamp);
-        this._values = Array.from(values);
-    }
-    _selectRange(day) {
-        let values = this._values;
-        if (values.length !== 1) {
-            values = [day];
-        }
-        else {
-            const beginning = first(values);
-            if (beginning.equalTo(day)) {
-                this._values = [];
-                return;
-            }
-            values = beginning.greaterThan(day)
-                ? Array.from(calendarRange({ start: day, end: beginning }))
-                : Array.from(calendarRange({ start: beginning, end: day }));
-            values.push(last(values).add('day', 1));
-        }
-        this._values = values.filter((v) => !isDateInRanges(v, this._disabledDates));
-    }
-    selectDate(value) {
+    _selectDate(value) {
         if (isDateInRanges(value, this._disabledDates)) {
             return false;
         }
-        if (this._isSingle) {
-            if (this._value?.equalTo(value)) {
-                return false;
-            }
-            this._value = value;
+        switch (this.selection) {
+            case 'single':
+                if (this._value?.equalTo(value)) {
+                    return false;
+                }
+                this._value = value;
+                break;
+            case 'multiple':
+                this._selectMultiple(value);
+                break;
+            case 'range':
+                this._selectRange(value);
+                break;
         }
-        if (this._isMultiple) {
-            this._selectMultiple(value);
+        return true;
+    }
+    _selectMultiple(day) {
+        const idx = this._values.findIndex((v) => v.equalTo(day));
+        if (idx < 0) {
+            this._values.push(day);
         }
-        if (this._isRange) {
-            this._selectRange(value);
+        else {
+            this._values.splice(idx, 1);
         }
-        return true;
+        this._values = this._values.toSorted((a, b) => a.timestamp - b.timestamp);
     }
-    isSelected(day) {
-        if (isDateInRanges(day, this._disabledDates)) {
-            return false;
+    _selectRange(day) {
+        if (this._values.length !== 1) {
+            this._values = [day];
+            return;
         }
-        if (this._isSingle) {
-            return !!this._value && this._value.equalTo(day);
+        const rangeStart = this._rangeStart;
+        if (rangeStart.equalTo(day)) {
+            this._values = [];
+            return;
         }
-        if (!this._hasValues) {
+        const [start, end] = rangeStart.greaterThan(day)
+            ? [day, rangeStart]
+            : [rangeStart, day];
+        const range = Array.from(calendarRange({ start, end }));
+        range.push(last(range).add('day', 1));
+        this._values = range.filter((v) => !isDateInRanges(v, this._disabledDates));
+    }
+    _isSelected(day) {
+        if (isDateInRanges(day, this._disabledDates)) {
             return false;
         }
-        if (this._isMultiple) {
-            return isDateInRanges(day, [
-                {
-                    type: DateRangeType.Specific,
-                    dateRange: this.values,
-                },
-            ]);
+        switch (this.selection) {
+            case 'single':
+                return Boolean(this._value?.equalTo(day));
+            case 'multiple':
+                return (this._hasValues &&
+                    isDateInRanges(day, [
+                        { type: DateRangeType.Specific, dateRange: this.values },
+                    ]));
+            case 'range':
+                return (this._hasValues &&
+                    isDateInRanges(day, [
+                        {
+                            type: DateRangeType.Between,
+                            dateRange: [this._rangeStart.native, this._rangeEnd.native],
+                        },
+                    ]));
         }
-        return isDateInRanges(day, [
-            {
-                type: DateRangeType.Between,
-                dateRange: [first(this._values).native, last(this._values).native],
-            },
-        ]);
     }
-    setRangePreviewDate(day) {
+    _setRangePreviewDate(day) {
         this._rangePreviewDate = day;
         this.emitEvent('igcRangePreviewDateChange', {
             detail: day ? day.native : undefined,
         });
     }
-    changeRangePreview(day) {
+    _changeRangePreview(day) {
         if (this._values.length === 1 && !first(this._values).equalTo(day)) {
-            this.setRangePreviewDate(day);
+            this._setRangePreviewDate(day);
         }
     }
-    clearRangePreview() {
+    _clearRangePreview() {
         if (this._rangePreviewDate) {
-            this.setRangePreviewDate();
+            this._setRangePreviewDate();
         }
     }
-    isFirstInRange(day) {
-        if (this._isSingle || !this._hasValues) {
-            return false;
-        }
-        const target = this._rangePreviewDate?.lessThan(first(this._values))
+    _getEffectiveRangeStart() {
+        if (!this._rangeStart)
+            return undefined;
+        return this._rangePreviewDate?.lessThan(this._rangeStart)
             ? this._rangePreviewDate
-            : first(this._values);
-        return target.equalTo(day);
+            : this._rangeStart;
     }
-    isLastInRange(day) {
-        if (this._isSingle || !this._hasValues) {
-            return false;
-        }
-        const target = this._rangePreviewDate?.greaterThan(last(this._values))
+    _getEffectiveRangeEnd() {
+        if (!this._rangeEnd)
+            return undefined;
+        return this._rangePreviewDate?.greaterThan(this._rangeEnd)
             ? this._rangePreviewDate
-            : last(this._values);
-        return target.equalTo(day);
+            : this._rangeEnd;
     }
-    isRangeDate(day) {
-        const isSingleRange = this._values.length === 1;
-        if (!this._hasValues || (isSingleRange && !this._rangePreviewDate)) {
+    _isFirstInRange(day) {
+        const effectiveStart = this._getEffectiveRangeStart();
+        return this._isRange && Boolean(effectiveStart?.equalTo(day));
+    }
+    _isLastInRange(day) {
+        const effectiveEnd = this._getEffectiveRangeEnd();
+        return this._isRange && Boolean(effectiveEnd?.equalTo(day));
+    }
+    _isRangeDate(day) {
+        if (!this._hasValues)
             return false;
-        }
-        const min = first(this._values);
-        const max = isSingleRange ? this._rangePreviewDate : last(this._values);
+        const isSingleSelection = this._values.length === 1;
+        if (isSingleSelection && !this._rangePreviewDate)
+            return false;
+        const max = isSingleSelection ? this._rangePreviewDate : this._rangeEnd;
         return isDateInRanges(day, [
             {
                 type: DateRangeType.Between,
-                dateRange: [min.native, max.native],
+                dateRange: [this._rangeStart.native, max.native],
             },
         ]);
     }
-    isRangePreview(day) {
-        if (!(this._hasValues && this._rangePreviewDate)) {
+    _isRangePreview(day) {
+        if (!this._hasValues || !this._rangePreviewDate)
             return false;
-        }
         return isDateInRanges(day, [
             {
                 type: DateRangeType.Between,
-                dateRange: [first(this._values).native, this._rangePreviewDate.native],
+                dateRange: [this._rangeStart.native, this._rangePreviewDate.native],
             },
         ]);
     }
-    intlFormatDay(day) {
-        const fmt = this._intl.get('label');
+    _intlFormatDay(day) {
+        const fmt = getDateFormatter().getIntlFormatter(this.locale, {
+            weekday: 'long',
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+        });
         if (this._rangePreviewDate?.equalTo(day)) {
             return fmt.formatRange(first(this._values).native, this._rangePreviewDate.native);
         }
-        if (this.isFirstInRange(day) || this.isLastInRange(day)) {
+        if (this._isFirstInRange(day) || this._isLastInRange(day)) {
             return fmt.formatRange(first(this._values).native, last(this._values).native);
         }
         return fmt.format(day.native);
     }
-    getDayHandlers(day) {
-        const range = this._isRange;
-        const changePreview = range
-            ? this.changeRangePreview.bind(this, day)
-            : nothing;
-        const clearPreview = range ? this.clearRangePreview : nothing;
-        return { changePreview, clearPreview };
+    _getDayHandlers(day) {
+        if (!this._isRange) {
+            return { changePreview: nothing, clearPreview: nothing };
+        }
+        return {
+            changePreview: this._changeRangePreview.bind(this, day),
+            clearPreview: this._clearRangePreview.bind(this),
+        };
     }
-    getDayProperties(day, today) {
-        const isRange = this._isRange;
-        const disabled = isDateInRanges(day, this._disabledDates);
-        const hiddenLeading = this.hideLeadingDays && isPreviousMonth(day, this._activeDate);
-        const hiddenTrailing = this.hideTrailingDays && isNextMonth(day, this._activeDate);
-        const hidden = hiddenLeading || hiddenTrailing;
+    _getDayProperties(day, today) {
         const inactive = !areSameMonth(day, this._activeDate);
+        const disabled = isDateInRanges(day, this._disabledDates);
+        const hidden = (this.hideLeadingDays && isPreviousMonth(day, this._activeDate)) ||
+            (this.hideTrailingDays && isNextMonth(day, this._activeDate));
         return {
             disabled: disabled || hidden,
-            first: this.isFirstInRange(day),
-            last: this.isLastInRange(day),
-            range: isRange && this.isRangeDate(day),
-            preview: isRange && this.isRangePreview(day),
+            first: this._isFirstInRange(day),
+            last: this._isLastInRange(day),
+            range: this._isRange && this._isRangeDate(day),
+            preview: this._isRange && this._isRangePreview(day),
             current: !inactive && day.equalTo(today),
             inactive,
             hidden,
             weekend: day.weekend,
-            single: !isRange,
-            selected: !disabled && this.isSelected(day),
-            special: isDateInRanges(day, this._specialDates) && !inactive,
+            single: !this._isRange,
+            selected: !disabled && this._isSelected(day),
+            special: !inactive && isDateInRanges(day, this._specialDates),
         };
     }
-    renderDay(day, today) {
-        const ariaLabel = this.intlFormatDay(day);
-        const { changePreview, clearPreview } = this.getDayHandlers(day);
-        const props = this.getDayProperties(day, today);
+    focusActiveDate(options) {
+        this._activeDay?.focus(options);
+    }
+    _renderDayWithProps(day, props) {
+        const ariaLabel = this._intlFormatDay(day);
+        const { changePreview, clearPreview } = this._getDayHandlers(day);
         return html `
       <span part=${partMap({ date: true, ...props })}>
         <span
@@ -267,15 +271,15 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
           tabindex=${day.equalTo(this._activeDate) ? 0 : -1}
           @focus=${changePreview}
           @blur=${clearPreview}
-          @mouseenter=${changePreview}
-          @mouseleave=${clearPreview}
+          @pointerenter=${changePreview}
+          @pointerleave=${clearPreview}
         >
           ${day.date}
         </span>
       </span>
     `;
     }
-    renderHeaderWeekNumber() {
+    _renderHeaderWeekNumber() {
         return html `
       <span role="columnheader" part="label week-number first">
         <span part="week-number-inner first">
@@ -284,7 +288,7 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
       </span>
     `;
     }
-    renderWeekNumber(start, last) {
+    _renderWeekNumber(start, last) {
         return html `
       <span role="rowheader" part=${partMap({ 'week-number': true, last })}>
         <span part=${partMap({ 'week-number-inner': true, last })}>
@@ -293,12 +297,16 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
       </span>
     `;
     }
-    renderHeaders() {
-        const label = this._intl.get('weekday');
-        const aria = this._intl.get('ariaWeekday');
-        const days = take(generateMonth(this._activeDate, this._firstDayOfWeek), daysInWeek);
+    _renderHeaders() {
+        const label = getDateFormatter().getIntlFormatter(this.locale, {
+            weekday: this.weekDayFormat,
+        });
+        const aria = getDateFormatter().getIntlFormatter(this.locale, {
+            weekday: 'long',
+        });
+        const days = take(generateMonth(this._activeDate, this._firstDayOfWeek), DAYS_IN_WEEK);
         const weekNumber = this.showWeekNumbers
-            ? this.renderHeaderWeekNumber()
+            ? this._renderHeaderWeekNumber()
             : nothing;
         const headers = days.map((day) => html `
         <span
@@ -313,35 +321,39 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
       <div role="row" part="days-row first">${weekNumber}${headers}</div>
     `;
     }
-    *renderWeeks() {
+    *_renderWeeks() {
         const today = CalendarDay.today;
-        const weeks = Array.from(chunk(this.dates, daysInWeek));
-        const last = weeks.length - 1;
+        const weeks = Array.from(chunk(this._dates, DAYS_IN_WEEK));
+        const lastIndex = weeks.length - 1;
+        const dayPropertiesMap = new Map();
+        for (const day of this._dates) {
+            dayPropertiesMap.set(day.timestamp, this._getDayProperties(day, today));
+        }
         for (const [idx, week] of weeks.entries()) {
-            let hidden = false;
-            if (idx === 0 || idx === last) {
-                hidden = week.every((day) => this.getDayProperties(day, today).hidden);
-            }
+            const isEdgeWeek = idx === 0 || idx === lastIndex;
+            const isLast = idx === lastIndex;
+            const hidden = isEdgeWeek &&
+                week.every((day) => dayPropertiesMap.get(day.timestamp).hidden);
             yield html `
         <div role="row" part="days-row" aria-hidden=${hidden}>
           ${this.showWeekNumbers
-                ? this.renderWeekNumber(week[0], idx === last)
+                ? this._renderWeekNumber(week[0], isLast)
                 : nothing}
-          ${week.map((day) => this.renderDay(day, today))}
+          ${week.map((day) => this._renderDayWithProps(day, dayPropertiesMap.get(day.timestamp)))}
         </div>
       `;
         }
     }
     render() {
-        return html `${this.renderHeaders()}${this.renderWeeks()}`;
+        return html `${this._renderHeaders()}${this._renderWeeks()}`;
     }
 };
 __decorate([
     state()
-], IgcDaysViewComponent.prototype, "dates", void 0);
+], IgcDaysViewComponent.prototype, "_dates", void 0);
 __decorate([
     query('[tabindex="0"]')
-], IgcDaysViewComponent.prototype, "activeDay", void 0);
+], IgcDaysViewComponent.prototype, "_activeDay", void 0);
 __decorate([
     property({ type: Boolean })
 ], IgcDaysViewComponent.prototype, "active", void 0);
@@ -357,16 +369,6 @@ __decorate([
 __decorate([
     property({ attribute: 'week-day-format' })
 ], IgcDaysViewComponent.prototype, "weekDayFormat", void 0);
-__decorate([
-    watch('locale')
-], IgcDaysViewComponent.prototype, "localeChange", null);
-__decorate([
-    watch('weekDayFormat')
-], IgcDaysViewComponent.prototype, "weekDayFormatChange", null);
-__decorate([
-    watch('weekStart'),
-    watch('activeDate')
-], IgcDaysViewComponent.prototype, "datesChange", null);
 IgcDaysViewComponent = IgcDaysViewComponent_1 = __decorate([
     blazorSuppressComponent,
     blazorIndirectRender

package/components/calendar/days-view/days-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"days-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/days-view/days-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../../theming/theming-controller.js';\nimport { addKeybindings } from '../../common/controllers/key-bindings.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';\nimport { watch } from '../../common/decorators/watch.js';\nimport { registerComponent } from '../../common/definitions/register.js';\nimport { createDateTimeFormatters } from '../../common/localization/intl-formatters.js';\nimport type { Constructor } from '../../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../../common/mixins/event-emitter.js';\nimport { partMap } from '../../common/part-map.js';\nimport {\n  addSafeEventListener,\n  chunk,\n  first,\n  last,\n  take,\n} from '../../common/util.js';\nimport { IgcCalendarBaseComponent } from '../base.js';\nimport {\n  areSameMonth,\n  calendarRange,\n  generateMonth,\n  getViewElement,\n  isDateInRanges,\n  isNextMonth,\n  isPreviousMonth,\n} from '../helpers.js';\nimport { CalendarDay, daysInWeek } from '../model.js';\nimport { all } from '../themes/days.js';\nimport { styles } from '../themes/days-view.base.css.js';\nimport { DateRangeType, type IgcCalendarComponentEventMap } from '../types.js';\n\nexport interface IgcDaysViewEventMap extends IgcCalendarComponentEventMap {\n  igcActiveDateChange: CustomEvent<Date>;\n  igcRangePreviewDateChange: CustomEvent<Date>;\n}\n\n/**\n * Instantiate a days view as a separate component in the calendar.\n *\n * @element igc-days-view\n *\n * @fires igcActiveDateChange - Emitted when the active date changes.\n * @fires igcRangePreviewDateChange - Emitted when the range preview date changes.\n *\n * @csspart days-row - The days row container.\n * @csspart label - The label container.\n * @csspart label-inner - The inner label container.\n * @csspart week-number - The week number container.\n * @csspart week-number-inner - The inner week number container.\n */\n@blazorSuppressComponent\n@blazorIndirectRender\nexport default class IgcDaysViewComponent extends EventEmitterMixin<\n  IgcDaysViewEventMap,\n  Constructor<IgcCalendarBaseComponent>\n>(IgcCalendarBaseComponent) {\n  public static readonly tagName = 'igc-days-view';\n  public static styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcDaysViewComponent);\n  }\n\n  @state()\n  private dates!: CalendarDay[];\n\n  @query('[tabindex=\"0\"]')\n  private activeDay!: HTMLElement;\n\n  /** The active state of the component. */\n  @property({ type: Boolean })\n  public active = false;\n\n  /**\n   * Whether to show leading days which do not belong to the current month.\n   * @attr hide-leading-days\n   */\n  @property({ type: Boolean, attribute: 'hide-leading-days' })\n  public hideLeadingDays = false;\n\n  /**\n   * Whether to show trailing days which do not belong to the current month.\n   * @attr hide-trailing-days\n   */\n  @property({ type: Boolean, attribute: 'hide-trailing-days' })\n  public hideTrailingDays = false;\n\n  /** The range preview date. */\n  @property({ attribute: false })\n  public set rangePreviewDate(value) {\n    this._rangePreviewDate = value ? CalendarDay.from(value) : undefined;\n  }\n\n  public get rangePreviewDate() {\n    return this._rangePreviewDate?.native;\n  }\n\n  /**\n   * The format of the days. Defaults to narrow.\n   * @attr week-day-format\n   */\n  @property({ attribute: 'week-day-format' })\n  public weekDayFormat: 'long' | 'short' | 'narrow' = 'narrow';\n\n  private _intl = createDateTimeFormatters(this.locale, {\n    weekday: { weekday: this.weekDayFormat },\n    label: { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' },\n    ariaWeekday: { weekday: 'long' },\n  });\n\n  @watch('locale')\n  protected localeChange() {\n    this._intl.locale = this.locale;\n  }\n\n  @watch('weekDayFormat')\n  protected weekDayFormatChange() {\n    this._intl.update({ weekday: { weekday: this.weekDayFormat } });\n  }\n\n  @watch('weekStart')\n  @watch('activeDate')\n  protected datesChange() {\n    this.dates = Array.from(\n      generateMonth(this._activeDate, this._firstDayOfWeek)\n    );\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n    addKeybindings(this).setActivateHandler(this.handleInteraction);\n    addSafeEventListener(this, 'click', this.handleInteraction);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.role = 'grid';\n  }\n\n  /** Focuses the active date. */\n  public focusActiveDate(options?: FocusOptions) {\n    this.activeDay.focus(options);\n  }\n\n  protected handleInteraction(event: Event) {\n    const value = getViewElement(event);\n\n    if (value !== -1) {\n      const date = CalendarDay.from(new Date(value));\n\n      if (this._rangePreviewDate) {\n        this.setRangePreviewDate();\n      }\n\n      if (this.selectDate(date)) {\n        this.emitEvent('igcChange', { detail: date.native });\n      }\n\n      if (event.type === 'click') {\n        // XXX: Why ?\n        event.stopPropagation();\n        this.emitEvent('igcActiveDateChange', { detail: date.native });\n        this._activeDate = date;\n      }\n    }\n  }\n\n  private _selectMultiple(day: CalendarDay) {\n    const values = this._values;\n    const idx = values.findIndex((v) => v.equalTo(day));\n\n    idx < 0 ? values.push(day) : values.splice(idx, 1);\n    values.sort((a, b) => a.timestamp - b.timestamp);\n    this._values = Array.from(values);\n  }\n\n  private _selectRange(day: CalendarDay) {\n    let values = this._values;\n\n    if (values.length !== 1) {\n      values = [day];\n    } else {\n      const beginning = first(values);\n\n      if (beginning.equalTo(day)) {\n        this._values = [];\n        return;\n      }\n\n      values = beginning.greaterThan(day)\n        ? Array.from(calendarRange({ start: day, end: beginning }))\n        : Array.from(calendarRange({ start: beginning, end: day }));\n\n      values.push(last(values).add('day', 1));\n    }\n\n    this._values = values.filter(\n      (v) => !isDateInRanges(v, this._disabledDates)\n    );\n  }\n\n  private selectDate(value: CalendarDay) {\n    if (isDateInRanges(value, this._disabledDates)) {\n      return false;\n    }\n\n    if (this._isSingle) {\n      if (this._value?.equalTo(value)) {\n        return false;\n      }\n      this._value = value;\n    }\n\n    if (this._isMultiple) {\n      this._selectMultiple(value);\n    }\n\n    if (this._isRange) {\n      this._selectRange(value);\n    }\n\n    return true;\n  }\n\n  private isSelected(day: CalendarDay) {\n    if (isDateInRanges(day, this._disabledDates)) {\n      return false;\n    }\n\n    if (this._isSingle) {\n      return !!this._value && this._value.equalTo(day);\n    }\n\n    if (!this._hasValues) {\n      return false;\n    }\n\n    if (this._isMultiple) {\n      return isDateInRanges(day, [\n        {\n          type: DateRangeType.Specific,\n          dateRange: this.values,\n        },\n      ]);\n    }\n    return isDateInRanges(day, [\n      {\n        type: DateRangeType.Between,\n        dateRange: [first(this._values).native, last(this._values).native],\n      },\n    ]);\n  }\n\n  // XXX: Range interaction\n  private setRangePreviewDate(day?: CalendarDay) {\n    this._rangePreviewDate = day;\n    this.emitEvent('igcRangePreviewDateChange', {\n      detail: day ? day.native : undefined,\n    });\n  }\n\n  private changeRangePreview(day: CalendarDay) {\n    if (this._values.length === 1 && !first(this._values).equalTo(day)) {\n      this.setRangePreviewDate(day);\n    }\n  }\n\n  private clearRangePreview() {\n    if (this._rangePreviewDate) {\n      this.setRangePreviewDate();\n    }\n  }\n\n  // XXX: Ranges\n\n  private isFirstInRange(day: CalendarDay) {\n    if (this._isSingle || !this._hasValues) {\n      return false;\n    }\n\n    const target = this._rangePreviewDate?.lessThan(first(this._values))\n      ? this._rangePreviewDate\n      : first(this._values);\n\n    return target.equalTo(day);\n  }\n\n  private isLastInRange(day: CalendarDay) {\n    if (this._isSingle || !this._hasValues) {\n      return false;\n    }\n\n    const target = this._rangePreviewDate?.greaterThan(last(this._values))\n      ? this._rangePreviewDate\n      : last(this._values);\n\n    return target.equalTo(day);\n  }\n\n  private isRangeDate(day: CalendarDay) {\n    const isSingleRange = this._values.length === 1;\n\n    if (!this._hasValues || (isSingleRange && !this._rangePreviewDate)) {\n      return false;\n    }\n\n    const min = first(this._values);\n    const max = isSingleRange ? this._rangePreviewDate! : last(this._values);\n\n    return isDateInRanges(day, [\n      {\n        type: DateRangeType.Between,\n        dateRange: [min.native, max.native],\n      },\n    ]);\n  }\n\n  private isRangePreview(day: CalendarDay) {\n    if (!(this._hasValues && this._rangePreviewDate)) {\n      return false;\n    }\n\n    return isDateInRanges(day, [\n      {\n        type: DateRangeType.Between,\n        dateRange: [first(this._values).native, this._rangePreviewDate.native],\n      },\n    ]);\n  }\n\n  private intlFormatDay(day: CalendarDay) {\n    const fmt = this._intl.get('label');\n\n    // Range selection in progress\n    if (this._rangePreviewDate?.equalTo(day)) {\n      return fmt.formatRange(\n        first(this._values).native,\n        this._rangePreviewDate.native\n      );\n    }\n\n    // Range selection finished\n    if (this.isFirstInRange(day) || this.isLastInRange(day)) {\n      return fmt.formatRange(\n        first(this._values).native,\n        last(this._values).native\n      );\n    }\n\n    // Default\n    return fmt.format(day.native);\n  }\n\n  private getDayHandlers(day: CalendarDay) {\n    const range = this._isRange;\n    const changePreview = range\n      ? this.changeRangePreview.bind(this, day)\n      : nothing;\n    const clearPreview = range ? this.clearRangePreview : nothing;\n\n    return { changePreview, clearPreview };\n  }\n\n  private getDayProperties(day: CalendarDay, today: CalendarDay) {\n    const isRange = this._isRange;\n    const disabled = isDateInRanges(day, this._disabledDates);\n\n    const hiddenLeading =\n      this.hideLeadingDays && isPreviousMonth(day, this._activeDate);\n    const hiddenTrailing =\n      this.hideTrailingDays && isNextMonth(day, this._activeDate);\n\n    const hidden = hiddenLeading || hiddenTrailing;\n    const inactive = !areSameMonth(day, this._activeDate);\n\n    return {\n      disabled: disabled || hidden,\n      first: this.isFirstInRange(day),\n      last: this.isLastInRange(day),\n      range: isRange && this.isRangeDate(day),\n      preview: isRange && this.isRangePreview(day),\n      current: !inactive && day.equalTo(today),\n      inactive,\n      hidden,\n      weekend: day.weekend,\n      single: !isRange,\n      selected: !disabled && this.isSelected(day),\n      special: isDateInRanges(day, this._specialDates) && !inactive,\n    };\n  }\n\n  protected renderDay(day: CalendarDay, today: CalendarDay) {\n    const ariaLabel = this.intlFormatDay(day);\n    const { changePreview, clearPreview } = this.getDayHandlers(day);\n\n    const props = this.getDayProperties(day, today);\n\n    return html`\n      <span part=${partMap({ date: true, ...props })}>\n        <span\n          role=\"gridcell\"\n          part=${partMap({ 'date-inner': true, ...props })}\n          aria-label=${ariaLabel}\n          aria-disabled=${props.disabled}\n          aria-selected=${props.selected}\n          data-value=${day.timestamp}\n          tabindex=${day.equalTo(this._activeDate) ? 0 : -1}\n          @focus=${changePreview}\n          @blur=${clearPreview}\n          @mouseenter=${changePreview}\n          @mouseleave=${clearPreview}\n        >\n          ${day.date}\n        </span>\n      </span>\n    `;\n  }\n\n  protected renderHeaderWeekNumber() {\n    return html`\n      <span role=\"columnheader\" part=\"label week-number first\">\n        <span part=\"week-number-inner first\">\n          ${this.resourceStrings.weekLabel}\n        </span>\n      </span>\n    `;\n  }\n\n  protected renderWeekNumber(start: CalendarDay, last: boolean) {\n    return html`\n      <span role=\"rowheader\" part=${partMap({ 'week-number': true, last })}>\n        <span part=${partMap({ 'week-number-inner': true, last })}>\n          ${start.week}\n        </span>\n      </span>\n    `;\n  }\n\n  protected renderHeaders() {\n    const label = this._intl.get('weekday');\n    const aria = this._intl.get('ariaWeekday');\n    const days = take(\n      generateMonth(this._activeDate, this._firstDayOfWeek),\n      daysInWeek\n    );\n\n    const weekNumber = this.showWeekNumbers\n      ? this.renderHeaderWeekNumber()\n      : nothing;\n\n    const headers = days.map(\n      (day) => html`\n        <span\n          role=\"columnheader\"\n          part=\"label\"\n          aria-label=${aria.format(day.native)}\n        >\n          <span part=\"label-inner\">${label.format(day.native)}</span>\n        </span>\n      `\n    );\n\n    return html`\n      <div role=\"row\" part=\"days-row first\">${weekNumber}${headers}</div>\n    `;\n  }\n\n  protected *renderWeeks() {\n    const today = CalendarDay.today;\n    const weeks = Array.from(chunk(this.dates, daysInWeek));\n    const last = weeks.length - 1;\n\n    for (const [idx, week] of weeks.entries()) {\n      let hidden = false;\n      if (idx === 0 || idx === last) {\n        hidden = week.every((day) => this.getDayProperties(day, today).hidden);\n      }\n      yield html`\n        <div role=\"row\" part=\"days-row\" aria-hidden=${hidden}>\n          ${this.showWeekNumbers\n            ? this.renderWeekNumber(week[0], idx === last)\n            : nothing}\n          ${week.map((day) => this.renderDay(day, today))}\n        </div>\n      `;\n    }\n  }\n\n  protected override render() {\n    return html`${this.renderHeaders()}${this.renderWeeks()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-days-view': IgcDaysViewComponent;\n  }\n}\n"]}
+{"version":3,"file":"days-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/days-view/days-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { getDateFormatter } from 'igniteui-i18n-core';\nimport { html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { addThemingController } from '../../../theming/theming-controller.js';\nimport { addKeybindings } from '../../common/controllers/key-bindings.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';\nimport { registerComponent } from '../../common/definitions/register.js';\nimport type { Constructor } from '../../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../../common/mixins/event-emitter.js';\nimport { partMap } from '../../common/part-map.js';\nimport {\n  addSafeEventListener,\n  chunk,\n  first,\n  last,\n  take,\n} from '../../common/util.js';\nimport { IgcCalendarBaseComponent } from '../base.js';\nimport {\n  areSameMonth,\n  calendarRange,\n  generateMonth,\n  getViewElement,\n  isDateInRanges,\n  isNextMonth,\n  isPreviousMonth,\n} from '../helpers.js';\nimport { CalendarDay, DAYS_IN_WEEK } from '../model.js';\nimport { all } from '../themes/days.js';\nimport { styles } from '../themes/days-view.base.css.js';\nimport { DateRangeType, type IgcCalendarComponentEventMap } from '../types.js';\n\nexport interface IgcDaysViewEventMap extends IgcCalendarComponentEventMap {\n  igcActiveDateChange: CustomEvent<Date>;\n  igcRangePreviewDateChange: CustomEvent<Date>;\n}\n\ninterface DayProperties {\n  disabled: boolean;\n  first: boolean;\n  last: boolean;\n  range: boolean;\n  preview: boolean;\n  current: boolean;\n  inactive: boolean;\n  hidden: boolean;\n  weekend: boolean;\n  single: boolean;\n  selected: boolean;\n  special: boolean;\n}\n\n/**\n * Instantiate a days view as a separate component in the calendar.\n *\n * @element igc-days-view\n *\n * @fires igcActiveDateChange - Emitted when the active date changes.\n * @fires igcRangePreviewDateChange - Emitted when the range preview date changes.\n *\n * @csspart days-row - The days row container.\n * @csspart label - The label container.\n * @csspart label-inner - The inner label container.\n * @csspart week-number - The week number container.\n * @csspart week-number-inner - The inner week number container.\n */\n@blazorSuppressComponent\n@blazorIndirectRender\nexport default class IgcDaysViewComponent extends EventEmitterMixin<\n  IgcDaysViewEventMap,\n  Constructor<IgcCalendarBaseComponent>\n>(IgcCalendarBaseComponent) {\n  public static readonly tagName = 'igc-days-view';\n  public static styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcDaysViewComponent);\n  }\n\n  //#region Internal properties and state\n\n  @state()\n  private _dates: CalendarDay[] = [];\n\n  @query('[tabindex=\"0\"]')\n  private _activeDay?: HTMLElement;\n\n  /** Returns the first date in the current range selection. */\n  private get _rangeStart(): CalendarDay | undefined {\n    return this._hasValues ? first(this._values) : undefined;\n  }\n\n  /** Returns the last date in the current range selection. */\n  private get _rangeEnd(): CalendarDay | undefined {\n    return this._hasValues ? last(this._values) : undefined;\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /** The active state of the component. */\n  @property({ type: Boolean })\n  public active = false;\n\n  /**\n   * Whether to show leading days which do not belong to the current month.\n   * @attr hide-leading-days\n   */\n  @property({ type: Boolean, attribute: 'hide-leading-days' })\n  public hideLeadingDays = false;\n\n  /**\n   * Whether to show trailing days which do not belong to the current month.\n   * @attr hide-trailing-days\n   */\n  @property({ type: Boolean, attribute: 'hide-trailing-days' })\n  public hideTrailingDays = false;\n\n  /** The range preview date. */\n  @property({ attribute: false })\n  public set rangePreviewDate(value: Date | undefined) {\n    this._rangePreviewDate = value ? CalendarDay.from(value) : undefined;\n  }\n\n  public get rangePreviewDate(): Date | undefined {\n    return this._rangePreviewDate?.native;\n  }\n\n  /**\n   * The format of the days. Defaults to narrow.\n   * @attr week-day-format\n   */\n  @property({ attribute: 'week-day-format' })\n  public weekDayFormat: 'long' | 'short' | 'narrow' = 'narrow';\n\n  //#endregion\n\n  //#region Lifecycle hooks\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n    addKeybindings(this).setActivateHandler(this._handleInteraction);\n    addSafeEventListener(this, 'click', this._handleInteraction);\n  }\n\n  /** @internal */\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.role = 'grid';\n  }\n\n  /** @internal */\n  protected override update(props: PropertyValues<this>): void {\n    if (props.has('activeDate') || props.has('weekStart')) {\n      this._dates = Array.from(\n        generateMonth(this._activeDate, this._firstDayOfWeek)\n      );\n    }\n\n    super.update(props);\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected _handleInteraction(event: Event): void {\n    const value = getViewElement(event);\n\n    if (value !== -1) {\n      const date = CalendarDay.from(new Date(value));\n\n      if (this._rangePreviewDate) {\n        this._setRangePreviewDate();\n      }\n\n      if (this._selectDate(date)) {\n        this.emitEvent('igcChange', { detail: date.native });\n      }\n\n      if (event.type === 'click') {\n        this.emitEvent('igcActiveDateChange', { detail: date.native });\n        this._activeDate = date;\n      }\n    }\n  }\n\n  //#endregion\n\n  //#region Internal selection methods\n\n  private _selectDate(value: CalendarDay): boolean {\n    if (isDateInRanges(value, this._disabledDates)) {\n      return false;\n    }\n\n    switch (this.selection) {\n      case 'single':\n        if (this._value?.equalTo(value)) {\n          return false;\n        }\n        this._value = value;\n        break;\n      case 'multiple':\n        this._selectMultiple(value);\n        break;\n      case 'range':\n        this._selectRange(value);\n        break;\n    }\n\n    return true;\n  }\n\n  private _selectMultiple(day: CalendarDay): void {\n    const idx = this._values.findIndex((v) => v.equalTo(day));\n\n    if (idx < 0) {\n      this._values.push(day);\n    } else {\n      this._values.splice(idx, 1);\n    }\n\n    this._values = this._values.toSorted((a, b) => a.timestamp - b.timestamp);\n  }\n\n  private _selectRange(day: CalendarDay): void {\n    // Start a new range selection\n    if (this._values.length !== 1) {\n      this._values = [day];\n      return;\n    }\n\n    const rangeStart = this._rangeStart!;\n\n    // Clicking the same date clears the selection\n    if (rangeStart.equalTo(day)) {\n      this._values = [];\n      return;\n    }\n\n    // Build the complete range, ensuring correct order\n    const [start, end] = rangeStart.greaterThan(day)\n      ? [day, rangeStart]\n      : [rangeStart, day];\n\n    const range = Array.from(calendarRange({ start, end }));\n    range.push(last(range).add('day', 1));\n\n    // Filter out disabled dates\n    this._values = range.filter((v) => !isDateInRanges(v, this._disabledDates));\n  }\n\n  private _isSelected(day: CalendarDay): boolean {\n    if (isDateInRanges(day, this._disabledDates)) {\n      return false;\n    }\n\n    switch (this.selection) {\n      case 'single':\n        return Boolean(this._value?.equalTo(day));\n\n      case 'multiple':\n        return (\n          this._hasValues &&\n          isDateInRanges(day, [\n            { type: DateRangeType.Specific, dateRange: this.values },\n          ])\n        );\n\n      case 'range':\n        return (\n          this._hasValues &&\n          isDateInRanges(day, [\n            {\n              type: DateRangeType.Between,\n              dateRange: [this._rangeStart!.native, this._rangeEnd!.native],\n            },\n          ])\n        );\n    }\n  }\n\n  //#endregion\n\n  //#region Range helpers\n\n  private _setRangePreviewDate(day?: CalendarDay): void {\n    this._rangePreviewDate = day;\n    this.emitEvent('igcRangePreviewDateChange', {\n      detail: day ? day.native : undefined,\n    });\n  }\n\n  private _changeRangePreview(day: CalendarDay): void {\n    if (this._values.length === 1 && !first(this._values).equalTo(day)) {\n      this._setRangePreviewDate(day);\n    }\n  }\n\n  private _clearRangePreview(): void {\n    if (this._rangePreviewDate) {\n      this._setRangePreviewDate();\n    }\n  }\n\n  /** Gets the effective start of the visual range, accounting for preview. */\n  private _getEffectiveRangeStart(): CalendarDay | undefined {\n    if (!this._rangeStart) return undefined;\n\n    return this._rangePreviewDate?.lessThan(this._rangeStart)\n      ? this._rangePreviewDate\n      : this._rangeStart;\n  }\n\n  /** Gets the effective end of the visual range, accounting for preview. */\n  private _getEffectiveRangeEnd(): CalendarDay | undefined {\n    if (!this._rangeEnd) return undefined;\n\n    return this._rangePreviewDate?.greaterThan(this._rangeEnd)\n      ? this._rangePreviewDate\n      : this._rangeEnd;\n  }\n\n  private _isFirstInRange(day: CalendarDay): boolean {\n    const effectiveStart = this._getEffectiveRangeStart();\n    return this._isRange && Boolean(effectiveStart?.equalTo(day));\n  }\n\n  private _isLastInRange(day: CalendarDay): boolean {\n    const effectiveEnd = this._getEffectiveRangeEnd();\n    return this._isRange && Boolean(effectiveEnd?.equalTo(day));\n  }\n\n  private _isRangeDate(day: CalendarDay): boolean {\n    if (!this._hasValues) return false;\n\n    const isSingleSelection = this._values.length === 1;\n    if (isSingleSelection && !this._rangePreviewDate) return false;\n\n    const max = isSingleSelection ? this._rangePreviewDate! : this._rangeEnd!;\n\n    return isDateInRanges(day, [\n      {\n        type: DateRangeType.Between,\n        dateRange: [this._rangeStart!.native, max.native],\n      },\n    ]);\n  }\n\n  private _isRangePreview(day: CalendarDay): boolean {\n    if (!this._hasValues || !this._rangePreviewDate) return false;\n\n    return isDateInRanges(day, [\n      {\n        type: DateRangeType.Between,\n        dateRange: [this._rangeStart!.native, this._rangePreviewDate.native],\n      },\n    ]);\n  }\n\n  //#endregion\n\n  //#region Internal methods\n\n  private _intlFormatDay(day: CalendarDay): string {\n    const fmt = getDateFormatter().getIntlFormatter(this.locale, {\n      weekday: 'long',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n    });\n\n    // Range selection in progress\n    if (this._rangePreviewDate?.equalTo(day)) {\n      return fmt.formatRange(\n        first(this._values).native,\n        this._rangePreviewDate.native\n      );\n    }\n\n    // Range selection finished\n    if (this._isFirstInRange(day) || this._isLastInRange(day)) {\n      return fmt.formatRange(\n        first(this._values).native,\n        last(this._values).native\n      );\n    }\n\n    // Default\n    return fmt.format(day.native);\n  }\n\n  private _getDayHandlers(day: CalendarDay) {\n    if (!this._isRange) {\n      return { changePreview: nothing, clearPreview: nothing };\n    }\n\n    return {\n      changePreview: this._changeRangePreview.bind(this, day),\n      clearPreview: this._clearRangePreview.bind(this),\n    };\n  }\n\n  private _getDayProperties(\n    day: CalendarDay,\n    today: CalendarDay\n  ): DayProperties {\n    const inactive = !areSameMonth(day, this._activeDate);\n    const disabled = isDateInRanges(day, this._disabledDates);\n\n    const hidden =\n      (this.hideLeadingDays && isPreviousMonth(day, this._activeDate)) ||\n      (this.hideTrailingDays && isNextMonth(day, this._activeDate));\n\n    return {\n      disabled: disabled || hidden,\n      first: this._isFirstInRange(day),\n      last: this._isLastInRange(day),\n      range: this._isRange && this._isRangeDate(day),\n      preview: this._isRange && this._isRangePreview(day),\n      current: !inactive && day.equalTo(today),\n      inactive,\n      hidden,\n      weekend: day.weekend,\n      single: !this._isRange,\n      selected: !disabled && this._isSelected(day),\n      special: !inactive && isDateInRanges(day, this._specialDates),\n    };\n  }\n\n  //#endregion\n\n  //#region Public methods\n\n  /** Focuses the active date. */\n  public focusActiveDate(options?: FocusOptions): void {\n    this._activeDay?.focus(options);\n  }\n\n  //#endregion\n\n  protected _renderDayWithProps(\n    day: CalendarDay,\n    props: DayProperties\n  ): TemplateResult {\n    const ariaLabel = this._intlFormatDay(day);\n    const { changePreview, clearPreview } = this._getDayHandlers(day);\n\n    return html`\n      <span part=${partMap({ date: true, ...props })}>\n        <span\n          role=\"gridcell\"\n          part=${partMap({ 'date-inner': true, ...props })}\n          aria-label=${ariaLabel}\n          aria-disabled=${props.disabled}\n          aria-selected=${props.selected}\n          data-value=${day.timestamp}\n          tabindex=${day.equalTo(this._activeDate) ? 0 : -1}\n          @focus=${changePreview}\n          @blur=${clearPreview}\n          @pointerenter=${changePreview}\n          @pointerleave=${clearPreview}\n        >\n          ${day.date}\n        </span>\n      </span>\n    `;\n  }\n\n  protected _renderHeaderWeekNumber() {\n    return html`\n      <span role=\"columnheader\" part=\"label week-number first\">\n        <span part=\"week-number-inner first\">\n          ${this.resourceStrings.weekLabel}\n        </span>\n      </span>\n    `;\n  }\n\n  protected _renderWeekNumber(start: CalendarDay, last: boolean) {\n    return html`\n      <span role=\"rowheader\" part=${partMap({ 'week-number': true, last })}>\n        <span part=${partMap({ 'week-number-inner': true, last })}>\n          ${start.week}\n        </span>\n      </span>\n    `;\n  }\n\n  protected _renderHeaders() {\n    const label = getDateFormatter().getIntlFormatter(this.locale, {\n      weekday: this.weekDayFormat,\n    });\n    const aria = getDateFormatter().getIntlFormatter(this.locale, {\n      weekday: 'long',\n    });\n    const days = take(\n      generateMonth(this._activeDate, this._firstDayOfWeek),\n      DAYS_IN_WEEK\n    );\n\n    const weekNumber = this.showWeekNumbers\n      ? this._renderHeaderWeekNumber()\n      : nothing;\n\n    const headers = days.map(\n      (day) => html`\n        <span\n          role=\"columnheader\"\n          part=\"label\"\n          aria-label=${aria.format(day.native)}\n        >\n          <span part=\"label-inner\">${label.format(day.native)}</span>\n        </span>\n      `\n    );\n\n    return html`\n      <div role=\"row\" part=\"days-row first\">${weekNumber}${headers}</div>\n    `;\n  }\n\n  protected *_renderWeeks(): Generator<TemplateResult> {\n    const today = CalendarDay.today;\n    const weeks = Array.from(chunk(this._dates, DAYS_IN_WEEK));\n    const lastIndex = weeks.length - 1;\n\n    // Pre-compute day properties for all dates to avoid redundant calculations\n    const dayPropertiesMap = new Map<number, DayProperties>();\n    for (const day of this._dates) {\n      dayPropertiesMap.set(day.timestamp, this._getDayProperties(day, today));\n    }\n\n    for (const [idx, week] of weeks.entries()) {\n      const isEdgeWeek = idx === 0 || idx === lastIndex;\n      const isLast = idx === lastIndex;\n\n      // Only check hidden state for first and last weeks\n      const hidden =\n        isEdgeWeek &&\n        week.every((day) => dayPropertiesMap.get(day.timestamp)!.hidden);\n\n      yield html`\n        <div role=\"row\" part=\"days-row\" aria-hidden=${hidden}>\n          ${this.showWeekNumbers\n            ? this._renderWeekNumber(week[0], isLast)\n            : nothing}\n          ${week.map((day) =>\n            this._renderDayWithProps(day, dayPropertiesMap.get(day.timestamp)!)\n          )}\n        </div>\n      `;\n    }\n  }\n\n  protected override render() {\n    return html`${this._renderHeaders()}${this._renderWeeks()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-days-view': IgcDaysViewComponent;\n  }\n}\n"]}