igniteui-webcomponents 7.2.3 → 7.3.0-beta.0

package/components/calendar/calendar.js

@@ -9,22 +9,27 @@ import { html, nothing } from 'lit';
 import { property, query, queryAll, state } from 'lit/decorators.js';
 import { choose } from 'lit/directives/choose.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { addThemingController } from '../../theming/theming-controller.js';
-import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, endKey, homeKey, pageDownKey, pageUpKey, shiftKey, } from '../common/controllers/key-bindings.js';
-import { registerComponent } from '../common/definitions/register.js';
-import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-import { partMap } from '../common/part-map.js';
-import { clamp, first, formatString, getElementFromPath, last, } from '../common/util.js';
+import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, endKey, homeKey, pageDownKey, pageUpKey, shiftKey, } from '#internals/controllers/key-bindings.js';
+import { CalendarDay } from '#internals/date/model.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
+import { partMap } from '#internals/part-map.js';
+import { firstOf, lastOf } from '#internals/utils/arrays.js';
+import { getElementFromPath } from '#internals/utils/events.js';
+import { clamp } from '#internals/utils/math.js';
+import { formatString } from '#internals/utils/strings.js';
+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 { CalendarDay } from './model.js';
 import IgcMonthsViewComponent from './months-view/months-view.js';
+import { selectDate } from './selection.js';
 import { styles } from './themes/calendar.base.css.js';
 import { all } from './themes/calendar.js';
 import IgcYearsViewComponent from './years-view/years-view.js';
 export const focusActiveDate = Symbol();
