igniteui-webcomponents 7.3.1 → 7.4.0

package/components/button-group/toggle-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../src/components/button-group/toggle-button.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  html,\n  LitElement,\n  type PropertyValues,\n  type TemplateResult,\n} from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { buttonGroupContext } from '#internals/context.js';\nimport { createAsyncContext } from '#internals/controllers/async-consumer.js';\nimport { addKeyboardFocusRing } from '#internals/controllers/focus-ring.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { partMap } from '#internals/part-map.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport { styles } from './themes/button.base.css.js';\nimport { all } from './themes/button.js';\nimport { styles as shared } from './themes/shared/button/button.common.css.js';\n\n/**\n * The toggle button wraps a native button element and exposes additional `value` and `selected` properties.\n * It is used in the context of a button group to facilitate the creation of group/toolbar like UX behaviors.\n *\n * @element igc-toggle-button\n *\n * @slot Renders the label/content of the button.\n *\n * @csspart toggle - The native button element.\n * @csspart focused - The native button element when focused through a keyboard interaction.\n */\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcToggleButtonComponent extends LitElement {\n  public static override styles = [styles, shared];\n  public static readonly tagName = 'igc-toggle-button';\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcToggleButtonComponent);\n  }\n\n  private readonly _focusRingManager = addKeyboardFocusRing(this);\n  private readonly _context = createAsyncContext(this, buttonGroupContext);\n\n  @query('[part~=\"toggle\"]', true)\n  private readonly _nativeButton?: HTMLButtonElement;\n\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property()\n  public value!: string;\n\n  /**\n   * Whether the button is selected.\n   *\n   * @attr selected\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Whether the button is disabled.\n   *\n   * @attr disabled\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override updated(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('selected') && this.selected) {\n      this._context.value?.syncSelection(this);\n    }\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the button. */\n  public override focus(options?: FocusOptions): void {\n    this._nativeButton?.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the button. */\n  public override blur(): void {\n    this._nativeButton?.blur();\n  }\n\n  /** Simulates a mouse click on the element. */\n  public override click(): void {\n    this._nativeButton?.click();\n  }\n\n  protected override render(): TemplateResult {\n    const group = this._context.value?.instance;\n\n    // A button of a group with a single selection mode is a radio button, and it\n    // is disabled either on its own or through the group it is part of.\n    const isRadio = group != null && group.selection !== 'multiple';\n    const disabled = this.disabled || Boolean(group?.disabled);\n    const selectedState = this.selected ? 'true' : 'false';\n\n    return html`\n      <button\n        part=${partMap({\n          toggle: true,\n          focused: this._focusRingManager.focused,\n        })}\n        type=\"button\"\n        role=${ifDefined(isRadio ? 'radio' : undefined)}\n        ?disabled=${disabled}\n        .ariaLabel=${this.ariaLabel}\n        aria-checked=${ifDefined(isRadio ? selectedState : undefined)}\n        aria-pressed=${ifDefined(isRadio ? undefined : selectedState)}\n        aria-disabled=${disabled}\n      >\n        <slot></slot>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-toggle-button': IgcToggleButtonComponent;\n  }\n}\n"]}
+{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../src/components/button-group/toggle-button.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  html,\n  LitElement,\n  type PropertyValues,\n  type TemplateResult,\n} from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { buttonGroupContext } from '#internals/context.js';\nimport { createAsyncContext } from '#internals/controllers/async-consumer.js';\nimport { addKeyboardFocusRing } from '#internals/controllers/focus-ring.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { partMap } from '#internals/part-map.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport { styles } from './themes/button.base.css.js';\nimport { all } from './themes/button.js';\nimport { styles as shared } from './themes/shared/button/button.common.css.js';\n\n/**\n * The toggle button wraps a native button element and exposes additional `value` and `selected` properties.\n * It is used in the context of a button group to facilitate the creation of group/toolbar like UX behaviors.\n *\n * @element igc-toggle-button\n *\n * @slot - Renders the label/content of the button.\n *\n * @csspart toggle - The native button element.\n * @csspart focused - The native button element when focused through a keyboard interaction.\n */\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcToggleButtonComponent extends LitElement {\n  public static override styles = [styles, shared];\n  public static readonly tagName = 'igc-toggle-button';\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcToggleButtonComponent);\n  }\n\n  private readonly _focusRingManager = addKeyboardFocusRing(this);\n  private readonly _context = createAsyncContext(this, buttonGroupContext);\n\n  private _ownTabIndex?: string | null;\n\n  @query('[part~=\"toggle\"]', true)\n  private readonly _nativeButton?: HTMLButtonElement;\n\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property()\n  public value!: string;\n\n  /**\n   * Whether the button is selected.\n   *\n   * @attr selected\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Whether the button is disabled.\n   *\n   * @attr disabled\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  public override disconnectedCallback(): void {\n    this._releaseTabIndex();\n    super.disconnectedCallback();\n  }\n\n  protected override willUpdate(): void {\n    const group = this._context.value;\n\n    if (!group || group.instance !== this.parentElement) {\n      return;\n    }\n\n    if (this._ownTabIndex === undefined) {\n      this._ownTabIndex = this.getAttribute('tabindex');\n    }\n\n    group.isTabStop(this)\n      ? this.removeAttribute('tabindex')\n      : this.setAttribute('tabindex', '-1');\n  }\n\n  /** Gives the tab order a group took over back to the button. */\n  private _releaseTabIndex(): void {\n    if (this._ownTabIndex === undefined) {\n      return;\n    }\n\n    this._ownTabIndex === null\n      ? this.removeAttribute('tabindex')\n      : this.setAttribute('tabindex', this._ownTabIndex);\n\n    this._ownTabIndex = undefined;\n  }\n\n  protected override updated(changedProperties: PropertyValues<this>): void {\n    if (\n      changedProperties.has('selected') ||\n      changedProperties.has('disabled')\n    ) {\n      this._context.value?.syncState(this);\n    }\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the button. */\n  public override focus(options?: FocusOptions): void {\n    this._nativeButton?.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the button. */\n  public override blur(): void {\n    this._nativeButton?.blur();\n  }\n\n  /** Simulates a mouse click on the element. */\n  public override click(): void {\n    this._nativeButton?.click();\n  }\n\n  protected override render(): TemplateResult {\n    const group = this._context.value?.instance;\n\n    // A button of a group with a single selection mode is a radio button, and it\n    // is disabled either on its own or through the group it is part of.\n    const isRadio = group != null && group.selection !== 'multiple';\n    const disabled = this.disabled || Boolean(group?.disabled);\n    const selectedState = this.selected ? 'true' : 'false';\n\n    return html`\n      <button\n        part=${partMap({\n          toggle: true,\n          focused: this._focusRingManager.focused,\n        })}\n        type=\"button\"\n        role=${ifDefined(isRadio ? 'radio' : undefined)}\n        ?disabled=${disabled}\n        .ariaLabel=${this.ariaLabel}\n        aria-checked=${ifDefined(isRadio ? selectedState : undefined)}\n        aria-pressed=${ifDefined(isRadio ? undefined : selectedState)}\n        aria-disabled=${disabled}\n      >\n        <slot></slot>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-toggle-button': IgcToggleButtonComponent;\n  }\n}\n"]}

package/components/calendar/base.d.ts

