igniteui-webcomponents 4.11.0 → 5.0.0-rc.0

package/components/common/decorators/alternateName.d.ts

@@ -1,7 +0,0 @@
-/**
- * Indicates an alternate member name that can be used for a member due to collisions in a wrapping API.
- * @param propName an alternate member name to use.
- * @param _allWeb indicates that the original name is used for all modern web rather than just web components.
- * @returns a function that does nothing, given that this decorator is for static analysis only.
- */
-export declare function alternateName(_alternateName: string, _allWeb?: boolean): (_descriptor: any, _memberName: string) => any;

package/components/common/decorators/alternateName.js

@@ -1,4 +0,0 @@
-export function alternateName(_alternateName, _allWeb = false) {
-    return (_descriptor, _memberName) => { };
-}
-//# sourceMappingURL=alternateName.js.map

package/components/common/decorators/alternateName.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alternateName.js","sourceRoot":"","sources":["../../../../src/components/common/decorators/alternateName.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,aAAa,CAAC,cAAsB,EAAE,OAAO,GAAG,KAAK;IACnE,OAAO,CAAC,WAAgB,EAAE,WAAmB,EAAO,EAAE,GAAE,CAAC,CAAC;AAC5D,CAAC","sourcesContent":["/**\n * Indicates an alternate member name that can be used for a member due to collisions in a wrapping API.\n * @param propName an alternate member name to use.\n * @param _allWeb indicates that the original name is used for all modern web rather than just web components.\n * @returns a function that does nothing, given that this decorator is for static analysis only.\n */\nexport function alternateName(_alternateName: string, _allWeb = false) {\n  return (_descriptor: any, _memberName: string): any => {};\n}\n"]}

package/components/common/decorators/blazorSuppress.d.ts

@@ -1,5 +0,0 @@
-/**
- * Indicates a member should be suppressed in the Blazor API.
- * @returns a function that does nothing, given that this decorator is for static analysis only.
- */
-export declare function blazorSuppress(): (_descriptor: any, _memberName: string) => any;

package/components/common/decorators/blazorSuppress.js

@@ -1,4 +0,0 @@
-export function blazorSuppress() {
-    return (_descriptor, _memberName) => { };
-}
-//# sourceMappingURL=blazorSuppress.js.map

package/components/common/decorators/blazorSuppress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blazorSuppress.js","sourceRoot":"","sources":["../../../../src/components/common/decorators/blazorSuppress.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,cAAc;IAC5B,OAAO,CAAC,WAAgB,EAAE,WAAmB,EAAO,EAAE,GAAE,CAAC,CAAC;AAC5D,CAAC","sourcesContent":["/**\n * Indicates a member should be suppressed in the Blazor API.\n * @returns a function that does nothing, given that this decorator is for static analysis only.\n */\nexport function blazorSuppress() {\n  return (_descriptor: any, _memberName: string): any => {};\n}\n"]}

package/components/common/decorators/blazorTwoWayBind.d.ts

@@ -1,7 +0,0 @@
-/**
- * Indicates that a property will be updated from the inside, paired with an event, so can be used for bidirectional binding.
- * @param _eventName the name of the event that will be fired when the value changes.
- * @param _argsPath indicated the path to the updated value withing the event arguments.
- * @returns a function that does nothing, given that this decorator is for static analysis only.
- */
-export declare function blazorTwoWayBind(_eventName: string, _argsPath: string): (_descriptor: any, _memberName: string) => any;

package/components/common/decorators/blazorTwoWayBind.js

@@ -1,4 +0,0 @@
-export function blazorTwoWayBind(_eventName, _argsPath) {
-    return (_descriptor, _memberName) => { };
-}
-//# sourceMappingURL=blazorTwoWayBind.js.map

package/components/common/decorators/blazorTwoWayBind.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blazorTwoWayBind.js","sourceRoot":"","sources":["../../../../src/components/common/decorators/blazorTwoWayBind.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,gBAAgB,CAAC,UAAkB,EAAE,SAAiB;IACpE,OAAO,CAAC,WAAgB,EAAE,WAAmB,EAAO,EAAE,GAAE,CAAC,CAAC;AAC5D,CAAC","sourcesContent":["/**\n * Indicates that a property will be updated from the inside, paired with an event, so can be used for bidirectional binding.\n * @param _eventName the name of the event that will be fired when the value changes.\n * @param _argsPath indicated the path to the updated value withing the event arguments.\n * @returns a function that does nothing, given that this decorator is for static analysis only.\n */\nexport function blazorTwoWayBind(_eventName: string, _argsPath: string) {\n  return (_descriptor: any, _memberName: string): any => {};\n}\n"]}

package/components/common/mixins/sizable.d.ts

