igniteui-webcomponents 5.0.1 → 5.1.0

package/components/common/mixins/form-associated-required.d.ts

@@ -1,16 +0,0 @@
-import type { LitElement } from 'lit';
-import type { Constructor } from './constructor.js';
-import { type FormAssociatedElementInterface } from './form-associated.js';
-export declare class FormRequiredInterface {
-    protected requiredChange(): void;
-    /**
-     * Makes the control a required field in a form context.
-     * @attr
-     */
-    required: boolean;
-}
-/**
- * Turns the passed class element into a Form Associated Custom Element with
- * additional `required` attribute.
- */
-export declare function FormAssociatedRequiredMixin<T extends Constructor<LitElement>>(superClass: T): Constructor<FormRequiredInterface & FormAssociatedElementInterface> & T;

package/components/common/mixins/form-associated-required.js

@@ -1,29 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { property } from 'lit/decorators.js';
-import { watch } from '../decorators/watch.js';
-import { FormAssociatedMixin, } from './form-associated.js';
-export function FormAssociatedRequiredMixin(superClass) {
-    class FormAssociatedRequiredElement extends FormAssociatedMixin(superClass) {
-        constructor() {
-            super(...arguments);
-            this.required = false;
-        }
-        requiredChange() {
-            this.updateValidity();
-            this.invalid = !this.checkValidity();
-        }
-    }
-    __decorate([
-        property({ type: Boolean, reflect: true })
-    ], FormAssociatedRequiredElement.prototype, "required", void 0);
-    __decorate([
-        watch('required', { waitUntilFirstUpdate: true })
-    ], FormAssociatedRequiredElement.prototype, "requiredChange", null);
-    return FormAssociatedRequiredElement;
-}
-//# sourceMappingURL=form-associated-required.js.map

