igniteui-webcomponents 7.3.1 → 7.4.0

package/components/date-time-input/datetime-mask-parser.d.ts

@@ -2,16 +2,6 @@ import { type MaskOptions, MaskParser } from '../mask-input/mask-parser.js';
 import { DatePartType, type IDatePart } from './date-part.js';
 /** Default date/time format */
 export declare const DEFAULT_DATETIME_FORMAT = "MM/dd/yyyy";
-/**
- * Converts a date format string into a mask pattern. Date characters become `0`, or `L`
- * for the alphabetic AM/PM marker; everything else is carried over as a literal.
- *
- * @example
- * ```ts
- * toMaskFormat('MM/dd/yyyy'); // '00/00/0000'
- * ```
- */
-export declare function toMaskFormat(dateFormat: string): string;
 /**
  * Base for parsers whose public format is a date/time format string rather than a mask
  * pattern. Owns the translation between the two and the list of positioned parts.

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

@@ -26,7 +26,7 @@ const DEFAULT_DATE_VALUES = {
     seconds: 0,
 };
 export const DEFAULT_DATETIME_FORMAT = 'MM/dd/yyyy';
-export function toMaskFormat(dateFormat) {
+function toMaskFormat(dateFormat) {
     let result = '';
     for (const char of dateFormat) {
         const type = FORMAT_CHAR_TO_DATE_PART.get(char);

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":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAoB,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EACL,cAAc,EACd,eAAe,EAEf,YAAY,EAEZ,eAAe,GAChB,MAAM,gBAAgB,CAAC;AAKxB,MAAM,wBAAwB,GAAG,IAAI,GAAG,CAAuB;IAC7D,CAAC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,CAAC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,CAAC,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC;IACzB,CAAC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,CAAC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,CAAC,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC;IACzB,CAAC,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC;IACzB,CAAC,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC;IAC3B,CAAC,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC;IAC3B,CAAC,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC;IAC3B,CAAC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,CAAC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC;CACzB,CAAC,CAAC;AAGH,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,YAAY,GAAG,IAAI,CAAC;AAG1B,MAAM,mBAAmB,GAAG;IAC1B,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;CACF,CAAC;AAGX,MAAM,CAAC,MAAM,uBAAuB,GAAG,YAAY,CAAC;AAkBpD,MAAM,UAAU,YAAY,CAAC,UAAkB;IAC7C,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;QAC9B,MAAM,IAAI,GAAG,wBAAwB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAChD,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACnE,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAMD,SAAS,mBAAmB,CAAC,QAAuB;IAClD,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;IAEtE,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QACnC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;AACH,CAAC;AAQD,MAAM,OAAgB,oBAEpB,SAAQ,UAAU;IASlB,IAAW,KAAK;QACd,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAIkB,aAAa,CAAC,MAAc;QAC7C,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC;IAEkB,WAAW;QAC5B,KAAK,CAAC,WAAW,EAAE,CAAC;QACpB,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;IAC1B,CAAC;IAMM,gBAAgB,CAAC,QAAgB;QACtC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CACpB,CAAC,IAAI,EAAE,EAAE,CACP,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO;YAClC,QAAQ,IAAI,IAAI,CAAC,KAAK;YACtB,QAAQ,IAAI,IAAI,CAAC,GAAG,CACvB,CAAC;IACJ,CAAC;IAGM,aAAa,CAAC,IAAkB;QACrC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IACvD,CAAC;IAGM,YAAY;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC;IACvE,CAAC;IAOM,OAAO,CAAC,MAAc;QAC3B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CACrB,CAAC,IAAI,EAAE,EAAE,CACP,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CACvE,CAAC;IACJ,CAAC;IAGM,YAAY;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACnE,CAAC;IAGM,YAAY;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACnE,CAAC;IAGS,UAAU,CAAC,MAAc,EAAE,IAAO;QAC1C,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC5E,CAAC;CACF;AAYD,MAAM,OAAO,kBAAmB,SAAQ,oBAAoB;IAC1D,YAAY,OAAqB;QAC/B,KAAK,CAAC,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,CAAC,CAAC;IAC5E,CAAC;IAIkB,WAAW;QAC5B,MAAM,QAAQ,GAAkB,EAAE,CAAC;QAEnC,IAAI,GAAG,GAAuB,IAAI,CAAC;QACnC,IAAI,QAAQ,GAAG,CAAC,CAAC;QAEjB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YAC7B,MAAM,IAAI,GAAG,wBAAwB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAIhD,IAAI,GAAG,IAAI,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;gBAChD,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACnB,GAAG,GAAG,IAAI,CAAC;YACb,CAAC;YAED,IAAI,GAAG,EAAE,CAAC;gBACR,GAAG,CAAC,GAAG,GAAG,QAAQ,GAAG,CAAC,CAAC;gBACvB,GAAG,CAAC,MAAM,IAAI,IAAI,CAAC;YACrB,CAAC;iBAAM,CAAC;gBACN,MAAM,OAAO,GAAgB;oBAC3B,IAAI,EAAE,IAAI,IAAI,YAAY,CAAC,OAAO;oBAClC,KAAK,EAAE,QAAQ;oBACf,GAAG,EAAE,QAAQ,GAAG,CAAC;oBACjB,MAAM,EAAE,IAAI;iBACb,CAAC;gBAEF,IAAI,IAAI,EAAE,CAAC;oBACT,GAAG,GAAG,OAAO,CAAC;gBAChB,CAAC;qBAAM,CAAC;oBACN,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;YAED,QAAQ,EAAE,CAAC;QACb,CAAC;QAED,IAAI,GAAG,EAAE,CAAC;YACR,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACrB,CAAC;QAED,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QAE9B,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE,CAC3C,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAC9B,CAAC;IACJ,CAAC;IAUM,SAAS,CAAC,MAAc;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAG9C,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE,CAAC;YAC5C,KAAK,CAAC,YAAY,CAAC,KAAK,CAAE,IAAI,CAAC,CAAC;QAClC,CAAC;QAGD,IACE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,SAAS;YACtC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAE,GAAG,iBAAiB,EAC7C,CAAC;YACD,KAAK,CAAC,YAAY,CAAC,IAAI,CAAE,IAAI,YAAY,CAAC;QAC5C,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAEzC,OAAO,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IAKO,kBAAkB,CACxB,MAAc;QAEd,MAAM,KAAK,GAA0C,EAAE,CAAC;QAExD,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAClC,IAAI,QAAQ,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO;gBAAE,SAAS;YAErD,MAAM,aAAa,GACjB,QAAQ,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI;gBACnC,QAAQ,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,CAAC;YAEvC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,KAAK,CAC1B,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,EAC3C,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACrB,MAAM,CAAC,gBAAgB,CACxB,CAAC;QACJ,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAMO,kBAAkB,CACxB,KAA4C;QAG5C,MAAM,OAAO,GAAG;YACd,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC;YAC9B,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;SACjC,CAAC;QAEF,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE;YACnC,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAEnC,OAAO,QAAQ,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO,IAAI,KAAK,KAAK,SAAS;gBAClE,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACL,CAAC;IAKO,oBAAoB,CAC1B,KAA4C,EAC5C,MAAc;QAEd,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAGxC,IAAI,CAAC,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAE7C,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;YACvB,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,CAAC;IAKO,oBAAoB,CAC1B,KAA4C;QAE5C,MAAM,CAAC,GAAG,mBAAmB,CAAC;QAC9B,OAAO,IAAI,IAAI,CACb,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAClC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EACpC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAClC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EACpC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,EACxC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CACzC,CAAC;IACJ,CAAC;IASM,UAAU,CAAC,IAAiB;QACjC,OAAO,IAAI;YACT,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YACxD,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IACrB,CAAC;CAGF","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  /**\n   * Whether the masked string holds nothing typed at all - every date/time position\n   * is still a prompt. Unlike a partially filled mask, there is no value in it to\n   * complete from the part defaults.\n   */\n  public isBlank(masked: string): boolean {\n    return this.parts.every(\n      (part) =>\n        part.type === DatePartType.Literal || !this._typedPart(masked, part)\n    );\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  /** The characters typed into `part`, the prompts of the unfilled positions removed. */\n  protected _typedPart(masked: string, part: T): string {\n    return masked.substring(part.start, part.end).replaceAll(this.prompt, '');\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\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      parts[datePart.type] = clamp(\n        asNumber(this._typedPart(masked, datePart)),\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 = this._typedPart(masked, amPm);\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"]}
+{"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 */\nfunction 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  /**\n   * Whether the masked string holds nothing typed at all - every date/time position\n   * is still a prompt. Unlike a partially filled mask, there is no value in it to\n   * complete from the part defaults.\n   */\n  public isBlank(masked: string): boolean {\n    return this.parts.every(\n      (part) =>\n        part.type === DatePartType.Literal || !this._typedPart(masked, part)\n    );\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  /** The characters typed into `part`, the prompts of the unfilled positions removed. */\n  protected _typedPart(masked: string, part: T): string {\n    return masked.substring(part.start, part.end).replaceAll(this.prompt, '');\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\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      parts[datePart.type] = clamp(\n        asNumber(this._typedPart(masked, datePart)),\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 = this._typedPart(masked, amPm);\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/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 { addCommandController } from '#internals/controllers/command.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { addToggleController } from '#internals/controllers/toggle.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  private readonly _toggleController = addToggleController(this, {\n    transition: async (open) => {\n      if (open) {\n        this.open = true;\n        // A superseded exit clears this too, but only once its animation\n        // reports the cancellation - too late for this render.\n        this._animating = false;\n        return this._player.playExclusive(fadeIn());\n      }\n\n      this._animating = true;\n      const completed = await this._player.playExclusive(fadeOut());\n      this._animating = false;\n\n      // An interrupted exit animation means a newer `show()` took over.\n      if (completed) {\n        this.open = false;\n      }\n\n      return completed;\n    },\n  });\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 _closeWithEvent(): void {\n    this._toggleController.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 it\n   * was already open or the transition was superseded by a newer one.\n   */\n  public async show(): Promise<boolean> {\n    return this._toggleController.show();\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 it\n   * was already closed or the transition was superseded by a newer one.\n   */\n  public async hide(): Promise<boolean> {\n    return this._toggleController.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._toggleController.toggle();\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"]}
+{"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 { addToggleController } from '#internals/controllers/toggle.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  private readonly _toggleController = addToggleController(this, {\n    transition: async (open) => {\n      if (open) {\n        this.open = true;\n        // A superseded exit clears this too, but only once its animation\n        // reports the cancellation - too late for this render.\n        this._animating = false;\n        return this._player.playExclusive(fadeIn());\n      }\n\n      this._animating = true;\n      const completed = await this._player.playExclusive(fadeOut());\n      this._animating = false;\n\n      // An interrupted exit animation means a newer `show()` took over.\n      if (completed) {\n        this.open = false;\n      }\n\n      return completed;\n    },\n  });\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    // A close event that cannot be cancelled, for example from repeated Escape\n    // presses, leaves the backdrop visible. Open the dialog again. This handler\n    // runs only if `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 _closeWithEvent(): void {\n    this._toggleController.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 it\n   * was already open or the transition was superseded by a newer one.\n   */\n  public async show(): Promise<boolean> {\n    return this._toggleController.show();\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 it\n   * was already closed or the transition was superseded by a newer one.\n   */\n  public async hide(): Promise<boolean> {\n    return this._toggleController.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._toggleController.toggle();\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/divider/themes/divider.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;position:relative;justify-content:center;overflow:hidden;min-height:.0625rem;width:100%}:host::after{content:"";position:absolute;height:100%;width:100%}:host([vertical]){display:inline-flex;min-width:.0625rem;width:.0625rem}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;position:relative;justify-content:center;overflow:hidden;min-height:.0625rem;width:100%}:host::after{content:"";position:absolute;height:100%;width:100%}:host([vertical]){display:inline-flex;min-width:.0625rem;width:.0625rem}@media(forced-colors: active){:host(:not([vertical]))::after{border:.1875rem solid canvasText}:host(:not([vertical])[type=dashed])::after{border-style:dashed}:host([vertical]:not([type=dashed]))::after{border-inline-start:.1875rem solid canvasText}:host([vertical][type=dashed]){border-inline-start:.0625rem dashed canvasText}}`;
 //# sourceMappingURL=divider.base.css.js.map

package/components/divider/themes/divider.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.base.css.js","sourceRoot":"","sources":["../../../../src/components/divider/themes/divider.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8rCAA8rC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;position:relative;justify-content:center;overflow:hidden;min-height:.0625rem;width:100%}:host::after{content:\"\";position:absolute;height:100%;width:100%}:host([vertical]){display:inline-flex;min-width:.0625rem;width:.0625rem}`;\n  "]}
+{"version":3,"file":"divider.base.css.js","sourceRoot":"","sources":["../../../../src/components/divider/themes/divider.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qgDAAqgD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;position:relative;justify-content:center;overflow:hidden;min-height:.0625rem;width:100%}:host::after{content:\"\";position:absolute;height:100%;width:100%}:host([vertical]){display:inline-flex;min-width:.0625rem;width:.0625rem}@media(forced-colors: active){:host(:not([vertical]))::after{border:.1875rem solid canvasText}:host(:not([vertical])[type=dashed])::after{border-style:dashed}:host([vertical]:not([type=dashed]))::after{border-inline-start:.1875rem solid canvasText}:host([vertical][type=dashed]){border-inline-start:.0625rem dashed canvasText}}`;\n  "]}

package/components/dropdown/dropdown-group.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { IgcGroupBaseComponent } from '#internals/mixins/group.js';
 import IgcDropdownItemComponent from './dropdown-item.js';
 /**
  * A container for a group of dropdown items.
@@ -10,21 +10,13 @@ import IgcDropdownItemComponent from './dropdown-item.js';
  *
  * @csspart label - The native label element.
  */
-export default class IgcDropdownGroupComponent extends LitElement {
+export default class IgcDropdownGroupComponent extends IgcGroupBaseComponent {
     static readonly tagName = "igc-dropdown-group";
     static styles: import("lit").CSSResult[];
     static register(): void;
-    private readonly _internals;
-    private readonly _slots;
     /** All child dropdown items. */
     items: Array<IgcDropdownItemComponent>;
     constructor();
-    /**
-     * The label is rendered into this shadow root, out of reach of an
-     * `aria-labelledby` on the host, so its text names the `group` directly.
-     */
-    private _labelChange;
-    protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/components/dropdown/dropdown-group.js

@@ -4,18 +4,15 @@ 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 { html, LitElement } from 'lit';
 import { queryAssignedElements } from 'lit/decorators.js';
-import { addInternalsController } from '#internals/controllers/internals.js';
-import { addSlotController, setSlots } from '#internals/controllers/slot.js';
 import { registerComponent } from '#internals/definitions/register.js';
+import { IgcGroupBaseComponent } from '#internals/mixins/group.js';
 import { addThemingController } from '#theming/theming-controller.js';
 import IgcDropdownItemComponent from './dropdown-item.js';
 import { styles } from './themes/dropdown-group.base.css.js';
 import { all } from './themes/group.js';
 import { styles as shared } from './themes/shared/group/dropdown-group.common.css.js';
-const Slots = setSlots('label');
-export default class IgcDropdownGroupComponent extends LitElement {
+export default class IgcDropdownGroupComponent extends IgcGroupBaseComponent {
     static { this.tagName = 'igc-dropdown-group'; }
     static { this.styles = [styles, shared]; }
     static register() {
@@ -23,30 +20,8 @@ export default class IgcDropdownGroupComponent extends LitElement {
     }
     constructor() {
         super();
-        this._internals = addInternalsController(this, {
-            initialARIA: {
-                role: 'group',
-            },
-        });
-        this._slots = addSlotController(this, {
-            slots: Slots,
-            initial: true,
-            onChange: this._labelChange,
-        });
         addThemingController(this, all);
     }
-    _labelChange() {
-        const label = this._slots.getAssignedText('label', true);
-        this._internals.setARIA({ ariaLabel: label || null });
-    }
-    render() {
-        return html `
-      <label part="label">
-        <slot name="label"></slot>
-      </label>
-      <slot></slot>
-    `;
-    }
 }
 __decorate([
     queryAssignedElements({

package/components/dropdown/dropdown-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-group.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,wBAAwB,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAEtF,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;AAYhC,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;aACxC,YAAO,GAAG,oBAAoB,AAAvB,CAAwB;aAC/B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IAC/C,CAAC;IAsBD;QACE,KAAK,EAAE,CAAC;QArBO,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE;gBACX,IAAI,EAAE,OAAO;aACd;SACF,CAAC,CAAC;QAEc,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAChD,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI,CAAC,YAAY;SAC5B,CAAC,CAAC;QAaD,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAMO,YAAY;QAClB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC,CAAC;IACxD,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;KAKV,CAAC;IACJ,CAAC;;AAxBM;IAJN,qBAAqB,CAAC;QACrB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,wBAAwB,CAAC,OAAO;KAC3C,CAAC;wDAC6C","sourcesContent":["import { html, LitElement } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { addInternalsController } from '#internals/controllers/internals.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcDropdownItemComponent from './dropdown-item.js';\nimport { styles } from './themes/dropdown-group.base.css.js';\nimport { all } from './themes/group.js';\nimport { styles as shared } from './themes/shared/group/dropdown-group.common.css.js';\n\nconst Slots = setSlots('label');\n\n/**\n * A container for a group of dropdown items.\n *\n * @element igc-dropdown-group\n *\n * @slot label - Contains the group's label.\n * @slot - Intended to contain the items belonging to this group.\n *\n * @csspart label - The native label element.\n */\nexport default class IgcDropdownGroupComponent extends LitElement {\n  public static readonly tagName = 'igc-dropdown-group';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcDropdownGroupComponent);\n  }\n\n  private readonly _internals = addInternalsController(this, {\n    initialARIA: {\n      role: 'group',\n    },\n  });\n\n  private readonly _slots = addSlotController(this, {\n    slots: Slots,\n    initial: true,\n    onChange: this._labelChange,\n  });\n\n  /* blazorSuppress */\n  /** All child dropdown items. */\n  @queryAssignedElements({\n    flatten: true,\n    selector: IgcDropdownItemComponent.tagName,\n  })\n  public items!: Array<IgcDropdownItemComponent>;\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n  }\n\n  /**\n   * The label is rendered into this shadow root, out of reach of an\n   * `aria-labelledby` on the host, so its text names the `group` directly.\n   */\n  private _labelChange(): void {\n    const label = this._slots.getAssignedText('label', true);\n    this._internals.setARIA({ ariaLabel: label || null });\n  }\n\n  protected override render() {\n    return html`\n      <label part=\"label\">\n        <slot name=\"label\"></slot>\n      </label>\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-group': IgcDropdownGroupComponent;\n  }\n}\n"]}
+{"version":3,"file":"dropdown-group.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,wBAAwB,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAYtF,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,qBAAqB;aACnD,YAAO,GAAG,oBAAoB,CAAC;aAC/B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IAC/C,CAAC;IAUD;QACE,KAAK,EAAE,CAAC;QAER,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;;AANM;IAJN,qBAAqB,CAAC;QACrB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,wBAAwB,CAAC,OAAO;KAC3C,CAAC;wDAC6C","sourcesContent":["import { queryAssignedElements } from 'lit/decorators.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { IgcGroupBaseComponent } from '#internals/mixins/group.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcDropdownItemComponent from './dropdown-item.js';\nimport { styles } from './themes/dropdown-group.base.css.js';\nimport { all } from './themes/group.js';\nimport { styles as shared } from './themes/shared/group/dropdown-group.common.css.js';\n\n/**\n * A container for a group of dropdown items.\n *\n * @element igc-dropdown-group\n *\n * @slot label - Contains the group's label.\n * @slot - Intended to contain the items belonging to this group.\n *\n * @csspart label - The native label element.\n */\nexport default class IgcDropdownGroupComponent extends IgcGroupBaseComponent {\n  public static readonly tagName = 'igc-dropdown-group';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcDropdownGroupComponent);\n  }\n\n  /* blazorSuppress */\n  /** All child dropdown items. */\n  @queryAssignedElements({\n    flatten: true,\n    selector: IgcDropdownItemComponent.tagName,\n  })\n  public items!: Array<IgcDropdownItemComponent>;\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-group': IgcDropdownGroupComponent;\n  }\n}\n"]}

package/components/dropdown/dropdown.d.ts

@@ -2,7 +2,6 @@ import { type PropertyValues } from 'lit';
 import { IgcComboBoxBaseLikeComponent } from '#internals/mixins/combo-box.js';
 import type { AbstractConstructor } from '#internals/mixins/constructor.js';
 import { type PopoverPlacement } from '../popover/popover.js';
-import type { PopoverScrollStrategy } from '../types.js';
 import IgcDropdownGroupComponent from './dropdown-group.js';
 import IgcDropdownItemComponent from './dropdown-item.js';
 export interface IgcDropdownComponentEventMap {
@@ -21,7 +20,7 @@ declare const IgcDropdownComponent_base: import("#internals/mixins/constructor.j
  * @fires igcChange - Emitted when the selected item changes.
  * @fires igcOpening - Emitted just before the dropdown is opened.
  * @fires igcOpened - Emitted after the dropdown is opened.
- * @fires igcClosing - Emitter just before the dropdown is closed.
+ * @fires igcClosing - Emitted just before the dropdown is closed.
  * @fires igcClosed - Emitted after closing the dropdown.
  *
  * @slot target - Renders the dropdown's target element.
@@ -35,7 +34,6 @@ export default class IgcDropdownComponent extends IgcDropdownComponent_base {
     static styles: import("lit").CSSResult[];
     static register(): void;
     private readonly _keyBindings;
-    private readonly _rootScrollController;
     protected readonly _rootClickController: import("#internals/controllers/root-click.js").RootClickController;
     private _selectedItem;
     /** The item keyboard navigation moves from. Only {@link _activateItem} assigns it. */
@@ -53,11 +51,6 @@ export default class IgcDropdownComponent extends IgcDropdownComponent_base {
      * @attr
      */
     placement: PopoverPlacement;
-    /**
-     * Determines the behavior of the component during scrolling of the parent container.
-     * @attr scroll-strategy
-     */
-    scrollStrategy: PopoverScrollStrategy;
     /**
      * Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.
      * When true, once enough space is detected on its preferred side, it will flip back.
@@ -89,9 +82,9 @@ export default class IgcDropdownComponent extends IgcDropdownComponent_base {
     protected firstUpdated(): Promise<void>;
     protected updated(): void;
     /**
-     * Re-resolves the selection whenever items enter or leave the light DOM -
-     * frameworks routinely render them after the initial paint, and a selected or
-     * navigated item may be taken out from under us.
+     * Resolves the selection again when an item enters or leaves the light DOM. A
+     * framework usually renders the items after the first paint, and can remove a
+     * selected or navigated item.
      */
     private _handleItemsChange;
     private _handleListBoxClick;
@@ -113,29 +106,30 @@ export default class IgcDropdownComponent extends IgcDropdownComponent_base {
     /** Resolves an item by its `value`, or by its index in {@link items}. */
     private _resolveItem;
     /**
-     * Moves everything bound to the anchor - key event listeners, outside click
-     * exemption and ARIA - over to the one currently in effect.
+     * Moves all that is bound to the anchor to the current one: the key event
+     * listeners, the outside-click exemption and the ARIA state.
      */
     private _updateTarget;
     /**
-     * Only an anchor outside of our own DOM needs listeners of its own - keyboard
-     * events on a slotted one already reach the host.
+     * Only an anchor outside this DOM needs its own listeners. A keyboard event
+     * on a slotted anchor already reaches the host.
      */
     private _observeTarget;
     private _setExplicitTarget;
     /**
-     * Publishes the popup state and the navigation position on the current anchor.
+     * Publishes the popup state and the navigation position on the anchor.
      *
-     * `aria-activedescendant` goes on the anchor because that is what holds DOM
-     * focus - the list is never focused, since the key bindings are observed on
-     * the anchor itself. There is no `aria-controls` to go with it: the list it
-     * would name lives in this shadow root, which an IDREF cannot cross and ARIA
-     * element reflection only ever resolves out of, never into.
+     * @remarks
+     * `aria-activedescendant` goes on the anchor, because the anchor holds DOM
+     * focus. The list is never focused, because the key bindings listen on the
+     * anchor. No `aria-controls` goes with it: the list is in this shadow root,
+     * which an IDREF cannot cross, and ARIA element reflection resolves only out
+     * of a shadow root, never into one.
      */
     private _syncAnchorARIA;
     /**
-     * Stops driving the current anchor: its key event listeners go, along with
-     * everything {@link _syncAnchorARIA} wrote onto it.
+     * Releases the current anchor: removes its key event listeners and all that
+     * {@link _syncAnchorARIA} wrote onto it.
      */
     private _releaseTarget;
     /** Shows the component. */

package/components/dropdown/dropdown.js

@@ -10,7 +10,6 @@ import { property, query, state } from 'lit/decorators.js';
 import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, endKey, enterKey, escapeKey, homeKey, tabKey, } from '#internals/controllers/key-bindings.js';
 import { createMutationController, } from '#internals/controllers/mutation-observer.js';
 import { addRootClickController } from '#internals/controllers/root-click.js';
-import { addRootScrollHandler } from '#internals/controllers/root-scroll.js';
 import { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';
 import { registerComponent } from '#internals/definitions/register.js';
 import { getActiveItems, getItems, getNextActiveItem, getPreviousActiveItem, IgcComboBoxBaseLikeComponent, setInitialSelectionState, } from '#internals/mixins/combo-box.js';
@@ -54,16 +53,12 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
     }
     constructor() {
         super();
-        this._rootScrollController = addRootScrollHandler(this, {
-            hideCallback: this._handleClosing,
-        });
         this._rootClickController = addRootClickController(this, {
             onHide: this._handleClosing,
         });
         this._selectedItem = null;
         this._activeItem = null;
         this.placement = 'bottom-start';
-        this.scrollStrategy = 'scroll';
         this.flip = false;
         this.distance = 0;
         this.sameWidth = false;
@@ -102,14 +97,9 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
         if (!this.hasUpdated) {
             return;
         }
-        const openChanged = properties.has('open');
-        const strategyChanged = properties.has('scrollStrategy');
-        if (openChanged || properties.has('keepOpenOnOutsideClick')) {
+        if (properties.has('open') || properties.has('keepOpenOnOutsideClick')) {
             this._rootClickController.update();
         }
-        if (openChanged || strategyChanged) {
-            this._rootScrollController.update({ resetListeners: strategyChanged });
-        }
     }
     async firstUpdated() {
         await this.updateComplete;
@@ -302,6 +292,7 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
         this._clearSelectedItem();
     }
     render() {
+        const labelledBy = this._target ? [this._target] : null;
         return html `<igc-popover
       ?open=${this.open}
       ?flip=${this.flip}
@@ -309,10 +300,10 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
       .anchor=${this._target}
       .offset=${this.distance}
       .placement=${this.placement}
-      shift
+      .scrollStrategy=${this.scrollStrategy}
+      @igcPopoverScrollClose=${this._handleClosing}
     >
       <slot
-        id="dropdown-target"
         name="target"
         slot="anchor"
         @click=${this._handleAnchorClick}
@@ -323,7 +314,7 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
           id="dropdown-list"
           role="listbox"
           part="list"
-          aria-labelledby="dropdown-target"
+          .ariaLabelledByElements=${labelledBy}
         >
           <slot></slot>
         </div>
@@ -340,9 +331,6 @@ __decorate([
 __decorate([
     property()
 ], IgcDropdownComponent.prototype, "placement", void 0);
-__decorate([
-    property({ attribute: 'scroll-strategy' })
-], IgcDropdownComponent.prototype, "scrollStrategy", void 0);
 __decorate([
     property({ type: Boolean })
 ], IgcDropdownComponent.prototype, "flip", void 0);