igniteui-webcomponents 1.0.0-beta.1 → 1.0.0

package/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAQ7C,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,UAAU;IAAxD;;QAMS,aAAQ,GAAG,KAAK,CAAC;IAK1B,CAAC;IAHW,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AATe,uBAAM,GAAG,MAAO,CAAA;AAI9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AANL,gBAAgB;IADpC,aAAa,CAAC,UAAU,CAAC;GACL,gBAAgB,CAWpC;eAXoB,gBAAgB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './card.material.css';\n\n/** A container which wraps different elements related to a single subject\n * @element igc-card\n *\n * @slot - Renders card content\n */\n@customElement('igc-card')\nexport default class IgcCardComponent extends LitElement {\n  /** @private */\n  public static styles = styles;\n\n  /** Sets card outline style, otherwise card looks elevated */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  protected render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card': IgcCardComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAO7C,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,UAAU;IAAxD;;QASS,aAAQ,GAAG,IAAI,CAAC;IAKzB,CAAC;IAHW,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAXa,wBAAO,GAAG,UAAU,CAAC;AAGrB,uBAAM,GAAG,MAAM,CAAC;AAI9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACpB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styles } from './card.material.css';\n\n/** A container which wraps different elements related to a single subject\n * @element igc-card\n *\n * @slot - Renders card content\n */\nexport default class IgcCardComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-card';\n\n  /** @private */\n  public static styles = styles;\n\n  /** Sets card outline style, otherwise card looks elevated */\n  @property({ type: Boolean, reflect: true })\n  public outlined = true;\n\n  protected render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card': IgcCardComponent;\n  }\n}\n"]}

package/components/card/card.media.d.ts

@@ -1,11 +1,12 @@
 import { LitElement } from 'lit';
-export default class IgcCardMedia extends LitElement {
+export default class IgcCardMediaComponent extends LitElement {
+    static tagName: string;
     static styles: import("lit").CSSResult;
     protected render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'igc-card-media': IgcCardMedia;
+        'igc-card-media': IgcCardMediaComponent;
     }
 }
 //# sourceMappingURL=card.media.d.ts.map

package/components/card/card.media.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.media.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAUvC,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IAElD,OAAc,MAAM,0BAAU;IAE9B,SAAS,CAAC,MAAM;CAGjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
+{"version":3,"file":"card.media.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;IAE3D,OAAc,OAAO,SAAoB;IAGzC,OAAc,MAAM,0BAAU;IAE9B,SAAS,CAAC,MAAM;CAGjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF"}

package/components/card/card.media.js

@@ -1,20 +1,10 @@
-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, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
 import { styles } from './card.media.material.css';
-let IgcCardMedia = class IgcCardMedia extends LitElement {
+export default class IgcCardMediaComponent extends LitElement {
     render() {
         return html `<slot></slot>`;
     }
-};
-IgcCardMedia.styles = styles;
-IgcCardMedia = __decorate([
-    customElement('igc-card-media')
-], IgcCardMedia);
-export default IgcCardMedia;
+}
+IgcCardMediaComponent.tagName = 'igc-card-media';
+IgcCardMediaComponent.styles = styles;
 //# sourceMappingURL=card.media.js.map

package/components/card/card.media.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.media.js","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAQnD,IAAqB,YAAY,GAAjC,MAAqB,YAAa,SAAQ,UAAU;IAIxC,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AALe,mBAAM,GAAG,MAAO,CAAA;AAFX,YAAY;IADhC,aAAa,CAAC,gBAAgB,CAAC;GACX,YAAY,CAOhC;eAPoB,YAAY","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './card.media.material.css';\n\n/** A container for card's media - could be an image, gif, video\n * @element igc-card-media\n *\n * @slot - Renders the card media content\n */\n@customElement('igc-card-media')\nexport default class IgcCardMedia extends LitElement {\n  /** @private */\n  public static styles = styles;\n\n  protected render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-media': IgcCardMedia;\n  }\n}\n"]}
+{"version":3,"file":"card.media.js","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAOnD,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;IAOjD,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAPa,6BAAO,GAAG,gBAAgB,CAAC;AAG3B,4BAAM,GAAG,MAAM,CAAC","sourcesContent":["import { LitElement, html } from 'lit';\nimport { styles } from './card.media.material.css';\n\n/** A container for card's media - could be an image, gif, video\n * @element igc-card-media\n *\n * @slot - Renders the card media content\n */\nexport default class IgcCardMediaComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-card-media';\n\n  /** @private */\n  public static styles = styles;\n\n  protected render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-media': IgcCardMediaComponent;\n  }\n}\n"]}

package/components/checkbox/checkbox.d.ts

@@ -1,5 +1,6 @@
 import { IgcCheckboxBaseComponent } from './checkbox-base.js';
 export default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {
+    static tagName: string;
     static styles: import("lit").CSSResult;
     private inputId;
     private labelId;

package/components/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAsB9D,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,wBAAwB;IAExE,OAAc,MAAM,0BAAU;IAE9B,OAAO,CAAC,OAAO,CAA0B;IACzC,OAAO,CAAC,OAAO,CAAoC;IAI5C,aAAa,UAAS;IAE7B,OAAO,CAAC,WAAW;IAMnB,SAAS,CAAC,YAAY;IAOtB,SAAS,CAAC,MAAM;CA4CjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,oBAAoB,CAAC;KACtC;CACF"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAqB9D,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,wBAAwB;IAExE,OAAc,OAAO,SAAkB;IAGvC,OAAc,MAAM,0BAAU;IAE9B,OAAO,CAAC,OAAO,CAA0B;IACzC,OAAO,CAAC,OAAO,CAAoC;IAI5C,aAAa,UAAS;IAE7B,OAAO,CAAC,WAAW;IAMnB,SAAS,CAAC,YAAY;IAOtB,SAAS,CAAC,MAAM;CA4CjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,oBAAoB,CAAC;KACtC;CACF"}

package/components/checkbox/checkbox.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 import { watch } from '../common/decorators/watch.js';
@@ -13,7 +13,7 @@ import { styles } from './checkbox.material.css';
 import { IgcCheckboxBaseComponent } from './checkbox-base.js';
 import { partNameMap } from '../common/util.js';
 let nextId = 0;
-let IgcCheckboxComponent = class IgcCheckboxComponent extends IgcCheckboxBaseComponent {
+export default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {
     constructor() {
         super(...arguments);
         this.inputId = `checkbox-${nextId++}`;
@@ -74,7 +74,8 @@ let IgcCheckboxComponent = class IgcCheckboxComponent extends IgcCheckboxBaseCom
       </label>
     `;
     }
-};
+}
+IgcCheckboxComponent.tagName = 'igc-checkbox';
 IgcCheckboxComponent.styles = styles;
 __decorate([
     property({ type: Boolean, reflect: true })
@@ -82,8 +83,4 @@ __decorate([
 __decorate([
     watch('checked', { waitUntilFirstUpdate: true })
 ], IgcCheckboxComponent.prototype, "handleChange", null);
-IgcCheckboxComponent = __decorate([
-    customElement('igc-checkbox')
-], IgcCheckboxComponent);
-export default IgcCheckboxComponent;
 //# sourceMappingURL=checkbox.js.map

package/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { styles } from './checkbox.material.css';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { partNameMap } from '../common/util.js';\n\nlet nextId = 0;\n\n/**\n * A check box allowing single values to be selected/deselected.\n *\n * @element igc-checkbox\n *\n * @slot - The checkbox label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox control.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox icon.\n */\n@customElement('igc-checkbox')\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n  /** @private */\n  public static styles = styles;\n\n  private inputId = `checkbox-${nextId++}`;\n  private labelId = `checkbox-label-${this.inputId}`;\n\n  /** Draws the checkbox in indeterminate state. */\n  @property({ type: Boolean, reflect: true })\n  public indeterminate = false;\n\n  private handleClick() {\n    this.checked = !this.checked;\n    this.indeterminate = false;\n  }\n\n  @watch('checked', { waitUntilFirstUpdate: true })\n  protected handleChange() {\n    if (this.checked) {\n      this.input.focus();\n    }\n    this.emitEvent('igcChange', { detail: this.checked });\n  }\n\n  protected render() {\n    return html`\n      <label\n        part=\"${partNameMap({ base: true, checked: this.checked })}\"\n        for=\"${this.inputId}\"\n        @mousedown=\"${this.handleMouseDown}\"\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=\"${ifDefined(this.name)}\"\n          value=\"${ifDefined(this.value)}\"\n          .disabled=\"${this.disabled}\"\n          .checked=\"${live(this.checked)}\"\n          .indeterminate=\"${live(this.indeterminate)}\"\n          aria-checked=\"${this.indeterminate && !this.checked\n            ? 'mixed'\n            : this.checked}\"\n          aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n          aria-labelledby=\"${this.ariaLabelledby\n            ? this.ariaLabelledby\n            : this.labelId}\"\n          @click=\"${this.handleClick}\"\n          @blur=\"${this.handleBlur}\"\n          @focus=\"${this.handleFocus}\"\n        />\n        <span part=\"${partNameMap({ control: true, checked: this.checked })}\">\n          <span\n            part=\"${partNameMap({ indicator: true, checked: this.checked })}\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n              <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n            </svg>\n          </span>\n        </span>\n        <span\n          part=\"${partNameMap({ label: true, checked: this.checked })}\"\n          id=\"${this.labelId}\"\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-checkbox': IgcCheckboxComponent;\n  }\n}\n"]}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,IAAI,MAAM,GAAG,CAAC,CAAC;AAkBf,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,wBAAwB;IAA1E;;QAOU,YAAO,GAAG,YAAY,MAAM,EAAE,EAAE,CAAC;QACjC,YAAO,GAAG,kBAAkB,IAAI,CAAC,OAAO,EAAE,CAAC;QAI5C,kBAAa,GAAG,KAAK,CAAC;IA2D/B,CAAC;IAzDS,WAAW;QACjB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IAGS,YAAY;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;SACpB;QACD,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IACxD,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;gBAEC,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;eACnD,IAAI,CAAC,OAAO;sBACL,IAAI,CAAC,eAAe;;;eAG3B,IAAI,CAAC,OAAO;;kBAET,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;mBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;uBACjB,IAAI,CAAC,QAAQ;sBACd,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;4BACZ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;0BAC1B,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,OAAO;YACjD,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAC,OAAO;2BACC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;6BAC9B,IAAI,CAAC,cAAc;YACpC,CAAC,CAAC,IAAI,CAAC,cAAc;YACrB,CAAC,CAAC,IAAI,CAAC,OAAO;oBACN,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;oBACd,IAAI,CAAC,WAAW;;sBAEd,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;;oBAEvD,WAAW,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;;;;;;;;kBAQzD,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACrD,IAAI,CAAC,OAAO;;;;;KAKvB,CAAC;IACJ,CAAC;;AApEa,4BAAO,GAAG,cAAc,CAAC;AAGzB,2BAAM,GAAG,MAAM,CAAC;AAO9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACd;AAQ7B;IADC,KAAK,CAAC,SAAS,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;wDAMhD","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { styles } from './checkbox.material.css';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { partNameMap } from '../common/util.js';\n\nlet nextId = 0;\n\n/**\n * A check box allowing single values to be selected/deselected.\n *\n * @element igc-checkbox\n *\n * @slot - The checkbox label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox control.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox icon.\n */\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n  /** @private */\n  public static tagName = 'igc-checkbox';\n\n  /** @private */\n  public static styles = styles;\n\n  private inputId = `checkbox-${nextId++}`;\n  private labelId = `checkbox-label-${this.inputId}`;\n\n  /** Draws the checkbox in indeterminate state. */\n  @property({ type: Boolean, reflect: true })\n  public indeterminate = false;\n\n  private handleClick() {\n    this.checked = !this.checked;\n    this.indeterminate = false;\n  }\n\n  @watch('checked', { waitUntilFirstUpdate: true })\n  protected handleChange() {\n    if (this.checked) {\n      this.input.focus();\n    }\n    this.emitEvent('igcChange', { detail: this.checked });\n  }\n\n  protected render() {\n    return html`\n      <label\n        part=\"${partNameMap({ base: true, checked: this.checked })}\"\n        for=\"${this.inputId}\"\n        @mousedown=\"${this.handleMouseDown}\"\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=\"${ifDefined(this.name)}\"\n          value=\"${ifDefined(this.value)}\"\n          .disabled=\"${this.disabled}\"\n          .checked=\"${live(this.checked)}\"\n          .indeterminate=\"${live(this.indeterminate)}\"\n          aria-checked=\"${this.indeterminate && !this.checked\n            ? 'mixed'\n            : this.checked}\"\n          aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n          aria-labelledby=\"${this.ariaLabelledby\n            ? this.ariaLabelledby\n            : this.labelId}\"\n          @click=\"${this.handleClick}\"\n          @blur=\"${this.handleBlur}\"\n          @focus=\"${this.handleFocus}\"\n        />\n        <span part=\"${partNameMap({ control: true, checked: this.checked })}\">\n          <span\n            part=\"${partNameMap({ indicator: true, checked: this.checked })}\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n              <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n            </svg>\n          </span>\n        </span>\n        <span\n          part=\"${partNameMap({ label: true, checked: this.checked })}\"\n          id=\"${this.labelId}\"\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-checkbox': IgcCheckboxComponent;\n  }\n}\n"]}

package/components/checkbox/switch.d.ts

@@ -1,5 +1,6 @@
 import { IgcCheckboxBaseComponent } from './checkbox-base.js';
 export default class IgcSwitchComponent extends IgcCheckboxBaseComponent {
+    static tagName: string;
     static styles: import("lit").CSSResult;
     private inputId;
     private labelId;

package/components/checkbox/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAuB9D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,wBAAwB;IAEtE,OAAc,MAAM,0BAAU;IAE9B,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,OAAO,CAAkC;IAEjD,OAAO,CAAC,WAAW;IAKnB,SAAS,CAAC,YAAY;IAOtB,SAAS,CAAC,MAAM;CAqCjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAqB9D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,wBAAwB;IAEtE,OAAc,OAAO,SAAgB;IAGrC,OAAc,MAAM,0BAAU;IAE9B,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,OAAO,CAAkC;IAEjD,OAAO,CAAC,WAAW;IAKnB,SAAS,CAAC,YAAY;IAOtB,SAAS,CAAC,MAAM;CAqCjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF"}

package/components/checkbox/switch.js

@@ -11,9 +11,8 @@ import { watch } from '../common/decorators/watch.js';
 import { styles } from './switch.material.css';
 import { IgcCheckboxBaseComponent } from './checkbox-base.js';
 import { partNameMap } from '../common/util.js';
-import { customElement } from 'lit/decorators.js';
 let nextId = 0;
-let IgcSwitchComponent = class IgcSwitchComponent extends IgcCheckboxBaseComponent {
+export default class IgcSwitchComponent extends IgcCheckboxBaseComponent {
     constructor() {
         super(...arguments);
         this.inputId = `switch-${nextId++}`;
@@ -65,13 +64,10 @@ let IgcSwitchComponent = class IgcSwitchComponent extends IgcCheckboxBaseCompone
       </label>
     `;
     }
-};
+}
+IgcSwitchComponent.tagName = 'igc-switch';
 IgcSwitchComponent.styles = styles;
 __decorate([
     watch('checked', { waitUntilFirstUpdate: true })
 ], IgcSwitchComponent.prototype, "handleChange", null);
-IgcSwitchComponent = __decorate([
-    customElement('igc-switch')
-], IgcSwitchComponent);
-export default IgcSwitchComponent;
 //# sourceMappingURL=switch.js.map

package/components/checkbox/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,IAAI,MAAM,GAAG,CAAC,CAAC;AAmBf,IAAqB,kBAAkB,GAAvC,MAAqB,kBAAmB,SAAQ,wBAAwB;IAAxE;;QAIU,YAAO,GAAG,UAAU,MAAM,EAAE,EAAE,CAAC;QAC/B,YAAO,GAAG,gBAAgB,IAAI,CAAC,OAAO,EAAE,CAAC;IAmDnD,CAAC;IAjDS,WAAW;QACjB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAC/B,CAAC;IAGS,YAAY;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;SACpB;QACD,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IACxD,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;eAEA,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;eAClD,IAAI,CAAC,OAAO;sBACL,IAAI,CAAC,eAAe;;;eAG3B,IAAI,CAAC,OAAO;;kBAET,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;mBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;uBACjB,IAAI,CAAC,QAAQ;sBACd,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;0BACd,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;2BAC9B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;6BAC9B,IAAI,CAAC,cAAc;YACpC,CAAC,CAAC,IAAI,CAAC,cAAc;YACrB,CAAC,CAAC,IAAI,CAAC,OAAO;oBACN,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;oBACd,IAAI,CAAC,WAAW;;qBAEf,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;;mBAEvD,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;;;;iBAIrD,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACpD,IAAI,CAAC,OAAO;;;;;KAKvB,CAAC;IACJ,CAAC;CACF,CAAA;AAtDe,yBAAM,GAAG,MAAO,CAAA;AAU9B;IADC,KAAK,CAAC,SAAS,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;sDAMhD;AAjBkB,kBAAkB;IADtC,aAAa,CAAC,YAAY,CAAC;GACP,kBAAkB,CAwDtC;eAxDoB,kBAAkB","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { styles } from './switch.material.css';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { partNameMap } from '../common/util.js';\nimport { customElement } from 'lit/decorators.js';\n\nlet nextId = 0;\n\n/**\n * Similar to a checkbox, a switch controls the state of a single setting on or off.\n *\n * @element igc-switch\n *\n * @slot - The switch label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart base - The base wrapper of the switch.\n * @csspart control - The switch control.\n * @csspart thumb - The position indicator of the switch.\n * @csspart label - The switch label.\n */\n@customElement('igc-switch')\nexport default class IgcSwitchComponent extends IgcCheckboxBaseComponent {\n  /** @private */\n  public static styles = styles;\n\n  private inputId = `switch-${nextId++}`;\n  private labelId = `switch-label-${this.inputId}`;\n\n  private handleClick() {\n    this.checked = !this.checked;\n  }\n\n  @watch('checked', { waitUntilFirstUpdate: true })\n  protected handleChange() {\n    if (this.checked) {\n      this.input.focus();\n    }\n    this.emitEvent('igcChange', { detail: this.checked });\n  }\n\n  protected render() {\n    return html`\n      <label\n        part=${partNameMap({ base: true, checked: this.checked })}\n        for=\"${this.inputId}\"\n        @mousedown=\"${this.handleMouseDown}\"\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=\"${ifDefined(this.name)}\"\n          value=\"${ifDefined(this.value)}\"\n          .disabled=\"${this.disabled}\"\n          .checked=\"${live(this.checked)}\"\n          aria-checked=\"${this.checked ? 'true' : 'false'}\"\n          aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n          aria-labelledby=\"${this.ariaLabelledby\n            ? this.ariaLabelledby\n            : this.labelId}\"\n          @click=\"${this.handleClick}\"\n          @blur=\"${this.handleBlur}\"\n          @focus=\"${this.handleFocus}\"\n        />\n        <span part=${partNameMap({ control: true, checked: this.checked })}>\n          <span\n            part=${partNameMap({ thumb: true, checked: this.checked })}\n          ></span>\n        </span>\n        <span\n          part=${partNameMap({ label: true, checked: this.checked })}\n          id=\"${this.labelId}\"\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-switch': IgcSwitchComponent;\n  }\n}\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,IAAI,MAAM,GAAG,CAAC,CAAC;AAkBf,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,wBAAwB;IAAxE;;QAOU,YAAO,GAAG,UAAU,MAAM,EAAE,EAAE,CAAC;QAC/B,YAAO,GAAG,gBAAgB,IAAI,CAAC,OAAO,EAAE,CAAC;IAmDnD,CAAC;IAjDS,WAAW;QACjB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAC/B,CAAC;IAGS,YAAY;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;SACpB;QACD,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IACxD,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;eAEA,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;eAClD,IAAI,CAAC,OAAO;sBACL,IAAI,CAAC,eAAe;;;eAG3B,IAAI,CAAC,OAAO;;kBAET,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;mBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;uBACjB,IAAI,CAAC,QAAQ;sBACd,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;0BACd,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;2BAC9B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;6BAC9B,IAAI,CAAC,cAAc;YACpC,CAAC,CAAC,IAAI,CAAC,cAAc;YACrB,CAAC,CAAC,IAAI,CAAC,OAAO;oBACN,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;oBACd,IAAI,CAAC,WAAW;;qBAEf,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;;mBAEvD,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;;;;iBAIrD,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACpD,IAAI,CAAC,OAAO;;;;;KAKvB,CAAC;IACJ,CAAC;;AAxDa,0BAAO,GAAG,YAAY,CAAC;AAGvB,yBAAM,GAAG,MAAM,CAAC;AAU9B;IADC,KAAK,CAAC,SAAS,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;sDAMhD","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { styles } from './switch.material.css';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { partNameMap } from '../common/util.js';\n\nlet nextId = 0;\n\n/**\n * Similar to a checkbox, a switch controls the state of a single setting on or off.\n *\n * @element igc-switch\n *\n * @slot - The switch label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart base - The base wrapper of the switch.\n * @csspart control - The switch control.\n * @csspart thumb - The position indicator of the switch.\n * @csspart label - The switch label.\n */\nexport default class IgcSwitchComponent extends IgcCheckboxBaseComponent {\n  /** @private */\n  public static tagName = 'igc-switch';\n\n  /** @private */\n  public static styles = styles;\n\n  private inputId = `switch-${nextId++}`;\n  private labelId = `switch-label-${this.inputId}`;\n\n  private handleClick() {\n    this.checked = !this.checked;\n  }\n\n  @watch('checked', { waitUntilFirstUpdate: true })\n  protected handleChange() {\n    if (this.checked) {\n      this.input.focus();\n    }\n    this.emitEvent('igcChange', { detail: this.checked });\n  }\n\n  protected render() {\n    return html`\n      <label\n        part=${partNameMap({ base: true, checked: this.checked })}\n        for=\"${this.inputId}\"\n        @mousedown=\"${this.handleMouseDown}\"\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=\"${ifDefined(this.name)}\"\n          value=\"${ifDefined(this.value)}\"\n          .disabled=\"${this.disabled}\"\n          .checked=\"${live(this.checked)}\"\n          aria-checked=\"${this.checked ? 'true' : 'false'}\"\n          aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n          aria-labelledby=\"${this.ariaLabelledby\n            ? this.ariaLabelledby\n            : this.labelId}\"\n          @click=\"${this.handleClick}\"\n          @blur=\"${this.handleBlur}\"\n          @focus=\"${this.handleFocus}\"\n        />\n        <span part=${partNameMap({ control: true, checked: this.checked })}>\n          <span\n            part=${partNameMap({ thumb: true, checked: this.checked })}\n          ></span>\n        </span>\n        <span\n          part=${partNameMap({ label: true, checked: this.checked })}\n          id=\"${this.labelId}\"\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-switch': IgcSwitchComponent;\n  }\n}\n"]}

package/components/common/definitions/defineAllComponents.d.ts

@@ -0,0 +1,2 @@
+export declare const defineAllComponents: () => void;
+//# sourceMappingURL=defineAllComponents.d.ts.map

package/components/common/definitions/defineAllComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineAllComponents.d.ts","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineAllComponents.ts"],"names":[],"mappings":"AAuDA,eAAO,MAAM,mBAAmB,YAE/B,CAAC"}

package/components/common/definitions/defineAllComponents.js

@@ -0,0 +1,57 @@
+import IgcAvatarComponent from '../../avatar/avatar';
+import IgcBadgeComponent from '../../badge/badge';
+import IgcButtonComponent from '../../button/button';
+import IgcIconButtonComponent from '../../button/icon-button';
+import IgcCalendarComponent from '../../calendar/calendar';
+import IgcCardComponent from '../../card/card';
+import IgcCardActionsComponent from '../../card/card.actions';
+import IgcCardContentComponent from '../../card/card.content';
+import IgcCardHeaderComponent from '../../card/card.header';
+import IgcCardMediaComponent from '../../card/card.media';
+import IgcCheckboxComponent from '../../checkbox/checkbox';
+import IgcSwitchComponent from '../../checkbox/switch';
+import IgcFormComponent from '../../form/form';
+import IgcIconComponent from '../../icon/icon';
+import IgcInputComponent from '../../input/input';
+import IgcListComponent from '../../list/list';
+import IgcListHeaderComponent from '../../list/list-header';
+import IgcListItemComponent from '../../list/list-item';
+import IgcNavDrawerComponent from '../../nav-drawer/nav-drawer';
+import IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item';
+import IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item';
+import IgcNavbarComponent from '../../navbar/navbar';
+import IgcRadioGroupComponent from '../../radio-group/radio-group';
+import IgcRadioComponent from '../../radio/radio';
+import IgcRippleComponent from '../../ripple/ripple';
+import { defineComponents } from './defineComponents';
+const allComponents = [
+    IgcAvatarComponent,
+    IgcBadgeComponent,
+    IgcButtonComponent,
+    IgcIconButtonComponent,
+    IgcCalendarComponent,
+    IgcCardActionsComponent,
+    IgcCardContentComponent,
+    IgcCardHeaderComponent,
+    IgcCardMediaComponent,
+    IgcCardComponent,
+    IgcCheckboxComponent,
+    IgcSwitchComponent,
+    IgcFormComponent,
+    IgcIconComponent,
+    IgcInputComponent,
+    IgcListHeaderComponent,
+    IgcListItemComponent,
+    IgcListComponent,
+    IgcNavDrawerHeaderItemComponent,
+    IgcNavDrawerItemComponent,
+    IgcNavDrawerComponent,
+    IgcNavbarComponent,
+    IgcRadioComponent,
+    IgcRadioGroupComponent,
+    IgcRippleComponent,
+];
+export const defineAllComponents = () => {
+    defineComponents(...allComponents);
+};
+//# sourceMappingURL=defineAllComponents.js.map

package/components/common/definitions/defineAllComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineAllComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineAllComponents.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,uBAAuB,MAAM,yBAAyB,CAAC;AAC9D,OAAO,uBAAuB,MAAM,yBAAyB,CAAC;AAC9D,OAAO,sBAAsB,MAAM,wBAAwB,CAAC;AAC5D,OAAO,qBAAqB,MAAM,uBAAuB,CAAC;AAC1D,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,sBAAsB,MAAM,wBAAwB,CAAC;AAC5D,OAAO,oBAAoB,MAAM,sBAAsB,CAAC;AACxD,OAAO,qBAAqB,MAAM,6BAA6B,CAAC;AAChE,OAAO,+BAA+B,MAAM,yCAAyC,CAAC;AACtF,OAAO,yBAAyB,MAAM,kCAAkC,CAAC;AACzE,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,sBAAsB,MAAM,+BAA+B,CAAC;AACnE,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,aAAa,GAA+B;IAChD,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,sBAAsB;IACtB,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,sBAAsB;IACtB,qBAAqB;IACrB,gBAAgB;IAChB,oBAAoB;IACpB,kBAAkB;IAClB,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB;IACjB,sBAAsB;IACtB,oBAAoB;IACpB,gBAAgB;IAChB,+BAA+B;IAC/B,yBAAyB;IACzB,qBAAqB;IACrB,kBAAkB;IAClB,iBAAiB;IACjB,sBAAsB;IACtB,kBAAkB;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,gBAAgB,CAAC,GAAG,aAAa,CAAC,CAAC;AACrC,CAAC,CAAC","sourcesContent":["import IgcAvatarComponent from '../../avatar/avatar';\nimport IgcBadgeComponent from '../../badge/badge';\nimport IgcButtonComponent from '../../button/button';\nimport IgcIconButtonComponent from '../../button/icon-button';\nimport IgcCalendarComponent from '../../calendar/calendar';\nimport IgcCardComponent from '../../card/card';\nimport IgcCardActionsComponent from '../../card/card.actions';\nimport IgcCardContentComponent from '../../card/card.content';\nimport IgcCardHeaderComponent from '../../card/card.header';\nimport IgcCardMediaComponent from '../../card/card.media';\nimport IgcCheckboxComponent from '../../checkbox/checkbox';\nimport IgcSwitchComponent from '../../checkbox/switch';\nimport IgcFormComponent from '../../form/form';\nimport IgcIconComponent from '../../icon/icon';\nimport IgcInputComponent from '../../input/input';\nimport IgcListComponent from '../../list/list';\nimport IgcListHeaderComponent from '../../list/list-header';\nimport IgcListItemComponent from '../../list/list-item';\nimport IgcNavDrawerComponent from '../../nav-drawer/nav-drawer';\nimport IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item';\nimport IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item';\nimport IgcNavbarComponent from '../../navbar/navbar';\nimport IgcRadioGroupComponent from '../../radio-group/radio-group';\nimport IgcRadioComponent from '../../radio/radio';\nimport IgcRippleComponent from '../../ripple/ripple';\nimport { defineComponents } from './defineComponents';\n\nconst allComponents: CustomElementConstructor[] = [\n  IgcAvatarComponent,\n  IgcBadgeComponent,\n  IgcButtonComponent,\n  IgcIconButtonComponent,\n  IgcCalendarComponent,\n  IgcCardActionsComponent,\n  IgcCardContentComponent,\n  IgcCardHeaderComponent,\n  IgcCardMediaComponent,\n  IgcCardComponent,\n  IgcCheckboxComponent,\n  IgcSwitchComponent,\n  IgcFormComponent,\n  IgcIconComponent,\n  IgcInputComponent,\n  IgcListHeaderComponent,\n  IgcListItemComponent,\n  IgcListComponent,\n  IgcNavDrawerHeaderItemComponent,\n  IgcNavDrawerItemComponent,\n  IgcNavDrawerComponent,\n  IgcNavbarComponent,\n  IgcRadioComponent,\n  IgcRadioGroupComponent,\n  IgcRippleComponent,\n];\n\nexport const defineAllComponents = () => {\n  defineComponents(...allComponents);\n};\n"]}

package/components/common/definitions/defineComponents.d.ts

@@ -0,0 +1,2 @@
+export declare const defineComponents: (...components: CustomElementConstructor[]) => void;
+//# sourceMappingURL=defineComponents.d.ts.map

package/components/common/definitions/defineComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineComponents.d.ts","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineComponents.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,kBAAmB,wBAAwB,EAAE,SAQzE,CAAC"}

package/components/common/definitions/defineComponents.js

@@ -0,0 +1,9 @@
+export const defineComponents = (...components) => {
+    for (const component of components) {
+        const tagName = component.tagName;
+        if (tagName && !window.customElements.get(tagName)) {
+            window.customElements.define(tagName, component);
+        }
+    }
+};
+//# sourceMappingURL=defineComponents.js.map

package/components/common/definitions/defineComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineComponents.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAG,UAAsC,EAAE,EAAE;IAC5E,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE;QAClC,MAAM,OAAO,GAAI,SAAiB,CAAC,OAAO,CAAC;QAE3C,IAAI,OAAO,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YAClD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SAClD;KACF;AACH,CAAC,CAAC","sourcesContent":["export const defineComponents = (...components: CustomElementConstructor[]) => {\n  for (const component of components) {\n    const tagName = (component as any).tagName;\n\n    if (tagName && !window.customElements.get(tagName)) {\n      window.customElements.define(tagName, component);\n    }\n  }\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"sizable.d.ts","sourceRoot":"","sources":["../../../../src/components/common/mixins/sizable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,OAAO,OAAO,gBAAgB;IAC5B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC3C;AAED,eAAO,MAAM,YAAY,yFAYxB,CAAC"}
+{"version":3,"file":"sizable.d.ts","sourceRoot":"","sources":["../../../../src/components/common/mixins/sizable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,OAAO,OAAO,gBAAgB;IAK5B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC3C;AAED,eAAO,MAAM,YAAY,yFAYxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"sizable.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/sizable.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAO7C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,UAAa,EACb,EAAE;IACF,MAAM,cAAe,SAAQ,UAAU;QAAvC;;YAMS,SAAI,GAAiC,OAAO,CAAC;QACtD,CAAC;KAAA;IADC;QADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACwB;IAEtD,OAAO,cAAmD,CAAC;AAC7D,CAAC,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Constructor } from './constructor';\n\nexport declare class SizableInterface {\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     * @type {\"small\" | \"medium\" | \"large\"}\n     */\n    @property({ reflect: true })\n    public size: 'small' | 'medium' | 'large' = 'large';\n  }\n  return SizableElement as Constructor<SizableInterface> & T;\n};\n"]}
+{"version":3,"file":"sizable.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/sizable.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW7C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,UAAa,EACb,EAAE;IACF,MAAM,cAAe,SAAQ,UAAU;QAAvC;;YAMS,SAAI,GAAiC,OAAO,CAAC;QACtD,CAAC;KAAA;IADC;QADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACwB;IAEtD,OAAO,cAAmD,CAAC;AAC7D,CAAC,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Constructor } from './constructor';\n\nexport declare class SizableInterface {\n  /**\n   * Determines the size of the component.\n   * @type {\"small\" | \"medium\" | \"large\"}\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     * @type {\"small\" | \"medium\" | \"large\"}\n     */\n    @property({ reflect: true })\n    public size: 'small' | 'medium' | 'large' = 'large';\n  }\n  return SizableElement as Constructor<SizableInterface> & T;\n};\n"]}

package/components/form/form.d.ts

@@ -6,6 +6,7 @@ export interface IgcFormEventMap {
 }
 declare const IgcFormComponent_base: Constructor<import("../common/mixins/event-emitter").EventEmitterInterface<IgcFormEventMap>> & Constructor<LitElement>;
 export default class IgcFormComponent extends IgcFormComponent_base {
+    static tagName: string;
     static styles: import("lit").CSSResult;
     private _controlsWithChecked;
     private _controlsWithValue;

package/components/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,EAAE,WAAW,CAAC;CACvB;;AAcD,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,qBAGjC;IAIX,OAAc,MAAM,0BAIlB;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IACF,OAAO,CAAC,kBAAkB,CAAsC;IAChE,OAAO,CAAC,mBAAmB,CAAqC;IAGb,UAAU,UAAS;;IAU/D,MAAM,IAAI,OAAO;IAYjB,KAAK;IAyBZ,OAAO,CAAC,eAAe;IAkBhB,WAAW;IAgCX,cAAc,IAAI,OAAO;IAShC,OAAO,CAAC,WAAW;IAcnB,SAAS,CAAC,MAAM;CAGjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,EAAE,WAAW,CAAC;CACvB;;AAaD,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,qBAGjC;IAEX,OAAc,OAAO,SAAc;IAKnC,OAAc,MAAM,0BAIlB;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IACF,OAAO,CAAC,kBAAkB,CAAsC;IAChE,OAAO,CAAC,mBAAmB,CAKzB;IAGiD,UAAU,UAAS;;IAU/D,MAAM,IAAI,OAAO;IAYjB,KAAK;IAyBZ,OAAO,CAAC,eAAe;IAkBhB,WAAW;IAgCX,cAAc,IAAI,OAAO;IAShC,OAAO,CAAC,WAAW;IAcnB,SAAS,CAAC,MAAM;CAGjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}

package/components/form/form.js

@@ -5,10 +5,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter';
 import { alternateName } from '../common/decorators';
-let IgcFormComponent = class IgcFormComponent extends EventEmitterMixin(LitElement) {
+export default class IgcFormComponent extends EventEmitterMixin(LitElement) {
     constructor() {
         super();
         this._controlsWithChecked = [
@@ -19,7 +19,12 @@ let IgcFormComponent = class IgcFormComponent extends EventEmitterMixin(LitEleme
             'igc-checkbox',
         ];
         this._controlsWithValue = ['input', 'igc-input', 'textarea'];
-        this._controlsThatSubmit = ['input', 'button', 'igc-button'];
+        this._controlsThatSubmit = [
+            'input',
+            'button',
+            'igc-button',
+            'igc-icon-button',
+        ];
         this.novalidate = false;
         this.addEventListener('click', this.handleClick);
     }
@@ -115,7 +120,8 @@ let IgcFormComponent = class IgcFormComponent extends EventEmitterMixin(LitEleme
     render() {
         return html `<slot></slot>`;
     }
-};
+}
+IgcFormComponent.tagName = 'igc-form';
 IgcFormComponent.styles = css `
     :host {
       display: block;
@@ -130,8 +136,4 @@ __decorate([
 __decorate([
     alternateName('performReset')
 ], IgcFormComponent.prototype, "reset", null);
-IgcFormComponent = __decorate([
-    customElement('igc-form')
-], IgcFormComponent);
-export default IgcFormComponent;
 //# sourceMappingURL=form.js.map

package/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter';\nimport { alternateName } from '../common/decorators';\nimport { Constructor } from '../common/mixins/constructor';\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@customElement('igc-form')\nexport default class IgcFormComponent extends EventEmitterMixin<\n  IgcFormEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  /**\n   * @private\n   */\n  public static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  private _controlsWithChecked = [\n    'input',\n    'radio',\n    'igc-radio',\n    'igc-switch',\n    'igc-checkbox',\n  ];\n  private _controlsWithValue = ['input', 'igc-input', 'textarea'];\n  private _controlsThatSubmit = ['input', 'button', 'igc-button'];\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 (tagName === 'igc-input') {\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  /** Retrieves the data from the form in the format of a FormData object. */\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 render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-form': IgcFormComponent;\n  }\n}\n"]}
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter';\nimport { alternateName } from '../common/decorators';\nimport { Constructor } from '../common/mixins/constructor';\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 */\nexport default class IgcFormComponent extends EventEmitterMixin<\n  IgcFormEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  /** @private */\n  public static tagName = 'igc-form';\n\n  /**\n   * @private\n   */\n  public static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  private _controlsWithChecked = [\n    'input',\n    'radio',\n    'igc-radio',\n    'igc-switch',\n    'igc-checkbox',\n  ];\n  private _controlsWithValue = ['input', 'igc-input', 'textarea'];\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 (tagName === 'igc-input') {\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  /** Retrieves the data from the form in the format of a FormData object. */\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 render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-form': IgcFormComponent;\n  }\n}\n"]}

package/components/icon/icon.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 declare const IgcIconComponent_base: import("../common/mixins/constructor").Constructor<import("../common/mixins/sizable.js").SizableInterface> & typeof LitElement;
 export default class IgcIconComponent extends IgcIconComponent_base {
+    static tagName: string;
     static styles: import("lit").CSSResult;
     private svg;
     private _name;

package/components/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAoBvC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,qBAAwB;IAIpE,OAAc,MAAM,0BAAU;IAErB,OAAO,CAAC,GAAG,CAAM;IAE1B,OAAO,CAAC,KAAK,CAAM;IAEnB,OAAO,CAAC,WAAW,CAAa;IAEhC,IAEW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAOD,IAAW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,UAAU,CAAC,KAAK,EAAE,MAAM,EAKlC;IAQD,IACW,UAAU,IAAI,MAAM,CAE9B;IAMM,QAAQ,UAAS;;IAOjB,iBAAiB;IAMjB,oBAAoB;IAK3B,OAAO,CAAC,UAAU,CAIhB;IAEF,OAAO,CAAC,OAAO;IAQf,SAAS,CAAC,MAAM;cAKA,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,UAAU,SAAY;IAMxB,SAAS,CAAC,oBAAoB,CAC5B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,UAAU,SAAY;CAIzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAoBvC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,qBAAwB;IAEpE,OAAc,OAAO,SAAc;IAKnC,OAAc,MAAM,0BAAU;IAErB,OAAO,CAAC,GAAG,CAAM;IAE1B,OAAO,CAAC,KAAK,CAAM;IAEnB,OAAO,CAAC,WAAW,CAAa;IAEhC,IAEW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAOD,IAAW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,UAAU,CAAC,KAAK,EAAE,MAAM,EAKlC;IAQD,IACW,UAAU,IAAI,MAAM,CAE9B;IAMM,QAAQ,UAAS;;IAOjB,iBAAiB;IAMjB,oBAAoB;IAK3B,OAAO,CAAC,UAAU,CAIhB;IAEF,OAAO,CAAC,OAAO;IAQf,SAAS,CAAC,MAAM;cAKA,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,UAAU,SAAY;IAMxB,SAAS,CAAC,oBAAoB,CAC5B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,UAAU,SAAY;CAIzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}

package/components/icon/icon.js

@@ -68,6 +68,7 @@ let IgcIconComponent = class IgcIconComponent extends SizableMixin(LitElement) {
         registerIconFromText_impl(name, iconText, collection);
     }
 };
+IgcIconComponent.tagName = 'igc-icon';
 IgcIconComponent.styles = styles;
 __decorate([
     state()

package/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { alternateName, blazorInclude } from '../common/decorators';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { styles } from './icon.material.css';\nimport {\n  IconsRegistry,\n  registerIcon as registerIcon_impl,\n  registerIconFromText as registerIconFromText_impl,\n} from './icon.registry.js';\n\n/**\n * Icon component\n *\n * @element igc-icon\n *\n *\n */\n@customElement('igc-icon')\nexport default class IgcIconComponent extends SizableMixin(LitElement) {\n  /**\n   * @private\n   */\n  public static styles = styles;\n\n  @state() private svg = '';\n\n  private _name = '';\n\n  private _collection = 'default';\n\n  @property()\n  @alternateName('iconName')\n  public set name(value: string) {\n    if (this._name !== value) {\n      this._name = value;\n      this.getIcon();\n    }\n  }\n\n  /**\n   * The name of the icon glyph to draw.\n   *\n   * @attr [name=\"\"]\n   */\n  public get name(): string {\n    return this._name;\n  }\n\n  public set collection(value: string) {\n    if (this._collection !== value) {\n      this._collection = value;\n      this.getIcon();\n    }\n  }\n\n  /**\n   * The name of the registered collection for look up of icons.\n   * Defaults to `default`.\n   *\n   * @attr [collection=default]\n   */\n  @property()\n  public get collection(): string {\n    return this._collection;\n  }\n\n  /**\n   * Whether to flip the icon. Useful for RTL layouts.\n   */\n  @property({ type: Boolean, reflect: true })\n  public mirrored = false;\n\n  constructor() {\n    super();\n    this.size = 'medium';\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'img');\n    IconsRegistry.instance().subscribe(this.iconLoaded);\n  }\n\n  public disconnectedCallback() {\n    super.disconnectedCallback();\n    IconsRegistry.instance().unsubscribe(this.iconLoaded);\n  }\n\n  private iconLoaded = (name: string, collection: string) => {\n    if (this.name === name && this.collection === collection) {\n      this.getIcon();\n    }\n  };\n\n  private getIcon() {\n    const svg =\n      this._name && this._collection\n        ? IconsRegistry.instance().getIcon(this._name, this._collection)\n        : '';\n    this.svg = svg ?? '';\n  }\n\n  protected render() {\n    return html` ${unsafeSVG(this.svg)} `;\n  }\n\n  @blazorInclude()\n  protected async registerIcon(\n    name: string,\n    url: string,\n    collection = 'default'\n  ) {\n    await registerIcon_impl(name, url, collection);\n  }\n\n  @blazorInclude()\n  protected registerIconFromText(\n    name: string,\n    iconText: string,\n    collection = 'default'\n  ) {\n    registerIconFromText_impl(name, iconText, collection);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-icon': IgcIconComponent;\n  }\n}\n"]}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EACL,aAAa,EACb,YAAY,IAAI,iBAAiB,EACjC,oBAAoB,IAAI,yBAAyB,GAClD,MAAM,oBAAoB,CAAC;AAU5B,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,YAAY,CAAC,UAAU,CAAC;IAyDpE;QACE,KAAK,EAAE,CAAC;QAjDO,QAAG,GAAG,EAAE,CAAC;QAElB,UAAK,GAAG,EAAE,CAAC;QAEX,gBAAW,GAAG,SAAS,CAAC;QA0CzB,aAAQ,GAAG,KAAK,CAAC;QAkBhB,eAAU,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAE,EAAE;YACxD,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,UAAU,EAAE;gBACxD,IAAI,CAAC,OAAO,EAAE,CAAC;aAChB;QACH,CAAC,CAAC;QAlBA,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IA3CD,IAAW,IAAI,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;IACH,CAAC;IAOD,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAW,UAAU,CAAC,KAAa;QACjC,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;YAC9B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;IACH,CAAC;IASD,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAaM,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACjC,aAAa,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC;IAEM,oBAAoB;QACzB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,aAAa,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACxD,CAAC;IAQO,OAAO;QACb,MAAM,GAAG,GACP,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW;YAC5B,CAAC,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YAChE,CAAC,CAAC,EAAE,CAAC;QACT,IAAI,CAAC,GAAG,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,EAAE,CAAC;IACvB,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;IACxC,CAAC;IAGS,KAAK,CAAC,YAAY,CAC1B,IAAY,EACZ,GAAW,EACX,UAAU,GAAG,SAAS;QAEtB,MAAM,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;IACjD,CAAC;IAGS,oBAAoB,CAC5B,IAAY,EACZ,QAAgB,EAChB,UAAU,GAAG,SAAS;QAEtB,yBAAyB,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC;CACF,CAAA;AA1Ge,wBAAO,GAAG,UAAW,CAAA;AAKrB,uBAAM,GAAG,MAAO,CAAA;AAErB;IAAR,KAAK,EAAE;6CAAkB;AAQ1B;IAFC,QAAQ,EAAE;IACV,aAAa,CAAC,UAAU,CAAC;4CAMzB;AAyBD;IADC,QAAQ,EAAE;kDAGV;AAMD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAqCxB;IADC,aAAa,EAAE;oDAOf;AAGD;IADC,aAAa,EAAE;4DAOf;AA3GkB,gBAAgB;IADpC,aAAa,CAAC,UAAU,CAAC;GACL,gBAAgB,CA4GpC;eA5GoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { alternateName, blazorInclude } from '../common/decorators';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { styles } from './icon.material.css';\nimport {\n  IconsRegistry,\n  registerIcon as registerIcon_impl,\n  registerIconFromText as registerIconFromText_impl,\n} from './icon.registry.js';\n\n/**\n * Icon component\n *\n * @element igc-icon\n *\n *\n */\n@customElement('igc-icon')\nexport default class IgcIconComponent extends SizableMixin(LitElement) {\n  /** @private */\n  public static tagName = 'igc-icon';\n\n  /**\n   * @private\n   */\n  public static styles = styles;\n\n  @state() private svg = '';\n\n  private _name = '';\n\n  private _collection = 'default';\n\n  @property()\n  @alternateName('iconName')\n  public set name(value: string) {\n    if (this._name !== value) {\n      this._name = value;\n      this.getIcon();\n    }\n  }\n\n  /**\n   * The name of the icon glyph to draw.\n   *\n   * @attr [name=\"\"]\n   */\n  public get name(): string {\n    return this._name;\n  }\n\n  public set collection(value: string) {\n    if (this._collection !== value) {\n      this._collection = value;\n      this.getIcon();\n    }\n  }\n\n  /**\n   * The name of the registered collection for look up of icons.\n   * Defaults to `default`.\n   *\n   * @attr [collection=default]\n   */\n  @property()\n  public get collection(): string {\n    return this._collection;\n  }\n\n  /**\n   * Whether to flip the icon. Useful for RTL layouts.\n   */\n  @property({ type: Boolean, reflect: true })\n  public mirrored = false;\n\n  constructor() {\n    super();\n    this.size = 'medium';\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'img');\n    IconsRegistry.instance().subscribe(this.iconLoaded);\n  }\n\n  public disconnectedCallback() {\n    super.disconnectedCallback();\n    IconsRegistry.instance().unsubscribe(this.iconLoaded);\n  }\n\n  private iconLoaded = (name: string, collection: string) => {\n    if (this.name === name && this.collection === collection) {\n      this.getIcon();\n    }\n  };\n\n  private getIcon() {\n    const svg =\n      this._name && this._collection\n        ? IconsRegistry.instance().getIcon(this._name, this._collection)\n        : '';\n    this.svg = svg ?? '';\n  }\n\n  protected render() {\n    return html` ${unsafeSVG(this.svg)} `;\n  }\n\n  @blazorInclude()\n  protected async registerIcon(\n    name: string,\n    url: string,\n    collection = 'default'\n  ) {\n    await registerIcon_impl(name, url, collection);\n  }\n\n  @blazorInclude()\n  protected registerIconFromText(\n    name: string,\n    iconText: string,\n    collection = 'default'\n  ) {\n    registerIconFromText_impl(name, iconText, collection);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-icon': IgcIconComponent;\n  }\n}\n"]}

package/components/input/input.d.ts

@@ -9,6 +9,7 @@ export interface IgcInputEventMap {
 }
 declare const IgcInputComponent_base: Constructor<import("../common/mixins/sizable").SizableInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcInputEventMap>> & Constructor<LitElement>;
 export default class IgcInputComponent extends IgcInputComponent_base {
+    static tagName: string;
     static styles: import("lit").CSSResult;
     protected static shadowRootOptions: {
         delegatesFocus: boolean;
@@ -43,6 +44,7 @@ export default class IgcInputComponent extends IgcInputComponent_base {
     step: number;
     autofocus: boolean;
     autocomplete: string;
+    constructor();
     connectedCallback(): void;
     reportValidity(): boolean;
     setCustomValidity(message: string): void;

package/components/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"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"}

package/components/input/input.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement } from 'lit';
-import { customElement, property, query, queryAssignedNodes, state, } from 'lit/decorators.js';
+import { property, query, queryAssignedNodes, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 import { styles } from './input.material.css';
@@ -14,9 +14,9 @@ import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { partNameMap } from '../common/util';
 import { SizableMixin } from '../common/mixins/sizable';
 let nextId = 0;
-let IgcInputComponent = class IgcInputComponent extends SizableMixin(EventEmitterMixin(LitElement)) {
+export default class IgcInputComponent extends SizableMixin(EventEmitterMixin(LitElement)) {
     constructor() {
-        super(...arguments);
+        super();
         this.inputId = `input-${nextId++}`;
         this.labelId = `input-label-${this.inputId}`;
         this.dir = 'auto';
@@ -27,6 +27,7 @@ let IgcInputComponent = class IgcInputComponent extends SizableMixin(EventEmitte
         this.required = false;
         this.disabled = false;
         this.readonly = false;
+        this.size = 'medium';
     }
     connectedCallback() {
         var _a, _b;
@@ -181,7 +182,8 @@ let IgcInputComponent = class IgcInputComponent extends SizableMixin(EventEmitte
             ? this.renderMaterial()
             : this.renderStandard()}`;
     }
-};
+}
+IgcInputComponent.tagName = 'igc-input';
 IgcInputComponent.styles = styles;
 IgcInputComponent.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
@@ -276,8 +278,4 @@ __decorate([
 __decorate([
     watch('value', { waitUntilFirstUpdate: true })
 ], IgcInputComponent.prototype, "handleValueChange", null);
-IgcInputComponent = __decorate([
-    customElement('igc-input')
-], IgcInputComponent);
-export default IgcInputComponent;
 //# sourceMappingURL=input.js.map