package/components/common/mixins/form-associated-required.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-associated-required.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/form-associated-required.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAEL,mBAAmB,GACpB,MAAM,sBAAsB,CAAC;AAgB9B,MAAM,UAAU,2BAA2B,CACzC,UAAa;IAEb,MAAM,6BAA8B,SAAQ,mBAAmB,CAAC,UAAU,CAAC;QAA3E;;YAMS,aAAQ,GAAG,KAAK,CAAC;QAO1B,CAAC;QAJW,cAAc;YACtB,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QACvC,CAAC;KACF;IAPQ;QADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mEACnB;IAGd;QADT,KAAK,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;uEAIjD;IAGH,OAAO,6BAGJ,CAAC;AACN,CAAC","sourcesContent":["import type { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { watch } from '../decorators/watch.js';\nimport type { Constructor } from './constructor.js';\nimport {\n  type FormAssociatedElementInterface,\n  FormAssociatedMixin,\n} from './form-associated.js';\n\nexport declare class FormRequiredInterface {\n  protected requiredChange(): void;\n\n  /**\n   * Makes the control a required field in a form context.\n   * @attr\n   */\n  public required: boolean;\n}\n\n/**\n * Turns the passed class element into a Form Associated Custom Element with\n * additional `required` attribute.\n */\nexport function FormAssociatedRequiredMixin<T extends Constructor<LitElement>>(\n  superClass: T\n) {\n  class FormAssociatedRequiredElement extends FormAssociatedMixin(superClass) {\n    /**\n     * Makes the control a required field in a form context.\n     * @attr\n     */\n    @property({ type: Boolean, reflect: true })\n    public required = false;\n\n    @watch('required', { waitUntilFirstUpdate: true })\n    protected requiredChange() {\n      this.updateValidity();\n      this.invalid = !this.checkValidity();\n    }\n  }\n\n  return FormAssociatedRequiredElement as unknown as Constructor<\n    FormRequiredInterface & FormAssociatedElementInterface\n  > &\n    T;\n}\n"]}

package/components/common/mixins/form-associated.d.ts

@@ -1,92 +0,0 @@
-import type { LitElement } from 'lit';
-import type { Validator } from '../validators.js';
-import type { Constructor } from './constructor.js';
-export declare class FormAssociatedElementInterface {
-    static readonly formAssociated: boolean;
-    private __internals;
-    protected get __validators(): Validator[];
-    protected _disabled: boolean;
-    protected _invalid: boolean;
-    protected _dirty: boolean;
-    /**
-     * The default value of the control at "creation" time.
-     *
-     * @remarks
-     * This is set by default on `connectedCallback` through the `setDefaultValue` call.
-     * It expects the component to have either a `checked` or a `value` property and binds it to the initial value of the
-     * respective property.
-     *
-     * In use-cases where additional customization is required, make sure to override the `setDefaultValue` method.
-     */
-    protected _defaultValue: unknown;
-    /**
-     * Applies the {@link FormAssociatedElementInterface.invalid | `invalid`} attribute on the control and the associated styles
-     * if the element has completed the first update cycle or it has been interacted with by the user.
-     *
-     * Usually, it should be called after {@link FormAssociatedElementInterface.updateValidity | `updateValidity()`}
-     */
-    protected setInvalidState(): void;
-    /**
-     * Executes the component validators and updates the internal validity state.
-     */
-    protected updateValidity(message?: string): void;
-    /**
-     * Saves the initial value/checked state of the control.
-     *
-     * Called on connectedCallback.
-     */
-    protected setDefaultValue(): void;
-    /**
-     * Called when the parent form is reset.
-     *
-     * Restores the initially bound value/checked state of the control.
-     */
-    protected restoreDefaultValue(): void;
-    protected setFormValue(value: string | File | FormData | null, state?: string | File | FormData | null | undefined): void;
-    protected setValidity(flags?: ValidityStateFlags | undefined, message?: string | undefined, anchor?: HTMLElement | undefined): void;
-    protected formResetCallback(): void;
-    protected formDisabledCallback(state: boolean): void;
-    protected formStateRestoreCallback(state: string | FormData | File, mode: 'autocomplete' | 'restore'): void;
-    /**
-     * The disabled state of the component
-     * @attr [disabled=false]
-     */
-    disabled: boolean;
-    /**
-     * Control the validity of the control.
-     * @attr
-     */
-    invalid: boolean;
-    /**
-     * The name attribute of the control.
-     * @attr
-     */
-    name: string;
-    /** Returns the HTMLFormElement associated with this element. */
-    get form(): HTMLFormElement | null;
-    /**
-     * Returns a ValidityState object which represents the different validity states
-     * the element can be in, with respect to constraint validation.
-     */
-    get validity(): ValidityState;
-    /** A string containing the validation message of this element. */
-    get validationMessage(): string;
-    /**
-     * A boolean value which returns true if the element is a submittable element
-     * that is a candidate for constraint validation.
-     */
-    get willValidate(): boolean;
-    /** Checks for validity of the control and emits the invalid event if it invalid. */
-    checkValidity(): boolean;
-    /** Checks for validity of the control and shows the browser message if it invalid. */
-    reportValidity(): boolean;
-    /**
-     * Sets a custom validation message for the control.
-     * As long as `message` is not empty, the control is considered invalid.
-     */
-    setCustomValidity(message: string): void;
-}
-/**
- * Turns the passed class element into a Form Associated Custom Element.
- */
-export declare function FormAssociatedMixin<T extends Constructor<LitElement>>(superClass: T): Constructor<FormAssociatedElementInterface> & T;

package/components/common/mixins/form-associated.js

@@ -1,135 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { property } from 'lit/decorators.js';
-export function FormAssociatedMixin(superClass) {
-    class FormAssociatedElement extends superClass {
-        get __validators() {
-            return [];
-        }
-        get form() {
-            return this.__internals.form;
-        }
-        get validity() {
-            return this.__internals.validity;
-        }
-        get validationMessage() {
-            return this.__internals.validationMessage;
-        }
-        get willValidate() {
-            return this.__internals.willValidate;
-        }
-        set disabled(value) {
-            this._disabled = value;
-            this.toggleAttribute('disabled', Boolean(this._disabled));
-        }
-        get disabled() {
-            return this._disabled;
-        }
-        set invalid(value) {
-            this._invalid = value;
-            this.toggleAttribute('invalid', Boolean(this._invalid));
-        }
-        get invalid() {
-            return this._invalid;
-        }
-        constructor(...args) {
-            super(args);
-            this._disabled = false;
-            this._invalid = false;
-            this._dirty = false;
-            this.__internals = this.attachInternals();
-            this.addEventListener('invalid', this.handleInvalid);
-        }
-        connectedCallback() {
-            super.connectedCallback();
-            this._dirty = false;
-            this.setDefaultValue();
-        }
-        setDefaultValue() {
-            if ('checked' in this) {
-                this._defaultValue = this.checked;
-            }
-            else if ('value' in this) {
-                this._defaultValue = this.value;
-            }
-        }
-        restoreDefaultValue() {
-            if ('checked' in this) {
-                this.checked = this._defaultValue;
-            }
-            else if ('value' in this) {
-                this.value = this._defaultValue;
-            }
-        }
-        handleInvalid(event) {
-            event.preventDefault();
-            this.invalid = true;
-        }
-        setFormValue(value, state) {
-            this.__internals.setFormValue(value, state || value);
-        }
-        setValidity(flags, message, anchor) {
-            this.__internals.setValidity(flags, message, anchor);
-        }
-        formResetCallback() {
-            this.restoreDefaultValue();
-            this._dirty = false;
-            this.performUpdate();
-            this.invalid = false;
-        }
-        formDisabledCallback(state) {
-            this._disabled = state;
-            this.requestUpdate();
-        }
-        updateValidity(message) {
-            const validity = {};
-            let validationMessage = '';
-            for (const validator of this.__validators) {
-                const isValid = validator.isValid(this);
-                validity[validator.key] = !isValid;
-                if (!isValid) {
-                    validationMessage =
-                        typeof validator.message === 'function'
-                            ? validator.message(this)
-                            : validator.message;
-                }
-            }
-            if (message) {
-                validity.customError = true;
-                validationMessage = message;
-            }
-            this.__internals.setValidity(validity, validationMessage);
-        }
-        setInvalidState() {
-            if (this.hasUpdated || this._dirty) {
-                this.invalid = !this.checkValidity();
-            }
-        }
-        reportValidity() {
-            return this.__internals.reportValidity();
-        }
-        checkValidity() {
-            return this.__internals.checkValidity();
-        }
-        setCustomValidity(message) {
-            this.updateValidity(message);
-            this.invalid = !this.checkValidity();
-        }
-    }
-    FormAssociatedElement.formAssociated = true;
-    __decorate([
-        property({ reflect: true })
-    ], FormAssociatedElement.prototype, "name", void 0);
-    __decorate([
-        property({ type: Boolean, reflect: true })
-    ], FormAssociatedElement.prototype, "disabled", null);
-    __decorate([
-        property({ type: Boolean, reflect: true })
-    ], FormAssociatedElement.prototype, "invalid", null);
-    return FormAssociatedElement;
-}
-//# sourceMappingURL=form-associated.js.map

package/components/common/mixins/form-associated.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-associated.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/form-associated.ts"],"names":[],"mappings":"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","sourcesContent":["import type { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport type { Validator } from '../validators.js';\nimport type { Constructor } from './constructor.js';\n\nexport declare class FormAssociatedElementInterface {\n  public static readonly formAssociated: boolean;\n\n  private __internals: ElementInternals;\n  protected get __validators(): Validator[];\n  protected _disabled: boolean;\n  protected _invalid: boolean;\n  protected _dirty: boolean;\n\n  /**\n   * The default value of the control at \"creation\" time.\n   *\n   * @remarks\n   * This is set by default on `connectedCallback` through the `setDefaultValue` call.\n   * It expects the component to have either a `checked` or a `value` property and binds it to the initial value of the\n   * respective property.\n   *\n   * In use-cases where additional customization is required, make sure to override the `setDefaultValue` method.\n   */\n  protected _defaultValue: unknown;\n\n  /**\n   * Applies the {@link FormAssociatedElementInterface.invalid | `invalid`} attribute on the control and the associated styles\n   * if the element has completed the first update cycle or it has been interacted with by the user.\n   *\n   * Usually, it should be called after {@link FormAssociatedElementInterface.updateValidity | `updateValidity()`}\n   */\n  protected setInvalidState(): void;\n\n  /**\n   * Executes the component validators and updates the internal validity state.\n   */\n  protected updateValidity(message?: string): void;\n\n  /**\n   * Saves the initial value/checked state of the control.\n   *\n   * Called on connectedCallback.\n   */\n  protected setDefaultValue(): void;\n\n  /**\n   * Called when the parent form is reset.\n   *\n   * Restores the initially bound value/checked state of the control.\n   */\n  protected restoreDefaultValue(): void;\n\n  protected setFormValue(\n    value: string | File | FormData | null,\n    state?: string | File | FormData | null | undefined\n  ): void;\n  protected setValidity(\n    flags?: ValidityStateFlags | undefined,\n    message?: string | undefined,\n    anchor?: HTMLElement | undefined\n  ): void;\n\n  protected formResetCallback(): void;\n  protected formDisabledCallback(state: boolean): void;\n  protected formStateRestoreCallback(\n    state: string | FormData | File,\n    mode: 'autocomplete' | 'restore'\n  ): void;\n\n  /**\n   * The disabled state of the component\n   * @attr [disabled=false]\n   */\n  public disabled: boolean;\n\n  /**\n   * Control the validity of the control.\n   * @attr\n   */\n  public invalid: boolean;\n\n  /**\n   * The name attribute of the control.\n   * @attr\n   */\n  public name: string;\n\n  /** Returns the HTMLFormElement associated with this element. */\n  public get form(): HTMLFormElement | null;\n\n  /**\n   * Returns a ValidityState object which represents the different validity states\n   * the element can be in, with respect to constraint validation.\n   */\n  public get validity(): ValidityState;\n\n  /** A string containing the validation message of this element. */\n  public get validationMessage(): string;\n\n  /**\n   * A boolean value which returns true if the element is a submittable element\n   * that is a candidate for constraint validation.\n   */\n  public get willValidate(): boolean;\n\n  /** Checks for validity of the control and emits the invalid event if it invalid. */\n  public checkValidity(): boolean;\n\n  /** Checks for validity of the control and shows the browser message if it invalid. */\n  public reportValidity(): boolean;\n\n  /**\n   * Sets a custom validation message for the control.\n   * As long as `message` is not empty, the control is considered invalid.\n   */\n  public setCustomValidity(message: string): void;\n}\n\n/**\n * Turns the passed class element into a Form Associated Custom Element.\n */\nexport function FormAssociatedMixin<T extends Constructor<LitElement>>(\n  superClass: T\n) {\n  class FormAssociatedElement extends superClass {\n    public static readonly formAssociated = true;\n\n    private __internals: ElementInternals;\n    protected _disabled = false;\n    protected _invalid = false;\n    protected _dirty = false;\n\n    protected get __validators(): Validator[] {\n      return [];\n    }\n\n    /**\n     * The default value of the control at \"creation\" time.\n     *\n     * @remarks\n     * This is set by default on `connectedCallback` through the `setDefaultValue` call.\n     * It expects the component to have either a `checked` or a `value` property and binds it to the initial value of the\n     * respective property.\n     *\n     * In use-cases where additional customization is required, make sure to override the `setDefaultValue` method.\n     */\n    protected _defaultValue: unknown;\n\n    /**\n     * The name attribute of the control.\n     * @attr\n     */\n    @property({ reflect: true })\n    public name!: string;\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\n    /**\n     * The disabled state of the component\n     *\n     * @attr\n     * @default false\n     */\n    @property({ type: Boolean, reflect: true })\n    public set disabled(value: boolean) {\n      this._disabled = value;\n      this.toggleAttribute('disabled', Boolean(this._disabled));\n    }\n\n    public get disabled(): boolean {\n      return this._disabled;\n    }\n\n    /**\n     * Control the validity of the control.\n     *\n     * @attr\n     * @default false\n     */\n    @property({ type: Boolean, reflect: true })\n    public set invalid(value: boolean) {\n      this._invalid = value;\n      this.toggleAttribute('invalid', Boolean(this._invalid));\n    }\n\n    public get invalid(): boolean {\n      return this._invalid;\n    }\n\n    constructor(...args: any[]) {\n      super(args);\n      this.__internals = this.attachInternals();\n      this.addEventListener('invalid', this.handleInvalid);\n    }\n\n    public override connectedCallback(): void {\n      super.connectedCallback();\n      this._dirty = false;\n      this.setDefaultValue();\n    }\n\n    /**\n     * Saves the initial value/checked state of the control.\n     *\n     * Called on connectedCallback.\n     */\n    protected setDefaultValue() {\n      if ('checked' in this) {\n        this._defaultValue = this.checked;\n      } else if ('value' in this) {\n        this._defaultValue = this.value;\n      }\n    }\n\n    /**\n     * Called when the parent form is reset.\n     *\n     * Restores the initially bound value/checked state of the control.\n     */\n    protected restoreDefaultValue() {\n      if ('checked' in this) {\n        this.checked = this._defaultValue;\n      } else if ('value' in this) {\n        this.value = this._defaultValue;\n      }\n    }\n\n    protected handleInvalid(event: Event) {\n      event.preventDefault();\n      this.invalid = true;\n    }\n\n    protected setFormValue(\n      value: string | File | FormData | null,\n      state?: string | File | FormData | null | undefined\n    ) {\n      this.__internals.setFormValue(value, state || value);\n    }\n\n    protected setValidity(\n      flags?: ValidityStateFlags | undefined,\n      message?: string | undefined,\n      anchor?: HTMLElement | undefined\n    ) {\n      this.__internals.setValidity(flags, message, anchor);\n    }\n\n    protected formResetCallback() {\n      this.restoreDefaultValue();\n      this._dirty = false;\n\n      // Apply any changes happening during form reset synchronously\n      this.performUpdate();\n\n      this.invalid = false;\n    }\n\n    protected formDisabledCallback(state: boolean) {\n      this._disabled = state;\n      this.requestUpdate();\n    }\n\n    /**\n     * Executes the component validators and updates the internal validity state.\n     */\n    protected updateValidity(message?: string) {\n      const validity: ValidityStateFlags = {};\n      let validationMessage = '';\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          validationMessage =\n            typeof validator.message === 'function'\n              ? validator.message(this)\n              : validator.message;\n        }\n      }\n\n      if (message) {\n        validity.customError = true;\n        validationMessage = message;\n      }\n\n      this.__internals.setValidity(validity, validationMessage);\n    }\n\n    /**\n     * Applies the {@link FormAssociatedElementInterface.invalid | `invalid`} attribute on the control and the associated styles\n     * if the element has completed the first update cycle or it has been interacted with by the user.\n     *\n     * Usually, it should be called after {@link FormAssociatedElementInterface.updateValidity | `updateValidity()`}\n     */\n    protected setInvalidState() {\n      if (this.hasUpdated || this._dirty) {\n        this.invalid = !this.checkValidity();\n      }\n    }\n\n    /** Checks for validity of the control and shows the browser message if it invalid. */\n    public reportValidity() {\n      return this.__internals.reportValidity();\n    }\n\n    /** Checks for validity of the control and emits the invalid event if it invalid. */\n    public checkValidity() {\n      return this.__internals.checkValidity();\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) {\n      this.updateValidity(message);\n      this.invalid = !this.checkValidity();\n    }\n  }\n\n  return FormAssociatedElement as unknown as Constructor<FormAssociatedElementInterface> &\n    T;\n}\n"]}

package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `:host{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;
-//# sourceMappingURL=dropdown-header.fluent.css.js.map

package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-header.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/header/dropdown-header.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4UAA4U,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;\n"]}