igniteui-webcomponents 7.4.0 → 7.4.1

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

@@ -1 +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 } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addInternalsController } from '../../controllers/internals.js';\nimport { enterKey, isKey } from '../../controllers/keys.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    //#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\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    }\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 (!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"]}
+{"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/types.d.ts

@@ -39,6 +39,11 @@ export declare class BaseFormAssociatedElement {
      * Returns `true` when the element is a candidate for constraint validation.
      */
     get willValidate(): boolean;
+    /**
+     * Runs when a `<label>` or a click on the host activates the component.
+     * Does nothing by default.
+     */
+    protected _handleLabelActivation(): void;
     /** Submits the parent form, if any, on `Enter`. */
     protected _handleEnterKeydown(event: KeyboardEvent): void;
     /** Sets **touched**, then validates. Call this on blur or focusout. */

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/internals/mixins/forms/types.ts"],"names":[],"mappings":"AA0JA,MAAM,CAAC,MAAM,oBAAoB,GAAG,2BAA2B,CAAC;AAChE,MAAM,CAAC,MAAM,kBAAkB,GAAG,yBAAyB,CAAC","sourcesContent":["import type { LitElement } from 'lit';\nimport type {\n  ElementInternalsController,\n  FormValueType,\n} from '../../controllers/internals.js';\nimport type { Validator } from '../../validators.js';\n\nexport type FormRestoreMode = 'autocomplete' | 'restore';\nexport type { FormValueType };\nexport type IgcFormControl = LitElement &\n  (FormAssociatedElementInterface | FormAssociatedCheckboxElementInterface);\n\nexport declare class BaseFormAssociatedElement {\n  public static readonly formAssociated: boolean;\n\n  //#region Properties\n\n  protected readonly _internals: ElementInternalsController;\n  protected readonly _formValue: unknown;\n\n  protected _pristine: boolean;\n  protected _disabled: boolean;\n  protected _invalid: boolean;\n\n  protected get __validators(): Validator[];\n\n  /**\n   * The disabled state of the component.\n   * @attr\n   * @default false\n   */\n  public disabled: boolean;\n\n  /**\n   * Sets the control into invalid state (visual state only).\n   * @attr\n   * @default false\n   */\n  public invalid: boolean;\n\n  /**\n   * The name of the control, submitted with the form data.\n   * @attr\n   */\n  public name: string;\n\n  /** Returns the HTMLFormElement associated with this element. */\n  public get form(): HTMLFormElement | null;\n\n  /** Returns a `ValidityState` object for the element. */\n  public get validity(): ValidityState;\n\n  /** A string containing the validation message of this element. */\n  public get validationMessage(): string;\n\n  /**\n   * Returns `true` when the element is a candidate for constraint validation.\n   */\n  public get willValidate(): boolean;\n\n  //#endregion\n\n  //#region Methods\n\n  /** Submits the parent form, if any, on `Enter`. */\n  protected _handleEnterKeydown(event: KeyboardEvent): void;\n\n  /** Sets **touched**, then validates. Call this on blur or focusout. */\n  protected _handleBlur(): void;\n\n  /** Sets **touched** without validating. Call this on a user interaction. */\n  protected _setTouchedState(): void;\n\n  /** Sets **touched**, then emits `eventName`. Needs the emitter mixin. */\n  protected _emitTouchedEvent(\n    eventName: string,\n    init?: CustomEventInit\n  ): boolean;\n\n  /** Sets the default value from a change of the `value` attribute. */\n  protected _setDefaultValue(current: string | null): void;\n\n  /** Restores the default value on a form reset. */\n  protected _restoreDefaultValue(): void;\n\n  /** Runs the validators and updates the internal validity state. */\n  protected _validate(message?: string): void;\n\n  /** Sets the submission value and the submission state. */\n  protected _setFormValue(value: FormValueType, state?: FormValueType): void;\n\n  /** Runs on form association or de-association. Not implemented. */\n  protected formAssociatedCallback(form: HTMLFormElement): void;\n\n  /**\n   * Runs when the component, or a parent `fieldset`, becomes disabled or\n   * enabled.\n   */\n  protected formDisabledCallback(state: boolean): void;\n\n  /**\n   * Resets the value, state and validation to the defaults. Override\n   * `_restoreDefaultValue`, not this callback.\n   */\n  protected formResetCallback(): void;\n\n  /** Runs on browser auto-fill. Not implemented. */\n  protected formStateRestoreCallback(\n    state: FormValueType,\n    mode: FormRestoreMode\n  ): void;\n\n  /** Checks validity and emits `invalid` when the control is invalid. */\n  public checkValidity(): boolean;\n\n  /** Checks validity and shows the browser message when invalid. */\n  public reportValidity(): boolean;\n\n  /** Sets a custom message. Invalid while `message` is not empty. */\n  public setCustomValidity(message: string): void;\n\n  //#endregion\n}\n\nexport declare class FormAssociatedElementInterface extends BaseFormAssociatedElement {\n  /** The initial value of the component. */\n  public set defaultValue(value: unknown);\n  public get defaultValue(): unknown;\n\n  /**\n   * Commits a user value change, then emits `eventName`. Sets **touched**\n   * *before* the `value` assignment, so the setter styles invalid at once.\n   */\n  protected _commitValue(value: unknown, eventName: string): boolean;\n}\n\nexport declare class FormAssociatedCheckboxElementInterface extends BaseFormAssociatedElement {\n  /** The initial checked state of the component. */\n  public set defaultChecked(value: boolean);\n  public get defaultChecked(): boolean;\n}\n\nexport declare class FormRequiredInterface {\n  protected _required: boolean;\n\n  /**\n   * When set, makes the component a required field for validation.\n   * @attr\n   * @default false\n   */\n  public set required(value: boolean);\n  public get required(): boolean;\n}\n\nexport const InternalInvalidEvent = 'igc-form-internal-invalid';\nexport const InternalResetEvent = 'igc-form-internal-reset';\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/internals/mixins/forms/types.ts"],"names":[],"mappings":"AAgKA,MAAM,CAAC,MAAM,oBAAoB,GAAG,2BAA2B,CAAC;AAChE,MAAM,CAAC,MAAM,kBAAkB,GAAG,yBAAyB,CAAC","sourcesContent":["import type { LitElement } from 'lit';\nimport type {\n  ElementInternalsController,\n  FormValueType,\n} from '../../controllers/internals.js';\nimport type { Validator } from '../../validators.js';\n\nexport type FormRestoreMode = 'autocomplete' | 'restore';\nexport type { FormValueType };\nexport type IgcFormControl = LitElement &\n  (FormAssociatedElementInterface | FormAssociatedCheckboxElementInterface);\n\nexport declare class BaseFormAssociatedElement {\n  public static readonly formAssociated: boolean;\n\n  //#region Properties\n\n  protected readonly _internals: ElementInternalsController;\n  protected readonly _formValue: unknown;\n\n  protected _pristine: boolean;\n  protected _disabled: boolean;\n  protected _invalid: boolean;\n\n  protected get __validators(): Validator[];\n\n  /**\n   * The disabled state of the component.\n   * @attr\n   * @default false\n   */\n  public disabled: boolean;\n\n  /**\n   * Sets the control into invalid state (visual state only).\n   * @attr\n   * @default false\n   */\n  public invalid: boolean;\n\n  /**\n   * The name of the control, submitted with the form data.\n   * @attr\n   */\n  public name: string;\n\n  /** Returns the HTMLFormElement associated with this element. */\n  public get form(): HTMLFormElement | null;\n\n  /** Returns a `ValidityState` object for the element. */\n  public get validity(): ValidityState;\n\n  /** A string containing the validation message of this element. */\n  public get validationMessage(): string;\n\n  /**\n   * Returns `true` when the element is a candidate for constraint validation.\n   */\n  public get willValidate(): boolean;\n\n  //#endregion\n\n  //#region Methods\n\n  /**\n   * Runs when a `<label>` or a click on the host activates the component.\n   * Does nothing by default.\n   */\n  protected _handleLabelActivation(): void;\n\n  /** Submits the parent form, if any, on `Enter`. */\n  protected _handleEnterKeydown(event: KeyboardEvent): void;\n\n  /** Sets **touched**, then validates. Call this on blur or focusout. */\n  protected _handleBlur(): void;\n\n  /** Sets **touched** without validating. Call this on a user interaction. */\n  protected _setTouchedState(): void;\n\n  /** Sets **touched**, then emits `eventName`. Needs the emitter mixin. */\n  protected _emitTouchedEvent(\n    eventName: string,\n    init?: CustomEventInit\n  ): boolean;\n\n  /** Sets the default value from a change of the `value` attribute. */\n  protected _setDefaultValue(current: string | null): void;\n\n  /** Restores the default value on a form reset. */\n  protected _restoreDefaultValue(): void;\n\n  /** Runs the validators and updates the internal validity state. */\n  protected _validate(message?: string): void;\n\n  /** Sets the submission value and the submission state. */\n  protected _setFormValue(value: FormValueType, state?: FormValueType): void;\n\n  /** Runs on form association or de-association. Not implemented. */\n  protected formAssociatedCallback(form: HTMLFormElement): void;\n\n  /**\n   * Runs when the component, or a parent `fieldset`, becomes disabled or\n   * enabled.\n   */\n  protected formDisabledCallback(state: boolean): void;\n\n  /**\n   * Resets the value, state and validation to the defaults. Override\n   * `_restoreDefaultValue`, not this callback.\n   */\n  protected formResetCallback(): void;\n\n  /** Runs on browser auto-fill. Not implemented. */\n  protected formStateRestoreCallback(\n    state: FormValueType,\n    mode: FormRestoreMode\n  ): void;\n\n  /** Checks validity and emits `invalid` when the control is invalid. */\n  public checkValidity(): boolean;\n\n  /** Checks validity and shows the browser message when invalid. */\n  public reportValidity(): boolean;\n\n  /** Sets a custom message. Invalid while `message` is not empty. */\n  public setCustomValidity(message: string): void;\n\n  //#endregion\n}\n\nexport declare class FormAssociatedElementInterface extends BaseFormAssociatedElement {\n  /** The initial value of the component. */\n  public set defaultValue(value: unknown);\n  public get defaultValue(): unknown;\n\n  /**\n   * Commits a user value change, then emits `eventName`. Sets **touched**\n   * *before* the `value` assignment, so the setter styles invalid at once.\n   */\n  protected _commitValue(value: unknown, eventName: string): boolean;\n}\n\nexport declare class FormAssociatedCheckboxElementInterface extends BaseFormAssociatedElement {\n  /** The initial checked state of the component. */\n  public set defaultChecked(value: boolean);\n  public get defaultChecked(): boolean;\n}\n\nexport declare class FormRequiredInterface {\n  protected _required: boolean;\n\n  /**\n   * When set, makes the component a required field for validation.\n   * @attr\n   * @default false\n   */\n  public set required(value: boolean);\n  public get required(): boolean;\n}\n\nexport const InternalInvalidEvent = 'igc-form-internal-invalid';\nexport const InternalResetEvent = 'igc-form-internal-reset';\n"]}

package/internals/templates/toggle-shell.d.ts

@@ -4,7 +4,7 @@ export interface ToggleShellOptions {
     type: 'checkbox' | 'radio';
     /** The id of the native input; the `for` target of the wrapping label. */
     inputId: string;
-    /** The id of the label span, the fallback `aria-labelledby` target. */
+    /** The id of the label span. */
     labelId: string;
     /** Resolved part-name map for the wrapping label element. */
     baseParts: Record<string, boolean>;
@@ -14,14 +14,8 @@ export interface ToggleShellOptions {
     labelParts: Record<string, boolean>;
     /** Renders the control indicator inside the control span. */
     renderControl: () => TemplateResult;
-    /** Current checked state rendered through `live()`. */
-    checked: boolean;
     /** Hides the label span when the default slot has no assigned content. */
     hideLabel: boolean;
-    name?: string;
-    value?: string;
-    required: boolean;
-    disabled: boolean;
     /**
      * The current indeterminate state, rendered through `live()`. Defaults to
      * `false`, and `live()` then writes nothing.
@@ -29,17 +23,24 @@ export interface ToggleShellOptions {
     indeterminate?: boolean;
     /** When provided, sets the `tabindex` attribute. */
     tabindex?: number;
-    /** Resolved `aria-labelledby` target - an external id or `labelId`. */
-    ariaLabelledBy: string;
-    /** When provided, sets the `aria-describedby` attribute. */
-    ariaDescribedBy?: string;
+    /** The id of the helper-text container that describes the native input. */
+    describedBy?: string;
     onClick: (event: PointerEvent) => void;
     onKeyDown: (event: KeyboardEvent) => void;
     onBlur?: () => void;
 }
+/** The host state that {@link renderToggleShell} binds onto the native input. */
+type ToggleShellHost = HTMLElement & {
+    checked: boolean;
+    disabled: boolean;
+    required: boolean;
+    name?: string;
+    value?: string;
+};
 /**
  * Renders the native input and its wrapping label for a toggle control, with
- * the input bindings, so a leaf component describes only its part maps and
- * its control indicator.
+ * the input bindings and the name, so a leaf component describes only its part
+ * maps and its control indicator.
  */
-export declare function renderToggleShell(options: ToggleShellOptions): TemplateResult;
+export declare function renderToggleShell(host: ToggleShellHost, options: ToggleShellOptions): TemplateResult;
+export {};

package/internals/templates/toggle-shell.js

@@ -1,23 +1,27 @@
 import { html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
+import { ariaBindings, resolveNaming } from '../controllers/aria-projection.js';
 import { partMap } from '../part-map.js';
 import { bindIf } from '../utils/lit.js';
-export function renderToggleShell(options) {
+export function renderToggleShell(host, options) {
+    const aria = {
+        ...resolveNaming(host, !options.hideLabel && options.labelId),
+        describedByRef: options.describedBy,
+    };
     return html `
     <label part=${partMap(options.baseParts)} for=${options.inputId}>
       <input
+        ${ariaBindings(aria)}
         id=${options.inputId}
         type=${options.type}
-        name=${ifDefined(options.name)}
-        value=${ifDefined(options.value)}
-        ?required=${options.required}
-        ?disabled=${options.disabled}
-        .checked=${live(options.checked)}
+        name=${ifDefined(host.name)}
+        value=${ifDefined(host.value)}
+        ?required=${host.required}
+        ?disabled=${host.disabled}
+        .checked=${live(host.checked)}
         .indeterminate=${live(options.indeterminate ?? false)}
         tabindex=${bindIf(options.tabindex != null, options.tabindex)}
-        aria-labelledby=${options.ariaLabelledBy}
-        aria-describedby=${ifDefined(options.ariaDescribedBy)}
         @keydown=${options.onKeyDown}
         @click=${options.onClick}
         @blur=${options.onBlur ?? nothing}

package/internals/templates/toggle-shell.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-shell.js","sourceRoot":"","sources":["../../../src/internals/templates/toggle-shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AA+CzC,MAAM,UAAU,iBAAiB,CAAC,OAA2B;IAC3D,OAAO,IAAI,CAAA;kBACK,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,OAAO,CAAC,OAAO;;aAEtD,OAAO,CAAC,OAAO;eACb,OAAO,CAAC,IAAI;eACZ,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC;gBACtB,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;oBACpB,OAAO,CAAC,QAAQ;oBAChB,OAAO,CAAC,QAAQ;mBACjB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;yBACf,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,KAAK,CAAC;mBAC1C,MAAM,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC;0BAC3C,OAAO,CAAC,cAAc;2BACrB,SAAS,CAAC,OAAO,CAAC,eAAe,CAAC;mBAC1C,OAAO,CAAC,SAAS;iBACnB,OAAO,CAAC,OAAO;gBAChB,OAAO,CAAC,MAAM,IAAI,OAAO;;mBAEtB,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;WACrC,OAAO,CAAC,aAAa,EAAE;;;aAGrB,OAAO,CAAC,OAAO;eACb,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC;kBACxB,OAAO,CAAC,SAAS;;;;;GAKhC,CAAC;AACJ,CAAC","sourcesContent":["import { html, nothing, type TemplateResult } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { partMap } from '../part-map.js';\nimport { bindIf } from '../utils/lit.js';\n\nexport interface ToggleShellOptions {\n  /** The type of the native input element. */\n  type: 'checkbox' | 'radio';\n  /** The id of the native input; the `for` target of the wrapping label. */\n  inputId: string;\n  /** The id of the label span, the fallback `aria-labelledby` target. */\n  labelId: string;\n  /** Resolved part-name map for the wrapping label element. */\n  baseParts: Record<string, boolean>;\n  /** Resolved part-name map for the control span. */\n  controlParts: Record<string, boolean>;\n  /** Resolved part-name map for the label span. */\n  labelParts: Record<string, boolean>;\n  /** Renders the control indicator inside the control span. */\n  renderControl: () => TemplateResult;\n  /** Current checked state rendered through `live()`. */\n  checked: boolean;\n  /** Hides the label span when the default slot has no assigned content. */\n  hideLabel: boolean;\n  name?: string;\n  value?: string;\n  required: boolean;\n  disabled: boolean;\n  /**\n   * The current indeterminate state, rendered through `live()`. Defaults to\n   * `false`, and `live()` then writes nothing.\n   */\n  indeterminate?: boolean;\n  /** When provided, sets the `tabindex` attribute. */\n  tabindex?: number;\n  /** Resolved `aria-labelledby` target - an external id or `labelId`. */\n  ariaLabelledBy: string;\n  /** When provided, sets the `aria-describedby` attribute. */\n  ariaDescribedBy?: string;\n\n  onClick: (event: PointerEvent) => void;\n  onKeyDown: (event: KeyboardEvent) => void;\n  onBlur?: () => void;\n}\n\n/**\n * Renders the native input and its wrapping label for a toggle control, with\n * the input bindings, so a leaf component describes only its part maps and\n * its control indicator.\n */\nexport function renderToggleShell(options: ToggleShellOptions): TemplateResult {\n  return html`\n    <label part=${partMap(options.baseParts)} for=${options.inputId}>\n      <input\n        id=${options.inputId}\n        type=${options.type}\n        name=${ifDefined(options.name)}\n        value=${ifDefined(options.value)}\n        ?required=${options.required}\n        ?disabled=${options.disabled}\n        .checked=${live(options.checked)}\n        .indeterminate=${live(options.indeterminate ?? false)}\n        tabindex=${bindIf(options.tabindex != null, options.tabindex)}\n        aria-labelledby=${options.ariaLabelledBy}\n        aria-describedby=${ifDefined(options.ariaDescribedBy)}\n        @keydown=${options.onKeyDown}\n        @click=${options.onClick}\n        @blur=${options.onBlur ?? nothing}\n      />\n      <span part=${partMap(options.controlParts)}\n        >${options.renderControl()}</span\n      >\n      <span\n        id=${options.labelId}\n        part=${partMap(options.labelParts)}\n        ?hidden=${options.hideLabel}\n      >\n        <slot></slot>\n      </span>\n    </label>\n  `;\n}\n"]}
+{"version":3,"file":"toggle-shell.js","sourceRoot":"","sources":["../../../src/internals/templates/toggle-shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAgDzC,MAAM,UAAU,iBAAiB,CAC/B,IAAqB,EACrB,OAA2B;IAE3B,MAAM,IAAI,GAAG;QACX,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,OAAO,CAAC;QAC7D,cAAc,EAAE,OAAO,CAAC,WAAW;KACpC,CAAC;IAEF,OAAO,IAAI,CAAA;kBACK,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,OAAO,CAAC,OAAO;;UAEzD,YAAY,CAAC,IAAI,CAAC;aACf,OAAO,CAAC,OAAO;eACb,OAAO,CAAC,IAAI;eACZ,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;gBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;oBACjB,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;mBACd,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;yBACZ,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,KAAK,CAAC;mBAC1C,MAAM,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC;mBAClD,OAAO,CAAC,SAAS;iBACnB,OAAO,CAAC,OAAO;gBAChB,OAAO,CAAC,MAAM,IAAI,OAAO;;mBAEtB,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;WACrC,OAAO,CAAC,aAAa,EAAE;;;aAGrB,OAAO,CAAC,OAAO;eACb,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC;kBACxB,OAAO,CAAC,SAAS;;;;;GAKhC,CAAC;AACJ,CAAC","sourcesContent":["import { html, nothing, type TemplateResult } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { ariaBindings, resolveNaming } from '../controllers/aria-projection.js';\nimport { partMap } from '../part-map.js';\nimport { bindIf } from '../utils/lit.js';\n\nexport interface ToggleShellOptions {\n  /** The type of the native input element. */\n  type: 'checkbox' | 'radio';\n  /** The id of the native input; the `for` target of the wrapping label. */\n  inputId: string;\n  /** The id of the label span. */\n  labelId: string;\n  /** Resolved part-name map for the wrapping label element. */\n  baseParts: Record<string, boolean>;\n  /** Resolved part-name map for the control span. */\n  controlParts: Record<string, boolean>;\n  /** Resolved part-name map for the label span. */\n  labelParts: Record<string, boolean>;\n  /** Renders the control indicator inside the control span. */\n  renderControl: () => TemplateResult;\n  /** Hides the label span when the default slot has no assigned content. */\n  hideLabel: boolean;\n  /**\n   * The current indeterminate state, rendered through `live()`. Defaults to\n   * `false`, and `live()` then writes nothing.\n   */\n  indeterminate?: boolean;\n  /** When provided, sets the `tabindex` attribute. */\n  tabindex?: number;\n  /** The id of the helper-text container that describes the native input. */\n  describedBy?: string;\n\n  onClick: (event: PointerEvent) => void;\n  onKeyDown: (event: KeyboardEvent) => void;\n  onBlur?: () => void;\n}\n\n/** The host state that {@link renderToggleShell} binds onto the native input. */\ntype ToggleShellHost = HTMLElement & {\n  checked: boolean;\n  disabled: boolean;\n  required: boolean;\n  name?: string;\n  value?: string;\n};\n\n/**\n * Renders the native input and its wrapping label for a toggle control, with\n * the input bindings and the name, so a leaf component describes only its part\n * maps and its control indicator.\n */\nexport function renderToggleShell(\n  host: ToggleShellHost,\n  options: ToggleShellOptions\n): TemplateResult {\n  const aria = {\n    ...resolveNaming(host, !options.hideLabel && options.labelId),\n    describedByRef: options.describedBy,\n  };\n\n  return html`\n    <label part=${partMap(options.baseParts)} for=${options.inputId}>\n      <input\n        ${ariaBindings(aria)}\n        id=${options.inputId}\n        type=${options.type}\n        name=${ifDefined(host.name)}\n        value=${ifDefined(host.value)}\n        ?required=${host.required}\n        ?disabled=${host.disabled}\n        .checked=${live(host.checked)}\n        .indeterminate=${live(options.indeterminate ?? false)}\n        tabindex=${bindIf(options.tabindex != null, options.tabindex)}\n        @keydown=${options.onKeyDown}\n        @click=${options.onClick}\n        @blur=${options.onBlur ?? nothing}\n      />\n      <span part=${partMap(options.controlParts)}\n        >${options.renderControl()}</span\n      >\n      <span\n        id=${options.labelId}\n        part=${partMap(options.labelParts)}\n        ?hidden=${options.hideLabel}\n      >\n        <slot></slot>\n      </span>\n    </label>\n  `;\n}\n"]}

package/internals/utils/dom.d.ts

@@ -44,8 +44,8 @@ export declare function iterNodes<T extends Node>(root: Node, options?: IterNode
  * ```
  */
 export declare function iterAncestors(node?: Node | null): Generator<Element>;
-/** Returns the root node (document or shadow root) of the given element. */
-export declare function getRoot(element: Element, options?: GetRootNodeOptions): Document | ShadowRoot;
+/** Returns the root node (document or shadow root) of the given node. */
+export declare function getRoot(node: Node, options?: GetRootNodeOptions): Document | ShadowRoot;
 /** Returns the element with the given id in the root node of `root`. */
 export declare function getElementByIdFromRoot(root: HTMLElement, id: string): HTMLElement | null;
 export declare function isElement(node: unknown): node is Element;

package/internals/utils/dom.js

@@ -71,8 +71,8 @@ export function* iterAncestors(node) {
         current = current instanceof ShadowRoot ? current.host : current.parentNode;
     }
 }
-export function getRoot(element, options) {
-    return element.getRootNode(options);
+export function getRoot(node, options) {
+    return node.getRootNode(options);
 }
 export function getElementByIdFromRoot(root, id) {
     return getRoot(root).getElementById(id);

package/internals/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/internals/utils/dom.ts"],"names":[],"mappings":"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","sourcesContent":["import { isServer } from 'lit';\nimport { asNumber, clamp, numberInRangeInclusive } from './math.js';\nimport { isDefined } from './types.js';\n\n/** Returns whether an element has a Left-to-Right directionality. */\nexport function isLTR(element: HTMLElement) {\n  return element.matches(':dir(ltr)');\n}\n\nconst LENGTH_PROPERTY = '--igc-resolved-length';\n\nconst SUPPORTS_REGISTERED_PROPERTIES =\n  !isServer && typeof CSS !== 'undefined' && 'registerProperty' in CSS;\n\nlet lengthPropertyUsable: boolean | undefined;\n\nfunction canResolveLengths(): boolean {\n  if (lengthPropertyUsable === undefined) {\n    lengthPropertyUsable = SUPPORTS_REGISTERED_PROPERTIES;\n\n    if (lengthPropertyUsable) {\n      try {\n        CSS.registerProperty({\n          name: LENGTH_PROPERTY,\n          syntax: '<length>',\n          inherits: false,\n          initialValue: '0px',\n        });\n      } catch {\n        // The descriptor is constant, so a rejection means another bundle\n        // instance already registered it. The property stays usable.\n      }\n    }\n  }\n\n  return lengthPropertyUsable;\n}\n\n/**\n * Resolves a CSS length to pixels in the context of `element`.\n *\n * @remarks\n * Registration makes the property compute to an absolute length, so the\n * browser converts font, viewport and container relative units. Returns 0\n * for percentages, for invalid lengths, during SSR and in a browser without\n * registered custom properties. Resolve percentages against the basis of\n * the applicable property instead.\n *\n * @example\n * ```typescript\n * resolveCssLength(element, '5rem'); // 80\n * resolveCssLength(element, '2em'); // 2 x the element font size\n * ```\n */\nexport function resolveCssLength(element: HTMLElement, value: string): number {\n  if (!canResolveLengths()) {\n    return 0;\n  }\n\n  const { style } = element;\n  const previous = style.getPropertyValue(LENGTH_PROPERTY);\n  const priority = style.getPropertyPriority(LENGTH_PROPERTY);\n\n  style.setProperty(LENGTH_PROPERTY, value);\n  const resolved = getComputedStyle(element).getPropertyValue(LENGTH_PROPERTY);\n\n  // Restore rather than remove: the caller may use the property itself.\n  if (previous) {\n    style.setProperty(LENGTH_PROPERTY, previous, priority);\n  } else {\n    style.removeProperty(LENGTH_PROPERTY);\n  }\n\n  return asNumber(resolved);\n}\n\nexport type IterNodesOptions<T = Node> = {\n  show?: keyof typeof NodeFilter;\n  filter?: (node: T) => boolean;\n};\n\nfunction createNodeFilter<T extends Node>(predicate: (node: T) => boolean) {\n  return {\n    acceptNode: (node: T): number =>\n      predicate(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP,\n  };\n}\n\n/**\n * Iterates over the DOM subtree of `root` in document order, and yields the\n * nodes that match the {@link IterNodesOptions | options}.\n *\n * @example\n * ```typescript\n * for (const button of iterNodes<HTMLButtonElement>(root, {\n *   show: 'SHOW_ELEMENT',\n *   filter: isButton,\n * })) { ... }\n * ```\n */\nexport function* iterNodes<T extends Node>(\n  root: Node,\n  options?: IterNodesOptions<T>\n): Generator<T> {\n  if (!isDefined(globalThis.document)) {\n    return;\n  }\n\n  const whatToShow = options?.show\n    ? NodeFilter[options.show]\n    : NodeFilter.SHOW_ALL;\n\n  const nodeFilter = options?.filter\n    ? createNodeFilter(options.filter)\n    : undefined;\n\n  const treeWalker = document.createTreeWalker(root, whatToShow, nodeFilter);\n\n  while (treeWalker.nextNode()) {\n    yield treeWalker.currentNode as T;\n  }\n}\n\n/**\n * Iterates over `node` and its element ancestors, and crosses each shadow\n * root through its host.\n *\n * @example\n * ```typescript\n * for (const ancestor of iterAncestors(element)) { ... }\n * ```\n */\nexport function* iterAncestors(node?: Node | null): Generator<Element> {\n  let current: Node | null | undefined = node;\n\n  while (current) {\n    if (isElement(current)) {\n      yield current;\n    }\n\n    current = current instanceof ShadowRoot ? current.host : current.parentNode;\n  }\n}\n\n/** Returns the root node (document or shadow root) of the given element. */\nexport function getRoot(\n  element: Element,\n  options?: GetRootNodeOptions\n): Document | ShadowRoot {\n  return element.getRootNode(options) as Document | ShadowRoot;\n}\n\n/** Returns the element with the given id in the root node of `root`. */\nexport function getElementByIdFromRoot(root: HTMLElement, id: string) {\n  return getRoot(root).getElementById(id);\n}\n\nexport function isElement(node: unknown): node is Element {\n  return node instanceof Node && node.nodeType === Node.ELEMENT_NODE;\n}\n\nexport function isDocument(node: unknown): node is Document {\n  return node instanceof Node && node.nodeType === Node.DOCUMENT_NODE;\n}\n\n/** Returns the center x/y coordinate of a given element. */\nexport function getCenterPoint(element: Element): { x: number; y: number } {\n  const { left, top, width, height } = element.getBoundingClientRect();\n\n  return {\n    x: left + width * 0.5,\n    y: top + height * 0.5,\n  };\n}\n\n/**\n * Maps the `clientX` coordinate of a pointer to a fraction of the element\n * width, in the range 0 to 1.\n *\n * @remarks\n * Measured from the logical start edge: the left one when `ltr` is true, the\n * right one otherwise. Returns 0 for an element that has no layout.\n *\n * @example\n * ```typescript\n * // Pointer 30px into a 120px wide element\n * pointToFraction(element, event.clientX); // 0.25\n * pointToFraction(element, event.clientX, false); // 0.75\n * ```\n */\nexport function pointToFraction(\n  element: Element,\n  clientX: number,\n  ltr = true\n): number {\n  const { left, right, width } = element.getBoundingClientRect();\n\n  if (width === 0) {\n    return 0;\n  }\n\n  return clamp((ltr ? clientX - left : right - clientX) / width, 0, 1);\n}\n\n/**\n * Concatenates the text content of the given nodes, trimmed and with each\n * run of whitespace collapsed into one space.\n */\nexport function normalizedTextContent(nodes: Iterable<Node>): string {\n  let text = '';\n\n  for (const node of nodes) {\n    text += node.textContent ?? '';\n  }\n\n  return text.trim().replace(/\\s+/gu, ' ');\n}\n\n/** Returns whether the given coordinates lie in the element bounding box. */\nexport function isPointInsideElement(\n  element: Element,\n  x: number,\n  y: number\n): boolean {\n  const { left, right, top, bottom } = element.getBoundingClientRect();\n  return (\n    numberInRangeInclusive(x, left, right) &&\n    numberInRangeInclusive(y, top, bottom)\n  );\n}\n\n/** Returns the scale factor of a given element. */\nexport function getScaleFactor(element: HTMLElement): { x: number; y: number } {\n  const { offsetWidth, offsetHeight } = element;\n  const { width, height } = element.getBoundingClientRect();\n  return { x: offsetWidth / width || 1, y: offsetHeight / height || 1 };\n}\n\n/**\n * Rounds a CSS pixel value to the closest device-pixel boundary, to prevent\n * blurry rendering.\n */\nexport function roundByDPR(value: number): number {\n  const dpr = globalThis.devicePixelRatio || 1;\n  return Math.round(value * dpr) / dpr;\n}\n\n/**\n * Calls `Element.scrollIntoView` on the element, by default to the nearest\n * block and inline position. Does nothing for an empty element.\n */\nexport function scrollIntoView(\n  element?: HTMLElement | null,\n  config?: ScrollIntoViewOptions\n): void {\n  if (!element) {\n    return;\n  }\n\n  element.scrollIntoView(\n    Object.assign(\n      {\n        behavior: 'auto',\n        block: 'nearest',\n        inline: 'nearest',\n      },\n      config\n    )\n  );\n}\n\n/** Returns the default containing layer for a floating element. */\nexport function getDefaultLayer(): HTMLElement {\n  return document.body;\n}\n\n/**\n * Applies the given CSS declarations to the inline style of the element.\n *\n * @remarks\n * An unset declaration reads as an empty string, never `undefined`, so every\n * given property overwrites the current one.\n */\nexport function setStyles(\n  element: HTMLElement,\n  styles: Partial<CSSStyleDeclaration>\n): void {\n  Object.assign(element.style, styles);\n}\n\n/** Returns whether the given input has at least one selected file. */\nexport function hasFiles(input: { files: FileList | null }): boolean {\n  return input.files != null && input.files.length > 0;\n}\n\n/**\n * Returns whether the given element is an open popover.\n *\n * @remarks\n * Prefer this over the `open` property of a component, which disagrees with\n * the popover state while an open or close animation runs. Reads\n * `:popover-open`, so the element must use the popover API.\n */\nexport function isPopoverOpen(element?: Element): boolean {\n  return element?.matches(':popover-open') ?? false;\n}\n\n/**\n * Returns whether the element, or an ancestor across shadow DOM boundaries,\n * has the `sticky` position.\n */\nexport function hasStickyAncestor(element: Element): boolean {\n  for (const ancestor of iterAncestors(element)) {\n    if (getComputedStyle(ancestor).position === 'sticky') {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n/**\n * Returns the nearest visible ancestor of the given node across shadow DOM\n * boundaries, or `null`.\n */\nexport function getVisibleAncestor(startNode: Node): HTMLElement | null {\n  for (const ancestor of iterAncestors(startNode.parentNode)) {\n    if (ancestor instanceof HTMLElement && ancestor.checkVisibility()) {\n      return ancestor;\n    }\n  }\n\n  return null;\n}\n"]}
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/internals/utils/dom.ts"],"names":[],"mappings":"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","sourcesContent":["import { isServer } from 'lit';\nimport { asNumber, clamp, numberInRangeInclusive } from './math.js';\nimport { isDefined } from './types.js';\n\n/** Returns whether an element has a Left-to-Right directionality. */\nexport function isLTR(element: HTMLElement) {\n  return element.matches(':dir(ltr)');\n}\n\nconst LENGTH_PROPERTY = '--igc-resolved-length';\n\nconst SUPPORTS_REGISTERED_PROPERTIES =\n  !isServer && typeof CSS !== 'undefined' && 'registerProperty' in CSS;\n\nlet lengthPropertyUsable: boolean | undefined;\n\nfunction canResolveLengths(): boolean {\n  if (lengthPropertyUsable === undefined) {\n    lengthPropertyUsable = SUPPORTS_REGISTERED_PROPERTIES;\n\n    if (lengthPropertyUsable) {\n      try {\n        CSS.registerProperty({\n          name: LENGTH_PROPERTY,\n          syntax: '<length>',\n          inherits: false,\n          initialValue: '0px',\n        });\n      } catch {\n        // The descriptor is constant, so a rejection means another bundle\n        // instance already registered it. The property stays usable.\n      }\n    }\n  }\n\n  return lengthPropertyUsable;\n}\n\n/**\n * Resolves a CSS length to pixels in the context of `element`.\n *\n * @remarks\n * Registration makes the property compute to an absolute length, so the\n * browser converts font, viewport and container relative units. Returns 0\n * for percentages, for invalid lengths, during SSR and in a browser without\n * registered custom properties. Resolve percentages against the basis of\n * the applicable property instead.\n *\n * @example\n * ```typescript\n * resolveCssLength(element, '5rem'); // 80\n * resolveCssLength(element, '2em'); // 2 x the element font size\n * ```\n */\nexport function resolveCssLength(element: HTMLElement, value: string): number {\n  if (!canResolveLengths()) {\n    return 0;\n  }\n\n  const { style } = element;\n  const previous = style.getPropertyValue(LENGTH_PROPERTY);\n  const priority = style.getPropertyPriority(LENGTH_PROPERTY);\n\n  style.setProperty(LENGTH_PROPERTY, value);\n  const resolved = getComputedStyle(element).getPropertyValue(LENGTH_PROPERTY);\n\n  // Restore rather than remove: the caller may use the property itself.\n  if (previous) {\n    style.setProperty(LENGTH_PROPERTY, previous, priority);\n  } else {\n    style.removeProperty(LENGTH_PROPERTY);\n  }\n\n  return asNumber(resolved);\n}\n\nexport type IterNodesOptions<T = Node> = {\n  show?: keyof typeof NodeFilter;\n  filter?: (node: T) => boolean;\n};\n\nfunction createNodeFilter<T extends Node>(predicate: (node: T) => boolean) {\n  return {\n    acceptNode: (node: T): number =>\n      predicate(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP,\n  };\n}\n\n/**\n * Iterates over the DOM subtree of `root` in document order, and yields the\n * nodes that match the {@link IterNodesOptions | options}.\n *\n * @example\n * ```typescript\n * for (const button of iterNodes<HTMLButtonElement>(root, {\n *   show: 'SHOW_ELEMENT',\n *   filter: isButton,\n * })) { ... }\n * ```\n */\nexport function* iterNodes<T extends Node>(\n  root: Node,\n  options?: IterNodesOptions<T>\n): Generator<T> {\n  if (!isDefined(globalThis.document)) {\n    return;\n  }\n\n  const whatToShow = options?.show\n    ? NodeFilter[options.show]\n    : NodeFilter.SHOW_ALL;\n\n  const nodeFilter = options?.filter\n    ? createNodeFilter(options.filter)\n    : undefined;\n\n  const treeWalker = document.createTreeWalker(root, whatToShow, nodeFilter);\n\n  while (treeWalker.nextNode()) {\n    yield treeWalker.currentNode as T;\n  }\n}\n\n/**\n * Iterates over `node` and its element ancestors, and crosses each shadow\n * root through its host.\n *\n * @example\n * ```typescript\n * for (const ancestor of iterAncestors(element)) { ... }\n * ```\n */\nexport function* iterAncestors(node?: Node | null): Generator<Element> {\n  let current: Node | null | undefined = node;\n\n  while (current) {\n    if (isElement(current)) {\n      yield current;\n    }\n\n    current = current instanceof ShadowRoot ? current.host : current.parentNode;\n  }\n}\n\n/** Returns the root node (document or shadow root) of the given node. */\nexport function getRoot(\n  node: Node,\n  options?: GetRootNodeOptions\n): Document | ShadowRoot {\n  return node.getRootNode(options) as Document | ShadowRoot;\n}\n\n/** Returns the element with the given id in the root node of `root`. */\nexport function getElementByIdFromRoot(root: HTMLElement, id: string) {\n  return getRoot(root).getElementById(id);\n}\n\nexport function isElement(node: unknown): node is Element {\n  return node instanceof Node && node.nodeType === Node.ELEMENT_NODE;\n}\n\nexport function isDocument(node: unknown): node is Document {\n  return node instanceof Node && node.nodeType === Node.DOCUMENT_NODE;\n}\n\n/** Returns the center x/y coordinate of a given element. */\nexport function getCenterPoint(element: Element): { x: number; y: number } {\n  const { left, top, width, height } = element.getBoundingClientRect();\n\n  return {\n    x: left + width * 0.5,\n    y: top + height * 0.5,\n  };\n}\n\n/**\n * Maps the `clientX` coordinate of a pointer to a fraction of the element\n * width, in the range 0 to 1.\n *\n * @remarks\n * Measured from the logical start edge: the left one when `ltr` is true, the\n * right one otherwise. Returns 0 for an element that has no layout.\n *\n * @example\n * ```typescript\n * // Pointer 30px into a 120px wide element\n * pointToFraction(element, event.clientX); // 0.25\n * pointToFraction(element, event.clientX, false); // 0.75\n * ```\n */\nexport function pointToFraction(\n  element: Element,\n  clientX: number,\n  ltr = true\n): number {\n  const { left, right, width } = element.getBoundingClientRect();\n\n  if (width === 0) {\n    return 0;\n  }\n\n  return clamp((ltr ? clientX - left : right - clientX) / width, 0, 1);\n}\n\n/**\n * Concatenates the text content of the given nodes, trimmed and with each\n * run of whitespace collapsed into one space.\n */\nexport function normalizedTextContent(nodes: Iterable<Node>): string {\n  let text = '';\n\n  for (const node of nodes) {\n    text += node.textContent ?? '';\n  }\n\n  return text.trim().replace(/\\s+/gu, ' ');\n}\n\n/** Returns whether the given coordinates lie in the element bounding box. */\nexport function isPointInsideElement(\n  element: Element,\n  x: number,\n  y: number\n): boolean {\n  const { left, right, top, bottom } = element.getBoundingClientRect();\n  return (\n    numberInRangeInclusive(x, left, right) &&\n    numberInRangeInclusive(y, top, bottom)\n  );\n}\n\n/** Returns the scale factor of a given element. */\nexport function getScaleFactor(element: HTMLElement): { x: number; y: number } {\n  const { offsetWidth, offsetHeight } = element;\n  const { width, height } = element.getBoundingClientRect();\n  return { x: offsetWidth / width || 1, y: offsetHeight / height || 1 };\n}\n\n/**\n * Rounds a CSS pixel value to the closest device-pixel boundary, to prevent\n * blurry rendering.\n */\nexport function roundByDPR(value: number): number {\n  const dpr = globalThis.devicePixelRatio || 1;\n  return Math.round(value * dpr) / dpr;\n}\n\n/**\n * Calls `Element.scrollIntoView` on the element, by default to the nearest\n * block and inline position. Does nothing for an empty element.\n */\nexport function scrollIntoView(\n  element?: HTMLElement | null,\n  config?: ScrollIntoViewOptions\n): void {\n  if (!element) {\n    return;\n  }\n\n  element.scrollIntoView(\n    Object.assign(\n      {\n        behavior: 'auto',\n        block: 'nearest',\n        inline: 'nearest',\n      },\n      config\n    )\n  );\n}\n\n/** Returns the default containing layer for a floating element. */\nexport function getDefaultLayer(): HTMLElement {\n  return document.body;\n}\n\n/**\n * Applies the given CSS declarations to the inline style of the element.\n *\n * @remarks\n * An unset declaration reads as an empty string, never `undefined`, so every\n * given property overwrites the current one.\n */\nexport function setStyles(\n  element: HTMLElement,\n  styles: Partial<CSSStyleDeclaration>\n): void {\n  Object.assign(element.style, styles);\n}\n\n/** Returns whether the given input has at least one selected file. */\nexport function hasFiles(input: { files: FileList | null }): boolean {\n  return input.files != null && input.files.length > 0;\n}\n\n/**\n * Returns whether the given element is an open popover.\n *\n * @remarks\n * Prefer this over the `open` property of a component, which disagrees with\n * the popover state while an open or close animation runs. Reads\n * `:popover-open`, so the element must use the popover API.\n */\nexport function isPopoverOpen(element?: Element): boolean {\n  return element?.matches(':popover-open') ?? false;\n}\n\n/**\n * Returns whether the element, or an ancestor across shadow DOM boundaries,\n * has the `sticky` position.\n */\nexport function hasStickyAncestor(element: Element): boolean {\n  for (const ancestor of iterAncestors(element)) {\n    if (getComputedStyle(ancestor).position === 'sticky') {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n/**\n * Returns the nearest visible ancestor of the given node across shadow DOM\n * boundaries, or `null`.\n */\nexport function getVisibleAncestor(startNode: Node): HTMLElement | null {\n  for (const ancestor of iterAncestors(startNode.parentNode)) {\n    if (ancestor instanceof HTMLElement && ancestor.checkVisibility()) {\n      return ancestor;\n    }\n  }\n\n  return null;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-webcomponents",
-  "version": "7.4.0",
+  "version": "7.4.1",
   "description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
   "author": "Infragistics",
   "license": "MIT",

package/skills/README.md

@@ -14,9 +14,10 @@ Skills are structured instructions that help AI agents understand and execute co
 | [igniteui-wc-integrate-with-framework](./igniteui-wc-integrate-with-framework/SKILL.md)     | Integrate components into React, Angular, Vue, or vanilla JS applications          | Setting up components in your project |
 | [igniteui-wc-customize-component-theme](./igniteui-wc-customize-component-theme/SKILL.md)   | Customize styling using CSS custom properties, parts, and theming system           | Applying custom brand colors/styles   |
 | [igniteui-wc-generate-from-image-design](./igniteui-wc-generate-from-image-design/SKILL.md) | Implement a view from a screenshot or mockup using Ignite UI Web Components        | Converting a design image into UI     |
-| [igniteui-wc-figma-to-app](./igniteui-wc-figma-to-app/SKILL.md)                             | Translate Figma screens built with the Indigo.Design UI Kits into a working app   | Implementing a design from a Figma file |
+| [igniteui-wc-figma-to-app](./igniteui-wc-figma-to-app/SKILL.md)                             | Translate Figma screens from any UI kit (Indigo.Design, third-party, or plain frames) into a working app | Implementing a design from a Figma file |
 | [igniteui-wc-optimize-bundle-size](./igniteui-wc-optimize-bundle-size/SKILL.md)             | Reduce bundle size by importing only needed components and lazy loading            | Optimizing production performance     |
 | [igniteui-wc-migrate-grid-lite-to-premium](./igniteui-wc-migrate-grid-lite-to-premium/SKILL.md) | Migrate from Grid Lite to the premium Data Grid                                 | Adopting enterprise grid features     |
+| [igniteui-wc-grids](./igniteui-wc-grids/SKILL.md)                               | Set up a grid: package choice, theming, Shadow DOM, layout, sorting/filtering       | Adding or debugging a grid in an app   |
 
 ## How to Use
 
@@ -56,9 +57,6 @@ If you identify gaps in the skills or have suggestions for improvements:
 
 1. [Open an issue](https://github.com/IgniteUI/igniteui-webcomponents/issues) describing the improvement
 2. Submit a pull request with the proposed changes
-3. Follow the skill format and structure of existing skills
-
-For skills related to **contributing to the library itself** (creating components, reviewing PRs, etc.), see [`.github/skills/`](../.github/skills/).
 
 ## Additional Resources
 

package/skills/igniteui-wc-choose-components/SKILL.md

@@ -1,6 +1,7 @@
 ---
+license: MIT
 name: igniteui-wc-choose-components
-description: Identify and select the right Ignite UI Web Components for your app UI, then navigate to official docs, usage examples, and API references
+description: "Identify the right Ignite UI Web Components (igniteui-webcomponents, grids, charts, dock manager, React wrappers) for a UI requirement and point to official docs, examples, and API references. WHEN TO USE: the user asks which component fits a UI pattern (form, table, dashboard, navigation, chat, etc.), needs to compare options (e.g. Grid Lite vs. premium Grid), wants a component list for a screen, or asks which package a component lives in. WHEN NOT TO USE: implementing a view from a design image or Figma file (use generate-from-image-design or figma-to-app), installing/wiring packages into a framework (use integrate-with-framework), styling/theming (use customize-component-theme), reducing bundle size (use optimize-bundle-size), or migrating Grid Lite to the premium grid (use migrate-grid-lite-to-premium)."
 user-invocable: true
 ---
 

package/skills/igniteui-wc-customize-component-theme/SKILL.md

@@ -1,6 +1,7 @@
 ---
+license: MIT
 name: igniteui-wc-customize-component-theme
-description: Customize Ignite UI Web Components styling using CSS custom properties, optional Sass, and the igniteui-theming MCP server for AI-assisted theming
+description: "Theme and style Ignite UI Web Components (and igniteui-react) apps using CSS custom properties, optional Sass, and the igniteui-theming MCP server. WHEN TO USE: the user wants to apply or switch a pre-built theme (Material, Fluent, Bootstrap, Indigo, light/dark), create a custom palette or global theme, restyle a specific component via design tokens or ::part, scope a theme to a container, adjust sizing/spacing/roundness, or toggle light/dark mode. WHEN NOT TO USE: choosing which component to use (use choose-components), building a full view from a design image or Figma file (use generate-from-image-design or figma-to-app, which include theming), installing packages or framework setup (use integrate-with-framework), or styling non-Ignite UI elements or libraries."
 user-invocable: true
 ---