igniteui-webcomponents 7.2.3 → 7.3.0-beta.0

package/components/calendar/days-view/days-view.d.ts

@@ -1,12 +1,35 @@
 import { type PropertyValues, type TemplateResult } from 'lit';
-import type { Constructor } from '../../common/mixins/constructor.js';
+import { CalendarDay } from '#internals/date/model.js';
+import type { Constructor } from '#internals/mixins/constructor.js';
 import { IgcCalendarBaseComponent } from '../base.js';
-import { CalendarDay } from '../model.js';
-import { type IgcCalendarComponentEventMap } from '../types.js';
-export interface IgcDaysViewEventMap extends IgcCalendarComponentEventMap {
+import type { IgcCalendarViewComponentEventMap } from '../types.js';
+export interface IgcDaysViewEventMap extends IgcCalendarViewComponentEventMap {
     igcActiveDateChange: CustomEvent<Date>;
     igcRangePreviewDateChange: CustomEvent<Date>;
 }
+/** Inclusive timestamp bounds of a range of days. */
+interface DayBounds {
+    min: number;
+    max: number;
+}
+/** State derived once per render pass and shared by every day cell. */
+interface DayRenderContext {
+    today: CalendarDay;
+    /** Formats the accessible label of a cell. */
+    formatter: Intl.DateTimeFormat;
+    /** The dates selected in `multiple` selection. */
+    selectedDates: Set<number>;
+    /** The selected range in `range` selection. */
+    selectedRange?: DayBounds;
+    /** The dates rendered as part of the current range, including the previewed ones. */
+    rangeDates?: DayBounds;
+    /** The dates rendered as previewed. */
+    previewDates?: DayBounds;
+    /** The first date of the current range, accounting for the preview. */
+    first?: number;
+    /** The last date of the current range, accounting for the preview. */
+    last?: number;
+}
 interface DayProperties {
     disabled: boolean;
     first: boolean;
@@ -21,7 +44,7 @@ interface DayProperties {
     selected: boolean;
     special: boolean;
 }
-declare const IgcDaysViewComponent_base: Constructor<import("../../common/mixins/event-emitter.js").EventEmitterInterface<IgcDaysViewEventMap>> & Constructor<IgcCalendarBaseComponent>;
+declare const IgcDaysViewComponent_base: Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcDaysViewEventMap>> & Constructor<IgcCalendarBaseComponent>;
 /**
  * Instantiate a days view as a separate component in the calendar.
  *
@@ -42,12 +65,18 @@ export default class IgcDaysViewComponent extends IgcDaysViewComponent_base {
     static register(): void;
     private _dates;
     private _activeDay?;
-    /** Returns the first date in the current range selection. */
     private get _rangeStart();
-    /** Returns the last date in the current range selection. */
     private get _rangeEnd();
     private get _weekLabel();
-    /** The active state of the component. */
+    /**
+     * The active state of the component.
+     *
+     * @remarks
+     * Only the active view holds the tab stop of its active date, so that a multi-month
+     * calendar exposes a single tab stop instead of one per rendered month.
+     *
+     * @default true
+     */
     active: boolean;
     /**
      * Whether to show leading days which do not belong to the current month.
@@ -69,31 +98,29 @@ export default class IgcDaysViewComponent extends IgcDaysViewComponent_base {
     weekDayFormat: 'long' | 'short' | 'narrow';
     constructor();
     /** @internal */
-    connectedCallback(): void;
-    /** @internal */
-    protected update(props: PropertyValues<this>): void;
+    protected update(props: PropertyValues): void;
     protected _handleInteraction(event: Event): void;
+    /**
+     * Applies the activation of `value` to the selection of this view.
+     *
+     * @remarks
+     * A view inside a calendar has its selection pushed back down by it on the next render.
+     * This is what keeps a stand-alone one selecting on its own.
+     */
     private _selectDate;
-    private _selectMultiple;
-    private _selectRange;
+    /** Whether `day` is selected. Disabled dates are excluded by the caller. */
     private _isSelected;
     private _setRangePreviewDate;
     private _changeRangePreview;
     private _clearRangePreview;
-    /** Gets the effective start of the visual range, accounting for preview. */
-    private _getEffectiveRangeStart;
-    /** Gets the effective end of the visual range, accounting for preview. */
-    private _getEffectiveRangeEnd;
-    private _isFirstInRange;
-    private _isLastInRange;
-    private _isRangeDate;
-    private _isRangePreview;
+    /** Resolves the selection state shared by all cells of the current render pass. */
+    private _createRenderContext;
     private _intlFormatDay;
     private _getDayHandlers;
     private _getDayProperties;
     /** Focuses the active date. */
     focusActiveDate(options?: FocusOptions): void;
-    protected _renderDayWithProps(day: CalendarDay, props: DayProperties): TemplateResult;
+    protected _renderDayWithProps(day: CalendarDay, props: DayProperties, context: DayRenderContext): TemplateResult;
     protected _renderHeaderWeekNumber(): TemplateResult<1>;
     protected _renderWeekNumber(start: CalendarDay, last: boolean): TemplateResult<1>;
     protected _renderHeaders(): TemplateResult<1>;

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

@@ -8,20 +8,31 @@ var IgcDaysViewComponent_1;
 import { getDateFormatter, getDisplayNamesFormatter } 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 { registerComponent } from '../../common/definitions/register.js';
-import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
-import { partMap } from '../../common/part-map.js';
-import { addSafeEventListener, chunk, first, last } from '../../common/util.js';
+import { addInternalsController } from '#internals/controllers/internals.js';
+import { addKeybindings } from '#internals/controllers/key-bindings.js';
+import { CalendarDay, DAYS_IN_WEEK } from '#internals/date/model.js';
+import { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';
+import { blazorSuppressComponent } from '#internals/decorators/blazorSuppressComponent.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
+import { partMap } from '#internals/part-map.js';
+import { chunk, firstOf, lastOf } from '#internals/utils/arrays.js';
+import { addSafeEventListener } from '#internals/utils/events.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import { IgcCalendarBaseComponent } from '../base.js';
-import { areSameMonth, calendarRange, generateMonth, getViewElement, isDateInRanges, isNextMonth, isPreviousMonth, } from '../helpers.js';
-import { CalendarDay, DAYS_IN_WEEK } from '../model.js';
-import { all } from '../themes/days.js';
+import { areSameMonth, generateMonth, getViewElement, isDateInRanges, isNextMonth, isPreviousMonth, } from '../helpers.js';
+import { selectDate } from '../selection.js';
 import { styles } from '../themes/days-view.base.css.js';
-import { DateRangeType } from '../types.js';
+import { all } from '../themes/days.js';
+function boundsOf(first, second) {
+    const [a, b] = [first.timestamp, second.timestamp];
+    return { min: Math.min(a, b), max: Math.max(a, b) };
+}
+function isInBounds(day, bounds) {
+    return bounds
+        ? day.timestamp >= bounds.min && day.timestamp <= bounds.max
+        : false;
+}
 let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(IgcCalendarBaseComponent) {
     static { IgcDaysViewComponent_1 = this; }
     static { this.tagName = 'igc-days-view'; }
@@ -30,10 +41,10 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
         registerComponent(IgcDaysViewComponent_1);
     }
     get _rangeStart() {
-        return this._hasValues ? first(this._values) : undefined;
+        return this._hasValues ? firstOf(this._values) : undefined;
     }
     get _rangeEnd() {
-        return this._hasValues ? last(this._values) : undefined;
+        return this._hasValues ? lastOf(this._values) : undefined;
     }
     get _weekLabel() {
         return getDisplayNamesFormatter().getWeekLabel(this.locale, {
@@ -49,20 +60,20 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
     constructor() {
         super();
         this._dates = [];
-        this.active = false;
+        this.active = true;
         this.hideLeadingDays = false;
         this.hideTrailingDays = false;
         this.weekDayFormat = 'narrow';
+        addInternalsController(this, {
+            initialARIA: { role: 'grid' },
+            reflectRole: true,
+        });
         addThemingController(this, all);
         addKeybindings(this).setActivateHandler(this._handleInteraction);
         addSafeEventListener(this, 'click', this._handleInteraction);
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.role = 'grid';
-    }
     update(props) {
-        if (props.has('activeDate') || props.has('weekStart')) {
+        if (props.has('_activeDate') || props.has('weekStart')) {
             this._dates = Array.from(generateMonth(this._activeDate, this._firstDayOfWeek));
         }
         super.update(props);
@@ -84,72 +95,22 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
         }
     }
     _selectDate(value) {
-        if (isDateInRanges(value, this._disabledDates)) {
+        const selection = selectDate({ value: this._value, values: this._values }, value, { selection: this.selection, disabledDates: this._disabledDates });
+        if (!selection) {
             return false;
         }
-        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;
-        }
+        this._value = selection.value;
+        this._values = selection.values;
         return true;
     }
-    _selectMultiple(day) {
-        const idx = this._values.findIndex((v) => v.equalTo(day));
-        if (idx < 0) {
-            this._values.push(day);
-        }
-        else {
-            this._values.splice(idx, 1);
-        }
-        this._values = this._values.toSorted((a, b) => a.timestamp - b.timestamp);
-    }
-    _selectRange(day) {
-        if (this._values.length !== 1) {
-            this._values = [day];
-            return;
-        }
-        const rangeStart = this._rangeStart;
-        if (rangeStart.equalTo(day)) {
-            this._values = [];
-            return;
-        }
-        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;
-        }
+    _isSelected(day, context) {
         switch (this.selection) {
             case 'single':
                 return Boolean(this._value?.equalTo(day));
             case 'multiple':
-                return (this._hasValues &&
-                    isDateInRanges(day, [
-                        { type: DateRangeType.Specific, dateRange: this.values },
-                    ]));
+                return context.selectedDates.has(day.timestamp);
             case 'range':
-                return (this._hasValues &&
-                    isDateInRanges(day, [
-                        {
-                            type: DateRangeType.Between,
-                            dateRange: [this._rangeStart.native, this._rangeEnd.native],
-                        },
-                    ]));
+                return isInBounds(day, context.selectedRange);
         }
     }
     _setRangePreviewDate(day) {
@@ -159,7 +120,7 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
         });
     }
     _changeRangePreview(day) {
-        if (this._values.length === 1 && !first(this._values).equalTo(day)) {
+        if (this._values.length === 1 && !this._rangeStart.equalTo(day)) {
             this._setRangePreviewDate(day);
         }
     }
@@ -168,66 +129,50 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
             this._setRangePreviewDate();
         }
     }
-    _getEffectiveRangeStart() {
-        if (!this._rangeStart)
-            return undefined;
-        return this._rangePreviewDate?.lessThan(this._rangeStart)
-            ? this._rangePreviewDate
-            : this._rangeStart;
-    }
-    _getEffectiveRangeEnd() {
-        if (!this._rangeEnd)
-            return undefined;
-        return this._rangePreviewDate?.greaterThan(this._rangeEnd)
-            ? this._rangePreviewDate
-            : this._rangeEnd;
-    }
-    _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 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: [this._rangeStart.native, max.native],
-            },
-        ]);
-    }
-    _isRangePreview(day) {
-        if (!this._hasValues || !this._rangePreviewDate)
-            return false;
-        return isDateInRanges(day, [
-            {
-                type: DateRangeType.Between,
-                dateRange: [this._rangeStart.native, this._rangePreviewDate.native],
-            },
-        ]);
+    _createRenderContext() {
+        const context = {
+            today: CalendarDay.today,
+            formatter: getDateFormatter().getIntlFormatter(this.locale, {
+                weekday: 'long',
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric',
+            }),
+            selectedDates: new Set(),
+        };
+        if (this._isMultiple) {
+            for (const value of this._values) {
+                context.selectedDates.add(value.timestamp);
+            }
+            return context;
+        }
+        if (!this._isRange || !this._hasValues) {
+            return context;
+        }
+        const start = this._rangeStart;
+        const end = this._rangeEnd;
+        const preview = this._rangePreviewDate;
+        context.selectedRange = boundsOf(start, end);
+        context.first = (preview?.lessThan(start) ? preview : start).timestamp;
+        context.last = (preview?.greaterThan(end) ? preview : end).timestamp;
+        if (preview) {
+            context.previewDates = boundsOf(start, preview);
+        }
+        const rangeEnd = this._values.length === 1 ? preview : end;
+        if (rangeEnd) {
+            context.rangeDates = boundsOf(start, rangeEnd);
+        }
+        return context;
     }
-    _intlFormatDay(day) {
-        const fmt = getDateFormatter().getIntlFormatter(this.locale, {
-            weekday: 'long',
-            year: 'numeric',
-            month: 'long',
-            day: 'numeric',
-        });
+    _intlFormatDay(day, context) {
+        const { formatter, first, last } = context;
         if (this._rangePreviewDate?.equalTo(day)) {
-            return fmt.formatRange(first(this._values).native, this._rangePreviewDate.native);
+            return formatter.formatRange(this._rangeStart.native, this._rangePreviewDate.native);
         }
-        if (this._isFirstInRange(day) || this._isLastInRange(day)) {
-            return fmt.formatRange(first(this._values).native, last(this._values).native);
+        if (day.timestamp === first || day.timestamp === last) {
+            return formatter.formatRange(this._rangeStart.native, this._rangeEnd.native);
         }
-        return fmt.format(day.native);
+        return formatter.format(day.native);
     }
     _getDayHandlers(day) {
         if (!this._isRange) {
@@ -238,31 +183,31 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
             clearPreview: this._clearRangePreview.bind(this),
         };
     }
-    _getDayProperties(day, today) {
+    _getDayProperties(day, context) {
         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: this._isRange && this._isRangeDate(day),
-            preview: this._isRange && this._isRangePreview(day),
-            current: !inactive && day.equalTo(today),
+            first: day.timestamp === context.first,
+            last: day.timestamp === context.last,
+            range: isInBounds(day, context.rangeDates),
+            preview: isInBounds(day, context.previewDates),
+            current: !inactive && day.equalTo(context.today),
             inactive,
             hidden,
             weekend: day.weekend,
             single: !this._isRange,
-            selected: !disabled && this._isSelected(day),
+            selected: !disabled && this._isSelected(day, context),
             special: !inactive && isDateInRanges(day, this._specialDates),
         };
     }
     focusActiveDate(options) {
         this._activeDay?.focus(options);
     }
-    _renderDayWithProps(day, props) {
-        const ariaLabel = this._intlFormatDay(day);
+    _renderDayWithProps(day, props, context) {
+        const ariaLabel = this._intlFormatDay(day, context);
         const { changePreview, clearPreview } = this._getDayHandlers(day);
         return html `
       <span part=${partMap({ date: true, ...props })}>
@@ -273,7 +218,7 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
           aria-disabled=${props.disabled}
           aria-selected=${props.selected}
           data-value=${day.timestamp}
-          tabindex=${day.equalTo(this._activeDate) ? 0 : -1}
+          tabindex=${this.active && day.equalTo(this._activeDate) ? 0 : -1}
           @focus=${changePreview}
           @blur=${clearPreview}
           @pointerenter=${changePreview}
@@ -310,39 +255,33 @@ let IgcDaysViewComponent = class IgcDaysViewComponent extends EventEmitterMixin(
         const weekNumber = this.showWeekNumbers
             ? this._renderHeaderWeekNumber()
             : nothing;
-        const headers = generateMonth(this._activeDate, this._firstDayOfWeek)
-            .take(DAYS_IN_WEEK)
-            .map((day) => html `
-          <span
-            role="columnheader"
-            part="label"
-            aria-label=${aria.format(day.native)}
-          >
-            <span part="label-inner">${label.format(day.native)}</span>
-          </span>
-        `)
-            .toArray();
+        const headers = this._dates.slice(0, DAYS_IN_WEEK).map((day) => html `
+        <span
+          role="columnheader"
+          part="label"
+          aria-label=${aria.format(day.native)}
+        >
+          <span part="label-inner">${label.format(day.native)}</span>
+        </span>
+      `);
         return html `
       <div role="row" part="days-row first">${weekNumber}${headers}</div>
     `;
     }
     *_renderWeeks() {
-        const today = CalendarDay.today;
+        const context = this._createRenderContext();
         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()) {
             const isLast = idx === lastIndex;
-            const hidden = week.every((day) => dayPropertiesMap.get(day.timestamp).hidden);
+            const properties = week.map((day) => this._getDayProperties(day, context));
+            const hidden = properties.every((props) => props.hidden);
             yield html `
         <div role="row" part="days-row" aria-hidden=${hidden}>
           ${this.showWeekNumbers
                 ? this._renderWeekNumber(week[0], isLast)
                 : nothing}
-          ${week.map((day) => this._renderDayWithProps(day, dayPropertiesMap.get(day.timestamp)))}
+          ${week.map((day, i) => this._renderDayWithProps(day, properties[i], context))}
         </div>
       `;
         }

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 { getDateFormatter, getDisplayNamesFormatter } 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 { addSafeEventListener, chunk, first, last } 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  private get _weekLabel(): string {\n    return getDisplayNamesFormatter().getWeekLabel(this.locale, {\n      style: 'short',\n    });\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\"> ${this._weekLabel} </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\n    const weekNumber = this.showWeekNumbers\n      ? this._renderHeaderWeekNumber()\n      : nothing;\n\n    const headers = generateMonth(this._activeDate, this._firstDayOfWeek)\n      .take(DAYS_IN_WEEK)\n      .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      .toArray();\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\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 isLast = idx === lastIndex;\n\n      const hidden = week.every(\n        (day) => dayPropertiesMap.get(day.timestamp)!.hidden\n      );\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"]}
+{"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, getDisplayNamesFormatter } from 'igniteui-i18n-core';\nimport { html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { addInternalsController } from '#internals/controllers/internals.js';\nimport { addKeybindings } from '#internals/controllers/key-bindings.js';\nimport { CalendarDay, DAYS_IN_WEEK } from '#internals/date/model.js';\nimport { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '#internals/decorators/blazorSuppressComponent.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { Constructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { partMap } from '#internals/part-map.js';\nimport { chunk, firstOf, lastOf } from '#internals/utils/arrays.js';\nimport { addSafeEventListener } from '#internals/utils/events.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport { IgcCalendarBaseComponent } from '../base.js';\nimport {\n  areSameMonth,\n  generateMonth,\n  getViewElement,\n  isDateInRanges,\n  isNextMonth,\n  isPreviousMonth,\n} from '../helpers.js';\nimport { selectDate } from '../selection.js';\nimport { styles } from '../themes/days-view.base.css.js';\nimport { all } from '../themes/days.js';\nimport type { IgcCalendarViewComponentEventMap } from '../types.js';\n\nexport interface IgcDaysViewEventMap extends IgcCalendarViewComponentEventMap {\n  igcActiveDateChange: CustomEvent<Date>;\n  igcRangePreviewDateChange: CustomEvent<Date>;\n}\n\n/** Inclusive timestamp bounds of a range of days. */\ninterface DayBounds {\n  min: number;\n  max: number;\n}\n\n/** State derived once per render pass and shared by every day cell. */\ninterface DayRenderContext {\n  today: CalendarDay;\n  /** Formats the accessible label of a cell. */\n  formatter: Intl.DateTimeFormat;\n  /** The dates selected in `multiple` selection. */\n  selectedDates: Set<number>;\n  /** The selected range in `range` selection. */\n  selectedRange?: DayBounds;\n  /** The dates rendered as part of the current range, including the previewed ones. */\n  rangeDates?: DayBounds;\n  /** The dates rendered as previewed. */\n  previewDates?: DayBounds;\n  /** The first date of the current range, accounting for the preview. */\n  first?: number;\n  /** The last date of the current range, accounting for the preview. */\n  last?: number;\n}\n\nfunction boundsOf(first: CalendarDay, second: CalendarDay): DayBounds {\n  const [a, b] = [first.timestamp, second.timestamp];\n  return { min: Math.min(a, b), max: Math.max(a, b) };\n}\n\nfunction isInBounds(day: CalendarDay, bounds?: DayBounds): boolean {\n  return bounds\n    ? day.timestamp >= bounds.min && day.timestamp <= bounds.max\n    : false;\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  private get _rangeStart(): CalendarDay | undefined {\n    return this._hasValues ? firstOf(this._values) : undefined;\n  }\n\n  private get _rangeEnd(): CalendarDay | undefined {\n    return this._hasValues ? lastOf(this._values) : undefined;\n  }\n\n  private get _weekLabel(): string {\n    return getDisplayNamesFormatter().getWeekLabel(this.locale, {\n      style: 'short',\n    });\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * The active state of the component.\n   *\n   * @remarks\n   * Only the active view holds the tab stop of its active date, so that a multi-month\n   * calendar exposes a single tab stop instead of one per rendered month.\n   *\n   * @default true\n   */\n  @property({ type: Boolean })\n  public active = true;\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    addInternalsController(this, {\n      initialARIA: { role: 'grid' },\n      reflectRole: true,\n    });\n    addThemingController(this, all);\n    addKeybindings(this).setActivateHandler(this._handleInteraction);\n    addSafeEventListener(this, 'click', this._handleInteraction);\n  }\n\n  /** @internal */\n  protected override update(props: PropertyValues): 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  /**\n   * Applies the activation of `value` to the selection of this view.\n   *\n   * @remarks\n   * A view inside a calendar has its selection pushed back down by it on the next render.\n   * This is what keeps a stand-alone one selecting on its own.\n   */\n  private _selectDate(value: CalendarDay): boolean {\n    const selection = selectDate(\n      { value: this._value, values: this._values },\n      value,\n      { selection: this.selection, disabledDates: this._disabledDates }\n    );\n\n    if (!selection) {\n      return false;\n    }\n\n    this._value = selection.value;\n    this._values = selection.values;\n\n    return true;\n  }\n\n  /** Whether `day` is selected. Disabled dates are excluded by the caller. */\n  private _isSelected(day: CalendarDay, context: DayRenderContext): boolean {\n    switch (this.selection) {\n      case 'single':\n        return Boolean(this._value?.equalTo(day));\n\n      case 'multiple':\n        return context.selectedDates.has(day.timestamp);\n\n      case 'range':\n        return isInBounds(day, context.selectedRange);\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 && !this._rangeStart!.equalTo(day)) {\n      this._setRangePreviewDate(day);\n    }\n  }\n\n  private _clearRangePreview(): void {\n    if (this._rangePreviewDate) {\n      this._setRangePreviewDate();\n    }\n  }\n\n  //#endregion\n\n  //#region Internal methods\n\n  /** Resolves the selection state shared by all cells of the current render pass. */\n  private _createRenderContext(): DayRenderContext {\n    const context: DayRenderContext = {\n      today: CalendarDay.today,\n      formatter: getDateFormatter().getIntlFormatter(this.locale, {\n        weekday: 'long',\n        year: 'numeric',\n        month: 'long',\n        day: 'numeric',\n      }),\n      selectedDates: new Set(),\n    };\n\n    if (this._isMultiple) {\n      for (const value of this._values) {\n        context.selectedDates.add(value.timestamp);\n      }\n      return context;\n    }\n\n    if (!this._isRange || !this._hasValues) {\n      return context;\n    }\n\n    const start = this._rangeStart!;\n    const end = this._rangeEnd!;\n    const preview = this._rangePreviewDate;\n\n    context.selectedRange = boundsOf(start, end);\n\n    // The endpoints of the range extend to the previewed date while it is outside of it\n    context.first = (preview?.lessThan(start) ? preview : start).timestamp;\n    context.last = (preview?.greaterThan(end) ? preview : end).timestamp;\n\n    if (preview) {\n      context.previewDates = boundsOf(start, preview);\n    }\n\n    // A single selected date renders as a range only while a second one is previewed\n    const rangeEnd = this._values.length === 1 ? preview : end;\n\n    if (rangeEnd) {\n      context.rangeDates = boundsOf(start, rangeEnd);\n    }\n\n    return context;\n  }\n\n  private _intlFormatDay(day: CalendarDay, context: DayRenderContext): string {\n    const { formatter, first, last } = context;\n\n    // Range selection in progress\n    if (this._rangePreviewDate?.equalTo(day)) {\n      return formatter.formatRange(\n        this._rangeStart!.native,\n        this._rangePreviewDate.native\n      );\n    }\n\n    // Range selection finished\n    if (day.timestamp === first || day.timestamp === last) {\n      return formatter.formatRange(\n        this._rangeStart!.native,\n        this._rangeEnd!.native\n      );\n    }\n\n    return formatter.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    context: DayRenderContext\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: day.timestamp === context.first,\n      last: day.timestamp === context.last,\n      range: isInBounds(day, context.rangeDates),\n      preview: isInBounds(day, context.previewDates),\n      current: !inactive && day.equalTo(context.today),\n      inactive,\n      hidden,\n      weekend: day.weekend,\n      single: !this._isRange,\n      selected: !disabled && this._isSelected(day, context),\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    context: DayRenderContext\n  ): TemplateResult {\n    const ariaLabel = this._intlFormatDay(day, context);\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=${this.active && 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\"> ${this._weekLabel} </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\n    const weekNumber = this.showWeekNumbers\n      ? this._renderHeaderWeekNumber()\n      : nothing;\n\n    // The first week of the grid, so that the labels cannot disagree with it\n    const headers = this._dates.slice(0, DAYS_IN_WEEK).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 context = this._createRenderContext();\n    const weeks = Array.from(chunk(this._dates, DAYS_IN_WEEK));\n    const lastIndex = weeks.length - 1;\n\n    for (const [idx, week] of weeks.entries()) {\n      const isLast = idx === lastIndex;\n      const properties = week.map((day) =>\n        this._getDayProperties(day, context)\n      );\n      const hidden = properties.every((props) => props.hidden);\n\n      yield html`\n        <div role=\"row\" part=\"days-row\" aria-hidden=${hidden}>\n          ${\n            this.showWeekNumbers\n              ? this._renderWeekNumber(week[0], isLast)\n              : nothing\n          }\n          ${week.map((day, i) =>\n            this._renderDayWithProps(day, properties[i], context)\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"]}