+const MAX_DISABLED_DATE_SKIP = 1000;
 export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarBaseComponent) {
     static { this.tagName = 'igc-calendar'; }
     static { this.styles = styles; }
@@ -40,29 +45,29 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
     get _isYearView() {
         return this.activeView === 'years';
     }
-    get _previousButtonLabel() {
+    _getNavigationLabel(direction) {
+        const isPrevious = direction === 'previous';
+        const strings = this.resourceStrings;
         switch (this.activeView) {
             case 'days':
-                return this.resourceStrings.calendar_previous_month;
+                return (isPrevious
+                    ? strings.calendar_previous_month
+                    : strings.calendar_next_month);
             case 'months':
-                return this.resourceStrings.calendar_previous_year;
+                return (isPrevious
+                    ? strings.calendar_previous_year
+                    : strings.calendar_next_year);
             case 'years':
-                return formatString(this.resourceStrings.calendar_previous_years, YEARS_PER_PAGE);
-            default:
-                return '';
+                return formatString((isPrevious
+                    ? strings.calendar_previous_years
+                    : strings.calendar_next_years), YEARS_PER_PAGE);
         }
     }
-    get _nextButtonLabel() {
-        switch (this.activeView) {
-            case 'days':
-                return this.resourceStrings.calendar_next_month;
-            case 'months':
-                return this.resourceStrings.calendar_next_year;
-            case 'years':
-                return formatString(this.resourceStrings.calendar_next_years, YEARS_PER_PAGE);
-            default:
-                return '';
-        }
+    _getPageStep(delta) {
+        return {
+            unit: this._isDayView ? 'month' : 'year',
+            increment: (this._isYearView ? YEARS_PER_PAGE : 1) * delta,
+        };
     }
     constructor() {
         super();
@@ -109,8 +114,7 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
         this[focusActiveDate]();
     }
     _handlePageKeys(delta) {
-        const unit = this._isDayView ? 'month' : 'year';
-        const increment = (this._isYearView ? YEARS_PER_PAGE : 1) * delta;
+        const { unit, increment } = this._getPageStep(delta);
         this._activeDate = this._getNextEnabledDate(this._activeDate.add(unit, increment), increment);
         this[focusActiveDate]();
     }
@@ -121,42 +125,36 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
         }
     }
     _handleHomeKey() {
-        switch (this.activeView) {
-            case 'days': {
-                const firstView = CalendarDay.from(this._daysViews.item(0).activeDate);
-                this._activeDate = this._getNextEnabledDate(firstView.set({ date: 1 }), 1);
-                this._activeDaysViewIndex = 0;
-                break;
-            }
-            case 'months':
-                this._activeDate = this._getNextEnabledDate(this._activeDate.set({ month: 0 }), 1);
-                break;
-            case 'years':
-                this._activeDate = this._getNextEnabledDate(this._activeDate.set({
-                    year: getYearRange(this._activeDate, YEARS_PER_PAGE).start,
-                }), 1);
-                break;
-        }
-        this[focusActiveDate]();
+        this._activateEdgeOfView('start');
     }
     _handleEndKey() {
+        this._activateEdgeOfView('end');
+    }
+    _activateEdgeOfView(edge) {
+        const isStart = edge === 'start';
+        const delta = isStart ? 1 : -1;
+        let target;
         switch (this.activeView) {
             case 'days': {
-                const index = this._daysViews.length - 1;
-                const lastView = CalendarDay.from(this._daysViews.item(index).activeDate);
-                this._activeDate = this._getNextEnabledDate(lastView.set({ month: lastView.month + 1, date: 0 }), -1);
+                const months = this._getActiveDates();
+                const index = isStart ? 0 : months.length - 1;
+                const month = months[index];
+                target = isStart
+                    ? month.set({ date: 1 })
+                    : month.set({ month: month.month + 1, date: 0 });
                 this._activeDaysViewIndex = index;
                 break;
             }
             case 'months':
-                this._activeDate = this._getNextEnabledDate(this._activeDate.set({ month: 11 }), -1);
+                target = this._activeDate.set({ month: isStart ? 0 : 11 });
                 break;
-            case 'years':
-                this._activeDate = this._getNextEnabledDate(this._activeDate.set({
-                    year: getYearRange(this._activeDate, YEARS_PER_PAGE).end,
-                }), -1);
+            case 'years': {
+                const { start, end } = getYearRange(this._activeDate, YEARS_PER_PAGE);
+                target = this._activeDate.set({ year: isStart ? start : end });
                 break;
+            }
         }
+        this._activeDate = this._getNextEnabledDate(target, delta);
         this[focusActiveDate]();
     }
     _handleMonthChange(event) {
@@ -173,23 +171,26 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
     }
     _handleValueChange(event) {
         event.stopPropagation();
-        const view = event.target;
-        if (this._isSingle) {
-            this.value = view.value;
-        }
-        else {
-            this.values = view.values;
+        const selection = selectDate({ value: this._value, values: this._values }, CalendarDay.from(event.detail), { selection: this.selection, disabledDates: this._disabledDates });
+        if (!selection) {
+            return;
         }
+        this._value = selection.value;
+        this._values = selection.values;
         this.emitEvent('igcChange', {
             detail: this._isSingle ? this.value : this.values,
         });
     }
     _handleActiveDateChange(event) {
         const view = event.target;
-        const views = Array.from(this._daysViews);
-        this._activeDaysViewIndex = views.indexOf(view);
+        const index = Array.from(this._daysViews).indexOf(view);
+        if (index < 0) {
+            return;
+        }
+        const renderedMonth = this._getActiveDates()[index];
+        this._activeDaysViewIndex = index;
         this.activeDate = event.detail;
-        if (!areSameMonth(this.activeDate, view.activeDate)) {
+        if (!areSameMonth(this._activeDate, renderedMonth)) {
             this[focusActiveDate]();
         }
     }
@@ -199,13 +200,11 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
             : undefined;
     }
     _setActiveDaysView(viewIndex) {
-        const view = this._daysViews.item(viewIndex);
-        this.activeDate = view.activeDate;
+        this.activeDate = this._getActiveDates()[viewIndex].native;
         this._activeDaysViewIndex = viewIndex;
     }
     _navigate(delta) {
-        const unit = this._isDayView ? 'month' : 'year';
-        const increment = (this._isYearView ? YEARS_PER_PAGE : 1) * delta;
+        const { unit, increment } = this._getPageStep(delta);
         this._activeDate = this._activeDate.add(unit, increment);
     }
     _navigatePrevious() {
@@ -256,11 +255,15 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
     }
     _getNextEnabledDate(start, delta) {
         const disabled = this._disabledDates;
-        let beginning = start.clone();
-        while (isDateInRanges(beginning, disabled)) {
-            beginning = beginning.add('day', delta);
+        const step = Math.sign(delta) || 1;
+        let current = start;
+        for (let i = 0; i <= MAX_DISABLED_DATE_SKIP; i++) {
+            if (!isDateInRanges(current, disabled)) {
+                return current;
+            }
+            current = current.add('day', step);
         }
-        return beginning;
+        return this._activeDate;
     }
     _renderNavigationButtons() {
         const parts = {
@@ -271,7 +274,7 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
       <div part="navigation-buttons">
         <button
           part=${partMap(parts)}
-          aria-label=${this._previousButtonLabel}
+          aria-label=${this._getNavigationLabel('previous')}
           @click=${this._navigatePrevious}
         >
           <igc-icon
@@ -283,7 +286,7 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
 
         <button
           part=${partMap(parts)}
-          aria-label=${this._nextButtonLabel}
+          aria-label=${this._getNavigationLabel('next')}
           @click=${this._navigateNext}
         >
           <igc-icon
@@ -315,14 +318,8 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
     `;
     }
     _renderYearButtonNavigation(active, viewIndex) {
-        const { format } = getDateFormatter().getIntlFormatter(this.locale, {
-            month: 'long',
-            year: 'numeric',
-        });
         const ariaLabel = `${active.year}, ${this.resourceStrings.calendar_select_year}`;
-        const ariaSkip = this._isDayView ? format(active.native) : active.year;
         return html `
-      <span class="aria-off-screen" aria-live="polite">${ariaSkip}</span>
       <button
         part="years-navigation"
         aria-label=${ariaLabel}
@@ -332,6 +329,20 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
       </button>
     `;
     }
+    _renderActivePeriod() {
+        if (this._isYearView) {
+            return nothing;
+        }
+        const { format } = getDateFormatter().getIntlFormatter(this.locale, {
+            month: 'long',
+            year: 'numeric',
+        });
+        return html `
+      <span class="aria-off-screen" aria-live="polite">
+        ${this._isDayView ? format(this._activeDate.native) : this._activeDate.year}
+      </span>
+    `;
+    }
     _renderYearRangeNavigation(active) {
         const { start, end } = getYearRange(active, YEARS_PER_PAGE);
         return html `
@@ -366,10 +377,10 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
             : this.resourceStrings.calendar_range_placeholder;
         return html `
       <div part="header">
-        <h5 part="header-title">
+        <div part="header-title">
           <slot name="title">${title}</slot>
-        </h5>
-        <h2 part="header-date">${this._renderHeaderDate()}</h2>
+        </div>
+        <div part="header-date">${this._renderHeaderDate()}</div>
       </div>
     `;
     }
@@ -395,10 +406,10 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
         });
         const { calendar_range_label_start, calendar_range_label_end } = this.resourceStrings;
         const start = this._hasValues
-            ? format(first(values))
+            ? format(firstOf(values))
             : calendar_range_label_start;
         const end = this._hasValues && values.length > 1
-            ? format(last(values))
+            ? format(lastOf(values))
             : calendar_range_label_end;
         return html `
       <slot name="header-date">
@@ -427,7 +438,7 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
             @igcActiveDateChange=${this._handleActiveDateChange}
             @igcRangePreviewDateChange=${this._handleRangePreviewChange}
             part="days-view"
-            exportparts="days-row, label, date-inner, week-number-inner, week-number, date, first, last, selected, inactive, hidden, current, content-vertical, weekend, range, special, disabled, single, preview"
+            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"
             .active=${this._activeDaysViewIndex === idx}
             .activeDate=${date.native}
             .disabledDates=${this.disabledDates}
@@ -454,7 +465,7 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
       ${this._renderNavigation()}
       <igc-months-view
         part="months-view"
-        exportparts="month, selected, month-inner, current"
+        exportparts="months-row, month, selected, month-inner, current"
         @igcChange=${this._handleMonthChange}
         .value=${this.activeDate}
         .locale=${this.locale}
@@ -467,7 +478,7 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
       ${this._renderNavigation()}
       <igc-years-view
         part="years-view"
-        exportparts="year, selected, year-inner, current"
+        exportparts="years-row, year, selected, year-inner, current"
         @igcChange=${this._handleYearChange}
         .value=${this.activeDate}
         .yearsPerPage=${YEARS_PER_PAGE}
@@ -480,7 +491,7 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
             'content-vertical': this._isDayView && this.orientation === 'vertical',
         };
         return html `
-      ${this._renderHeader()}
+      ${this._renderHeader()} ${this._renderActivePeriod()}
       <div ${ref(this._contentRef)} part=${partMap(parts)}>
         ${choose(this.activeView, [
             ['days', () => this._renderDaysView()],

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 { addThemingController } from '../../theming/theming-controller.js';\nimport {\n  addKeybindings,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  endKey,\n  homeKey,\n  pageDownKey,\n  pageUpKey,\n  shiftKey,\n} from '../common/controllers/key-bindings.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport {\n  clamp,\n  first,\n  formatString,\n  getElementFromPath,\n  last,\n} from '../common/util.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 { CalendarDay } from './model.js';\nimport IgcMonthsViewComponent from './months-view/months-view.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/* 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 label - Week header label 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 * @csspart last - The last selected date element of the calendar in range selection.\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  private get _previousButtonLabel(): string {\n    switch (this.activeView) {\n      case 'days':\n        return this.resourceStrings.calendar_previous_month!;\n      case 'months':\n        return this.resourceStrings.calendar_previous_year!;\n      case 'years':\n        return formatString(\n          this.resourceStrings.calendar_previous_years!,\n          YEARS_PER_PAGE\n        );\n      default:\n        return '';\n    }\n  }\n\n  private get _nextButtonLabel(): string {\n    switch (this.activeView) {\n      case 'days':\n        return this.resourceStrings.calendar_next_month!;\n      case 'months':\n        return this.resourceStrings.calendar_next_year!;\n      case 'years':\n        return formatString(\n          this.resourceStrings.calendar_next_years!,\n          YEARS_PER_PAGE\n        );\n      default:\n        return '';\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 show 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 = this._isDayView ? 'month' : 'year';\n    const increment = (this._isYearView ? YEARS_PER_PAGE : 1) * 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    switch (this.activeView) {\n      case 'days': {\n        const firstView = CalendarDay.from(this._daysViews.item(0).activeDate);\n        this._activeDate = this._getNextEnabledDate(\n          firstView.set({ date: 1 }),\n          1\n        );\n        this._activeDaysViewIndex = 0;\n        break;\n      }\n      case 'months':\n        this._activeDate = this._getNextEnabledDate(\n          this._activeDate.set({ month: 0 }),\n          1\n        );\n        break;\n      case 'years':\n        this._activeDate = this._getNextEnabledDate(\n          this._activeDate.set({\n            year: getYearRange(this._activeDate, YEARS_PER_PAGE).start,\n          }),\n          1\n        );\n        break;\n    }\n\n    this[focusActiveDate]();\n  }\n\n  private _handleEndKey(): void {\n    switch (this.activeView) {\n      case 'days': {\n        const index = this._daysViews.length - 1;\n        const lastView = CalendarDay.from(\n          this._daysViews.item(index).activeDate\n        );\n        this._activeDate = this._getNextEnabledDate(\n          lastView.set({ month: lastView.month + 1, date: 0 }),\n          -1\n        );\n        this._activeDaysViewIndex = index;\n        break;\n      }\n      case 'months':\n        this._activeDate = this._getNextEnabledDate(\n          this._activeDate.set({ month: 11 }),\n          -1\n        );\n        break;\n      case 'years':\n        this._activeDate = this._getNextEnabledDate(\n          this._activeDate.set({\n            year: getYearRange(this._activeDate, YEARS_PER_PAGE).end,\n          }),\n          -1\n        );\n        break;\n    }\n\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 view = event.target as IgcDaysViewComponent;\n\n    if (this._isSingle) {\n      this.value = view.value;\n    } else {\n      this.values = view.values;\n    }\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 views = Array.from(this._daysViews);\n\n    this._activeDaysViewIndex = views.indexOf(view);\n    this.activeDate = event.detail;\n\n    if (!areSameMonth(this.activeDate, view.activeDate)) {\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  private _setActiveDaysView(viewIndex: number): void {\n    const view = this._daysViews.item(viewIndex);\n    this.activeDate = view.activeDate;\n    this._activeDaysViewIndex = viewIndex;\n  }\n\n  private _navigate(delta: 1 | -1): void {\n    const unit = this._isDayView ? 'month' : 'year';\n    const increment = (this._isYearView ? YEARS_PER_PAGE : 1) * 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  /** @private @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  private _getNextEnabledDate(start: CalendarDay, delta: number): CalendarDay {\n    const disabled = this._disabledDates;\n    let beginning = start.clone();\n\n    while (isDateInRanges(beginning, disabled)) {\n      beginning = beginning.add('day', delta);\n    }\n\n    return beginning;\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._previousButtonLabel}\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._nextButtonLabel}\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 { format } = getDateFormatter().getIntlFormatter(this.locale, {\n      month: 'long',\n      year: 'numeric',\n    });\n    const ariaLabel = `${active.year}, ${this.resourceStrings.calendar_select_year}`;\n    const ariaSkip = this._isDayView ? format(active.native) : active.year;\n\n    return html`\n      <span class=\"aria-off-screen\" aria-live=\"polite\">${ariaSkip}</span>\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  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          ${this._isDayView\n            ? this._renderMonthButtonNavigation(activeDate, viewIndex)\n            : nothing}\n          ${this._isDayView || this._isMonthView\n            ? this._renderYearButtonNavigation(activeDate, viewIndex)\n            : nothing}\n          ${this._isYearView\n            ? this._renderYearRangeNavigation(activeDate)\n            : nothing}\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    return html`\n      <div part=\"header\">\n        <h5 part=\"header-title\">\n          <slot name=\"title\">${title}</slot>\n        </h5>\n        <h2 part=\"header-date\">${this._renderHeaderDate()}</h2>\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(first(values))\n      : calendar_range_label_start;\n    const end =\n      this._hasValues && values.length > 1\n        ? format(last(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, 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=\"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=\"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()}\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":";;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACL,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,EACP,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,QAAQ,GACT,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,cAAc,EACd,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,sBAAsB,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAM3C,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,EAAE,CAAC;AAGxC,MAAM,sBAAsB,GAAG,IAAI,CAAC;AA2DpC,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,iBAAiB,CAGjE,wBAAwB,CAAC;aACF,YAAO,GAAG,cAAc,AAAjB,CAAkB;aAClC,WAAM,GAAG,MAAM,AAAT,CAAU;IAGvB,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,CACtB,CAAC;IACJ,CAAC;IAMD,IAAY,UAAU;QACpB,OAAO,IAAI,CAAC,UAAU,KAAK,MAAM,CAAC;IACpC,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC;IACtC,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,UAAU,KAAK,OAAO,CAAC;IACrC,CAAC;IAGO,mBAAmB,CAAC,SAA8B;QACxD,MAAM,UAAU,GAAG,SAAS,KAAK,UAAU,CAAC;QAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;QAErC,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;YACxB,KAAK,MAAM;gBACT,OAAO,CACL,UAAU;oBACR,CAAC,CAAC,OAAO,CAAC,uBAAuB;oBACjC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAC/B,CAAC;YACL,KAAK,QAAQ;gBACX,OAAO,CACL,UAAU;oBACR,CAAC,CAAC,OAAO,CAAC,sBAAsB;oBAChC,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAC9B,CAAC;YACL,KAAK,OAAO;gBACV,OAAO,YAAY,CACjB,CAAC,UAAU;oBACT,CAAC,CAAC,OAAO,CAAC,uBAAuB;oBACjC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAE,EACjC,cAAc,CACf,CAAC;QACN,CAAC;IACH,CAAC;IAGO,YAAY,CAAC,KAAa;QAIhC,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;YACxC,SAAS,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK;SAC3D,CAAC;IACJ,CAAC;IA8ED;QACE,KAAK,EAAE,CAAC;QAlIO,gBAAW,GAAG,SAAS,EAAkB,CAAC;QAsDnD,yBAAoB,GAAG,CAAC,CAAC;QAqB1B,oBAAe,GAAG,KAAK,CAAC;QAUxB,eAAU,GAAG,KAAK,CAAC;QAQnB,sBAAiB,GAA8B,YAAY,CAAC;QAS5D,gBAAW,GAAuB,YAAY,CAAC;QAQ/C,kBAAa,GAAG,CAAC,CAAC;QAQlB,eAAU,GAAuB,MAAM,CAAC;QAIxC,kBAAa,GAClB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;QASrC,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,cAAc,CAAC,IAAI,EAAE;YACnB,IAAI,EAAE,IAAI,CAAC,wBAAwB;YACnC,GAAG,EAAE,IAAI,CAAC,WAAW;YACrB,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;SAClC,CAAC;aACC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;aAC1D,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;aAC1D,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;aACzD,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;aAC1D,GAAG,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;aACpE,GAAG,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;aACrE,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;aACnD,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;aACpD,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC;aACjC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACrC,CAAC;IAMO,wBAAwB,CAAC,CAAU,EAAE,KAAoB;QAC/D,OAAO,CAAC,kBAAkB,CACxB,GAAG,oBAAoB,CAAC,OAAO,KAAK,sBAAsB,CAAC,OAAO,KAAK,qBAAqB,CAAC,OAAO,EAAE,EACtG,KAAK,CACN,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,MAAsB,EAAE,KAAa;QAC3D,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,MAAM,IAAI,GAAG,IAAI,CAAC,mBAAmB,CACnC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,EACnC,KAAK,CACN,CAAC;YACF,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACnC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;YACzD,MAAM,gBAAgB,GACpB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;YAE/D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,mBAAmB,CACzC,IAAI,CAAC,WAAW,CAAC,GAAG,CAClB,WAAW,EACX,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAC7C,EACD,KAAK,CACN,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAEO,eAAe,CAAC,KAAa;QACnC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAErD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,mBAAmB,CACzC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,SAAS,CACV,CAAC;QACF,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAEO,oBAAoB,CAAC,KAAa;QACxC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,mBAAmB,CACzC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,EACnC,KAAK,CACN,CAAC;YACF,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAMO,mBAAmB,CAAC,IAAqB;QAC/C,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC;QACjC,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,IAAI,MAAmB,CAAC;QAExB,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;YACxB,KAAK,MAAM,CAAC,CAAC,CAAC;gBACZ,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;gBACtC,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC9C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;gBAE5B,MAAM,GAAG,OAAO;oBACd,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;oBACxB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;gBACnD,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;gBAClC,MAAM;YACR,CAAC;YACD,KAAK,QAAQ;gBACX,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBAC3D,MAAM;YACR,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;gBACtE,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;gBAC/D,MAAM;YACR,CAAC;QACH,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC3D,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAMO,kBAAkB,CAAC,KAAwB;QACjD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QAEzB,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAEO,iBAAiB,CAAC,KAAwB;QAChD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;QAE3B,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAEO,kBAAkB,CAAC,KAAwB;QACjD,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,MAAM,SAAS,GAAG,UAAU,CAC1B,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,EAC5C,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAC9B,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,cAAc,EAAE,CAClE,CAAC;QAEF,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC;QAEhC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;YAC1B,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,IAAI,CAAC,KAAc,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM;SAC5D,CAAC,CAAC;IACL,CAAC;IAEO,uBAAuB,CAAC,KAAwB;QACtD,MAAM,IAAI,GAAG,KAAK,CAAC,MAA8B,CAAC;QAClD,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAExD,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAID,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC,CAAC;QAEpD,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;QAG/B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,EAAE,CAAC;YACnD,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEO,yBAAyB,CAAC,KAAwB;QACxD,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,MAAM;YACnC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAChC,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC;IAOO,kBAAkB,CAAC,SAAiB;QAC1C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC;QAC3D,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;IACxC,CAAC;IAEO,SAAS,CAAC,KAAa;QAC7B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACrD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC3D,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC;IAEO,oBAAoB,CAAC,SAAiB;QAC5C,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QACnC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;QAE3B,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAEO,mBAAmB,CAAC,SAAiB;QAC3C,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;QAE1B,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAOM,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,OAAsB;QACnD,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;YACxB,KAAK,MAAM;gBACT,OAAO,IAAI,CAAC,UAAU;qBACnB,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC;qBAC/B,eAAe,CAAC,OAAO,CAAC,CAAC;YAC9B,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YACnD,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAEO,gBAAgB,CAAC,IAAiB,EAAE,KAAa;QACvD,IAAI,IAAI,CAAC,aAAa,KAAK,CAAC,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC;QACxC,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;QAEtE,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAC/B,KAAK,GAAG,KAAK,EACb,CAAC,EACD,IAAI,CAAC,aAAa,GAAG,CAAC,CACvB,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC;QAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QAE/C,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACrC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC,CAC3C,CAAC;IACJ,CAAC;IAWO,mBAAmB,CAAC,KAAkB,EAAE,KAAa;QAC3D,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC;QACrC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,OAAO,GAAG,KAAK,CAAC;QAEpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,sBAAsB,EAAE,CAAC,EAAE,EAAE,CAAC;YACjD,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;gBACvC,OAAO,OAAO,CAAC;YACjB,CAAC;YACD,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;QAED,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAIS,wBAAwB;QAChC,MAAM,KAAK,GAAG;YACZ,mBAAmB,EAAE,IAAI;YACzB,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,UAAU;SAC1C,CAAC;QAEF,OAAO,IAAI,CAAA;;;iBAGE,OAAO,CAAC,KAAK,CAAC;uBACR,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC;mBACxC,IAAI,CAAC,iBAAiB;;;;;;;;;;iBAUxB,OAAO,CAAC,KAAK,CAAC;uBACR,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC;mBACpC,IAAI,CAAC,aAAa;;;;;;;;;KAShC,CAAC;IACJ,CAAC;IAES,4BAA4B,CACpC,MAAmB,EACnB,SAAiB;QAEjB,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;QACrC,MAAM,KAAK,GAAG,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YACjE,KAAK,EAAE,MAAM;SACd,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YACjE,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK;SAChC,CAAC,CAAC;QACH,MAAM,SAAS,GAAG,GAAG,KAAK,KAAK,IAAI,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC;QAE5E,OAAO,IAAI,CAAA;;;qBAGM,SAAS;iBACb,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC;;UAEjD,KAAK;;KAEV,CAAC;IACJ,CAAC;IAES,2BAA2B,CACnC,MAAmB,EACnB,SAAiB;QAEjB,MAAM,SAAS,GAAG,GAAG,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,eAAe,CAAC,oBAAoB,EAAE,CAAC;QAEjF,OAAO,IAAI,CAAA;;;qBAGM,SAAS;iBACb,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC;;UAEhD,MAAM,CAAC,IAAI;;KAEhB,CAAC;IACJ,CAAC;IAUS,mBAAmB;QAC3B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE;YAClE,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,SAAS;SAChB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI;;KAE9E,CAAC;IACJ,CAAC;IAES,0BAA0B,CAAC,MAAmB;QACtD,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;QAE5D,OAAO,IAAI,CAAA;qDACsC,KAAK,MAAM,GAAG;KAC9D,CAAC;IACJ,CAAC;IAES,iBAAiB,CACzB,IAAkB,EAClB,WAAW,GAAG,IAAI,EAClB,SAAS,GAAG,CAAC;QAEb,MAAM,UAAU,GAAG,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC;QAE5C,OAAO,IAAI,CAAA;;;YAIH,IAAI,CAAC,UAAU;YACb,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC,UAAU,EAAE,SAAS,CAAC;YAC1D,CAAC,CAAC,OACN;YAEE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,YAAY;YAClC,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,UAAU,EAAE,SAAS,CAAC;YACzD,CAAC,CAAC,OACN;YAEE,IAAI,CAAC,WAAW;YACd,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC;YAC7C,CAAC,CAAC,OACN;;UAEA,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC,OAAO;;KAE5D,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACxC,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS;YAC1B,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB;YAC3C,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,0BAA0B,CAAC;QAKpD,OAAO,IAAI,CAAA;;;+BAGgB,KAAK;;kCAEF,IAAI,CAAC,iBAAiB,EAAE;;KAErD,CAAC;IACJ,CAAC;IAES,uBAAuB;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC;QACpD,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;QACrC,MAAM,OAAO,GAAG,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE;YAC1D,OAAO,EAAE,OAAO;SACjB,CAAC,CAAC;QACH,MAAM,QAAQ,GAAG,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE;YAC3D,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,SAAS;SACf,CAAC,CAAC;QACH,MAAM,SAAS,GACb,IAAI,CAAC,iBAAiB,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;QAE7D,MAAM,SAAS,GAAG,IAAI,CAAA,GAAG,OAAO,IAAI,SAAS,GAAG,QAAQ,EAAE,CAAC;QAE3D,OAAO,IAAI,CAAA,4BAA4B,SAAS,SAAS,CAAC;IAC5D,CAAC;IAES,sBAAsB;QAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE;YAClE,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,SAAS;SACf,CAAC,CAAC;QACH,MAAM,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,GAC5D,IAAI,CAAC,eAAe,CAAC;QAEvB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU;YAC3B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACzB,CAAC,CAAC,0BAA0B,CAAC;QAC/B,MAAM,GAAG,GACP,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;YAClC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACxB,CAAC,CAAC,wBAAwB,CAAC;QAE/B,OAAO,IAAI,CAAA;;gBAEC,KAAK;;gBAEL,GAAG;;KAEd,CAAC;IACJ,CAAC;IAES,iBAAiB;QACzB,OAAO,IAAI,CAAC,SAAS;YACnB,CAAC,CAAC,IAAI,CAAC,uBAAuB,EAAE;YAChC,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;IACpC,CAAC;IAES,eAAe;QACvB,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC3C,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,KAAK,YAAY,CAAC;QACrD,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa;aAC9B,OAAgD,CAAC;QAEpD,OAAO,IAAI,CAAA,GAAG,WAAW,CAAC,GAAG,CAC3B,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAA;;YAEb,IAAI,CAAC,iBAAiB,CACtB,IAAI,EACJ,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EACvC,GAAG,CACJ;;yBAEc,IAAI,CAAC,kBAAkB;mCACb,IAAI,CAAC,uBAAuB;yCACtB,IAAI,CAAC,yBAAyB;;;sBAGjD,IAAI,CAAC,oBAAoB,KAAK,GAAG;0BAC7B,IAAI,CAAC,MAAM;6BACR,IAAI,CAAC,aAAa;+BAChB,IAAI,CAAC,eAAe,IAAI,GAAG,KAAK,CAAC;gCAChC,IAAI,CAAC,eAAe,IAAI,GAAG,KAAK,MAAM;sBAChD,IAAI,CAAC,MAAM;gCACD,IAAI,CAAC,iBAAiB,EAAE,MAAM;+BAC/B,IAAI,CAAC,eAAe;yBAC1B,IAAI,CAAC,SAAS;+BACR,IAAI,CAAC,eAAe;4BACvB,IAAI,CAAC,aAAa;qBACzB,IAAI,CAAC,KAAK;sBACT,IAAI,CAAC,MAAM;6BACJ,MAAO;yBACX,IAAI,CAAC,SAAS;;;OAGhC,CACF,EAAE,CAAC;IACN,CAAC;IAES,gBAAgB;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa;aAC9B,KAA4C,CAAC;QAEhD,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,iBAAiB,EAAE;;;;qBAIX,IAAI,CAAC,kBAAkB;iBAC3B,IAAI,CAAC,UAAU;kBACd,IAAI,CAAC,MAAM;uBACN,MAAO;;KAEzB,CAAC;IACJ,CAAC;IAES,eAAe;QACvB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,iBAAiB,EAAE;;;;qBAIX,IAAI,CAAC,iBAAiB;iBAC1B,IAAI,CAAC,UAAU;wBACR,cAAc;;KAEjC,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,KAAK,GAAG;YACZ,OAAO,EAAE,IAAI;YACb,kBAAkB,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,KAAK,UAAU;SACvE,CAAC;QAEF,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,mBAAmB,EAAE;aAC7C,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,OAAO,CAAC,KAAK,CAAC;UAC/C,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE;YACxB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YACtC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACzC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;SACxC,CAAC;;KAEL,CAAC;IACJ,CAAC;;AAnqBO;IADP,KAAK,EAAE;kEACyB;AAGhB;IADhB,QAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC;wDACwB;AAG9C;IADhB,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC;yDACgB;AAGrC;IADhB,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC;wDACe;AAY7C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6DAC5C;AAUxB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDAC3C;AAQnB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;+DACM;AAS5D;IADN,QAAQ,EAAE;yDAC2C;AAQ/C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;2DAC/B;AAQlB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDACQ;AAIxC;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2DAEQ","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"]}