igniteui-webcomponents 7.3.1 → 7.4.0

package/components/date-range-picker/predefined-ranges-area.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, type PropertyValues } from 'lit';
-import type { IgcDateRangePickerResourceStrings } from '#internals/i18n/EN/date-range-picker.resources.js';
-import type { CustomDateRange, DateRangePickerResourceStringsType } from './date-range-picker.js';
+import type { CustomDateRange } from './date-range-picker.js';
+import { type DateRangePickerResourceStringsType, type DateRangeResourceStrings, type IgcDateRangePickerResourceStrings } from './i18n.js';
 /**
  * The predefined ranges area component is used within the date range picker and it
  * displays a set of chips with predefined date ranges. The component allows users to quickly select
@@ -24,7 +24,7 @@ export default class IgcPredefinedRangesAreaComponent extends LitElement {
      */
     customRanges: CustomDateRange[];
     /** The resource strings of the date range area component. */
-    set resourceStrings(value: IgcDateRangePickerResourceStrings | DateRangePickerResourceStringsType);
+    set resourceStrings(value: DateRangeResourceStrings);
     get resourceStrings(): IgcDateRangePickerResourceStrings & DateRangePickerResourceStringsType;
     constructor();
     protected willUpdate(changedProperties: PropertyValues<this>): void;

package/components/date-range-picker/predefined-ranges-area.js

@@ -4,7 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { CalendarResourceStringsEN, DateRangePickerResourceStringsEN, } from 'igniteui-i18n-core';
 import { html, LitElement } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { CalendarDay } from '#internals/date/model.js';
@@ -12,6 +11,7 @@ import { registerComponent } from '#internals/definitions/register.js';
 import { addI18nController } from '#internals/i18n/i18n-controller.js';
 import { addThemingController } from '#theming/theming-controller.js';
 import IgcChipComponent from '../chip/chip.js';
+import { dateRangeI18nConfig, } from './i18n.js';
 import { styles } from './predefined-ranges-area.base.css.js';
 import { all } from './themes/ranges-themes.js';
 import { styles as shared } from './themes/shared/predefined-ranges-area.common.css.js';
@@ -29,10 +29,7 @@ export default class IgcPredefinedRangesAreaComponent extends LitElement {
     }
     constructor() {
         super();
-        this._i18nController = addI18nController(this, {
-            defaultEN: Object.assign({}, DateRangePickerResourceStringsEN, CalendarResourceStringsEN),
-            resourceMapName: 'date-range-picker',
-        });
+        this._i18nController = addI18nController(this, dateRangeI18nConfig);
         this._predefinedRanges = [];
         this.usePredefinedRanges = false;
         this.customRanges = [];

package/components/date-range-picker/predefined-ranges-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"predefined-ranges-area.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/predefined-ranges-area.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CalendarResourceStringsEN,\n  DateRangePickerResourceStringsEN,\n} from 'igniteui-i18n-core';\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { CalendarDay } from '#internals/date/model.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { IgcDateRangePickerResourceStrings } from '#internals/i18n/EN/date-range-picker.resources.js';\nimport { addI18nController } from '#internals/i18n/i18n-controller.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcChipComponent from '../chip/chip.js';\nimport type {\n  CustomDateRange,\n  DateRangePickerResourceStringsType,\n  DateRangeValue,\n} from './date-range-picker.js';\nimport { styles } from './predefined-ranges-area.base.css.js';\nimport { all } from './themes/ranges-themes.js';\nimport { styles as shared } from './themes/shared/predefined-ranges-area.common.css.js';\n\n/* blazorSuppress */\n/**\n * The predefined ranges area component is used within the date range picker and it\n * displays a set of chips with predefined date ranges. The component allows users to quickly select\n * a predefined date range value. Users can also provide custom ranges to be displayed as chips.\n *\n * @element igc-predefined-ranges-area\n */\nexport default class IgcPredefinedRangesAreaComponent extends LitElement {\n  public static readonly tagName = 'igc-predefined-ranges-area';\n  public static override styles = [styles, shared];\n\n  private readonly _i18nController = addI18nController<\n    IgcDateRangePickerResourceStrings | DateRangePickerResourceStringsType\n  >(this, {\n    defaultEN: Object.assign(\n      {},\n      DateRangePickerResourceStringsEN,\n      CalendarResourceStringsEN\n    ),\n    resourceMapName: 'date-range-picker',\n  });\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcPredefinedRangesAreaComponent, IgcChipComponent);\n  }\n\n  @state()\n  private _predefinedRanges: CustomDateRange[] = [];\n\n  /**\n   * Whether the control will show chips with predefined ranges.\n   * @attr use-predefined-ranges\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'use-predefined-ranges',\n  })\n  public usePredefinedRanges = false;\n\n  /**\n   * Renders chips with custom ranges based on the elements of the array.\n   */\n  @property({ attribute: false })\n  public customRanges: CustomDateRange[] = [];\n\n  /** The resource strings of the date range area component. */\n  @property({ attribute: false })\n  public set resourceStrings(\n    value:\n      | IgcDateRangePickerResourceStrings\n      | DateRangePickerResourceStringsType\n  ) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IgcDateRangePickerResourceStrings &\n    DateRangePickerResourceStringsType {\n    return this._i18nController.resourceStrings;\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('resourceStrings')) {\n      this._predefinedRanges = getPredefinedRanges(this.resourceStrings);\n    }\n  }\n\n  private _handleRangeSelect(range: DateRangeValue): void {\n    this.dispatchEvent(new CustomEvent('igcRangeSelect', { detail: range }));\n  }\n\n  protected *_renderDateRanges() {\n    const ranges = this.usePredefinedRanges\n      ? [...this._predefinedRanges, ...this.customRanges]\n      : this.customRanges;\n\n    for (const { label, dateRange } of ranges) {\n      yield html`\n        <igc-chip @click=${() => this._handleRangeSelect(dateRange)}>\n          ${label}\n        </igc-chip>\n      `;\n    }\n  }\n\n  protected override render() {\n    return html`<div part=\"ranges\">${this._renderDateRanges()}</div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-predefined-ranges-area': IgcPredefinedRangesAreaComponent;\n  }\n}\n\ntype PredefinedRangeKey =\n  | 'last7Days'\n  | 'currentMonth'\n  | 'last30Days'\n  | 'yearToDate';\n\nfunction getPredefinedRanges(\n  resourceStrings: DateRangePickerResourceStringsType\n): CustomDateRange[] {\n  const today = CalendarDay.today;\n\n  const ranges: {\n    key: PredefinedRangeKey;\n    resourceKey: keyof DateRangePickerResourceStringsType;\n    getDateRange: () => { start: Date; end: Date };\n  }[] = [\n    {\n      key: 'last7Days',\n      resourceKey: 'date_range_picker_last7Days',\n      getDateRange: () => ({\n        start: today.add('day', -7).native,\n        end: today.native,\n      }),\n    },\n    {\n      key: 'currentMonth',\n      resourceKey: 'date_range_picker_currentMonth',\n      getDateRange: () => ({\n        start: today.set({ date: 1 }).native,\n        end: today.set({ date: 1 }).add('month', 1).add('day', -1).native,\n      }),\n    },\n    {\n      key: 'last30Days',\n      resourceKey: 'date_range_picker_last30Days',\n      getDateRange: () => ({\n        start: today.add('day', -29).native,\n        end: today.native,\n      }),\n    },\n    {\n      key: 'yearToDate',\n      resourceKey: 'date_range_picker_yearToDate',\n      getDateRange: () => ({\n        start: today.set({ year: today.year, month: 0, date: 1 }).native,\n        end: today.native,\n      }),\n    },\n  ];\n\n  return ranges.map((range) => ({\n    label: resourceStrings[range.resourceKey]!,\n    dateRange: range.getDateRange(),\n  }));\n}\n"]}
+{"version":3,"file":"predefined-ranges-area.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/predefined-ranges-area.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { CalendarDay } from '#internals/date/model.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addI18nController } from '#internals/i18n/i18n-controller.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcChipComponent from '../chip/chip.js';\nimport type { CustomDateRange, DateRangeValue } from './date-range-picker.js';\nimport {\n  dateRangeI18nConfig,\n  type DateRangePickerResourceStringsType,\n  type DateRangeResourceStrings,\n  type IgcDateRangePickerResourceStrings,\n} from './i18n.js';\nimport { styles } from './predefined-ranges-area.base.css.js';\nimport { all } from './themes/ranges-themes.js';\nimport { styles as shared } from './themes/shared/predefined-ranges-area.common.css.js';\n\n/* blazorSuppress */\n/**\n * The predefined ranges area component is used within the date range picker and it\n * displays a set of chips with predefined date ranges. The component allows users to quickly select\n * a predefined date range value. Users can also provide custom ranges to be displayed as chips.\n *\n * @element igc-predefined-ranges-area\n */\nexport default class IgcPredefinedRangesAreaComponent extends LitElement {\n  public static readonly tagName = 'igc-predefined-ranges-area';\n  public static override styles = [styles, shared];\n\n  private readonly _i18nController =\n    addI18nController<DateRangeResourceStrings>(this, dateRangeI18nConfig);\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcPredefinedRangesAreaComponent, IgcChipComponent);\n  }\n\n  @state()\n  private _predefinedRanges: CustomDateRange[] = [];\n\n  /**\n   * Whether the control will show chips with predefined ranges.\n   * @attr use-predefined-ranges\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'use-predefined-ranges',\n  })\n  public usePredefinedRanges = false;\n\n  /**\n   * Renders chips with custom ranges based on the elements of the array.\n   */\n  @property({ attribute: false })\n  public customRanges: CustomDateRange[] = [];\n\n  /** The resource strings of the date range area component. */\n  @property({ attribute: false })\n  public set resourceStrings(value: DateRangeResourceStrings) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IgcDateRangePickerResourceStrings &\n    DateRangePickerResourceStringsType {\n    return this._i18nController.resourceStrings;\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('resourceStrings')) {\n      this._predefinedRanges = getPredefinedRanges(this.resourceStrings);\n    }\n  }\n\n  private _handleRangeSelect(range: DateRangeValue): void {\n    this.dispatchEvent(new CustomEvent('igcRangeSelect', { detail: range }));\n  }\n\n  protected *_renderDateRanges() {\n    const ranges = this.usePredefinedRanges\n      ? [...this._predefinedRanges, ...this.customRanges]\n      : this.customRanges;\n\n    for (const { label, dateRange } of ranges) {\n      yield html`\n        <igc-chip @click=${() => this._handleRangeSelect(dateRange)}>\n          ${label}\n        </igc-chip>\n      `;\n    }\n  }\n\n  protected override render() {\n    return html`<div part=\"ranges\">${this._renderDateRanges()}</div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-predefined-ranges-area': IgcPredefinedRangesAreaComponent;\n  }\n}\n\ntype PredefinedRangeKey =\n  | 'last7Days'\n  | 'currentMonth'\n  | 'last30Days'\n  | 'yearToDate';\n\nfunction getPredefinedRanges(\n  resourceStrings: DateRangePickerResourceStringsType\n): CustomDateRange[] {\n  const today = CalendarDay.today;\n\n  const ranges: {\n    key: PredefinedRangeKey;\n    resourceKey: keyof DateRangePickerResourceStringsType;\n    getDateRange: () => { start: Date; end: Date };\n  }[] = [\n    {\n      key: 'last7Days',\n      resourceKey: 'date_range_picker_last7Days',\n      getDateRange: () => ({\n        start: today.add('day', -7).native,\n        end: today.native,\n      }),\n    },\n    {\n      key: 'currentMonth',\n      resourceKey: 'date_range_picker_currentMonth',\n      getDateRange: () => ({\n        start: today.set({ date: 1 }).native,\n        end: today.set({ date: 1 }).add('month', 1).add('day', -1).native,\n      }),\n    },\n    {\n      key: 'last30Days',\n      resourceKey: 'date_range_picker_last30Days',\n      getDateRange: () => ({\n        start: today.add('day', -29).native,\n        end: today.native,\n      }),\n    },\n    {\n      key: 'yearToDate',\n      resourceKey: 'date_range_picker_yearToDate',\n      getDateRange: () => ({\n        start: today.set({ year: today.year, month: 0, date: 1 }).native,\n        end: today.native,\n      }),\n    },\n  ];\n\n  return ranges.map((range) => ({\n    label: resourceStrings[range.resourceKey]!,\n    dateRange: range.getDateRange(),\n  }));\n}\n"]}

