igniteui-webcomponents 7.2.3 → 7.3.0-beta.0

package/components/date-time-input/datetime-mask-parser.js

@@ -1,8 +1,7 @@
-import { asNumber, clamp } from '../common/util.js';
+import { asNumber, clamp } from '#internals/utils/math.js';
 import { MaskParser } from '../mask-input/mask-parser.js';
-import { createDatePart, DatePartType } from './date-part.js';
-export { createDatePart, DatePartType as DateParts };
-export const FORMAT_CHAR_TO_DATE_PART = new Map([
+import { createDatePart, DATE_PART_TYPES, DatePartType, TIME_PART_TYPES, } from './date-part.js';
+const FORMAT_CHAR_TO_DATE_PART = new Map([
     ['d', DatePartType.Date],
     ['D', DatePartType.Date],
     ['M', DatePartType.Month],
@@ -16,7 +15,6 @@ export const FORMAT_CHAR_TO_DATE_PART = new Map([
     ['t', DatePartType.AmPm],
     ['T', DatePartType.AmPm],
 ]);
-export const DATE_FORMAT_CHARS = new Set(FORMAT_CHAR_TO_DATE_PART.keys());
 const CENTURY_THRESHOLD = 50;
 const CENTURY_BASE = 2000;
 const DEFAULT_DATE_VALUES = {
@@ -28,76 +26,90 @@ const DEFAULT_DATE_VALUES = {
     seconds: 0,
 };
 export const DEFAULT_DATETIME_FORMAT = 'MM/dd/yyyy';
-export class DateTimeMaskParser extends MaskParser {
-    get dateParts() {
-        return this._dateParts;
+export function toMaskFormat(dateFormat) {
+    let result = '';
+    for (const char of dateFormat) {
+        const type = FORMAT_CHAR_TO_DATE_PART.get(char);
+        result += type ? (type === DatePartType.AmPm ? 'L' : '0') : char;
     }
-    constructor(options) {
-        const format = options?.format || DEFAULT_DATETIME_FORMAT;
-        super(options?.promptCharacter
-            ? { format, promptCharacter: options.promptCharacter }
-            : { format });
+    return result;
+}
+function normalizeYearFormat(builders) {
+    const year = builders.find((part) => part.type === DatePartType.Year);
+    if (year && year.format.length !== 2) {
+        year.end += 4 - year.format.length;
+        year.format = 'yyyy';
+    }
+}
+export class DateFormatMaskParser extends MaskParser {
+    get parts() {
+        this._parts ??= this._buildParts();
+        return this._parts;
+    }
+    _toMaskFormat(format) {
+        return toMaskFormat(format);
+    }
+    _invalidate() {
+        super._invalidate();
+        this._parts = undefined;
+    }
+    getPartForCursor(position) {
+        return this.parts.find((part) => part.type !== DatePartType.Literal &&
+            position >= part.start &&
+            position <= part.end);
+    }
+    getPartByType(type) {
+        return this.parts.find((part) => part.type === type);
+    }
+    getFirstPart() {
+        return this.parts.find((part) => part.type !== DatePartType.Literal);
+    }
+    hasDateParts() {
+        return this.parts.some((part) => DATE_PART_TYPES.has(part.type));
     }
-    set mask(value) {
-        super.mask = value;
-        this._parseDateFormat();
+    hasTimeParts() {
+        return this.parts.some((part) => TIME_PART_TYPES.has(part.type));
     }
-    get mask() {
-        return super.mask;
+}
+export class DateTimeMaskParser extends DateFormatMaskParser {
+    constructor(options) {
+        super({ ...options, format: options?.format || DEFAULT_DATETIME_FORMAT });
     }
-    _parseDateFormat() {
-        const format = this.mask;
+    _buildParts() {
         const builders = [];
-        const chars = Array.from(format);
-        const length = chars.length;
-        let currentBuilder = null;
+        let run = null;
         let position = 0;
-        for (let i = 0; i < length; i++, position++) {
-            const char = chars[i];
-            const partType = FORMAT_CHAR_TO_DATE_PART.get(char);
-            if (partType) {
-                if (currentBuilder?.format.includes(char)) {
-                    currentBuilder.end = position + 1;
-                    currentBuilder.format += char;
-                }
-                else {
-                    if (currentBuilder) {
-                        builders.push(currentBuilder);
-                    }
-                    currentBuilder = {
-                        type: partType,
-                        start: position,
-                        end: position + 1,
-                        format: char,
-                    };
-                }
+        for (const char of this.mask) {
+            const type = FORMAT_CHAR_TO_DATE_PART.get(char);
+            if (run && !(type && run.format.includes(char))) {
+                builders.push(run);
+                run = null;
+            }
+            if (run) {
+                run.end = position + 1;
+                run.format += char;
             }
             else {
-                if (currentBuilder) {
-                    builders.push(currentBuilder);
-                    currentBuilder = null;
-                }
-                builders.push({
-                    type: DatePartType.Literal,
+                const builder = {
+                    type: type ?? DatePartType.Literal,
                     start: position,
                     end: position + 1,
                     format: char,
-                });
+                };
+                if (type) {
+                    run = builder;
+                }
+                else {
+                    builders.push(builder);
+                }
             }
+            position++;
         }
-        if (currentBuilder) {
-            builders.push(currentBuilder);
-        }
-        this._normalizeYearFormatBuilder(builders);
-        this._dateParts = builders.map((b) => createDatePart(b.type, { start: b.start, end: b.end, format: b.format }));
-    }
-    _normalizeYearFormatBuilder(builders) {
-        const yearBuilder = builders.find((b) => b.type === DatePartType.Year);
-        if (yearBuilder && yearBuilder.format.length !== 2) {
-            const expansion = 4 - yearBuilder.format.length;
-            yearBuilder.end += expansion;
-            yearBuilder.format = 'yyyy';
+        if (run) {
+            builders.push(run);
         }
+        normalizeYearFormat(builders);
+        return builders.map(({ type, ...options }) => createDatePart(type, options));
     }
     parseDate(masked) {
         const parts = this._extractDateValues(masked);
@@ -117,7 +129,7 @@ export class DateTimeMaskParser extends MaskParser {
     _extractDateValues(masked) {
         const parts = {};
         const prompt = this.prompt;
-        for (const datePart of this._dateParts) {
+        for (const datePart of this.parts) {
             if (datePart.type === DatePartType.Literal)
                 continue;
             const isMonthOrDate = datePart.type === DatePartType.Date ||
@@ -134,96 +146,33 @@ export class DateTimeMaskParser extends MaskParser {
             year: parts[DatePartType.Year],
             month: parts[DatePartType.Month],
         };
-        for (const datePart of this._dateParts) {
-            if (datePart.type === DatePartType.Literal)
-                continue;
+        return this.parts.every((datePart) => {
             const value = parts[datePart.type];
-            if (value === undefined)
-                continue;
-            if (!datePart.validate(value, context)) {
-                return false;
-            }
-        }
-        if (parts[DatePartType.Date] !== undefined &&
-            parts[DatePartType.Month] !== undefined &&
-            parts[DatePartType.Year] !== undefined) {
-            if (parts[DatePartType.Date] >
-                this._daysInMonth(parts[DatePartType.Year], parts[DatePartType.Month])) {
-                return false;
-            }
-        }
-        return true;
+            return datePart.type === DatePartType.Literal || value === undefined
+                ? true
+                : datePart.validate(value, context);
+        });
     }
     _applyAmPmConversion(parts, masked) {
-        const amPmPart = this._dateParts.find((p) => p.type === DatePartType.AmPm);
-        if (!amPmPart)
+        const amPm = this.getPartByType(DatePartType.AmPm);
+        const hours = parts[DatePartType.Hours];
+        if (!amPm || hours === undefined) {
             return;
-        parts[DatePartType.Hours] %= 12;
-        const amPmValue = masked
-            .substring(amPmPart.start, amPmPart.end)
-            .replaceAll(this.prompt, '');
-        if (amPmValue.toLowerCase() === 'pm') {
-            parts[DatePartType.Hours] += 12;
         }
+        const marker = masked
+            .substring(amPm.start, amPm.end)
+            .replaceAll(this.prompt, '');
+        parts[DatePartType.Hours] =
+            (hours % 12) + (marker.toLowerCase() === 'pm' ? 12 : 0);
     }
     _createDateFromParts(parts) {
         const d = DEFAULT_DATE_VALUES;
         return new Date(parts[DatePartType.Year] ?? d.year, parts[DatePartType.Month] ?? d.month, parts[DatePartType.Date] ?? d.date, parts[DatePartType.Hours] ?? d.hours, parts[DatePartType.Minutes] ?? d.minutes, parts[DatePartType.Seconds] ?? d.seconds);
     }
-    _daysInMonth(year, month) {
-        return new Date(year, month + 1, 0).getDate();
-    }
     formatDate(date) {
         return date
-            ? this._dateParts.map((part) => part.getValue(date)).join('')
+            ? this.parts.map((part) => part.getValue(date)).join('')
             : this.emptyMask;
     }
-    getDatePartAtPosition(position) {
-        return this._dateParts.find((p) => p.type !== DatePartType.Literal &&
-            position >= p.start &&
-            position < p.end);
-    }
-    getDatePartForCursor(position) {
-        return this._dateParts.find((p) => p.type !== DatePartType.Literal &&
-            position >= p.start &&
-            position <= p.end);
-    }
-    hasDateParts() {
-        return this._dateParts.some((p) => p.type === DatePartType.Date ||
-            p.type === DatePartType.Month ||
-            p.type === DatePartType.Year);
-    }
-    hasTimeParts() {
-        return this._dateParts.some((p) => p.type === DatePartType.Hours ||
-            p.type === DatePartType.Minutes ||
-            p.type === DatePartType.Seconds);
-    }
-    getFirstDatePart() {
-        return this._dateParts.find((p) => p.type !== DatePartType.Literal);
-    }
-    getPartByType(type) {
-        return this._dateParts.find((p) => p.type === type);
-    }
-    _parseMaskLiterals() {
-        const dateFormat = this._options.format;
-        const maskFormat = DateTimeMaskParser.convertDateFormatToMaskFormat(dateFormat);
-        const originalFormat = this._options.format;
-        this._options.format = maskFormat;
-        super._parseMaskLiterals();
-        this._options.format = originalFormat;
-        this._parseDateFormat();
-    }
-    static convertDateFormatToMaskFormat(dateFormat) {
-        let result = '';
-        for (const char of dateFormat) {
-            if (DATE_FORMAT_CHARS.has(char)) {
-                result += char === 't' || char === 'T' ? 'L' : '0';
-            }
-            else {
-                result += char;
-            }
-        }
-        return result;
-    }
 }
 //# sourceMappingURL=datetime-mask-parser.js.map

package/components/date-time-input/datetime-mask-parser.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime-mask-parser.js","sourceRoot":"","sources":["../../../src/components/date-time-input/datetime-mask-parser.ts"],"names":[],"mappings":"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","sourcesContent":["import { asNumber, clamp } from '../common/util.js';\nimport { MaskParser } from '../mask-input/mask-parser.js';\nimport { createDatePart, DatePartType, type IDatePart } from './date-part.js';\n\n//#region Types and Enums\n\n/**\n * Types of date/time parts that can appear in a format string.\n * Re-exported from date-part.ts for backward compatibility.\n */\n/**\n * Re-export createDatePart factory for creating standalone parts.\n */\nexport { createDatePart, DatePartType as DateParts };\n\n/**\n * Information about a parsed date part within a format string.\n * This is a type alias for IDatePart for backward compatibility.\n */\nexport type DatePartInfo = IDatePart;\n\n/** Options for the DateTimeMaskParser */\nexport interface DateTimeMaskOptions {\n  /** The date/time format string (e.g., 'MM/dd/yyyy', 'HH:mm:ss') */\n  format?: string;\n  /** The prompt character for unfilled positions */\n  promptCharacter?: string;\n}\n\n//#endregion\n\n//#region Constants\n\n/** Maps format characters to their corresponding DatePartType */\nexport const FORMAT_CHAR_TO_DATE_PART = new Map<string, DatePartType>([\n  ['d', DatePartType.Date],\n  ['D', DatePartType.Date],\n  ['M', DatePartType.Month],\n  ['y', DatePartType.Year],\n  ['Y', DatePartType.Year],\n  ['h', DatePartType.Hours],\n  ['H', DatePartType.Hours],\n  ['m', DatePartType.Minutes],\n  ['s', DatePartType.Seconds],\n  ['S', DatePartType.Seconds],\n  ['t', DatePartType.AmPm],\n  ['T', DatePartType.AmPm],\n]);\n\n/** Set of valid date/time format characters */\nexport const DATE_FORMAT_CHARS = new Set(FORMAT_CHAR_TO_DATE_PART.keys());\n\n/** Century threshold for two-digit year interpretation */\nconst CENTURY_THRESHOLD = 50;\nconst CENTURY_BASE = 2000;\n\n/** Default values for missing date parts */\nconst DEFAULT_DATE_VALUES = {\n  year: 2000,\n  month: 0,\n  date: 1,\n  hours: 0,\n  minutes: 0,\n  seconds: 0,\n} as const;\n\n/** Default date/time format */\nexport const DEFAULT_DATETIME_FORMAT = 'MM/dd/yyyy';\n\n//#endregion\n\n/**\n * A specialized mask parser for date/time input fields.\n * Extends MaskParser to handle date-specific format patterns and validation.\n *\n * @example\n * ```ts\n * const parser = new DateTimeMaskParser({ format: 'MM/dd/yyyy' });\n * parser.apply('12252023'); // Returns '12/25/2023'\n * parser.parseDate('12/25/2023'); // Returns Date object\n * ```\n */\nexport class DateTimeMaskParser extends MaskParser {\n  /** Parsed date parts from the format string */\n  private _dateParts!: IDatePart[];\n\n  /**\n   * Gets the parsed date parts from the format string.\n   * Each part contains type, position, and format information.\n   */\n  public get dateParts(): ReadonlyArray<IDatePart> {\n    return this._dateParts;\n  }\n\n  constructor(options?: DateTimeMaskOptions) {\n    const format = options?.format || DEFAULT_DATETIME_FORMAT;\n\n    super(\n      options?.promptCharacter\n        ? { format, promptCharacter: options.promptCharacter }\n        : { format }\n    );\n  }\n\n  /**\n   * Sets a new date/time format and re-parses the date parts.\n   */\n  public override set mask(value: string) {\n    super.mask = value;\n    this._parseDateFormat();\n  }\n\n  public override get mask(): string {\n    return super.mask;\n  }\n\n  //#region Date Format Parsing\n\n  /**\n   * Parses the format string into IDatePart objects.\n   * This identifies each date/time component and its position.\n   */\n  private _parseDateFormat(): void {\n    const format = this.mask;\n    const builders: Array<{\n      type: DatePartType;\n      start: number;\n      end: number;\n      format: string;\n    }> = [];\n    const chars = Array.from(format);\n    const length = chars.length;\n\n    let currentBuilder: (typeof builders)[0] | null = null;\n    let position = 0;\n\n    for (let i = 0; i < length; i++, position++) {\n      const char = chars[i];\n      const partType = FORMAT_CHAR_TO_DATE_PART.get(char);\n\n      if (partType) {\n        // Date/time format character\n        if (currentBuilder?.format.includes(char)) {\n          // Continue building the same part\n          currentBuilder.end = position + 1;\n          currentBuilder.format += char;\n        } else {\n          // Start a new part\n          if (currentBuilder) {\n            builders.push(currentBuilder);\n          }\n          currentBuilder = {\n            type: partType,\n            start: position,\n            end: position + 1,\n            format: char,\n          };\n        }\n      } else {\n        // Literal character\n        if (currentBuilder) {\n          builders.push(currentBuilder);\n          currentBuilder = null;\n        }\n        builders.push({\n          type: DatePartType.Literal,\n          start: position,\n          end: position + 1,\n          format: char,\n        });\n      }\n    }\n\n    // Don't forget the last part\n    if (currentBuilder) {\n      builders.push(currentBuilder);\n    }\n\n    // Normalize year format for editing (except 'yy')\n    this._normalizeYearFormatBuilder(builders);\n\n    // Create immutable date parts from builders using factory\n    this._dateParts = builders.map((b) =>\n      createDatePart(b.type, { start: b.start, end: b.end, format: b.format })\n    );\n  }\n\n  /**\n   * Normalizes year format to 'yyyy' for editing (except for 'yy').\n   * Also updates the end position to account for the expanded format.\n   */\n  private _normalizeYearFormatBuilder(\n    builders: Array<{ type: DatePartType; end: number; format: string }>\n  ): void {\n    const yearBuilder = builders.find((b) => b.type === DatePartType.Year);\n    if (yearBuilder && yearBuilder.format.length !== 2) {\n      const expansion = 4 - yearBuilder.format.length;\n      yearBuilder.end += expansion;\n      yearBuilder.format = 'yyyy';\n    }\n  }\n\n  //#endregion\n\n  //#region Date Parsing\n\n  /**\n   * Parses a masked string into a Date object.\n   * Returns null if the string cannot be parsed into a valid date.\n   *\n   * @param masked - The masked input string to parse\n   * @returns A Date object or null if parsing fails\n   */\n  public parseDate(masked: string): Date | null {\n    const parts = this._extractDateValues(masked);\n\n    // Convert to zero-based month (only if month is in format)\n    if (parts[DatePartType.Month] !== undefined) {\n      parts[DatePartType.Month]! -= 1;\n    }\n\n    // Apply century threshold for two-digit years (only if year is in format)\n    if (\n      parts[DatePartType.Year] !== undefined &&\n      parts[DatePartType.Year]! < CENTURY_THRESHOLD\n    ) {\n      parts[DatePartType.Year]! += CENTURY_BASE;\n    }\n\n    if (!this._validateDateParts(parts)) {\n      return null;\n    }\n\n    // Handle AM/PM conversion\n    this._applyAmPmConversion(parts, masked);\n\n    return this._createDateFromParts(parts);\n  }\n\n  /**\n   * Extracts numeric values from the masked string for each date part.\n   */\n  private _extractDateValues(\n    masked: string\n  ): Partial<Record<DatePartType, number>> {\n    const parts: Partial<Record<DatePartType, number>> = {};\n    const prompt = this.prompt;\n\n    for (const datePart of this._dateParts) {\n      if (datePart.type === DatePartType.Literal) continue;\n\n      const isMonthOrDate =\n        datePart.type === DatePartType.Date ||\n        datePart.type === DatePartType.Month;\n\n      const raw = masked.substring(datePart.start, datePart.end);\n      const cleaned = raw.replaceAll(prompt, '');\n      const value = asNumber(cleaned);\n\n      parts[datePart.type] = clamp(\n        value,\n        isMonthOrDate ? 1 : 0,\n        Number.MAX_SAFE_INTEGER\n      );\n    }\n\n    return parts;\n  }\n\n  /**\n   * Validates that parsed date parts are within valid ranges.\n   * Only validates parts that are present in the format.\n   * Uses the validate() method on each date part instance.\n   */\n  private _validateDateParts(\n    parts: Partial<Record<DatePartType, number>>\n  ): boolean {\n    // Build validation context for date-dependent validation\n    const context = {\n      year: parts[DatePartType.Year],\n      month: parts[DatePartType.Month],\n    };\n\n    // Validate each parsed value using its corresponding part instance\n    for (const datePart of this._dateParts) {\n      if (datePart.type === DatePartType.Literal) continue;\n\n      const value = parts[datePart.type];\n      if (value === undefined) continue;\n\n      if (!datePart.validate(value, context)) {\n        return false;\n      }\n    }\n\n    // Additional check: validate date against month/year context\n    // (the part's validate method needs both year and month for proper validation)\n    if (\n      parts[DatePartType.Date] !== undefined &&\n      parts[DatePartType.Month] !== undefined &&\n      parts[DatePartType.Year] !== undefined\n    ) {\n      if (\n        parts[DatePartType.Date]! >\n        this._daysInMonth(parts[DatePartType.Year]!, parts[DatePartType.Month]!)\n      ) {\n        return false;\n      }\n    }\n\n    return true;\n  }\n\n  /**\n   * Applies AM/PM conversion to hours if format includes AM/PM.\n   */\n  private _applyAmPmConversion(\n    parts: Partial<Record<DatePartType, number>>,\n    masked: string\n  ): void {\n    const amPmPart = this._dateParts.find((p) => p.type === DatePartType.AmPm);\n    if (!amPmPart) return;\n\n    parts[DatePartType.Hours]! %= 12;\n\n    const amPmValue = masked\n      .substring(amPmPart.start, amPmPart.end)\n      .replaceAll(this.prompt, '');\n\n    if (amPmValue.toLowerCase() === 'pm') {\n      parts[DatePartType.Hours]! += 12;\n    }\n  }\n\n  /**\n   * Creates a Date object from parsed parts with defaults for missing values.\n   */\n  private _createDateFromParts(\n    parts: Partial<Record<DatePartType, number>>\n  ): Date {\n    const d = DEFAULT_DATE_VALUES;\n    return new Date(\n      parts[DatePartType.Year] ?? d.year,\n      parts[DatePartType.Month] ?? d.month,\n      parts[DatePartType.Date] ?? d.date,\n      parts[DatePartType.Hours] ?? d.hours,\n      parts[DatePartType.Minutes] ?? d.minutes,\n      parts[DatePartType.Seconds] ?? d.seconds\n    );\n  }\n\n  /**\n   * Gets the number of days in a specific month/year.\n   */\n  private _daysInMonth(year: number, month: number): number {\n    return new Date(year, month + 1, 0).getDate();\n  }\n\n  //#endregion\n\n  //#region Date Formatting\n\n  /**\n   * Formats a Date object into a masked string according to the current format.\n   *\n   * @param date - The date to format\n   * @returns The formatted masked string\n   */\n  public formatDate(date: Date | null): string {\n    return date\n      ? this._dateParts.map((part) => part.getValue(date)).join('')\n      : this.emptyMask;\n  }\n\n  //#endregion\n\n  //#region Part Queries\n\n  /**\n   * Finds the date part at a given cursor position.\n   * Uses exclusive end (position < end) for precise character targeting.\n   *\n   * @param position - The cursor position to check\n   * @returns The DatePartInfo at that position, or undefined if not found\n   */\n  public getDatePartAtPosition(position: number): DatePartInfo | undefined {\n    return this._dateParts.find(\n      (p) =>\n        p.type !== DatePartType.Literal &&\n        position >= p.start &&\n        position < p.end\n    );\n  }\n\n  /**\n   * Finds the date part for a cursor position, using inclusive end.\n   * This handles the edge case where cursor is at the end of the mask\n   * (position equals the end of the last part).\n   *\n   * @param position - The cursor position to check\n   * @returns The DatePartInfo at that position, or undefined if not found\n   */\n  public getDatePartForCursor(position: number): DatePartInfo | undefined {\n    return this._dateParts.find(\n      (p) =>\n        p.type !== DatePartType.Literal &&\n        position >= p.start &&\n        position <= p.end\n    );\n  }\n\n  /**\n   * Checks if the format includes any date parts (day, month, year).\n   */\n  public hasDateParts(): boolean {\n    return this._dateParts.some(\n      (p) =>\n        p.type === DatePartType.Date ||\n        p.type === DatePartType.Month ||\n        p.type === DatePartType.Year\n    );\n  }\n\n  /**\n   * Checks if the format includes any time parts (hours, minutes, seconds).\n   */\n  public hasTimeParts(): boolean {\n    return this._dateParts.some(\n      (p) =>\n        p.type === DatePartType.Hours ||\n        p.type === DatePartType.Minutes ||\n        p.type === DatePartType.Seconds\n    );\n  }\n\n  /**\n   * Gets the first non-literal date part (useful for default selection).\n   */\n  public getFirstDatePart(): DatePartInfo | undefined {\n    return this._dateParts.find((p) => p.type !== DatePartType.Literal);\n  }\n\n  /**\n   * Gets a specific type of date part.\n   */\n  public getPartByType(type: DatePartType): DatePartInfo | undefined {\n    return this._dateParts.find((p) => p.type === type);\n  }\n\n  //#endregion\n\n  //#region Override for Date-Specific Mask\n\n  /**\n   * Builds the internal mask pattern from the date format.\n   * Converts date format characters to mask pattern characters.\n   */\n  protected override _parseMaskLiterals(): void {\n    // First, convert date format to mask format\n    const dateFormat = this._options.format;\n    const maskFormat =\n      DateTimeMaskParser.convertDateFormatToMaskFormat(dateFormat);\n\n    // Temporarily set the converted format for the base class parsing\n    const originalFormat = this._options.format;\n    this._options.format = maskFormat;\n\n    super._parseMaskLiterals();\n\n    // Restore the original date format\n    this._options.format = originalFormat;\n\n    // Parse date-specific format structure\n    this._parseDateFormat();\n  }\n  //#endregion\n\n  //#region Static Utilities\n\n  /**\n   * Converts a date format string to a mask format string.\n   * Date format chars become '0' (numeric) or 'L' (alpha for AM/PM).\n   * This is a static utility that can be reused by other parsers.\n   *\n   * @param dateFormat - The date format string to convert (e.g., 'MM/dd/yyyy')\n   * @returns The mask format string (e.g., '00/00/0000')\n   */\n  public static convertDateFormatToMaskFormat(dateFormat: string): string {\n    let result = '';\n\n    for (const char of dateFormat) {\n      if (DATE_FORMAT_CHARS.has(char)) {\n        // AM/PM markers are alphabetic, others are numeric\n        result += char === 't' || char === 'T' ? 'L' : '0';\n      } else {\n        result += char;\n      }\n    }\n\n    return result;\n  }\n\n  //#endregion\n}\n"]}
+{"version":3,"file":"datetime-mask-parser.js","sourceRoot":"","sources":["../../../src/components/date-time-input/datetime-mask-parser.ts"],"names":[],"mappings":"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","sourcesContent":["import { asNumber, clamp } from '#internals/utils/math.js';\nimport { type MaskOptions, MaskParser } from '../mask-input/mask-parser.js';\nimport {\n  createDatePart,\n  DATE_PART_TYPES,\n  type DatePartOptions,\n  DatePartType,\n  type IDatePart,\n  TIME_PART_TYPES,\n} from './date-part.js';\n\n//#region Constants\n\n/** Maps format characters to their corresponding DatePartType */\nconst FORMAT_CHAR_TO_DATE_PART = new Map<string, DatePartType>([\n  ['d', DatePartType.Date],\n  ['D', DatePartType.Date],\n  ['M', DatePartType.Month],\n  ['y', DatePartType.Year],\n  ['Y', DatePartType.Year],\n  ['h', DatePartType.Hours],\n  ['H', DatePartType.Hours],\n  ['m', DatePartType.Minutes],\n  ['s', DatePartType.Seconds],\n  ['S', DatePartType.Seconds],\n  ['t', DatePartType.AmPm],\n  ['T', DatePartType.AmPm],\n]);\n\n/** Century threshold for two-digit year interpretation */\nconst CENTURY_THRESHOLD = 50;\nconst CENTURY_BASE = 2000;\n\n/** Default values for missing date parts */\nconst DEFAULT_DATE_VALUES = {\n  year: 2000,\n  month: 0,\n  date: 1,\n  hours: 0,\n  minutes: 0,\n  seconds: 0,\n} as const;\n\n/** Default date/time format */\nexport const DEFAULT_DATETIME_FORMAT = 'MM/dd/yyyy';\n\n//#endregion\n\n//#region Format conversion\n\n/** A mutable date part under construction, before it is handed to `createDatePart`. */\ntype PartBuilder = DatePartOptions & { type: DatePartType };\n\n/**\n * Converts a date format string into a mask pattern. Date characters become `0`, or `L`\n * for the alphabetic AM/PM marker; everything else is carried over as a literal.\n *\n * @example\n * ```ts\n * toMaskFormat('MM/dd/yyyy'); // '00/00/0000'\n * ```\n */\nexport function toMaskFormat(dateFormat: string): string {\n  let result = '';\n\n  for (const char of dateFormat) {\n    const type = FORMAT_CHAR_TO_DATE_PART.get(char);\n    result += type ? (type === DatePartType.AmPm ? 'L' : '0') : char;\n  }\n\n  return result;\n}\n\n/**\n * Widens a short year format to `yyyy` for editing purposes, `yy` excluded - a two digit\n * year is edited as two digits.\n */\nfunction normalizeYearFormat(builders: PartBuilder[]): void {\n  const year = builders.find((part) => part.type === DatePartType.Year);\n\n  if (year && year.format.length !== 2) {\n    year.end += 4 - year.format.length;\n    year.format = 'yyyy';\n  }\n}\n\n//#endregion\n\n/**\n * Base for parsers whose public format is a date/time format string rather than a mask\n * pattern. Owns the translation between the two and the list of positioned parts.\n */\nexport abstract class DateFormatMaskParser<\n  T extends IDatePart = IDatePart,\n> extends MaskParser {\n  /**\n   * Built on first read, because {@link MaskParser} parses the mask from its constructor -\n   * before any subclass field exists. Declared without an initializer so that it survives\n   * the `_invalidate` call made from there.\n   */\n  private _parts?: T[];\n\n  /** The positioned parts of the current format, literals included. */\n  public get parts(): ReadonlyArray<T> {\n    this._parts ??= this._buildParts();\n    return this._parts;\n  }\n\n  protected abstract _buildParts(): T[];\n\n  protected override _toMaskFormat(format: string): string {\n    return toMaskFormat(format);\n  }\n\n  protected override _invalidate(): void {\n    super._invalidate();\n    this._parts = undefined;\n  }\n\n  /**\n   * The part at a cursor position. The end is inclusive, so a caret resting at the end of\n   * a part still resolves to it.\n   */\n  public getPartForCursor(position: number): T | undefined {\n    return this.parts.find(\n      (part) =>\n        part.type !== DatePartType.Literal &&\n        position >= part.start &&\n        position <= part.end\n    );\n  }\n\n  /** The first part of the given type, if the format contains one. */\n  public getPartByType(type: DatePartType): T | undefined {\n    return this.parts.find((part) => part.type === type);\n  }\n\n  /** The first non-literal part - the default target when nothing is focused. */\n  public getFirstPart(): T | undefined {\n    return this.parts.find((part) => part.type !== DatePartType.Literal);\n  }\n\n  /** Whether the format contains a day, month or year part. */\n  public hasDateParts(): boolean {\n    return this.parts.some((part) => DATE_PART_TYPES.has(part.type));\n  }\n\n  /** Whether the format contains an hours, minutes or seconds part. */\n  public hasTimeParts(): boolean {\n    return this.parts.some((part) => TIME_PART_TYPES.has(part.type));\n  }\n}\n\n/**\n * A mask parser for date/time input fields.\n *\n * @example\n * ```ts\n * const parser = new DateTimeMaskParser({ format: 'MM/dd/yyyy' });\n * parser.apply('12252023');       // '12/25/2023'\n * parser.parseDate('12/25/2023'); // Date\n * ```\n */\nexport class DateTimeMaskParser extends DateFormatMaskParser {\n  constructor(options?: MaskOptions) {\n    super({ ...options, format: options?.format || DEFAULT_DATETIME_FORMAT });\n  }\n\n  //#region Date Format Parsing\n\n  protected override _buildParts(): IDatePart[] {\n    const builders: PartBuilder[] = [];\n\n    let run: PartBuilder | null = null;\n    let position = 0;\n\n    for (const char of this.mask) {\n      const type = FORMAT_CHAR_TO_DATE_PART.get(char);\n\n      // A part runs only while the same format character repeats - 'MM' is one part,\n      // 'Mm' is two - and any literal closes it.\n      if (run && !(type && run.format.includes(char))) {\n        builders.push(run);\n        run = null;\n      }\n\n      if (run) {\n        run.end = position + 1;\n        run.format += char;\n      } else {\n        const builder: PartBuilder = {\n          type: type ?? DatePartType.Literal,\n          start: position,\n          end: position + 1,\n          format: char,\n        };\n\n        if (type) {\n          run = builder;\n        } else {\n          builders.push(builder);\n        }\n      }\n\n      position++;\n    }\n\n    if (run) {\n      builders.push(run);\n    }\n\n    normalizeYearFormat(builders);\n\n    return builders.map(({ type, ...options }) =>\n      createDatePart(type, options)\n    );\n  }\n\n  //#endregion\n\n  //#region Date Parsing\n\n  /**\n   * Parses a masked string into a Date object.\n   * Returns null if the string cannot be parsed into a valid date.\n   */\n  public parseDate(masked: string): Date | null {\n    const parts = this._extractDateValues(masked);\n\n    // Convert to zero-based month (only if month is in format)\n    if (parts[DatePartType.Month] !== undefined) {\n      parts[DatePartType.Month]! -= 1;\n    }\n\n    // Apply century threshold for two-digit years (only if year is in format)\n    if (\n      parts[DatePartType.Year] !== undefined &&\n      parts[DatePartType.Year]! < CENTURY_THRESHOLD\n    ) {\n      parts[DatePartType.Year]! += CENTURY_BASE;\n    }\n\n    if (!this._validateDateParts(parts)) {\n      return null;\n    }\n\n    this._applyAmPmConversion(parts, masked);\n\n    return this._createDateFromParts(parts);\n  }\n\n  /**\n   * Extracts numeric values from the masked string for each date part.\n   */\n  private _extractDateValues(\n    masked: string\n  ): Partial<Record<DatePartType, number>> {\n    const parts: Partial<Record<DatePartType, number>> = {};\n    const prompt = this.prompt;\n\n    for (const datePart of this.parts) {\n      if (datePart.type === DatePartType.Literal) continue;\n\n      const isMonthOrDate =\n        datePart.type === DatePartType.Date ||\n        datePart.type === DatePartType.Month;\n\n      const raw = masked.substring(datePart.start, datePart.end);\n      const cleaned = raw.replaceAll(prompt, '');\n      const value = asNumber(cleaned);\n\n      parts[datePart.type] = clamp(\n        value,\n        isMonthOrDate ? 1 : 0,\n        Number.MAX_SAFE_INTEGER\n      );\n    }\n\n    return parts;\n  }\n\n  /**\n   * Validates that parsed date parts are within valid ranges.\n   * Only validates parts that are present in the format.\n   */\n  private _validateDateParts(\n    parts: Partial<Record<DatePartType, number>>\n  ): boolean {\n    // Day-of-month validation needs both, so the context is built up front.\n    const context = {\n      year: parts[DatePartType.Year],\n      month: parts[DatePartType.Month],\n    };\n\n    return this.parts.every((datePart) => {\n      const value = parts[datePart.type];\n\n      return datePart.type === DatePartType.Literal || value === undefined\n        ? true\n        : datePart.validate(value, context);\n    });\n  }\n\n  /**\n   * Applies AM/PM conversion to hours if format includes AM/PM.\n   */\n  private _applyAmPmConversion(\n    parts: Partial<Record<DatePartType, number>>,\n    masked: string\n  ): void {\n    const amPm = this.getPartByType(DatePartType.AmPm);\n    const hours = parts[DatePartType.Hours];\n\n    // A format can carry an AM/PM marker without an hours part; there is nothing to shift.\n    if (!amPm || hours === undefined) {\n      return;\n    }\n\n    const marker = masked\n      .substring(amPm.start, amPm.end)\n      .replaceAll(this.prompt, '');\n\n    parts[DatePartType.Hours] =\n      (hours % 12) + (marker.toLowerCase() === 'pm' ? 12 : 0);\n  }\n\n  /**\n   * Creates a Date object from parsed parts with defaults for missing values.\n   */\n  private _createDateFromParts(\n    parts: Partial<Record<DatePartType, number>>\n  ): Date {\n    const d = DEFAULT_DATE_VALUES;\n    return new Date(\n      parts[DatePartType.Year] ?? d.year,\n      parts[DatePartType.Month] ?? d.month,\n      parts[DatePartType.Date] ?? d.date,\n      parts[DatePartType.Hours] ?? d.hours,\n      parts[DatePartType.Minutes] ?? d.minutes,\n      parts[DatePartType.Seconds] ?? d.seconds\n    );\n  }\n\n  //#endregion\n\n  //#region Date Formatting\n\n  /**\n   * Formats a Date object into a masked string according to the current format.\n   */\n  public formatDate(date: Date | null): string {\n    return date\n      ? this.parts.map((part) => part.getValue(date)).join('')\n      : this.emptyMask;\n  }\n\n  //#endregion\n}\n"]}

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

@@ -1,3 +1,3 @@
-import { type Validator } from '../common/validators.js';
+import { type Validator } from '#internals/validators.js';
 import type IgcDateTimeInputComponent from './date-time-input.js';
 export declare const dateTimeInputValidators: Validator<IgcDateTimeInputComponent>[];

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

@@ -1,5 +1,5 @@
-import { isDateExceedingMax, isDateLessThanMin } from '../calendar/helpers.js';
-import { maxDateValidator, minDateValidator, requiredValidator, } from '../common/validators.js';
+import { isDateExceedingMax, isDateLessThanMin, } from '#internals/date/compare.js';
+import { maxDateValidator, minDateValidator, requiredValidator, } from '#internals/validators.js';
 export const dateTimeInputValidators = [
     requiredValidator,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-time-input/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAElB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,CAAC,MAAM,uBAAuB,GAA2C;IAC7E,iBAAiB;IACjB;QACE,GAAG,gBAAgB;QACnB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAChB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG;YACpB,CAAC,CAAC,CAAC,iBAAiB,CAChB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,GAAG,EACR,IAAI,CAAC,YAAY,EAAE,EACnB,IAAI,CAAC,YAAY,EAAE,CACpB;YACH,CAAC,CAAC,IAAI;KACX;IACD;QACE,GAAG,gBAAgB;QACnB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAChB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG;YACpB,CAAC,CAAC,CAAC,kBAAkB,CACjB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,GAAG,EACR,IAAI,CAAC,YAAY,EAAE,EACnB,IAAI,CAAC,YAAY,EAAE,CACpB;YACH,CAAC,CAAC,IAAI;KACX;CACF,CAAC","sourcesContent":["import { isDateExceedingMax, isDateLessThanMin } from '../calendar/helpers.js';\nimport {\n  maxDateValidator,\n  minDateValidator,\n  requiredValidator,\n  type Validator,\n} from '../common/validators.js';\nimport type IgcDateTimeInputComponent from './date-time-input.js';\n\nexport const dateTimeInputValidators: Validator<IgcDateTimeInputComponent>[] = [\n  requiredValidator,\n  {\n    ...minDateValidator,\n    isValid: (host) =>\n      host.value && host.min\n        ? !isDateLessThanMin(\n            host.value,\n            host.min,\n            host.hasTimeParts(),\n            host.hasDateParts()\n          )\n        : true,\n  },\n  {\n    ...maxDateValidator,\n    isValid: (host) =>\n      host.value && host.max\n        ? !isDateExceedingMax(\n            host.value,\n            host.max,\n            host.hasTimeParts(),\n            host.hasDateParts()\n          )\n        : true,\n  },\n];\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-time-input/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAElB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,CAAC,MAAM,uBAAuB,GAA2C;IAC7E,iBAAiB;IACjB;QACE,GAAG,gBAAgB;QACnB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAChB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG;YACpB,CAAC,CAAC,CAAC,iBAAiB,CAChB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,GAAG,EACR,IAAI,CAAC,YAAY,EAAE,EACnB,IAAI,CAAC,YAAY,EAAE,CACpB;YACH,CAAC,CAAC,IAAI;KACX;IACD;QACE,GAAG,gBAAgB;QACnB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAChB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG;YACpB,CAAC,CAAC,CAAC,kBAAkB,CACjB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,GAAG,EACR,IAAI,CAAC,YAAY,EAAE,EACnB,IAAI,CAAC,YAAY,EAAE,CACpB;YACH,CAAC,CAAC,IAAI;KACX;CACF,CAAC","sourcesContent":["import {\n  isDateExceedingMax,\n  isDateLessThanMin,\n} from '#internals/date/compare.js';\nimport {\n  maxDateValidator,\n  minDateValidator,\n  requiredValidator,\n  type Validator,\n} from '#internals/validators.js';\nimport type IgcDateTimeInputComponent from './date-time-input.js';\n\nexport const dateTimeInputValidators: Validator<IgcDateTimeInputComponent>[] = [\n  requiredValidator,\n  {\n    ...minDateValidator,\n    isValid: (host) =>\n      host.value && host.min\n        ? !isDateLessThanMin(\n            host.value,\n            host.min,\n            host.hasTimeParts(),\n            host.hasDateParts()\n          )\n        : true,\n  },\n  {\n    ...maxDateValidator,\n    isValid: (host) =>\n      host.value && host.max\n        ? !isDateExceedingMax(\n            host.value,\n            host.max,\n            host.hasTimeParts(),\n            host.hasDateParts()\n          )\n        : true,\n  },\n];\n"]}

package/components/dialog/dialog.d.ts

@@ -1,10 +1,10 @@
 import { LitElement, type PropertyValues } from 'lit';
-import type { Constructor } from '../common/mixins/constructor.js';
+import type { Constructor } from '#internals/mixins/constructor.js';
 export interface IgcDialogComponentEventMap {
     igcClosing: CustomEvent<void>;
     igcClosed: CustomEvent<void>;
 }
-declare const IgcDialogComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDialogComponentEventMap>> & Constructor<LitElement>;
+declare const IgcDialogComponent_base: Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcDialogComponentEventMap>> & Constructor<LitElement>;
 /**
  * A modal dialog component built on the native `<dialog>` element.
  *

package/components/dialog/dialog.js

@@ -7,20 +7,22 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, LitElement, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { addAnimationController } from '../../animations/player.js';
-import { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';
-import { addThemingController } from '../../theming/theming-controller.js';
+import { addAnimationController } from '#animations/player.js';
+import { fadeIn, fadeOut } from '#animations/presets/fade/index.js';
+import { addCommandController } from '#internals/controllers/command.js';
+import { addSlotController, setSlots } from '#internals/controllers/slot.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
+import { partMap } from '#internals/part-map.js';
+import { isPointInsideElement } from '#internals/utils/dom.js';
+import { bindIf } from '#internals/utils/lit.js';
+import { createIdGenerator } from '#internals/utils/strings.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import IgcButtonComponent from '../button/button.js';
-import { addCommandController } from '../common/controllers/command.js';
-import { addSlotController, setSlots } from '../common/controllers/slot.js';
-import { registerComponent } from '../common/definitions/register.js';
-import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-import { partMap } from '../common/part-map.js';
-import { bindIf, numberInRangeInclusive } from '../common/util.js';
 import { styles } from './themes/dialog.base.css.js';
 import { styles as shared } from './themes/shared/dialog.common.css.js';
 import { all } from './themes/themes.js';
-let nextId = 1;
+const nextId = createIdGenerator('title');
 export default class IgcDialogComponent extends EventEmitterMixin(LitElement) {
     static { this.tagName = 'igc-dialog'; }
     static { this.styles = [styles, shared]; }
@@ -32,7 +34,7 @@ export default class IgcDialogComponent extends EventEmitterMixin(LitElement) {
     }
     constructor() {
         super();
-        this._titleId = `title-${nextId++}`;
+        this._titleId = nextId();
         this._slots = addSlotController(this, {
             slots: setSlots('title', 'message', 'footer'),
         });
@@ -77,13 +79,10 @@ export default class IgcDialogComponent extends EventEmitterMixin(LitElement) {
         }
     }
     _handleClick({ clientX, clientY, target }) {
-        if (this.closeOnOutsideClick && this._dialog === target) {
-            const rect = this._dialog.getBoundingClientRect();
-            const inX = numberInRangeInclusive(clientX, rect.left, rect.right);
-            const inY = numberInRangeInclusive(clientY, rect.top, rect.bottom);
-            if (!(inX && inY)) {
-                this._closeWithEvent();
-            }
+        if (this.closeOnOutsideClick &&
+            this._dialog === target &&
+            !isPointInsideElement(this._dialog, clientX, clientY)) {
+            this._closeWithEvent();
         }
     }
     async _hide(emitEvent = false) {
@@ -153,10 +152,10 @@ export default class IgcDialogComponent extends EventEmitterMixin(LitElement) {
           ${this.hideDefaultAction
             ? nothing
             : html `
-                <igc-button variant="flat" @click=${this._closeWithEvent}>
-                  OK
-                </igc-button>
-              `}
+                  <igc-button variant="flat" @click=${this._closeWithEvent}>
+                    OK
+                  </igc-button>
+                `}
         </slot>
       </footer>
     `;

package/components/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { addCommandController } from '../common/controllers/command.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf, numberInRangeInclusive } from '../common/util.js';\nimport { styles } from './themes/dialog.base.css.js';\nimport { styles as shared } from './themes/shared/dialog.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcDialogComponentEventMap {\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\nlet nextId = 1;\n\n/* blazorAdditionalDependency: IgcButtonComponent */\n/**\n * A modal dialog component built on the native `<dialog>` element.\n *\n * The dialog traps focus while open and blocks interaction with the rest\n * of the page (modal semantics). It supports animated open/close\n * transitions, an optional backdrop overlay, and multiple content areas\n * through named slots.\n *\n * The component integrates with the\n * [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):\n * an Ignite button or a native `<button>` with `command=\"--show\"` / `\"--hide\"` / `\"--toggle\"`\n * and `commandfor` pointing to this element will call the corresponding method\n * declaratively without any JavaScript.\n *\n * @element igc-dialog\n *\n * @fires igcClosing - Emitted just before the dialog closes. Cancelable —\n *   call `event.preventDefault()` to abort the closing sequence.\n * @fires igcClosed - Emitted after the dialog has fully closed and its\n *   exit animation has completed.\n *\n * @slot - General-purpose content area. Also the target for any\n *   `<form method=\"dialog\">` placed inside the dialog.\n * @slot title - Content rendered in the dialog header. Falls back to the\n *   `title` attribute when empty.\n * @slot message - A dedicated message/body area rendered above the default\n *   slot. Hidden when no content is assigned.\n * @slot footer - Content rendered in the dialog footer. When empty, a\n *   default \"OK\" close button is shown (unless `hide-default-action` is set).\n *\n * @csspart base - The native `<dialog>` element.\n * @csspart title - The `<header>` element wrapping the title slot.\n * @csspart content - The `<section>` element wrapping the message and default slots.\n * @csspart footer - The `<footer>` element wrapping the footer slot.\n * @csspart backdrop - The decorative backdrop overlay element.\n * @csspart animating - Applied to the backdrop while an animation is running.\n */\nexport default class IgcDialogComponent extends EventEmitterMixin<\n  IgcDialogComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-dialog';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcDialogComponent, IgcButtonComponent);\n  }\n\n  //#region Private state and properties\n\n  private readonly _titleId = `title-${nextId++}`;\n\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots('title', 'message', 'footer'),\n  });\n\n  private readonly _dialogRef = createRef<HTMLDialogElement>();\n  private readonly _player = addAnimationController(this, this._dialogRef);\n\n  /**\n   * Backdrop animation helper.\n   */\n  @state()\n  private _animating = false;\n\n  private get _dialog(): HTMLDialogElement | undefined {\n    return this._dialogRef.value;\n  }\n\n  //#endregion\n\n  //#region Public properties\n\n  /**\n   * When set, pressing the `Escape` key will not close the dialog.\n   *\n   * By default the browser closes a modal dialog on `Escape`. Enable this\n   * option when the dialog guards unsaved work and should require an explicit\n   * user action to dismiss.\n   * @attr keep-open-on-escape\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'keep-open-on-escape' })\n  public keepOpenOnEscape = false;\n\n  /**\n   * When set, clicking on the backdrop area outside the dialog surface\n   * will close it (emitting close events).\n   *\n   * Has no effect when the dialog is not yet open.\n   * @attr close-on-outside-click\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'close-on-outside-click' })\n  public closeOnOutsideClick = false;\n\n  /**\n   * When set, the built-in \"OK\" close button in the footer is not rendered.\n   *\n   * Has no effect when content is projected into the `footer` slot, since\n   * the slot content replaces the default button entirely.\n   * @attr hide-default-action\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'hide-default-action' })\n  public hideDefaultAction = false;\n\n  /**\n   * Whether the dialog is open.\n   *\n   * Setting this property programmatically will open or close the dialog\n   * without animation and without emitting close events.\n   * Prefer the `show()`, `hide()`, and `toggle()` methods for animated\n   * transitions.\n   * @attr open\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * The title displayed in the dialog header.\n   *\n   * Overridden by any content projected into the `title` slot.\n   * @attr title\n   */\n  @property()\n  public override title!: string;\n\n  /**\n   * The return value of the dialog.\n   *\n   * Automatically set to the `value` of the submitter element when a\n   * `<form method=\"dialog\">` inside the dialog is submitted. Can also\n   * be set programmatically before calling `hide()`.\n   */\n  @property({ attribute: false })\n  public returnValue?: string;\n\n  //#endregion\n\n  //#region Lifecycle\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n    addCommandController(this)\n      .set('--show', this.show)\n      .set('--hide', this.hide)\n      .set('--toggle', this.toggle);\n  }\n\n  protected override updated(properties: PropertyValues<this>): void {\n    if (properties.has('open')) {\n      this.open ? this._dialog?.showModal() : this._dialog?.close();\n    }\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected _handleFormSubmit(event: SubmitEvent): void {\n    const form = event.target as HTMLFormElement;\n\n    if (form.method === 'dialog') {\n      if (hasSubmitter(event.submitter)) {\n        this.returnValue = event.submitter.value ?? '';\n      }\n\n      if (!event.defaultPrevented) {\n        this._closeWithEvent();\n      }\n    }\n  }\n\n  private _handleCancel(event: Event): void {\n    event.preventDefault();\n\n    if (!this.keepOpenOnEscape) {\n      this._closeWithEvent();\n    }\n  }\n\n  private _handleClose(): void {\n    // When a non-cancelable close event is fired (e.g., from repeated Escape presses),\n    // reopen the dialog to prevent the broken state with visible backdrop.\n    // Note that this handler is invoked only when `keepOpenOnEscape` is true.\n    if (this.open) {\n      this._dialog?.showModal();\n    }\n  }\n\n  private _handleClick({ clientX, clientY, target }: PointerEvent): void {\n    if (this.closeOnOutsideClick && this._dialog === target) {\n      const rect = this._dialog.getBoundingClientRect();\n      const inX = numberInRangeInclusive(clientX, rect.left, rect.right);\n      const inY = numberInRangeInclusive(clientY, rect.top, rect.bottom);\n\n      if (!(inX && inY)) {\n        this._closeWithEvent();\n      }\n    }\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  private async _hide(emitEvent = false): Promise<boolean> {\n    if (!this.open || (emitEvent && !this._emitClosing())) {\n      return false;\n    }\n\n    this._animating = true;\n    await this._player.playExclusive(fadeOut());\n    this.open = false;\n    this._animating = false;\n\n    if (emitEvent) {\n      await this.updateComplete;\n      this.emitEvent('igcClosed');\n    }\n\n    return true;\n  }\n\n  private _emitClosing(): boolean {\n    return this.emitEvent('igcClosing', { cancelable: true });\n  }\n\n  private _closeWithEvent(): void {\n    this._hide(true);\n  }\n\n  //#endregion\n\n  //#region Public API\n\n  /**\n   * Opens the dialog with an animated fade-in transition.\n   *\n   * Returns `true` when the dialog was successfully opened, or `false` if\n   * it was already open.\n   */\n  public async show(): Promise<boolean> {\n    if (this.open) {\n      return false;\n    }\n\n    this.open = true;\n    await this._player.playExclusive(fadeIn());\n    return true;\n  }\n\n  /**\n   * Closes the dialog with an animated fade-out transition.\n   *\n   * Returns `true` when the dialog was successfully closed, or `false` if\n   * it was already closed.\n   */\n  public async hide(): Promise<boolean> {\n    return this._hide();\n  }\n\n  /**\n   * Toggles the dialog open or closed depending on its current state.\n   *\n   * Equivalent to calling `show()` when closed and `hide()` when open.\n   * Returns `true` when the transition completed successfully.\n   */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n\n  //#endregion\n\n  //#region Render methods\n\n  protected _renderBackdrop() {\n    return html`\n      <div\n        aria-hidden=${!this.open}\n        part=${partMap({ backdrop: true, animating: this._animating })}\n      ></div>\n    `;\n  }\n\n  protected _renderHeader() {\n    return html`\n      <header part=\"title\" id=${this._titleId}>\n        <slot name=\"title\">\n          <span>${this.title}</span>\n        </slot>\n      </header>\n    `;\n  }\n\n  protected _renderContent() {\n    const hasMessage = this._slots.hasAssignedElements('message');\n    return html`\n      <section part=\"content\">\n        <slot name=\"message\" ?hidden=${!hasMessage}></slot>\n        <slot @submit=${this._handleFormSubmit}></slot>\n      </section>\n    `;\n  }\n\n  protected _renderFooter() {\n    return html`\n      <footer part=\"footer\">\n        <slot name=\"footer\">\n          ${this.hideDefaultAction\n            ? nothing\n            : html`\n                <igc-button variant=\"flat\" @click=${this._closeWithEvent}>\n                  OK\n                </igc-button>\n              `}\n        </slot>\n      </footer>\n    `;\n  }\n\n  protected override render() {\n    const hasTitle = this._slots.hasAssignedElements('title') || !!this.title;\n    const hasFooter =\n      this._slots.hasAssignedElements('footer') || !this.hideDefaultAction;\n    const labelledBy = this.ariaLabel ?? this._titleId;\n\n    return html`\n      ${this._renderBackdrop()}\n      <dialog\n        ${ref(this._dialogRef)}\n        part=${partMap({ base: true, titled: hasTitle, footed: hasFooter })}\n        role=\"dialog\"\n        aria-label=${bindIf(this.ariaLabel, this.ariaLabel)}\n        aria-labelledby=${bindIf(labelledBy, labelledBy)}\n        @click=${this._handleClick}\n        @cancel=${this._handleCancel}\n        @close=${bindIf(this.keepOpenOnEscape, this._handleClose)}\n      >\n        ${this._renderHeader()} ${this._renderContent()} ${this._renderFooter()}\n      </dialog>\n    `;\n  }\n\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dialog': IgcDialogComponent;\n  }\n}\n\nfunction hasSubmitter(\n  submitter: SubmitEvent['submitter']\n): submitter is HTMLButtonElement | HTMLInputElement {\n  return submitter != null;\n}\n"]}
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addAnimationController } from '#animations/player.js';\nimport { fadeIn, fadeOut } from '#animations/presets/fade/index.js';\nimport { addCommandController } from '#internals/controllers/command.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { Constructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { partMap } from '#internals/part-map.js';\nimport { isPointInsideElement } from '#internals/utils/dom.js';\nimport { bindIf } from '#internals/utils/lit.js';\nimport { createIdGenerator } from '#internals/utils/strings.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { styles } from './themes/dialog.base.css.js';\nimport { styles as shared } from './themes/shared/dialog.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcDialogComponentEventMap {\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\nconst nextId = createIdGenerator('title');\n\n/* blazorAdditionalDependency: IgcButtonComponent */\n/**\n * A modal dialog component built on the native `<dialog>` element.\n *\n * The dialog traps focus while open and blocks interaction with the rest\n * of the page (modal semantics). It supports animated open/close\n * transitions, an optional backdrop overlay, and multiple content areas\n * through named slots.\n *\n * The component integrates with the\n * [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):\n * an Ignite button or a native `<button>` with `command=\"--show\"` / `\"--hide\"` / `\"--toggle\"`\n * and `commandfor` pointing to this element will call the corresponding method\n * declaratively without any JavaScript.\n *\n * @element igc-dialog\n *\n * @fires igcClosing - Emitted just before the dialog closes. Cancelable —\n *   call `event.preventDefault()` to abort the closing sequence.\n * @fires igcClosed - Emitted after the dialog has fully closed and its\n *   exit animation has completed.\n *\n * @slot - General-purpose content area. Also the target for any\n *   `<form method=\"dialog\">` placed inside the dialog.\n * @slot title - Content rendered in the dialog header. Falls back to the\n *   `title` attribute when empty.\n * @slot message - A dedicated message/body area rendered above the default\n *   slot. Hidden when no content is assigned.\n * @slot footer - Content rendered in the dialog footer. When empty, a\n *   default \"OK\" close button is shown (unless `hide-default-action` is set).\n *\n * @csspart base - The native `<dialog>` element.\n * @csspart title - The `<header>` element wrapping the title slot.\n * @csspart content - The `<section>` element wrapping the message and default slots.\n * @csspart footer - The `<footer>` element wrapping the footer slot.\n * @csspart backdrop - The decorative backdrop overlay element.\n * @csspart animating - Applied to the backdrop while an animation is running.\n */\nexport default class IgcDialogComponent extends EventEmitterMixin<\n  IgcDialogComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-dialog';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcDialogComponent, IgcButtonComponent);\n  }\n\n  //#region Private state and properties\n\n  private readonly _titleId = nextId();\n\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots('title', 'message', 'footer'),\n  });\n\n  private readonly _dialogRef = createRef<HTMLDialogElement>();\n  private readonly _player = addAnimationController(this, this._dialogRef);\n\n  /**\n   * Backdrop animation helper.\n   */\n  @state()\n  private _animating = false;\n\n  private get _dialog(): HTMLDialogElement | undefined {\n    return this._dialogRef.value;\n  }\n\n  //#endregion\n\n  //#region Public properties\n\n  /**\n   * When set, pressing the `Escape` key will not close the dialog.\n   *\n   * By default the browser closes a modal dialog on `Escape`. Enable this\n   * option when the dialog guards unsaved work and should require an explicit\n   * user action to dismiss.\n   * @attr keep-open-on-escape\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'keep-open-on-escape' })\n  public keepOpenOnEscape = false;\n\n  /**\n   * When set, clicking on the backdrop area outside the dialog surface\n   * will close it (emitting close events).\n   *\n   * Has no effect when the dialog is not yet open.\n   * @attr close-on-outside-click\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'close-on-outside-click' })\n  public closeOnOutsideClick = false;\n\n  /**\n   * When set, the built-in \"OK\" close button in the footer is not rendered.\n   *\n   * Has no effect when content is projected into the `footer` slot, since\n   * the slot content replaces the default button entirely.\n   * @attr hide-default-action\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'hide-default-action' })\n  public hideDefaultAction = false;\n\n  /**\n   * Whether the dialog is open.\n   *\n   * Setting this property programmatically will open or close the dialog\n   * without animation and without emitting close events.\n   * Prefer the `show()`, `hide()`, and `toggle()` methods for animated\n   * transitions.\n   * @attr open\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * The title displayed in the dialog header.\n   *\n   * Overridden by any content projected into the `title` slot.\n   * @attr title\n   */\n  @property()\n  public override title!: string;\n\n  /**\n   * The return value of the dialog.\n   *\n   * Automatically set to the `value` of the submitter element when a\n   * `<form method=\"dialog\">` inside the dialog is submitted. Can also\n   * be set programmatically before calling `hide()`.\n   */\n  @property({ attribute: false })\n  public returnValue?: string;\n\n  //#endregion\n\n  //#region Lifecycle\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n    addCommandController(this)\n      .set('--show', this.show)\n      .set('--hide', this.hide)\n      .set('--toggle', this.toggle);\n  }\n\n  protected override updated(properties: PropertyValues<this>): void {\n    if (properties.has('open')) {\n      this.open ? this._dialog?.showModal() : this._dialog?.close();\n    }\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected _handleFormSubmit(event: SubmitEvent): void {\n    const form = event.target as HTMLFormElement;\n\n    if (form.method === 'dialog') {\n      if (hasSubmitter(event.submitter)) {\n        this.returnValue = event.submitter.value ?? '';\n      }\n\n      if (!event.defaultPrevented) {\n        this._closeWithEvent();\n      }\n    }\n  }\n\n  private _handleCancel(event: Event): void {\n    event.preventDefault();\n\n    if (!this.keepOpenOnEscape) {\n      this._closeWithEvent();\n    }\n  }\n\n  private _handleClose(): void {\n    // When a non-cancelable close event is fired (e.g., from repeated Escape presses),\n    // reopen the dialog to prevent the broken state with visible backdrop.\n    // Note that this handler is invoked only when `keepOpenOnEscape` is true.\n    if (this.open) {\n      this._dialog?.showModal();\n    }\n  }\n\n  private _handleClick({ clientX, clientY, target }: PointerEvent): void {\n    if (\n      this.closeOnOutsideClick &&\n      this._dialog === target &&\n      !isPointInsideElement(this._dialog, clientX, clientY)\n    ) {\n      this._closeWithEvent();\n    }\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  private async _hide(emitEvent = false): Promise<boolean> {\n    if (!this.open || (emitEvent && !this._emitClosing())) {\n      return false;\n    }\n\n    this._animating = true;\n    await this._player.playExclusive(fadeOut());\n    this.open = false;\n    this._animating = false;\n\n    if (emitEvent) {\n      await this.updateComplete;\n      this.emitEvent('igcClosed');\n    }\n\n    return true;\n  }\n\n  private _emitClosing(): boolean {\n    return this.emitEvent('igcClosing', { cancelable: true });\n  }\n\n  private _closeWithEvent(): void {\n    this._hide(true);\n  }\n\n  //#endregion\n\n  //#region Public API\n\n  /**\n   * Opens the dialog with an animated fade-in transition.\n   *\n   * Returns `true` when the dialog was successfully opened, or `false` if\n   * it was already open.\n   */\n  public async show(): Promise<boolean> {\n    if (this.open) {\n      return false;\n    }\n\n    this.open = true;\n    await this._player.playExclusive(fadeIn());\n    return true;\n  }\n\n  /**\n   * Closes the dialog with an animated fade-out transition.\n   *\n   * Returns `true` when the dialog was successfully closed, or `false` if\n   * it was already closed.\n   */\n  public async hide(): Promise<boolean> {\n    return this._hide();\n  }\n\n  /**\n   * Toggles the dialog open or closed depending on its current state.\n   *\n   * Equivalent to calling `show()` when closed and `hide()` when open.\n   * Returns `true` when the transition completed successfully.\n   */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n\n  //#endregion\n\n  //#region Render methods\n\n  protected _renderBackdrop() {\n    return html`\n      <div\n        aria-hidden=${!this.open}\n        part=${partMap({ backdrop: true, animating: this._animating })}\n      ></div>\n    `;\n  }\n\n  protected _renderHeader() {\n    return html`\n      <header part=\"title\" id=${this._titleId}>\n        <slot name=\"title\">\n          <span>${this.title}</span>\n        </slot>\n      </header>\n    `;\n  }\n\n  protected _renderContent() {\n    const hasMessage = this._slots.hasAssignedElements('message');\n    return html`\n      <section part=\"content\">\n        <slot name=\"message\" ?hidden=${!hasMessage}></slot>\n        <slot @submit=${this._handleFormSubmit}></slot>\n      </section>\n    `;\n  }\n\n  protected _renderFooter() {\n    return html`\n      <footer part=\"footer\">\n        <slot name=\"footer\">\n          ${\n            this.hideDefaultAction\n              ? nothing\n              : html`\n                  <igc-button variant=\"flat\" @click=${this._closeWithEvent}>\n                    OK\n                  </igc-button>\n                `\n          }\n        </slot>\n      </footer>\n    `;\n  }\n\n  protected override render() {\n    const hasTitle = this._slots.hasAssignedElements('title') || !!this.title;\n    const hasFooter =\n      this._slots.hasAssignedElements('footer') || !this.hideDefaultAction;\n    const labelledBy = this.ariaLabel ?? this._titleId;\n\n    return html`\n      ${this._renderBackdrop()}\n      <dialog\n        ${ref(this._dialogRef)}\n        part=${partMap({ base: true, titled: hasTitle, footed: hasFooter })}\n        role=\"dialog\"\n        aria-label=${bindIf(this.ariaLabel, this.ariaLabel)}\n        aria-labelledby=${bindIf(labelledBy, labelledBy)}\n        @click=${this._handleClick}\n        @cancel=${this._handleCancel}\n        @close=${bindIf(this.keepOpenOnEscape, this._handleClose)}\n      >\n        ${this._renderHeader()} ${this._renderContent()} ${this._renderFooter()}\n      </dialog>\n    `;\n  }\n\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dialog': IgcDialogComponent;\n  }\n}\n\nfunction hasSubmitter(\n  submitter: SubmitEvent['submitter']\n): submitter is HTMLButtonElement | HTMLInputElement {\n  return submitter != null;\n}\n"]}

package/components/dialog/themes/themes.d.ts

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

package/components/dialog/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/dialog/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/dialog.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/dialog.fluent.css.js';\nimport { styles as indigoDark } from './dark/dialog.indigo.css.js';\nimport { styles as materialDark } from './dark/dialog.material.css.js';\nimport { styles as sharedDark } from './dark/dialog.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/dialog.bootstrap.css.js';\nimport { styles as fluentLight } from './light/dialog.fluent.css.js';\nimport { styles as indigoLight } from './light/dialog.indigo.css.js';\nimport { styles as materialLight } from './light/dialog.material.css.js';\nimport { styles as sharedLight } from './light/dialog.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/dialog.bootstrap.css.js';\nimport { styles as fluent } from './shared/dialog.fluent.css.js';\nimport { styles as indigo } from './shared/dialog.indigo.css.js';\n\nconst light = {\n  shared: css`\n    ${sharedLight}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${sharedDark}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/dialog/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/dialog.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/dialog.fluent.css.js';\nimport { styles as indigoDark } from './dark/dialog.indigo.css.js';\nimport { styles as materialDark } from './dark/dialog.material.css.js';\nimport { styles as sharedDark } from './dark/dialog.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/dialog.bootstrap.css.js';\nimport { styles as fluentLight } from './light/dialog.fluent.css.js';\nimport { styles as indigoLight } from './light/dialog.indigo.css.js';\nimport { styles as materialLight } from './light/dialog.material.css.js';\nimport { styles as sharedLight } from './light/dialog.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/dialog.bootstrap.css.js';\nimport { styles as fluent } from './shared/dialog.fluent.css.js';\nimport { styles as indigo } from './shared/dialog.indigo.css.js';\n\nconst light = {\n  shared: css`\n    ${sharedLight}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${sharedDark}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/divider/divider.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
 import type { DividerType } from '../types.js';
 /**
- * The igc-divider allows the content author to easily create a horizontal/vertical rule as a break between content to better organize information on a page.
+ * The divider allows the content author to easily create a horizontal/vertical
+ * rule as a break between content, to better organize information on a page.
  *
  * @element igc-divider
  *