igniteui-webcomponents 7.3.2 → 7.4.1

package/internals/mixins/combo-box.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import type { PopoverScrollStrategy } from '../../components/types.js';
 import type { RootClickController } from '../controllers/root-click.js';
 import { type ToggleEventMap } from '../controllers/toggle.js';
 import type { UnpackCustomEvent } from './event-emitter.js';
@@ -12,6 +13,19 @@ export declare abstract class IgcBaseComboBoxComponent extends LitElement {
      * @default false
      */
     open: boolean;
+    /**
+     * Sets the behavior of the component when the parent container scrolls.
+     *
+     * If the value is `hide`, the component hides while the anchor is fully out
+     * of view. `hide` is the default value.
+     *
+     * If the value is `scroll`, the component stays visible and anchored.
+     *
+     * If the value is `close`, the component closes on each scroll.
+     * @attr scroll-strategy
+     * @default hide
+     */
+    scrollStrategy: PopoverScrollStrategy;
     protected _handleAnchorClick(): void;
     protected _hide(emitEvent?: boolean): Promise<boolean>;
     protected _show(emitEvent?: boolean): Promise<boolean>;
@@ -24,33 +38,29 @@ export declare abstract class IgcBaseComboBoxComponent extends LitElement {
 }
 export declare abstract class IgcComboBoxBaseLikeComponent extends IgcBaseComboBoxComponent {
     /**
-     * Whether the component dropdown should be kept open on selection.
+     * Keeps the dropdown of the component open after the user selects an item.
      * @attr keep-open-on-select
      * @default false
      */
     keepOpenOnSelect: boolean;
     /**
-     * Whether the component dropdown should be kept open on clicking outside of it.
+     * Keeps the dropdown of the component open when the user clicks outside of
+     * it.
      * @attr keep-open-on-outside-click
      * @default false
      */
     keepOpenOnOutsideClick: boolean;
 }
-export declare function getItems<T extends HTMLElement>(root: Node, tagName: string): Generator<T>;
+/** Returns the elements of `root` matching `tagName` and `predicate`. */
+export declare function getItems<T extends HTMLElement>(root: Node, tagName: string, predicate?: (item: T) => boolean): Generator<T>;
 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.
- */
+/** Returns the first non-disabled item after `from`, else `from` itself. */
 export declare function getNextActiveItem<T extends HTMLElement & {
     disabled: boolean;
 }>(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.
- */
+/** Returns the first non-disabled item before `from`, else `from` itself. */
 export declare function getPreviousActiveItem<T extends HTMLElement & {
     disabled: boolean;
 }>(items: T[], from?: T | null): T | undefined;

package/internals/mixins/combo-box.js

@@ -7,13 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement } from 'lit';
 import { property } from 'lit/decorators.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;
+        this.scrollStrategy = 'hide';
     }
     _handleAnchorClick() {
         this.open ? this._hide(true) : this._show(true);
@@ -37,6 +37,9 @@ export class IgcBaseComboBoxComponent extends LitElement {
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcBaseComboBoxComponent.prototype, "open", void 0);
+__decorate([
+    property({ attribute: 'scroll-strategy' })
+], IgcBaseComboBoxComponent.prototype, "scrollStrategy", void 0);
 export class IgcComboBoxBaseLikeComponent extends IgcBaseComboBoxComponent {
     constructor() {
         super(...arguments);
@@ -54,45 +57,36 @@ __decorate([
         attribute: 'keep-open-on-outside-click',
     })
 ], IgcComboBoxBaseLikeComponent.prototype, "keepOpenOnOutsideClick", void 0);
-export function getItems(root, tagName) {
+export function getItems(root, tagName, predicate) {
     return iterNodes(root, {
         show: 'SHOW_ELEMENT',
-        filter: (item) => item.matches(tagName),
+        filter: (item) => item.matches(tagName) && (predicate ? predicate(item) : true),
     });
 }
 export function getActiveItems(root, tagName) {
-    return iterNodes(root, {
-        show: 'SHOW_ELEMENT',
-        filter: (item) => item.matches(tagName) && !item.disabled,
-    });
+    return getItems(root, tagName, (item) => !item.disabled);
 }
-function indexOfItem(items, from, fallback) {
+function getActiveItemFrom(items, from, step) {
     const index = from ? items.indexOf(from) : -1;
-    return index < 0 ? fallback : index;
-}
-export function getNextActiveItem(items, from) {
-    const current = indexOfItem(items, from, -1);
-    for (let i = current + 1; i < items.length; i++) {
+    const current = index < 0 ? (step === 1 ? -1 : items.length) : index;
+    for (let i = current + step; i >= 0 && i < items.length; i += step) {
         if (!items[i].disabled) {
             return items[i];
         }
     }
     return items[current];
 }
+export function getNextActiveItem(items, from) {
+    return getActiveItemFrom(items, from, 1);
+}
 export function getPreviousActiveItem(items, from) {
-    const current = indexOfItem(items, from, items.length);
-    for (let i = current - 1; i >= 0; i--) {
-        if (!items[i].disabled) {
-            return items[i];
-        }
-    }
-    return items[current];
+    return getActiveItemFrom(items, from, -1);
 }
 export function setInitialSelectionState(items) {
-    const lastSelected = lastOf(items.filter((item) => item.selected));
+    const lastSelected = items.findLast((item) => item.selected) ?? null;
     for (const item of items) {
         item.selected = item === lastSelected;
     }
-    return lastSelected ?? null;
+    return lastSelected;
 }
 //# sourceMappingURL=combo-box.js.map

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

@@ -1 +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"]}
+{"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 { PopoverScrollStrategy } from '../../components/types.js';\nimport type { RootClickController } from '../controllers/root-click.js';\nimport {\n  addToggleController,\n  type ToggleEventMap,\n} from '../controllers/toggle.js';\n\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  /**\n   * Sets the behavior of the component when the parent container scrolls.\n   *\n   * If the value is `hide`, the component hides while the anchor is fully out\n   * of view. `hide` is the default value.\n   *\n   * If the value is `scroll`, the component stays visible and anchored.\n   *\n   * If the value is `close`, the component closes on each scroll.\n   * @attr scroll-strategy\n   * @default hide\n   */\n  @property({ attribute: 'scroll-strategy' })\n  public scrollStrategy: PopoverScrollStrategy = 'hide';\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   * Keeps the dropdown of the component open after the user selects an item.\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   * Keeps the dropdown of the component open when the user clicks outside of\n   * 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\n/** Returns the elements of `root` matching `tagName` and `predicate`. */\nexport function getItems<T extends HTMLElement>(\n  root: Node,\n  tagName: string,\n  predicate?: (item: T) => boolean\n): Generator<T> {\n  return iterNodes<T>(root, {\n    show: 'SHOW_ELEMENT',\n    filter: (item) =>\n      item.matches(tagName) && (predicate ? predicate(item) : true),\n  });\n}\n\nexport function getActiveItems<T extends HTMLElement & { disabled: boolean }>(\n  root: Node,\n  tagName: string\n): Generator<T> {\n  return getItems<T>(root, tagName, (item) => !item.disabled);\n}\n\n/**\n * Returns the closest non-disabled item to `from` in the given direction. A\n * missing or detached `from` starts at the edge; falls back to `from`, or\n * `undefined` when there is nothing to navigate to.\n */\nfunction getActiveItemFrom<T extends HTMLElement & { disabled: boolean }>(\n  items: T[],\n  from: T | null | undefined,\n  step: -1 | 1\n): T | undefined {\n  const index = from ? items.indexOf(from) : -1;\n  const current = index < 0 ? (step === 1 ? -1 : items.length) : index;\n\n  for (let i = current + step; i >= 0 && i < items.length; i += step) {\n    if (!items[i].disabled) {\n      return items[i];\n    }\n  }\n\n  return items[current];\n}\n\n/** Returns the first non-disabled item after `from`, else `from` itself. */\nexport function getNextActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from?: T | null): T | undefined {\n  return getActiveItemFrom(items, from, 1);\n}\n\n/** Returns the first non-disabled item before `from`, else `from` itself. */\nexport function getPreviousActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from?: T | null): T | undefined {\n  return getActiveItemFrom(items, from, -1);\n}\n\nexport function setInitialSelectionState<\n  T extends HTMLElement & { selected: boolean },\n>(items: T[]): T | null {\n  const lastSelected = items.findLast((item) => item.selected) ?? null;\n\n  for (const item of items) {\n    item.selected = item === lastSelected;\n  }\n\n  return lastSelected;\n}\n"]}

package/internals/mixins/event-emitter.js

@@ -1,18 +1,16 @@
+const defaultEventInit = {
+    bubbles: true,
+    cancelable: false,
+    composed: true,
+};
 export function EventEmitterMixin(superClass) {
     class EventEmitterElement extends superClass {
-        addEventListener(type, listener, options) {
-            super.addEventListener(type, listener, options);
-        }
-        removeEventListener(type, listener, options) {
-            super.removeEventListener(type, listener, options);
-        }
         emitEvent(type, eventInitDict) {
-            return this.dispatchEvent(new CustomEvent(type, Object.assign({
-                bubbles: true,
-                cancelable: false,
-                composed: true,
+            return this.dispatchEvent(new CustomEvent(type, {
                 detail: {},
-            }, eventInitDict)));
+                ...defaultEventInit,
+                ...eventInitDict,
+            }));
         }
     }
     return EventEmitterElement;

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

@@ -1 +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"]}
+{"version":3,"file":"event-emitter.js","sourceRoot":"","sources":["../../../src/internals/mixins/event-emitter.ts"],"names":[],"mappings":"AASA,MAAM,gBAAgB,GAAoB;IACxC,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,IAAI;CACf,CAAC;AAmCF,MAAM,UAAU,iBAAiB,CAC/B,UAAa;IAEb,MAAM,mBAAoB,SAAQ,UAAU;QAInC,SAAS,CACd,IAAO,EACP,aAAkC;YAElC,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,WAAW,CAAI,IAAc,EAAE;gBACjC,MAAM,EAAE,EAAO;gBACf,GAAG,gBAAgB;gBACnB,GAAG,aAAa;aACjB,CAAC,CACH,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\n/**\n * The default event init. `detail` is absent: a shared constant would give\n * every detail-less event the same object.\n */\nconst defaultEventInit: CustomEventInit = {\n  bubbles: true,\n  cancelable: false,\n  composed: true,\n};\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 @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>(type as string, {\n          detail: {} as D,\n          ...defaultEventInit,\n          ...eventInitDict,\n        })\n      );\n    }\n  }\n  return EventEmitterElement as Constructor<EventEmitterInterface<E>> & T;\n}\n"]}

package/internals/mixins/forms/associated-required.d.ts

@@ -2,12 +2,12 @@ import type { LitElement } from 'lit';
 import type { Constructor } from '../constructor.js';
 import type { FormAssociatedCheckboxElementInterface, FormAssociatedElementInterface, FormRequiredInterface } from './types.js';
 /**
- * Mixes the passed class into a form associated custom element with an
- * additional `required` attribute.
+ * Turns the given class into a form-associated custom element with a
+ * `required` attribute.
  */
 export declare function FormAssociatedRequiredMixin<T extends Constructor<LitElement>>(base: T): Constructor<FormRequiredInterface & FormAssociatedElementInterface> & T;
 /**
- * Mixes the passed class into a form associated custom element with an
- * additional `required` attribute.
+ * Turns the given class into a form-associated custom element for a checkbox
+ * with a `required` attribute.
  */
 export declare function FormAssociatedCheckboxRequiredMixin<T extends Constructor<LitElement>>(base: T): Constructor<FormRequiredInterface & FormAssociatedCheckboxElementInterface> & T;

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

@@ -1 +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"]}
+{"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 * Turns the given class into a form-associated custom element with a\n * `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 * Turns the given class into a form-associated custom element for a checkbox\n * with a `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/internals/mixins/forms/associated.d.ts

@@ -2,10 +2,12 @@ import { type LitElement } from 'lit';
 import type { Constructor } from '../constructor.js';
 import { type FormAssociatedCheckboxElementInterface, type FormAssociatedElementInterface } from './types.js';
 /**
- * Mixes the passed in class and turns it into a form associated custom element.
+ * Turns the given class into a form-associated custom element with a
+ * `defaultValue` property.
  */
 export declare function FormAssociatedMixin<T extends Constructor<LitElement>>(base: T): Constructor<FormAssociatedElementInterface> & T;
 /**
- * Mixes the passed in class and turns it into a form associated custom element.
+ * Turns the given class into a form-associated checkbox custom element with
+ * a `defaultChecked` property.
  */
 export declare function FormAssociatedCheckboxMixin<T extends Constructor<LitElement>>(base: T): Constructor<FormAssociatedCheckboxElementInterface> & T;

package/internals/mixins/forms/associated.js

@@ -6,9 +6,10 @@ 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 { NAMING_ATTRIBUTES } from '../../controllers/aria-projection.js';
 import { addInternalsController } from '../../controllers/internals.js';
-import { enterKey } from '../../controllers/key-bindings.js';
+import { enterKey, isKey } from '../../controllers/keys.js';
+import { sameItems } from '../../utils/arrays.js';
 import { addSafeEventListener } from '../../utils/events.js';
 import { isFunction, isString } from '../../utils/types.js';
 import { InternalInvalidEvent, InternalResetEvent, } from './types.js';
@@ -17,15 +18,16 @@ const eventOptions = {
     bubbles: false,
     composed: false,
 };
-function emitFormInvalidEvent(host) {
-    host.dispatchEvent(new CustomEvent(InternalInvalidEvent, eventOptions));
-}
-function emitFormResetEvent(host) {
-    host.dispatchEvent(new CustomEvent(InternalResetEvent, eventOptions));
+function emitInternalFormEvent(host, name) {
+    host.dispatchEvent(new CustomEvent(name, eventOptions));
 }
 function BaseFormAssociated(base) {
     class BaseFormAssociatedElement extends base {
         static { this.formAssociated = true; }
+        static get observedAttributes() {
+            const inherited = Reflect.get(base, 'observedAttributes', this);
+            return [...inherited, ...NAMING_ATTRIBUTES];
+        }
         get _shouldApplyStyles() {
             if (this._isExternalInvalid) {
                 return true;
@@ -73,10 +75,23 @@ function BaseFormAssociated(base) {
             this._isInternalValidation = false;
             this._touched = false;
             this._isExternalInvalid = false;
+            this._renderedLabels = null;
             this._disabled = false;
             this._invalid = false;
             this._pristine = true;
             addSafeEventListener(this, 'invalid', this._handleInvalid);
+            addSafeEventListener(this, 'click', this._handleHostClick);
+            addSafeEventListener(this, 'focusin', this._handleFocusEnter);
+        }
+        attributeChangedCallback(name, prev, current) {
+            super.attributeChangedCallback(name, prev, current);
+            if (NAMING_ATTRIBUTES.includes(name)) {
+                this.requestUpdate();
+            }
+        }
+        update(properties) {
+            this._renderedLabels = this._internals.labels;
+            super.update(properties);
         }
         connectedCallback() {
             super.connectedCallback();
@@ -86,8 +101,23 @@ function BaseFormAssociated(base) {
             }
             this._validate();
         }
+        _handleHostClick(event) {
+            if (!this.disabled &&
+                event.bubbles &&
+                !event.defaultPrevented &&
+                event.composedPath()[0] === this) {
+                this._handleLabelActivation();
+            }
+        }
+        _handleFocusEnter(event) {
+            if (!this.contains(event.relatedTarget) &&
+                !sameItems(this._internals.labels, this._renderedLabels)) {
+                this.requestUpdate();
+            }
+        }
+        _handleLabelActivation() { }
         _handleEnterKeydown(event) {
-            if (event.key !== enterKey || event.repeat) {
+            if (!isKey(event, enterKey) || event.repeat) {
                 return;
             }
             this.form?.requestSubmit();
@@ -100,7 +130,7 @@ function BaseFormAssociated(base) {
             }
             else {
                 this._setTouchedState();
-                emitFormInvalidEvent(this);
+                emitInternalFormEvent(this, InternalInvalidEvent);
             }
             this._setInvalidStyles();
             this.requestUpdate();
@@ -108,9 +138,6 @@ function BaseFormAssociated(base) {
         _setInvalidStyles() {
             this._internals.setState(INVALID_STATE, this._shouldApplyStyles);
         }
-        _resolveInternalValidation() {
-            this._isInternalValidation = false;
-        }
         __runValidators() {
             let validity = {};
             let message = '';
@@ -149,7 +176,7 @@ function BaseFormAssociated(base) {
             this._internals.setValidity(validity, message);
             this._isInternalValidation = true;
             this._invalid = !this._internals.checkValidity();
-            this._resolveInternalValidation();
+            this._isInternalValidation = false;
             this._setInvalidStyles();
         }
         _handleBlur() {
@@ -176,9 +203,6 @@ function BaseFormAssociated(base) {
             this._internals.setFormValue(value, state);
             this._validate();
         }
-        _renderValidationContainer(config) {
-            return IgcValidationContainerComponent.create(this, config);
-        }
         formAssociatedCallback(_form) { }
         formDisabledCallback(state) {
             this._disabled = state;
@@ -192,9 +216,8 @@ function BaseFormAssociated(base) {
             this._invalid = false;
             this._isExternalInvalid = false;
             this._setInvalidStyles();
-            emitFormResetEvent(this);
+            emitInternalFormEvent(this, InternalResetEvent);
         }
-        formStateRestoreCallback(_state, _mode) { }
         reportValidity() {
             const state = this._internals.reportValidity();
             this._invalid = !state;
@@ -204,7 +227,7 @@ function BaseFormAssociated(base) {
             this._isInternalValidation = true;
             const state = this._internals.checkValidity();
             this._invalid = !state;
-            this._resolveInternalValidation();
+            this._isInternalValidation = false;
             return state;
         }
         setCustomValidity(message) {

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

@@ -1 +1 @@
-{"version":3,"file":"associated.js","sourceRoot":"","sources":["../../../../src/internals/mixins/forms/associated.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAwC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,+BAEN,MAAM,kEAAkE,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAI5D,OAAO,EAML,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AAEpB,MAAM,aAAa,GAAG,YAAY,CAAC;AAWnC,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,SAAS,oBAAoB,CAAC,IAAgB;IAC5C,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC,CAAC;AAC1E,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAgB;IAC1C,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC,CAAC;AACxE,CAAC;AAED,SAAS,kBAAkB,CAAoC,IAAO;IACpE,MAAM,yBAA0B,SAAQ,IAAI;iBACnB,mBAAc,GAAG,IAAI,AAAP,CAAQ;QAiB7C,IAAY,kBAAkB;YAC5B,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC5B,OAAO,IAAI,CAAC;YACd,CAAC;YAID,OAAO,CACL,CAAC,IAAI,CAAC,SAAS;gBACf,IAAI,CAAC,QAAQ;gBACb,IAAI,CAAC,QAAQ;gBACb,CAAC,IAAI,CAAC,qBAAqB,CAC5B,CAAC;QACJ,CAAC;QAMD,IAAc,YAAY;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC;QAmBD,IAAW,QAAQ,CAAC,KAAc;YAChC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YAC1D,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBACpB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;QAED,IAAW,QAAQ;YACjB,OAAO,IAAI,CAAC,SAAS,CAAC;QACxB,CAAC;QAaD,IAAW,OAAO,CAAC,KAAc;YAC/B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;YAChC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;QAED,IAAW,OAAO;YAChB,OAAO,IAAI,CAAC,kBAAkB,CAAC;QACjC,CAAC;QAGD,IAAW,IAAI;YACb,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QAC9B,CAAC;QAMD,IAAW,QAAQ;YACjB,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QAClC,CAAC;QAGD,IAAW,iBAAiB;YAC1B,OAAO,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC;QAC3C,CAAC;QAMD,IAAW,YAAY;YACrB,OAAO,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;QACtC,CAAC;QAKD,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;YAnHE,eAAU,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;YASrD,0BAAqB,GAAG,KAAK,CAAC;YAC9B,aAAQ,GAAG,KAAK,CAAC;YACjB,uBAAkB,GAAG,KAAK,CAAC;YAiBzB,cAAS,GAAG,KAAK,CAAC;YAClB,aAAQ,GAAG,KAAK,CAAC;YACjB,cAAS,GAAG,IAAI,CAAC;YAsFzB,oBAAoB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC7D,CAAC;QAGe,iBAAiB;YAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAE1B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gBACrB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;gBACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACxB,CAAC;YAED,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC;QAMS,mBAAmB,CAAC,KAAoB;YAChD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;gBAC3C,OAAO;YACT,CAAC;YAED,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;QAC7B,CAAC;QAMO,cAAc,CAAC,KAAY;YACjC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YAErB,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC/B,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;YACrC,CAAC;iBAAM,CAAC;gBAMN,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACxB,oBAAoB,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC;YAED,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAEO,iBAAiB;YACvB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACnE,CAAC;QAQO,0BAA0B;YAChC,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;QACrC,CAAC;QAEO,eAAe;YAIrB,IAAI,QAAQ,GAAuB,EAAE,CAAC;YACtC,IAAI,OAAO,GAAG,EAAE,CAAC;YAEjB,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBAC1C,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAExC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC;gBAEnC,IAAI,CAAC,OAAO,EAAE,CAAC;oBACb,OAAO,GAAG,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC;wBACrC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC;wBACzB,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;oBAEtB,IAAI,SAAS,CAAC,GAAG,KAAK,cAAc,EAAE,CAAC;wBACrC,QAAQ,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;wBAClC,MAAM;oBACR,CAAC;gBACH,CAAC;YACH,CAAC;YAED,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;QAC/B,CAAC;QAKS,SAAS,CAAC,WAAoB;YACtC,IAAI,QAAQ;gBAAE,OAAO;YACrB,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACvE,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;YACjD,IAAI,OAAO,GAAG,gBAAgB,CAAC;YAE/B,IAAI,cAAc,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;gBAGhD,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;gBAC5B,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC;YACnC,CAAC;iBAAM,IAAI,cAAc,IAAI,WAAW,KAAK,EAAE,EAAE,CAAC;gBAEhD,QAAQ,CAAC,WAAW,GAAG,KAAK,CAAC;YAC/B,CAAC;iBAAM,IAAI,WAAW,IAAI,WAAW,KAAK,EAAE,EAAE,CAAC;gBAE7C,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;gBAC5B,OAAO,GAAG,WAAW,CAAC;YACxB,CAAC;YAED,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YAC/C,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;YAClC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YACjD,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAClC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;QAES,WAAW;YACnB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC;QAES,gBAAgB;YACxB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;QAES,iBAAiB,CACzB,SAAiB,EACjB,IAAsB;YAEtB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,OAAQ,IAAoC,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC1E,CAAC;QAES,gBAAgB,CAAC,OAAsB;YAC/C,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,OAAO,CAAC;QACzC,CAAC;QAES,oBAAoB;YAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;YACpC,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;YACnE,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACrC,CAAC;QAES,aAAa,CAAC,KAAoB,EAAE,KAAqB;YACjE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC3C,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC;QAES,0BAA0B,CAClC,MAAkC;YAElC,OAAO,+BAA+B,CAAC,MAAM,CAC3C,IAAiC,EACjC,MAAM,CACP,CAAC;QACJ,CAAC;QAMS,sBAAsB,CAAC,KAAsB,IAAS,CAAC;QAEvD,oBAAoB,CAAC,KAAc;YAC3C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAES,iBAAiB;YACzB,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;YAChC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QAGS,wBAAwB,CAChC,MAAqB,EACrB,KAAsB,IACf,CAAC;QAOH,cAAc;YACnB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;YAC/C,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC;YACvB,OAAO,KAAK,CAAC;QACf,CAAC;QAGM,aAAa;YAClB,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;YAClC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YAC9C,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC;YACvB,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAClC,OAAO,KAAK,CAAC;QACf,CAAC;QAMM,iBAAiB,CAAC,OAAe;YACtC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACxB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;;IAlSM;QADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACP;IAQrB;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6DAO3B;IAiBD;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DAI3B;IAoQH,OAAO,yBACJ,CAAC;AACN,CAAC;AAKD,MAAM,UAAU,mBAAmB,CACjC,IAAO;IAEP,MAAM,qBAAsB,SAAQ,kBAAkB,CAAC,IAAI,CAAC;QAG1D,IAAW,YAAY,CAAC,KAAc;YACpC,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,KAAK,CAAC;YAErC,IAAI,IAAI,CAAC,SAAS,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;gBACtC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;gBAC/B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;gBACtB,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,CAAC;QACH,CAAC;QAED,IAAW,YAAY;YACrB,OAAO,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;QACtC,CAAC;QAQkB,oBAAoB;YACrC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;gBACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,oBAAoB,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC;QAGS,YAAY,CAAC,KAAc,EAAE,SAAiB;YACtD,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAExB,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;gBACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnB,OAAQ,IAAoC,CAAC,SAAS,CAAC,SAAS,EAAE;oBAChE,MAAM,EAAE,IAAI,CAAC,KAAK;iBACnB,CAAC,CAAC;YACL,CAAC;YAED,OAAO,KAAK,CAAC;QACf,CAAC;QAEe,wBAAwB,CACtC,IAAY,EACZ,IAAmB,EACnB,OAAsB;YAEtB,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;YACpD,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;gBACrB,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC;QACH,CAAC;KACF;IApDC;QADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6DAS9B;IA8CH,OAAO,qBACJ,CAAC;AACN,CAAC;AAKD,MAAM,UAAU,2BAA2B,CACzC,IAAO;IAEP,MAAM,6BAA8B,SAAQ,kBAAkB,CAAC,IAAI,CAAC;QAGlE,IAAW,cAAc,CAAC,KAAc;YACtC,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,KAAK,CAAC;YAErC,IAAI,IAAI,CAAC,SAAS,IAAI,SAAS,IAAI,IAAI,EAAE,CAAC;gBACxC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC;gBACnC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;gBACtB,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,CAAC;QACH,CAAC;QAED,IAAW,cAAc;YACvB,OAAO,IAAI,CAAC,UAAU,CAAC,YAAuB,CAAC;QACjD,CAAC;QAMkB,oBAAoB;YACrC,IAAI,SAAS,IAAI,IAAI,EAAE,CAAC;gBACtB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,oBAAoB,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC;QAEe,wBAAwB,CACtC,IAAY,EACZ,IAAmB,EACnB,OAAsB;YAEtB,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;YACpD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACvB,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC;KACF;IApCC;QADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;uEAS9B;IA8BH,OAAO,6BACJ,CAAC;AACN,CAAC","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"]}
+{"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 PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { NAMING_ATTRIBUTES } from '../../controllers/aria-projection.js';\nimport { addInternalsController } from '../../controllers/internals.js';\nimport { enterKey, isKey } from '../../controllers/keys.js';\nimport { sameItems } from '../../utils/arrays.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 FormValueType,\n  InternalInvalidEvent,\n  InternalResetEvent,\n} from './types.js';\n\nconst INVALID_STATE = 'ig-invalid';\n\n/**\n * The event emitter of the host. This mixin cannot see the event-emitter\n * mixin in its type chain, so the emits go through this contract.\n */\ntype EventEmitterLike = {\n  emitEvent(name: string, init?: CustomEventInit): boolean;\n};\n\nconst eventOptions = {\n  bubbles: false,\n  composed: false,\n};\n\n/** Emits one of the internal form events on the host. */\nfunction emitInternalFormEvent(host: LitElement, name: string): void {\n  host.dispatchEvent(new CustomEvent(name, eventOptions));\n}\n\nfunction BaseFormAssociated<T extends Constructor<LitElement>>(base: T) {\n  class BaseFormAssociatedElement extends base {\n    public static readonly formAssociated = true;\n\n    /**\n     * Adds the naming attributes. The mixin base type has no static\n     * `observedAttributes`, so `Reflect.get` calls the base getter with this\n     * class as `this`.\n     * @internal\n     */\n    public static get observedAttributes(): string[] {\n      const inherited = Reflect.get(base, 'observedAttributes', this);\n      return [...(inherited as string[]), ...NAMING_ATTRIBUTES];\n    }\n\n    //#region Internal state and properties\n\n    protected readonly _internals = addInternalsController(this);\n    protected readonly _formValue!: FormValue<unknown>;\n\n    /**\n     * Hides the invalid styling for a validation cycle started from code. Set\n     * immediately before the check and cleared immediately after, so that it\n     * does not reach a later cycle.\n     */\n    private _isInternalValidation = false;\n    private _touched = false;\n    private _isExternalInvalid = false;\n    /** The `<label>` elements at the last update. */\n    private _renderedLabels: ReadonlyArray<Element> | null = null;\n\n    private get _shouldApplyStyles(): boolean {\n      if (this._isExternalInvalid) {\n        return true;\n      }\n\n      // A disabled control cannot validate, so it never styles as invalid.\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     * Not reflected to the attribute. Reading returns the effective state, so\n     * a touched control that fails validation reads `true` after `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    /** Returns a `ValidityState` object for the element. */\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     * Returns `true` when the element is a candidate for constraint\n     * 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      addSafeEventListener(this, 'click', this._handleHostClick);\n      addSafeEventListener(this, 'focusin', this._handleFocusEnter);\n    }\n\n    /** @internal */\n    public override attributeChangedCallback(\n      name: string,\n      prev: string | null,\n      current: string | null\n    ): void {\n      super.attributeChangedCallback(name, prev, current);\n\n      if (NAMING_ATTRIBUTES.includes(name)) {\n        this.requestUpdate();\n      }\n    }\n\n    /** @internal */\n    protected override update(properties: PropertyValues): void {\n      this._renderedLabels = this._internals.labels;\n      super.update(properties);\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 Labels\n\n    /**\n     * A bubbling click that starts on the host activates the component. A\n     * `<label>` sends this click. A click from code that does not bubble does\n     * not activate the component.\n     */\n    private _handleHostClick(event: MouseEvent): void {\n      if (\n        !this.disabled &&\n        event.bubbles &&\n        !event.defaultPrevented &&\n        event.composedPath()[0] === this\n      ) {\n        this._handleLabelActivation();\n      }\n    }\n\n    /**\n     * `ElementInternals.labels` sends no change event. When focus enters the\n     * host from outside, render again if the labels changed after the last\n     * update.\n     */\n    private _handleFocusEnter(event: FocusEvent): void {\n      if (\n        !this.contains(event.relatedTarget as Node | null) &&\n        !sameItems(this._internals.labels, this._renderedLabels)\n      ) {\n        this.requestUpdate();\n      }\n    }\n\n    /**\n     * Runs when a `<label>` or a click on the host activates the component. A\n     * component that delegates focus needs no override: the browser focuses it.\n     */\n    protected _handleLabelActivation(): void {}\n\n    //#endregion\n\n    //#region Enter key submission handling\n\n    protected _handleEnterKeydown(event: KeyboardEvent): void {\n      if (!isKey(event, 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 is a lasting interaction: touched keeps\n        // `invalid` and the projected messages visible across re-renders.\n        this._setTouchedState();\n        emitInternalFormEvent(this, InternalInvalidEvent);\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    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    /** Runs the validators and updates the internal validity state. */\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 cycle after `setCustomValidity(message)`. Keep the\n        // `customError` flag and the message.\n        validity.customError = true;\n        message = this.validationMessage;\n      } else if (hasCustomError && userMessage === '') {\n        // The caller passed an empty message to `setCustomValidity()`.\n        validity.customError = false;\n      } else if (userMessage && userMessage !== '') {\n        // The caller passed a message to `setCustomValidity()`.\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._isInternalValidation = false;\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    //#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      emitInternalFormEvent(this, InternalResetEvent);\n    }\n\n    //#endregion\n\n    //#region Public API\n\n    /** Checks validity and shows the browser message when invalid. */\n    public reportValidity(): boolean {\n      const state = this._internals.reportValidity();\n      this._invalid = !state;\n      return state;\n    }\n\n    /** Checks validity and emits `invalid` when the control is invalid. */\n    public checkValidity(): boolean {\n      this._isInternalValidation = true;\n      const state = this._internals.checkValidity();\n      this._invalid = !state;\n      this._isInternalValidation = false;\n      return state;\n    }\n\n    /** Sets a custom message. Invalid while `message` is not empty. */\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 * Turns the given class into a form-associated custom element with a\n * `defaultValue` property.\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 that a\n     * form reset gets the same clamping, normalization and reactive state.\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    /** Sets touched first, so the `value` setter 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 * Turns the given class into a form-associated checkbox custom element with\n * a `defaultChecked` property.\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     * which records the correct reactive property 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/internals/mixins/forms/form-transformers.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-transformers.js","sourceRoot":"","sources":["../../../../src/internals/mixins/forms/form-transformers.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DateRangeValue } from '../../../components/types.js';\nimport {\n  convertToDate,\n  convertToDateRange,\n  getDateFormValue,\n} from '../../date/converters.js';\nimport { asNumber } from '../../utils/math.js';\nimport type { FormValueType, IgcFormControl } from './types.js';\n\nexport type FormValueTransformers<T> = {\n  setValue: (value: T) => T;\n  getValue: (value: T) => T;\n  setDefaultValue: (value: T) => T;\n  getDefaultValue: (value: T) => T;\n  setFormValue: (value: T, host: IgcFormControl) => FormValueType;\n};\n\nexport type FormValueConfig<T> = {\n  initialValue: T;\n  initialDefaultValue?: T;\n  transformers?: Partial<FormValueTransformers<T>>;\n};\n\n// Transformers\n\nexport const FormValueDefaultTransformers: FormValueTransformers<string> = {\n  setValue: (value) => value || '',\n  getValue: (value) => value,\n  setDefaultValue: (value) => value || '',\n  getDefaultValue: (value) => value,\n  setFormValue: (value, _) => value || null,\n};\n\nexport const FormValueBooleanTransformers: Partial<\n  FormValueTransformers<boolean>\n> = {\n  setValue: Boolean,\n  setDefaultValue: Boolean,\n  setFormValue: (checked, host) =>\n    checked && 'value' in host ? (host.value as string) || 'on' : null,\n};\n\nexport const FormValueNumberTransformers: Partial<\n  FormValueTransformers<number>\n> = {\n  setValue: asNumber,\n  setDefaultValue: asNumber,\n  setFormValue: (value) => value.toString(),\n};\n\nexport const FormValueDateTimeTransformers: Partial<\n  FormValueTransformers<Date | null>\n> = {\n  setValue: convertToDate,\n  setDefaultValue: convertToDate,\n  setFormValue: getDateFormValue,\n};\n\nexport const FormValueDateRangeTransformers: Partial<\n  FormValueTransformers<DateRangeValue | null>\n> = {\n  setValue: convertToDateRange,\n  setDefaultValue: convertToDateRange,\n  setFormValue: (value, host) => {\n    if (!host.name) {\n      return null;\n    }\n    const start = value?.start?.toISOString();\n    const end = value?.end?.toISOString();\n\n    const formData = new FormData();\n\n    if (start) {\n      formData.append(`${host.name}-start`, start);\n    }\n    if (end) {\n      formData.append(`${host.name}-end`, end);\n    }\n\n    return formData;\n  },\n};\n\n/* blazorSuppress */\nexport const FormValueFileListTransformers: FormValueTransformers<FileList | null> =\n  {\n    setValue: (value) => value || null,\n    getValue: (value) => value,\n    setDefaultValue: (value) => value || null,\n    getDefaultValue: (value) => value,\n    setFormValue: (files, host) => {\n      if (!(host.name && files)) {\n        return null;\n      }\n\n      const formData = new FormData();\n      for (const file of files) {\n        formData.append(host.name, file);\n      }\n\n      return formData;\n    },\n  };\n\nexport const FormValueSelectTransformers: Partial<\n  FormValueTransformers<string | undefined>\n> = {\n  setValue: (value) => value || undefined,\n  setDefaultValue: (value) => value || undefined,\n};\n"]}
+{"version":3,"file":"form-transformers.js","sourceRoot":"","sources":["../../../../src/internals/mixins/forms/form-transformers.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DateRangeValue } from '../../../components/types.js';\nimport {\n  convertToDate,\n  convertToDateRange,\n  getDateFormValue,\n} from '../../date/converters.js';\nimport { asNumber } from '../../utils/math.js';\nimport type { FormValueType, IgcFormControl } from './types.js';\n\nexport type FormValueTransformers<T> = {\n  setValue: (value: T) => T;\n  getValue: (value: T) => T;\n  setDefaultValue: (value: T) => T;\n  getDefaultValue: (value: T) => T;\n  setFormValue: (value: T, host: IgcFormControl) => FormValueType;\n};\n\nexport type FormValueConfig<T> = {\n  initialValue: T;\n  initialDefaultValue?: T;\n  transformers?: Partial<FormValueTransformers<T>>;\n};\n\nexport const FormValueDefaultTransformers: FormValueTransformers<string> = {\n  setValue: (value) => value || '',\n  getValue: (value) => value,\n  setDefaultValue: (value) => value || '',\n  getDefaultValue: (value) => value,\n  setFormValue: (value, _) => value || null,\n};\n\nexport const FormValueBooleanTransformers: Partial<\n  FormValueTransformers<boolean>\n> = {\n  setValue: Boolean,\n  setDefaultValue: Boolean,\n  setFormValue: (checked, host) =>\n    checked && 'value' in host ? (host.value as string) || 'on' : null,\n};\n\nexport const FormValueNumberTransformers: Partial<\n  FormValueTransformers<number>\n> = {\n  setValue: asNumber,\n  setDefaultValue: asNumber,\n  setFormValue: (value) => value.toString(),\n};\n\nexport const FormValueDateTimeTransformers: Partial<\n  FormValueTransformers<Date | null>\n> = {\n  setValue: convertToDate,\n  setDefaultValue: convertToDate,\n  setFormValue: getDateFormValue,\n};\n\nexport const FormValueDateRangeTransformers: Partial<\n  FormValueTransformers<DateRangeValue | null>\n> = {\n  setValue: convertToDateRange,\n  setDefaultValue: convertToDateRange,\n  setFormValue: (value, host) => {\n    if (!host.name) {\n      return null;\n    }\n    const start = value?.start?.toISOString();\n    const end = value?.end?.toISOString();\n\n    const formData = new FormData();\n\n    if (start) {\n      formData.append(`${host.name}-start`, start);\n    }\n    if (end) {\n      formData.append(`${host.name}-end`, end);\n    }\n\n    return formData;\n  },\n};\n\n/* blazorSuppress */\nexport const FormValueFileListTransformers: FormValueTransformers<FileList | null> =\n  {\n    setValue: (value) => value || null,\n    getValue: (value) => value,\n    setDefaultValue: (value) => value || null,\n    getDefaultValue: (value) => value,\n    setFormValue: (files, host) => {\n      if (!(host.name && files)) {\n        return null;\n      }\n\n      const formData = new FormData();\n      for (const file of files) {\n        formData.append(host.name, file);\n      }\n\n      return formData;\n    },\n  };\n\nexport const FormValueSelectTransformers: Partial<\n  FormValueTransformers<string | undefined>\n> = {\n  setValue: (value) => value || undefined,\n  setDefaultValue: (value) => value || undefined,\n};\n"]}