package/components/date-range-picker/validators.d.ts

@@ -1,10 +1,6 @@
 import { type Validator } from '#internals/validators.js';
 import type { DateRangeValue } from '../types.js';
 import type IgcDateRangePickerComponent from './date-range-picker.js';
-export declare const minDateRangeValidator: Validator<IgcDateRangePickerComponent>;
-export declare const maxDateRangeValidator: Validator<IgcDateRangePickerComponent>;
-export declare const requiredDateRangeValidator: Validator<IgcDateRangePickerComponent>;
-export declare const badInputDateRangeValidator: Validator<IgcDateRangePickerComponent>;
 export declare const dateRangeValidators: Validator<IgcDateRangePickerComponent>[];
 export declare function isCompleteDateRange(value: DateRangeValue | null): value is {
     start: Date;

package/components/date-range-picker/validators.js

@@ -7,16 +7,16 @@ import { isDateInRanges } from '../calendar/helpers.js';
 function rangeEnds({ value }) {
     return [value?.start, value?.end];
 }
-export const minDateRangeValidator = createMinDateTimeValidator(rangeEnds);
-export const maxDateRangeValidator = createMaxDateTimeValidator(rangeEnds);
-export const requiredDateRangeValidator = {
+const minDateRangeValidator = createMinDateTimeValidator(rangeEnds);
+const maxDateRangeValidator = createMaxDateTimeValidator(rangeEnds);
+const requiredDateRangeValidator = {
     key: 'valueMissing',
     message: ValidationResourceStringsEN.required_validation_error,
     isValid: (host) => {
         return host.required ? isCompleteDateRange(host.value) : true;
     },
 };
-export const badInputDateRangeValidator = {
+const badInputDateRangeValidator = {
     key: 'badInput',
     message: (host) => formatString(ValidationResourceStringsEN.disabled_date_validation_error, host.value),
     isValid: (host) => {

package/components/date-range-picker/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACL,0BAA0B,EAC1B,0BAA0B,GAE3B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAKxD,SAAS,SAAS,CAAC,EAAE,KAAK,EAA+B;IACvD,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAChC,0BAA0B,CAA8B,SAAS,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,qBAAqB,GAChC,0BAA0B,CAA8B,SAAS,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,0BAA0B,GACrC;IACE,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,2BAA2B,CAAC,yBAA0B;IAC/D,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,CAAC;CACF,CAAC;AAEJ,MAAM,CAAC,MAAM,0BAA0B,GACrC;IACE,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAChB,YAAY,CACV,2BAA2B,CAAC,8BAA+B,EAC3D,IAAI,CAAC,KAAK,CACX;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAEtC,IACE,CAAC,mBAAmB,CAAC,KAAK,CAAC;YAC3B,CAAC,aAAa;YACd,OAAO,CAAC,aAAa,CAAC,EACtB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CACf,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CACvE,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAC1D,CAAC;CACF,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAA6C;IAC3E,0BAA0B;IAC1B,qBAAqB;IACrB,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC;AAEF,MAAM,UAAU,mBAAmB,CACjC,KAA4B;IAE5B,OAAO,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC;AACnE,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport { calendarRange } from '#internals/date/model.js';\nimport { isEmpty } from '#internals/utils/arrays.js';\nimport { formatString } from '#internals/utils/strings.js';\nimport {\n  createMaxDateTimeValidator,\n  createMinDateTimeValidator,\n  type Validator,\n} from '#internals/validators.js';\nimport { isDateInRanges } from '../calendar/helpers.js';\nimport type { DateRangeValue } from '../types.js';\nimport type IgcDateRangePickerComponent from './date-range-picker.js';\n\n/** The ends of the current range, each validated against the bound on its own. */\nfunction rangeEnds({ value }: IgcDateRangePickerComponent) {\n  return [value?.start, value?.end];\n}\n\nexport const minDateRangeValidator =\n  createMinDateTimeValidator<IgcDateRangePickerComponent>(rangeEnds);\n\nexport const maxDateRangeValidator =\n  createMaxDateTimeValidator<IgcDateRangePickerComponent>(rangeEnds);\n\nexport const requiredDateRangeValidator: Validator<IgcDateRangePickerComponent> =\n  {\n    key: 'valueMissing',\n    message: ValidationResourceStringsEN.required_validation_error!,\n    isValid: (host) => {\n      return host.required ? isCompleteDateRange(host.value) : true;\n    },\n  };\n\nexport const badInputDateRangeValidator: Validator<IgcDateRangePickerComponent> =\n  {\n    key: 'badInput',\n    message: (host) =>\n      formatString(\n        ValidationResourceStringsEN.disabled_date_validation_error!,\n        host.value\n      ),\n    isValid: (host) => {\n      const { value, disabledDates } = host;\n\n      if (\n        !isCompleteDateRange(value) ||\n        !disabledDates ||\n        isEmpty(disabledDates)\n      ) {\n        return true;\n      }\n\n      return Array.from(\n        calendarRange({ start: value.start, end: value.end, inclusive: true })\n      ).every((date) => !isDateInRanges(date, disabledDates));\n    },\n  };\n\nexport const dateRangeValidators: Validator<IgcDateRangePickerComponent>[] = [\n  requiredDateRangeValidator,\n  minDateRangeValidator,\n  maxDateRangeValidator,\n  badInputDateRangeValidator,\n];\n\nexport function isCompleteDateRange(\n  value: DateRangeValue | null\n): value is { start: Date; end: Date } {\n  return value != null && value.start != null && value.end != null;\n}\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACL,0BAA0B,EAC1B,0BAA0B,GAE3B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAKxD,SAAS,SAAS,CAAC,EAAE,KAAK,EAA+B;IACvD,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,qBAAqB,GACzB,0BAA0B,CAA8B,SAAS,CAAC,CAAC;AAErE,MAAM,qBAAqB,GACzB,0BAA0B,CAA8B,SAAS,CAAC,CAAC;AAErE,MAAM,0BAA0B,GAA2C;IACzE,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,2BAA2B,CAAC,yBAA0B;IAC/D,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,CAAC;CACF,CAAC;AAEF,MAAM,0BAA0B,GAA2C;IACzE,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAChB,YAAY,CACV,2BAA2B,CAAC,8BAA+B,EAC3D,IAAI,CAAC,KAAK,CACX;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAEtC,IACE,CAAC,mBAAmB,CAAC,KAAK,CAAC;YAC3B,CAAC,aAAa;YACd,OAAO,CAAC,aAAa,CAAC,EACtB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CACf,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CACvE,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAC1D,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAA6C;IAC3E,0BAA0B;IAC1B,qBAAqB;IACrB,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC;AAEF,MAAM,UAAU,mBAAmB,CACjC,KAA4B;IAE5B,OAAO,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC;AACnE,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport { calendarRange } from '#internals/date/model.js';\nimport { isEmpty } from '#internals/utils/arrays.js';\nimport { formatString } from '#internals/utils/strings.js';\nimport {\n  createMaxDateTimeValidator,\n  createMinDateTimeValidator,\n  type Validator,\n} from '#internals/validators.js';\nimport { isDateInRanges } from '../calendar/helpers.js';\nimport type { DateRangeValue } from '../types.js';\nimport type IgcDateRangePickerComponent from './date-range-picker.js';\n\n/** The ends of the current range, each validated against the bound on its own. */\nfunction rangeEnds({ value }: IgcDateRangePickerComponent) {\n  return [value?.start, value?.end];\n}\n\nconst minDateRangeValidator =\n  createMinDateTimeValidator<IgcDateRangePickerComponent>(rangeEnds);\n\nconst maxDateRangeValidator =\n  createMaxDateTimeValidator<IgcDateRangePickerComponent>(rangeEnds);\n\nconst requiredDateRangeValidator: Validator<IgcDateRangePickerComponent> = {\n  key: 'valueMissing',\n  message: ValidationResourceStringsEN.required_validation_error!,\n  isValid: (host) => {\n    return host.required ? isCompleteDateRange(host.value) : true;\n  },\n};\n\nconst badInputDateRangeValidator: Validator<IgcDateRangePickerComponent> = {\n  key: 'badInput',\n  message: (host) =>\n    formatString(\n      ValidationResourceStringsEN.disabled_date_validation_error!,\n      host.value\n    ),\n  isValid: (host) => {\n    const { value, disabledDates } = host;\n\n    if (\n      !isCompleteDateRange(value) ||\n      !disabledDates ||\n      isEmpty(disabledDates)\n    ) {\n      return true;\n    }\n\n    return Array.from(\n      calendarRange({ start: value.start, end: value.end, inclusive: true })\n    ).every((date) => !isDateInRanges(date, disabledDates));\n  },\n};\n\nexport const dateRangeValidators: Validator<IgcDateRangePickerComponent>[] = [\n  requiredDateRangeValidator,\n  minDateRangeValidator,\n  maxDateRangeValidator,\n  badInputDateRangeValidator,\n];\n\nexport function isCompleteDateRange(\n  value: DateRangeValue | null\n): value is { start: Date; end: Date } {\n  return value != null && value.start != null && value.end != null;\n}\n"]}

package/components/date-time-input/date-time-input.base.d.ts

@@ -4,11 +4,13 @@ import { type MaskSelection } from '#internals/mixins/mask-behavior.js';
 import type { ThemingController } from '#theming/theming-controller.js';
 import type { RangeTextSelectMode } from '../types.js';
 import { type DatePartDeltas, type IDatePart } from './date-part.js';
+import type { DateFormatMaskParser } from './datetime-mask-parser.js';
 export type { MaskSelection };
 declare const IgcDateTimeInputBaseComponent_base: import("../../internals/mixins/constructor.js").AbstractConstructor<import("#internals/mixins/mask-behavior.js").MaskBehaviorElementInterface> & import("../../internals/mixins/constructor.js").Constructor<import("../../internals/mixins/forms/types.js").FormRequiredInterface & import("../../internals/mixins/forms/types.js").FormAssociatedElementInterface> & typeof LitElement;
 export declare abstract class IgcDateTimeInputBaseComponent<T> extends IgcDateTimeInputBaseComponent_base {
     protected abstract readonly _themes: ThemingController;
-    protected readonly _slots: import("#internals/controllers/slot.js").SlotController<"invalid" | "prefix" | "helper-text" | "[default]" | "suffix" | "value-missing" | "custom-error" | "range-overflow" | "range-underflow">;
+    protected abstract readonly _parser: DateFormatMaskParser<IDatePart>;
+    protected readonly _slots: import("#internals/controllers/slot.js").SlotController<"invalid" | "prefix" | "[default]" | "suffix" | "helper-text" | "value-missing" | "custom-error" | "range-overflow" | "range-underflow">;
     protected readonly _inputId: string;
     protected readonly _input?: HTMLInputElement;
     /**
@@ -26,20 +28,21 @@ export declare abstract class IgcDateTimeInputBaseComponent<T> extends IgcDateTi
     /** The locale-default display format, resolved by the i18n controller. */
     protected get _defaultDisplayFormat(): string;
     /**
-     * Whether the user has an uncommitted edit in progress.
+     * Whether the user has an uncommitted edit.
      *
-     * While set, the masked text - not the public `value` - is the source of truth:
-     * typing updates the mask only, and the parsed result reaches `value` (together
-     * with `igcChange`) when the edit is committed on blur. Keeping `value` in sync
-     * with the last emitted `igcChange` is what stops a host that two-way binds the
-     * property from clobbering a half-typed mask on an unrelated re-render.
+     * @remarks
+     * While set, the masked text is the source of truth, not the public `value`.
+     * Typing changes only the mask, and the parsed result reaches `value`, with
+     * `igcChange`, when the edit commits on blur. `value` thus agrees with the
+     * last `igcChange`, which stops a host that binds the property two ways from
+     * replacing a half-typed mask on an unrelated render.
      */
     protected _isEditing: boolean;
     /** The value the input was focused with, used to detect a committed change. */
     protected _oldValue: T | null;
     /**
-     * The value currently in the editor - the parsed draft while an edit is in
-     * progress, otherwise the committed public value.
+     * The value in the editor: the parsed draft during an edit, and the committed
+     * public value in all other cases.
      *
      * @hidden @internal
      */
@@ -125,51 +128,47 @@ export declare abstract class IgcDateTimeInputBaseComponent<T> extends IgcDateTi
      * Handles keyboard-triggered spinning (arrow up/down).
      */
     protected _keyboardSpin(direction: 'up' | 'down'): Promise<void>;
-    /**
-     * Common logic for stepping up or down a date part.
-     * @internal
-     */
+    /** @internal */
     protected _performStep(datePart: unknown, delta: number | undefined, isDecrement: boolean): void;
     /**
-     * Updates the displayed mask value based on focus state.
-     * When focused, shows the editable mask. When unfocused, defers to the leaf's display formatter.
+     * Updates the displayed mask for the focus state. A focused editor shows the
+     * editable mask, an unfocused one uses the display formatter of the leaf.
      */
     protected _updateMaskDisplay(): void;
     /** Builds the editable mask shown while the input is focused. */
     protected _buildMaskedValue(): string;
     /**
-     * Applies a value produced by an interactive edit (spinning, `Ctrl + ;`).
-     * While focused this only moves the draft; outside of an editing session - e.g. a
-     * programmatic `stepUp()` - there is no blur coming to commit it.
+     * Applies a value from an interactive edit, such as a spin or `Ctrl + ;`.
+     * A focused editor moves only the draft. Outside an edit, for example a
+     * `stepUp()` from code, no blur follows to commit it.
      */
     protected _setDraftValue(value: T): void;
     /**
-     * Whether the committed value is empty, i.e. gaining focus should start the
-     * edit from the empty mask rather than the formatted value.
+     * Whether the committed value is empty. Focus then starts the edit from the
+     * empty mask, not from the formatted value.
      */
     protected _isValueEmpty(): boolean;
     /**
-     * Applies a programmatic value assignment: bails when the value is unchanged,
-     * cancels any edit in progress, and re-renders the mask from the new value.
+     * Applies a value assignment from code. Stops if the value is unchanged,
+     * cancels an edit, and renders the mask again from the new value.
      */
     protected _applyValue(value: T | null): void;
     /**
-     * Reads the AM/PM designator as currently typed in the mask for the given
-     * format part, so spinning it toggles from what the user sees rather than
-     * from the underlying date.
+     * Reads the AM/PM designator as typed in the mask for the given format part,
+     * so that a spin changes what the user sees, not the date below it.
      */
     protected _readAmPmFromMask(part?: IDatePart): string | undefined;
     /** Applies the masked text to the public value without emitting anything. */
     protected _applyDraft(): void;
     /**
-     * Commits the current draft to the public value, emitting `igcChange` when the
-     * committed value differs from the one the input was focused with.
+     * Commits the draft to the public value. Emits `igcChange` if the committed
+     * value differs from the value at focus.
      */
     protected _commitEdit(): void;
     /**
-     * Marks the masked text as an uncommitted edit. The parsed result deliberately
-     * does not reach the public `value` here - that happens on commit - so that the
-     * property stays in sync with the last emitted `igcChange`. See {@link _isEditing}.
+     * Marks the masked text as an uncommitted edit. The parsed result reaches the
+     * public `value` at commit, not here, so that the property agrees with the
+     * last `igcChange`. See {@link _isEditing}.
      */
     protected _syncValueFromMask(): void;
     protected _restoreDefaultValue(): void;
@@ -210,12 +209,13 @@ export declare abstract class IgcDateTimeInputBaseComponent<T> extends IgcDateTi
     abstract get value(): T | null;
     abstract set value(value: T | null);
     /**
-     * Parses the current masked text into the leaf's value type.
+     * Parses the masked text into the value type of the leaf.
      *
-     * A `strict` parse mirrors the committed value semantics - an incomplete mask has
-     * no value yet and resolves to `null` rather than to a defaults-filled one. A lenient
-     * parse completes the missing parts from their defaults, an empty mask excepted - that
-     * one holds no value to complete and resolves to `null` as well.
+     * @remarks
+     * A `strict` parse agrees with the committed value: an incomplete mask has no
+     * value and gives `null`. A lenient parse completes the missing parts from
+     * their defaults. An empty mask has nothing to complete and gives `null` in
+     * both modes.
      */
     protected abstract _parseMask(strict: boolean): T | null;
     /** Formats a value into the editable mask. */
@@ -226,6 +226,8 @@ export declare abstract class IgcDateTimeInputBaseComponent<T> extends IgcDateTi
     protected abstract _setCurrentDateTime(): void;
     protected abstract _getDatePartAtCursor(): unknown;
     protected abstract _getDefaultDatePart(): unknown;
-    abstract hasDateParts(): boolean;
-    abstract hasTimeParts(): boolean;
+    /** Whether the current format holds a date part: day, month or year. */
+    hasDateParts(): boolean;
+    /** Whether the current format holds a time part: hours, minutes or seconds. */
+    hasTimeParts(): boolean;
 }

package/components/date-time-input/date-time-input.base.js

@@ -333,6 +333,12 @@ let IgcDateTimeInputBaseComponent = class IgcDateTimeInputBaseComponent extends
             renderInput: this._renderInput,
         }));
     }
+    hasDateParts() {
+        return this._parser.hasDateParts();
+    }
+    hasTimeParts() {
+        return this._parser.hasTimeParts();
+    }
 };
 __decorate([
     query('input')

package/components/date-time-input/date-time-input.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-input.base.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type PropertyValues, type TemplateResult } from 'lit';\nimport { eventOptions, property, query } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { addAriaTarget } from '#internals/controllers/aria-projection.js';\nimport {\n  addKeybindings,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  ctrlKey,\n} from '#internals/controllers/key-bindings.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { convertToDate } from '#internals/date/converters.js';\nimport { blazorDeepImport } from '#internals/decorators/blazorDeepImport.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { addI18nController } from '#internals/i18n/i18n-controller.js';\nimport { FormAssociatedRequiredMixin } from '#internals/mixins/forms/associated-required.js';\nimport type { FormValue } from '#internals/mixins/forms/form-value.js';\nimport {\n  MaskBehaviorMixin,\n  type MaskSelection,\n} from '#internals/mixins/mask-behavior.js';\nimport {\n  nextInputId,\n  renderInputShell,\n  resolveInputPartNames,\n} from '#internals/templates/input-shell.js';\nimport { renderMaskedNativeInput } from '#internals/templates/masked-input.js';\nimport { equal } from '#internals/utils/objects.js';\nimport type { ThemingController } from '#theming/theming-controller.js';\nimport type { RangeTextSelectMode } from '../types.js';\nimport {\n  type DatePartDeltas,\n  DatePartType,\n  DEFAULT_DATE_PARTS_SPIN_DELTAS,\n  type IDatePart,\n} from './date-part.js';\nimport { dateTimeInputValidators } from './validators.js';\n\nexport type { MaskSelection };\n\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'helper-text',\n  'value-missing',\n  'range-overflow',\n  'range-underflow',\n  'custom-error',\n  'invalid'\n);\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/* omitModule */\n@blazorDeepImport\n@shadowOptions({ delegatesFocus: true })\nexport abstract class IgcDateTimeInputBaseComponent<\n  T,\n> extends MaskBehaviorMixin(FormAssociatedRequiredMixin(LitElement)) {\n  // #region Internal state and properties\n\n  protected abstract readonly _themes: ThemingController;\n\n  protected readonly _slots = addSlotController(this, { slots: Slots });\n\n  protected readonly _inputId = nextInputId();\n\n  @query('input')\n  protected override readonly _input?: HTMLInputElement;\n\n  /**\n   * Receives ARIA semantics projected by a composite host\n   * (e.g. `igc-date-picker`) onto the inner native input.\n   * See {@link addAriaTarget}.\n   */\n  protected readonly _ariaTarget = addAriaTarget(this, {\n    labels: () => this._internals.labels,\n    description: () =>\n      this._slots.hasAssignedElements('helper-text')\n        ? this.renderRoot.querySelector('#helper-text')\n        : null,\n  });\n\n  protected override get __validators() {\n    return dateTimeInputValidators;\n  }\n\n  private readonly _i18nController = addI18nController(this, {\n    defaultEN: {},\n    onResourceChange: this._handleResourceChange,\n  });\n\n  protected _min: Date | null = null;\n  protected _max: Date | null = null;\n\n  protected _displayFormat?: string;\n  protected _inputFormat?: string;\n\n  /** The locale-default display format, resolved by the i18n controller. */\n  protected get _defaultDisplayFormat(): string {\n    return this._i18nController.localeDisplayFormat;\n  }\n\n  /**\n   * Whether the user has an uncommitted edit in progress.\n   *\n   * While set, the masked text - not the public `value` - is the source of truth:\n   * typing updates the mask only, and the parsed result reaches `value` (together\n   * with `igcChange`) when the edit is committed on blur. Keeping `value` in sync\n   * with the last emitted `igcChange` is what stops a host that two-way binds the\n   * property from clobbering a half-typed mask on an unrelated re-render.\n   */\n  protected _isEditing = false;\n\n  /** The value the input was focused with, used to detect a committed change. */\n  protected _oldValue: T | null = null;\n\n  /**\n   * The value currently in the editor - the parsed draft while an edit is in\n   * progress, otherwise the committed public value.\n   *\n   * @hidden @internal\n   */\n  public get _uncommittedValue(): T | null {\n    return this._isEditing ? this._parseMask(true) : this.value;\n  }\n\n  /** The spin amount for each date part - the defaults overlaid with `spinDelta`. */\n  protected get _datePartDeltas(): DatePartDeltas {\n    return { ...DEFAULT_DATE_PARTS_SPIN_DELTAS, ...this.spinDelta };\n  }\n\n  protected get _targetDatePart(): unknown {\n    return this._focused\n      ? this._getDatePartAtCursor()\n      : this._getDefaultDatePart();\n  }\n\n  // #endregion\n\n  // #region Public attributes and properties\n\n  /**\n   * Whether the control will have outlined appearance.\n   *\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * The placeholder text of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The label for the control.\n   * @attr\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * The date format to apply on the input.\n   * @attr input-format\n   */\n  @property({ attribute: 'input-format' })\n  public get inputFormat(): string {\n    return this._inputFormat || this._parser.mask;\n  }\n\n  public set inputFormat(val: string) {\n    if (val) {\n      this._applyMask(val);\n      this._inputFormat = val;\n      this._updateMaskDisplay();\n    }\n  }\n\n  /**\n   * The minimum value required for the input to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set min(value: Date | string | null | undefined) {\n    this._min = convertToDate(value);\n    this._validate();\n  }\n\n  public get min(): Date | null {\n    return this._min;\n  }\n\n  /**\n   * The maximum value required for the input to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set max(value: Date | string | null | undefined) {\n    this._max = convertToDate(value);\n    this._validate();\n  }\n\n  public get max(): Date | null {\n    return this._max;\n  }\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the locale format if not set.\n   * @attr display-format\n   */\n  @property({ attribute: 'display-format' })\n  public set displayFormat(value: string) {\n    this._displayFormat = value;\n  }\n\n  public get displayFormat(): string {\n    return (\n      this._displayFormat ?? this._inputFormat ?? this._defaultDisplayFormat\n    );\n  }\n\n  /**\n   * Delta values used to increment or decrement each date part on step actions.\n   * All values default to `1`.\n   */\n  @property({ attribute: false })\n  public spinDelta?: DatePartDeltas;\n\n  /**\n   * Sets whether to loop over the currently spun segment.\n   * @attr spin-loop\n   */\n  @property({ type: Boolean, attribute: 'spin-loop' })\n  public spinLoop = true;\n\n  /**\n   * The locale used to format the display value and to resolve the\n   * component's resource strings. Falls back to the global locale when not set.\n   * @attr locale\n   */\n  @property()\n  public set locale(value: string) {\n    this._i18nController.locale = value;\n  }\n\n  public get locale(): string {\n    return this._i18nController.locale;\n  }\n\n  // #endregion\n\n  //#region Lifecycle Hooks\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      skip: () => this.readOnly,\n      bindingDefaults: { repeat: true },\n    })\n      .set([ctrlKey, ';'], this._setCurrentDateTime)\n      .set(arrowUp, this._keyboardSpin.bind(this, 'up'))\n      .set(arrowDown, this._keyboardSpin.bind(this, 'down'))\n      .set([ctrlKey, arrowLeft], this._navigateParts.bind(this, 0))\n      .set([ctrlKey, arrowRight], this._navigateParts.bind(this, 1));\n  }\n\n  protected override update(props: PropertyValues<this>): void {\n    if (props.has('locale')) {\n      this._initializeDefaultMask();\n    }\n\n    if (props.has('displayFormat') || props.has('locale')) {\n      this._updateMaskDisplay();\n    }\n\n    super.update(props);\n  }\n\n  //#endregion\n\n  // #region Event handlers\n\n  private _handleResourceChange(): void {\n    this._initializeDefaultMask();\n    this._updateMaskDisplay();\n  }\n\n  protected _handleDragLeave(): void {\n    if (!this._focused) {\n      this._updateMaskDisplay();\n    }\n  }\n\n  protected _handleDragEnter(): void {\n    if (!this._focused) {\n      this._maskedValue = this._buildMaskedValue();\n    }\n  }\n\n  protected async _handleFocus(): Promise<void> {\n    this._focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    this._oldValue = this.value;\n\n    if (this._isValueEmpty()) {\n      this._maskedValue = this._parser.emptyMask;\n      this._historyResync();\n      await this.updateComplete;\n      this.select();\n      return;\n    }\n\n    if (this.displayFormat !== this.inputFormat) {\n      this._updateMaskDisplay();\n    }\n\n    this._historyResync();\n  }\n\n  protected override _handleBlur(): void {\n    this._focused = false;\n    this._commitEdit();\n    super._handleBlur();\n  }\n\n  /**\n   * Handles wheel events for spinning date parts.\n   */\n  @eventOptions({ passive: false })\n  protected async _handleWheel(event: WheelEvent): Promise<void> {\n    if (!this._focused || this.readOnly) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { start, end } = this._inputSelection;\n    event.deltaY > 0 ? this.stepDown() : this.stepUp();\n    this._emitInputEvent();\n\n    await this.updateComplete;\n    this.setSelectionRange(start, end);\n  }\n\n  // #endregion\n\n  //#region Keybindings\n\n  /**\n   * Navigates to the previous or next date part.\n   */\n  protected _navigateParts(direction: number): void {\n    const position = this._calculatePartNavigationPosition(\n      this._input?.value ?? '',\n      direction\n    );\n    this.setSelectionRange(position, position);\n  }\n\n  /**\n   * Handles keyboard-triggered spinning (arrow up/down).\n   */\n  protected async _keyboardSpin(direction: 'up' | 'down'): Promise<void> {\n    direction === 'up' ? this.stepUp() : this.stepDown();\n    this._emitInputEvent();\n    await this.updateComplete;\n    this.setSelectionRange(this._maskSelection.start, this._maskSelection.end);\n  }\n\n  // #endregion\n\n  //#region Internal API\n\n  /**\n   * Common logic for stepping up or down a date part.\n   * @internal\n   */\n  protected _performStep(\n    datePart: unknown,\n    delta: number | undefined,\n    isDecrement: boolean\n  ): void {\n    const part = datePart || this._targetDatePart;\n    if (!part) return;\n\n    const { start, end } = this._inputSelection;\n    this._setDraftValue(this._calculateSpunValue(part, delta, isDecrement));\n    this.updateComplete.then(() => this._input?.setSelectionRange(start, end));\n  }\n\n  /**\n   * Updates the displayed mask value based on focus state.\n   * When focused, shows the editable mask. When unfocused, defers to the leaf's display formatter.\n   */\n  protected _updateMaskDisplay(): void {\n    if (!this._focused) {\n      this._maskedValue = this._buildDisplayValue();\n    } else if (!this._isEditing) {\n      // An edit in progress owns the masked text. Rebuilding it from `value` here\n      // would discard whatever the user has typed so far.\n      this._maskedValue = this._buildMaskedValue();\n    }\n  }\n\n  /** Builds the editable mask shown while the input is focused. */\n  protected _buildMaskedValue(): string {\n    const masked = this._formatValue(this.value);\n\n    // A value-less mask formats to the empty mask; prefer whatever is already in\n    // the editor so that a partially typed mask survives a re-render.\n    return masked === this._parser.emptyMask\n      ? this._maskedValue || masked\n      : masked;\n  }\n\n  /**\n   * Applies a value produced by an interactive edit (spinning, `Ctrl + ;`).\n   * While focused this only moves the draft; outside of an editing session - e.g. a\n   * programmatic `stepUp()` - there is no blur coming to commit it.\n   */\n  protected _setDraftValue(value: T): void {\n    if (!this._focused) {\n      this.value = value;\n      return;\n    }\n\n    const next = this._formatValue(value);\n\n    this._recordHistory('atomic', next, this._inputSelection.start);\n\n    this._isEditing = true;\n    this._maskedValue = next;\n    this.requestUpdate();\n  }\n\n  /**\n   * Whether the committed value is empty, i.e. gaining focus should start the\n   * edit from the empty mask rather than the formatted value.\n   */\n  protected _isValueEmpty(): boolean {\n    return !this.value;\n  }\n\n  /**\n   * Applies a programmatic value assignment: bails when the value is unchanged,\n   * cancels any edit in progress, and re-renders the mask from the new value.\n   */\n  protected _applyValue(value: T | null): void {\n    if (equal(this._formValue.value, value)) {\n      return;\n    }\n\n    this._isEditing = false;\n    this._formValue.setValueAndFormState(value);\n    this._updateMaskDisplay();\n  }\n\n  /**\n   * Reads the AM/PM designator as currently typed in the mask for the given\n   * format part, so spinning it toggles from what the user sees rather than\n   * from the underlying date.\n   */\n  protected _readAmPmFromMask(part?: IDatePart): string | undefined {\n    return part?.type === DatePartType.AmPm\n      ? this._maskedValue.substring(part.start, part.end)\n      : undefined;\n  }\n\n  /** Applies the masked text to the public value without emitting anything. */\n  protected _applyDraft(): void {\n    this._isEditing = false;\n    this.value = this._parseMask(true);\n    this._updateMaskDisplay();\n  }\n\n  /**\n   * Commits the current draft to the public value, emitting `igcChange` when the\n   * committed value differs from the one the input was focused with.\n   */\n  protected _commitEdit(): void {\n    // Only an actual edit is re-parsed. Without this guard a mask holding a\n    // display-formatted value - a read-only or untouched input - would be read back\n    // under the input format and mangled.\n    if (this._isEditing) {\n      this._isEditing = false;\n\n      // A partially filled mask is parsed leniently, missing parts falling back to\n      // their defaults; only a mask that resolves to nothing clears the value.\n      const parsed = this._parseMask(false);\n\n      if (parsed === null) {\n        this.clear();\n      } else {\n        this.value = parsed;\n      }\n    }\n\n    // The assignments above are no-ops when the value did not change, so the mask\n    // still has to be flipped back to the display format explicitly.\n    this._updateMaskDisplay();\n\n    // The value can also have moved without an edit - `clear()` or a programmatic\n    // assignment while focused - and that is a committed change just the same.\n    if (!this.readOnly && !equal(this._oldValue, this.value)) {\n      this._oldValue = this.value;\n      this.emitEvent('igcChange', { detail: this.value });\n    }\n  }\n\n  /**\n   * Marks the masked text as an uncommitted edit. The parsed result deliberately\n   * does not reach the public `value` here - that happens on commit - so that the\n   * property stays in sync with the last emitted `igcChange`. See {@link _isEditing}.\n   */\n  protected override _syncValueFromMask(): void {\n    if (this._focused) {\n      this._isEditing = true;\n      return;\n    }\n\n    // A mask mutation outside of an editing session - e.g. text dropped onto an\n    // unfocused input - has no blur coming to commit it.\n    this._applyDraft();\n  }\n\n  protected override _restoreDefaultValue(): void {\n    this._isEditing = false;\n    super._restoreDefaultValue();\n    this._updateMaskDisplay();\n  }\n\n  /**\n   * Checks if all mask positions are filled (no prompt characters remain).\n   */\n  protected _isMaskComplete(): boolean {\n    return !this._maskedValue.includes(this.prompt);\n  }\n\n  /**\n   * Applies a mask pattern to the input, parsing the format string into date parts.\n   */\n  protected _applyMask(formatString: string): void {\n    const previous = this._parser.mask;\n    this._parser.mask = formatString;\n\n    // Update placeholder if not set or if it matches the old format\n    if (!this.placeholder || previous === this.placeholder) {\n      this.placeholder = this._parser.mask;\n    }\n  }\n\n  /** Applies the locale-default mask, unless an explicit input format is set. */\n  protected _initializeDefaultMask(): void {\n    if (!this._inputFormat) {\n      this._applyMask(this._i18nController.localeInputFormat);\n    }\n  }\n\n  /**\n   * Resolves the part names for the container based on the current state.\n   */\n  protected _resolvePartNames(base: string): Record<string, boolean> {\n    return resolveInputPartNames(this._slots, base, !this._isEmptyMask);\n  }\n\n  // #endregion\n\n  // #region Public API\n\n  /** Selects all the text inside the input. */\n  public select(): void {\n    this._input?.select();\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the control. */\n  public override focus(options?: FocusOptions): void {\n    this._input?.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the control. */\n  public override blur(): void {\n    this._input?.blur();\n  }\n\n  /* blazorSuppress */\n  /** Increments a date/time portion. */\n  public stepUp(datePart?: unknown, delta?: number): void {\n    this._performStep(datePart, delta, false);\n  }\n\n  /* blazorSuppress */\n  /** Decrements a date/time portion. */\n  public stepDown(datePart?: unknown, delta?: number): void {\n    this._performStep(datePart, delta, true);\n  }\n\n  /* blazorSuppress */\n  /** Replaces the selected text in the control and re-applies the mask. */\n  public override setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode?: RangeTextSelectMode\n  ): void {\n    super.setRangeText(replacement, start, end, selectMode);\n    this._applyDraft();\n  }\n\n  /** Clears the input element of user input. */\n  public clear(): void {\n    this._isEditing = false;\n    this._maskedValue = '';\n    this.value = null;\n    this._updateMaskDisplay();\n  }\n\n  //#endregion\n\n  //#region Render\n\n  protected _renderInput(): TemplateResult {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n\n    return renderMaskedNativeInput({\n      id: this._inputId,\n      partNames: this._resolvePartNames('input'),\n      name: this.name,\n      value: this._maskedValue,\n      placeholder: this.placeholder || this._parser.emptyMask,\n      readOnly: this.readOnly,\n      disabled: this.disabled,\n      tabindex: hasNegativeTabIndex ? -1 : undefined,\n      aria: this._ariaTarget.resolveBindings(),\n      onInput: this._handleInput,\n      onBeforeInput: this._handleBeforeInput,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      onClick: this._handleClick,\n      onSetMaskSelection: this._setMaskSelection,\n      onCompositionStart: this._handleCompositionStart,\n      onCompositionEnd: this._handleCompositionEnd,\n      onWheel: this._handleWheel,\n      onDragEnter: this._handleDragEnter,\n      onDragLeave: this._handleDragLeave,\n    });\n  }\n\n  protected override render() {\n    return cache(\n      renderInputShell(this, {\n        theme: this._themes.theme,\n        label: this.label,\n        labelId: this._inputId,\n        containerParts: this._resolvePartNames('container'),\n        renderInput: this._renderInput,\n      })\n    );\n  }\n\n  //#endregion\n\n  // #region Abstract methods and properties\n\n  protected abstract override readonly _formValue: FormValue<T | null>;\n\n  /** Provided by `EventEmitterMixin` in the concrete components. */\n  public abstract emitEvent(name: string, init?: CustomEventInit): boolean;\n\n  /** The committed value of the input. */\n  public abstract get value(): T | null;\n  public abstract set value(value: T | null);\n\n  /**\n   * Parses the current masked text into the leaf's value type.\n   *\n   * A `strict` parse mirrors the committed value semantics - an incomplete mask has\n   * no value yet and resolves to `null` rather than to a defaults-filled one. A lenient\n   * parse completes the missing parts from their defaults, an empty mask excepted - that\n   * one holds no value to complete and resolves to `null` as well.\n   */\n  protected abstract _parseMask(strict: boolean): T | null;\n\n  /** Formats a value into the editable mask. */\n  protected abstract _formatValue(value: T | null): string;\n\n  protected abstract _buildDisplayValue(): string;\n  protected abstract _calculatePartNavigationPosition(\n    value: string,\n    direction: number\n  ): number;\n  protected abstract _calculateSpunValue(\n    part: unknown,\n    delta: number | undefined,\n    isDecrement: boolean\n  ): T;\n  protected abstract _setCurrentDateTime(): void;\n  protected abstract _getDatePartAtCursor(): unknown;\n  protected abstract _getDefaultDatePart(): unknown;\n\n  public abstract hasDateParts(): boolean;\n  public abstract hasTimeParts(): boolean;\n\n  // #endregion\n}\n"]}
+{"version":3,"file":"date-time-input.base.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAA4C,MAAM,KAAK,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EACL,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,GACR,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,gDAAgD,CAAC;AAE7F,OAAO,EACL,iBAAiB,GAElB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAGpD,OAAO,EAEL,YAAY,EACZ,8BAA8B,GAE/B,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAI1D,MAAM,KAAK,GAAG,QAAQ,CACpB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,SAAS,CACV,CAAC;AAOK,IAAe,6BAA6B,GAA5C,MAAe,6BAEpB,SAAQ,iBAAiB,CAAC,2BAA2B,CAAC,UAAU,CAAC,CAAC;IA2BlE,IAAuB,YAAY;QACjC,OAAO,uBAAuB,CAAC;IACjC,CAAC;IAcD,IAAc,qBAAqB;QACjC,OAAO,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC;IAClD,CAAC;IAuBD,IAAW,iBAAiB;QAC1B,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IAC9D,CAAC;IAGD,IAAc,eAAe;QAC3B,OAAO,EAAE,GAAG,8BAA8B,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;IAClE,CAAC;IAED,IAAc,eAAe;QAC3B,OAAO,IAAI,CAAC,QAAQ;YAClB,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC7B,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;IACjC,CAAC;IAkCD,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;IAChD,CAAC;IAED,IAAW,WAAW,CAAC,GAAW;QAChC,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YACrB,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;YACxB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAOD,IAAW,GAAG,CAAC,KAAuC;QACpD,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,IAAW,GAAG;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAOD,IAAW,GAAG,CAAC,KAAuC;QACpD,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,IAAW,GAAG;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAQD,IAAW,aAAa,CAAC,KAAa;QACpC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,IAAW,aAAa;QACtB,OAAO,CACL,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,qBAAqB,CACvE,CAAC;IACJ,CAAC;IAsBD,IAAW,MAAM,CAAC,KAAa;QAC7B,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,KAAK,CAAC;IACtC,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;IACrC,CAAC;IAMD;QACE,KAAK,EAAE,CAAC;QArMS,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAEnD,aAAQ,GAAG,WAAW,EAAE,CAAC;QAUzB,gBAAW,GAAG,aAAa,CAAC,IAAI,EAAE;YACnD,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM;YACpC,WAAW,EAAE,GAAG,EAAE,CAChB,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,aAAa,CAAC;gBAC5C,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC;gBAC/C,CAAC,CAAC,IAAI;SACX,CAAC,CAAC;QAMc,oBAAe,GAAG,iBAAiB,CAAC,IAAI,EAAE;YACzD,SAAS,EAAE,EAAE;YACb,gBAAgB,EAAE,IAAI,CAAC,qBAAqB;SAC7C,CAAC,CAAC;QAEO,SAAI,GAAgB,IAAI,CAAC;QACzB,SAAI,GAAgB,IAAI,CAAC;QAoBzB,eAAU,GAAG,KAAK,CAAC;QAGnB,cAAS,GAAa,IAAI,CAAC;QAkC9B,aAAQ,GAAG,KAAK,CAAC;QAyFjB,aAAQ,GAAG,IAAI,CAAC;QAuBrB,cAAc,CAAC,IAAI,EAAE;YACnB,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ;YACzB,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;SAClC,CAAC;aACC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;aAC7C,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;aACjD,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;aACrD,GAAG,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;aAC5D,GAAG,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IACnE,CAAC;IAEkB,MAAM,CAAC,KAA2B;QACnD,IAAI,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACxB,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACtD,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IAMO,qBAAqB;QAC3B,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAES,gBAAgB;QACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAES,gBAAgB;QACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC/C,CAAC;IACH,CAAC;IAES,KAAK,CAAC,YAAY;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5B,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;YAC3C,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;YAC5C,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;QAED,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEkB,WAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,KAAK,CAAC,WAAW,EAAE,CAAC;IACtB,CAAC;IAMe,AAAN,KAAK,CAAC,YAAY,CAAC,KAAiB;QAC5C,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE5C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC;QAC5C,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACnD,IAAI,CAAC,eAAe,EAAE,CAAC;QAEvB,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACrC,CAAC;IASS,cAAc,CAAC,SAAiB;QACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,gCAAgC,CACpD,IAAI,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,EACxB,SAAS,CACV,CAAC;QACF,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAKS,KAAK,CAAC,aAAa,CAAC,SAAwB;QACpD,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACrD,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAC7E,CAAC;IAOS,YAAY,CACpB,QAAiB,EACjB,KAAyB,EACzB,WAAoB;QAEpB,MAAM,IAAI,GAAG,QAAQ,IAAI,IAAI,CAAC,eAAe,CAAC;QAC9C,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC;QAC5C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;QACxE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAC7E,CAAC;IAMS,kBAAkB;QAC1B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAChD,CAAC;aAAM,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YAG5B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC/C,CAAC;IACH,CAAC;IAGS,iBAAiB;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAI7C,OAAO,MAAM,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS;YACtC,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,MAAM;YAC7B,CAAC,CAAC,MAAM,CAAC;IACb,CAAC;IAOS,cAAc,CAAC,KAAQ;QAC/B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAEtC,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAEhE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAMS,aAAa;QACrB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;IACrB,CAAC;IAMS,WAAW,CAAC,KAAe;QACnC,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;YACxC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAMS,iBAAiB,CAAC,IAAgB;QAC1C,OAAO,IAAI,EAAE,IAAI,KAAK,YAAY,CAAC,IAAI;YACrC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC;YACnD,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC;IAGS,WAAW;QACnB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAMS,WAAW;QAInB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YAIxB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAEtC,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;gBACpB,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;YACtB,CAAC;QACH,CAAC;QAID,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAI1B,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACzD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAOkB,kBAAkB;QACnC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,OAAO;QACT,CAAC;QAID,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAEkB,oBAAoB;QACrC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAKS,eAAe;QACvB,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC;IAKS,UAAU,CAAC,YAAoB;QACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QACnC,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,YAAY,CAAC;QAGjC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,QAAQ,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;YACvD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QACvC,CAAC;IACH,CAAC;IAGS,sBAAsB;QAC9B,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IAKS,iBAAiB,CAAC,IAAY;QACtC,OAAO,qBAAqB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACtE,CAAC;IAOM,MAAM;QACX,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IACxB,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC;IACtB,CAAC;IAIM,MAAM,CAAC,QAAkB,EAAE,KAAc;QAC9C,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC;IAIM,QAAQ,CAAC,QAAkB,EAAE,KAAc;QAChD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC;IAIe,YAAY,CAC1B,WAAmB,EACnB,KAAc,EACd,GAAY,EACZ,UAAgC;QAEhC,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;QACxD,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAGM,KAAK;QACV,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAMS,YAAY;QACpB,MAAM,mBAAmB,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QAEnE,OAAO,uBAAuB,CAAC;YAC7B,EAAE,EAAE,IAAI,CAAC,QAAQ;YACjB,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;YAC1C,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,YAAY;YACxB,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS;YACvD,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YAC9C,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE;YACxC,OAAO,EAAE,IAAI,CAAC,YAAY;YAC1B,aAAa,EAAE,IAAI,CAAC,kBAAkB;YACtC,OAAO,EAAE,IAAI,CAAC,YAAY;YAC1B,MAAM,EAAE,IAAI,CAAC,WAAW;YACxB,OAAO,EAAE,IAAI,CAAC,YAAY;YAC1B,kBAAkB,EAAE,IAAI,CAAC,iBAAiB;YAC1C,kBAAkB,EAAE,IAAI,CAAC,uBAAuB;YAChD,gBAAgB,EAAE,IAAI,CAAC,qBAAqB;YAC5C,OAAO,EAAE,IAAI,CAAC,YAAY;YAC1B,WAAW,EAAE,IAAI,CAAC,gBAAgB;YAClC,WAAW,EAAE,IAAI,CAAC,gBAAgB;SACnC,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,KAAK,CACV,gBAAgB,CAAC,IAAI,EAAE;YACrB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC;YACnD,WAAW,EAAE,IAAI,CAAC,YAAY;SAC/B,CAAC,CACH,CAAC;IACJ,CAAC;IA6CM,YAAY;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAIM,YAAY;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;CAGF,CAAA;AA7oB6B;IAD3B,KAAK,CAAC,OAAO,CAAC;6DACuC;AAkF/C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+DACnB;AAOjB;IADN,QAAQ,EAAE;kEACiB;AAOrB;IADN,QAAQ,EAAE;4DACW;AAOtB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;gEAGvC;AAeD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDAItC;AAWD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDAItC;AAYD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;kEAGzC;AAaM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gEACG;AAO3B;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;+DAC7B;AAQvB;IADC,QAAQ,EAAE;2DAGV;AA2Fe;IADf,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;iEAahC;AA1SmB,6BAA6B;IAFlD,gBAAgB;IAChB,aAAa,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;GAClB,6BAA6B,CA2pBlD","sourcesContent":["import { LitElement, type PropertyValues, type TemplateResult } from 'lit';\nimport { eventOptions, property, query } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { addAriaTarget } from '#internals/controllers/aria-projection.js';\nimport {\n  addKeybindings,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  ctrlKey,\n} from '#internals/controllers/key-bindings.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { convertToDate } from '#internals/date/converters.js';\nimport { blazorDeepImport } from '#internals/decorators/blazorDeepImport.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { addI18nController } from '#internals/i18n/i18n-controller.js';\nimport { FormAssociatedRequiredMixin } from '#internals/mixins/forms/associated-required.js';\nimport type { FormValue } from '#internals/mixins/forms/form-value.js';\nimport {\n  MaskBehaviorMixin,\n  type MaskSelection,\n} from '#internals/mixins/mask-behavior.js';\nimport {\n  nextInputId,\n  renderInputShell,\n  resolveInputPartNames,\n} from '#internals/templates/input-shell.js';\nimport { renderMaskedNativeInput } from '#internals/templates/masked-input.js';\nimport { equal } from '#internals/utils/objects.js';\nimport type { ThemingController } from '#theming/theming-controller.js';\nimport type { RangeTextSelectMode } from '../types.js';\nimport {\n  type DatePartDeltas,\n  DatePartType,\n  DEFAULT_DATE_PARTS_SPIN_DELTAS,\n  type IDatePart,\n} from './date-part.js';\nimport type { DateFormatMaskParser } from './datetime-mask-parser.js';\nimport { dateTimeInputValidators } from './validators.js';\n\nexport type { MaskSelection };\n\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'helper-text',\n  'value-missing',\n  'range-overflow',\n  'range-underflow',\n  'custom-error',\n  'invalid'\n);\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/* omitModule */\n@blazorDeepImport\n@shadowOptions({ delegatesFocus: true })\nexport abstract class IgcDateTimeInputBaseComponent<\n  T,\n> extends MaskBehaviorMixin(FormAssociatedRequiredMixin(LitElement)) {\n  // #region Internal state and properties\n\n  protected abstract readonly _themes: ThemingController;\n\n  protected abstract override readonly _parser: DateFormatMaskParser<IDatePart>;\n\n  protected readonly _slots = addSlotController(this, { slots: Slots });\n\n  protected readonly _inputId = nextInputId();\n\n  @query('input')\n  protected override readonly _input?: HTMLInputElement;\n\n  /**\n   * Receives ARIA semantics projected by a composite host\n   * (e.g. `igc-date-picker`) onto the inner native input.\n   * See {@link addAriaTarget}.\n   */\n  protected readonly _ariaTarget = addAriaTarget(this, {\n    labels: () => this._internals.labels,\n    description: () =>\n      this._slots.hasAssignedElements('helper-text')\n        ? this.renderRoot.querySelector('#helper-text')\n        : null,\n  });\n\n  protected override get __validators() {\n    return dateTimeInputValidators;\n  }\n\n  private readonly _i18nController = addI18nController(this, {\n    defaultEN: {},\n    onResourceChange: this._handleResourceChange,\n  });\n\n  protected _min: Date | null = null;\n  protected _max: Date | null = null;\n\n  protected _displayFormat?: string;\n  protected _inputFormat?: string;\n\n  /** The locale-default display format, resolved by the i18n controller. */\n  protected get _defaultDisplayFormat(): string {\n    return this._i18nController.localeDisplayFormat;\n  }\n\n  /**\n   * Whether the user has an uncommitted edit.\n   *\n   * @remarks\n   * While set, the masked text is the source of truth, not the public `value`.\n   * Typing changes only the mask, and the parsed result reaches `value`, with\n   * `igcChange`, when the edit commits on blur. `value` thus agrees with the\n   * last `igcChange`, which stops a host that binds the property two ways from\n   * replacing a half-typed mask on an unrelated render.\n   */\n  protected _isEditing = false;\n\n  /** The value the input was focused with, used to detect a committed change. */\n  protected _oldValue: T | null = null;\n\n  /**\n   * The value in the editor: the parsed draft during an edit, and the committed\n   * public value in all other cases.\n   *\n   * @hidden @internal\n   */\n  public get _uncommittedValue(): T | null {\n    return this._isEditing ? this._parseMask(true) : this.value;\n  }\n\n  /** The spin amount for each date part - the defaults overlaid with `spinDelta`. */\n  protected get _datePartDeltas(): DatePartDeltas {\n    return { ...DEFAULT_DATE_PARTS_SPIN_DELTAS, ...this.spinDelta };\n  }\n\n  protected get _targetDatePart(): unknown {\n    return this._focused\n      ? this._getDatePartAtCursor()\n      : this._getDefaultDatePart();\n  }\n\n  // #endregion\n\n  // #region Public attributes and properties\n\n  /**\n   * Whether the control will have outlined appearance.\n   *\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * The placeholder text of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The label for the control.\n   * @attr\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * The date format to apply on the input.\n   * @attr input-format\n   */\n  @property({ attribute: 'input-format' })\n  public get inputFormat(): string {\n    return this._inputFormat || this._parser.mask;\n  }\n\n  public set inputFormat(val: string) {\n    if (val) {\n      this._applyMask(val);\n      this._inputFormat = val;\n      this._updateMaskDisplay();\n    }\n  }\n\n  /**\n   * The minimum value required for the input to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set min(value: Date | string | null | undefined) {\n    this._min = convertToDate(value);\n    this._validate();\n  }\n\n  public get min(): Date | null {\n    return this._min;\n  }\n\n  /**\n   * The maximum value required for the input to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set max(value: Date | string | null | undefined) {\n    this._max = convertToDate(value);\n    this._validate();\n  }\n\n  public get max(): Date | null {\n    return this._max;\n  }\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the locale format if not set.\n   * @attr display-format\n   */\n  @property({ attribute: 'display-format' })\n  public set displayFormat(value: string) {\n    this._displayFormat = value;\n  }\n\n  public get displayFormat(): string {\n    return (\n      this._displayFormat ?? this._inputFormat ?? this._defaultDisplayFormat\n    );\n  }\n\n  /**\n   * Delta values used to increment or decrement each date part on step actions.\n   * All values default to `1`.\n   */\n  @property({ attribute: false })\n  public spinDelta?: DatePartDeltas;\n\n  /**\n   * Sets whether to loop over the currently spun segment.\n   * @attr spin-loop\n   */\n  @property({ type: Boolean, attribute: 'spin-loop' })\n  public spinLoop = true;\n\n  /**\n   * The locale used to format the display value and to resolve the\n   * component's resource strings. Falls back to the global locale when not set.\n   * @attr locale\n   */\n  @property()\n  public set locale(value: string) {\n    this._i18nController.locale = value;\n  }\n\n  public get locale(): string {\n    return this._i18nController.locale;\n  }\n\n  // #endregion\n\n  //#region Lifecycle Hooks\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      skip: () => this.readOnly,\n      bindingDefaults: { repeat: true },\n    })\n      .set([ctrlKey, ';'], this._setCurrentDateTime)\n      .set(arrowUp, this._keyboardSpin.bind(this, 'up'))\n      .set(arrowDown, this._keyboardSpin.bind(this, 'down'))\n      .set([ctrlKey, arrowLeft], this._navigateParts.bind(this, 0))\n      .set([ctrlKey, arrowRight], this._navigateParts.bind(this, 1));\n  }\n\n  protected override update(props: PropertyValues<this>): void {\n    if (props.has('locale')) {\n      this._initializeDefaultMask();\n    }\n\n    if (props.has('displayFormat') || props.has('locale')) {\n      this._updateMaskDisplay();\n    }\n\n    super.update(props);\n  }\n\n  //#endregion\n\n  // #region Event handlers\n\n  private _handleResourceChange(): void {\n    this._initializeDefaultMask();\n    this._updateMaskDisplay();\n  }\n\n  protected _handleDragLeave(): void {\n    if (!this._focused) {\n      this._updateMaskDisplay();\n    }\n  }\n\n  protected _handleDragEnter(): void {\n    if (!this._focused) {\n      this._maskedValue = this._buildMaskedValue();\n    }\n  }\n\n  protected async _handleFocus(): Promise<void> {\n    this._focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    this._oldValue = this.value;\n\n    if (this._isValueEmpty()) {\n      this._maskedValue = this._parser.emptyMask;\n      this._historyResync();\n      await this.updateComplete;\n      this.select();\n      return;\n    }\n\n    if (this.displayFormat !== this.inputFormat) {\n      this._updateMaskDisplay();\n    }\n\n    this._historyResync();\n  }\n\n  protected override _handleBlur(): void {\n    this._focused = false;\n    this._commitEdit();\n    super._handleBlur();\n  }\n\n  /**\n   * Handles wheel events for spinning date parts.\n   */\n  @eventOptions({ passive: false })\n  protected async _handleWheel(event: WheelEvent): Promise<void> {\n    if (!this._focused || this.readOnly) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { start, end } = this._inputSelection;\n    event.deltaY > 0 ? this.stepDown() : this.stepUp();\n    this._emitInputEvent();\n\n    await this.updateComplete;\n    this.setSelectionRange(start, end);\n  }\n\n  // #endregion\n\n  //#region Keybindings\n\n  /**\n   * Navigates to the previous or next date part.\n   */\n  protected _navigateParts(direction: number): void {\n    const position = this._calculatePartNavigationPosition(\n      this._input?.value ?? '',\n      direction\n    );\n    this.setSelectionRange(position, position);\n  }\n\n  /**\n   * Handles keyboard-triggered spinning (arrow up/down).\n   */\n  protected async _keyboardSpin(direction: 'up' | 'down'): Promise<void> {\n    direction === 'up' ? this.stepUp() : this.stepDown();\n    this._emitInputEvent();\n    await this.updateComplete;\n    this.setSelectionRange(this._maskSelection.start, this._maskSelection.end);\n  }\n\n  // #endregion\n\n  //#region Internal API\n\n  /** @internal */\n  protected _performStep(\n    datePart: unknown,\n    delta: number | undefined,\n    isDecrement: boolean\n  ): void {\n    const part = datePart || this._targetDatePart;\n    if (!part) return;\n\n    const { start, end } = this._inputSelection;\n    this._setDraftValue(this._calculateSpunValue(part, delta, isDecrement));\n    this.updateComplete.then(() => this._input?.setSelectionRange(start, end));\n  }\n\n  /**\n   * Updates the displayed mask for the focus state. A focused editor shows the\n   * editable mask, an unfocused one uses the display formatter of the leaf.\n   */\n  protected _updateMaskDisplay(): void {\n    if (!this._focused) {\n      this._maskedValue = this._buildDisplayValue();\n    } else if (!this._isEditing) {\n      // An edit in progress owns the masked text. Rebuilding it from `value` here\n      // would discard whatever the user has typed so far.\n      this._maskedValue = this._buildMaskedValue();\n    }\n  }\n\n  /** Builds the editable mask shown while the input is focused. */\n  protected _buildMaskedValue(): string {\n    const masked = this._formatValue(this.value);\n\n    // A value-less mask formats to the empty mask; prefer whatever is already in\n    // the editor so that a partially typed mask survives a re-render.\n    return masked === this._parser.emptyMask\n      ? this._maskedValue || masked\n      : masked;\n  }\n\n  /**\n   * Applies a value from an interactive edit, such as a spin or `Ctrl + ;`.\n   * A focused editor moves only the draft. Outside an edit, for example a\n   * `stepUp()` from code, no blur follows to commit it.\n   */\n  protected _setDraftValue(value: T): void {\n    if (!this._focused) {\n      this.value = value;\n      return;\n    }\n\n    const next = this._formatValue(value);\n\n    this._recordHistory('atomic', next, this._inputSelection.start);\n\n    this._isEditing = true;\n    this._maskedValue = next;\n    this.requestUpdate();\n  }\n\n  /**\n   * Whether the committed value is empty. Focus then starts the edit from the\n   * empty mask, not from the formatted value.\n   */\n  protected _isValueEmpty(): boolean {\n    return !this.value;\n  }\n\n  /**\n   * Applies a value assignment from code. Stops if the value is unchanged,\n   * cancels an edit, and renders the mask again from the new value.\n   */\n  protected _applyValue(value: T | null): void {\n    if (equal(this._formValue.value, value)) {\n      return;\n    }\n\n    this._isEditing = false;\n    this._formValue.setValueAndFormState(value);\n    this._updateMaskDisplay();\n  }\n\n  /**\n   * Reads the AM/PM designator as typed in the mask for the given format part,\n   * so that a spin changes what the user sees, not the date below it.\n   */\n  protected _readAmPmFromMask(part?: IDatePart): string | undefined {\n    return part?.type === DatePartType.AmPm\n      ? this._maskedValue.substring(part.start, part.end)\n      : undefined;\n  }\n\n  /** Applies the masked text to the public value without emitting anything. */\n  protected _applyDraft(): void {\n    this._isEditing = false;\n    this.value = this._parseMask(true);\n    this._updateMaskDisplay();\n  }\n\n  /**\n   * Commits the draft to the public value. Emits `igcChange` if the committed\n   * value differs from the value at focus.\n   */\n  protected _commitEdit(): void {\n    // Only a real edit is parsed again. Without this guard, a mask that holds a\n    // display-formatted value, in a read-only or untouched input, is read under\n    // the input format and becomes wrong.\n    if (this._isEditing) {\n      this._isEditing = false;\n\n      // A partially filled mask is parsed leniently, missing parts falling back to\n      // their defaults; only a mask that resolves to nothing clears the value.\n      const parsed = this._parseMask(false);\n\n      if (parsed === null) {\n        this.clear();\n      } else {\n        this.value = parsed;\n      }\n    }\n\n    // The assignments above are no-ops when the value did not change, so the mask\n    // still has to be flipped back to the display format explicitly.\n    this._updateMaskDisplay();\n\n    // The value can also have moved without an edit - `clear()` or a programmatic\n    // assignment while focused - and that is a committed change just the same.\n    if (!this.readOnly && !equal(this._oldValue, this.value)) {\n      this._oldValue = this.value;\n      this.emitEvent('igcChange', { detail: this.value });\n    }\n  }\n\n  /**\n   * Marks the masked text as an uncommitted edit. The parsed result reaches the\n   * public `value` at commit, not here, so that the property agrees with the\n   * last `igcChange`. See {@link _isEditing}.\n   */\n  protected override _syncValueFromMask(): void {\n    if (this._focused) {\n      this._isEditing = true;\n      return;\n    }\n\n    // A mask mutation outside of an editing session - e.g. text dropped onto an\n    // unfocused input - has no blur coming to commit it.\n    this._applyDraft();\n  }\n\n  protected override _restoreDefaultValue(): void {\n    this._isEditing = false;\n    super._restoreDefaultValue();\n    this._updateMaskDisplay();\n  }\n\n  /**\n   * Checks if all mask positions are filled (no prompt characters remain).\n   */\n  protected _isMaskComplete(): boolean {\n    return !this._maskedValue.includes(this.prompt);\n  }\n\n  /**\n   * Applies a mask pattern to the input, parsing the format string into date parts.\n   */\n  protected _applyMask(formatString: string): void {\n    const previous = this._parser.mask;\n    this._parser.mask = formatString;\n\n    // Update placeholder if not set or if it matches the old format\n    if (!this.placeholder || previous === this.placeholder) {\n      this.placeholder = this._parser.mask;\n    }\n  }\n\n  /** Applies the locale-default mask, unless an explicit input format is set. */\n  protected _initializeDefaultMask(): void {\n    if (!this._inputFormat) {\n      this._applyMask(this._i18nController.localeInputFormat);\n    }\n  }\n\n  /**\n   * Resolves the part names for the container based on the current state.\n   */\n  protected _resolvePartNames(base: string): Record<string, boolean> {\n    return resolveInputPartNames(this._slots, base, !this._isEmptyMask);\n  }\n\n  // #endregion\n\n  // #region Public API\n\n  /** Selects all the text inside the input. */\n  public select(): void {\n    this._input?.select();\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the control. */\n  public override focus(options?: FocusOptions): void {\n    this._input?.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the control. */\n  public override blur(): void {\n    this._input?.blur();\n  }\n\n  /* blazorSuppress */\n  /** Increments a date/time portion. */\n  public stepUp(datePart?: unknown, delta?: number): void {\n    this._performStep(datePart, delta, false);\n  }\n\n  /* blazorSuppress */\n  /** Decrements a date/time portion. */\n  public stepDown(datePart?: unknown, delta?: number): void {\n    this._performStep(datePart, delta, true);\n  }\n\n  /* blazorSuppress */\n  /** Replaces the selected text in the control and re-applies the mask. */\n  public override setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode?: RangeTextSelectMode\n  ): void {\n    super.setRangeText(replacement, start, end, selectMode);\n    this._applyDraft();\n  }\n\n  /** Clears the input element of user input. */\n  public clear(): void {\n    this._isEditing = false;\n    this._maskedValue = '';\n    this.value = null;\n    this._updateMaskDisplay();\n  }\n\n  //#endregion\n\n  //#region Render\n\n  protected _renderInput(): TemplateResult {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n\n    return renderMaskedNativeInput({\n      id: this._inputId,\n      partNames: this._resolvePartNames('input'),\n      name: this.name,\n      value: this._maskedValue,\n      placeholder: this.placeholder || this._parser.emptyMask,\n      readOnly: this.readOnly,\n      disabled: this.disabled,\n      tabindex: hasNegativeTabIndex ? -1 : undefined,\n      aria: this._ariaTarget.resolveBindings(),\n      onInput: this._handleInput,\n      onBeforeInput: this._handleBeforeInput,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      onClick: this._handleClick,\n      onSetMaskSelection: this._setMaskSelection,\n      onCompositionStart: this._handleCompositionStart,\n      onCompositionEnd: this._handleCompositionEnd,\n      onWheel: this._handleWheel,\n      onDragEnter: this._handleDragEnter,\n      onDragLeave: this._handleDragLeave,\n    });\n  }\n\n  protected override render() {\n    return cache(\n      renderInputShell(this, {\n        theme: this._themes.theme,\n        label: this.label,\n        labelId: this._inputId,\n        containerParts: this._resolvePartNames('container'),\n        renderInput: this._renderInput,\n      })\n    );\n  }\n\n  //#endregion\n\n  // #region Abstract methods and properties\n\n  protected abstract override readonly _formValue: FormValue<T | null>;\n\n  /** Provided by `EventEmitterMixin` in the concrete components. */\n  public abstract emitEvent(name: string, init?: CustomEventInit): boolean;\n\n  /** The committed value of the input. */\n  public abstract get value(): T | null;\n  public abstract set value(value: T | null);\n\n  /**\n   * Parses the masked text into the value type of the leaf.\n   *\n   * @remarks\n   * A `strict` parse agrees with the committed value: an incomplete mask has no\n   * value and gives `null`. A lenient parse completes the missing parts from\n   * their defaults. An empty mask has nothing to complete and gives `null` in\n   * both modes.\n   */\n  protected abstract _parseMask(strict: boolean): T | null;\n\n  /** Formats a value into the editable mask. */\n  protected abstract _formatValue(value: T | null): string;\n\n  protected abstract _buildDisplayValue(): string;\n  protected abstract _calculatePartNavigationPosition(\n    value: string,\n    direction: number\n  ): number;\n  protected abstract _calculateSpunValue(\n    part: unknown,\n    delta: number | undefined,\n    isDecrement: boolean\n  ): T;\n  protected abstract _setCurrentDateTime(): void;\n  protected abstract _getDatePartAtCursor(): unknown;\n  protected abstract _getDefaultDatePart(): unknown;\n\n  /* blazorSuppress */\n  /** Whether the current format holds a date part: day, month or year. */\n  public hasDateParts(): boolean {\n    return this._parser.hasDateParts();\n  }\n\n  /* blazorSuppress */\n  /** Whether the current format holds a time part: hours, minutes or seconds. */\n  public hasTimeParts(): boolean {\n    return this._parser.hasTimeParts();\n  }\n\n  // #endregion\n}\n"]}

package/components/date-time-input/date-time-input.d.ts

@@ -25,7 +25,7 @@ declare const IgcDateTimeInputComponent_base: import("#internals/mixins/construc
  * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
  *
  * @fires igcInput - Emitted when the control input receives user input.
- * @fires igcChange - Emitted when the control's checked state changes.
+ * @fires igcChange - Emitted on blur, when the committed value differs from the one the editor was focused with..
  *
  * @csspart container - The main wrapper that holds all main input elements.
  * @csspart input - The native input element.
@@ -98,16 +98,6 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
     stepUp(datePart?: DatePart, delta?: number): void;
     /** Decrements a date/time portion. */
     stepDown(datePart?: DatePart, delta?: number): void;
-    /**
-     * Checks whether the current format includes date parts (day, month, year).
-     * @internal
-     */
-    hasDateParts(): boolean;
-    /**
-     * Checks whether the current format includes time parts (hours, minutes, seconds).
-     * @internal
-     */
-    hasTimeParts(): boolean;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/components/date-time-input/date-time-input.js

@@ -121,12 +121,6 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcDate
     stepDown(datePart, delta) {
         super.stepDown(datePart, delta);
     }
-    hasDateParts() {
-        return this._parser.hasDateParts();
-    }
-    hasTimeParts() {
-        return this._parser.hasTimeParts();
-    }
 }
 __decorate([
     property({ converter: convertToDate })

package/components/date-time-input/date-time-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-input.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport { convertToDate, isValidDate } from '#internals/date/converters.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { formatDisplayDate } from '#internals/i18n/i18n-controller.js';\nimport type { AbstractConstructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { FormValueDateTimeTransformers } from '#internals/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport { styles } from '../input/themes/input.base.css.js';\nimport { styles as shared } from '../input/themes/shared/input.common.css.js';\nimport { all } from '../input/themes/themes.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  createDatePart,\n  DatePart,\n  type DatePartDeltas,\n  DatePartType,\n} from './date-part.js';\nimport { IgcDateTimeInputBaseComponent } from './date-time-input.base.js';\nimport { DateTimeMaskParser } from './datetime-mask-parser.js';\nimport { dateTimeInputValidators } from './validators.js';\n\nexport interface IgcDateTimeInputComponentEventMap {\n  /* alternateName: inputOcurred */\n  igcInput: CustomEvent<string>;\n  igcChange: CustomEvent<Date | null>;\n  // For analyzer meta only:\n  /* skipWCPrefix */\n  focus: FocusEvent;\n  /* skipWCPrefix */\n  blur: FocusEvent;\n}\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/**\n * A date time input is an input field that lets you set and edit the date and time in a chosen input element\n * using customizable display and input formats.\n *\n * @element igc-date-time-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcDateTimeInputComponent extends EventEmitterMixin<\n  IgcDateTimeInputComponentEventMap,\n  AbstractConstructor<IgcDateTimeInputBaseComponent<Date>>\n>(IgcDateTimeInputBaseComponent) {\n  public static readonly tagName = 'igc-date-time-input';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcDateTimeInputComponent,\n      IgcValidationContainerComponent\n    );\n  }\n\n  //#region Private state and properties\n\n  protected override readonly _themes = addThemingController(this, all);\n  protected override readonly _parser = new DateTimeMaskParser();\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: null,\n    transformers: FormValueDateTimeTransformers,\n  });\n\n  protected override get __validators() {\n    return dateTimeInputValidators;\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the input.\n   *\n   * Only ever holds a committed value. While the user is typing, the intermediate\n   * state lives in the masked text and is committed - together with an `igcChange`\n   * event - when the edit is committed on blur. Use the `igcInput` event to observe\n   * the value as it is being typed.\n   *\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public override set value(value: Date | string | null | undefined) {\n    this._applyValue(convertToDate(value));\n  }\n\n  public override get value(): Date | null {\n    return this._formValue.value;\n  }\n\n  //#endregion\n\n  //#region Navigation\n\n  /**\n   * Calculates the new cursor position when navigating between date parts.\n   * direction = 0: navigate to start of previous part\n   * direction = 1: navigate to start of next part\n   */\n  protected override _calculatePartNavigationPosition(\n    inputValue: string,\n    direction: number\n  ): number {\n    const cursorPos = this._maskSelection.start;\n    const dateParts = this._parser.parts;\n\n    if (direction === 0) {\n      // Navigate backwards: find last literal before cursor\n      const part = dateParts.findLast(\n        (part) => part.type === DatePartType.Literal && part.end < cursorPos\n      );\n      return part?.end ?? 0;\n    }\n\n    // Navigate forwards: find first literal after cursor\n    const part = dateParts.find(\n      (part) => part.type === DatePartType.Literal && part.start > cursorPos\n    );\n    return part?.start ?? inputValue.length;\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  /**\n   * Gets the date part at the current cursor position.\n   * Uses inclusive end to handle cursor at the end of the last part.\n   * Returns undefined if cursor is not within a valid date part.\n   */\n  protected override _getDatePartAtCursor(): DatePart | undefined {\n    return this._parser.getPartForCursor(this._inputSelection.start)?.type as\n      | DatePart\n      | undefined;\n  }\n\n  /**\n   * Gets the default date part to target when the input is not focused.\n   * Prioritizes: Date > Hours > First available part\n   */\n  protected override _getDefaultDatePart(): DatePart | undefined {\n    return (this._parser.getPartByType(DatePartType.Date)?.type ??\n      this._parser.getPartByType(DatePartType.Hours)?.type ??\n      this._parser.getFirstPart()?.type) as DatePart | undefined;\n  }\n\n  protected override _parseMask(strict: boolean): Date | null {\n    if (\n      strict ? !this._isMaskComplete() : this._parser.isBlank(this._maskedValue)\n    ) {\n      return null;\n    }\n\n    const parsed = this._parser.parseDate(this._maskedValue);\n    return isValidDate(parsed) ? parsed : null;\n  }\n\n  protected override _formatValue(value: Date | null): string {\n    return this._parser.formatDate(value);\n  }\n\n  /**\n   * Builds the formatted display value shown when the input is not focused.\n   */\n  protected override _buildDisplayValue(): string {\n    return isValidDate(this.value)\n      ? formatDisplayDate(this.value, this.locale, this.displayFormat)\n      : '';\n  }\n\n  /**\n   * Sets the value to the current date/time.\n   */\n  protected override _setCurrentDateTime(): void {\n    this._setDraftValue(new Date());\n    this._emitInputEvent();\n  }\n\n  /**\n   * Emits an `igcInput` event whose `detail` is the parsed value as an ISO\n   * string (preserving the legacy contract for this component).\n   */\n  protected override _emitInputEvent(): void {\n    this._emitTouchedEvent('igcInput', {\n      detail: this._uncommittedValue?.toISOString(),\n    });\n  }\n\n  /**\n   * Calculates the new date value after spinning a date part.\n   */\n  protected override _calculateSpunValue(\n    datePart: DatePart,\n    delta: number | undefined,\n    isDecrement: boolean\n  ): Date {\n    // Default to 1 if delta is 0 or undefined\n    const effectiveDelta =\n      delta || this._datePartDeltas[datePart as keyof DatePartDeltas] || 1;\n\n    const spinAmount = isDecrement\n      ? -Math.abs(effectiveDelta)\n      : Math.abs(effectiveDelta);\n\n    return this._spinDatePart(datePart, spinAmount);\n  }\n\n  /**\n   * Spins a specific date part by the given delta.\n   */\n  protected _spinDatePart(datePart: DatePart, delta: number): Date {\n    const current = this._uncommittedValue;\n\n    if (!isValidDate(current)) {\n      return new Date();\n    }\n\n    const newDate = new Date(current.getTime());\n    const partType = datePart as unknown as DatePartType;\n\n    // Get the part instance from the parser, or create one for explicit spin operations\n    let part = this._parser.getPartByType(partType);\n    if (!part) {\n      // For explicit spin operations (e.g., stepDown(DatePart.Minutes)),\n      // create a temporary part even if not in the format\n      part = createDatePart(partType, { start: 0, end: 0, format: '' });\n    }\n\n    // For AM/PM, we need to extract the current AM/PM value from the mask\n    const amPmValue =\n      datePart === DatePart.AmPm\n        ? this._readAmPmFromMask(this._parser.getPartByType(DatePartType.AmPm))\n        : undefined;\n\n    part.spin(delta, {\n      date: newDate,\n      spinLoop: this.spinLoop,\n      amPmValue,\n      originalDate: current,\n    });\n\n    return newDate;\n  }\n\n  //#endregion\n\n  //#region Public API\n\n  /** Increments a date/time portion. */\n  public override stepUp(datePart?: DatePart, delta?: number): void {\n    super.stepUp(datePart, delta);\n  }\n\n  /** Decrements a date/time portion. */\n  public override stepDown(datePart?: DatePart, delta?: number): void {\n    super.stepDown(datePart, delta);\n  }\n\n  /* blazorSuppress */\n  /**\n   * Checks whether the current format includes date parts (day, month, year).\n   * @internal\n   */\n  public override hasDateParts(): boolean {\n    return this._parser.hasDateParts();\n  }\n\n  /* blazorSuppress */\n  /**\n   * Checks whether the current format includes time parts (hours, minutes, seconds).\n   * @internal\n   */\n  public override hasTimeParts(): boolean {\n    return this._parser.hasTimeParts();\n  }\n\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-time-input': IgcDateTimeInputComponent;\n  }\n}\n"]}
+{"version":3,"file":"date-time-input.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport { convertToDate, isValidDate } from '#internals/date/converters.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { formatDisplayDate } from '#internals/i18n/i18n-controller.js';\nimport type { AbstractConstructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { FormValueDateTimeTransformers } from '#internals/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport { styles } from '../input/themes/input.base.css.js';\nimport { styles as shared } from '../input/themes/shared/input.common.css.js';\nimport { all } from '../input/themes/themes.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  createDatePart,\n  DatePart,\n  type DatePartDeltas,\n  DatePartType,\n} from './date-part.js';\nimport { IgcDateTimeInputBaseComponent } from './date-time-input.base.js';\nimport { DateTimeMaskParser } from './datetime-mask-parser.js';\nimport { dateTimeInputValidators } from './validators.js';\n\nexport interface IgcDateTimeInputComponentEventMap {\n  /* alternateName: inputOcurred */\n  igcInput: CustomEvent<string>;\n  igcChange: CustomEvent<Date | null>;\n  // For analyzer meta only:\n  /* skipWCPrefix */\n  focus: FocusEvent;\n  /* skipWCPrefix */\n  blur: FocusEvent;\n}\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/**\n * A date time input is an input field that lets you set and edit the date and time in a chosen input element\n * using customizable display and input formats.\n *\n * @element igc-date-time-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted on blur, when the committed value differs from the one the editor was focused with..\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcDateTimeInputComponent extends EventEmitterMixin<\n  IgcDateTimeInputComponentEventMap,\n  AbstractConstructor<IgcDateTimeInputBaseComponent<Date>>\n>(IgcDateTimeInputBaseComponent) {\n  public static readonly tagName = 'igc-date-time-input';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcDateTimeInputComponent,\n      IgcValidationContainerComponent\n    );\n  }\n\n  //#region Private state and properties\n\n  protected override readonly _themes = addThemingController(this, all);\n  protected override readonly _parser = new DateTimeMaskParser();\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: null,\n    transformers: FormValueDateTimeTransformers,\n  });\n\n  protected override get __validators() {\n    return dateTimeInputValidators;\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the input.\n   *\n   * Only ever holds a committed value. While the user is typing, the intermediate\n   * state lives in the masked text and is committed - together with an `igcChange`\n   * event - when the edit is committed on blur. Use the `igcInput` event to observe\n   * the value as it is being typed.\n   *\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public override set value(value: Date | string | null | undefined) {\n    this._applyValue(convertToDate(value));\n  }\n\n  public override get value(): Date | null {\n    return this._formValue.value;\n  }\n\n  //#endregion\n\n  //#region Navigation\n\n  /**\n   * Calculates the new cursor position when navigating between date parts.\n   * direction = 0: navigate to start of previous part\n   * direction = 1: navigate to start of next part\n   */\n  protected override _calculatePartNavigationPosition(\n    inputValue: string,\n    direction: number\n  ): number {\n    const cursorPos = this._maskSelection.start;\n    const dateParts = this._parser.parts;\n\n    if (direction === 0) {\n      // Navigate backwards: find last literal before cursor\n      const part = dateParts.findLast(\n        (part) => part.type === DatePartType.Literal && part.end < cursorPos\n      );\n      return part?.end ?? 0;\n    }\n\n    // Navigate forwards: find first literal after cursor\n    const part = dateParts.find(\n      (part) => part.type === DatePartType.Literal && part.start > cursorPos\n    );\n    return part?.start ?? inputValue.length;\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  /**\n   * Gets the date part at the current cursor position.\n   * Uses inclusive end to handle cursor at the end of the last part.\n   * Returns undefined if cursor is not within a valid date part.\n   */\n  protected override _getDatePartAtCursor(): DatePart | undefined {\n    return this._parser.getPartForCursor(this._inputSelection.start)?.type as\n      | DatePart\n      | undefined;\n  }\n\n  /**\n   * Gets the default date part to target when the input is not focused.\n   * Prioritizes: Date > Hours > First available part\n   */\n  protected override _getDefaultDatePart(): DatePart | undefined {\n    return (this._parser.getPartByType(DatePartType.Date)?.type ??\n      this._parser.getPartByType(DatePartType.Hours)?.type ??\n      this._parser.getFirstPart()?.type) as DatePart | undefined;\n  }\n\n  protected override _parseMask(strict: boolean): Date | null {\n    if (\n      strict ? !this._isMaskComplete() : this._parser.isBlank(this._maskedValue)\n    ) {\n      return null;\n    }\n\n    const parsed = this._parser.parseDate(this._maskedValue);\n    return isValidDate(parsed) ? parsed : null;\n  }\n\n  protected override _formatValue(value: Date | null): string {\n    return this._parser.formatDate(value);\n  }\n\n  /**\n   * Builds the formatted display value shown when the input is not focused.\n   */\n  protected override _buildDisplayValue(): string {\n    return isValidDate(this.value)\n      ? formatDisplayDate(this.value, this.locale, this.displayFormat)\n      : '';\n  }\n\n  /**\n   * Sets the value to the current date/time.\n   */\n  protected override _setCurrentDateTime(): void {\n    this._setDraftValue(new Date());\n    this._emitInputEvent();\n  }\n\n  /**\n   * Emits an `igcInput` event whose `detail` is the parsed value as an ISO\n   * string (preserving the legacy contract for this component).\n   */\n  protected override _emitInputEvent(): void {\n    this._emitTouchedEvent('igcInput', {\n      detail: this._uncommittedValue?.toISOString(),\n    });\n  }\n\n  /**\n   * Calculates the new date value after spinning a date part.\n   */\n  protected override _calculateSpunValue(\n    datePart: DatePart,\n    delta: number | undefined,\n    isDecrement: boolean\n  ): Date {\n    // Default to 1 if delta is 0 or undefined\n    const effectiveDelta =\n      delta || this._datePartDeltas[datePart as keyof DatePartDeltas] || 1;\n\n    const spinAmount = isDecrement\n      ? -Math.abs(effectiveDelta)\n      : Math.abs(effectiveDelta);\n\n    return this._spinDatePart(datePart, spinAmount);\n  }\n\n  /**\n   * Spins a specific date part by the given delta.\n   */\n  protected _spinDatePart(datePart: DatePart, delta: number): Date {\n    const current = this._uncommittedValue;\n\n    if (!isValidDate(current)) {\n      return new Date();\n    }\n\n    const newDate = new Date(current.getTime());\n    const partType = datePart as unknown as DatePartType;\n\n    // Get the part instance from the parser, or create one for explicit spin operations\n    let part = this._parser.getPartByType(partType);\n    if (!part) {\n      // For explicit spin operations (e.g., stepDown(DatePart.Minutes)),\n      // create a temporary part even if not in the format\n      part = createDatePart(partType, { start: 0, end: 0, format: '' });\n    }\n\n    // For AM/PM, we need to extract the current AM/PM value from the mask\n    const amPmValue =\n      datePart === DatePart.AmPm\n        ? this._readAmPmFromMask(this._parser.getPartByType(DatePartType.AmPm))\n        : undefined;\n\n    part.spin(delta, {\n      date: newDate,\n      spinLoop: this.spinLoop,\n      amPmValue,\n      originalDate: current,\n    });\n\n    return newDate;\n  }\n\n  //#endregion\n\n  //#region Public API\n\n  /** Increments a date/time portion. */\n  public override stepUp(datePart?: DatePart, delta?: number): void {\n    super.stepUp(datePart, delta);\n  }\n\n  /** Decrements a date/time portion. */\n  public override stepDown(datePart?: DatePart, delta?: number): void {\n    super.stepDown(datePart, delta);\n  }\n\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-time-input': IgcDateTimeInputComponent;\n  }\n}\n"]}