@@ -1,13 +0,0 @@
-import type { LitElement } from 'lit';
-import type { Constructor } from './constructor.js';
-export declare class SizableInterface {
-    /**
-     * Determines the size of the component.
-     * @attr
-     * @type {"small" | "medium" | "large"}
-     *
-     * @deprecated since v4.5.0. Use the `--ig-size` CSS custom property instead.
-     */
-    size: 'small' | 'medium' | 'large';
-}
-export declare const SizableMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<SizableInterface> & T;

package/components/common/mixins/sizable.js

@@ -1,27 +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';
-export const SizableMixin = (superClass) => {
-    class SizableElement extends superClass {
-        constructor() {
-            super(...arguments);
-            this.size = 'large';
-        }
-        updateSize() {
-            this.style.setProperty('--component-size', `var(--ig-size, var(--ig-size-${this.size}))`);
-        }
-    }
-    __decorate([
-        property({ reflect: true })
-    ], SizableElement.prototype, "size", void 0);
-    __decorate([
-        watch('size')
-    ], SizableElement.prototype, "updateSize", null);
-    return SizableElement;
-};
-//# sourceMappingURL=sizable.js.map

package/components/common/mixins/sizable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sizable.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/sizable.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAc/C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,UAAa,EACb,EAAE;IACF,MAAM,cAAe,SAAQ,UAAU;QAAvC;;YASS,SAAI,GAAiC,OAAO,CAAC;QAStD,CAAC;QANW,UAAU;YAClB,IAAI,CAAC,KAAK,CAAC,WAAW,CACpB,kBAAkB,EAClB,gCAAgC,IAAI,CAAC,IAAI,IAAI,CAC9C,CAAC;QACJ,CAAC;KACF;IATQ;QADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACwB;IAG1C;QADT,KAAK,CAAC,MAAM,CAAC;oDAMb;IAEH,OAAO,cAAmD,CAAC;AAC7D,CAAC,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';\n\nexport declare class SizableInterface {\n  /**\n   * Determines the size of the component.\n   * @attr\n   * @type {\"small\" | \"medium\" | \"large\"}\n   *\n   * @deprecated since v4.5.0. Use the `--ig-size` CSS custom property instead.\n   */\n  public size: 'small' | 'medium' | 'large';\n}\n\nexport const SizableMixin = <T extends Constructor<LitElement>>(\n  superClass: T\n) => {\n  class SizableElement extends superClass {\n    /**\n     * Determines the size of the component.\n     * @attr\n     * @type {\"small\" | \"medium\" | \"large\"}\n     *\n     * @deprecated since v4.5.0. Use the `--ig-size` CSS custom property instead.\n     */\n    @property({ reflect: true })\n    public size: 'small' | 'medium' | 'large' = 'large';\n\n    @watch('size')\n    protected updateSize() {\n      this.style.setProperty(\n        '--component-size',\n        `var(--ig-size, var(--ig-size-${this.size}))`\n      );\n    }\n  }\n  return SizableElement as Constructor<SizableInterface> & T;\n};\n"]}

package/components/form/form.d.ts

@@ -1,48 +0,0 @@
-import { LitElement } from 'lit';
-import type { Constructor } from '../common/mixins/constructor.js';
-export interface IgcFormEventMap {
-    igcSubmit: CustomEvent<FormData>;
-    igcReset: CustomEvent;
-}
-declare const IgcFormComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcFormEventMap>> & Constructor<LitElement>;
-/**
- * The form is a component used to collect user input from
- * interactive controls.
- *
- * @element igc-form
- *
- * @slot - Default slot for the form.
- *
- * @fires igcSubmit - Emitted when the form is submitted.
- * @fires igcReset - Emitted when the form is reset.
- *
- * @deprecated since version 4.4.0. Use the native `<form>` element instead.
- */
-export default class IgcFormComponent extends IgcFormComponent_base {
-    static readonly tagName = "igc-form";
-    static styles: import("lit").CSSResult;
-    static register(): void;
-    private _controlsWithChecked;
-    private _controlsWithValue;
-    private _controlsThatSubmit;
-    /** Specifies if form data validation should be skipped on submit. */
-    novalidate: boolean;
-    constructor();
-    /** Submits the form. */
-    submit(): boolean;
-    /** Resets the form. */
-    reset(): void;
-    private getFormElements;
-    /** Retrieves the data from the form in the format of a FormData object. */
-    getFormData(): FormData;
-    /** Checks for validity of the form. */
-    reportValidity(): boolean;
-    private handleClick;
-    protected render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'igc-form': IgcFormComponent;
-    }
-}
-export {};

package/components/form/form.js