@@ -6,6 +6,7 @@ import type { CalendarSelection, DateRangeDescriptor, WeekDays } from './types.j
 declare const IgcCalendarBaseComponent_base: import("../../internals/mixins/constructor.js").AbstractConstructor<import("#internals/mixins/i18n.js").I18nInterface<IgcCalendarResourceStrings | ICalendarResourceStrings, IgcCalendarResourceStrings & ICalendarResourceStrings>> & typeof LitElement;
 export declare class IgcCalendarBaseComponent extends IgcCalendarBaseComponent_base {
     private _initialActiveDateSet;
+    private _weekStart?;
     protected get _hasValues(): boolean;
     /**
      * The index of the first day of the week (Sunday = 0) as derived from {@link weekStart}.
@@ -57,10 +58,14 @@ export declare class IgcCalendarBaseComponent extends IgcCalendarBaseComponent_b
     showWeekNumbers: boolean;
     /**
      * Gets/Sets the first day of the week.
+     *
+     * @remarks
+     * When not set, the week starts on the first day of the week of the current {@link locale}.
+     * Setting `undefined` returns to the locale value.
      * @attr week-start
-     * @default sunday
      */
-    weekStart: WeekDays;
+    set weekStart(value: WeekDays | undefined);
+    get weekStart(): WeekDays;
     /**
      * Gets/Sets the special dates for the component.
      *

package/components/calendar/base.js

@@ -11,12 +11,13 @@ import { convertToDate, convertToDates } from '#internals/date/converters.js';
 import { CalendarDay, toCalendarDayOrNull } from '#internals/date/model.js';
 import { blazorDeepImport } from '#internals/decorators/blazorDeepImport.js';
 import { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';
+import { calendarResourcesMap } from '#internals/i18n/utils.js';
 import { I18nMixin } from '#internals/mixins/i18n.js';
 import { firstOf } from '#internals/utils/arrays.js';
-import { getWeekDayNumber } from './helpers.js';
+import { getLocaleWeekStart, getWeekDayNumber } from './helpers.js';
 const i18n = {
     defaultEN: CalendarResourceStringsEN,
-    resourceMapName: 'calendar',
+    resourceMap: calendarResourcesMap,
 };
 let IgcCalendarBaseComponent = class IgcCalendarBaseComponent extends I18nMixin(LitElement, i18n) {
     constructor() {
@@ -29,7 +30,6 @@ let IgcCalendarBaseComponent = class IgcCalendarBaseComponent extends I18nMixin(
         this._disabledDates = [];
         this.selection = 'single';
         this.showWeekNumbers = false;
-        this.weekStart = 'sunday';
     }
     get _hasValues() {
         return this._values.length > 0;
@@ -67,6 +67,12 @@ let IgcCalendarBaseComponent = class IgcCalendarBaseComponent extends I18nMixin(
     get activeDate() {
         return this._activeDate.native;
     }
+    set weekStart(value) {
+        this._weekStart = value ?? undefined;
+    }
+    get weekStart() {
+        return this._weekStart ?? getLocaleWeekStart(this.locale);
+    }
     set specialDates(value) {
         this._specialDates = value ?? [];
     }
@@ -134,7 +140,7 @@ __decorate([
 ], IgcCalendarBaseComponent.prototype, "showWeekNumbers", void 0);
 __decorate([
     property({ attribute: 'week-start' })
-], IgcCalendarBaseComponent.prototype, "weekStart", void 0);
+], IgcCalendarBaseComponent.prototype, "weekStart", null);
 __decorate([
     property({ attribute: false })
 ], IgcCalendarBaseComponent.prototype, "specialDates", null);

package/components/calendar/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/components/calendar/base.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CalendarResourceStringsEN,\n  type ICalendarResourceStrings,\n} from 'igniteui-i18n-core';\nimport { LitElement, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { convertToDate, convertToDates } from '#internals/date/converters.js';\nimport { CalendarDay, toCalendarDayOrNull } from '#internals/date/model.js';\nimport { blazorDeepImport } from '#internals/decorators/blazorDeepImport.js';\nimport { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';\nimport type { IgcCalendarResourceStrings } from '#internals/i18n/EN/calendar.resources.js';\nimport type { I18nControllerConfig } from '#internals/i18n/i18n-controller.js';\nimport { I18nMixin } from '#internals/mixins/i18n.js';\nimport { firstOf } from '#internals/utils/arrays.js';\nimport { getWeekDayNumber } from './helpers.js';\nimport type {\n  CalendarSelection,\n  DateRangeDescriptor,\n  WeekDays,\n} from './types.js';\n\nconst i18n: I18nControllerConfig<\n  IgcCalendarResourceStrings | ICalendarResourceStrings\n> = {\n  defaultEN: CalendarResourceStringsEN,\n  resourceMapName: 'calendar',\n};\n\n@blazorIndirectRender\n@blazorDeepImport\nexport class IgcCalendarBaseComponent extends I18nMixin<\n  IgcCalendarResourceStrings | ICalendarResourceStrings,\n  typeof LitElement,\n  IgcCalendarResourceStrings & ICalendarResourceStrings\n>(LitElement, i18n) {\n  private _initialActiveDateSet = false;\n\n  protected get _hasValues(): boolean {\n    return this._values.length > 0;\n  }\n\n  /**\n   * The index of the first day of the week (Sunday = 0) as derived from {@link weekStart}.\n   *\n   * @remarks\n   * Derived on access instead of in `update()`, so that its consumers are not sensitive\n   * to the order in which the base class and its descendants update.\n   */\n  protected get _firstDayOfWeek(): number {\n    return getWeekDayNumber(this.weekStart);\n  }\n\n  protected get _isSingle(): boolean {\n    return this.selection === 'single';\n  }\n\n  protected get _isMultiple(): boolean {\n    return this.selection === 'multiple';\n  }\n\n  protected get _isRange(): boolean {\n    return this.selection === 'range';\n  }\n\n  @state()\n  protected _rangePreviewDate?: CalendarDay;\n\n  @state()\n  protected _activeDate = CalendarDay.today;\n\n  @state()\n  protected _value: CalendarDay | null = null;\n\n  @state()\n  protected _values: CalendarDay[] = [];\n\n  @state()\n  protected _specialDates: DateRangeDescriptor[] = [];\n\n  @state()\n  protected _disabledDates: DateRangeDescriptor[] = [];\n\n  /* blazorSuppress */\n  /**\n   * The current value of the calendar.\n   * Used when selection is set to single\n   *\n   * @attr value\n   */\n  @property({ converter: convertToDate })\n  public set value(value: Date | string | null | undefined) {\n    this._value = toCalendarDayOrNull(convertToDate(value));\n  }\n\n  public get value(): Date | null {\n    return this._value ? this._value.native : null;\n  }\n\n  /* blazorSuppress */\n  /**\n   * The current values of the calendar.\n   * Used when selection is set to multiple or range.\n   *\n   * @attr values\n   */\n  @property({ converter: convertToDates })\n  public set values(values: (Date | string)[] | string | null | undefined) {\n    const converted = convertToDates(values);\n    this._values = converted ? converted.map((v) => CalendarDay.from(v)) : [];\n  }\n\n  public get values(): Date[] {\n    return this._values ? this._values.map((v) => v.native) : [];\n  }\n\n  /* blazorSuppress */\n  /** Get/Set the date which is shown in view and is highlighted. By default it is the current date. */\n  @property({ attribute: 'active-date', converter: convertToDate })\n  public set activeDate(value: Date | string | null | undefined) {\n    this._initialActiveDateSet = true;\n    this._activeDate =\n      toCalendarDayOrNull(convertToDate(value)) ?? CalendarDay.today;\n  }\n\n  public get activeDate(): Date {\n    return this._activeDate.native;\n  }\n\n  /**\n   * Sets the type of selection in the component.\n   * @attr selection\n   * @default single\n   */\n  @property()\n  public selection: CalendarSelection = 'single';\n\n  /**\n   * Whether to show the week numbers.\n   * @attr show-week-numbers\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'show-week-numbers' })\n  public showWeekNumbers = false;\n\n  /**\n   * Gets/Sets the first day of the week.\n   * @attr week-start\n   * @default sunday\n   */\n  @property({ attribute: 'week-start' })\n  public weekStart: WeekDays = 'sunday';\n\n  /**\n   * Gets/Sets the special dates for the component.\n   *\n   * @remarks\n   * Returns `undefined` when no dates are set, which the setter accepts as well so that\n   * a round trip through the property is valid.\n   */\n  @property({ attribute: false })\n  public set specialDates(value: DateRangeDescriptor[] | undefined) {\n    this._specialDates = value ?? [];\n  }\n\n  public get specialDates(): DateRangeDescriptor[] | undefined {\n    return this._specialDates.length ? this._specialDates : undefined;\n  }\n\n  /**\n   * Gets/Sets the disabled dates for the component.\n   *\n   * @remarks\n   * Returns `undefined` when no dates are set, which the setter accepts as well so that\n   * a round trip through the property is valid.\n   */\n  @property({ attribute: false })\n  public set disabledDates(value: DateRangeDescriptor[] | undefined) {\n    this._disabledDates = value ?? [];\n  }\n\n  public get disabledDates(): DateRangeDescriptor[] | undefined {\n    return this._disabledDates.length ? this._disabledDates : undefined;\n  }\n\n  /** @internal */\n  protected override update(props: PropertyValues): void {\n    if (props.has('selection') && this.hasUpdated) {\n      this._rangePreviewDate = undefined;\n      this._value = null;\n      this._values = [];\n    }\n\n    super.update(props);\n  }\n\n  /** @internal */\n  protected override firstUpdated(): void {\n    if (this._initialActiveDateSet) {\n      return;\n    }\n\n    if (this._isSingle) {\n      this.activeDate = this.value ?? this.activeDate;\n    } else {\n      this.activeDate = firstOf(this.values) ?? this.activeDate;\n    }\n  }\n}\n"]}
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/components/calendar/base.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CalendarResourceStringsEN,\n  type ICalendarResourceStrings,\n} from 'igniteui-i18n-core';\nimport { LitElement, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { convertToDate, convertToDates } from '#internals/date/converters.js';\nimport { CalendarDay, toCalendarDayOrNull } from '#internals/date/model.js';\nimport { blazorDeepImport } from '#internals/decorators/blazorDeepImport.js';\nimport { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';\nimport type { IgcCalendarResourceStrings } from '#internals/i18n/EN/calendar.resources.js';\nimport type { I18nControllerConfig } from '#internals/i18n/i18n-controller.js';\nimport { calendarResourcesMap } from '#internals/i18n/utils.js';\nimport { I18nMixin } from '#internals/mixins/i18n.js';\nimport { firstOf } from '#internals/utils/arrays.js';\nimport { getLocaleWeekStart, getWeekDayNumber } from './helpers.js';\nimport type {\n  CalendarSelection,\n  DateRangeDescriptor,\n  WeekDays,\n} from './types.js';\n\nconst i18n: I18nControllerConfig<\n  IgcCalendarResourceStrings | ICalendarResourceStrings\n> = {\n  defaultEN: CalendarResourceStringsEN,\n  resourceMap: calendarResourcesMap,\n};\n\n@blazorIndirectRender\n@blazorDeepImport\nexport class IgcCalendarBaseComponent extends I18nMixin<\n  IgcCalendarResourceStrings | ICalendarResourceStrings,\n  typeof LitElement,\n  IgcCalendarResourceStrings & ICalendarResourceStrings\n>(LitElement, i18n) {\n  private _initialActiveDateSet = false;\n  private _weekStart?: WeekDays;\n\n  protected get _hasValues(): boolean {\n    return this._values.length > 0;\n  }\n\n  /**\n   * The index of the first day of the week (Sunday = 0) as derived from {@link weekStart}.\n   *\n   * @remarks\n   * Derived on access instead of in `update()`, so that its consumers are not sensitive\n   * to the order in which the base class and its descendants update.\n   */\n  protected get _firstDayOfWeek(): number {\n    return getWeekDayNumber(this.weekStart);\n  }\n\n  protected get _isSingle(): boolean {\n    return this.selection === 'single';\n  }\n\n  protected get _isMultiple(): boolean {\n    return this.selection === 'multiple';\n  }\n\n  protected get _isRange(): boolean {\n    return this.selection === 'range';\n  }\n\n  @state()\n  protected _rangePreviewDate?: CalendarDay;\n\n  @state()\n  protected _activeDate = CalendarDay.today;\n\n  @state()\n  protected _value: CalendarDay | null = null;\n\n  @state()\n  protected _values: CalendarDay[] = [];\n\n  @state()\n  protected _specialDates: DateRangeDescriptor[] = [];\n\n  @state()\n  protected _disabledDates: DateRangeDescriptor[] = [];\n\n  /* blazorSuppress */\n  /**\n   * The current value of the calendar.\n   * Used when selection is set to single\n   *\n   * @attr value\n   */\n  @property({ converter: convertToDate })\n  public set value(value: Date | string | null | undefined) {\n    this._value = toCalendarDayOrNull(convertToDate(value));\n  }\n\n  public get value(): Date | null {\n    return this._value ? this._value.native : null;\n  }\n\n  /* blazorSuppress */\n  /**\n   * The current values of the calendar.\n   * Used when selection is set to multiple or range.\n   *\n   * @attr values\n   */\n  @property({ converter: convertToDates })\n  public set values(values: (Date | string)[] | string | null | undefined) {\n    const converted = convertToDates(values);\n    this._values = converted ? converted.map((v) => CalendarDay.from(v)) : [];\n  }\n\n  public get values(): Date[] {\n    return this._values ? this._values.map((v) => v.native) : [];\n  }\n\n  /* blazorSuppress */\n  /** Get/Set the date which is shown in view and is highlighted. By default it is the current date. */\n  @property({ attribute: 'active-date', converter: convertToDate })\n  public set activeDate(value: Date | string | null | undefined) {\n    this._initialActiveDateSet = true;\n    this._activeDate =\n      toCalendarDayOrNull(convertToDate(value)) ?? CalendarDay.today;\n  }\n\n  public get activeDate(): Date {\n    return this._activeDate.native;\n  }\n\n  /**\n   * Sets the type of selection in the component.\n   * @attr selection\n   * @default single\n   */\n  @property()\n  public selection: CalendarSelection = 'single';\n\n  /**\n   * Whether to show the week numbers.\n   * @attr show-week-numbers\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'show-week-numbers' })\n  public showWeekNumbers = false;\n\n  /**\n   * Gets/Sets the first day of the week.\n   *\n   * @remarks\n   * When not set, the week starts on the first day of the week of the current {@link locale}.\n   * Setting `undefined` returns to the locale value.\n   * @attr week-start\n   */\n  @property({ attribute: 'week-start' })\n  public set weekStart(value: WeekDays | undefined) {\n    this._weekStart = value ?? undefined;\n  }\n\n  public get weekStart(): WeekDays {\n    return this._weekStart ?? getLocaleWeekStart(this.locale);\n  }\n\n  /**\n   * Gets/Sets the special dates for the component.\n   *\n   * @remarks\n   * Returns `undefined` when no dates are set, which the setter accepts as well so that\n   * a round trip through the property is valid.\n   */\n  @property({ attribute: false })\n  public set specialDates(value: DateRangeDescriptor[] | undefined) {\n    this._specialDates = value ?? [];\n  }\n\n  public get specialDates(): DateRangeDescriptor[] | undefined {\n    return this._specialDates.length ? this._specialDates : undefined;\n  }\n\n  /**\n   * Gets/Sets the disabled dates for the component.\n   *\n   * @remarks\n   * Returns `undefined` when no dates are set, which the setter accepts as well so that\n   * a round trip through the property is valid.\n   */\n  @property({ attribute: false })\n  public set disabledDates(value: DateRangeDescriptor[] | undefined) {\n    this._disabledDates = value ?? [];\n  }\n\n  public get disabledDates(): DateRangeDescriptor[] | undefined {\n    return this._disabledDates.length ? this._disabledDates : undefined;\n  }\n\n  /** @internal */\n  protected override update(props: PropertyValues): void {\n    if (props.has('selection') && this.hasUpdated) {\n      this._rangePreviewDate = undefined;\n      this._value = null;\n      this._values = [];\n    }\n\n    super.update(props);\n  }\n\n  /** @internal */\n  protected override firstUpdated(): void {\n    if (this._initialActiveDateSet) {\n      return;\n    }\n\n    if (this._isSingle) {\n      this.activeDate = this.value ?? this.activeDate;\n    } else {\n      this.activeDate = firstOf(this.values) ?? this.activeDate;\n    }\n  }\n}\n"]}

package/components/calendar/calendar.d.ts

@@ -12,7 +12,6 @@ declare const IgcCalendarComponent_base: Constructor<import("#internals/mixins/e
  *
  * @element igc-calendar
  *
- * @slot - The default slot for the calendar.
  * @slot title - Renders the title of the calendar header.
  * @slot header-date - Renders content instead of the current date/range in the calendar header.
  *
@@ -158,6 +157,8 @@ export default class IgcCalendarComponent extends IgcCalendarComponent_base {
     private _getNextEnabledDate;
     protected _renderNavigationButtons(): TemplateResult<1>;
     protected _renderMonthButtonNavigation(active: CalendarDay, viewIndex: number): TemplateResult;
+    /** The year with the unit of the locale - `2025年` for `ja`, `2025 г.` for `bg`. */
+    protected _formatYear(day: CalendarDay): string;
     protected _renderYearButtonNavigation(active: CalendarDay, viewIndex: number): TemplateResult;
     /**
      * Renders the off screen live region announcing the period the calendar navigated to.
@@ -167,10 +168,12 @@ export default class IgcCalendarComponent extends IgcCalendarComponent_base {
      * same navigation several times over. The years view has its visible years range as a
      * live region of its own.
      */
-    protected _renderActivePeriod(): typeof nothing | TemplateResult<1>;
+    protected _renderActivePeriod(): TemplateResult<1> | typeof nothing;
     protected _renderYearRangeNavigation(active: CalendarDay): TemplateResult;
+    /** Renders the month and year buttons of the days view in the field order of the locale. */
+    protected _renderDayViewNavigation(active: CalendarDay, viewIndex: number): TemplateResult[];
     protected _renderNavigation(date?: CalendarDay, showButtons?: boolean, viewIndex?: number): TemplateResult;
-    protected _renderHeader(): typeof nothing | TemplateResult<1>;
+    protected _renderHeader(): TemplateResult<1> | typeof nothing;
     protected _renderHeaderDateSingle(): TemplateResult;
     protected _renderHeaderDateRange(): TemplateResult;
     protected _renderHeaderDate(): TemplateResult;

package/components/calendar/calendar.js

@@ -22,7 +22,7 @@ import { addThemingController } from '#theming/theming-controller.js';
 import IgcIconComponent from '../icon/icon.js';
 import { IgcCalendarBaseComponent } from './base.js';
 import IgcDaysViewComponent from './days-view/days-view.js';
-import { areSameMonth, getYearRange, isDateInRanges, MONTHS_PER_ROW, YEARS_PER_PAGE, YEARS_PER_ROW, } from './helpers.js';
+import { areSameMonth, getYearRange, isDateInRanges, isDatePartBefore, MONTHS_PER_ROW, YEARS_PER_PAGE, YEARS_PER_ROW, } from './helpers.js';
 import IgcMonthsViewComponent from './months-view/months-view.js';
 import { selectDate } from './selection.js';
 import { styles } from './themes/calendar.base.css.js';
@@ -317,15 +317,21 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
       </button>
     `;
     }
+    _formatYear(day) {
+        return getDateFormatter().formatDateTime(day.native, this.locale, {
+            year: 'numeric',
+        });
+    }
     _renderYearButtonNavigation(active, viewIndex) {
-        const ariaLabel = `${active.year}, ${this.resourceStrings.calendar_select_year}`;
+        const year = this._formatYear(active);
+        const ariaLabel = `${year}, ${this.resourceStrings.calendar_select_year}`;
         return html `
       <button
         part="years-navigation"
         aria-label=${ariaLabel}
         @click=${() => this._navigateToYearView(viewIndex)}
       >
-        ${active.year}
+        ${year}
       </button>
     `;
     }
@@ -339,7 +345,7 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
         });
         return html `
       <span class="aria-off-screen" aria-live="polite">
-        ${this._isDayView ? format(this._activeDate.native) : this._activeDate.year}
+        ${this._isDayView ? format(this._activeDate.native) : this._formatYear(this._activeDate)}
       </span>
     `;
     }
@@ -349,15 +355,22 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
       <span part="years-range" aria-live="polite"> ${start} - ${end} </span>
     `;
     }
+    _renderDayViewNavigation(active, viewIndex) {
+        const parts = getDateFormatter().formatDateTimeToParts(active.native, this.locale, { year: 'numeric', month: this.formatOptions.month });
+        const yearFirst = isDatePartBefore(parts, 'year', 'month');
+        const month = this._renderMonthButtonNavigation(active, viewIndex);
+        const year = this._renderYearButtonNavigation(active, viewIndex);
+        return yearFirst ? [year, month] : [month, year];
+    }
     _renderNavigation(date, showButtons = true, viewIndex = 0) {
         const activeDate = date ?? this._activeDate;
         return html `
       <div part="navigation">
         <div part="picker-dates">
           ${this._isDayView
-            ? this._renderMonthButtonNavigation(activeDate, viewIndex)
+            ? this._renderDayViewNavigation(activeDate, viewIndex)
             : nothing}
-          ${this._isDayView || this._isMonthView
+          ${this._isMonthView
             ? this._renderYearButtonNavigation(activeDate, viewIndex)
             : nothing}
           ${this._isYearView
@@ -386,17 +399,30 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
     }
     _renderHeaderDateSingle() {
         const date = this.value ?? CalendarDay.today.native;
+        const { locale } = this;
         const formatter = getDateFormatter();
-        const weekday = formatter.formatDateTime(date, this.locale, {
-            weekday: 'short',
-        });
-        const monthDay = formatter.formatDateTime(date, this.locale, {
+        const weekdayOptions = { weekday: 'short' };
+        const dateOptions = {
             month: 'short',
             day: 'numeric',
+        };
+        if (this.headerOrientation !== 'vertical') {
+            const formatted = formatter.formatDateTime(date, locale, {
+                ...weekdayOptions,
+                ...dateOptions,
+            });
+            return html `<slot name="header-date">${formatted}</slot>`;
+        }
+        const parts = formatter.formatDateTimeToParts(date, locale, {
+            ...weekdayOptions,
+            ...dateOptions,
         });
-        const separator = this.headerOrientation === 'vertical' ? html `<br />` : ' ';
-        const formatted = html `${weekday},${separator}${monthDay}`;
-        return html `<slot name="header-date">${formatted}</slot>`;
+        const weekday = formatter.formatDateTime(date, locale, weekdayOptions);
+        const monthDay = formatter.formatDateTime(date, locale, dateOptions);
+        const [first, second] = isDatePartBefore(parts, 'weekday', 'month')
+            ? [weekday, monthDay]
+            : [monthDay, weekday];
+        return html `<slot name="header-date">${first}<br />${second}</slot>`;
     }
     _renderHeaderDateRange() {
         const values = this.values;
@@ -430,6 +456,7 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
         const length = activeDates.length - 1;
         const format = this.formatOptions
             .weekday;
+        const weekStart = this.weekStart;
         return html `${activeDates.map((date, idx) => html `
         <div part="days-view-container">
           ${this._renderNavigation(date, horizontal ? idx === length : idx === 0, idx)}
@@ -453,7 +480,7 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
             .value=${this.value}
             .values=${this.values}
             .weekDayFormat=${format}
-            .weekStart=${this.weekStart}
+            .weekStart=${weekStart}
           ></igc-days-view>
         </div>
       `)}`;

package/components/calendar/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../src/components/calendar/calendar.ts"],"names":[],"mappings":"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","sourcesContent":["import { getDateFormatter } from 'igniteui-i18n-core';\nimport { html, nothing, type TemplateResult } from 'lit';\nimport { property, query, queryAll, state } from 'lit/decorators.js';\nimport { choose } from 'lit/directives/choose.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport {\n  addKeybindings,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  endKey,\n  homeKey,\n  pageDownKey,\n  pageUpKey,\n  shiftKey,\n} from '#internals/controllers/key-bindings.js';\nimport { CalendarDay } from '#internals/date/model.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 { firstOf, lastOf } from '#internals/utils/arrays.js';\nimport { getElementFromPath } from '#internals/utils/events.js';\nimport { clamp } from '#internals/utils/math.js';\nimport { formatString } from '#internals/utils/strings.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { ContentOrientation } from '../types.js';\nimport { IgcCalendarBaseComponent } from './base.js';\nimport IgcDaysViewComponent from './days-view/days-view.js';\nimport {\n  areSameMonth,\n  getYearRange,\n  isDateInRanges,\n  MONTHS_PER_ROW,\n  YEARS_PER_PAGE,\n  YEARS_PER_ROW,\n} from './helpers.js';\nimport IgcMonthsViewComponent from './months-view/months-view.js';\nimport { selectDate } from './selection.js';\nimport { styles } from './themes/calendar.base.css.js';\nimport { all } from './themes/calendar.js';\nimport type {\n  CalendarActiveView,\n  CalendarHeaderOrientation,\n  IgcCalendarComponentEventMap,\n} from './types.js';\nimport IgcYearsViewComponent from './years-view/years-view.js';\n\nexport const focusActiveDate = Symbol();\n\n/** How many consecutive disabled days keyboard navigation will skip over before giving up. */\nconst MAX_DISABLED_DATE_SKIP = 1000;\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/**\n * Represents a calendar that lets users\n * to select a date value in a variety of different ways.\n *\n * @element igc-calendar\n *\n * @slot - The default slot for the calendar.\n * @slot title - Renders the title of the calendar header.\n * @slot header-date - Renders content instead of the current date/range in the calendar header.\n *\n * @fires igcChange - Emitted when calendar changes its value.\n *\n * @csspart header - The header element of the calendar.\n * @csspart header-title - The header title element of the calendar.\n * @csspart header-date - The header date element of the calendar.\n * @csspart content - The content element which contains the views and navigation elements of the calendar.\n * @csspart content-vertical - The content element which contains the views and navigation elements of the calendar in vertical orientation.\n * @csspart navigation - The navigation container element of the calendar.\n * @csspart months-navigation - The months navigation button element of the calendar.\n * @csspart years-navigation - The years navigation button element of the calendar.\n * @csspart years-range - The years range element of the calendar.\n * @csspart navigation-buttons - The navigation buttons container of the calendar.\n * @csspart navigation-button - Previous/next navigation button of the calendar.\n * @csspart days-view-container - The days view container element of the calendar.\n * @csspart days-view - Days view element of the calendar.\n * @csspart months-view - The months view element of the calendar.\n * @csspart years-view - The years view element of the calendar.\n * @csspart days-row - Days row element of the calendar.\n * @csspart months-row - Months row element of the calendar.\n * @csspart years-row - Years row element of the calendar.\n * @csspart label - Week header label element of the calendar.\n * @csspart label-inner - Week header label inner element of the calendar.\n * @csspart week-number - Week number element of the calendar.\n * @csspart week-number-inner - Week number inner element of the calendar.\n * @csspart date - Date element of the calendar.\n * @csspart date-inner - Date inner element of the calendar.\n * @csspart first - The first selected date element of the calendar in range selection.\n * Also applies to the week numbers header cell.\n * @csspart last - The last selected date element of the calendar in range selection.\n * Also applies to the week number of the last rendered week.\n * @csspart inactive - Inactive date element of the calendar.\n * @csspart hidden - Hidden date element of the calendar.\n * @csspart weekend - Weekend date element of the calendar.\n * @csspart range - Range selected element of the calendar.\n * @csspart special - Special date element of the calendar.\n * @csspart disabled - Disabled date element of the calendar.\n * @csspart single - Single selected date element of the calendar.\n * @csspart preview - Range selection preview date element of the calendar.\n * @csspart month - Month element of the calendar.\n * @csspart month-inner - Month inner element of the calendar.\n * @csspart year - Year element of the calendar.\n * @csspart year-inner - Year inner element of the calendar.\n * @csspart selected - Indicates selected state. Applies to date, month and year elements of the calendar.\n * @csspart current - Indicates current state. Applies to date, month and year elements of the calendar.\n */\nexport default class IgcCalendarComponent extends EventEmitterMixin<\n  IgcCalendarComponentEventMap,\n  Constructor<IgcCalendarBaseComponent>\n>(IgcCalendarBaseComponent) {\n  public static readonly tagName = 'igc-calendar';\n  public static styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcCalendarComponent,\n      IgcIconComponent,\n      IgcDaysViewComponent,\n      IgcMonthsViewComponent,\n      IgcYearsViewComponent\n    );\n  }\n\n  //#region Internal state\n\n  private readonly _contentRef = createRef<HTMLDivElement>();\n\n  private get _isDayView(): boolean {\n    return this.activeView === 'days';\n  }\n\n  private get _isMonthView(): boolean {\n    return this.activeView === 'months';\n  }\n\n  private get _isYearView(): boolean {\n    return this.activeView === 'years';\n  }\n\n  /** The accessible name of a navigation button, based on what it pages through. */\n  private _getNavigationLabel(direction: 'previous' | 'next'): string {\n    const isPrevious = direction === 'previous';\n    const strings = this.resourceStrings;\n\n    switch (this.activeView) {\n      case 'days':\n        return (\n          isPrevious\n            ? strings.calendar_previous_month\n            : strings.calendar_next_month\n        )!;\n      case 'months':\n        return (\n          isPrevious\n            ? strings.calendar_previous_year\n            : strings.calendar_next_year\n        )!;\n      case 'years':\n        return formatString(\n          (isPrevious\n            ? strings.calendar_previous_years\n            : strings.calendar_next_years)!,\n          YEARS_PER_PAGE\n        );\n    }\n  }\n\n  /** The unit and the amount a single navigation step covers in the current view. */\n  private _getPageStep(delta: -1 | 1): {\n    unit: 'month' | 'year';\n    increment: number;\n  } {\n    return {\n      unit: this._isDayView ? 'month' : 'year',\n      increment: (this._isYearView ? YEARS_PER_PAGE : 1) * delta,\n    };\n  }\n\n  @state()\n  private _activeDaysViewIndex = 0;\n\n  @queryAll(IgcDaysViewComponent.tagName)\n  private readonly _daysViews!: NodeListOf<IgcDaysViewComponent>;\n\n  @query(IgcMonthsViewComponent.tagName)\n  private readonly _monthsView!: IgcMonthsViewComponent;\n\n  @query(IgcYearsViewComponent.tagName)\n  private readonly _yearsView!: IgcYearsViewComponent;\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * Whether to hide the dates that do not belong to the current active month.\n   * @attr hide-outside-days\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'hide-outside-days', reflect: true })\n  public hideOutsideDays = false;\n\n  /**\n   * Whether to render the calendar header part.\n   * When the calendar selection is set to `multiple` the header is always hidden.\n   *\n   * @attr hide-header\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'hide-header', reflect: true })\n  public hideHeader = false;\n\n  /**\n   * The orientation of the calendar header.\n   * @attr header-orientation\n   * @default \"horizontal\"\n   */\n  @property({ reflect: true, attribute: 'header-orientation' })\n  public headerOrientation: CalendarHeaderOrientation = 'horizontal';\n\n  /**\n   * The orientation of the calendar months when more than one month\n   * is being shown.\n   * @attr orientation\n   * @default \"horizontal\"\n   */\n  @property()\n  public orientation: ContentOrientation = 'horizontal';\n\n  /**\n   * The number of months displayed in the days view.\n   * @attr visible-months\n   * @default 1\n   */\n  @property({ type: Number, attribute: 'visible-months' })\n  public visibleMonths = 1;\n\n  /**\n   * The current active view of the component.\n   * @attr active-view\n   * @default \"days\"\n   */\n  @property({ attribute: 'active-view' })\n  public activeView: CalendarActiveView = 'days';\n\n  /** The options used to format the months and the weekdays in the calendar views. */\n  @property({ attribute: false })\n  public formatOptions: Pick<Intl.DateTimeFormatOptions, 'month' | 'weekday'> =\n    { month: 'long', weekday: 'narrow' };\n\n  //#endregion\n\n  //#region Lifecycle hooks\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addKeybindings(this, {\n      skip: this._shouldSkipKeyboardEvent,\n      ref: this._contentRef,\n      bindingDefaults: { repeat: true },\n    })\n      .set(arrowLeft, this._handleArrowKey.bind(this, 'day', -1))\n      .set(arrowRight, this._handleArrowKey.bind(this, 'day', 1))\n      .set(arrowUp, this._handleArrowKey.bind(this, 'week', -1))\n      .set(arrowDown, this._handleArrowKey.bind(this, 'week', 1))\n      .set([shiftKey, pageUpKey], this._handleShiftPageKeys.bind(this, -1))\n      .set([shiftKey, pageDownKey], this._handleShiftPageKeys.bind(this, 1))\n      .set(pageUpKey, this._handlePageKeys.bind(this, -1))\n      .set(pageDownKey, this._handlePageKeys.bind(this, 1))\n      .set(homeKey, this._handleHomeKey)\n      .set(endKey, this._handleEndKey);\n  }\n\n  //#endregion\n\n  //#region Keyboard event handlers\n\n  private _shouldSkipKeyboardEvent(_: Element, event: KeyboardEvent): boolean {\n    return !getElementFromPath(\n      `${IgcDaysViewComponent.tagName}, ${IgcMonthsViewComponent.tagName}, ${IgcYearsViewComponent.tagName}`,\n      event\n    );\n  }\n\n  private _handleArrowKey(period: 'day' | 'week', delta: -1 | 1): void {\n    if (this._isDayView) {\n      const date = this._getNextEnabledDate(\n        this._activeDate.add(period, delta),\n        delta\n      );\n      this._updateViewIndex(date, delta);\n      this._activeDate = date;\n    } else {\n      const monthOrYear = this._isMonthView ? 'month' : 'year';\n      const monthOrYearDelta =\n        (this._isMonthView ? MONTHS_PER_ROW : YEARS_PER_ROW) * delta;\n\n      this._activeDate = this._getNextEnabledDate(\n        this._activeDate.add(\n          monthOrYear,\n          period === 'week' ? monthOrYearDelta : delta\n        ),\n        delta\n      );\n    }\n\n    this[focusActiveDate]();\n  }\n\n  private _handlePageKeys(delta: -1 | 1): void {\n    const { unit, increment } = this._getPageStep(delta);\n\n    this._activeDate = this._getNextEnabledDate(\n      this._activeDate.add(unit, increment),\n      increment\n    );\n    this[focusActiveDate]();\n  }\n\n  private _handleShiftPageKeys(delta: -1 | 1): void {\n    if (this._isDayView) {\n      this._activeDate = this._getNextEnabledDate(\n        this._activeDate.add('year', delta),\n        delta\n      );\n      this[focusActiveDate]();\n    }\n  }\n\n  private _handleHomeKey(): void {\n    this._activateEdgeOfView('start');\n  }\n\n  private _handleEndKey(): void {\n    this._activateEdgeOfView('end');\n  }\n\n  /**\n   * Moves the active date to the first or the last date of the current view, skipping\n   * over the disabled dates towards the middle of it.\n   */\n  private _activateEdgeOfView(edge: 'start' | 'end'): void {\n    const isStart = edge === 'start';\n    const delta = isStart ? 1 : -1;\n    let target: CalendarDay;\n\n    switch (this.activeView) {\n      case 'days': {\n        const months = this._getActiveDates();\n        const index = isStart ? 0 : months.length - 1;\n        const month = months[index];\n\n        target = isStart\n          ? month.set({ date: 1 })\n          : month.set({ month: month.month + 1, date: 0 });\n        this._activeDaysViewIndex = index;\n        break;\n      }\n      case 'months':\n        target = this._activeDate.set({ month: isStart ? 0 : 11 });\n        break;\n      case 'years': {\n        const { start, end } = getYearRange(this._activeDate, YEARS_PER_PAGE);\n        target = this._activeDate.set({ year: isStart ? start : end });\n        break;\n      }\n    }\n\n    this._activeDate = this._getNextEnabledDate(target, delta);\n    this[focusActiveDate]();\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  private _handleMonthChange(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n    this.activeDate = event.detail;\n    this.activeView = 'days';\n\n    this[focusActiveDate]();\n  }\n\n  private _handleYearChange(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n    this.activeDate = event.detail;\n    this.activeView = 'months';\n\n    this[focusActiveDate]();\n  }\n\n  private _handleValueChange(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n\n    const selection = selectDate(\n      { value: this._value, values: this._values },\n      CalendarDay.from(event.detail),\n      { selection: this.selection, disabledDates: this._disabledDates }\n    );\n\n    if (!selection) {\n      return;\n    }\n\n    this._value = selection.value;\n    this._values = selection.values;\n\n    this.emitEvent('igcChange', {\n      detail: this._isSingle ? (this.value as Date) : this.values,\n    });\n  }\n\n  private _handleActiveDateChange(event: CustomEvent<Date>): void {\n    const view = event.target as IgcDaysViewComponent;\n    const index = Array.from(this._daysViews).indexOf(view);\n\n    if (index < 0) {\n      return;\n    }\n\n    // Resolved before the state below is updated, since the dates of the views are\n    // derived from it\n    const renderedMonth = this._getActiveDates()[index];\n\n    this._activeDaysViewIndex = index;\n    this.activeDate = event.detail;\n\n    // The cell holding the tab stop is about to be replaced, so the focus has to follow\n    if (!areSameMonth(this._activeDate, renderedMonth)) {\n      this[focusActiveDate]();\n    }\n  }\n\n  private _handleRangePreviewChange(event: CustomEvent<Date>): void {\n    this._rangePreviewDate = event.detail\n      ? CalendarDay.from(event.detail)\n      : undefined;\n  }\n\n  //#endregion\n\n  //#region Internal navigation methods\n\n  /** Makes the month rendered by the view at `viewIndex` the active one. */\n  private _setActiveDaysView(viewIndex: number): void {\n    this.activeDate = this._getActiveDates()[viewIndex].native;\n    this._activeDaysViewIndex = viewIndex;\n  }\n\n  private _navigate(delta: 1 | -1): void {\n    const { unit, increment } = this._getPageStep(delta);\n    this._activeDate = this._activeDate.add(unit, increment);\n  }\n\n  private _navigatePrevious(): void {\n    this._navigate(-1);\n  }\n\n  private _navigateNext(): void {\n    this._navigate(1);\n  }\n\n  private _navigateToMonthView(viewIndex: number): void {\n    this._setActiveDaysView(viewIndex);\n    this.activeView = 'months';\n\n    this[focusActiveDate]();\n  }\n\n  private _navigateToYearView(viewIndex: number): void {\n    if (this._isDayView) {\n      this._setActiveDaysView(viewIndex);\n    }\n    this.activeView = 'years';\n\n    this[focusActiveDate]();\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  /** @hidden @internal */\n  public async [focusActiveDate](options?: FocusOptions): Promise<void> {\n    await this.updateComplete;\n\n    switch (this.activeView) {\n      case 'days':\n        return this._daysViews\n          .item(this._activeDaysViewIndex)\n          .focusActiveDate(options);\n      case 'months':\n        return this._monthsView.focusActiveDate(options);\n      case 'years':\n        return this._yearsView.focusActiveDate(options);\n    }\n  }\n\n  private _updateViewIndex(date: CalendarDay, delta: -1 | 1): void {\n    if (this.visibleMonths === 1) {\n      return;\n    }\n\n    const index = this._activeDaysViewIndex;\n    const view = CalendarDay.from(this._daysViews.item(index).activeDate);\n\n    if (date.month !== view.month) {\n      this._activeDaysViewIndex = clamp(\n        index + delta,\n        0,\n        this.visibleMonths - 1\n      );\n    }\n  }\n\n  private _getActiveDates(): CalendarDay[] {\n    const current = this._activeDaysViewIndex;\n    const length = Math.max(this.visibleMonths, 1);\n\n    return Array.from({ length }, (_, i) =>\n      this._activeDate.add('month', i - current)\n    );\n  }\n\n  /**\n   * Returns the first enabled date starting from `start` and moving day by day in the\n   * direction of `delta`.\n   *\n   * @remarks\n   * The search is bounded, since the disabled dates can describe an open-ended range\n   * which no date in the given direction satisfies. The current active date is returned\n   * when nothing is reachable.\n   */\n  private _getNextEnabledDate(start: CalendarDay, delta: number): CalendarDay {\n    const disabled = this._disabledDates;\n    const step = Math.sign(delta) || 1;\n    let current = start;\n\n    for (let i = 0; i <= MAX_DISABLED_DATE_SKIP; i++) {\n      if (!isDateInRanges(current, disabled)) {\n        return current;\n      }\n      current = current.add('day', step);\n    }\n\n    return this._activeDate;\n  }\n\n  //#endregion\n\n  protected _renderNavigationButtons() {\n    const parts = {\n      'navigation-button': true,\n      vertical: this.orientation === 'vertical',\n    };\n\n    return html`\n      <div part=\"navigation-buttons\">\n        <button\n          part=${partMap(parts)}\n          aria-label=${this._getNavigationLabel('previous')}\n          @click=${this._navigatePrevious}\n        >\n          <igc-icon\n            aria-hidden=\"true\"\n            name=\"arrow_prev\"\n            collection=\"default\"\n          ></igc-icon>\n        </button>\n\n        <button\n          part=${partMap(parts)}\n          aria-label=${this._getNavigationLabel('next')}\n          @click=${this._navigateNext}\n        >\n          <igc-icon\n            aria-hidden=\"true\"\n            name=\"arrow_next\"\n            collection=\"default\"\n          ></igc-icon>\n        </button>\n      </div>\n    `;\n  }\n\n  protected _renderMonthButtonNavigation(\n    active: CalendarDay,\n    viewIndex: number\n  ): TemplateResult {\n    const formatter = getDateFormatter();\n    const label = formatter.formatDateTime(active.native, this.locale, {\n      month: 'long',\n    });\n    const value = formatter.formatDateTime(active.native, this.locale, {\n      month: this.formatOptions.month,\n    });\n    const ariaLabel = `${label}, ${this.resourceStrings.calendar_select_month}`;\n\n    return html`\n      <button\n        part=\"months-navigation\"\n        aria-label=${ariaLabel}\n        @click=${() => this._navigateToMonthView(viewIndex)}\n      >\n        ${value}\n      </button>\n    `;\n  }\n\n  protected _renderYearButtonNavigation(\n    active: CalendarDay,\n    viewIndex: number\n  ): TemplateResult {\n    const ariaLabel = `${active.year}, ${this.resourceStrings.calendar_select_year}`;\n\n    return html`\n      <button\n        part=\"years-navigation\"\n        aria-label=${ariaLabel}\n        @click=${() => this._navigateToYearView(viewIndex)}\n      >\n        ${active.year}\n      </button>\n    `;\n  }\n\n  /**\n   * Renders the off screen live region announcing the period the calendar navigated to.\n   *\n   * @remarks\n   * A single region for the whole calendar - one per rendered month would announce the\n   * same navigation several times over. The years view has its visible years range as a\n   * live region of its own.\n   */\n  protected _renderActivePeriod() {\n    if (this._isYearView) {\n      return nothing;\n    }\n\n    const { format } = getDateFormatter().getIntlFormatter(this.locale, {\n      month: 'long',\n      year: 'numeric',\n    });\n\n    return html`\n      <span class=\"aria-off-screen\" aria-live=\"polite\">\n        ${this._isDayView ? format(this._activeDate.native) : this._activeDate.year}\n      </span>\n    `;\n  }\n\n  protected _renderYearRangeNavigation(active: CalendarDay): TemplateResult {\n    const { start, end } = getYearRange(active, YEARS_PER_PAGE);\n\n    return html`\n      <span part=\"years-range\" aria-live=\"polite\"> ${start} - ${end} </span>\n    `;\n  }\n\n  protected _renderNavigation(\n    date?: CalendarDay,\n    showButtons = true,\n    viewIndex = 0\n  ): TemplateResult {\n    const activeDate = date ?? this._activeDate;\n\n    return html`\n      <div part=\"navigation\">\n        <div part=\"picker-dates\">\n          ${\n            this._isDayView\n              ? this._renderMonthButtonNavigation(activeDate, viewIndex)\n              : nothing\n          }\n          ${\n            this._isDayView || this._isMonthView\n              ? this._renderYearButtonNavigation(activeDate, viewIndex)\n              : nothing\n          }\n          ${\n            this._isYearView\n              ? this._renderYearRangeNavigation(activeDate)\n              : nothing\n          }\n        </div>\n        ${showButtons ? this._renderNavigationButtons() : nothing}\n      </div>\n    `;\n  }\n\n  protected _renderHeader() {\n    if (this.hideHeader || this._isMultiple) {\n      return nothing;\n    }\n\n    const title = this._isSingle\n      ? this.resourceStrings.calendar_select_date\n      : this.resourceStrings.calendar_range_placeholder;\n\n    // A label and the value it describes, not a section of the document, so no headings -\n    // a component cannot know which level would fit the page it is placed in. The\n    // typography of both parts is set by the themes.\n    return html`\n      <div part=\"header\">\n        <div part=\"header-title\">\n          <slot name=\"title\">${title}</slot>\n        </div>\n        <div part=\"header-date\">${this._renderHeaderDate()}</div>\n      </div>\n    `;\n  }\n\n  protected _renderHeaderDateSingle(): TemplateResult {\n    const date = this.value ?? CalendarDay.today.native;\n    const formatter = getDateFormatter();\n    const weekday = formatter.formatDateTime(date, this.locale, {\n      weekday: 'short',\n    });\n    const monthDay = formatter.formatDateTime(date, this.locale, {\n      month: 'short',\n      day: 'numeric',\n    });\n    const separator =\n      this.headerOrientation === 'vertical' ? html`<br />` : ' ';\n\n    const formatted = html`${weekday},${separator}${monthDay}`;\n\n    return html`<slot name=\"header-date\">${formatted}</slot>`;\n  }\n\n  protected _renderHeaderDateRange(): TemplateResult {\n    const values = this.values;\n    const { format } = getDateFormatter().getIntlFormatter(this.locale, {\n      month: 'short',\n      day: 'numeric',\n    });\n    const { calendar_range_label_start, calendar_range_label_end } =\n      this.resourceStrings;\n\n    const start = this._hasValues\n      ? format(firstOf(values))\n      : calendar_range_label_start;\n    const end =\n      this._hasValues && values.length > 1\n        ? format(lastOf(values))\n        : calendar_range_label_end;\n\n    return html`\n      <slot name=\"header-date\">\n        <span>${start}</span>\n        <span> - </span>\n        <span>${end}</span>\n      </slot>\n    `;\n  }\n\n  protected _renderHeaderDate(): TemplateResult {\n    return this._isSingle\n      ? this._renderHeaderDateSingle()\n      : this._renderHeaderDateRange();\n  }\n\n  protected _renderDaysView(): TemplateResult {\n    const activeDates = this._getActiveDates();\n    const horizontal = this.orientation === 'horizontal';\n    const length = activeDates.length - 1;\n    const format = this.formatOptions\n      .weekday as Intl.DateTimeFormatOptions['weekday'];\n\n    return html`${activeDates.map(\n      (date, idx) => html`\n        <div part=\"days-view-container\">\n          ${this._renderNavigation(\n            date,\n            horizontal ? idx === length : idx === 0,\n            idx\n          )}\n          <igc-days-view\n            @igcChange=${this._handleValueChange}\n            @igcActiveDateChange=${this._handleActiveDateChange}\n            @igcRangePreviewDateChange=${this._handleRangePreviewChange}\n            part=\"days-view\"\n            exportparts=\"days-row, label, label-inner, date-inner, week-number-inner, week-number, date, first, last, selected, inactive, hidden, current, content-vertical, weekend, range, special, disabled, single, preview\"\n            .active=${this._activeDaysViewIndex === idx}\n            .activeDate=${date.native}\n            .disabledDates=${this.disabledDates}\n            .hideLeadingDays=${this.hideOutsideDays || idx !== 0}\n            .hideTrailingDays=${this.hideOutsideDays || idx !== length}\n            .locale=${this.locale}\n            .rangePreviewDate=${this._rangePreviewDate?.native}\n            .resourceStrings=${this.resourceStrings}\n            .selection=${this.selection}\n            .showWeekNumbers=${this.showWeekNumbers}\n            .specialDates=${this._specialDates}\n            .value=${this.value}\n            .values=${this.values}\n            .weekDayFormat=${format!}\n            .weekStart=${this.weekStart}\n          ></igc-days-view>\n        </div>\n      `\n    )}`;\n  }\n\n  protected _renderMonthView(): TemplateResult {\n    const format = this.formatOptions\n      .month as Intl.DateTimeFormatOptions['month'];\n\n    return html`\n      ${this._renderNavigation()}\n      <igc-months-view\n        part=\"months-view\"\n        exportparts=\"months-row, month, selected, month-inner, current\"\n        @igcChange=${this._handleMonthChange}\n        .value=${this.activeDate}\n        .locale=${this.locale}\n        .monthFormat=${format!}\n      ></igc-months-view>\n    `;\n  }\n\n  protected _renderYearView(): TemplateResult {\n    return html`\n      ${this._renderNavigation()}\n      <igc-years-view\n        part=\"years-view\"\n        exportparts=\"years-row, year, selected, year-inner, current\"\n        @igcChange=${this._handleYearChange}\n        .value=${this.activeDate}\n        .yearsPerPage=${YEARS_PER_PAGE}\n      ></igc-years-view>\n    `;\n  }\n\n  protected override render() {\n    const parts = {\n      content: true,\n      'content-vertical': this._isDayView && this.orientation === 'vertical',\n    };\n\n    return html`\n      ${this._renderHeader()} ${this._renderActivePeriod()}\n      <div ${ref(this._contentRef)} part=${partMap(parts)}>\n        ${choose(this.activeView, [\n          ['days', () => this._renderDaysView()],\n          ['months', () => this._renderMonthView()],\n          ['years', () => this._renderYearView()],\n        ])}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-calendar': IgcCalendarComponent;\n  }\n}\n"]}
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../src/components/calendar/calendar.ts"],"names":[],"mappings":"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","sourcesContent":["import { getDateFormatter } from 'igniteui-i18n-core';\nimport { html, nothing, type TemplateResult } from 'lit';\nimport { property, query, queryAll, state } from 'lit/decorators.js';\nimport { choose } from 'lit/directives/choose.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport {\n  addKeybindings,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  endKey,\n  homeKey,\n  pageDownKey,\n  pageUpKey,\n  shiftKey,\n} from '#internals/controllers/key-bindings.js';\nimport { CalendarDay } from '#internals/date/model.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 { firstOf, lastOf } from '#internals/utils/arrays.js';\nimport { getElementFromPath } from '#internals/utils/events.js';\nimport { clamp } from '#internals/utils/math.js';\nimport { formatString } from '#internals/utils/strings.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { ContentOrientation } from '../types.js';\nimport { IgcCalendarBaseComponent } from './base.js';\nimport IgcDaysViewComponent from './days-view/days-view.js';\nimport {\n  areSameMonth,\n  getYearRange,\n  isDateInRanges,\n  isDatePartBefore,\n  MONTHS_PER_ROW,\n  YEARS_PER_PAGE,\n  YEARS_PER_ROW,\n} from './helpers.js';\nimport IgcMonthsViewComponent from './months-view/months-view.js';\nimport { selectDate } from './selection.js';\nimport { styles } from './themes/calendar.base.css.js';\nimport { all } from './themes/calendar.js';\nimport type {\n  CalendarActiveView,\n  CalendarHeaderOrientation,\n  IgcCalendarComponentEventMap,\n} from './types.js';\nimport IgcYearsViewComponent from './years-view/years-view.js';\n\nexport const focusActiveDate = Symbol();\n\n/** How many consecutive disabled days keyboard navigation will skip over before giving up. */\nconst MAX_DISABLED_DATE_SKIP = 1000;\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/**\n * Represents a calendar that lets users\n * to select a date value in a variety of different ways.\n *\n * @element igc-calendar\n *\n * @slot title - Renders the title of the calendar header.\n * @slot header-date - Renders content instead of the current date/range in the calendar header.\n *\n * @fires igcChange - Emitted when calendar changes its value.\n *\n * @csspart header - The header element of the calendar.\n * @csspart header-title - The header title element of the calendar.\n * @csspart header-date - The header date element of the calendar.\n * @csspart content - The content element which contains the views and navigation elements of the calendar.\n * @csspart content-vertical - The content element which contains the views and navigation elements of the calendar in vertical orientation.\n * @csspart navigation - The navigation container element of the calendar.\n * @csspart months-navigation - The months navigation button element of the calendar.\n * @csspart years-navigation - The years navigation button element of the calendar.\n * @csspart years-range - The years range element of the calendar.\n * @csspart navigation-buttons - The navigation buttons container of the calendar.\n * @csspart navigation-button - Previous/next navigation button of the calendar.\n * @csspart days-view-container - The days view container element of the calendar.\n * @csspart days-view - Days view element of the calendar.\n * @csspart months-view - The months view element of the calendar.\n * @csspart years-view - The years view element of the calendar.\n * @csspart days-row - Days row element of the calendar.\n * @csspart months-row - Months row element of the calendar.\n * @csspart years-row - Years row element of the calendar.\n * @csspart label - Week header label element of the calendar.\n * @csspart label-inner - Week header label inner element of the calendar.\n * @csspart week-number - Week number element of the calendar.\n * @csspart week-number-inner - Week number inner element of the calendar.\n * @csspart date - Date element of the calendar.\n * @csspart date-inner - Date inner element of the calendar.\n * @csspart first - The first selected date element of the calendar in range selection.\n * Also applies to the week numbers header cell.\n * @csspart last - The last selected date element of the calendar in range selection.\n * Also applies to the week number of the last rendered week.\n * @csspart inactive - Inactive date element of the calendar.\n * @csspart hidden - Hidden date element of the calendar.\n * @csspart weekend - Weekend date element of the calendar.\n * @csspart range - Range selected element of the calendar.\n * @csspart special - Special date element of the calendar.\n * @csspart disabled - Disabled date element of the calendar.\n * @csspart single - Single selected date element of the calendar.\n * @csspart preview - Range selection preview date element of the calendar.\n * @csspart month - Month element of the calendar.\n * @csspart month-inner - Month inner element of the calendar.\n * @csspart year - Year element of the calendar.\n * @csspart year-inner - Year inner element of the calendar.\n * @csspart selected - Indicates selected state. Applies to date, month and year elements of the calendar.\n * @csspart current - Indicates current state. Applies to date, month and year elements of the calendar.\n */\nexport default class IgcCalendarComponent extends EventEmitterMixin<\n  IgcCalendarComponentEventMap,\n  Constructor<IgcCalendarBaseComponent>\n>(IgcCalendarBaseComponent) {\n  public static readonly tagName = 'igc-calendar';\n  public static styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcCalendarComponent,\n      IgcIconComponent,\n      IgcDaysViewComponent,\n      IgcMonthsViewComponent,\n      IgcYearsViewComponent\n    );\n  }\n\n  //#region Internal state\n\n  private readonly _contentRef = createRef<HTMLDivElement>();\n\n  private get _isDayView(): boolean {\n    return this.activeView === 'days';\n  }\n\n  private get _isMonthView(): boolean {\n    return this.activeView === 'months';\n  }\n\n  private get _isYearView(): boolean {\n    return this.activeView === 'years';\n  }\n\n  /** The accessible name of a navigation button, based on what it pages through. */\n  private _getNavigationLabel(direction: 'previous' | 'next'): string {\n    const isPrevious = direction === 'previous';\n    const strings = this.resourceStrings;\n\n    switch (this.activeView) {\n      case 'days':\n        return (\n          isPrevious\n            ? strings.calendar_previous_month\n            : strings.calendar_next_month\n        )!;\n      case 'months':\n        return (\n          isPrevious\n            ? strings.calendar_previous_year\n            : strings.calendar_next_year\n        )!;\n      case 'years':\n        return formatString(\n          (isPrevious\n            ? strings.calendar_previous_years\n            : strings.calendar_next_years)!,\n          YEARS_PER_PAGE\n        );\n    }\n  }\n\n  /** The unit and the amount a single navigation step covers in the current view. */\n  private _getPageStep(delta: -1 | 1): {\n    unit: 'month' | 'year';\n    increment: number;\n  } {\n    return {\n      unit: this._isDayView ? 'month' : 'year',\n      increment: (this._isYearView ? YEARS_PER_PAGE : 1) * delta,\n    };\n  }\n\n  @state()\n  private _activeDaysViewIndex = 0;\n\n  @queryAll(IgcDaysViewComponent.tagName)\n  private readonly _daysViews!: NodeListOf<IgcDaysViewComponent>;\n\n  @query(IgcMonthsViewComponent.tagName)\n  private readonly _monthsView!: IgcMonthsViewComponent;\n\n  @query(IgcYearsViewComponent.tagName)\n  private readonly _yearsView!: IgcYearsViewComponent;\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * Whether to hide the dates that do not belong to the current active month.\n   * @attr hide-outside-days\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'hide-outside-days', reflect: true })\n  public hideOutsideDays = false;\n\n  /**\n   * Whether to render the calendar header part.\n   * When the calendar selection is set to `multiple` the header is always hidden.\n   *\n   * @attr hide-header\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'hide-header', reflect: true })\n  public hideHeader = false;\n\n  /**\n   * The orientation of the calendar header.\n   * @attr header-orientation\n   * @default \"horizontal\"\n   */\n  @property({ reflect: true, attribute: 'header-orientation' })\n  public headerOrientation: CalendarHeaderOrientation = 'horizontal';\n\n  /**\n   * The orientation of the calendar months when more than one month\n   * is being shown.\n   * @attr orientation\n   * @default \"horizontal\"\n   */\n  @property()\n  public orientation: ContentOrientation = 'horizontal';\n\n  /**\n   * The number of months displayed in the days view.\n   * @attr visible-months\n   * @default 1\n   */\n  @property({ type: Number, attribute: 'visible-months' })\n  public visibleMonths = 1;\n\n  /**\n   * The current active view of the component.\n   * @attr active-view\n   * @default \"days\"\n   */\n  @property({ attribute: 'active-view' })\n  public activeView: CalendarActiveView = 'days';\n\n  /** The options used to format the months and the weekdays in the calendar views. */\n  @property({ attribute: false })\n  public formatOptions: Pick<Intl.DateTimeFormatOptions, 'month' | 'weekday'> =\n    { month: 'long', weekday: 'narrow' };\n\n  //#endregion\n\n  //#region Lifecycle hooks\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addKeybindings(this, {\n      skip: this._shouldSkipKeyboardEvent,\n      ref: this._contentRef,\n      bindingDefaults: { repeat: true },\n    })\n      .set(arrowLeft, this._handleArrowKey.bind(this, 'day', -1))\n      .set(arrowRight, this._handleArrowKey.bind(this, 'day', 1))\n      .set(arrowUp, this._handleArrowKey.bind(this, 'week', -1))\n      .set(arrowDown, this._handleArrowKey.bind(this, 'week', 1))\n      .set([shiftKey, pageUpKey], this._handleShiftPageKeys.bind(this, -1))\n      .set([shiftKey, pageDownKey], this._handleShiftPageKeys.bind(this, 1))\n      .set(pageUpKey, this._handlePageKeys.bind(this, -1))\n      .set(pageDownKey, this._handlePageKeys.bind(this, 1))\n      .set(homeKey, this._handleHomeKey)\n      .set(endKey, this._handleEndKey);\n  }\n\n  //#endregion\n\n  //#region Keyboard event handlers\n\n  private _shouldSkipKeyboardEvent(_: Element, event: KeyboardEvent): boolean {\n    return !getElementFromPath(\n      `${IgcDaysViewComponent.tagName}, ${IgcMonthsViewComponent.tagName}, ${IgcYearsViewComponent.tagName}`,\n      event\n    );\n  }\n\n  private _handleArrowKey(period: 'day' | 'week', delta: -1 | 1): void {\n    if (this._isDayView) {\n      const date = this._getNextEnabledDate(\n        this._activeDate.add(period, delta),\n        delta\n      );\n      this._updateViewIndex(date, delta);\n      this._activeDate = date;\n    } else {\n      const monthOrYear = this._isMonthView ? 'month' : 'year';\n      const monthOrYearDelta =\n        (this._isMonthView ? MONTHS_PER_ROW : YEARS_PER_ROW) * delta;\n\n      this._activeDate = this._getNextEnabledDate(\n        this._activeDate.add(\n          monthOrYear,\n          period === 'week' ? monthOrYearDelta : delta\n        ),\n        delta\n      );\n    }\n\n    this[focusActiveDate]();\n  }\n\n  private _handlePageKeys(delta: -1 | 1): void {\n    const { unit, increment } = this._getPageStep(delta);\n\n    this._activeDate = this._getNextEnabledDate(\n      this._activeDate.add(unit, increment),\n      increment\n    );\n    this[focusActiveDate]();\n  }\n\n  private _handleShiftPageKeys(delta: -1 | 1): void {\n    if (this._isDayView) {\n      this._activeDate = this._getNextEnabledDate(\n        this._activeDate.add('year', delta),\n        delta\n      );\n      this[focusActiveDate]();\n    }\n  }\n\n  private _handleHomeKey(): void {\n    this._activateEdgeOfView('start');\n  }\n\n  private _handleEndKey(): void {\n    this._activateEdgeOfView('end');\n  }\n\n  /**\n   * Moves the active date to the first or the last date of the current view, skipping\n   * over the disabled dates towards the middle of it.\n   */\n  private _activateEdgeOfView(edge: 'start' | 'end'): void {\n    const isStart = edge === 'start';\n    const delta = isStart ? 1 : -1;\n    let target: CalendarDay;\n\n    switch (this.activeView) {\n      case 'days': {\n        const months = this._getActiveDates();\n        const index = isStart ? 0 : months.length - 1;\n        const month = months[index];\n\n        target = isStart\n          ? month.set({ date: 1 })\n          : month.set({ month: month.month + 1, date: 0 });\n        this._activeDaysViewIndex = index;\n        break;\n      }\n      case 'months':\n        target = this._activeDate.set({ month: isStart ? 0 : 11 });\n        break;\n      case 'years': {\n        const { start, end } = getYearRange(this._activeDate, YEARS_PER_PAGE);\n        target = this._activeDate.set({ year: isStart ? start : end });\n        break;\n      }\n    }\n\n    this._activeDate = this._getNextEnabledDate(target, delta);\n    this[focusActiveDate]();\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  private _handleMonthChange(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n    this.activeDate = event.detail;\n    this.activeView = 'days';\n\n    this[focusActiveDate]();\n  }\n\n  private _handleYearChange(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n    this.activeDate = event.detail;\n    this.activeView = 'months';\n\n    this[focusActiveDate]();\n  }\n\n  private _handleValueChange(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n\n    const selection = selectDate(\n      { value: this._value, values: this._values },\n      CalendarDay.from(event.detail),\n      { selection: this.selection, disabledDates: this._disabledDates }\n    );\n\n    if (!selection) {\n      return;\n    }\n\n    this._value = selection.value;\n    this._values = selection.values;\n\n    this.emitEvent('igcChange', {\n      detail: this._isSingle ? (this.value as Date) : this.values,\n    });\n  }\n\n  private _handleActiveDateChange(event: CustomEvent<Date>): void {\n    const view = event.target as IgcDaysViewComponent;\n    const index = Array.from(this._daysViews).indexOf(view);\n\n    if (index < 0) {\n      return;\n    }\n\n    // Resolved before the state below is updated, since the dates of the views are\n    // derived from it\n    const renderedMonth = this._getActiveDates()[index];\n\n    this._activeDaysViewIndex = index;\n    this.activeDate = event.detail;\n\n    // The cell holding the tab stop is about to be replaced, so the focus has to follow\n    if (!areSameMonth(this._activeDate, renderedMonth)) {\n      this[focusActiveDate]();\n    }\n  }\n\n  private _handleRangePreviewChange(event: CustomEvent<Date>): void {\n    this._rangePreviewDate = event.detail\n      ? CalendarDay.from(event.detail)\n      : undefined;\n  }\n\n  //#endregion\n\n  //#region Internal navigation methods\n\n  /** Makes the month rendered by the view at `viewIndex` the active one. */\n  private _setActiveDaysView(viewIndex: number): void {\n    this.activeDate = this._getActiveDates()[viewIndex].native;\n    this._activeDaysViewIndex = viewIndex;\n  }\n\n  private _navigate(delta: 1 | -1): void {\n    const { unit, increment } = this._getPageStep(delta);\n    this._activeDate = this._activeDate.add(unit, increment);\n  }\n\n  private _navigatePrevious(): void {\n    this._navigate(-1);\n  }\n\n  private _navigateNext(): void {\n    this._navigate(1);\n  }\n\n  private _navigateToMonthView(viewIndex: number): void {\n    this._setActiveDaysView(viewIndex);\n    this.activeView = 'months';\n\n    this[focusActiveDate]();\n  }\n\n  private _navigateToYearView(viewIndex: number): void {\n    if (this._isDayView) {\n      this._setActiveDaysView(viewIndex);\n    }\n    this.activeView = 'years';\n\n    this[focusActiveDate]();\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  /** @hidden @internal */\n  public async [focusActiveDate](options?: FocusOptions): Promise<void> {\n    await this.updateComplete;\n\n    switch (this.activeView) {\n      case 'days':\n        return this._daysViews\n          .item(this._activeDaysViewIndex)\n          .focusActiveDate(options);\n      case 'months':\n        return this._monthsView.focusActiveDate(options);\n      case 'years':\n        return this._yearsView.focusActiveDate(options);\n    }\n  }\n\n  private _updateViewIndex(date: CalendarDay, delta: -1 | 1): void {\n    if (this.visibleMonths === 1) {\n      return;\n    }\n\n    const index = this._activeDaysViewIndex;\n    const view = CalendarDay.from(this._daysViews.item(index).activeDate);\n\n    if (date.month !== view.month) {\n      this._activeDaysViewIndex = clamp(\n        index + delta,\n        0,\n        this.visibleMonths - 1\n      );\n    }\n  }\n\n  private _getActiveDates(): CalendarDay[] {\n    const current = this._activeDaysViewIndex;\n    const length = Math.max(this.visibleMonths, 1);\n\n    return Array.from({ length }, (_, i) =>\n      this._activeDate.add('month', i - current)\n    );\n  }\n\n  /**\n   * Returns the first enabled date starting from `start` and moving day by day in the\n   * direction of `delta`.\n   *\n   * @remarks\n   * The search is bounded, since the disabled dates can describe an open-ended range\n   * which no date in the given direction satisfies. The current active date is returned\n   * when nothing is reachable.\n   */\n  private _getNextEnabledDate(start: CalendarDay, delta: number): CalendarDay {\n    const disabled = this._disabledDates;\n    const step = Math.sign(delta) || 1;\n    let current = start;\n\n    for (let i = 0; i <= MAX_DISABLED_DATE_SKIP; i++) {\n      if (!isDateInRanges(current, disabled)) {\n        return current;\n      }\n      current = current.add('day', step);\n    }\n\n    return this._activeDate;\n  }\n\n  //#endregion\n\n  protected _renderNavigationButtons() {\n    const parts = {\n      'navigation-button': true,\n      vertical: this.orientation === 'vertical',\n    };\n\n    return html`\n      <div part=\"navigation-buttons\">\n        <button\n          part=${partMap(parts)}\n          aria-label=${this._getNavigationLabel('previous')}\n          @click=${this._navigatePrevious}\n        >\n          <igc-icon\n            aria-hidden=\"true\"\n            name=\"arrow_prev\"\n            collection=\"default\"\n          ></igc-icon>\n        </button>\n\n        <button\n          part=${partMap(parts)}\n          aria-label=${this._getNavigationLabel('next')}\n          @click=${this._navigateNext}\n        >\n          <igc-icon\n            aria-hidden=\"true\"\n            name=\"arrow_next\"\n            collection=\"default\"\n          ></igc-icon>\n        </button>\n      </div>\n    `;\n  }\n\n  protected _renderMonthButtonNavigation(\n    active: CalendarDay,\n    viewIndex: number\n  ): TemplateResult {\n    const formatter = getDateFormatter();\n    const label = formatter.formatDateTime(active.native, this.locale, {\n      month: 'long',\n    });\n    const value = formatter.formatDateTime(active.native, this.locale, {\n      month: this.formatOptions.month,\n    });\n    const ariaLabel = `${label}, ${this.resourceStrings.calendar_select_month}`;\n\n    return html`\n      <button\n        part=\"months-navigation\"\n        aria-label=${ariaLabel}\n        @click=${() => this._navigateToMonthView(viewIndex)}\n      >\n        ${value}\n      </button>\n    `;\n  }\n\n  /** The year with the unit of the locale - `2025年` for `ja`, `2025 г.` for `bg`. */\n  protected _formatYear(day: CalendarDay): string {\n    return getDateFormatter().formatDateTime(day.native, this.locale, {\n      year: 'numeric',\n    });\n  }\n\n  protected _renderYearButtonNavigation(\n    active: CalendarDay,\n    viewIndex: number\n  ): TemplateResult {\n    const year = this._formatYear(active);\n    const ariaLabel = `${year}, ${this.resourceStrings.calendar_select_year}`;\n\n    return html`\n      <button\n        part=\"years-navigation\"\n        aria-label=${ariaLabel}\n        @click=${() => this._navigateToYearView(viewIndex)}\n      >\n        ${year}\n      </button>\n    `;\n  }\n\n  /**\n   * Renders the off screen live region announcing the period the calendar navigated to.\n   *\n   * @remarks\n   * A single region for the whole calendar - one per rendered month would announce the\n   * same navigation several times over. The years view has its visible years range as a\n   * live region of its own.\n   */\n  protected _renderActivePeriod() {\n    if (this._isYearView) {\n      return nothing;\n    }\n\n    const { format } = getDateFormatter().getIntlFormatter(this.locale, {\n      month: 'long',\n      year: 'numeric',\n    });\n\n    return html`\n      <span class=\"aria-off-screen\" aria-live=\"polite\">\n        ${this._isDayView ? format(this._activeDate.native) : this._formatYear(this._activeDate)}\n      </span>\n    `;\n  }\n\n  protected _renderYearRangeNavigation(active: CalendarDay): TemplateResult {\n    const { start, end } = getYearRange(active, YEARS_PER_PAGE);\n\n    return html`\n      <span part=\"years-range\" aria-live=\"polite\"> ${start} - ${end} </span>\n    `;\n  }\n\n  /** Renders the month and year buttons of the days view in the field order of the locale. */\n  protected _renderDayViewNavigation(\n    active: CalendarDay,\n    viewIndex: number\n  ): TemplateResult[] {\n    const parts = getDateFormatter().formatDateTimeToParts(\n      active.native,\n      this.locale,\n      { year: 'numeric', month: this.formatOptions.month }\n    );\n    const yearFirst = isDatePartBefore(parts, 'year', 'month');\n\n    const month = this._renderMonthButtonNavigation(active, viewIndex);\n    const year = this._renderYearButtonNavigation(active, viewIndex);\n\n    return yearFirst ? [year, month] : [month, year];\n  }\n\n  protected _renderNavigation(\n    date?: CalendarDay,\n    showButtons = true,\n    viewIndex = 0\n  ): TemplateResult {\n    const activeDate = date ?? this._activeDate;\n\n    return html`\n      <div part=\"navigation\">\n        <div part=\"picker-dates\">\n          ${\n            this._isDayView\n              ? this._renderDayViewNavigation(activeDate, viewIndex)\n              : nothing\n          }\n          ${\n            this._isMonthView\n              ? this._renderYearButtonNavigation(activeDate, viewIndex)\n              : nothing\n          }\n          ${\n            this._isYearView\n              ? this._renderYearRangeNavigation(activeDate)\n              : nothing\n          }\n        </div>\n        ${showButtons ? this._renderNavigationButtons() : nothing}\n      </div>\n    `;\n  }\n\n  protected _renderHeader() {\n    if (this.hideHeader || this._isMultiple) {\n      return nothing;\n    }\n\n    const title = this._isSingle\n      ? this.resourceStrings.calendar_select_date\n      : this.resourceStrings.calendar_range_placeholder;\n\n    // A label and the value it describes, not a document section, so no\n    // headings. A component cannot know which level fits its page. The themes\n    // set the typography of both parts.\n    return html`\n      <div part=\"header\">\n        <div part=\"header-title\">\n          <slot name=\"title\">${title}</slot>\n        </div>\n        <div part=\"header-date\">${this._renderHeaderDate()}</div>\n      </div>\n    `;\n  }\n\n  protected _renderHeaderDateSingle(): TemplateResult {\n    const date = this.value ?? CalendarDay.today.native;\n    const { locale } = this;\n    const formatter = getDateFormatter();\n    const weekdayOptions: Intl.DateTimeFormatOptions = { weekday: 'short' };\n    const dateOptions: Intl.DateTimeFormatOptions = {\n      month: 'short',\n      day: 'numeric',\n    };\n\n    if (this.headerOrientation !== 'vertical') {\n      const formatted = formatter.formatDateTime(date, locale, {\n        ...weekdayOptions,\n        ...dateOptions,\n      });\n      return html`<slot name=\"header-date\">${formatted}</slot>`;\n    }\n\n    // The weekday and the month/day on separate lines, in the field order of the locale\n    const parts = formatter.formatDateTimeToParts(date, locale, {\n      ...weekdayOptions,\n      ...dateOptions,\n    });\n    const weekday = formatter.formatDateTime(date, locale, weekdayOptions);\n    const monthDay = formatter.formatDateTime(date, locale, dateOptions);\n    const [first, second] = isDatePartBefore(parts, 'weekday', 'month')\n      ? [weekday, monthDay]\n      : [monthDay, weekday];\n\n    return html`<slot name=\"header-date\">${first}<br />${second}</slot>`;\n  }\n\n  protected _renderHeaderDateRange(): TemplateResult {\n    const values = this.values;\n    const { format } = getDateFormatter().getIntlFormatter(this.locale, {\n      month: 'short',\n      day: 'numeric',\n    });\n    const { calendar_range_label_start, calendar_range_label_end } =\n      this.resourceStrings;\n\n    const start = this._hasValues\n      ? format(firstOf(values))\n      : calendar_range_label_start;\n    const end =\n      this._hasValues && values.length > 1\n        ? format(lastOf(values))\n        : calendar_range_label_end;\n\n    return html`\n      <slot name=\"header-date\">\n        <span>${start}</span>\n        <span> - </span>\n        <span>${end}</span>\n      </slot>\n    `;\n  }\n\n  protected _renderHeaderDate(): TemplateResult {\n    return this._isSingle\n      ? this._renderHeaderDateSingle()\n      : this._renderHeaderDateRange();\n  }\n\n  protected _renderDaysView(): TemplateResult {\n    const activeDates = this._getActiveDates();\n    const horizontal = this.orientation === 'horizontal';\n    const length = activeDates.length - 1;\n    const format = this.formatOptions\n      .weekday as Intl.DateTimeFormatOptions['weekday'];\n    const weekStart = this.weekStart;\n\n    return html`${activeDates.map(\n      (date, idx) => html`\n        <div part=\"days-view-container\">\n          ${this._renderNavigation(\n            date,\n            horizontal ? idx === length : idx === 0,\n            idx\n          )}\n          <igc-days-view\n            @igcChange=${this._handleValueChange}\n            @igcActiveDateChange=${this._handleActiveDateChange}\n            @igcRangePreviewDateChange=${this._handleRangePreviewChange}\n            part=\"days-view\"\n            exportparts=\"days-row, label, label-inner, date-inner, week-number-inner, week-number, date, first, last, selected, inactive, hidden, current, content-vertical, weekend, range, special, disabled, single, preview\"\n            .active=${this._activeDaysViewIndex === idx}\n            .activeDate=${date.native}\n            .disabledDates=${this.disabledDates}\n            .hideLeadingDays=${this.hideOutsideDays || idx !== 0}\n            .hideTrailingDays=${this.hideOutsideDays || idx !== length}\n            .locale=${this.locale}\n            .rangePreviewDate=${this._rangePreviewDate?.native}\n            .resourceStrings=${this.resourceStrings}\n            .selection=${this.selection}\n            .showWeekNumbers=${this.showWeekNumbers}\n            .specialDates=${this._specialDates}\n            .value=${this.value}\n            .values=${this.values}\n            .weekDayFormat=${format!}\n            .weekStart=${weekStart}\n          ></igc-days-view>\n        </div>\n      `\n    )}`;\n  }\n\n  protected _renderMonthView(): TemplateResult {\n    const format = this.formatOptions\n      .month as Intl.DateTimeFormatOptions['month'];\n\n    return html`\n      ${this._renderNavigation()}\n      <igc-months-view\n        part=\"months-view\"\n        exportparts=\"months-row, month, selected, month-inner, current\"\n        @igcChange=${this._handleMonthChange}\n        .value=${this.activeDate}\n        .locale=${this.locale}\n        .monthFormat=${format!}\n      ></igc-months-view>\n    `;\n  }\n\n  protected _renderYearView(): TemplateResult {\n    return html`\n      ${this._renderNavigation()}\n      <igc-years-view\n        part=\"years-view\"\n        exportparts=\"years-row, year, selected, year-inner, current\"\n        @igcChange=${this._handleYearChange}\n        .value=${this.activeDate}\n        .yearsPerPage=${YEARS_PER_PAGE}\n      ></igc-years-view>\n    `;\n  }\n\n  protected override render() {\n    const parts = {\n      content: true,\n      'content-vertical': this._isDayView && this.orientation === 'vertical',\n    };\n\n    return html`\n      ${this._renderHeader()} ${this._renderActivePeriod()}\n      <div ${ref(this._contentRef)} part=${partMap(parts)}>\n        ${choose(this.activeView, [\n          ['days', () => this._renderDaysView()],\n          ['months', () => this._renderMonthView()],\n          ['years', () => this._renderYearView()],\n        ])}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-calendar': IgcCalendarComponent;\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { type PropertyValues, type TemplateResult } from 'lit';
+import { type TemplateResult } from 'lit';
 import { CalendarDay } from '#internals/date/model.js';
 import type { Constructor } from '#internals/mixins/constructor.js';
 import { IgcCalendarBaseComponent } from '../base.js';
@@ -63,7 +63,6 @@ export default class IgcDaysViewComponent extends IgcDaysViewComponent_base {
     static readonly tagName = "igc-days-view";
     static styles: import("lit").CSSResult;
     static register(): void;
-    private _dates;
     private _activeDay?;
     private get _rangeStart();
     private get _rangeEnd();
@@ -97,15 +96,13 @@ export default class IgcDaysViewComponent extends IgcDaysViewComponent_base {
      */
     weekDayFormat: 'long' | 'short' | 'narrow';
     constructor();
-    /** @internal */
-    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.
+     * A calendar writes the selection back to its views on the next render. This
+     * keeps a stand-alone view able to select.
      */
     private _selectDate;
     /** Whether `day` is selected. Disabled dates are excluded by the caller. */
@@ -123,8 +120,8 @@ export default class IgcDaysViewComponent extends IgcDaysViewComponent_base {
     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>;
-    protected _renderWeeks(): Generator<TemplateResult>;
+    protected _renderHeaders(dates: CalendarDay[]): TemplateResult<1>;
+    protected _renderWeeks(dates: CalendarDay[]): Generator<TemplateResult>;
     protected render(): TemplateResult<1>;
 }
 declare global {