igniteui-webcomponents 5.0.2 → 5.1.0

package/components/common/mixins/forms/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/common/mixins/forms/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Validator } from '../../validators.js';\n\nexport type FormRestoreMode = 'autocomplete' | 'restore';\nexport type FormValueType = string | File | FormData | null;\n\ndeclare class BaseFormAssociatedElement {\n  public static readonly formAssociated: boolean;\n\n  private __internals: ElementInternals;\n\n  // Properties\n\n  protected _dirty: boolean;\n  protected _disabled: boolean;\n  protected _invalid: boolean;\n\n  protected get __validators(): Validator[];\n\n  /**\n   * The disabled state of the component.\n   * @attr\n   * @default false\n   */\n  public disabled: boolean;\n\n  /**\n   * Control the validity of the control.\n   * @attr\n   * @default false\n   */\n  public invalid: boolean;\n\n  /**\n   * The name attribute of the control.\n   * @attr\n   */\n  public name: string;\n\n  /** Returns the HTMLFormElement associated with this element. */\n  public get form(): HTMLFormElement | null;\n\n  /**\n   * Returns a ValidityState object which represents the different validity states\n   * the element can be in, with respect to constraint validation.\n   */\n  public get validity(): ValidityState;\n\n  /** A string containing the validation message of this element. */\n  public get validationMessage(): string;\n\n  /**\n   * A boolean value which returns true if the element is a submittable element\n   * that is a candidate for constraint validation.\n   */\n  public get willValidate(): boolean;\n\n  // Methods\n\n  /**\n   * Invoked on the first `connectedCallback` run before the component has been through the\n   * firstUpdate lifecycle hook. Sets the default value to the **property** state of the value/checked member.\n   */\n  protected _setInitialDefaultValue(): void;\n\n  /**\n   * Sets the default value of the component.\n   * Called in `attributeChangedCallback`(i.e. when the `value` attribute of the control is set).\n   */\n  protected _setDefaultValue(prev: string | null, current: string | null): void;\n\n  /**\n   * Called when the associated parent form is reset.\n   */\n  protected _restoreDefaultValue(): void;\n\n  /**\n   * Executes the {@link BaseFormAssociatedElement._updateValidity | `_updateValidity()`} hook and then applies\n   * the {@link BaseFormAssociatedElement.invalid | `invalid`} attribute on the control and the associated styles\n   * if the element has completed the first update cycle or it has been interacted with by the user.\n   */\n  protected _validate(message?: string): void;\n\n  /**\n   * Executes the component's validators and updates the internal validity state.\n   */\n  protected _updateValidity(message?: string): void;\n\n  /**\n   * Sets the component's submission value and state.\n   */\n  protected _setFormValue(value: FormValueType, state?: FormValueType): void;\n\n  /**\n   * Called by the browser when it associates/disassociates the component with/from a given form element.\n   * Receives the form element as a parameter.\n   *\n   * @remarks\n   * This is not implemented currently.\n   */\n  protected formAssociatedCallback(form: HTMLFormElement): void;\n\n  /**\n   * Called whenever the component or a parent `fieldset` elements are disabled.\n   * Receives the current disabled state.\n   */\n  protected formDisabledCallback(state: boolean): void;\n\n  /**\n   * Called when the form is reset.\n   * Resets the component value/checked state to the default one, internal state and validation.\n   *\n   * @remarks\n   * The default implementation calls {@link BaseFormAssociatedElement._restoreDefaultValue | `_restoreDefaultValue`}.\n   * If additional customization is needed, it is better to override that method instead of this callback.\n   */\n  protected formResetCallback(): void;\n\n  /**\n   * Called when the browser attempts to automatically fill out the component.\n   *\n   * @remarks\n   * This is not implemented currently.\n   */\n  protected formStateRestoreCallback(\n    state: FormValueType,\n    mode: FormRestoreMode\n  ): void;\n\n  /** Checks for validity of the control and emits the invalid event if it invalid. */\n  public checkValidity(): boolean;\n\n  /** Checks for validity of the control and shows the browser message if it invalid. */\n  public reportValidity(): boolean;\n\n  /**\n   * Sets a custom validation message for the control.\n   * As long as `message` is not empty, the control is considered invalid.\n   */\n  public setCustomValidity(message: string): void;\n}\n\nexport declare class FormAssociatedElementInterface extends BaseFormAssociatedElement {\n  protected _defaultValue: unknown;\n}\n\nexport declare class FormAssociatedCheckboxElementInterface extends BaseFormAssociatedElement {\n  protected _defaultChecked: boolean;\n}\n\nexport declare class FormRequiredInterface {\n  protected _required: boolean;\n\n  /**\n   * When set, makes the component a required field for validation.\n   * @attr\n   * @default false\n   */\n  public set required(value: boolean);\n  public get required(): boolean;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/common/mixins/forms/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { LitElement } from 'lit';\nimport type { Validator } from '../../validators.js';\n\nexport type FormRestoreMode = 'autocomplete' | 'restore';\nexport type FormValueType = string | File | FormData | null;\nexport type IgcFormControl = LitElement &\n  (FormAssociatedElementInterface | FormAssociatedCheckboxElementInterface);\n\ndeclare class BaseFormAssociatedElement {\n  public static readonly formAssociated: boolean;\n\n  private __internals: ElementInternals;\n\n  // Properties\n\n  protected _dirty: boolean;\n  protected _disabled: boolean;\n  protected _invalid: boolean;\n\n  protected get __validators(): Validator[];\n\n  /**\n   * The disabled state of the component.\n   * @attr\n   * @default false\n   */\n  public disabled: boolean;\n\n  /**\n   * Sets the control into invalid state (visual state only).\n   * @attr\n   * @default false\n   */\n  public invalid: boolean;\n\n  /**\n   * The name attribute of the control.\n   * @attr\n   */\n  public name: string;\n\n  /** Returns the HTMLFormElement associated with this element. */\n  public get form(): HTMLFormElement | null;\n\n  /**\n   * Returns a ValidityState object which represents the different validity states\n   * the element can be in, with respect to constraint validation.\n   */\n  public get validity(): ValidityState;\n\n  /** A string containing the validation message of this element. */\n  public get validationMessage(): string;\n\n  /**\n   * A boolean value which returns true if the element is a submittable element\n   * that is a candidate for constraint validation.\n   */\n  public get willValidate(): boolean;\n\n  // Methods\n\n  /**\n   * Invoked on the first `connectedCallback` run before the component has been through the\n   * firstUpdate lifecycle hook. Sets the default value to the **property** state of the value/checked member.\n   */\n  protected _setInitialDefaultValue(): void;\n\n  /**\n   * Sets the default value of the component.\n   * Called in `attributeChangedCallback`(i.e. when the `value` attribute of the control is set).\n   */\n  protected _setDefaultValue(prev: string | null, current: string | null): void;\n\n  /**\n   * Called when the associated parent form is reset.\n   */\n  protected _restoreDefaultValue(): void;\n\n  /**\n   * Executes the {@link BaseFormAssociatedElement._updateValidity | `_updateValidity()`} hook and then applies\n   * the {@link BaseFormAssociatedElement.invalid | `invalid`} attribute on the control and the associated styles\n   * if the element has completed the first update cycle or it has been interacted with by the user.\n   */\n  protected _validate(message?: string): void;\n\n  /**\n   * Executes the component's validators and updates the internal validity state.\n   */\n  protected _updateValidity(message?: string): void;\n\n  /**\n   * Sets the component's submission value and state.\n   */\n  protected _setFormValue(value: FormValueType, state?: FormValueType): void;\n\n  /**\n   * Called by the browser when it associates/disassociates the component with/from a given form element.\n   * Receives the form element as a parameter.\n   *\n   * @remarks\n   * This is not implemented currently.\n   */\n  protected formAssociatedCallback(form: HTMLFormElement): void;\n\n  /**\n   * Called whenever the component or a parent `fieldset` elements are disabled.\n   * Receives the current disabled state.\n   */\n  protected formDisabledCallback(state: boolean): void;\n\n  /**\n   * Called when the form is reset.\n   * Resets the component value/checked state to the default one, internal state and validation.\n   *\n   * @remarks\n   * The default implementation calls {@link BaseFormAssociatedElement._restoreDefaultValue | `_restoreDefaultValue`}.\n   * If additional customization is needed, it is better to override that method instead of this callback.\n   */\n  protected formResetCallback(): void;\n\n  /**\n   * Called when the browser attempts to automatically fill out the component.\n   *\n   * @remarks\n   * This is not implemented currently.\n   */\n  protected formStateRestoreCallback(\n    state: FormValueType,\n    mode: FormRestoreMode\n  ): void;\n\n  /** Checks for validity of the control and emits the invalid event if it invalid. */\n  public checkValidity(): boolean;\n\n  /** Checks for validity of the control and shows the browser message if it invalid. */\n  public reportValidity(): boolean;\n\n  /**\n   * Sets a custom validation message for the control.\n   * As long as `message` is not empty, the control is considered invalid.\n   */\n  public setCustomValidity(message: string): void;\n}\n\nexport declare class FormAssociatedElementInterface extends BaseFormAssociatedElement {\n  protected _defaultValue: unknown;\n}\n\nexport declare class FormAssociatedCheckboxElementInterface extends BaseFormAssociatedElement {\n  protected _defaultChecked: boolean;\n}\n\nexport declare class FormRequiredInterface {\n  protected _required: boolean;\n\n  /**\n   * When set, makes the component a required field for validation.\n   * @attr\n   * @default false\n   */\n  public set required(value: boolean);\n  public get required(): boolean;\n}\n"]}

package/components/common/util.d.ts

@@ -97,3 +97,11 @@ export declare function take<T>(iterable: IterableIterator<T>, n: number): T[];
  * ```
  */
 export declare function chunk<T>(arr: T[], size: number): Generator<T[], void, unknown>;
+export declare function splitToWords(text: string): string[];
+export declare function toKebabCase(text: string): string;
+export declare function isFunction(value: unknown): value is CallableFunction;
+export declare function isString(value: unknown): value is string;
+/**
+ * Returns whether a given collection has at least one member.
+ */
+export declare function isEmpty<T, U extends string>(x: ArrayLike<T> | Set<T> | Map<U, T>): boolean;

package/components/common/util.js

@@ -80,14 +80,14 @@ export function getElementsFromEventPath(event) {
     return event.composedPath().filter((item) => isElement(item));
 }
 export function findElementFromEventPath(predicate, event) {
-    const func = typeof predicate === 'string'
+    const func = isString(predicate)
         ? (e) => e.matches(predicate)
         : (e) => predicate(e);
     return getElementsFromEventPath(event).find(func);
 }
 export function groupBy(array, key) {
     const result = {};
-    const _get = typeof key === 'function' ? key : (item) => item[key];
+    const _get = isFunction(key) ? key : (item) => item[key];
     for (const item of array) {
         const category = _get(item);
         const group = result[category];
@@ -128,4 +128,23 @@ export function* chunk(arr, size) {
         yield arr.slice(i, i + size);
     }
 }
+export function splitToWords(text) {
+    const input = text.replaceAll(/[^a-zA-Z0-9\s-_]/g, '');
+    if (/[\s-_]+/.test(input))
+        return input.split(/[\s-_]+/);
+    return input.split(/(?=[A-Z])+/);
+}
+export function toKebabCase(text) {
+    const input = text.trim();
+    return splitToWords(input).join('-').toLocaleLowerCase();
+}
+export function isFunction(value) {
+    return typeof value === 'function';
+}
+export function isString(value) {
+    return typeof value === 'string';
+}
+export function isEmpty(x) {
+    return 'length' in x ? x.length < 1 : x.size < 1;
+}
 //# sourceMappingURL=util.js.map

package/components/common/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/common/util.ts"],"names":[],"mappings":"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","sourcesContent":["export interface PartNameInfo {\n  readonly [name: string]: string | boolean | number;\n}\n\nexport const partNameMap = (partNameInfo: PartNameInfo) => {\n  return Object.keys(partNameInfo)\n    .filter((key) => partNameInfo[key])\n    .join(' ');\n};\n\nexport function noop() {}\n\nexport const asPercent = (part: number, whole: number) => (part / whole) * 100;\n\nexport const clamp = (number: number, min: number, max: number) =>\n  Math.max(min, Math.min(number, max));\n\nexport function numberInRangeInclusive(\n  value: number,\n  min: number,\n  max: number\n) {\n  return value >= min && value <= max;\n}\n\nexport function sameObject(a: object, b: object) {\n  return JSON.stringify(a) === JSON.stringify(b);\n}\n\n/**\n *\n * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the\n * parent doesn't have to be positioned relative or absolute.\n *\n * Work around for the following issues in Chromium based browsers:\n *\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1330819\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1334556\n *\n */\nexport function getOffset(element: HTMLElement, parent: HTMLElement) {\n  const { top, left, bottom, right } = element.getBoundingClientRect();\n  const {\n    top: pTop,\n    left: pLeft,\n    bottom: pBottom,\n    right: pRight,\n  } = parent.getBoundingClientRect();\n\n  return {\n    top: Math.round(top - pTop),\n    left: Math.round(left - pLeft),\n    right: Math.round(right - pRight),\n    bottom: Math.round(bottom - pBottom),\n  };\n}\n\nexport function createCounter() {\n  let i = 0;\n  return () => {\n    i++;\n    return i;\n  };\n}\n\n/**\n * Returns whether an element has a Left-to-Right directionality.\n */\nexport function isLTR(element: HTMLElement) {\n  return element.matches(':dir(ltr)');\n}\n\n/**\n * Builds a string from format specifiers and replacement parameters.\n * Will coerce non-string parameters to their string representations.\n *\n * @example\n * ```typescript\n * formatString('{0} says \"{1}\".', 'John', 'Hello'); // 'John says \"Hello\".'\n * formatString('{1} is greater than {0}', 0, 1); // '1 is greater than 0'\n * ```\n */\nexport function formatString(template: string, ...params: unknown[]): string {\n  const length = params.length;\n\n  return template.replace(/{(\\d+)}/g, (match: string, index: number) =>\n    index >= length ? match : `${params[index]}`\n  );\n}\n\n/**\n * Parse the passed `value` as a number or return the `fallback` if it can't be done.\n *\n * @example\n * ```typescript\n * asNumber('5'); // 5\n * asNumber('3.14'); // 3.14\n * asNumber('five'); // 0\n * asNUmber('five', 5); // 5\n * ```\n */\nexport function asNumber(value: unknown, fallback = 0) {\n  const parsed = Number.parseFloat(value as string);\n  return Number.isNaN(parsed) ? fallback : parsed;\n}\n\n/**\n * Returns the value wrapped between the min and max bounds.\n *\n * If the value is greater than max, returns the min and vice-versa.\n * If the value is between the bounds, it is returned unchanged.\n *\n * @example\n * ```typescript\n * wrap(1, 4, 2); // 2\n * wrap(1, 4, 5); // 1\n * wrap(1, 4, -1); // 4\n * ```\n */\nexport function wrap(min: number, max: number, value: number) {\n  if (value < min) {\n    return max;\n  }\n  if (value > max) {\n    return min;\n  }\n\n  return value;\n}\n\nexport function isDefined<T = unknown>(value: T) {\n  return value !== undefined;\n}\n\nexport function* iterNodes<T = Node>(\n  root: Node,\n  whatToShow?: keyof typeof NodeFilter,\n  filter?: (node: T) => boolean\n): Generator<T> {\n  if (!isDefined(globalThis.document)) {\n    return;\n  }\n\n  const iter = globalThis.document.createTreeWalker(\n    root,\n    NodeFilter[whatToShow ?? 'SHOW_ALL']\n  );\n\n  let node = iter.nextNode() as T;\n\n  while (node) {\n    if (filter) {\n      if (filter(node)) {\n        yield node;\n      }\n    } else {\n      yield node;\n    }\n\n    node = iter.nextNode() as T;\n  }\n}\n\nexport function getElementByIdFromRoot(root: HTMLElement, id: string) {\n  return (root.getRootNode() as Document | ShadowRoot).getElementById(id);\n}\n\nexport function isElement(node: unknown): node is Element {\n  return node instanceof Node && node.nodeType === Node.ELEMENT_NODE;\n}\n\nexport function getElementsFromEventPath<T extends Element>(event: Event) {\n  return event.composedPath().filter((item) => isElement(item)) as T[];\n}\n\nexport function findElementFromEventPath<T extends Element>(\n  predicate: string | ((element: Element) => boolean),\n  event: Event\n) {\n  const func =\n    typeof predicate === 'string'\n      ? (e: Element) => e.matches(predicate)\n      : (e: Element) => predicate(e);\n\n  return getElementsFromEventPath(event).find(func) as T | undefined;\n}\n\nexport function groupBy<T>(array: T[], key: keyof T | ((item: T) => any)) {\n  const result: Record<string, T[]> = {};\n  const _get = typeof key === 'function' ? key : (item: T) => item[key];\n\n  for (const item of array) {\n    const category = _get(item);\n    const group = result[category];\n\n    if (Array.isArray(group)) {\n      group.push(item);\n    } else {\n      result[category] = [item];\n    }\n  }\n\n  return result;\n}\n\nexport function first<T>(arr: T[]) {\n  return arr.at(0) as T;\n}\n\nexport function last<T>(arr: T[]) {\n  return arr.at(-1) as T;\n}\n\nexport function modulo(n: number, d: number) {\n  return ((n % d) + d) % d;\n}\n\n/**\n * Creates an array of `n` elements from a given iterator.\n *\n */\nexport function take<T>(iterable: IterableIterator<T>, n: number) {\n  const result: T[] = [];\n  let i = 0;\n  let current = iterable.next();\n\n  while (i < n && !current.done) {\n    result.push(current.value);\n    current = iterable.next();\n    i++;\n  }\n\n  return result;\n}\n\n/**\n * Splits an array into chunks of length `size` and returns a generator\n * yielding each chunk.\n * The last chunk may contain less than `size` elements.\n *\n * @example\n * ```typescript\n * const arr = [0,1,2,3,4,5,6,7,8,9];\n *\n * Array.from(chunk(arr, 2)) // [[0, 1], [2, 3], [4, 5], [6, 7], [8, 9]]\n * Array.from(chunk(arr, 3)) // [[0, 1, 2], [3, 4, 5], [6, 7, 8], [9]]\n * Array.from(chunk([], 3)) // []\n * Array.from(chunk(arr, -3)) // Error\n * ```\n */\nexport function* chunk<T>(arr: T[], size: number) {\n  if (size < 1) {\n    throw new Error('size must be an integer >= 1');\n  }\n  for (let i = 0; i < arr.length; i += size) {\n    yield arr.slice(i, i + size);\n  }\n}\n"]}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/common/util.ts"],"names":[],"mappings":"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","sourcesContent":["export interface PartNameInfo {\n  readonly [name: string]: string | boolean | number;\n}\n\nexport const partNameMap = (partNameInfo: PartNameInfo) => {\n  return Object.keys(partNameInfo)\n    .filter((key) => partNameInfo[key])\n    .join(' ');\n};\n\nexport function noop() {}\n\nexport const asPercent = (part: number, whole: number) => (part / whole) * 100;\n\nexport const clamp = (number: number, min: number, max: number) =>\n  Math.max(min, Math.min(number, max));\n\nexport function numberInRangeInclusive(\n  value: number,\n  min: number,\n  max: number\n) {\n  return value >= min && value <= max;\n}\n\nexport function sameObject(a: object, b: object) {\n  return JSON.stringify(a) === JSON.stringify(b);\n}\n\n/**\n *\n * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the\n * parent doesn't have to be positioned relative or absolute.\n *\n * Work around for the following issues in Chromium based browsers:\n *\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1330819\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1334556\n *\n */\nexport function getOffset(element: HTMLElement, parent: HTMLElement) {\n  const { top, left, bottom, right } = element.getBoundingClientRect();\n  const {\n    top: pTop,\n    left: pLeft,\n    bottom: pBottom,\n    right: pRight,\n  } = parent.getBoundingClientRect();\n\n  return {\n    top: Math.round(top - pTop),\n    left: Math.round(left - pLeft),\n    right: Math.round(right - pRight),\n    bottom: Math.round(bottom - pBottom),\n  };\n}\n\nexport function createCounter() {\n  let i = 0;\n  return () => {\n    i++;\n    return i;\n  };\n}\n\n/**\n * Returns whether an element has a Left-to-Right directionality.\n */\nexport function isLTR(element: HTMLElement) {\n  return element.matches(':dir(ltr)');\n}\n\n/**\n * Builds a string from format specifiers and replacement parameters.\n * Will coerce non-string parameters to their string representations.\n *\n * @example\n * ```typescript\n * formatString('{0} says \"{1}\".', 'John', 'Hello'); // 'John says \"Hello\".'\n * formatString('{1} is greater than {0}', 0, 1); // '1 is greater than 0'\n * ```\n */\nexport function formatString(template: string, ...params: unknown[]): string {\n  const length = params.length;\n\n  return template.replace(/{(\\d+)}/g, (match: string, index: number) =>\n    index >= length ? match : `${params[index]}`\n  );\n}\n\n/**\n * Parse the passed `value` as a number or return the `fallback` if it can't be done.\n *\n * @example\n * ```typescript\n * asNumber('5'); // 5\n * asNumber('3.14'); // 3.14\n * asNumber('five'); // 0\n * asNUmber('five', 5); // 5\n * ```\n */\nexport function asNumber(value: unknown, fallback = 0) {\n  const parsed = Number.parseFloat(value as string);\n  return Number.isNaN(parsed) ? fallback : parsed;\n}\n\n/**\n * Returns the value wrapped between the min and max bounds.\n *\n * If the value is greater than max, returns the min and vice-versa.\n * If the value is between the bounds, it is returned unchanged.\n *\n * @example\n * ```typescript\n * wrap(1, 4, 2); // 2\n * wrap(1, 4, 5); // 1\n * wrap(1, 4, -1); // 4\n * ```\n */\nexport function wrap(min: number, max: number, value: number) {\n  if (value < min) {\n    return max;\n  }\n  if (value > max) {\n    return min;\n  }\n\n  return value;\n}\n\nexport function isDefined<T = unknown>(value: T) {\n  return value !== undefined;\n}\n\nexport function* iterNodes<T = Node>(\n  root: Node,\n  whatToShow?: keyof typeof NodeFilter,\n  filter?: (node: T) => boolean\n): Generator<T> {\n  if (!isDefined(globalThis.document)) {\n    return;\n  }\n\n  const iter = globalThis.document.createTreeWalker(\n    root,\n    NodeFilter[whatToShow ?? 'SHOW_ALL']\n  );\n\n  let node = iter.nextNode() as T;\n\n  while (node) {\n    if (filter) {\n      if (filter(node)) {\n        yield node;\n      }\n    } else {\n      yield node;\n    }\n\n    node = iter.nextNode() as T;\n  }\n}\n\nexport function getElementByIdFromRoot(root: HTMLElement, id: string) {\n  return (root.getRootNode() as Document | ShadowRoot).getElementById(id);\n}\n\nexport function isElement(node: unknown): node is Element {\n  return node instanceof Node && node.nodeType === Node.ELEMENT_NODE;\n}\n\nexport function getElementsFromEventPath<T extends Element>(event: Event) {\n  return event.composedPath().filter((item) => isElement(item)) as T[];\n}\n\nexport function findElementFromEventPath<T extends Element>(\n  predicate: string | ((element: Element) => boolean),\n  event: Event\n) {\n  const func = isString(predicate)\n    ? (e: Element) => e.matches(predicate)\n    : (e: Element) => predicate(e);\n\n  return getElementsFromEventPath(event).find(func) as T | undefined;\n}\n\nexport function groupBy<T>(array: T[], key: keyof T | ((item: T) => any)) {\n  const result: Record<string, T[]> = {};\n  const _get = isFunction(key) ? key : (item: T) => item[key];\n\n  for (const item of array) {\n    const category = _get(item);\n    const group = result[category];\n\n    if (Array.isArray(group)) {\n      group.push(item);\n    } else {\n      result[category] = [item];\n    }\n  }\n\n  return result;\n}\n\nexport function first<T>(arr: T[]) {\n  return arr.at(0) as T;\n}\n\nexport function last<T>(arr: T[]) {\n  return arr.at(-1) as T;\n}\n\nexport function modulo(n: number, d: number) {\n  return ((n % d) + d) % d;\n}\n\n/**\n * Creates an array of `n` elements from a given iterator.\n *\n */\nexport function take<T>(iterable: IterableIterator<T>, n: number) {\n  const result: T[] = [];\n  let i = 0;\n  let current = iterable.next();\n\n  while (i < n && !current.done) {\n    result.push(current.value);\n    current = iterable.next();\n    i++;\n  }\n\n  return result;\n}\n\n/**\n * Splits an array into chunks of length `size` and returns a generator\n * yielding each chunk.\n * The last chunk may contain less than `size` elements.\n *\n * @example\n * ```typescript\n * const arr = [0,1,2,3,4,5,6,7,8,9];\n *\n * Array.from(chunk(arr, 2)) // [[0, 1], [2, 3], [4, 5], [6, 7], [8, 9]]\n * Array.from(chunk(arr, 3)) // [[0, 1, 2], [3, 4, 5], [6, 7, 8], [9]]\n * Array.from(chunk([], 3)) // []\n * Array.from(chunk(arr, -3)) // Error\n * ```\n */\nexport function* chunk<T>(arr: T[], size: number) {\n  if (size < 1) {\n    throw new Error('size must be an integer >= 1');\n  }\n  for (let i = 0; i < arr.length; i += size) {\n    yield arr.slice(i, i + size);\n  }\n}\n\nexport function splitToWords(text: string) {\n  const input = text.replaceAll(/[^a-zA-Z0-9\\s-_]/g, '');\n  if (/[\\s-_]+/.test(input)) return input.split(/[\\s-_]+/);\n  return input.split(/(?=[A-Z])+/);\n}\n\nexport function toKebabCase(text: string): string {\n  const input = text.trim();\n  return splitToWords(input).join('-').toLocaleLowerCase();\n}\n\nexport function isFunction(value: unknown): value is CallableFunction {\n  return typeof value === 'function';\n}\n\nexport function isString(value: unknown): value is string {\n  return typeof value === 'string';\n}\n\n/**\n * Returns whether a given collection has at least one member.\n */\nexport function isEmpty<T, U extends string>(\n  x: ArrayLike<T> | Set<T> | Map<U, T>\n): boolean {\n  return 'length' in x ? x.length < 1 : x.size < 1;\n}\n"]}

package/components/common/validators.d.ts

@@ -9,10 +9,6 @@ export declare const requiredValidator: Validator<{
     required: boolean;
     value?: unknown;
 }>;
-export declare const requiredNumberValidator: Validator<{
-    required: boolean;
-    value?: number | string;
-}>;
 export declare const requiredBooleanValidator: Validator<{
     required: boolean;
     checked: boolean;

package/components/common/validators.js

@@ -7,11 +7,6 @@ export const requiredValidator = {
     message: validatorMessages.required,
     isValid: ({ required, value }) => (required ? !!value : true),
 };
-export const requiredNumberValidator = {
-    key: 'valueMissing',
-    message: validatorMessages.required,
-    isValid: ({ required, value }) => (required ? isDefined(value) : true),
-};
 export const requiredBooleanValidator = {
     key: 'valueMissing',
     message: validatorMessages.required,

package/components/common/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/common/validators.ts"],"names":[],"mappings":"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","sourcesContent":["import { DateTimeUtil } from '../date-time-input/date-util.js';\nimport validatorMessages from './localization/validation-en.js';\nimport { asNumber, formatString, isDefined } from './util.js';\n\ntype ValidatorHandler<T> = (host: T) => boolean;\ntype ValidatorMessageFormat<T> = (host: T) => string;\n\nexport interface Validator<T = any> {\n  key: keyof ValidityStateFlags;\n  message: string | ValidatorMessageFormat<T>;\n  isValid: ValidatorHandler<T>;\n}\n\nconst emailRegex =\n  /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;\n\nexport const requiredValidator: Validator<{\n  required: boolean;\n  value?: unknown;\n}> = {\n  key: 'valueMissing',\n  message: validatorMessages.required,\n  isValid: ({ required, value }) => (required ? !!value : true),\n};\n\nexport const requiredNumberValidator: Validator<{\n  required: boolean;\n  value?: number | string;\n}> = {\n  key: 'valueMissing',\n  message: validatorMessages.required,\n  isValid: ({ required, value }) => (required ? isDefined(value) : true),\n};\n\nexport const requiredBooleanValidator: Validator<{\n  required: boolean;\n  checked: boolean;\n}> = {\n  key: 'valueMissing',\n  message: validatorMessages.required,\n  isValid: ({ required, checked }) => (required ? checked : true),\n};\n\nexport const minLengthValidator: Validator<{\n  minLength: number;\n  value: string;\n}> = {\n  key: 'tooShort',\n  message: ({ minLength }) =>\n    formatString(validatorMessages.minLength, minLength),\n  isValid: ({ minLength, value }) =>\n    minLength ? value.length >= minLength : true,\n};\n\nexport const maxLengthValidator: Validator<{\n  maxLength: number;\n  value: string;\n}> = {\n  key: 'tooLong',\n  message: ({ maxLength }) =>\n    formatString(validatorMessages.maxLength, maxLength),\n  isValid: ({ maxLength, value }) =>\n    maxLength ? value.length <= maxLength : true,\n};\n\nexport const patternValidator: Validator<{ pattern: string; value: string }> = {\n  key: 'patternMismatch',\n  message: validatorMessages.pattern,\n  isValid: ({ pattern, value }) =>\n    pattern ? new RegExp(pattern, 'u').test(value) : true,\n};\n\nexport const minValidator: Validator<{\n  min: number | string;\n  value: number | string;\n}> = {\n  key: 'rangeUnderflow',\n  message: ({ min }) => formatString(validatorMessages.min, min),\n  isValid: ({ min, value }) =>\n    isDefined(min)\n      ? isDefined(value) && asNumber(value) >= asNumber(min)\n      : true,\n};\n\nexport const maxValidator: Validator<{\n  max: number | string;\n  value: number | string;\n}> = {\n  key: 'rangeOverflow',\n  message: ({ max }) => formatString(validatorMessages.max, max),\n  isValid: ({ max, value }) =>\n    isDefined(max)\n      ? isDefined(value) && asNumber(value) <= asNumber(max)\n      : true,\n};\n\nexport const stepValidator: Validator<{\n  min: number | string;\n  step: number | string;\n  value: number | string;\n}> = {\n  key: 'stepMismatch',\n  message: 'Value does not conform to step constraint',\n  isValid: ({ min, step, value }) =>\n    isDefined(step)\n      ? (asNumber(value) - asNumber(min)) % asNumber(step, 1) === 0\n      : true,\n};\n\nexport const emailValidator: Validator<{ value: string }> = {\n  key: 'typeMismatch',\n  message: validatorMessages.email,\n  isValid: ({ value }) => emailRegex.test(value),\n};\n\nexport const urlValidator: Validator<{ value: string }> = {\n  key: 'typeMismatch',\n  message: validatorMessages.url,\n  isValid: ({ value }) => URL.canParse(value),\n};\n\nexport const minDateValidator: Validator<{\n  value?: Date | null;\n  min?: Date | null;\n}> = {\n  key: 'rangeUnderflow',\n  message: ({ min }) => formatString(validatorMessages.min, min),\n  isValid: ({ value, min }) =>\n    min\n      ? !DateTimeUtil.lessThanMinValue(value ?? new Date(), min, false, true)\n      : true,\n};\n\nexport const maxDateValidator: Validator<{\n  value?: Date | null;\n  max?: Date | null;\n}> = {\n  key: 'rangeOverflow',\n  message: ({ max }) => formatString(validatorMessages.max, max),\n  isValid: ({ value, max }) =>\n    max\n      ? !DateTimeUtil.greaterThanMaxValue(value ?? new Date(), max, false, true)\n      : true,\n};\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/common/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,iBAAiB,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAW9D,MAAM,UAAU,GACd,sIAAsI,CAAC;AAEzI,MAAM,CAAC,MAAM,iBAAiB,GAGzB;IACH,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,iBAAiB,CAAC,QAAQ;IACnC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;CAC9D,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAGhC;IACH,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,iBAAiB,CAAC,QAAQ;IACnC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;CAChE,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAG1B;IACH,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACzB,YAAY,CAAC,iBAAiB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtD,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAChC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAG1B;IACH,GAAG,EAAE,SAAS;IACd,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACzB,YAAY,CAAC,iBAAiB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtD,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAChC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAkD;IAC7E,GAAG,EAAE,iBAAiB;IACtB,OAAO,EAAE,iBAAiB,CAAC,OAAO;IAClC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAC9B,OAAO,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;CACxD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAGpB;IACH,GAAG,EAAE,gBAAgB;IACrB,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC;IAC9D,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAC1B,SAAS,CAAC,GAAG,CAAC;QACZ,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC;QACtD,CAAC,CAAC,IAAI;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAGpB;IACH,GAAG,EAAE,eAAe;IACpB,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC;IAC9D,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAC1B,SAAS,CAAC,GAAG,CAAC;QACZ,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC;QACtD,CAAC,CAAC,IAAI;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAIrB;IACH,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,2CAA2C;IACpD,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAChC,SAAS,CAAC,IAAI,CAAC;QACb,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC;QAC7D,CAAC,CAAC,IAAI;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAiC;IAC1D,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,iBAAiB,CAAC,KAAK;IAChC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAiC;IACxD,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,iBAAiB,CAAC,GAAG;IAC9B,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAGxB;IACH,GAAG,EAAE,gBAAgB;IACrB,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC;IAC9D,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAC1B,GAAG;QACD,CAAC,CAAC,CAAC,YAAY,CAAC,gBAAgB,CAAC,KAAK,IAAI,IAAI,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC;QACvE,CAAC,CAAC,IAAI;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAGxB;IACH,GAAG,EAAE,eAAe;IACpB,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC;IAC9D,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAC1B,GAAG;QACD,CAAC,CAAC,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,IAAI,IAAI,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC;QAC1E,CAAC,CAAC,IAAI;CACX,CAAC","sourcesContent":["import { DateTimeUtil } from '../date-time-input/date-util.js';\nimport validatorMessages from './localization/validation-en.js';\nimport { asNumber, formatString, isDefined } from './util.js';\n\ntype ValidatorHandler<T> = (host: T) => boolean;\ntype ValidatorMessageFormat<T> = (host: T) => string;\n\nexport interface Validator<T = any> {\n  key: keyof ValidityStateFlags;\n  message: string | ValidatorMessageFormat<T>;\n  isValid: ValidatorHandler<T>;\n}\n\nconst emailRegex =\n  /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;\n\nexport const requiredValidator: Validator<{\n  required: boolean;\n  value?: unknown;\n}> = {\n  key: 'valueMissing',\n  message: validatorMessages.required,\n  isValid: ({ required, value }) => (required ? !!value : true),\n};\n\nexport const requiredBooleanValidator: Validator<{\n  required: boolean;\n  checked: boolean;\n}> = {\n  key: 'valueMissing',\n  message: validatorMessages.required,\n  isValid: ({ required, checked }) => (required ? checked : true),\n};\n\nexport const minLengthValidator: Validator<{\n  minLength: number;\n  value: string;\n}> = {\n  key: 'tooShort',\n  message: ({ minLength }) =>\n    formatString(validatorMessages.minLength, minLength),\n  isValid: ({ minLength, value }) =>\n    minLength ? value.length >= minLength : true,\n};\n\nexport const maxLengthValidator: Validator<{\n  maxLength: number;\n  value: string;\n}> = {\n  key: 'tooLong',\n  message: ({ maxLength }) =>\n    formatString(validatorMessages.maxLength, maxLength),\n  isValid: ({ maxLength, value }) =>\n    maxLength ? value.length <= maxLength : true,\n};\n\nexport const patternValidator: Validator<{ pattern: string; value: string }> = {\n  key: 'patternMismatch',\n  message: validatorMessages.pattern,\n  isValid: ({ pattern, value }) =>\n    pattern ? new RegExp(pattern, 'u').test(value) : true,\n};\n\nexport const minValidator: Validator<{\n  min: number | string;\n  value: number | string;\n}> = {\n  key: 'rangeUnderflow',\n  message: ({ min }) => formatString(validatorMessages.min, min),\n  isValid: ({ min, value }) =>\n    isDefined(min)\n      ? isDefined(value) && asNumber(value) >= asNumber(min)\n      : true,\n};\n\nexport const maxValidator: Validator<{\n  max: number | string;\n  value: number | string;\n}> = {\n  key: 'rangeOverflow',\n  message: ({ max }) => formatString(validatorMessages.max, max),\n  isValid: ({ max, value }) =>\n    isDefined(max)\n      ? isDefined(value) && asNumber(value) <= asNumber(max)\n      : true,\n};\n\nexport const stepValidator: Validator<{\n  min: number | string;\n  step: number | string;\n  value: number | string;\n}> = {\n  key: 'stepMismatch',\n  message: 'Value does not conform to step constraint',\n  isValid: ({ min, step, value }) =>\n    isDefined(step)\n      ? (asNumber(value) - asNumber(min)) % asNumber(step, 1) === 0\n      : true,\n};\n\nexport const emailValidator: Validator<{ value: string }> = {\n  key: 'typeMismatch',\n  message: validatorMessages.email,\n  isValid: ({ value }) => emailRegex.test(value),\n};\n\nexport const urlValidator: Validator<{ value: string }> = {\n  key: 'typeMismatch',\n  message: validatorMessages.url,\n  isValid: ({ value }) => URL.canParse(value),\n};\n\nexport const minDateValidator: Validator<{\n  value?: Date | null;\n  min?: Date | null;\n}> = {\n  key: 'rangeUnderflow',\n  message: ({ min }) => formatString(validatorMessages.min, min),\n  isValid: ({ value, min }) =>\n    min\n      ? !DateTimeUtil.lessThanMinValue(value ?? new Date(), min, false, true)\n      : true,\n};\n\nexport const maxDateValidator: Validator<{\n  value?: Date | null;\n  max?: Date | null;\n}> = {\n  key: 'rangeOverflow',\n  message: ({ max }) => formatString(validatorMessages.max, max),\n  isValid: ({ value, max }) =>\n    max\n      ? !DateTimeUtil.greaterThanMaxValue(value ?? new Date(), max, false, true)\n      : true,\n};\n"]}

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

@@ -1,10 +1,11 @@
+import { type TemplateResult } from 'lit';
 import { type DateRangeDescriptor, type WeekDays } from '../calendar/types.js';
 import { type IgcCalendarResourceStrings } from '../common/i18n/calendar.resources.js';
 import { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';
 import type { AbstractConstructor } from '../common/mixins/constructor.js';
 import type { DatePart } from '../date-time-input/date-util.js';
 import type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';
-export interface IgcDatepickerEventMap {
+export interface IgcDatePickerComponentEventMap {
     igcOpening: CustomEvent<void>;
     igcOpened: CustomEvent<void>;
     igcClosing: CustomEvent<void>;
@@ -12,7 +13,7 @@ export interface IgcDatepickerEventMap {
     igcChange: CustomEvent<Date>;
     igcInput: CustomEvent<Date>;
 }
-declare const IgcDatePickerComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDatepickerEventMap>> & AbstractConstructor<IgcBaseComboBoxLikeComponent>;
+declare const IgcDatePickerComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDatePickerComponentEventMap>> & AbstractConstructor<IgcBaseComboBoxLikeComponent>;
 /**
  * igc-date-picker is a feature rich component used for entering a date through manual text input or
  * choosing date values from a calendar dialog that pops up.
@@ -22,6 +23,12 @@ declare const IgcDatePickerComponent_base: import("../common/mixins/constructor.
  * @slot prefix - Renders content before the input.
  * @slot suffix - Renders content after the input.
  * @slot helper-text - Renders content below the input.
+ * @slot bad-input - Renders content when the value is in the disabledDates ranges.
+ * @slot value-missing - Renders content when the required validation fails.
+ * @slot range-overflow - Renders content when the max validation fails.
+ * @slot range-underflow - Renders content when the min validation fails.
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
  * @slot title - Renders content in the calendar title.
  * @slot header-date - Renders content instead of the current date/range in the calendar header.
  * @slot clear-icon - Renders a clear icon template.
@@ -111,7 +118,6 @@ export default class IgcDatePickerComponent extends IgcDatePickerComponent_base
     private suffixes;
     private actions;
     private headerDateSlotItems;
-    private helperText;
     protected get _isMaterialTheme(): boolean;
     /**
      * Sets the state of the datepicker dropdown.
@@ -233,7 +239,7 @@ export default class IgcDatePickerComponent extends IgcDatePickerComponent_base
     /** Sets the start day of the week for the calendar. */
     weekStart: WeekDays;
     constructor();
-    protected createRenderRoot(): DocumentFragment | HTMLElement;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     /** Clears the input part of the component of any user input */
     clear(): void;
     /** Increments the passed in date part */
@@ -264,12 +270,12 @@ export default class IgcDatePickerComponent extends IgcDatePickerComponent_base
     private renderCalendarIcon;
     private renderCalendarSlots;
     private renderCalendar;
-    protected renderActions(): import("lit-html").TemplateResult<1>;
-    protected renderPicker(id: string): import("lit-html").TemplateResult<1>;
+    protected renderActions(): TemplateResult<1>;
+    protected renderPicker(id: string): TemplateResult<1>;
     private renderLabel;
     private renderHelperText;
-    protected renderInput(id: string): import("lit-html").TemplateResult<1>;
-    protected render(): import("lit-html").TemplateResult<1>;
+    protected renderInput(id: string): TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -27,6 +27,7 @@ import IgcDialogComponent from '../dialog/dialog.js';
 import IgcFocusTrapComponent from '../focus-trap/focus-trap.js';
 import IgcIconComponent from '../icon/icon.js';
 import IgcPopoverComponent from '../popover/popover.js';
+import IgcValidationContainerComponent from '../validation-container/validation-container.js';
 import { styles } from './themes/date-picker.base.css.js';
 import { styles as shared } from './themes/shared/date-picker.common.css.js';
 import { all } from './themes/themes.js';
@@ -37,7 +38,7 @@ let IgcDatePickerComponent = IgcDatePickerComponent_1 = class IgcDatePickerCompo
         return datePickerValidators;
     }
     static register() {
-        registerComponent(IgcDatePickerComponent_1, IgcCalendarComponent, IgcDateTimeInputComponent, IgcFocusTrapComponent, IgcIconComponent, IgcPopoverComponent, IgcDialogComponent);
+        registerComponent(IgcDatePickerComponent_1, IgcCalendarComponent, IgcDateTimeInputComponent, IgcFocusTrapComponent, IgcIconComponent, IgcPopoverComponent, IgcDialogComponent, IgcValidationContainerComponent);
     }
     get isDropDown() {
         return this.mode === 'dropdown';
@@ -356,9 +357,7 @@ let IgcDatePickerComponent = IgcDatePickerComponent_1 = class IgcDatePickerCompo
             : nothing;
     }
     renderHelperText() {
-        return html `<div part="helper-text" ?hidden=${!this.helperText.length}>
-      <slot name="helper-text"></slot>
-    </div>`;
+        return IgcValidationContainerComponent.create(this);
     }
     renderInput(id) {
         const format = formats.has(this._displayFormat)
@@ -434,9 +433,6 @@ __decorate([
 __decorate([
     queryAssignedElements({ slot: 'header-date' })
 ], IgcDatePickerComponent.prototype, "headerDateSlotItems", void 0);
-__decorate([
-    queryAssignedElements({ slot: 'helper-text' })
-], IgcDatePickerComponent.prototype, "helperText", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcDatePickerComponent.prototype, "open", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport IgcCalendarComponent, { focusActiveDate } from '../calendar/calendar.js';\nimport { dateFromISOString } from '../calendar/helpers.js';\nimport {\n  type DateRangeDescriptor,\n  DateRangeType,\n  type WeekDays,\n} from '../calendar/types.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowUp,\n  escapeKey,\n} from '../common/controllers/key-bindings.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  IgcCalendarResourceStringEN,\n  type IgcCalendarResourceStrings,\n} from '../common/i18n/calendar.resources.js';\nimport { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { createCounter, findElementFromEventPath } from '../common/util.js';\nimport IgcDateTimeInputComponent from '../date-time-input/date-time-input.js';\nimport type { DatePart } from '../date-time-input/date-util.js';\nimport IgcDialogComponent from '../dialog/dialog.js';\nimport IgcFocusTrapComponent from '../focus-trap/focus-trap.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport { styles } from './themes/date-picker.base.css.js';\nimport { styles as shared } from './themes/shared/date-picker.common.css.js';\nimport { all } from './themes/themes.js';\nimport { datePickerValidators } from './validators.js';\n\nexport interface IgcDatepickerEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n  igcChange: CustomEvent<Date>;\n  igcInput: CustomEvent<Date>;\n}\n\nconst formats = new Set(['short', 'medium', 'long', 'full']);\n\n/**\n * igc-date-picker is a feature rich component used for entering a date through manual text input or\n * choosing date values from a calendar dialog that pops up.\n *\n * @element igc-date-picker\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after the input.\n * @slot helper-text - Renders content below the input.\n * @slot title - Renders content in the calendar title.\n * @slot header-date - Renders content instead of the current date/range in the calendar header.\n * @slot clear-icon - Renders a clear icon template.\n * @slot calendar-icon - Renders the icon/content for the calendar picker.\n * @slot calendar-icon-open - Renders the icon/content for the picker in open state.\n * @slot actions - Renders content in the action part of the picker in open state.\n *\n * @fires igcOpening - Emitted just before the calendar dropdown is shown.\n * @fires igcOpened - Emitted after the calendar dropdown is shown.\n * @fires igcClosing - Emitted just before the calendar dropdown is hidden.\n * @fires igcClosed - Emitted after the calendar dropdown is hidden.\n * @fires igcChange - Emitted when the user modifies and commits the elements's value.\n * @fires igcInput - Emitted when when the user types in the element.\n *\n * @csspart label - The label wrapper that renders content above the target input.\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart calendar-icon - The calendar icon wrapper for closed state.\n * @csspart calendar-icon-open - The calendar icon wrapper for opened state.\n * @csspart clear-icon - The clear icon wrapper.\n * @csspart actions - The actions wrapper.\n * @csspart helper-text - The helper-text wrapper that renders content below the target input.\n * @csspart header - The calendar header element.\n * @csspart header-title - The calendar header title element.\n * @csspart header-date - The calendar header date element.\n * @csspart calendar-content - The calendar content element which contains the views and navigation elements.\n * @csspart navigation - The calendar navigation container element.\n * @csspart months-navigation - The calendar months navigation button element.\n * @csspart years-navigation - The calendar years navigation button element.\n * @csspart years-range - The calendar years range element.\n * @csspart navigation-buttons - The calendar navigation buttons container.\n * @csspart navigation-button - The calendar previous/next navigation button.\n * @csspart days-view-container - The calendar days view container element.\n * @csspart days-view - The calendar days view element.\n * @csspart months-view - The calendar months view element.\n * @csspart years-view - The calendar years view element.\n * @csspart days-row - The calendar days row element.\n * @csspart calendar-label - The calendar week header label element.\n * @csspart week-number - The calendar week number element.\n * @csspart week-number-inner - The calendar week number inner element.\n * @csspart date - The calendar date element.\n * @csspart date-inner - The calendar date inner element.\n * @csspart first - The calendar first selected date element in range selection.\n * @csspart last - The calendar last selected date element in range selection.\n * @csspart inactive - The calendar inactive date element.\n * @csspart hidden - The calendar hidden date element.\n * @csspart weekend - The calendar weekend date element.\n * @csspart range - The calendar range selected element.\n * @csspart special - The calendar special date element.\n * @csspart disabled - The calendar disabled date element.\n * @csspart single - The calendar single selected date element.\n * @csspart preview - The calendar range selection preview date element.\n * @csspart month - The calendar month element.\n * @csspart month-inner - The calendar month inner element.\n * @csspart year - The calendar year element.\n * @csspart year-inner - The calendar year inner element.\n * @csspart selected - The calendar selected state for element(s). Applies to date, month and year elements.\n * @csspart current - The calendar current state for element(s). Applies to date, month and year elements.\n */\n@themes(all, { exposeController: true })\n@blazorAdditionalDependencies(\n  'IgcCalendarComponent, IgcDateTimeInputComponent, IgcDialogComponent, IgcIconComponent'\n)\nexport default class IgcDatePickerComponent extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<\n    IgcDatepickerEventMap,\n    AbstractConstructor<IgcBaseComboBoxLikeComponent>\n  >(IgcBaseComboBoxLikeComponent)\n) {\n  public static readonly tagName = 'igc-date-picker';\n  public static styles = [styles, shared];\n\n  protected static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  private static readonly increment = createCounter();\n  protected inputId = `date-picker-${IgcDatePickerComponent.increment()}`;\n\n  protected override get __validators() {\n    return datePickerValidators;\n  }\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcDatePickerComponent,\n      IgcCalendarComponent,\n      IgcDateTimeInputComponent,\n      IgcFocusTrapComponent,\n      IgcIconComponent,\n      IgcPopoverComponent,\n      IgcDialogComponent\n    );\n  }\n\n  private _value?: Date | null;\n  private _activeDate?: Date | null;\n  private _min?: Date;\n  private _max?: Date;\n  private _disabledDates?: DateRangeDescriptor[];\n  private _dateConstraints?: DateRangeDescriptor[];\n  private _displayFormat?: string;\n  private _inputFormat?: string;\n\n  private get isDropDown() {\n    return this.mode === 'dropdown';\n  }\n\n  @query(IgcDateTimeInputComponent.tagName)\n  private _input!: IgcDateTimeInputComponent;\n\n  @query(IgcCalendarComponent.tagName)\n  private _calendar!: IgcCalendarComponent;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  private prefixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'suffix' })\n  private suffixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'actions' })\n  private actions!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'header-date' })\n  private headerDateSlotItems!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'helper-text' })\n  private helperText!: Array<HTMLElement>;\n\n  protected get _isMaterialTheme(): boolean {\n    return getThemeController(this)?.theme === 'material';\n  }\n\n  /**\n   * Sets the state of the datepicker dropdown.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public override open = false;\n\n  /**\n   * The label of the datepicker.\n   * @attr label\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * Determines whether the calendar is opened in a dropdown or a modal dialog\n   * @attr mode\n   */\n  @property()\n  public mode: 'dropdown' | 'dialog' = 'dropdown';\n\n  /**\n   * Whether to allow typing in the input.\n   * @attr non-editable\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'non-editable' })\n  public nonEditable = false;\n\n  /**\n   * Makes the control a readonly field.\n   * @attr readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'readonly' })\n  public readOnly = false;\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the picker\n   * @attr\n   */\n  @property({ converter: dateFromISOString })\n  public set value(value: Date | null) {\n    this._value = value;\n    this._setFormValue(value ? value.toISOString() : null);\n    this._validate();\n  }\n\n  public get value(): Date | null {\n    return this._value ?? null;\n  }\n\n  /**\n   * Gets/Sets the date which is shown in the calendar picker and is highlighted.\n   * By default it is the current date.\n   */\n  @property({ attribute: 'active-date', converter: dateFromISOString })\n  public set activeDate(value: Date) {\n    this._activeDate = value;\n  }\n\n  public get activeDate(): Date {\n    return this._activeDate ?? this._calendar?.activeDate;\n  }\n\n  /**\n   * The minimum value required for the date picker to remain valid.\n   * @attr\n   */\n  @property({ converter: dateFromISOString })\n  public set min(value: Date) {\n    this._min = value;\n    this.setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get min(): Date {\n    return this._min as Date;\n  }\n\n  /**\n   * The maximum value required for the date picker to remain valid.\n   * @attr\n   */\n  @property({ converter: dateFromISOString })\n  public set max(value: Date) {\n    this._max = value;\n    this.setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get max(): Date {\n    return this._max as Date;\n  }\n\n  /** The orientation of the calendar header.\n   * @attr header-orientation\n   */\n  @property({ attribute: 'header-orientation', reflect: true })\n  public headerOrientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  /** The orientation of the multiple months displayed in the calendar's days view.\n   *  @attr\n   */\n  @property()\n  public orientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  /** Determines whether the calendar hides its header.\n   * @attr hide-header\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-header' })\n  public hideHeader = false;\n\n  /**\n   * Controls the visibility of the dates that do not belong to the current month.\n   * @attr hide-outside-days\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-outside-days' })\n  public hideOutsideDays = false;\n\n  /** Gets/sets disabled dates. */\n  @property({ attribute: false })\n  public set disabledDates(dates: DateRangeDescriptor[]) {\n    this._disabledDates = dates;\n    this.setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get disabledDates() {\n    return this._disabledDates as DateRangeDescriptor[];\n  }\n\n  /** Gets/sets special dates. */\n  @property({ attribute: false })\n  public specialDates!: DateRangeDescriptor[];\n\n  /**\n   * Whether the control will have outlined appearance.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The number of months displayed in the calendar.\n   * @attr visible-months\n   */\n  @property({ type: Number, attribute: 'visible-months' })\n  public visibleMonths = 1;\n\n  /**\n   * Whether to show the number of the week in the calendar.\n   * @attr show-week-numbers\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'show-week-numbers' })\n  public showWeekNumbers = false;\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the input format if not set.\n   * @attr display-format\n   */\n  @property({ attribute: 'display-format' })\n  public set displayFormat(value: string) {\n    this._displayFormat = value;\n  }\n\n  public get displayFormat(): string {\n    return this._displayFormat ?? this.inputFormat;\n  }\n\n  /**\n   * The date format to apply on the input.\n   * Defaults to the current locale Intl.DateTimeFormat\n   * @attr input-format\n   */\n  @property({ attribute: 'input-format' })\n  public set inputFormat(value: string) {\n    this._inputFormat = value;\n  }\n\n  public get inputFormat(): string {\n    return this._inputFormat ?? this._input?.inputFormat;\n  }\n\n  /**\n   * The locale settings used to display the value.\n   * @attr\n   */\n  @property()\n  public locale = 'en';\n\n  /** The prompt symbol to use for unfilled parts of the mask.\n   *  @attr\n   */\n  @property()\n  public prompt = '_';\n\n  /** The resource strings of the calendar. */\n  @property({ attribute: false })\n  public resourceStrings: IgcCalendarResourceStrings =\n    IgcCalendarResourceStringEN;\n\n  @watch('open')\n  protected openChange() {\n    this._rootClickController.update();\n  }\n\n  /** Sets the start day of the week for the calendar. */\n  @property({ attribute: 'week-start' })\n  public weekStart: WeekDays = 'sunday';\n\n  constructor() {\n    super();\n\n    this.addEventListener('focusin', this.handleFocusIn);\n    this.addEventListener('focusout', this.handleFocusOut);\n\n    this._rootClickController.update({ hideCallback: this.handleClosing });\n\n    addKeybindings(this, {\n      skip: () => this.disabled,\n      bindingDefaults: { preventDefault: true },\n    })\n      .set([altKey, arrowDown], this.handleAnchorClick)\n      .set([altKey, arrowUp], this.onEscapeKey)\n      .set(escapeKey, this.onEscapeKey);\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  /** Clears the input part of the component of any user input */\n  public clear() {\n    this.value = null;\n    this._input?.clear();\n  }\n\n  /** Increments the passed in date part */\n  public stepUp(datePart?: DatePart, delta?: number): void {\n    this._input.stepUp(datePart, delta);\n  }\n\n  /** Decrements the passed in date part */\n  public stepDown(datePart?: DatePart, delta?: number): void {\n    this._input.stepDown(datePart, delta);\n  }\n\n  /** Selects the text in the input of the component */\n  public select(): void {\n    this._input.select();\n  }\n\n  /** Sets the text selection range in the input of the component */\n  public setSelectionRange(\n    start: number,\n    end: number,\n    direction?: SelectionRangeDirection\n  ): void {\n    this._input.setSelectionRange(start, end, direction);\n  }\n\n  /* Replaces the selected text in the input and re-applies the mask */\n  public setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    mode?: RangeTextSelectMode\n  ): void {\n    this._input.setRangeText(replacement, start, end, mode);\n    this.value = this._input.value;\n  }\n\n  protected async onEscapeKey() {\n    if (await this._hide(true)) {\n      this._input.focus();\n    }\n  }\n\n  protected handleFocusIn() {\n    this._dirty = true;\n  }\n\n  protected handleFocusOut({ relatedTarget }: FocusEvent) {\n    if (!this.contains(relatedTarget as Node)) {\n      this.checkValidity();\n    }\n  }\n\n  protected handlerCalendarIconSlotPointerDown(event: PointerEvent) {\n    // This is where the delegateFocus of the underlying input is a chore.\n    // If we have a required validator we don't want the input to enter an invalid\n    // state right off the bat when opening the picker which will happen since focus is transferred to the calendar element.\n    // So we call preventDefault on the event in order to not focus the input and trigger its validation logic on blur.\n    event.preventDefault();\n  }\n\n  protected handleInputClick(event: Event) {\n    if (findElementFromEventPath('input', event)) {\n      // Open only if the click originates from the underlying input\n      this.handleAnchorClick();\n    }\n  }\n\n  protected override async handleAnchorClick() {\n    this._calendar.activeDate = this.value ?? this._calendar.activeDate;\n\n    super.handleAnchorClick();\n    await this.updateComplete;\n    this._calendar[focusActiveDate]();\n  }\n\n  private async _shouldCloseCalendarDropdown() {\n    if (!this.keepOpenOnSelect && (await this._hide(true))) {\n      this._input.focus();\n      this._input.select();\n    }\n  }\n\n  protected handleInputChangeEvent(event: CustomEvent<Date>) {\n    event.stopPropagation();\n    this.value = (event.target as IgcDateTimeInputComponent).value!;\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected async handleCalendarChangeEvent(event: CustomEvent<Date>) {\n    event.stopPropagation();\n\n    if (this.readOnly) {\n      // Wait till the calendar finishes updating and then restore the current value from the date-picker.\n      await this._calendar.updateComplete;\n      this._calendar.value = this._value ?? undefined;\n      return;\n    }\n\n    this.value = (event.target as IgcCalendarComponent).value!;\n    this.emitEvent('igcChange', { detail: this.value });\n\n    this._shouldCloseCalendarDropdown();\n  }\n\n  protected handleInputEvent(event: CustomEvent<Date>) {\n    event.stopPropagation();\n\n    if (this.nonEditable) {\n      event.preventDefault();\n      return;\n    }\n\n    this.value = (event.target as IgcDateTimeInputComponent).value!;\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  protected handleClosing() {\n    this._hide(true);\n  }\n\n  protected handleDialogClosing(event: Event) {\n    event.stopPropagation();\n    this._hide(true);\n  }\n\n  protected handleDialogClosed(event: Event) {\n    event.stopPropagation();\n  }\n\n  protected override _setDefaultValue(\n    _: string | null,\n    current: string | null\n  ) {\n    this._defaultValue = dateFromISOString(current);\n  }\n\n  private setDateConstraints() {\n    const dates: DateRangeDescriptor[] = [];\n    if (this._min) {\n      dates.push({ type: DateRangeType.Before, dateRange: [this._min] });\n    }\n    if (this._max) {\n      dates.push({ type: DateRangeType.After, dateRange: [this._max] });\n    }\n    if (this._disabledDates?.length) {\n      dates.push(...this.disabledDates);\n    }\n\n    this._dateConstraints = dates.length ? dates : undefined;\n  }\n\n  private renderClearIcon() {\n    return !this.value\n      ? nothing\n      : html`\n          <span slot=\"suffix\" part=\"clear-icon\" @click=${this.clear}>\n            <slot name=\"clear-icon\">\n              <igc-icon\n                name=\"input_clear\"\n                collection=\"default\"\n                aria-hidden=\"true\"\n              ></igc-icon>\n            </slot>\n          </span>\n        `;\n  }\n\n  private renderCalendarIcon() {\n    const defaultIcon = html`\n      <igc-icon name=\"today\" collection=\"default\" aria-hidden=\"true\"></igc-icon>\n    `;\n\n    const state = this.open ? 'calendar-icon-open' : 'calendar-icon';\n\n    return html`\n      <span\n        slot=\"prefix\"\n        part=${state}\n        @pointerdown=${this.handlerCalendarIconSlotPointerDown}\n        @click=${this.handleAnchorClick}\n      >\n        <slot name=${state}>${defaultIcon}</slot>\n      </span>\n    `;\n  }\n\n  private renderCalendarSlots() {\n    if (this.isDropDown) {\n      return nothing;\n    }\n\n    const hasHeaderDate = this.headerDateSlotItems.length ? 'header-date' : '';\n\n    return html`\n      <slot name=\"title\" slot=\"title\">\n        ${this.resourceStrings.selectDate}\n      </slot>\n      <slot name=\"header-date\" slot=${hasHeaderDate}></slot>\n    `;\n  }\n\n  private renderCalendar(id: string) {\n    const hideHeader = this.isDropDown ? true : this.hideHeader;\n\n    return html`\n      <igc-calendar\n        aria-labelledby=${id}\n        role=\"dialog\"\n        .inert=${!this.open || this.disabled}\n        ?show-week-numbers=${this.showWeekNumbers}\n        ?hide-outside-days=${this.hideOutsideDays}\n        ?hide-header=${hideHeader}\n        .activeDate=${this.activeDate ?? this.value ?? new Date()}\n        .value=${this.value ?? undefined}\n        .headerOrientation=${this.headerOrientation}\n        .orientation=${this.orientation}\n        .visibleMonths=${this.visibleMonths}\n        .locale=${this.locale}\n        .disabledDates=${this._dateConstraints!}\n        .specialDates=${this.specialDates}\n        .weekStart=${this.weekStart}\n        @igcChange=${this.handleCalendarChangeEvent}\n        exportparts=\"header, header-title, header-date, content: calendar-content, navigation, months-navigation,\n        years-navigation, years-range, navigation-buttons, navigation-button, days-view-container,\n        days-view, months-view, years-view, days-row, label: calendar-label, week-number, week-number-inner, date,\n        date-inner, first, last, inactive, hidden, weekend, range, special, disabled, single, preview,\n        month, month-inner, year, year-inner, selected, current\"\n      >\n        ${this.renderCalendarSlots()}\n      </igc-calendar>\n    `;\n  }\n\n  protected renderActions() {\n    const slot = this.isDropDown || !this.actions.length ? undefined : 'footer';\n\n    // If in dialog mode use the dialog footer slot\n    return html`\n      <div\n        part=\"actions\"\n        ?hidden=${!this.actions.length}\n        slot=${ifDefined(slot)}\n      >\n        <slot name=\"actions\"></slot>\n      </div>\n    `;\n  }\n\n  protected renderPicker(id: string) {\n    return this.isDropDown\n      ? html`\n          <igc-popover ?open=${this.open} anchor=${id} flip shift>\n            <igc-focus-trap ?disabled=${!this.open || this.disabled}>\n              ${this.renderCalendar(id)}${this.renderActions()}\n            </igc-focus-trap>\n          </igc-popover>\n        `\n      : html`\n          <igc-dialog\n            aria-label=${ifDefined(this.resourceStrings.selectDate)}\n            role=\"dialog\"\n            ?open=${this.open}\n            ?close-on-outside-click=${!this.keepOpenOnOutsideClick}\n            hide-default-action\n            @igcClosing=${this.handleDialogClosing}\n            @igcClosed=${this.handleDialogClosed}\n            exportparts=\"base: dialog-base, title, footer, overlay\"\n          >\n            ${this.renderCalendar(id)}${this.renderActions()}\n          </igc-dialog>\n        `;\n  }\n\n  private renderLabel(id: string) {\n    return this.label\n      ? html`<label\n          part=\"label\"\n          for=${id}\n          @click=${this.isDropDown ? nothing : this.handleAnchorClick}\n          >${this.label}</label\n        >`\n      : nothing;\n  }\n\n  private renderHelperText() {\n    return html`<div part=\"helper-text\" ?hidden=${!this.helperText.length}>\n      <slot name=\"helper-text\"></slot>\n    </div>`;\n  }\n\n  protected renderInput(id: string) {\n    const format = formats.has(this._displayFormat!)\n      ? `${this._displayFormat}Date`\n      : this._displayFormat;\n\n    // Dialog mode is always readonly, rest depends on configuration\n    const readOnly = !this.isDropDown || this.readOnly || this.nonEditable;\n\n    return html`\n      <igc-date-time-input\n        id=${id}\n        aria-haspopup=\"dialog\"\n        label=${ifDefined(this._isMaterialTheme ? this.label : undefined)}\n        input-format=${ifDefined(this._inputFormat)}\n        display-format=${ifDefined(format)}\n        ?disabled=${this.disabled}\n        ?readonly=${readOnly}\n        ?required=${this.required}\n        .value=${this.value ?? null}\n        .locale=${this.locale}\n        .prompt=${this.prompt}\n        .outlined=${this.outlined}\n        .placeholder=${this.placeholder}\n        .min=${this.min}\n        .max=${this.max}\n        .invalid=${live(this.invalid)}\n        @igcChange=${this.handleInputChangeEvent}\n        @igcInput=${this.handleInputEvent}\n        @click=${this.isDropDown ? nothing : this.handleInputClick}\n        exportparts=\"input, label, prefix, suffix\"\n      >\n        ${this.renderCalendarIcon()}\n        <slot\n          name=\"prefix\"\n          slot=${ifDefined(!this.prefixes.length ? undefined : 'prefix')}\n        ></slot>\n        ${this.renderClearIcon()}\n        <slot\n          name=\"suffix\"\n          slot=${ifDefined(!this.suffixes.length ? undefined : 'suffix')}\n        ></slot>\n      </igc-date-time-input>\n    `;\n  }\n\n  protected override render() {\n    const id = this.id || this.inputId;\n\n    return html`\n      ${!this._isMaterialTheme ? this.renderLabel(id) : nothing}\n      ${this.renderInput(id)}${this.renderPicker(id)}${this.renderHelperText()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-picker': IgcDatePickerComponent;\n  }\n}\n"]}
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type TemplateResult, html, nothing } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport IgcCalendarComponent, { focusActiveDate } from '../calendar/calendar.js';\nimport { dateFromISOString } from '../calendar/helpers.js';\nimport {\n  type DateRangeDescriptor,\n  DateRangeType,\n  type WeekDays,\n} from '../calendar/types.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowUp,\n  escapeKey,\n} from '../common/controllers/key-bindings.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  IgcCalendarResourceStringEN,\n  type IgcCalendarResourceStrings,\n} from '../common/i18n/calendar.resources.js';\nimport { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { createCounter, findElementFromEventPath } from '../common/util.js';\nimport IgcDateTimeInputComponent from '../date-time-input/date-time-input.js';\nimport type { DatePart } from '../date-time-input/date-util.js';\nimport IgcDialogComponent from '../dialog/dialog.js';\nimport IgcFocusTrapComponent from '../focus-trap/focus-trap.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/date-picker.base.css.js';\nimport { styles as shared } from './themes/shared/date-picker.common.css.js';\nimport { all } from './themes/themes.js';\nimport { datePickerValidators } from './validators.js';\n\nexport interface IgcDatePickerComponentEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n  igcChange: CustomEvent<Date>;\n  igcInput: CustomEvent<Date>;\n}\n\nconst formats = new Set(['short', 'medium', 'long', 'full']);\n\n/**\n * igc-date-picker is a feature rich component used for entering a date through manual text input or\n * choosing date values from a calendar dialog that pops up.\n *\n * @element igc-date-picker\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after the input.\n * @slot helper-text - Renders content below the input.\n * @slot bad-input - Renders content when the value is in the disabledDates ranges.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n * @slot title - Renders content in the calendar title.\n * @slot header-date - Renders content instead of the current date/range in the calendar header.\n * @slot clear-icon - Renders a clear icon template.\n * @slot calendar-icon - Renders the icon/content for the calendar picker.\n * @slot calendar-icon-open - Renders the icon/content for the picker in open state.\n * @slot actions - Renders content in the action part of the picker in open state.\n *\n * @fires igcOpening - Emitted just before the calendar dropdown is shown.\n * @fires igcOpened - Emitted after the calendar dropdown is shown.\n * @fires igcClosing - Emitted just before the calendar dropdown is hidden.\n * @fires igcClosed - Emitted after the calendar dropdown is hidden.\n * @fires igcChange - Emitted when the user modifies and commits the elements's value.\n * @fires igcInput - Emitted when when the user types in the element.\n *\n * @csspart label - The label wrapper that renders content above the target input.\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart calendar-icon - The calendar icon wrapper for closed state.\n * @csspart calendar-icon-open - The calendar icon wrapper for opened state.\n * @csspart clear-icon - The clear icon wrapper.\n * @csspart actions - The actions wrapper.\n * @csspart helper-text - The helper-text wrapper that renders content below the target input.\n * @csspart header - The calendar header element.\n * @csspart header-title - The calendar header title element.\n * @csspart header-date - The calendar header date element.\n * @csspart calendar-content - The calendar content element which contains the views and navigation elements.\n * @csspart navigation - The calendar navigation container element.\n * @csspart months-navigation - The calendar months navigation button element.\n * @csspart years-navigation - The calendar years navigation button element.\n * @csspart years-range - The calendar years range element.\n * @csspart navigation-buttons - The calendar navigation buttons container.\n * @csspart navigation-button - The calendar previous/next navigation button.\n * @csspart days-view-container - The calendar days view container element.\n * @csspart days-view - The calendar days view element.\n * @csspart months-view - The calendar months view element.\n * @csspart years-view - The calendar years view element.\n * @csspart days-row - The calendar days row element.\n * @csspart calendar-label - The calendar week header label element.\n * @csspart week-number - The calendar week number element.\n * @csspart week-number-inner - The calendar week number inner element.\n * @csspart date - The calendar date element.\n * @csspart date-inner - The calendar date inner element.\n * @csspart first - The calendar first selected date element in range selection.\n * @csspart last - The calendar last selected date element in range selection.\n * @csspart inactive - The calendar inactive date element.\n * @csspart hidden - The calendar hidden date element.\n * @csspart weekend - The calendar weekend date element.\n * @csspart range - The calendar range selected element.\n * @csspart special - The calendar special date element.\n * @csspart disabled - The calendar disabled date element.\n * @csspart single - The calendar single selected date element.\n * @csspart preview - The calendar range selection preview date element.\n * @csspart month - The calendar month element.\n * @csspart month-inner - The calendar month inner element.\n * @csspart year - The calendar year element.\n * @csspart year-inner - The calendar year inner element.\n * @csspart selected - The calendar selected state for element(s). Applies to date, month and year elements.\n * @csspart current - The calendar current state for element(s). Applies to date, month and year elements.\n */\n@themes(all, { exposeController: true })\n@blazorAdditionalDependencies(\n  'IgcCalendarComponent, IgcDateTimeInputComponent, IgcDialogComponent, IgcIconComponent'\n)\nexport default class IgcDatePickerComponent extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<\n    IgcDatePickerComponentEventMap,\n    AbstractConstructor<IgcBaseComboBoxLikeComponent>\n  >(IgcBaseComboBoxLikeComponent)\n) {\n  public static readonly tagName = 'igc-date-picker';\n  public static styles = [styles, shared];\n\n  protected static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  private static readonly increment = createCounter();\n  protected inputId = `date-picker-${IgcDatePickerComponent.increment()}`;\n\n  protected override get __validators() {\n    return datePickerValidators;\n  }\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcDatePickerComponent,\n      IgcCalendarComponent,\n      IgcDateTimeInputComponent,\n      IgcFocusTrapComponent,\n      IgcIconComponent,\n      IgcPopoverComponent,\n      IgcDialogComponent,\n      IgcValidationContainerComponent\n    );\n  }\n\n  private _value?: Date | null;\n  private _activeDate?: Date | null;\n  private _min?: Date;\n  private _max?: Date;\n  private _disabledDates?: DateRangeDescriptor[];\n  private _dateConstraints?: DateRangeDescriptor[];\n  private _displayFormat?: string;\n  private _inputFormat?: string;\n\n  private get isDropDown() {\n    return this.mode === 'dropdown';\n  }\n\n  @query(IgcDateTimeInputComponent.tagName)\n  private _input!: IgcDateTimeInputComponent;\n\n  @query(IgcCalendarComponent.tagName)\n  private _calendar!: IgcCalendarComponent;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  private prefixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'suffix' })\n  private suffixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'actions' })\n  private actions!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'header-date' })\n  private headerDateSlotItems!: Array<HTMLElement>;\n\n  protected get _isMaterialTheme(): boolean {\n    return getThemeController(this)?.theme === 'material';\n  }\n\n  /**\n   * Sets the state of the datepicker dropdown.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public override open = false;\n\n  /**\n   * The label of the datepicker.\n   * @attr label\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * Determines whether the calendar is opened in a dropdown or a modal dialog\n   * @attr mode\n   */\n  @property()\n  public mode: 'dropdown' | 'dialog' = 'dropdown';\n\n  /**\n   * Whether to allow typing in the input.\n   * @attr non-editable\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'non-editable' })\n  public nonEditable = false;\n\n  /**\n   * Makes the control a readonly field.\n   * @attr readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'readonly' })\n  public readOnly = false;\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the picker\n   * @attr\n   */\n  @property({ converter: dateFromISOString })\n  public set value(value: Date | null) {\n    this._value = value;\n    this._setFormValue(value ? value.toISOString() : null);\n    this._validate();\n  }\n\n  public get value(): Date | null {\n    return this._value ?? null;\n  }\n\n  /**\n   * Gets/Sets the date which is shown in the calendar picker and is highlighted.\n   * By default it is the current date.\n   */\n  @property({ attribute: 'active-date', converter: dateFromISOString })\n  public set activeDate(value: Date) {\n    this._activeDate = value;\n  }\n\n  public get activeDate(): Date {\n    return this._activeDate ?? this._calendar?.activeDate;\n  }\n\n  /**\n   * The minimum value required for the date picker to remain valid.\n   * @attr\n   */\n  @property({ converter: dateFromISOString })\n  public set min(value: Date) {\n    this._min = value;\n    this.setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get min(): Date {\n    return this._min as Date;\n  }\n\n  /**\n   * The maximum value required for the date picker to remain valid.\n   * @attr\n   */\n  @property({ converter: dateFromISOString })\n  public set max(value: Date) {\n    this._max = value;\n    this.setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get max(): Date {\n    return this._max as Date;\n  }\n\n  /** The orientation of the calendar header.\n   * @attr header-orientation\n   */\n  @property({ attribute: 'header-orientation', reflect: true })\n  public headerOrientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  /** The orientation of the multiple months displayed in the calendar's days view.\n   *  @attr\n   */\n  @property()\n  public orientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  /** Determines whether the calendar hides its header.\n   * @attr hide-header\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-header' })\n  public hideHeader = false;\n\n  /**\n   * Controls the visibility of the dates that do not belong to the current month.\n   * @attr hide-outside-days\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-outside-days' })\n  public hideOutsideDays = false;\n\n  /** Gets/sets disabled dates. */\n  @property({ attribute: false })\n  public set disabledDates(dates: DateRangeDescriptor[]) {\n    this._disabledDates = dates;\n    this.setDateConstraints();\n    this._updateValidity();\n  }\n\n  public get disabledDates() {\n    return this._disabledDates as DateRangeDescriptor[];\n  }\n\n  /** Gets/sets special dates. */\n  @property({ attribute: false })\n  public specialDates!: DateRangeDescriptor[];\n\n  /**\n   * Whether the control will have outlined appearance.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The number of months displayed in the calendar.\n   * @attr visible-months\n   */\n  @property({ type: Number, attribute: 'visible-months' })\n  public visibleMonths = 1;\n\n  /**\n   * Whether to show the number of the week in the calendar.\n   * @attr show-week-numbers\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'show-week-numbers' })\n  public showWeekNumbers = false;\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the input format if not set.\n   * @attr display-format\n   */\n  @property({ attribute: 'display-format' })\n  public set displayFormat(value: string) {\n    this._displayFormat = value;\n  }\n\n  public get displayFormat(): string {\n    return this._displayFormat ?? this.inputFormat;\n  }\n\n  /**\n   * The date format to apply on the input.\n   * Defaults to the current locale Intl.DateTimeFormat\n   * @attr input-format\n   */\n  @property({ attribute: 'input-format' })\n  public set inputFormat(value: string) {\n    this._inputFormat = value;\n  }\n\n  public get inputFormat(): string {\n    return this._inputFormat ?? this._input?.inputFormat;\n  }\n\n  /**\n   * The locale settings used to display the value.\n   * @attr\n   */\n  @property()\n  public locale = 'en';\n\n  /** The prompt symbol to use for unfilled parts of the mask.\n   *  @attr\n   */\n  @property()\n  public prompt = '_';\n\n  /** The resource strings of the calendar. */\n  @property({ attribute: false })\n  public resourceStrings: IgcCalendarResourceStrings =\n    IgcCalendarResourceStringEN;\n\n  @watch('open')\n  protected openChange() {\n    this._rootClickController.update();\n  }\n\n  /** Sets the start day of the week for the calendar. */\n  @property({ attribute: 'week-start' })\n  public weekStart: WeekDays = 'sunday';\n\n  constructor() {\n    super();\n\n    this.addEventListener('focusin', this.handleFocusIn);\n    this.addEventListener('focusout', this.handleFocusOut);\n\n    this._rootClickController.update({ hideCallback: this.handleClosing });\n\n    addKeybindings(this, {\n      skip: () => this.disabled,\n      bindingDefaults: { preventDefault: true },\n    })\n      .set([altKey, arrowDown], this.handleAnchorClick)\n      .set([altKey, arrowUp], this.onEscapeKey)\n      .set(escapeKey, this.onEscapeKey);\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  /** Clears the input part of the component of any user input */\n  public clear() {\n    this.value = null;\n    this._input?.clear();\n  }\n\n  /** Increments the passed in date part */\n  public stepUp(datePart?: DatePart, delta?: number): void {\n    this._input.stepUp(datePart, delta);\n  }\n\n  /** Decrements the passed in date part */\n  public stepDown(datePart?: DatePart, delta?: number): void {\n    this._input.stepDown(datePart, delta);\n  }\n\n  /** Selects the text in the input of the component */\n  public select(): void {\n    this._input.select();\n  }\n\n  /** Sets the text selection range in the input of the component */\n  public setSelectionRange(\n    start: number,\n    end: number,\n    direction?: SelectionRangeDirection\n  ): void {\n    this._input.setSelectionRange(start, end, direction);\n  }\n\n  /* Replaces the selected text in the input and re-applies the mask */\n  public setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    mode?: RangeTextSelectMode\n  ): void {\n    this._input.setRangeText(replacement, start, end, mode);\n    this.value = this._input.value;\n  }\n\n  protected async onEscapeKey() {\n    if (await this._hide(true)) {\n      this._input.focus();\n    }\n  }\n\n  protected handleFocusIn() {\n    this._dirty = true;\n  }\n\n  protected handleFocusOut({ relatedTarget }: FocusEvent) {\n    if (!this.contains(relatedTarget as Node)) {\n      this.checkValidity();\n    }\n  }\n\n  protected handlerCalendarIconSlotPointerDown(event: PointerEvent) {\n    // This is where the delegateFocus of the underlying input is a chore.\n    // If we have a required validator we don't want the input to enter an invalid\n    // state right off the bat when opening the picker which will happen since focus is transferred to the calendar element.\n    // So we call preventDefault on the event in order to not focus the input and trigger its validation logic on blur.\n    event.preventDefault();\n  }\n\n  protected handleInputClick(event: Event) {\n    if (findElementFromEventPath('input', event)) {\n      // Open only if the click originates from the underlying input\n      this.handleAnchorClick();\n    }\n  }\n\n  protected override async handleAnchorClick() {\n    this._calendar.activeDate = this.value ?? this._calendar.activeDate;\n\n    super.handleAnchorClick();\n    await this.updateComplete;\n    this._calendar[focusActiveDate]();\n  }\n\n  private async _shouldCloseCalendarDropdown() {\n    if (!this.keepOpenOnSelect && (await this._hide(true))) {\n      this._input.focus();\n      this._input.select();\n    }\n  }\n\n  protected handleInputChangeEvent(event: CustomEvent<Date>) {\n    event.stopPropagation();\n    this.value = (event.target as IgcDateTimeInputComponent).value!;\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected async handleCalendarChangeEvent(event: CustomEvent<Date>) {\n    event.stopPropagation();\n\n    if (this.readOnly) {\n      // Wait till the calendar finishes updating and then restore the current value from the date-picker.\n      await this._calendar.updateComplete;\n      this._calendar.value = this._value ?? undefined;\n      return;\n    }\n\n    this.value = (event.target as IgcCalendarComponent).value!;\n    this.emitEvent('igcChange', { detail: this.value });\n\n    this._shouldCloseCalendarDropdown();\n  }\n\n  protected handleInputEvent(event: CustomEvent<Date>) {\n    event.stopPropagation();\n\n    if (this.nonEditable) {\n      event.preventDefault();\n      return;\n    }\n\n    this.value = (event.target as IgcDateTimeInputComponent).value!;\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  protected handleClosing() {\n    this._hide(true);\n  }\n\n  protected handleDialogClosing(event: Event) {\n    event.stopPropagation();\n    this._hide(true);\n  }\n\n  protected handleDialogClosed(event: Event) {\n    event.stopPropagation();\n  }\n\n  protected override _setDefaultValue(\n    _: string | null,\n    current: string | null\n  ) {\n    this._defaultValue = dateFromISOString(current);\n  }\n\n  private setDateConstraints() {\n    const dates: DateRangeDescriptor[] = [];\n    if (this._min) {\n      dates.push({ type: DateRangeType.Before, dateRange: [this._min] });\n    }\n    if (this._max) {\n      dates.push({ type: DateRangeType.After, dateRange: [this._max] });\n    }\n    if (this._disabledDates?.length) {\n      dates.push(...this.disabledDates);\n    }\n\n    this._dateConstraints = dates.length ? dates : undefined;\n  }\n\n  private renderClearIcon() {\n    return !this.value\n      ? nothing\n      : html`\n          <span slot=\"suffix\" part=\"clear-icon\" @click=${this.clear}>\n            <slot name=\"clear-icon\">\n              <igc-icon\n                name=\"input_clear\"\n                collection=\"default\"\n                aria-hidden=\"true\"\n              ></igc-icon>\n            </slot>\n          </span>\n        `;\n  }\n\n  private renderCalendarIcon() {\n    const defaultIcon = html`\n      <igc-icon name=\"today\" collection=\"default\" aria-hidden=\"true\"></igc-icon>\n    `;\n\n    const state = this.open ? 'calendar-icon-open' : 'calendar-icon';\n\n    return html`\n      <span\n        slot=\"prefix\"\n        part=${state}\n        @pointerdown=${this.handlerCalendarIconSlotPointerDown}\n        @click=${this.handleAnchorClick}\n      >\n        <slot name=${state}>${defaultIcon}</slot>\n      </span>\n    `;\n  }\n\n  private renderCalendarSlots() {\n    if (this.isDropDown) {\n      return nothing;\n    }\n\n    const hasHeaderDate = this.headerDateSlotItems.length ? 'header-date' : '';\n\n    return html`\n      <slot name=\"title\" slot=\"title\">\n        ${this.resourceStrings.selectDate}\n      </slot>\n      <slot name=\"header-date\" slot=${hasHeaderDate}></slot>\n    `;\n  }\n\n  private renderCalendar(id: string) {\n    const hideHeader = this.isDropDown ? true : this.hideHeader;\n\n    return html`\n      <igc-calendar\n        aria-labelledby=${id}\n        role=\"dialog\"\n        .inert=${!this.open || this.disabled}\n        ?show-week-numbers=${this.showWeekNumbers}\n        ?hide-outside-days=${this.hideOutsideDays}\n        ?hide-header=${hideHeader}\n        .activeDate=${this.activeDate ?? this.value ?? new Date()}\n        .value=${this.value ?? undefined}\n        .headerOrientation=${this.headerOrientation}\n        .orientation=${this.orientation}\n        .visibleMonths=${this.visibleMonths}\n        .locale=${this.locale}\n        .disabledDates=${this._dateConstraints!}\n        .specialDates=${this.specialDates}\n        .weekStart=${this.weekStart}\n        @igcChange=${this.handleCalendarChangeEvent}\n        exportparts=\"header, header-title, header-date, content: calendar-content, navigation, months-navigation,\n        years-navigation, years-range, navigation-buttons, navigation-button, days-view-container,\n        days-view, months-view, years-view, days-row, label: calendar-label, week-number, week-number-inner, date,\n        date-inner, first, last, inactive, hidden, weekend, range, special, disabled, single, preview,\n        month, month-inner, year, year-inner, selected, current\"\n      >\n        ${this.renderCalendarSlots()}\n      </igc-calendar>\n    `;\n  }\n\n  protected renderActions() {\n    const slot = this.isDropDown || !this.actions.length ? undefined : 'footer';\n\n    // If in dialog mode use the dialog footer slot\n    return html`\n      <div\n        part=\"actions\"\n        ?hidden=${!this.actions.length}\n        slot=${ifDefined(slot)}\n      >\n        <slot name=\"actions\"></slot>\n      </div>\n    `;\n  }\n\n  protected renderPicker(id: string) {\n    return this.isDropDown\n      ? html`\n          <igc-popover ?open=${this.open} anchor=${id} flip shift>\n            <igc-focus-trap ?disabled=${!this.open || this.disabled}>\n              ${this.renderCalendar(id)}${this.renderActions()}\n            </igc-focus-trap>\n          </igc-popover>\n        `\n      : html`\n          <igc-dialog\n            aria-label=${ifDefined(this.resourceStrings.selectDate)}\n            role=\"dialog\"\n            ?open=${this.open}\n            ?close-on-outside-click=${!this.keepOpenOnOutsideClick}\n            hide-default-action\n            @igcClosing=${this.handleDialogClosing}\n            @igcClosed=${this.handleDialogClosed}\n            exportparts=\"base: dialog-base, title, footer, overlay\"\n          >\n            ${this.renderCalendar(id)}${this.renderActions()}\n          </igc-dialog>\n        `;\n  }\n\n  private renderLabel(id: string) {\n    return this.label\n      ? html`<label\n          part=\"label\"\n          for=${id}\n          @click=${this.isDropDown ? nothing : this.handleAnchorClick}\n          >${this.label}</label\n        >`\n      : nothing;\n  }\n\n  private renderHelperText(): TemplateResult {\n    return IgcValidationContainerComponent.create(this);\n  }\n\n  protected renderInput(id: string) {\n    const format = formats.has(this._displayFormat!)\n      ? `${this._displayFormat}Date`\n      : this._displayFormat;\n\n    // Dialog mode is always readonly, rest depends on configuration\n    const readOnly = !this.isDropDown || this.readOnly || this.nonEditable;\n\n    return html`\n      <igc-date-time-input\n        id=${id}\n        aria-haspopup=\"dialog\"\n        label=${ifDefined(this._isMaterialTheme ? this.label : undefined)}\n        input-format=${ifDefined(this._inputFormat)}\n        display-format=${ifDefined(format)}\n        ?disabled=${this.disabled}\n        ?readonly=${readOnly}\n        ?required=${this.required}\n        .value=${this.value ?? null}\n        .locale=${this.locale}\n        .prompt=${this.prompt}\n        .outlined=${this.outlined}\n        .placeholder=${this.placeholder}\n        .min=${this.min}\n        .max=${this.max}\n        .invalid=${live(this.invalid)}\n        @igcChange=${this.handleInputChangeEvent}\n        @igcInput=${this.handleInputEvent}\n        @click=${this.isDropDown ? nothing : this.handleInputClick}\n        exportparts=\"input, label, prefix, suffix\"\n      >\n        ${this.renderCalendarIcon()}\n        <slot\n          name=\"prefix\"\n          slot=${ifDefined(!this.prefixes.length ? undefined : 'prefix')}\n        ></slot>\n        ${this.renderClearIcon()}\n        <slot\n          name=\"suffix\"\n          slot=${ifDefined(!this.suffixes.length ? undefined : 'suffix')}\n        ></slot>\n      </igc-date-time-input>\n    `;\n  }\n\n  protected override render() {\n    const id = this.id || this.inputId;\n\n    return html`\n      ${!this._isMaterialTheme ? this.renderLabel(id) : nothing}\n      ${this.renderInput(id)}${this.renderPicker(id)}${this.renderHelperText()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-picker': IgcDatePickerComponent;\n  }\n}\n"]}

package/components/date-picker/themes/dark/date-picker.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--picker-background: var(--ig-datepicker-picker-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, hsla(var(--ig-info-300), var(--ig-info-a)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-primary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
+export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, hsl(from var(--ig-gray-300) h s l/1));--picker-background: var(--ig-datepicker-picker-background, hsl(from var(--ig-gray-100) h s l/1));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsl(from var(--ig-secondary-200) h s l/1));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsl(from var(--ig-secondary-200) h s l/1));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsl(from var(--ig-secondary-200) h s l/1));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsl(from var(--ig-secondary-200) h s l/1));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, hsl(from var(--ig-info-300) h s l/1));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsl(from var(--ig-primary-200) h s l/1));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsl(from var(--ig-primary-200) h s l/1));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsl(from var(--ig-primary-200) h s l/1));--header-background: var(--ig-datepicker-header-background, hsl(from var(--ig-gray-100) h s l/1));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-600) h s l/1));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-100) h s l/1));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsl(from var(--ig-gray-100) h s l/1));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-500) h s l/1));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-600) h s l/1));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-500) h s l/1));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsl(from var(--ig-primary-500) h s l/1));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsl(from var(--ig-primary-600) h s l/1));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsl(from var(--ig-primary-600) h s l/1));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsl(from var(--ig-primary-500) h s l/1));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsl(from var(--ig-primary-600) h s l/1));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsl(from var(--ig-primary-600) h s l/1));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-100) h s l/1));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsl(from var(--ig-gray-900) h s l/1));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsl(from var(--ig-gray-900) h s l/1));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsl(from var(--ig-gray-300) h s l/1));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsl(from var(--ig-gray-900) h s l/1));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsl(from var(--ig-gray-700) h s l/1));--helper-text-color: var(--ig-datepicker-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-400) h s l/1));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsl(from var(--ig-error-500) h s l/1))}`;
 //# sourceMappingURL=date-picker.bootstrap.css.js.map