@@ -1,158 +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 { LitElement, css, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { alternateName } from '../common/decorators/alternateName.js';
-import { blazorSuppress } from '../common/decorators/blazorSuppress.js';
-import { registerComponent } from '../common/definitions/register.js';
-import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-class IgcFormComponent extends EventEmitterMixin(LitElement) {
-    static register() {
-        registerComponent(IgcFormComponent);
-    }
-    constructor() {
-        super();
-        this._controlsWithChecked = [
-            'input',
-            'radio',
-            'igc-radio',
-            'igc-switch',
-            'igc-checkbox',
-        ];
-        this._controlsWithValue = [
-            'input',
-            'igc-input',
-            'igc-mask-input',
-            'textarea',
-            'igc-rating',
-            'igc-select',
-            'igc-combo',
-            'igc-date-time-input',
-        ];
-        this._controlsThatSubmit = [
-            'input',
-            'button',
-            'igc-button',
-            'igc-icon-button',
-        ];
-        this.novalidate = false;
-        this.addEventListener('click', this.handleClick);
-    }
-    submit() {
-        const formData = this.getFormData();
-        if (!this.novalidate && !this.reportValidity()) {
-            return false;
-        }
-        this.emitEvent('igcSubmit', { detail: formData });
-        return true;
-    }
-    reset() {
-        const formElements = this.getFormElements();
-        formElements.forEach((element) => {
-            const tagName = element.tagName.toLowerCase();
-            if (tagName === 'select') {
-                for (let i = 0; i < element.options.length; i++) {
-                    const option = element.options[i];
-                    option.selected = option.defaultSelected;
-                }
-            }
-            else if ((tagName === 'input' &&
-                (element.type === 'checkbox' || element.type === 'radio')) ||
-                (tagName !== 'input' && this._controlsWithChecked.includes(tagName))) {
-                element.checked = element.hasAttribute('checked');
-            }
-            else if (tagName === 'igc-input' ||
-                tagName === 'igc-rating' ||
-                tagName === 'igc-mask-input' ||
-                tagName === 'igc-date-time-input') {
-                element.value = element.getAttribute('value');
-            }
-            else if (this._controlsWithValue.includes(tagName)) {
-                element.value = element.defaultValue;
-            }
-        });
-        this.emitEvent('igcReset');
-    }
-    getFormElements() {
-        const slot = this.shadowRoot?.querySelector('slot');
-        const assignedElements = slot?.assignedElements({ flatten: true });
-        const formElements = [];
-        assignedElements?.forEach((element) => {
-            if (!element.disabled) {
-                formElements.push(element);
-            }
-            const children = Array.from(element.getElementsByTagName('*')).filter((element) => !element.disabled);
-            formElements.push(...children);
-        });
-        return formElements;
-    }
-    getFormData() {
-        const formData = new FormData();
-        const formElements = this.getFormElements();
-        formElements.forEach((element) => {
-            const tagName = element.tagName.toLowerCase();
-            if (tagName === 'select') {
-                for (let i = 0; i < element.options.length; i++) {
-                    const option = element.options[i];
-                    if (option.selected) {
-                        formData.append(element.name, option.value);
-                    }
-                }
-            }
-            else if (this._controlsWithChecked.includes(tagName) &&
-                element.checked) {
-                formData.append(element.name, element.value || 'on');
-            }
-            else if (this._controlsWithValue.includes(tagName) &&
-                element.type !== 'checkbox' &&
-                element.type !== 'radio' &&
-                element.type !== 'submit') {
-                formData.append(element.name, element.value);
-            }
-        });
-        return formData;
-    }
-    reportValidity() {
-        const formElements = this.getFormElements();
-        return !formElements.some((element) => typeof element.reportValidity === 'function' &&
-            element.reportValidity() === false);
-    }
-    handleClick(event) {
-        const targetElement = event.target;
-        if (this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase()) &&
-            targetElement.type?.toLowerCase() === 'submit') {
-            this.submit();
-        }
-        else if (targetElement.type?.toLowerCase() === 'reset') {
-            this.reset();
-        }
-        return true;
-    }
-    render() {
-        return html `<slot></slot>`;
-    }
-}
-IgcFormComponent.tagName = 'igc-form';
-IgcFormComponent.styles = css `
-    :host {
-      display: block;
-    }
-  `;
-export default IgcFormComponent;
-__decorate([
-    property({ type: Boolean, reflect: true })
-], IgcFormComponent.prototype, "novalidate", void 0);
-__decorate([
-    alternateName('performSubmit')
-], IgcFormComponent.prototype, "submit", null);
-__decorate([
-    alternateName('performReset')
-], IgcFormComponent.prototype, "reset", null);
-__decorate([
-    blazorSuppress()
-], IgcFormComponent.prototype, "getFormData", null);
-//# sourceMappingURL=form.js.map

