igniteui-webcomponents 7.2.4 → 7.3.0-beta.0

package/components/calendar/helpers.js

@@ -1,12 +1,12 @@
-import { asNumber, first, getElementFromPath, isString, last, modulo, } from '../common/util.js';
-import { CalendarDay, DAYS_IN_WEEK, toCalendarDay, } from './model.js';
+import { CalendarDay, calendarRange, DAYS_IN_WEEK, toCalendarDay, } from '#internals/date/model.js';
+import { firstOf, lastOf } from '#internals/utils/arrays.js';
+import { getElementFromPath } from '#internals/utils/events.js';
+import { asNumber, modulo } from '#internals/utils/math.js';
 import { DateRangeType, } from './types.js';
 export const MONTHS_PER_ROW = 3;
 export const YEARS_PER_ROW = 3;
 export const YEARS_PER_PAGE = 15;
 const CALENDAR_CELLS = 42;
-const ISO_DATE_PATTERN = /^\d{4}/;
-const TIME_PATTERN = /^\d{2}/;
 const WEEK_DAYS_MAP = {
     sunday: 0,
     monday: 1,
@@ -16,62 +16,6 @@ const WEEK_DAYS_MAP = {
     friday: 5,
     saturday: 6,
 };
-export function isValidDate(value) {
-    if (value instanceof Date) {
-        return !Number.isNaN(value.getTime());
-    }
-    return false;
-}
-export function parseISODate(string) {
-    if (ISO_DATE_PATTERN.test(string)) {
-        const timeComponent = !string.includes('T') ? 'T00:00:00' : '';
-        return getValidDate(new Date(`${string}${timeComponent}`));
-    }
-    if (TIME_PATTERN.test(string)) {
-        const today = first(new Date().toISOString().split('T'));
-        return getValidDate(new Date(`${today}T${string}`));
-    }
-    return null;
-}
-export function convertToDate(value) {
-    if (!value) {
-        return null;
-    }
-    return isString(value) ? parseISODate(value) : getValidDate(value);
-}
-export function convertToDateRange(value) {
-    if (!value) {
-        return null;
-    }
-    if (isString(value)) {
-        const obj = JSON.parse(value);
-        const start = convertToDate(obj.start);
-        const end = convertToDate(obj.end);
-        return {
-            start: start ? CalendarDay.from(start).native : null,
-            end: end ? CalendarDay.from(end).native : null,
-        };
-    }
-    return value;
-}
-export function getDateFormValue(value) {
-    return value ? value.toISOString() : null;
-}
-export function convertToDates(value) {
-    if (!value) {
-        return null;
-    }
-    const values = [];
-    const sources = isString(value) ? value.split(',') : value;
-    for (const source of sources) {
-        const trimmed = isString(source) ? source.trim() : source;
-        const date = convertToDate(trimmed);
-        if (date) {
-            values.push(date);
-        }
-    }
-    return values;
-}
 export function getViewElement(event) {
     const element = getElementFromPath('[data-value]', event);
     return element ? asNumber(element.dataset.value, -1) : -1;
@@ -94,29 +38,6 @@ export function isPreviousMonth(target, origin) {
     const b = toCalendarDay(origin);
     return a.year === b.year ? a.month < b.month : a.year < b.year;
 }
-export function* calendarRange(options) {
-    const { start, end, unit = 'day', inclusive = false } = options;
-    let currentDate = toCalendarDay(start);
-    const endDate = typeof end === 'number'
-        ? toCalendarDay(start).add(unit, end)
-        : toCalendarDay(end);
-    const isReversed = endDate.lessThan(currentDate);
-    const step = isReversed ? -1 : 1;
-    const shouldContinue = () => {
-        if (inclusive) {
-            return isReversed
-                ? currentDate.greaterThanOrEqual(endDate)
-                : currentDate.lessThanOrEqual(endDate);
-        }
-        return isReversed
-            ? currentDate.greaterThan(endDate)
-            : currentDate.lessThan(endDate);
-    };
-    while (shouldContinue()) {
-        yield currentDate;
-        currentDate = currentDate.add(unit, step);
-    }
-}
 export function* generateMonth(value, firstWeekDay) {
     const { year, month } = toCalendarDay(value);
     const start = new CalendarDay({ year, month });
@@ -142,14 +63,14 @@ export function isDateInRanges(date, ranges) {
                     : false;
         }
         const days = range.dateRange.map((day) => toCalendarDay(day));
-        const firstDay = first(days);
+        const firstDay = firstOf(days);
         switch (range.type) {
             case DateRangeType.After:
                 return value.greaterThan(firstDay);
             case DateRangeType.Before:
                 return value.lessThan(firstDay);
             case DateRangeType.Between: {
-                const lastDay = last(days);
+                const lastDay = lastOf(days);
                 const min = Math.min(firstDay.timestamp, lastDay.timestamp);
                 const max = Math.max(firstDay.timestamp, lastDay.timestamp);
                 return value.timestamp >= min && value.timestamp <= max;
@@ -178,29 +99,4 @@ export function createDateConstraints(min, max, disabledDates) {
     constraints.push(...(disabledDates ?? []));
     return constraints.length > 0 ? constraints : undefined;
 }
-function getValidDate(date) {
-    return Number.isNaN(date.valueOf()) ? null : date;
-}
-export function isDateExceedingMax(value, maxValue, includeTime = true, includeDate = true) {
-    return compareDates(value, maxValue, (a, b) => a > b, includeTime, includeDate);
-}
-export function isDateLessThanMin(value, minValue, includeTime = true, includeDate = true) {
-    return compareDates(value, minValue, (a, b) => a < b, includeTime, includeDate);
-}
-function compareDates(value, boundary, comparator, includeTime, includeDate) {
-    if (includeTime && includeDate) {
-        return comparator(value.getTime(), boundary.getTime());
-    }
-    const v = new Date(value.getTime());
-    const b = new Date(boundary.getTime());
-    if (!includeTime) {
-        v.setHours(0, 0, 0, 0);
-        b.setHours(0, 0, 0, 0);
-    }
-    if (!includeDate) {
-        v.setFullYear(0, 0, 0);
-        b.setFullYear(0, 0, 0);
-    }
-    return comparator(v.getTime(), b.getTime());
-}
 //# sourceMappingURL=helpers.js.map

package/components/calendar/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/calendar/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  asNumber,\n  first,\n  getElementFromPath,\n  isString,\n  last,\n  modulo,\n} from '../common/util.js';\nimport type { DateRangeValue } from '../types.js';\nimport {\n  CalendarDay,\n  type CalendarRangeParams,\n  DAYS_IN_WEEK,\n  type DayParameter,\n  toCalendarDay,\n} from './model.js';\nimport {\n  type DateRangeDescriptor,\n  DateRangeType,\n  type WeekDays,\n} from './types.js';\n\n/* Constants */\n\nexport const MONTHS_PER_ROW = 3;\nexport const YEARS_PER_ROW = 3;\nexport const YEARS_PER_PAGE = 15;\n\nconst CALENDAR_CELLS = 42; // 6 weeks × 7 days\nconst ISO_DATE_PATTERN = /^\\d{4}/;\nconst TIME_PATTERN = /^\\d{2}/;\nconst WEEK_DAYS_MAP = {\n  sunday: 0,\n  monday: 1,\n  tuesday: 2,\n  wednesday: 3,\n  thursday: 4,\n  friday: 5,\n  saturday: 6,\n} as const;\n\n/* Converter functions */\n\n/**\n * Type guard to check if a value is a valid Date object.\n */\nexport function isValidDate(value: unknown): value is Date {\n  if (value instanceof Date) {\n    return !Number.isNaN(value.getTime());\n  }\n  return false;\n}\n\nexport function parseISODate(string: string): Date | null {\n  // ISO date format (YYYY-MM-DD)\n  if (ISO_DATE_PATTERN.test(string)) {\n    const timeComponent = !string.includes('T') ? 'T00:00:00' : '';\n    return getValidDate(new Date(`${string}${timeComponent}`));\n  }\n\n  // Time format (HH:MM:SS)\n  if (TIME_PATTERN.test(string)) {\n    const today = first(new Date().toISOString().split('T'));\n    return getValidDate(new Date(`${today}T${string}`));\n  }\n\n  return null;\n}\n\n/**\n * Converts the given value to a Date object.\n *\n * If the value is already a valid Date object, it is returned directly.\n * If the value is a string, it is parsed into a Date object.\n * If the value is null or undefined, null is returned.\n * If the parsing fails, null is returned.\n */\nexport function convertToDate(value?: Date | string | null): Date | null {\n  if (!value) {\n    return null;\n  }\n\n  return isString(value) ? parseISODate(value) : getValidDate(value);\n}\n\n/**\n * Converts the given value to a DateRangeValue object.\n *\n * If the value is already a valid DateRangeValue object, it is returned directly.\n * If the value is a string, it is parsed to object and returned if it fields are valid dates.\n * If the value is null or undefined, null is returned.\n * If the parsing fails, null is returned.\n */\nexport function convertToDateRange(\n  value?: DateRangeValue | string | null\n): DateRangeValue | null {\n  if (!value) {\n    return null;\n  }\n\n  if (isString(value)) {\n    const obj = JSON.parse(value);\n    const start = convertToDate(obj.start);\n    const end = convertToDate(obj.end);\n    return {\n      start: start ? CalendarDay.from(start).native : null,\n      end: end ? CalendarDay.from(end).native : null,\n    };\n  }\n  return value;\n}\n\n/**\n * Converts a Date object to an ISO 8601 string.\n *\n * If the `value` is a `Date` object, it is converted to an ISO 8601 string.\n * If the `value` is null or undefined, null is returned.\n */\nexport function getDateFormValue(value: Date | null): string | null {\n  return value ? value.toISOString() : null;\n}\n\n/**\n * Converts a comma-separated string of ISO 8601 dates or an array of Date objects | ISO 8601 strings into\n * an array of Date objects.\n *\n * If the `value` is null or undefined, null is returned.\n * If the `value` is an array of `Date` objects, a filtered array of valid `Date` objects is returned.\n * If the `value` is a string, it is split by commas and each part is parsed into a `Date` object.\n * If the parsing fails for any date, it is skipped.\n */\nexport function convertToDates(\n  value?: (Date | string)[] | string | null\n): Date[] | null {\n  if (!value) {\n    return null;\n  }\n\n  const values: Date[] = [];\n  const sources = isString(value) ? value.split(',') : value;\n\n  for (const source of sources) {\n    const trimmed = isString(source) ? source.trim() : source;\n    const date = convertToDate(trimmed);\n    if (date) {\n      values.push(date);\n    }\n  }\n\n  return values;\n}\n\n/**\n * Returns the value of the selected/activated element (day/month/year) in the calendar view.\n */\nexport function getViewElement(event: Event): number {\n  const element = getElementFromPath<HTMLElement>('[data-value]', event);\n  return element ? asNumber(element.dataset.value, -1) : -1;\n}\n\nexport function getWeekDayNumber(value: WeekDays): number {\n  return WEEK_DAYS_MAP[value];\n}\n\nexport function areSameMonth(\n  first: DayParameter,\n  second: DayParameter\n): boolean {\n  const a = toCalendarDay(first);\n  const b = toCalendarDay(second);\n  return a.year === b.year && a.month === b.month;\n}\n\nexport function isNextMonth(\n  target: DayParameter,\n  origin: DayParameter\n): boolean {\n  const a = toCalendarDay(target);\n  const b = toCalendarDay(origin);\n  return a.year === b.year ? a.month > b.month : a.year > b.year;\n}\n\nexport function isPreviousMonth(\n  target: DayParameter,\n  origin: DayParameter\n): boolean {\n  const a = toCalendarDay(target);\n  const b = toCalendarDay(origin);\n  return a.year === b.year ? a.month < b.month : a.year < b.year;\n}\n\n/**\n * Returns a generator yielding day values between `start` and `end` (non-inclusive by default)\n * by a given `unit` as a step.\n * To include the end date set the `inclusive` option to true.\n *\n * @remarks\n * By default, `unit` is set to 'day'.\n */\nexport function* calendarRange(\n  options: CalendarRangeParams\n): Generator<CalendarDay, void, unknown> {\n  const { start, end, unit = 'day', inclusive = false } = options;\n\n  let currentDate = toCalendarDay(start);\n  const endDate =\n    typeof end === 'number'\n      ? toCalendarDay(start).add(unit, end)\n      : toCalendarDay(end);\n\n  const isReversed = endDate.lessThan(currentDate);\n  const step = isReversed ? -1 : 1;\n\n  const shouldContinue = () => {\n    if (inclusive) {\n      return isReversed\n        ? currentDate.greaterThanOrEqual(endDate)\n        : currentDate.lessThanOrEqual(endDate);\n    }\n    return isReversed\n      ? currentDate.greaterThan(endDate)\n      : currentDate.lessThan(endDate);\n  };\n\n  while (shouldContinue()) {\n    yield currentDate;\n    currentDate = currentDate.add(unit, step);\n  }\n}\n\nexport function* generateMonth(\n  value: DayParameter,\n  firstWeekDay: number\n): Generator<CalendarDay, void, unknown> {\n  const { year, month } = toCalendarDay(value);\n\n  const start = new CalendarDay({ year, month });\n  const offset = modulo(start.day - firstWeekDay, DAYS_IN_WEEK);\n  yield* calendarRange({\n    start: start.add('day', -offset),\n    end: CALENDAR_CELLS,\n  });\n}\n\nexport function getYearRange(\n  current: DayParameter,\n  range: number\n): { start: number; end: number } {\n  const year = toCalendarDay(current).year;\n  const start = Math.floor(year / range) * range;\n  return { start, end: start + range - 1 };\n}\n\nexport function isDateInRanges(\n  date: DayParameter,\n  ranges: DateRangeDescriptor[]\n): boolean {\n  const value = toCalendarDay(date);\n\n  return ranges.some((range) => {\n    if (!range.dateRange?.length) {\n      return range.type === DateRangeType.Weekdays\n        ? !value.weekend\n        : range.type === DateRangeType.Weekends\n          ? value.weekend\n          : false;\n    }\n\n    const days = range.dateRange.map((day) => toCalendarDay(day));\n    const firstDay = first(days);\n\n    switch (range.type) {\n      case DateRangeType.After:\n        return value.greaterThan(firstDay);\n\n      case DateRangeType.Before:\n        return value.lessThan(firstDay);\n\n      case DateRangeType.Between: {\n        const lastDay = last(days);\n        const min = Math.min(firstDay.timestamp, lastDay.timestamp);\n        const max = Math.max(firstDay.timestamp, lastDay.timestamp);\n        return value.timestamp >= min && value.timestamp <= max;\n      }\n\n      case DateRangeType.Specific:\n        return days.some((day) => day.equalTo(value));\n\n      default:\n        return false;\n    }\n  });\n}\n\nexport function createDateConstraints(\n  min: Date | null,\n  max: Date | null,\n  disabledDates?: DateRangeDescriptor[]\n): DateRangeDescriptor[] | undefined {\n  const constraints: DateRangeDescriptor[] = [];\n\n  if (min) {\n    constraints.push({\n      type: DateRangeType.Before,\n      dateRange: [min],\n    });\n  }\n\n  if (max) {\n    constraints.push({\n      type: DateRangeType.After,\n      dateRange: [max],\n    });\n  }\n\n  constraints.push(...(disabledDates ?? []));\n\n  return constraints.length > 0 ? constraints : undefined;\n}\n\nfunction getValidDate(date: Date): Date | null {\n  return Number.isNaN(date.valueOf()) ? null : date;\n}\n\n/**\n * Checks if a date is greater than a maximum date value.\n */\nexport function isDateExceedingMax(\n  value: Date,\n  maxValue: Date,\n  includeTime = true,\n  includeDate = true\n): boolean {\n  return compareDates(\n    value,\n    maxValue,\n    (a, b) => a > b,\n    includeTime,\n    includeDate\n  );\n}\n\n/**\n * Checks if a date is less than a minimum date value.\n */\nexport function isDateLessThanMin(\n  value: Date,\n  minValue: Date,\n  includeTime = true,\n  includeDate = true\n): boolean {\n  return compareDates(\n    value,\n    minValue,\n    (a, b) => a < b,\n    includeTime,\n    includeDate\n  );\n}\n\n/**\n * Compares two dates with optional time/date exclusions.\n */\nfunction compareDates(\n  value: Date,\n  boundary: Date,\n  comparator: (a: number, b: number) => boolean,\n  includeTime: boolean,\n  includeDate: boolean\n): boolean {\n  if (includeTime && includeDate) {\n    return comparator(value.getTime(), boundary.getTime());\n  }\n\n  const v = new Date(value.getTime());\n  const b = new Date(boundary.getTime());\n\n  if (!includeTime) {\n    v.setHours(0, 0, 0, 0);\n    b.setHours(0, 0, 0, 0);\n  }\n  if (!includeDate) {\n    v.setFullYear(0, 0, 0);\n    b.setFullYear(0, 0, 0);\n  }\n\n  return comparator(v.getTime(), b.getTime());\n}\n"]}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/calendar/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CalendarDay,\n  calendarRange,\n  DAYS_IN_WEEK,\n  type DayParameter,\n  toCalendarDay,\n} from '#internals/date/model.js';\nimport { firstOf, lastOf } from '#internals/utils/arrays.js';\nimport { getElementFromPath } from '#internals/utils/events.js';\nimport { asNumber, modulo } from '#internals/utils/math.js';\nimport {\n  type DateRangeDescriptor,\n  DateRangeType,\n  type WeekDays,\n} from './types.js';\n\n/* Constants */\n\nexport const MONTHS_PER_ROW = 3;\nexport const YEARS_PER_ROW = 3;\nexport const YEARS_PER_PAGE = 15;\n\nconst CALENDAR_CELLS = 42; // 6 weeks × 7 days\nconst WEEK_DAYS_MAP = {\n  sunday: 0,\n  monday: 1,\n  tuesday: 2,\n  wednesday: 3,\n  thursday: 4,\n  friday: 5,\n  saturday: 6,\n} as const;\n\n/** The value of the activated day/month/year element of a calendar view, or -1. */\nexport function getViewElement(event: Event): number {\n  const element = getElementFromPath<HTMLElement>('[data-value]', event);\n  return element ? asNumber(element.dataset.value, -1) : -1;\n}\n\nexport function getWeekDayNumber(value: WeekDays): number {\n  return WEEK_DAYS_MAP[value];\n}\n\nexport function areSameMonth(\n  first: DayParameter,\n  second: DayParameter\n): boolean {\n  const a = toCalendarDay(first);\n  const b = toCalendarDay(second);\n  return a.year === b.year && a.month === b.month;\n}\n\nexport function isNextMonth(\n  target: DayParameter,\n  origin: DayParameter\n): boolean {\n  const a = toCalendarDay(target);\n  const b = toCalendarDay(origin);\n  return a.year === b.year ? a.month > b.month : a.year > b.year;\n}\n\nexport function isPreviousMonth(\n  target: DayParameter,\n  origin: DayParameter\n): boolean {\n  const a = toCalendarDay(target);\n  const b = toCalendarDay(origin);\n  return a.year === b.year ? a.month < b.month : a.year < b.year;\n}\n\n/** Yields the days rendered by a single days view - six weeks starting on `firstWeekDay`. */\nexport function* generateMonth(\n  value: DayParameter,\n  firstWeekDay: number\n): Generator<CalendarDay, void, unknown> {\n  const { year, month } = toCalendarDay(value);\n\n  const start = new CalendarDay({ year, month });\n  const offset = modulo(start.day - firstWeekDay, DAYS_IN_WEEK);\n  yield* calendarRange({\n    start: start.add('day', -offset),\n    end: CALENDAR_CELLS,\n  });\n}\n\nexport function getYearRange(\n  current: DayParameter,\n  range: number\n): { start: number; end: number } {\n  const year = toCalendarDay(current).year;\n  const start = Math.floor(year / range) * range;\n  return { start, end: start + range - 1 };\n}\n\nexport function isDateInRanges(\n  date: DayParameter,\n  ranges: DateRangeDescriptor[]\n): boolean {\n  const value = toCalendarDay(date);\n\n  return ranges.some((range) => {\n    if (!range.dateRange?.length) {\n      return range.type === DateRangeType.Weekdays\n        ? !value.weekend\n        : range.type === DateRangeType.Weekends\n          ? value.weekend\n          : false;\n    }\n\n    const days = range.dateRange.map((day) => toCalendarDay(day));\n    const firstDay = firstOf(days);\n\n    switch (range.type) {\n      case DateRangeType.After:\n        return value.greaterThan(firstDay);\n\n      case DateRangeType.Before:\n        return value.lessThan(firstDay);\n\n      case DateRangeType.Between: {\n        const lastDay = lastOf(days);\n        const min = Math.min(firstDay.timestamp, lastDay.timestamp);\n        const max = Math.max(firstDay.timestamp, lastDay.timestamp);\n        return value.timestamp >= min && value.timestamp <= max;\n      }\n\n      case DateRangeType.Specific:\n        return days.some((day) => day.equalTo(value));\n\n      default:\n        return false;\n    }\n  });\n}\n\nexport function createDateConstraints(\n  min: Date | null,\n  max: Date | null,\n  disabledDates?: DateRangeDescriptor[]\n): DateRangeDescriptor[] | undefined {\n  const constraints: DateRangeDescriptor[] = [];\n\n  if (min) {\n    constraints.push({\n      type: DateRangeType.Before,\n      dateRange: [min],\n    });\n  }\n\n  if (max) {\n    constraints.push({\n      type: DateRangeType.After,\n      dateRange: [max],\n    });\n  }\n\n  constraints.push(...(disabledDates ?? []));\n\n  return constraints.length > 0 ? constraints : undefined;\n}\n"]}

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

@@ -1,8 +1,5 @@
-import { LitElement, type TemplateResult } from 'lit';
-import type { Constructor } from '../../common/mixins/constructor.js';
-import { CalendarDay } from '../model.js';
-import type { IgcCalendarComponentEventMap } from '../types.js';
-declare const IgcMonthsViewComponent_base: Constructor<import("../../common/mixins/event-emitter.js").EventEmitterInterface<IgcCalendarComponentEventMap>> & Constructor<LitElement>;
+import type { CalendarDay } from '#internals/date/model.js';
+import { IgcYearMonthViewBaseComponent, type YearMonthViewCell } from '../year-month-view.base.js';
 /**
  * Instantiate a months view as a separate component in the calendar.
  *
@@ -12,31 +9,20 @@ declare const IgcMonthsViewComponent_base: Constructor<import("../../common/mixi
  * @csspart month - The month container.
  * @csspart month-inner - The inner month container.
  */
-export default class IgcMonthsViewComponent extends IgcMonthsViewComponent_base {
+export default class IgcMonthsViewComponent extends IgcYearMonthViewBaseComponent {
     static readonly tagName = "igc-months-view";
-    static styles: import("lit").CSSResult;
     static register(): void;
-    private _value;
-    private _activeMonth?;
-    /** Тhe current value of the calendar. */
-    set value(value: Date);
-    get value(): Date;
+    protected readonly _cellPart = "month";
+    protected readonly _cellsPerRow = 3;
     /** Sets the locale used for formatting and displaying the dates. */
     locale: string;
     /** The format of the month. Defaults to long. */
     monthFormat: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';
-    constructor();
-    /** @internal */
-    connectedCallback(): void;
-    protected _handleInteraction(event: Event): void;
-    /** Focuses the active date. */
-    focusActiveDate(options?: FocusOptions): void;
-    protected _renderMonth(month: CalendarDay, now: CalendarDay, ariaFormatter: Intl.DateTimeFormat, labelFormatter: Intl.DateTimeFormat): TemplateResult;
-    protected render(): Generator<TemplateResult>;
+    protected _valueFromCell(value: number): CalendarDay;
+    protected _getCells(today: CalendarDay): YearMonthViewCell[];
 }
 declare global {
     interface HTMLElementTagNameMap {
         'igc-months-view': IgcMonthsViewComponent;
     }
 }
-export {};

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

@@ -6,103 +6,50 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var IgcMonthsViewComponent_1;
 import { getDateFormatter } from 'igniteui-i18n-core';
-import { html, LitElement } from 'lit';
-import { property, query, state } from 'lit/decorators.js';
-import { addThemingController } from '../../../theming/theming-controller.js';
-import { addKeybindings } from '../../common/controllers/key-bindings.js';
-import { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';
-import { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';
-import { registerComponent } from '../../common/definitions/register.js';
-import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
-import { partMap } from '../../common/part-map.js';
-import { addSafeEventListener, chunk } from '../../common/util.js';
-import { areSameMonth, getViewElement, MONTHS_PER_ROW } from '../helpers.js';
-import { CalendarDay } from '../model.js';
-import { all } from '../themes/year-month.js';
-import { styles } from '../themes/year-month-view.base.css.js';
+import { property } from 'lit/decorators.js';
+import { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';
+import { blazorSuppressComponent } from '#internals/decorators/blazorSuppressComponent.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { areSameMonth, MONTHS_PER_ROW } from '../helpers.js';
+import { IgcYearMonthViewBaseComponent, } from '../year-month-view.base.js';
 const MONTHS = Array.from({ length: 12 }, (_, i) => i);
-let IgcMonthsViewComponent = class IgcMonthsViewComponent extends EventEmitterMixin(LitElement) {
-    static { IgcMonthsViewComponent_1 = this; }
-    static { this.tagName = 'igc-months-view'; }
-    static { this.styles = styles; }
-    static register() {
-        registerComponent(IgcMonthsViewComponent_1);
-    }
-    set value(value) {
-        this._value = CalendarDay.from(value);
-    }
-    get value() {
-        return this._value.native;
-    }
+let IgcMonthsViewComponent = class IgcMonthsViewComponent extends IgcYearMonthViewBaseComponent {
     constructor() {
-        super();
-        this._value = CalendarDay.today;
+        super(...arguments);
+        this._cellPart = 'month';
+        this._cellsPerRow = MONTHS_PER_ROW;
         this.locale = 'en';
         this.monthFormat = 'long';
-        addThemingController(this, all);
-        addKeybindings(this).setActivateHandler(this._handleInteraction);
-        addSafeEventListener(this, 'click', this._handleInteraction);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.role = 'grid';
-    }
-    _handleInteraction(event) {
-        const value = getViewElement(event);
-        if (value !== -1) {
-            this._value = this._value.set({ month: value });
-            this.emitEvent('igcChange', { detail: this.value });
-        }
     }
-    focusActiveDate(options) {
-        this._activeMonth?.focus(options);
+    static { IgcMonthsViewComponent_1 = this; }
+    static { this.tagName = 'igc-months-view'; }
+    static register() {
+        registerComponent(IgcMonthsViewComponent_1);
     }
-    _renderMonth(month, now, ariaFormatter, labelFormatter) {
-        const active = areSameMonth(this._value, month);
-        const current = areSameMonth(now, month);
-        const selected = this._value.month === month.month;
-        return html `
-      <span part=${partMap({ month: true, selected, current })}>
-        <span
-          role="gridcell"
-          data-value=${month.month}
-          part=${partMap({ 'month-inner': true, selected, current })}
-          aria-selected=${selected}
-          aria-label=${ariaFormatter.format(month.native)}
-          tabindex=${active ? 0 : -1}
-        >
-          ${labelFormatter.format(month.native)}
-        </span>
-      </span>
-    `;
+    _valueFromCell(value) {
+        return this._value.set({ month: value });
     }
-    *render() {
-        const now = CalendarDay.today;
-        const ariaFormatter = getDateFormatter().getIntlFormatter(this.locale, {
+    _getCells(today) {
+        const formatter = getDateFormatter();
+        const aria = formatter.getIntlFormatter(this.locale, {
             month: 'long',
             year: 'numeric',
         });
-        const labelFormatter = getDateFormatter().getIntlFormatter(this.locale, {
+        const label = formatter.getIntlFormatter(this.locale, {
             month: this.monthFormat,
         });
-        for (const row of chunk(MONTHS, MONTHS_PER_ROW)) {
-            yield html `
-        <div part="months-row" role="row">
-          ${row.map((month) => this._renderMonth(this._value.set({ month }), now, ariaFormatter, labelFormatter))}
-        </div>
-      `;
-        }
+        return MONTHS.map((month) => {
+            const date = this._value.set({ month }).native;
+            return {
+                value: month,
+                label: label.format(date),
+                ariaLabel: aria.format(date),
+                selected: this._value.month === month,
+                current: areSameMonth(today, date),
+            };
+        });
     }
 };
-__decorate([
-    state()
-], IgcMonthsViewComponent.prototype, "_value", void 0);
-__decorate([
-    query('[tabindex="0"]')
-], IgcMonthsViewComponent.prototype, "_activeMonth", void 0);
-__decorate([
-    property({ attribute: false })
-], IgcMonthsViewComponent.prototype, "value", null);
 __decorate([
     property()
 ], IgcMonthsViewComponent.prototype, "locale", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"months-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/months-view/months-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { getDateFormatter } from 'igniteui-i18n-core';\nimport { html, LitElement, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { addThemingController } from '../../../theming/theming-controller.js';\nimport { addKeybindings } from '../../common/controllers/key-bindings.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';\nimport { registerComponent } from '../../common/definitions/register.js';\nimport type { Constructor } from '../../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../../common/mixins/event-emitter.js';\nimport { partMap } from '../../common/part-map.js';\nimport { addSafeEventListener, chunk } from '../../common/util.js';\nimport { areSameMonth, getViewElement, MONTHS_PER_ROW } from '../helpers.js';\nimport { CalendarDay } from '../model.js';\nimport { all } from '../themes/year-month.js';\nimport { styles } from '../themes/year-month-view.base.css.js';\nimport type { IgcCalendarComponentEventMap } from '../types.js';\n\nconst MONTHS = Array.from({ length: 12 }, (_, i) => i);\n\n/**\n * Instantiate a months view as a separate component in the calendar.\n *\n * @element igc-months-view\n *\n * @csspart months-row - The months row container.\n * @csspart month - The month container.\n * @csspart month-inner - The inner month container.\n */\n@blazorIndirectRender\n@blazorSuppressComponent\nexport default class IgcMonthsViewComponent extends EventEmitterMixin<\n  IgcCalendarComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-months-view';\n  public static styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcMonthsViewComponent);\n  }\n\n  //#region Internal State\n\n  @state()\n  private _value = CalendarDay.today;\n\n  @query('[tabindex=\"0\"]')\n  private _activeMonth?: HTMLElement;\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /** Тhe current value of the calendar. */\n  @property({ attribute: false })\n  public set value(value: Date) {\n    this._value = CalendarDay.from(value);\n  }\n\n  public get value(): Date {\n    return this._value.native;\n  }\n\n  /** Sets the locale used for formatting and displaying the dates. */\n  @property()\n  public locale = 'en';\n\n  /** The format of the month. Defaults to long. */\n  @property({ attribute: 'month-format' })\n  public monthFormat: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow' =\n    'long';\n\n  //#endregion\n\n  //#region Lifecycle methods\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n    addKeybindings(this).setActivateHandler(this._handleInteraction);\n    addSafeEventListener(this, 'click', this._handleInteraction);\n  }\n\n  /** @internal */\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.role = 'grid';\n  }\n\n  //#endregion\n\n  //#region Event Handlers\n\n  protected _handleInteraction(event: Event): void {\n    const value = getViewElement(event);\n\n    if (value !== -1) {\n      this._value = this._value.set({ month: value });\n      this.emitEvent('igcChange', { detail: this.value });\n    }\n  }\n\n  //#endregion\n\n  //#region Public Methods\n\n  /** Focuses the active date. */\n  public focusActiveDate(options?: FocusOptions): void {\n    this._activeMonth?.focus(options);\n  }\n\n  //#endregion\n\n  protected _renderMonth(\n    month: CalendarDay,\n    now: CalendarDay,\n    ariaFormatter: Intl.DateTimeFormat,\n    labelFormatter: Intl.DateTimeFormat\n  ): TemplateResult {\n    const active = areSameMonth(this._value, month);\n    const current = areSameMonth(now, month);\n    const selected = this._value.month === month.month;\n\n    return html`\n      <span part=${partMap({ month: true, selected, current })}>\n        <span\n          role=\"gridcell\"\n          data-value=${month.month}\n          part=${partMap({ 'month-inner': true, selected, current })}\n          aria-selected=${selected}\n          aria-label=${ariaFormatter.format(month.native)}\n          tabindex=${active ? 0 : -1}\n        >\n          ${labelFormatter.format(month.native)}\n        </span>\n      </span>\n    `;\n  }\n\n  protected override *render(): Generator<TemplateResult> {\n    const now = CalendarDay.today;\n\n    const ariaFormatter = getDateFormatter().getIntlFormatter(this.locale, {\n      month: 'long',\n      year: 'numeric',\n    });\n    const labelFormatter = getDateFormatter().getIntlFormatter(this.locale, {\n      month: this.monthFormat,\n    });\n\n    for (const row of chunk(MONTHS, MONTHS_PER_ROW)) {\n      yield html`\n        <div part=\"months-row\" role=\"row\">\n          ${row.map((month) =>\n            this._renderMonth(\n              this._value.set({ month }),\n              now,\n              ariaFormatter,\n              labelFormatter\n            )\n          )}\n        </div>\n      `;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-months-view': IgcMonthsViewComponent;\n  }\n}\n"]}
+{"version":3,"file":"months-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/months-view/months-view.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EACL,6BAA6B,GAE9B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAaxC,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,6BAA6B;IAAlE;;QAUe,cAAS,GAAG,OAAO,CAAC;QACpB,iBAAY,GAAG,cAAc,CAAC;QAQnD,WAAM,GAAG,IAAI,CAAC;QAId,gBAAW,GAChB,MAAM,CAAC;IAkCX,CAAC;;aAzDwB,YAAO,GAAG,iBAAiB,AAApB,CAAqB;IAG5C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,wBAAsB,CAAC,CAAC;IAC5C,CAAC;IAwBkB,cAAc,CAAC,KAAa;QAC7C,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3C,CAAC;IAEkB,SAAS,CAAC,KAAkB;QAC7C,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;QACrC,MAAM,IAAI,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE;YACnD,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,SAAS;SAChB,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE;YACpD,KAAK,EAAE,IAAI,CAAC,WAAW;SACxB,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC;YAE/C,OAAO;gBACL,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;gBACzB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;gBAC5B,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK;gBACrC,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC;aACnC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;;AApCM;IADN,QAAQ,EAAE;sDACU;AAId;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;2DAE/B;AAxBU,sBAAsB;IAF1C,oBAAoB;IACpB,uBAAuB;GACH,sBAAsB,CA0D1C;eA1DoB,sBAAsB","sourcesContent":["import { getDateFormatter } from 'igniteui-i18n-core';\nimport { property } from 'lit/decorators.js';\nimport type { CalendarDay } from '#internals/date/model.js';\nimport { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '#internals/decorators/blazorSuppressComponent.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { areSameMonth, MONTHS_PER_ROW } from '../helpers.js';\nimport {\n  IgcYearMonthViewBaseComponent,\n  type YearMonthViewCell,\n} from '../year-month-view.base.js';\n\nconst MONTHS = Array.from({ length: 12 }, (_, i) => i);\n\n/**\n * Instantiate a months view as a separate component in the calendar.\n *\n * @element igc-months-view\n *\n * @csspart months-row - The months row container.\n * @csspart month - The month container.\n * @csspart month-inner - The inner month container.\n */\n@blazorIndirectRender\n@blazorSuppressComponent\nexport default class IgcMonthsViewComponent extends IgcYearMonthViewBaseComponent {\n  public static readonly tagName = 'igc-months-view';\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcMonthsViewComponent);\n  }\n\n  //#region Internal state\n\n  protected override readonly _cellPart = 'month';\n  protected override readonly _cellsPerRow = MONTHS_PER_ROW;\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /** Sets the locale used for formatting and displaying the dates. */\n  @property()\n  public locale = 'en';\n\n  /** The format of the month. Defaults to long. */\n  @property({ attribute: 'month-format' })\n  public monthFormat: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow' =\n    'long';\n\n  //#endregion\n\n  //#region Internal API\n\n  protected override _valueFromCell(value: number): CalendarDay {\n    return this._value.set({ month: value });\n  }\n\n  protected override _getCells(today: CalendarDay): YearMonthViewCell[] {\n    const formatter = getDateFormatter();\n    const aria = formatter.getIntlFormatter(this.locale, {\n      month: 'long',\n      year: 'numeric',\n    });\n    const label = formatter.getIntlFormatter(this.locale, {\n      month: this.monthFormat,\n    });\n\n    return MONTHS.map((month) => {\n      const date = this._value.set({ month }).native;\n\n      return {\n        value: month,\n        label: label.format(date),\n        ariaLabel: aria.format(date),\n        selected: this._value.month === month,\n        current: areSameMonth(today, date),\n      };\n    });\n  }\n\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-months-view': IgcMonthsViewComponent;\n  }\n}\n"]}

package/components/calendar/selection.d.ts

@@ -0,0 +1,21 @@
+import { type CalendarDay } from '#internals/date/model.js';
+import type { CalendarSelection, DateRangeDescriptor } from './types.js';
+/** `value` holds a `single` selection, `values` a `multiple` or a `range` one. */
+export interface CalendarSelectionState {
+    value: CalendarDay | null;
+    values: CalendarDay[];
+}
+export interface CalendarSelectionOptions {
+    selection: CalendarSelection;
+    disabledDates: DateRangeDescriptor[];
+}
+/**
+ * Applies the activation of `day` to `state` and returns the resulting selection, or
+ * `null` when the activation changes nothing - a disabled date, or the already selected
+ * date of a `single` selection.
+ *
+ * @remarks
+ * Both the calendar and a stand-alone days view select through this, so the two cannot
+ * disagree on what activating a date means.
+ */
+export declare function selectDate(state: CalendarSelectionState, day: CalendarDay, { selection, disabledDates }: CalendarSelectionOptions): CalendarSelectionState | null;

package/components/calendar/selection.js

@@ -0,0 +1,42 @@
+import { calendarRange } from '#internals/date/model.js';
+import { firstOf, lastOf } from '#internals/utils/arrays.js';
+import { isDateInRanges } from './helpers.js';
+export function selectDate(state, day, { selection, disabledDates }) {
+    if (isDateInRanges(day, disabledDates)) {
+        return null;
+    }
+    switch (selection) {
+        case 'single':
+            return state.value?.equalTo(day)
+                ? null
+                : { value: day, values: state.values };
+        case 'multiple':
+            return { value: state.value, values: toggleDate(state.values, day) };
+        case 'range':
+            return {
+                value: state.value,
+                values: selectRange(state.values, day, disabledDates),
+            };
+    }
+}
+function toggleDate(values, day) {
+    const index = values.findIndex((value) => value.equalTo(day));
+    const next = index < 0 ? [...values, day] : values.toSpliced(index, 1);
+    return next.toSorted((a, b) => a.timestamp - b.timestamp);
+}
+function selectRange(values, day, disabledDates) {
+    if (values.length !== 1) {
+        return [day];
+    }
+    const rangeStart = firstOf(values);
+    if (rangeStart.equalTo(day)) {
+        return [];
+    }
+    const [start, end] = rangeStart.greaterThan(day)
+        ? [day, rangeStart]
+        : [rangeStart, day];
+    const range = Array.from(calendarRange({ start, end }));
+    range.push(lastOf(range).add('day', 1));
+    return range.filter((date) => !isDateInRanges(date, disabledDates));
+}
+//# sourceMappingURL=selection.js.map

package/components/calendar/selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.js","sourceRoot":"","sources":["../../../src/components/calendar/selection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAuB9C,MAAM,UAAU,UAAU,CACxB,KAA6B,EAC7B,GAAgB,EAChB,EAAE,SAAS,EAAE,aAAa,EAA4B;IAEtD,IAAI,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,EAAE,CAAC;QACvC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC;gBAC9B,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;QAE3C,KAAK,UAAU;YACb,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;QAEvE,KAAK,OAAO;YACV,OAAO;gBACL,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,aAAa,CAAC;aACtD,CAAC;IACN,CAAC;AACH,CAAC;AAGD,SAAS,UAAU,CAAC,MAAqB,EAAE,GAAgB;IACzD,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9D,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAEvE,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;AAC5D,CAAC;AAGD,SAAS,WAAW,CAClB,MAAqB,EACrB,GAAgB,EAChB,aAAoC;IAGpC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,CAAC,GAAG,CAAC,CAAC;IACf,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAGnC,IAAI,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QAC5B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC;QAC9C,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC;QACnB,CAAC,CAAC,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IAGtB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;IACxD,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAExC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;AACtE,CAAC","sourcesContent":["import { type CalendarDay, calendarRange } from '#internals/date/model.js';\nimport { firstOf, lastOf } from '#internals/utils/arrays.js';\nimport { isDateInRanges } from './helpers.js';\nimport type { CalendarSelection, DateRangeDescriptor } from './types.js';\n\n/** `value` holds a `single` selection, `values` a `multiple` or a `range` one. */\nexport interface CalendarSelectionState {\n  value: CalendarDay | null;\n  values: CalendarDay[];\n}\n\nexport interface CalendarSelectionOptions {\n  selection: CalendarSelection;\n  disabledDates: DateRangeDescriptor[];\n}\n\n/**\n * Applies the activation of `day` to `state` and returns the resulting selection, or\n * `null` when the activation changes nothing - a disabled date, or the already selected\n * date of a `single` selection.\n *\n * @remarks\n * Both the calendar and a stand-alone days view select through this, so the two cannot\n * disagree on what activating a date means.\n */\nexport function selectDate(\n  state: CalendarSelectionState,\n  day: CalendarDay,\n  { selection, disabledDates }: CalendarSelectionOptions\n): CalendarSelectionState | null {\n  if (isDateInRanges(day, disabledDates)) {\n    return null;\n  }\n\n  switch (selection) {\n    case 'single':\n      return state.value?.equalTo(day)\n        ? null\n        : { value: day, values: state.values };\n\n    case 'multiple':\n      return { value: state.value, values: toggleDate(state.values, day) };\n\n    case 'range':\n      return {\n        value: state.value,\n        values: selectRange(state.values, day, disabledDates),\n      };\n  }\n}\n\n/** Adds `day` to `values`, or removes it when it is already selected. */\nfunction toggleDate(values: CalendarDay[], day: CalendarDay): CalendarDay[] {\n  const index = values.findIndex((value) => value.equalTo(day));\n  const next = index < 0 ? [...values, day] : values.toSpliced(index, 1);\n\n  return next.toSorted((a, b) => a.timestamp - b.timestamp);\n}\n\n/** Expands the range between the started selection and `day` into every day it covers. */\nfunction selectRange(\n  values: CalendarDay[],\n  day: CalendarDay,\n  disabledDates: DateRangeDescriptor[]\n): CalendarDay[] {\n  // Start a new range selection\n  if (values.length !== 1) {\n    return [day];\n  }\n\n  const rangeStart = firstOf(values);\n\n  // Activating the start of the range again clears it\n  if (rangeStart.equalTo(day)) {\n    return [];\n  }\n\n  const [start, end] = rangeStart.greaterThan(day)\n    ? [day, rangeStart]\n    : [rangeStart, day];\n\n  // `calendarRange` stops short of its end date\n  const range = Array.from(calendarRange({ start, end }));\n  range.push(lastOf(range).add('day', 1));\n\n  return range.filter((date) => !isDateInRanges(date, disabledDates));\n}\n"]}

package/components/calendar/themes/calendar.d.ts

@@ -1,2 +1,2 @@
-import type { Themes } from '../../../theming/types.js';
+import type { Themes } from '#theming/types.js';
 export declare const all: Themes;

package/components/calendar/themes/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEhF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/calendar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/calendar.fluent.css.js';\nimport { styles as indigoDark } from './dark/calendar.indigo.css.js';\nimport { styles as materialDark } from './dark/calendar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/calendar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/calendar.fluent.css.js';\nimport { styles as indigoLight } from './light/calendar.indigo.css.js';\nimport { styles as materialLight } from './light/calendar.material.css.js';\nimport { styles as shared } from './light/calendar.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/bootstrap/calendar.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/calendar.fluent.css.js';\nimport { styles as indigo } from './shared/indigo/calendar.indigo.css.js';\nimport { styles as material } from './shared/material/calendar.material.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEhF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/calendar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/calendar.fluent.css.js';\nimport { styles as indigoDark } from './dark/calendar.indigo.css.js';\nimport { styles as materialDark } from './dark/calendar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/calendar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/calendar.fluent.css.js';\nimport { styles as indigoLight } from './light/calendar.indigo.css.js';\nimport { styles as materialLight } from './light/calendar.material.css.js';\nimport { styles as shared } from './light/calendar.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/bootstrap/calendar.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/calendar.fluent.css.js';\nimport { styles as indigo } from './shared/indigo/calendar.indigo.css.js';\nimport { styles as material } from './shared/material/calendar.material.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/calendar/themes/days.d.ts

@@ -1,2 +1,2 @@
-import type { Themes } from '../../../theming/types.js';
+import type { Themes } from '#theming/types.js';
 export declare const all: Themes;

package/components/calendar/themes/days.js.map

@@ -1 +1 @@
-{"version":3,"file":"days.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAEjF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\nimport { styles as bootstrap } from './shared/bootstrap/days-view.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/days-view.fluent.css.js';\nimport { styles as indigo } from './shared/indigo/days-view.indigo.css.js';\nimport { styles as material } from './shared/material/days-view.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"days.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAEjF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\nimport { styles as bootstrap } from './shared/bootstrap/days-view.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/days-view.fluent.css.js';\nimport { styles as indigo } from './shared/indigo/days-view.indigo.css.js';\nimport { styles as material } from './shared/material/days-view.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/calendar/themes/year-month.d.ts

@@ -1,2 +1,2 @@
-import type { Themes } from '../../../theming/types.js';
+import type { Themes } from '#theming/types.js';
 export declare const all: Themes;

package/components/calendar/themes/year-month.js.map

@@ -1 +1 @@
-{"version":3,"file":"year-month.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/year-month.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,mDAAmD,CAAC;AAEvF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\nimport { styles as bootstrap } from './shared/bootstrap/year-month-view.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/year-month-view.fluent.css.js';\nimport { styles as indigo } from './shared/indigo/year-month-view.indigo.css.js';\nimport { styles as material } from './shared/material/year-month-view.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"year-month.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/year-month.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,mDAAmD,CAAC;AAEvF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\nimport { styles as bootstrap } from './shared/bootstrap/year-month-view.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/year-month-view.fluent.css.js';\nimport { styles as indigo } from './shared/indigo/year-month-view.indigo.css.js';\nimport { styles as material } from './shared/material/year-month-view.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/calendar/types.d.ts

@@ -6,8 +6,17 @@ export declare enum DateRangeType {
     Weekdays = 4,
     Weekends = 5
 }
+/** Describes a set of dates by combining a range type with the dates it applies to. */
 export interface DateRangeDescriptor {
+    /** The kind of range being described, which determines how {@link DateRangeDescriptor.dateRange} is matched. */
     type: DateRangeType;
+    /**
+     * The date or dates the descriptor applies to, interpreted according to {@link DateRangeDescriptor.type}.
+     * {@link DateRangeType.After} and {@link DateRangeType.Before} use the first date,
+     * {@link DateRangeType.Between} uses the first and the last, and
+     * {@link DateRangeType.Specific} matches every date listed. Not used by
+     * {@link DateRangeType.Weekdays} and {@link DateRangeType.Weekends}.
+     */
     dateRange?: Date[];
 }
 export type WeekDays = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
@@ -17,3 +26,12 @@ export type CalendarSelection = 'single' | 'multiple' | 'range';
 export interface IgcCalendarComponentEventMap {
     igcChange: CustomEvent<Date | Date[]>;
 }
+/**
+ * The events emitted by the individual views of the calendar.
+ *
+ * @remarks
+ * Unlike the calendar itself, a view always changes by a single date.
+ */
+export interface IgcCalendarViewComponentEventMap {
+    igcChange: CustomEvent<Date>;
+}

package/components/calendar/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/calendar/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAOX;AAPD,WAAY,aAAa;IACvB,mDAAS,CAAA;IACT,qDAAU,CAAA;IACV,uDAAW,CAAA;IACX,yDAAY,CAAA;IACZ,yDAAY,CAAA;IACZ,yDAAY,CAAA;AACd,CAAC,EAPW,aAAa,KAAb,aAAa,QAOxB","sourcesContent":["export enum DateRangeType {\n  After = 0,\n  Before = 1,\n  Between = 2,\n  Specific = 3,\n  Weekdays = 4,\n  Weekends = 5,\n}\n\n/* creationType: DateRangeDescriptor */\nexport interface DateRangeDescriptor {\n  type: DateRangeType;\n  dateRange?: Date[];\n}\n\nexport type WeekDays =\n  | 'sunday'\n  | 'monday'\n  | 'tuesday'\n  | 'wednesday'\n  | 'thursday'\n  | 'friday'\n  | 'saturday';\nexport type CalendarActiveView = 'days' | 'months' | 'years';\nexport type CalendarHeaderOrientation = 'horizontal' | 'vertical';\nexport type CalendarSelection = 'single' | 'multiple' | 'range';\n\nexport interface IgcCalendarComponentEventMap {\n  igcChange: CustomEvent<Date | Date[]>;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/calendar/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAOX;AAPD,WAAY,aAAa;IACvB,mDAAS,CAAA;IACT,qDAAU,CAAA;IACV,uDAAW,CAAA;IACX,yDAAY,CAAA;IACZ,yDAAY,CAAA;IACZ,yDAAY,CAAA;AACd,CAAC,EAPW,aAAa,KAAb,aAAa,QAOxB","sourcesContent":["export enum DateRangeType {\n  After = 0,\n  Before = 1,\n  Between = 2,\n  Specific = 3,\n  Weekdays = 4,\n  Weekends = 5,\n}\n\n/* creationType: DateRangeDescriptor */\n/** Describes a set of dates by combining a range type with the dates it applies to. */\nexport interface DateRangeDescriptor {\n  /** The kind of range being described, which determines how {@link DateRangeDescriptor.dateRange} is matched. */\n  type: DateRangeType;\n  /**\n   * The date or dates the descriptor applies to, interpreted according to {@link DateRangeDescriptor.type}.\n   * {@link DateRangeType.After} and {@link DateRangeType.Before} use the first date,\n   * {@link DateRangeType.Between} uses the first and the last, and\n   * {@link DateRangeType.Specific} matches every date listed. Not used by\n   * {@link DateRangeType.Weekdays} and {@link DateRangeType.Weekends}.\n   */\n  dateRange?: Date[];\n}\n\nexport type WeekDays =\n  | 'sunday'\n  | 'monday'\n  | 'tuesday'\n  | 'wednesday'\n  | 'thursday'\n  | 'friday'\n  | 'saturday';\nexport type CalendarActiveView = 'days' | 'months' | 'years';\nexport type CalendarHeaderOrientation = 'horizontal' | 'vertical';\nexport type CalendarSelection = 'single' | 'multiple' | 'range';\n\nexport interface IgcCalendarComponentEventMap {\n  igcChange: CustomEvent<Date | Date[]>;\n}\n\n/**\n * The events emitted by the individual views of the calendar.\n *\n * @remarks\n * Unlike the calendar itself, a view always changes by a single date.\n */\nexport interface IgcCalendarViewComponentEventMap {\n  igcChange: CustomEvent<Date>;\n}\n"]}