igniteui-webcomponents 7.2.4 → 7.3.0-beta.1

package/internals/i18n/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/internals/i18n/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { IResourceStrings } from 'igniteui-i18n-core';\nimport { isString } from '../utils/types.js';\nimport type { IgcCalendarResourceStrings } from './EN/calendar.resources.js';\nimport type { IgcChatResourceStrings } from './EN/chat.resources.js';\nimport type { IgcDatePickerResourceStrings } from './EN/date-picker.resources.js';\nimport type { IgcDateRangePickerResourceStrings } from './EN/date-range-picker.resources.js';\n\n/** Names of components currently handling a mix of old and new resource strings. */\nexport type I18nResourceMapNames =\n  | 'calendar'\n  | 'date-picker'\n  | 'date-range-picker'\n  | 'chat';\n\nexport const calendarResourcesMap = new Map<\n  keyof IgcCalendarResourceStrings,\n  string | undefined\n>([\n  ['selectMonth', 'calendar_select_month'],\n  ['selectYear', 'calendar_select_year'],\n  ['selectDate', 'calendar_select_date'],\n  ['selectRange', 'calendar_range_placeholder'],\n  ['selectedDate', undefined], // This one seems not to be in use anyway\n  ['startDate', 'calendar_range_label_start'],\n  ['endDate', 'calendar_range_label_end'],\n  ['previousMonth', 'calendar_previous_month'],\n  ['nextMonth', 'calendar_next_month'],\n  ['previousYear', 'calendar_previous_year'],\n  ['nextYear', 'calendar_next_year'],\n  ['previousYears', 'calendar_previous_years'],\n  ['nextYears', 'calendar_next_years'],\n  ['weekLabel', 'i18n/getWeekLabel'],\n]);\n\nexport const chatResourcesMap = new Map<keyof IgcChatResourceStrings, string>([\n  ['suggestionsHeader', 'chat_suggestions_header'],\n  ['reactionCopy', 'chat_reaction_copy'],\n  ['reactionLike', 'chat_reaction_like'],\n  ['reactionDislike', 'chat_reaction_dislike'],\n  ['reactionRegenerate', 'chat_reaction_regenerate'],\n  ['attachmentLabel', 'chat_attachment_label'],\n  ['attachmentsListLabel', 'chat_attachments_list_label'],\n  ['messageCopied', 'chat_message_copied'],\n]);\n\nexport const dateRangePickerResourcesMap = new Map<\n  keyof IgcDateRangePickerResourceStrings,\n  string | undefined\n>([\n  ['separator', 'date_range_picker_date_separator'],\n  ['done', 'date_range_picker_done_button'],\n  ['cancel', 'date_range_picker_cancel_button'],\n  ['last7Days', 'date_range_picker_last7Days'],\n  ['last30Days', 'date_range_picker_last30Days'],\n  ['currentMonth', 'date_range_picker_currentMonth'],\n  ['yearToDate', 'date_range_picker_yearToDate'],\n  ...(\n    calendarResourcesMap as Map<\n      keyof IgcDateRangePickerResourceStrings,\n      string | undefined\n    >\n  ).entries(),\n]);\n\nexport const datePickerResourcesMap = new Map<\n  keyof IgcDatePickerResourceStrings,\n  string | undefined\n>([\n  ['changeDate', 'date_picker_change_date'],\n  ['chooseDate', 'date_picker_choose_date'],\n  ...(\n    calendarResourcesMap as Map<\n      keyof IgcCalendarResourceStrings,\n      string | undefined\n    >\n  ).entries(),\n]);\n\nfunction getResourceMap(\n  name: I18nResourceMapNames\n): Map<string, string | undefined> | undefined {\n  switch (name) {\n    case 'calendar':\n      return calendarResourcesMap;\n    case 'chat':\n      return chatResourcesMap;\n    case 'date-picker':\n      return datePickerResourcesMap;\n    case 'date-range-picker':\n      return dateRangePickerResourcesMap;\n    default:\n      break;\n  }\n\n  return new Map<string, string | undefined>();\n}\n\nexport function convertToIgcResource<T extends object>(\n  resource: IResourceStrings,\n  resourceMapName: I18nResourceMapNames\n): T {\n  const result = {} as T;\n  const resourceMap = getResourceMap(resourceMapName);\n\n  if (!resourceMap) {\n    return resource as T;\n  }\n\n  for (const [igcKey, coreKey] of resourceMap) {\n    if (igcKey in resource) {\n      result[igcKey as keyof T] = resource[\n        igcKey as keyof IResourceStrings\n      ] as T[keyof T];\n    } else if (coreKey && coreKey in resource) {\n      const value = resource[coreKey as keyof IResourceStrings];\n      if (isString(value)) {\n        result[igcKey as keyof T] = value as T[keyof T];\n      }\n    }\n  }\n\n  return result;\n}\n\nexport function convertToCoreResource<T extends object>(\n  resource: T,\n  resourceMapName: I18nResourceMapNames\n): IResourceStrings {\n  const result: IResourceStrings = {};\n  const resourceMap = getResourceMap(resourceMapName);\n\n  if (!resourceMap) {\n    return resource as IResourceStrings;\n  }\n\n  for (const [igcKey, coreKey] of resourceMap) {\n    if (coreKey && coreKey in resource) {\n      result[coreKey as keyof IResourceStrings] = resource[\n        coreKey as keyof T\n      ] as string;\n    } else if (coreKey) {\n      const value = resource[igcKey as keyof T];\n      if (isString(value)) {\n        result[coreKey as keyof IResourceStrings] = value;\n      }\n    }\n  }\n\n  return result;\n}\n"]}

package/{components/common → internals}/mixins/alert.d.ts

@@ -1,8 +1,8 @@
 import { LitElement, type PropertyValues } from 'lit';
-import type { AbsolutePosition, NotificationPositioning } from '../../types.js';
+import type { AbsolutePosition, NotificationPositioning } from '../../components/types.js';
 export declare abstract class IgcBaseAlertLikeComponent extends LitElement {
-    protected readonly _player: import("../../../animations/player.js").AnimationController;
-    protected _autoHideTimeout?: ReturnType<typeof setTimeout>;
+    protected readonly _player: import("#animations/player.js").AnimationController;
+    private readonly _autoHideTimer;
     /**
      * Whether the component is in shown state.
      *

package/{components/common → internals}/mixins/alert.js

@@ -6,15 +6,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { addAnimationController } from '../../../animations/player.js';
-import { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';
+import { addAnimationController } from '#animations/player.js';
+import { fadeIn, fadeOut } from '#animations/presets/fade/index.js';
 import { addCommandController } from '../controllers/command.js';
 import { addInternalsController } from '../controllers/internals.js';
-import { getVisibleAncestor, isPopoverOpen } from '../util.js';
+import { createTimer } from '../timing.js';
+import { getVisibleAncestor, isPopoverOpen } from '../utils/dom.js';
 export class IgcBaseAlertLikeComponent extends LitElement {
     constructor() {
         super();
         this._player = addAnimationController(this);
+        this._autoHideTimer = createTimer(() => this.hide());
         this.open = false;
         this.displayTime = 4000;
         this.keepOpen = false;
@@ -78,16 +80,16 @@ export class IgcBaseAlertLikeComponent extends LitElement {
             this._setAutoHideTimer();
             return state;
         }
-        clearTimeout(this._autoHideTimeout);
+        this._autoHideTimer.stop();
         const state = await this._player.playExclusive(fadeOut());
         this.hidePopover();
         this.open = false;
         return state;
     }
     _setAutoHideTimer() {
-        clearTimeout(this._autoHideTimeout);
+        this._autoHideTimer.stop();
         if (this.open && this.displayTime > 0 && !this.keepOpen) {
-            this._autoHideTimeout = setTimeout(() => this.hide(), this.displayTime);
+            this._autoHideTimer.start(this.displayTime);
         }
     }
     async show() {

package/internals/mixins/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/internals/mixins/alert.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addAnimationController } from '#animations/player.js';\nimport { fadeIn, fadeOut } from '#animations/presets/fade/index.js';\nimport type {\n  AbsolutePosition,\n  NotificationPositioning,\n} from '../../components/types.js';\nimport { addCommandController } from '../controllers/command.js';\nimport { addInternalsController } from '../controllers/internals.js';\nimport { createTimer } from '../timing.js';\nimport { getVisibleAncestor, isPopoverOpen } from '../utils/dom.js';\n\n/* omitModule */\nexport abstract class IgcBaseAlertLikeComponent extends LitElement {\n  protected readonly _player = addAnimationController(this);\n\n  private readonly _autoHideTimer = createTimer(() => this.hide());\n\n  /**\n   * Whether the component is in shown state.\n   *\n   * @attr open\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Determines the duration in milliseconds in which the component will be visible.\n   *\n   * @attr display-time\n   * @default 4000\n   */\n  @property({ type: Number, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /**\n   * Determines whether the component should close after the `displayTime` is over.\n   *\n   * @attr keep-open\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /**\n   * Sets the position of the component in the viewport.\n   *\n   * `bottom` - positions the component at the bottom. This is the default.\n   * `middle` - positions the component at the center.\n   * `top` - positions the component at the top.\n   *\n   * @attr position\n   * @default 'bottom'\n   */\n  @property({ reflect: true })\n  public position: AbsolutePosition = 'bottom';\n\n  /**\n   * Sets the positioning strategy of the component.\n   *\n   * `viewport` - positions the component relative to the viewport, ignoring any ancestor elements. This is the default behavior.\n   * `container` - positions the component relative to the nearest visible ancestor. In this mode, the component will be constrained within the bounding box of the ancestor and will be positioned according to the `position` attribute.\n   *\n   * @attr positioning\n   * @default 'viewport'\n   */\n  @property({ reflect: true })\n  public positioning: NotificationPositioning = 'viewport';\n\n  constructor() {\n    super();\n\n    addCommandController(this)\n      .set('--show', this.show)\n      .set('--hide', this.hide)\n      .set('--toggle', this.toggle);\n\n    addInternalsController(this, {\n      initialARIA: {\n        role: 'status',\n        ariaLive: 'polite',\n      },\n    });\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.popover = 'manual';\n  }\n\n  protected override update(props: PropertyValues<this>): void {\n    if (props.has('open')) {\n      if (this.open && !isPopoverOpen(this)) {\n        this._showPopover();\n      } else if (!this.open && isPopoverOpen(this)) {\n        this.hidePopover();\n      }\n    }\n\n    if (this.open && (props.has('positioning') || props.has('position'))) {\n      this.hidePopover();\n      this._showPopover();\n    }\n\n    if (\n      props.has('open') ||\n      props.has('displayTime') ||\n      props.has('keepOpen')\n    ) {\n      this._setAutoHideTimer();\n    }\n\n    super.update(props);\n  }\n\n  private _showPopover(): boolean {\n    if (this.positioning !== 'container') {\n      this.showPopover();\n      return true;\n    }\n\n    const visibleAncestor = getVisibleAncestor(this);\n    if (!visibleAncestor) {\n      return false;\n    }\n\n    this.showPopover({ source: visibleAncestor });\n    return true;\n  }\n\n  private async _setOpenState(open: boolean): Promise<boolean> {\n    if (open) {\n      this.open = true;\n\n      if (!this._showPopover()) {\n        this.open = false;\n        return false;\n      }\n\n      const state = await this._player.playExclusive(fadeIn());\n      this._setAutoHideTimer();\n      return state;\n    }\n\n    this._autoHideTimer.stop();\n    const state = await this._player.playExclusive(fadeOut());\n    this.hidePopover();\n    this.open = false;\n    return state;\n  }\n\n  private _setAutoHideTimer(): void {\n    this._autoHideTimer.stop();\n    if (this.open && this.displayTime > 0 && !this.keepOpen) {\n      this._autoHideTimer.start(this.displayTime);\n    }\n  }\n\n  /**\n   * Opens the component.\n   *\n   * Returns a promise that resolves to `true` if the component was successfully opened, or `false`\n   * if it was already open or could not be shown (e.g., in `container` positioning mode with no visible ancestors).\n   */\n  public async show(): Promise<boolean> {\n    return this.open ? false : this._setOpenState(true);\n  }\n\n  /**\n   * Closes the component.\n   *\n   * Returns a promise that resolves to `true` if the component was successfully closed, or `false`\n   * if it was already closed.\n   */\n  public async hide(): Promise<boolean> {\n    return this.open ? this._setOpenState(false) : false;\n  }\n\n  /**\n   * Toggles the open state of the component.\n   *\n   * Returns a promise that resolves to `true` if the operation completed successfully, or `false`\n   * if it was already in the desired state.\n   */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n}\n"]}

package/{components/common → internals}/mixins/combo-box.d.ts

@@ -1,25 +1,17 @@
 import { LitElement } from 'lit';
 import type { RootClickController } from '../controllers/root-click.js';
+import { type ToggleEventMap } from '../controllers/toggle.js';
 import type { UnpackCustomEvent } from './event-emitter.js';
-interface IgcBaseComboBoxEventMap {
-    igcOpening: CustomEvent<void>;
-    igcOpened: CustomEvent<void>;
-    igcClosing: CustomEvent<void>;
-    igcClosed: CustomEvent<void>;
-}
 export declare abstract class IgcBaseComboBoxComponent extends LitElement {
-    emitEvent: <K extends keyof IgcBaseComboBoxEventMap, D extends UnpackCustomEvent<IgcBaseComboBoxEventMap[K]>>(event: K, eventInitDict?: CustomEventInit<D>) => boolean;
+    emitEvent: <K extends keyof ToggleEventMap, D extends UnpackCustomEvent<ToggleEventMap[K]>>(event: K, eventInitDict?: CustomEventInit<D>) => boolean;
     protected abstract _rootClickController: RootClickController;
+    private readonly _toggleController;
     /**
      * Sets the open state of the component.
      * @attr open
      * @default false
      */
     open: boolean;
-    protected _emitClosing(): boolean;
-    protected _emitClosed(): boolean;
-    protected _emitOpening(): boolean;
-    protected _emitOpened(): boolean;
     protected _handleAnchorClick(): void;
     protected _hide(emitEvent?: boolean): Promise<boolean>;
     protected _show(emitEvent?: boolean): Promise<boolean>;
@@ -48,13 +40,20 @@ export declare function getItems<T extends HTMLElement>(root: Node, tagName: str
 export declare function getActiveItems<T extends HTMLElement & {
     disabled: boolean;
 }>(root: Node, tagName: string): Generator<T>;
+/**
+ * Returns the first non-disabled item after `from`, or `from` itself when it is
+ * already the last one.
+ */
 export declare function getNextActiveItem<T extends HTMLElement & {
     disabled: boolean;
-}>(items: T[], from: T): T;
+}>(items: T[], from?: T | null): T | undefined;
+/**
+ * Returns the first non-disabled item before `from`, or `from` itself when it
+ * is already the first one.
+ */
 export declare function getPreviousActiveItem<T extends HTMLElement & {
     disabled: boolean;
-}>(items: T[], from: T): T;
+}>(items: T[], from?: T | null): T | undefined;
 export declare function setInitialSelectionState<T extends HTMLElement & {
     selected: boolean;
 }>(items: T[]): T | null;
-export {};

package/{components/common → internals}/mixins/combo-box.js

@@ -6,48 +6,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { iterNodes, last } from '../util.js';
+import { addToggleController, } from '../controllers/toggle.js';
+import { lastOf } from '../utils/arrays.js';
+import { iterNodes } from '../utils/dom.js';
 export class IgcBaseComboBoxComponent extends LitElement {
     constructor() {
         super(...arguments);
+        this._toggleController = addToggleController(this);
         this.open = false;
     }
-    _emitClosing() {
-        return this.emitEvent('igcClosing', { cancelable: true });
-    }
-    _emitClosed() {
-        return this.emitEvent('igcClosed');
-    }
-    _emitOpening() {
-        return this.emitEvent('igcOpening', { cancelable: true });
-    }
-    _emitOpened() {
-        return this.emitEvent('igcOpened');
-    }
     _handleAnchorClick() {
         this.open ? this._hide(true) : this._show(true);
     }
-    async _hide(emitEvent = false) {
-        if (!this.open || (emitEvent && !this._emitClosing())) {
-            return false;
-        }
-        this.open = false;
-        if (emitEvent) {
-            await this.updateComplete;
-            this._emitClosed();
-        }
-        return true;
+    _hide(emitEvent = false) {
+        return this._toggleController.hide(emitEvent);
     }
-    async _show(emitEvent = false) {
-        if (this.open || (emitEvent && !this._emitOpening())) {
-            return false;
-        }
-        this.open = true;
-        if (emitEvent) {
-            await this.updateComplete;
-            this._emitOpened();
-        }
-        return true;
+    _show(emitEvent = false) {
+        return this._toggleController.show(emitEvent);
     }
     async show() {
         return this._show();
@@ -91,8 +66,12 @@ export function getActiveItems(root, tagName) {
         filter: (item) => item.matches(tagName) && !item.disabled,
     });
 }
+function indexOfItem(items, from, fallback) {
+    const index = from ? items.indexOf(from) : -1;
+    return index < 0 ? fallback : index;
+}
 export function getNextActiveItem(items, from) {
-    const current = items.indexOf(from);
+    const current = indexOfItem(items, from, -1);
     for (let i = current + 1; i < items.length; i++) {
         if (!items[i].disabled) {
             return items[i];
@@ -101,7 +80,7 @@ export function getNextActiveItem(items, from) {
     return items[current];
 }
 export function getPreviousActiveItem(items, from) {
-    const current = items.indexOf(from);
+    const current = indexOfItem(items, from, items.length);
     for (let i = current - 1; i >= 0; i--) {
         if (!items[i].disabled) {
             return items[i];
@@ -110,7 +89,7 @@ export function getPreviousActiveItem(items, from) {
     return items[current];
 }
 export function setInitialSelectionState(items) {
-    const lastSelected = last(items.filter((item) => item.selected));
+    const lastSelected = lastOf(items.filter((item) => item.selected));
     for (const item of items) {
         item.selected = item === lastSelected;
     }

package/internals/mixins/combo-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-box.js","sourceRoot":"","sources":["../../../src/internals/mixins/combo-box.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { RootClickController } from '../controllers/root-click.js';\nimport {\n  addToggleController,\n  type ToggleEventMap,\n} from '../controllers/toggle.js';\nimport { lastOf } from '../utils/arrays.js';\nimport { iterNodes } from '../utils/dom.js';\nimport type { UnpackCustomEvent } from './event-emitter.js';\n\n/* blazorIndirectRender */\n/* omitModule */\nexport abstract class IgcBaseComboBoxComponent extends LitElement {\n  /* blazorSuppress */\n  declare public emitEvent: <\n    K extends keyof ToggleEventMap,\n    D extends UnpackCustomEvent<ToggleEventMap[K]>,\n  >(\n    event: K,\n    eventInitDict?: CustomEventInit<D>\n  ) => boolean;\n\n  protected abstract _rootClickController: RootClickController;\n  private readonly _toggleController = addToggleController(this);\n\n  /**\n   * Sets the open state of the component.\n   * @attr open\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  protected _handleAnchorClick(): void {\n    this.open ? this._hide(true) : this._show(true);\n  }\n\n  protected _hide(emitEvent = false): Promise<boolean> {\n    return this._toggleController.hide(emitEvent);\n  }\n\n  protected _show(emitEvent = false): Promise<boolean> {\n    return this._toggleController.show(emitEvent);\n  }\n\n  /** Shows the component. */\n  public async show(): Promise<boolean> {\n    return this._show();\n  }\n\n  /** Hides the component. */\n  public async hide(): Promise<boolean> {\n    return this._hide();\n  }\n\n  /** Toggles the open state of the component. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n}\n\n/* blazorIndirectRender */\n/* omitModule */\nexport abstract class IgcComboBoxBaseLikeComponent extends IgcBaseComboBoxComponent {\n  /**\n   * Whether the component dropdown should be kept open on selection.\n   * @attr keep-open-on-select\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open-on-select' })\n  public keepOpenOnSelect = false;\n\n  /**\n   * Whether the component dropdown should be kept open on clicking outside of it.\n   * @attr keep-open-on-outside-click\n   * @default false\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'keep-open-on-outside-click',\n  })\n  public keepOpenOnOutsideClick = false;\n}\n\nexport function getItems<T extends HTMLElement>(\n  root: Node,\n  tagName: string\n): Generator<T> {\n  return iterNodes<T>(root, {\n    show: 'SHOW_ELEMENT',\n    filter: (item) => item.matches(tagName),\n  });\n}\n\nexport function getActiveItems<T extends HTMLElement & { disabled: boolean }>(\n  root: Node,\n  tagName: string\n): Generator<T> {\n  return iterNodes<T>(root, {\n    show: 'SHOW_ELEMENT',\n    filter: (item) => item.matches(tagName) && !item.disabled,\n  });\n}\n\n/**\n * Both navigation helpers accept a missing or detached `from`, in which case\n * the search runs from the edge of the collection. They return `undefined` only\n * when there is nothing to navigate to at all.\n */\nfunction indexOfItem<T extends HTMLElement>(\n  items: T[],\n  from: T | null | undefined,\n  fallback: number\n): number {\n  const index = from ? items.indexOf(from) : -1;\n  return index < 0 ? fallback : index;\n}\n\n/**\n * Returns the first non-disabled item after `from`, or `from` itself when it is\n * already the last one.\n */\nexport function getNextActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from?: T | null): T | undefined {\n  const current = indexOfItem(items, from, -1);\n\n  for (let i = current + 1; i < items.length; i++) {\n    if (!items[i].disabled) {\n      return items[i];\n    }\n  }\n\n  return items[current];\n}\n\n/**\n * Returns the first non-disabled item before `from`, or `from` itself when it\n * is already the first one.\n */\nexport function getPreviousActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from?: T | null): T | undefined {\n  const current = indexOfItem(items, from, items.length);\n\n  for (let i = current - 1; i >= 0; i--) {\n    if (!items[i].disabled) {\n      return items[i];\n    }\n  }\n\n  return items[current];\n}\n\nexport function setInitialSelectionState<\n  T extends HTMLElement & { selected: boolean },\n>(items: T[]): T | null {\n  const lastSelected = lastOf(items.filter((item) => item.selected));\n\n  for (const item of items) {\n    item.selected = item === lastSelected;\n  }\n\n  return lastSelected ?? null;\n}\n"]}

package/internals/mixins/constructor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constructor.js","sourceRoot":"","sources":["../../../src/internals/mixins/constructor.ts"],"names":[],"mappings":"","sourcesContent":["export type Constructor<T = object> = new (...args: any[]) => T;\n\nexport type AbstractConstructor<T = object> = abstract new (\n  ...args: any[]\n) => T;\n"]}

package/internals/mixins/event-emitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-emitter.js","sourceRoot":"","sources":["../../../src/internals/mixins/event-emitter.ts"],"names":[],"mappings":"AAsCA,MAAM,UAAU,iBAAiB,CAC/B,UAAa;IAEb,MAAM,mBAAoB,SAAQ,UAAU;QAY1B,gBAAgB,CAC9B,IAAY,EACZ,QAA4C,EAC5C,OAA2C;YAE3C,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClD,CAAC;QAae,mBAAmB,CACjC,IAAY,EACZ,QAA4C,EAC5C,OAAwC;YAExC,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QACrD,CAAC;QAKM,SAAS,CACd,IAAO,EACP,aAAkC;YAElC,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,WAAW,CACb,IAAc,EACd,MAAM,CAAC,MAAM,CACX;gBACE,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE;aACX,EACD,aAAa,CACd,CACF,CACF,CAAC;QACJ,CAAC;KACF;IACD,OAAO,mBAAgE,CAAC;AAC1E,CAAC","sourcesContent":["import type { LitElement } from 'lit';\nimport type { AbstractConstructor, Constructor } from './constructor.js';\n\nexport type UnpackCustomEvent<T> = T extends CustomEvent<infer U> ? U : never;\n\nexport declare class EventEmitterInterface<E> {\n  public addEventListener<K extends keyof M, M extends E & HTMLElementEventMap>(\n    type: K,\n    listener: (this: HTMLElement, ev: M[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  public addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  public removeEventListener<\n    K extends keyof M,\n    M extends E & HTMLElementEventMap,\n  >(\n    type: K,\n    listener: (this: HTMLElement, ev: M[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  public removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void;\n  public emitEvent<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(\n    type: K,\n    eventInitDict?: CustomEventInit<D>\n  ): boolean;\n}\n\nexport function EventEmitterMixin<E, T extends AbstractConstructor<LitElement>>(\n  superClass: T\n): Constructor<EventEmitterInterface<E>> & T;\nexport function EventEmitterMixin<E, T extends Constructor<LitElement>>(\n  superClass: T\n) {\n  class EventEmitterElement extends superClass {\n    /**\n     * @hidden\n     */\n    public override addEventListener<\n      K extends keyof M,\n      M extends E & HTMLElementEventMap,\n    >(\n      type: K,\n      listener: (this: HTMLElement, ev: M[K]) => any,\n      options?: boolean | AddEventListenerOptions\n    ): void;\n    public override addEventListener(\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options?: boolean | AddEventListenerOptions\n    ): void {\n      super.addEventListener(type, listener, options);\n    }\n\n    /**\n     * @hidden\n     */\n    public override removeEventListener<\n      K extends keyof M,\n      M extends E & HTMLElementEventMap,\n    >(\n      type: K,\n      listener: (this: HTMLElement, ev: M[K]) => any,\n      options?: boolean | EventListenerOptions\n    ): void;\n    public override removeEventListener(\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options?: boolean | EventListenerOptions\n    ): void {\n      super.removeEventListener(type, listener, options);\n    }\n\n    /**\n     * @hidden @internal\n     */\n    public emitEvent<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(\n      type: K,\n      eventInitDict?: CustomEventInit<D>\n    ): boolean {\n      return this.dispatchEvent(\n        new CustomEvent<D>(\n          type as string,\n          Object.assign(\n            {\n              bubbles: true,\n              cancelable: false,\n              composed: true,\n              detail: {},\n            },\n            eventInitDict\n          )\n        )\n      );\n    }\n  }\n  return EventEmitterElement as Constructor<EventEmitterInterface<E>> & T;\n}\n"]}

package/{components/common → internals}/mixins/forms/associated-required.js

@@ -6,8 +6,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { property } from 'lit/decorators.js';
 import { FormAssociatedCheckboxMixin, FormAssociatedMixin, } from './associated.js';
-export function FormAssociatedRequiredMixin(base) {
-    class FormAssociatedRequiredElement extends FormAssociatedMixin(base) {
+function BaseFormAssociatedRequired(base) {
+    class BaseFormAssociatedRequiredElement extends base {
         constructor() {
             super(...arguments);
             this._required = false;
@@ -22,26 +22,17 @@ export function FormAssociatedRequiredMixin(base) {
     }
     __decorate([
         property({ type: Boolean, reflect: true })
-    ], FormAssociatedRequiredElement.prototype, "required", null);
+    ], BaseFormAssociatedRequiredElement.prototype, "required", null);
+    return BaseFormAssociatedRequiredElement;
+}
+export function FormAssociatedRequiredMixin(base) {
+    class FormAssociatedRequiredElement extends BaseFormAssociatedRequired(FormAssociatedMixin(base)) {
+    }
     return FormAssociatedRequiredElement;
 }
 export function FormAssociatedCheckboxRequiredMixin(base) {
-    class FormAssociatedRequiredElement extends FormAssociatedCheckboxMixin(base) {
-        constructor() {
-            super(...arguments);
-            this._required = false;
-        }
-        set required(value) {
-            this._required = Boolean(value);
-            this._validate();
-        }
-        get required() {
-            return this._required;
-        }
+    class FormAssociatedCheckboxRequiredElement extends BaseFormAssociatedRequired(FormAssociatedCheckboxMixin(base)) {
     }
-    __decorate([
-        property({ type: Boolean, reflect: true })
-    ], FormAssociatedRequiredElement.prototype, "required", null);
-    return FormAssociatedRequiredElement;
+    return FormAssociatedCheckboxRequiredElement;
 }
 //# sourceMappingURL=associated-required.js.map

package/internals/mixins/forms/associated-required.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"associated-required.js","sourceRoot":"","sources":["../../../../src/internals/mixins/forms/associated-required.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EACL,2BAA2B,EAC3B,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AAQzB,SAAS,0BAA0B,CAEjC,IAAO;IACP,MAAM,iCAAkC,SAAQ,IAAI;QAApD;;YACY,cAAS,GAAG,KAAK,CAAC;QAgB9B,CAAC;QARC,IAAW,QAAQ,CAAC,KAAc;YAChC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;YAChC,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC;QAED,IAAW,QAAQ;YACjB,OAAO,IAAI,CAAC,SAAS,CAAC;QACxB,CAAC;KACF;IARC;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qEAI1C;IAOH,OAAO,iCAAiC,CAAC;AAC3C,CAAC;AAMD,MAAM,UAAU,2BAA2B,CACzC,IAAO;IAEP,MAAM,6BAA8B,SAAQ,0BAA0B,CACpE,mBAAmB,CAAC,IAAI,CAAC,CAC1B;KAAG;IAEJ,OAAO,6BAGJ,CAAC;AACN,CAAC;AAMD,MAAM,UAAU,mCAAmC,CAEjD,IAAO;IACP,MAAM,qCAAsC,SAAQ,0BAA0B,CAC5E,2BAA2B,CAAC,IAAI,CAAC,CAClC;KAAG;IAEJ,OAAO,qCAGJ,CAAC;AACN,CAAC","sourcesContent":["import type { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { Constructor } from '../constructor.js';\nimport {\n  FormAssociatedCheckboxMixin,\n  FormAssociatedMixin,\n} from './associated.js';\nimport type {\n  BaseFormAssociatedElement,\n  FormAssociatedCheckboxElementInterface,\n  FormAssociatedElementInterface,\n  FormRequiredInterface,\n} from './types.js';\n\nfunction BaseFormAssociatedRequired<\n  T extends Constructor<BaseFormAssociatedElement & LitElement>,\n>(base: T) {\n  class BaseFormAssociatedRequiredElement extends base {\n    protected _required = false;\n\n    /**\n     * When set, makes the component a required field for validation.\n     * @attr\n     * @default false\n     */\n    @property({ type: Boolean, reflect: true })\n    public set required(value: boolean) {\n      this._required = Boolean(value);\n      this._validate();\n    }\n\n    public get required(): boolean {\n      return this._required;\n    }\n  }\n\n  return BaseFormAssociatedRequiredElement;\n}\n\n/**\n * Mixes the passed class into a form associated custom element with an\n * additional `required` attribute.\n */\nexport function FormAssociatedRequiredMixin<T extends Constructor<LitElement>>(\n  base: T\n) {\n  class FormAssociatedRequiredElement extends BaseFormAssociatedRequired(\n    FormAssociatedMixin(base)\n  ) {}\n\n  return FormAssociatedRequiredElement as unknown as Constructor<\n    FormRequiredInterface & FormAssociatedElementInterface\n  > &\n    T;\n}\n\n/**\n * Mixes the passed class into a form associated custom element with an\n * additional `required` attribute.\n */\nexport function FormAssociatedCheckboxRequiredMixin<\n  T extends Constructor<LitElement>,\n>(base: T) {\n  class FormAssociatedCheckboxRequiredElement extends BaseFormAssociatedRequired(\n    FormAssociatedCheckboxMixin(base)\n  ) {}\n\n  return FormAssociatedCheckboxRequiredElement as unknown as Constructor<\n    FormRequiredInterface & FormAssociatedCheckboxElementInterface\n  > &\n    T;\n}\n"]}

package/{components/common → internals}/mixins/forms/associated.js

@@ -6,9 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { isServer } from 'lit';
 import { property } from 'lit/decorators.js';
+import IgcValidationContainerComponent from '../../../components/validation-container/validation-container.js';
 import { addInternalsController } from '../../controllers/internals.js';
 import { enterKey } from '../../controllers/key-bindings.js';
-import { addSafeEventListener, isFunction, isString } from '../../util.js';
+import { addSafeEventListener } from '../../utils/events.js';
+import { isFunction, isString } from '../../utils/types.js';
 import { InternalInvalidEvent, InternalResetEvent, } from './types.js';
 const INVALID_STATE = 'ig-invalid';
 const eventOptions = {
@@ -24,14 +26,14 @@ function emitFormResetEvent(host) {
 function BaseFormAssociated(base) {
     class BaseFormAssociatedElement extends base {
         static { this.formAssociated = true; }
-        get _hasUserInteraction() {
-            return this._touched || this._isFormSubmit;
-        }
         get _shouldApplyStyles() {
             if (this._isExternalInvalid) {
                 return true;
             }
-            return (this._invalid && this._hasUserInteraction && !this._isInternalValidation);
+            return (!this._disabled &&
+                this._invalid &&
+                this._touched &&
+                !this._isInternalValidation);
         }
         get __validators() {
             return [];
@@ -39,6 +41,9 @@ function BaseFormAssociated(base) {
         set disabled(value) {
             this._disabled = value;
             this.toggleAttribute('disabled', Boolean(this._disabled));
+            if (this.hasUpdated) {
+                this._setInvalidStyles();
+            }
         }
         get disabled() {
             return this._disabled;
@@ -48,7 +53,7 @@ function BaseFormAssociated(base) {
             this._setInvalidStyles();
         }
         get invalid() {
-            return this._isExternalInvalid || this._shouldApplyStyles;
+            return this._shouldApplyStyles;
         }
         get form() {
             return this._internals.form;
@@ -65,7 +70,6 @@ function BaseFormAssociated(base) {
         constructor(...args) {
             super(...args);
             this._internals = addInternalsController(this);
-            this._isFormSubmit = false;
             this._isInternalValidation = false;
             this._touched = false;
             this._isExternalInvalid = false;
@@ -76,36 +80,30 @@ function BaseFormAssociated(base) {
         }
         connectedCallback() {
             super.connectedCallback();
-            this._pristine = true;
-            this._touched = false;
+            if (!this.hasUpdated) {
+                this._pristine = true;
+                this._touched = false;
+            }
             this._validate();
         }
         _handleEnterKeydown(event) {
-            if (event.key !== enterKey)
-                return;
-            if (event.repeat)
+            if (event.key !== enterKey || event.repeat) {
                 return;
-            const canSubmit = this.form && (this.form.noValidate || this.checkValidity());
-            if (canSubmit) {
-                this.form?.requestSubmit();
             }
+            this.form?.requestSubmit();
         }
-        async _handleInvalid(event) {
+        _handleInvalid(event) {
             event.preventDefault();
             this._invalid = true;
             if (this._isInternalValidation) {
                 this._isInternalValidation = false;
             }
             else {
-                this._isFormSubmit = true;
+                this._setTouchedState();
                 emitFormInvalidEvent(this);
             }
             this._setInvalidStyles();
             this.requestUpdate();
-            if (this._isFormSubmit) {
-                await this.updateComplete;
-                this._isFormSubmit = false;
-            }
         }
         _setInvalidStyles() {
             this._internals.setState(INVALID_STATE, this._shouldApplyStyles);
@@ -114,33 +112,29 @@ function BaseFormAssociated(base) {
             this._isInternalValidation = false;
         }
         __runValidators() {
-            const validity = {};
+            let validity = {};
             let message = '';
-            let validationFailed = false;
             for (const validator of this.__validators) {
                 const isValid = validator.isValid(this);
                 validity[validator.key] = !isValid;
                 if (!isValid) {
-                    validationFailed = true;
                     message = isFunction(validator.message)
                         ? validator.message(this)
                         : validator.message;
+                    if (validator.key === 'valueMissing') {
+                        validity = { valueMissing: true };
+                        break;
+                    }
                 }
             }
-            this._invalid = validationFailed;
             return { validity, message };
         }
         _validate(userMessage) {
             if (isServer)
                 return;
-            let { validity, message } = this.__runValidators();
+            const { validity, message: validatorMessage } = this.__runValidators();
             const hasCustomError = this.validity.customError;
-            if (validity.valueMissing) {
-                validity = {
-                    valueMissing: true,
-                    customError: hasCustomError,
-                };
-            }
+            let message = validatorMessage;
             if (hasCustomError && userMessage === undefined) {
                 validity.customError = true;
                 message = this.validationMessage;
@@ -156,15 +150,18 @@ function BaseFormAssociated(base) {
             this._isInternalValidation = true;
             this._invalid = !this._internals.checkValidity();
             this._resolveInternalValidation();
+            this._setInvalidStyles();
         }
         _handleBlur() {
             this._setTouchedState();
             this._validate();
         }
         _setTouchedState() {
-            if (!this._touched) {
-                this._touched = true;
-            }
+            this._touched = true;
+        }
+        _emitTouchedEvent(eventName, init) {
+            this._setTouchedState();
+            return this.emitEvent(eventName, init);
         }
         _setDefaultValue(current) {
             this._formValue.defaultValue = current;
@@ -178,11 +175,14 @@ function BaseFormAssociated(base) {
             this._pristine = false;
             this._internals.setFormValue(value, state);
             this._validate();
-            this._setInvalidStyles();
+        }
+        _renderValidationContainer(config) {
+            return IgcValidationContainerComponent.create(this, config);
         }
         formAssociatedCallback(_form) { }
         formDisabledCallback(state) {
             this._disabled = state;
+            this._setInvalidStyles();
             this.requestUpdate();
         }
         formResetCallback() {
@@ -190,6 +190,7 @@ function BaseFormAssociated(base) {
             this._pristine = true;
             this._touched = false;
             this._invalid = false;
+            this._isExternalInvalid = false;
             this._setInvalidStyles();
             emitFormResetEvent(this);
         }
@@ -208,8 +209,6 @@ function BaseFormAssociated(base) {
         }
         setCustomValidity(message) {
             this._validate(message);
-            this._isInternalValidation = message === '';
-            this._setInvalidStyles();
             this.requestUpdate();
         }
     }
@@ -237,6 +236,24 @@ export function FormAssociatedMixin(base) {
         get defaultValue() {
             return this._formValue.defaultValue;
         }
+        _restoreDefaultValue() {
+            if ('value' in this) {
+                this.value = this.defaultValue;
+            }
+            else {
+                super._restoreDefaultValue();
+            }
+        }
+        _commitValue(value, eventName) {
+            this._setTouchedState();
+            if ('value' in this) {
+                this.value = value;
+                return this.emitEvent(eventName, {
+                    detail: this.value,
+                });
+            }
+            return false;
+        }
         attributeChangedCallback(name, prev, current) {
             super.attributeChangedCallback(name, prev, current);
             if (name === 'value') {
@@ -262,6 +279,14 @@ export function FormAssociatedCheckboxMixin(base) {
         get defaultChecked() {
             return this._formValue.defaultValue;
         }
+        _restoreDefaultValue() {
+            if ('checked' in this) {
+                this.checked = this.defaultChecked;
+            }
+            else {
+                super._restoreDefaultValue();
+            }
+        }
         attributeChangedCallback(name, prev, current) {
             super.attributeChangedCallback(name, prev, current);
             if (name === 'checked') {

package/internals/mixins/forms/associated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"associated.js","sourceRoot":"","sources":["../../../../src/internals/mixins/forms/associated.ts"],"names":[],"mappings":"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","sourcesContent":["import { isServer, type LitElement, type TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport IgcValidationContainerComponent, {\n  type ValidationContainerConfig,\n} from '../../../components/validation-container/validation-container.js';\nimport { addInternalsController } from '../../controllers/internals.js';\nimport { enterKey } from '../../controllers/key-bindings.js';\nimport { addSafeEventListener } from '../../utils/events.js';\nimport { isFunction, isString } from '../../utils/types.js';\nimport type { Validator } from '../../validators.js';\nimport type { Constructor } from '../constructor.js';\nimport type { FormValue } from './form-value.js';\nimport {\n  type FormAssociatedCheckboxElementInterface,\n  type FormAssociatedElementInterface,\n  type FormRestoreMode,\n  type FormValueType,\n  type IgcFormControl,\n  InternalInvalidEvent,\n  InternalResetEvent,\n} from './types.js';\n\nconst INVALID_STATE = 'ig-invalid';\n\n/**\n * Every form-associated component composes the event-emitter mixin somewhere in\n * its heritage, but this mixin cannot see it in its type chain - emits go through\n * a structural contract instead.\n */\ntype EventEmitterLike = {\n  emitEvent(name: string, init?: CustomEventInit): boolean;\n};\n\nconst eventOptions = {\n  bubbles: false,\n  composed: false,\n};\n\nfunction emitFormInvalidEvent(host: LitElement): void {\n  host.dispatchEvent(new CustomEvent(InternalInvalidEvent, eventOptions));\n}\n\nfunction emitFormResetEvent(host: LitElement): void {\n  host.dispatchEvent(new CustomEvent(InternalResetEvent, eventOptions));\n}\n\nfunction BaseFormAssociated<T extends Constructor<LitElement>>(base: T) {\n  class BaseFormAssociatedElement extends base {\n    public static readonly formAssociated = true;\n\n    //#region Internal state and properties\n\n    protected readonly _internals = addInternalsController(this);\n    protected readonly _formValue!: FormValue<unknown>;\n\n    /**\n     * Suppresses invalid styling for a programmatic validation cycle\n     * (`checkValidity`/`_validate`). Scoped to the synchronous validity check:\n     * set immediately before it and cleared immediately after, so it never\n     * leaks into a later submission or user-interaction cycle.\n     */\n    private _isInternalValidation = false;\n    private _touched = false;\n    private _isExternalInvalid = false;\n\n    private get _shouldApplyStyles(): boolean {\n      if (this._isExternalInvalid) {\n        return true;\n      }\n\n      // A disabled control is barred from constraint validation, so it never\n      // carries invalid styling regardless of what its validators say.\n      return (\n        !this._disabled &&\n        this._invalid &&\n        this._touched &&\n        !this._isInternalValidation\n      );\n    }\n\n    protected _disabled = false;\n    protected _invalid = false;\n    protected _pristine = true;\n\n    protected get __validators(): Validator[] {\n      return [];\n    }\n\n    //#endregion\n\n    //#region Public properties and attributes\n\n    /**\n     * The name of the control, submitted with the form data.\n     * @attr\n     */\n    @property({ reflect: true })\n    public name!: string;\n\n    /**\n     * The disabled state of the component.\n     * @attr\n     * @default false\n     */\n    @property({ type: Boolean })\n    public set disabled(value: boolean) {\n      this._disabled = value;\n      this.toggleAttribute('disabled', Boolean(this._disabled));\n      if (this.hasUpdated) {\n        this._setInvalidStyles();\n      }\n    }\n\n    public get disabled(): boolean {\n      return this._disabled;\n    }\n\n    /**\n     * Sets the control into invalid state (visual state only).\n     *\n     * @remarks\n     * The property is not reflected back to the attribute. Reading it returns\n     * the effective visual state, so a touched control failing validation\n     * reads `true` even after assigning `false`.\n     * @attr\n     * @default false\n     */\n    @property({ type: Boolean })\n    public set invalid(value: boolean) {\n      this._isExternalInvalid = value;\n      this._setInvalidStyles();\n    }\n\n    public get invalid(): boolean {\n      return this._shouldApplyStyles;\n    }\n\n    /** Returns the HTMLFormElement associated with this element. */\n    public get form(): HTMLFormElement | null {\n      return this._internals.form;\n    }\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      return this._internals.validity;\n    }\n\n    /** A string containing the validation message of this element. */\n    public get validationMessage(): string {\n      return this._internals.validationMessage;\n    }\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      return this._internals.willValidate;\n    }\n    //#endregion\n\n    //#region Life-cycle hooks\n\n    constructor(...args: any[]) {\n      super(...args);\n      addSafeEventListener(this, 'invalid', this._handleInvalid);\n    }\n\n    /** @internal */\n    public override connectedCallback(): void {\n      super.connectedCallback();\n\n      if (!this.hasUpdated) {\n        this._pristine = true;\n        this._touched = false;\n      }\n\n      this._validate();\n    }\n\n    //#endregion\n\n    //#region Enter key submission handling\n\n    protected _handleEnterKeydown(event: KeyboardEvent): void {\n      if (event.key !== enterKey || event.repeat) {\n        return;\n      }\n\n      this.form?.requestSubmit();\n    }\n\n    //#endregion\n\n    //#region Form value and validation states\n\n    private _handleInvalid(event: Event): void {\n      event.preventDefault();\n      this._invalid = true;\n\n      if (this._isInternalValidation) {\n        this._isInternalValidation = false;\n      } else {\n        // A failed submission counts as user interaction, and a lasting one: the\n        // control was asked for a value it could not provide. Keeping it touched\n        // is what makes `invalid` - and with it the validation messages the host\n        // projects - survive any later re-render, rather than holding only for\n        // the update the submission itself scheduled.\n        this._setTouchedState();\n        emitFormInvalidEvent(this);\n      }\n\n      this._setInvalidStyles();\n      this.requestUpdate();\n    }\n\n    private _setInvalidStyles(): void {\n      this._internals.setState(INVALID_STATE, this._shouldApplyStyles);\n    }\n\n    /**\n     * Closes a programmatic validation cycle. If the control was invalid, the\n     * synchronous `invalid` event already cleared the flag; if it was valid no\n     * event fired, so clear it here to stop it leaking into a later submission\n     * or user-interaction cycle.\n     */\n    private _resolveInternalValidation(): void {\n      this._isInternalValidation = false;\n    }\n\n    private __runValidators(): {\n      validity: ValidityStateFlags;\n      message: string;\n    } {\n      let validity: ValidityStateFlags = {};\n      let message = '';\n\n      for (const validator of this.__validators) {\n        const isValid = validator.isValid(this);\n\n        validity[validator.key] = !isValid;\n\n        if (!isValid) {\n          message = isFunction(validator.message)\n            ? validator.message(this)\n            : validator.message;\n\n          if (validator.key === 'valueMissing') {\n            validity = { valueMissing: true };\n            break;\n          }\n        }\n      }\n\n      return { validity, message };\n    }\n\n    /**\n     * Executes the component validators and updates the internal validity state.\n     */\n    protected _validate(userMessage?: string): void {\n      if (isServer) return;\n      const { validity, message: validatorMessage } = this.__runValidators();\n      const hasCustomError = this.validity.customError;\n      let message = validatorMessage;\n\n      if (hasCustomError && userMessage === undefined) {\n        // Internal validation cycle after the user has called setCustomValidity()\n        // with some message. Keep the customError flag and the passed in message.\n        validity.customError = true;\n        message = this.validationMessage;\n      } else if (hasCustomError && userMessage === '') {\n        // setCustomValidity with an empty message.\n        validity.customError = false;\n      } else if (userMessage && userMessage !== '') {\n        // setCustomValidity with a message.\n        validity.customError = true;\n        message = userMessage;\n      }\n\n      this._internals.setValidity(validity, message);\n      this._isInternalValidation = true;\n      this._invalid = !this._internals.checkValidity();\n      this._resolveInternalValidation();\n      this._setInvalidStyles();\n    }\n\n    protected _handleBlur(): void {\n      this._setTouchedState();\n      this._validate();\n    }\n\n    protected _setTouchedState(): void {\n      this._touched = true;\n    }\n\n    protected _emitTouchedEvent(\n      eventName: string,\n      init?: CustomEventInit\n    ): boolean {\n      this._setTouchedState();\n      return (this as unknown as EventEmitterLike).emitEvent(eventName, init);\n    }\n\n    protected _setDefaultValue(current: string | null): void {\n      this._formValue.defaultValue = current;\n    }\n\n    protected _restoreDefaultValue(): void {\n      const value = this._formValue.value;\n      this._formValue.setValueAndFormState(this._formValue.defaultValue);\n      this.requestUpdate('value', value);\n    }\n\n    protected _setFormValue(value: FormValueType, state?: FormValueType): void {\n      this._pristine = false;\n      this._internals.setFormValue(value, state);\n      this._validate();\n    }\n\n    protected _renderValidationContainer(\n      config?: ValidationContainerConfig\n    ): TemplateResult {\n      return IgcValidationContainerComponent.create(\n        this as unknown as IgcFormControl,\n        config\n      );\n    }\n\n    //#endregion\n\n    //#region Form associated callback hooks\n\n    protected formAssociatedCallback(_form: HTMLFormElement): void {}\n\n    protected formDisabledCallback(state: boolean): void {\n      this._disabled = state;\n      this._setInvalidStyles();\n      this.requestUpdate();\n    }\n\n    protected formResetCallback(): void {\n      this._restoreDefaultValue();\n      this._pristine = true;\n      this._touched = false;\n      this._invalid = false;\n      this._isExternalInvalid = false;\n      this._setInvalidStyles();\n      emitFormResetEvent(this);\n    }\n\n    /* c8 ignore next 4 */\n    protected formStateRestoreCallback(\n      _state: FormValueType,\n      _mode: FormRestoreMode\n    ): void {}\n\n    //#endregion\n\n    //#region Public API\n\n    /** Checks for validity of the control and shows the browser message if it's invalid. */\n    public reportValidity(): boolean {\n      const state = this._internals.reportValidity();\n      this._invalid = !state;\n      return state;\n    }\n\n    /** Checks for validity of the control and emits the invalid event if it's invalid. */\n    public checkValidity(): boolean {\n      this._isInternalValidation = true;\n      const state = this._internals.checkValidity();\n      this._invalid = !state;\n      this._resolveInternalValidation();\n      return state;\n    }\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      this._validate(message);\n      this.requestUpdate();\n    }\n\n    //#endregion\n  }\n  return BaseFormAssociatedElement as Constructor<BaseFormAssociatedElement> &\n    T;\n}\n\n/**\n * Mixes the passed in class and turns it into a form associated custom element.\n */\nexport function FormAssociatedMixin<T extends Constructor<LitElement>>(\n  base: T\n) {\n  class FormAssociatedElement extends BaseFormAssociated(base) {\n    /* blazorCSSuppress */\n    @property({ attribute: false })\n    public set defaultValue(value: unknown) {\n      this._formValue.defaultValue = value;\n\n      if (this._pristine && 'value' in this) {\n        this.value = this.defaultValue;\n        this._pristine = true;\n        this._validate();\n      }\n    }\n\n    public get defaultValue(): unknown {\n      return this._formValue.defaultValue;\n    }\n\n    /**\n     * Restores the default value through the public `value` setter so any\n     * clamping/normalization the component applies (slider bounds, rating max)\n     * also applies on form reset, and the correct reactive property is\n     * recorded for the update cycle.\n     */\n    protected override _restoreDefaultValue(): void {\n      if ('value' in this) {\n        this.value = this.defaultValue;\n      } else {\n        super._restoreDefaultValue();\n      }\n    }\n\n    /** Touched flips first, so the setter's validation cycle sees it. */\n    protected _commitValue(value: unknown, eventName: string): boolean {\n      this._setTouchedState();\n\n      if ('value' in this) {\n        this.value = value;\n        return (this as unknown as EventEmitterLike).emitEvent(eventName, {\n          detail: this.value,\n        });\n      }\n\n      return false;\n    }\n\n    public override attributeChangedCallback(\n      name: string,\n      prev: string | null,\n      current: string | null\n    ): void {\n      super.attributeChangedCallback(name, prev, current);\n      if (name === 'value') {\n        this._setDefaultValue(current);\n      }\n    }\n  }\n\n  return FormAssociatedElement as unknown as Constructor<FormAssociatedElementInterface> &\n    T;\n}\n\n/**\n * Mixes the passed in class and turns it into a form associated custom element.\n */\nexport function FormAssociatedCheckboxMixin<T extends Constructor<LitElement>>(\n  base: T\n) {\n  class FormAssociatedCheckboxElement extends BaseFormAssociated(base) {\n    /* blazorCSSuppress */\n    @property({ attribute: false })\n    public set defaultChecked(value: boolean) {\n      this._formValue.defaultValue = value;\n\n      if (this._pristine && 'checked' in this) {\n        this.checked = this.defaultChecked;\n        this._pristine = true;\n        this._validate();\n      }\n    }\n\n    public get defaultChecked(): boolean {\n      return this._formValue.defaultValue as boolean;\n    }\n\n    /**\n     * Restores the default checked state through the public `checked` setter\n     * so the correct reactive property is recorded for the update cycle.\n     */\n    protected override _restoreDefaultValue(): void {\n      if ('checked' in this) {\n        this.checked = this.defaultChecked;\n      } else {\n        super._restoreDefaultValue();\n      }\n    }\n\n    public override attributeChangedCallback(\n      name: string,\n      prev: string | null,\n      current: string | null\n    ): void {\n      super.attributeChangedCallback(name, prev, current);\n      if (name === 'checked') {\n        this._setDefaultValue(isString(current) ? 'true' : null);\n      }\n    }\n  }\n\n  return FormAssociatedCheckboxElement as unknown as Constructor<FormAssociatedCheckboxElementInterface> &\n    T;\n}\n"]}

package/{components/common → internals}/mixins/forms/form-transformers.d.ts

@@ -1,4 +1,4 @@
-import type { DateRangeValue } from '../../../types.js';
+import type { DateRangeValue } from '../../../components/types.js';
 import type { FormValueType, IgcFormControl } from './types.js';
 export type FormValueTransformers<T> = {
     setValue: (value: T) => T;