package/components/form/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, css, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\n\nexport interface IgcFormEventMap {\n  igcSubmit: CustomEvent<FormData>;\n  igcReset: CustomEvent;\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element igc-form\n *\n * @slot - Default slot for the form.\n *\n * @fires igcSubmit - Emitted when the form is submitted.\n * @fires igcReset - Emitted when the form is reset.\n *\n * @deprecated since version 4.4.0. Use the native `<form>` element instead.\n */\nexport default class IgcFormComponent extends EventEmitterMixin<\n  IgcFormEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-form';\n\n  public static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcFormComponent);\n  }\n\n  private _controlsWithChecked = [\n    'input',\n    'radio',\n    'igc-radio',\n    'igc-switch',\n    'igc-checkbox',\n  ];\n  private _controlsWithValue = [\n    'input',\n    'igc-input',\n    'igc-mask-input',\n    'textarea',\n    'igc-rating',\n    'igc-select',\n    'igc-combo',\n    'igc-date-time-input',\n  ];\n  private _controlsThatSubmit = [\n    'input',\n    'button',\n    'igc-button',\n    'igc-icon-button',\n  ];\n\n  /** Specifies if form data validation should be skipped on submit. */\n  @property({ type: Boolean, reflect: true }) public novalidate = false;\n\n  constructor() {\n    super();\n\n    this.addEventListener('click', this.handleClick);\n  }\n\n  /** Submits the form. */\n  @alternateName('performSubmit')\n  public submit(): boolean {\n    const formData = this.getFormData();\n    if (!this.novalidate && !this.reportValidity()) {\n      return false;\n    }\n\n    this.emitEvent('igcSubmit', { detail: formData });\n    return true;\n  }\n\n  /** Resets the form. */\n  @alternateName('performReset')\n  public reset() {\n    const formElements = this.getFormElements();\n    formElements.forEach((element) => {\n      const tagName = element.tagName.toLowerCase();\n      if (tagName === 'select') {\n        for (let i = 0; i < element.options.length; i++) {\n          const option = element.options[i];\n          option.selected = option.defaultSelected;\n        }\n      } else if (\n        (tagName === 'input' &&\n          (element.type === 'checkbox' || element.type === 'radio')) ||\n        (tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n      ) {\n        element.checked = element.hasAttribute('checked');\n      } else if (\n        tagName === 'igc-input' ||\n        tagName === 'igc-rating' ||\n        tagName === 'igc-mask-input' ||\n        tagName === 'igc-date-time-input'\n      ) {\n        element.value = element.getAttribute('value');\n      } else if (this._controlsWithValue.includes(tagName)) {\n        element.value = element.defaultValue;\n      }\n    });\n\n    this.emitEvent('igcReset');\n  }\n\n  private getFormElements(): any[] {\n    const slot = this.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true });\n    const formElements: any[] = [];\n    assignedElements?.forEach((element: any) => {\n      if (!element.disabled) {\n        formElements.push(element);\n      }\n      const children = Array.from(element.getElementsByTagName('*')).filter(\n        (element: any) => !element.disabled\n      );\n      formElements.push(...children);\n    });\n\n    return formElements;\n  }\n\n  //suppressing in blazor for now due to an issue, bringing it back later\n  /** Retrieves the data from the form in the format of a FormData object. */\n  @blazorSuppress()\n  public getFormData() {\n    const formData = new FormData();\n\n    const formElements = this.getFormElements();\n    formElements.forEach((element) => {\n      const tagName = element.tagName.toLowerCase();\n      if (tagName === 'select') {\n        for (let i = 0; i < element.options.length; i++) {\n          const option = element.options[i];\n          if (option.selected) {\n            formData.append(element.name, option.value);\n          }\n        }\n      } else if (\n        this._controlsWithChecked.includes(tagName) &&\n        element.checked\n      ) {\n        formData.append(element.name, element.value || 'on');\n      } else if (\n        this._controlsWithValue.includes(tagName) &&\n        element.type !== 'checkbox' &&\n        element.type !== 'radio' &&\n        element.type !== 'submit'\n      ) {\n        formData.append(element.name, element.value);\n      }\n    });\n\n    return formData;\n  }\n\n  /** Checks for validity of the form. */\n  public reportValidity(): boolean {\n    const formElements = this.getFormElements();\n    return !formElements.some(\n      (element) =>\n        typeof element.reportValidity === 'function' &&\n        element.reportValidity() === false\n    );\n  }\n\n  private handleClick(event: MouseEvent) {\n    const targetElement: any = event.target as HTMLElement;\n    if (\n      this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase()) &&\n      targetElement.type?.toLowerCase() === 'submit'\n    ) {\n      this.submit();\n    } else if (targetElement.type?.toLowerCase() === 'reset') {\n      this.reset();\n    }\n\n    return true;\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-form': IgcFormComponent;\n  }\n}\n"]}