igniteui-webcomponents 1.0.0-beta.1 → 1.0.0

package/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport {\n  customElement,\n  property,\n  query,\n  queryAssignedNodes,\n  state,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { styles } from './input.material.css';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { alternateName, watch, blazorTwoWayBind } from '../common/decorators';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partNameMap } from '../common/util';\nimport { SizableMixin } from '../common/mixins/sizable';\n\nlet nextId = 0;\n\ntype Direction = 'ltr' | 'rtl' | 'auto';\n\nexport interface IgcInputEventMap {\n  /* alternateName: inputOcurred */\n  igcInput: CustomEvent<string>;\n  igcChange: CustomEvent<string>;\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\n/**\n * @element igc-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n *\n * @fires igcInput - Emitted when the control input receives user input.\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 container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\n@customElement('igc-input')\nexport default class IgcInputComponent extends SizableMixin(\n  EventEmitterMixin<IgcInputEventMap, Constructor<LitElement>>(LitElement)\n) {\n  /** @private */\n  public static styles = styles;\n\n  /** @private */\n  protected static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  private inputId = `input-${nextId++}`;\n  private labelId = `input-label-${this.inputId}`;\n\n  @state()\n  private _prefixLength!: number;\n\n  @state()\n  private _suffixLength!: number;\n\n  @state()\n  private theme!: string | undefined;\n\n  @query('input', true)\n  private input!: HTMLInputElement;\n\n  @queryAssignedNodes('prefix', true)\n  private _prefix!: NodeListOf<HTMLElement>;\n\n  @queryAssignedNodes('suffix', true)\n  private _suffix!: NodeListOf<HTMLElement>;\n\n  /** The direction attribute of the control. */\n  @property({ reflect: true })\n  public dir: Direction = 'auto';\n\n  /** The type attribute of the control. */\n  @alternateName('displayType')\n  @property({ reflect: true })\n  public type:\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'url' = 'text';\n\n  /** The input mode attribute of the control. */\n  @property()\n  public inputmode!:\n    | 'none'\n    | 'txt'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url';\n\n  /** The name attribute of the control. */\n  @property()\n  public name!: string;\n\n  /** The value attribute of the control. */\n  @property()\n  @blazorTwoWayBind('igcChange', 'detail')\n  public value = '';\n\n  /** The pattern attribute of the control. */\n  @property({ type: String })\n  public pattern!: string;\n\n  /** The label of the control.\n   * @attr [label=Label]\n   */\n  @property({ type: String })\n  public label!: string;\n\n  /** The placeholder attribute of the control. */\n  @property({ type: String })\n  public placeholder!: string;\n\n  /** Controls the validity of the control. */\n  @property({ reflect: true, type: Boolean })\n  public invalid = false;\n\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /** Makes the control a required field. */\n  @property({ reflect: true, type: Boolean })\n  public required = false;\n\n  /** Makes the control a disabled field. */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /** Makes the control a readonly field. */\n  @property({ reflect: true, type: Boolean })\n  public readonly = false;\n\n  /** The minlength attribute of the control. */\n  @property({ type: Number })\n  public minlength!: number;\n\n  /** The maxlength attribute of the control. */\n  @property({ type: Number })\n  public maxlength!: number;\n\n  /** The min attribute of the control. */\n  @property()\n  public min!: number | string;\n\n  /** The max attribute of the control. */\n  @property()\n  public max!: number | string;\n\n  /** The step attribute of the control. */\n  @property({ type: Number })\n  public step!: number;\n\n  /** The autofocus attribute of the control. */\n  @property({ type: Boolean })\n  public autofocus!: boolean;\n\n  /** The autocomplete attribute of the control. */\n  @property()\n  public autocomplete!: string;\n\n  public connectedCallback() {\n    super.connectedCallback();\n    const theme = document.defaultView\n      ?.getComputedStyle(this)\n      .getPropertyValue('--theme')\n      .trim();\n\n    this.theme = theme;\n\n    this.shadowRoot?.addEventListener('slotchange', (_) => {\n      this._prefixLength = this._prefix.length;\n      this._suffixLength = this._suffix.length;\n    });\n  }\n\n  /** Checks for validity of the control and shows the browser message if it's invalid. */\n  public reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /**\n   * Sets a custom validation message for the control.\n   * As long as `message` is not empty, the control is considered invalid.\n   */\n  public setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.invalid = !this.input.checkValidity();\n  }\n\n  /** Selects all text within the input. */\n  public select() {\n    return this.input.select();\n  }\n\n  /** Sets the text selection range of the input. */\n  public setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: 'backward' | 'forward' | 'none' = 'none'\n  ) {\n    return this.input.setSelectionRange(\n      selectionStart,\n      selectionEnd,\n      selectionDirection\n    );\n  }\n\n  /** Replaces the selected text in the input. */\n  public setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    selectMode: 'select' | 'start' | 'end' | 'preserve' = 'preserve'\n  ) {\n    this.input.setRangeText(replacement, start, end, selectMode);\n\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n      this.emitEvent('igcInput', { detail: this.value });\n      this.emitEvent('igcChange', { detail: this.value });\n    }\n  }\n\n  /** Increments the numeric value of the input by one or more steps. */\n  public stepUp(n?: number) {\n    this.input.stepUp(n);\n    this.handleChange();\n  }\n\n  /** Decrements the numeric value of the input by one or more steps. */\n  public stepDown(n?: number) {\n    this.input.stepDown(n);\n    this.handleChange();\n  }\n\n  /** Sets focus on the control. */\n  @alternateName('focusComponent')\n  public focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the control. */\n  @alternateName('blurComponent')\n  public blur() {\n    this.input.blur();\n  }\n\n  private resolvePartNames(base: string) {\n    return {\n      [base]: true,\n      prefixed: this._prefixLength > 0,\n      suffixed: this._suffixLength > 0,\n    };\n  }\n\n  private handleInvalid() {\n    this.invalid = true;\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  private handleChange() {\n    this.value = this.input.value;\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  private handleFocus() {\n    this.emitEvent('igcFocus');\n  }\n\n  private handleBlur() {\n    this.emitEvent('igcBlur');\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  protected handleValueChange() {\n    this.invalid = !this.input.checkValidity();\n  }\n\n  private renderInput() {\n    return html`\n      <input\n        id=\"${this.inputId}\"\n        part=\"${partNameMap(this.resolvePartNames('input'))}\"\n        name=\"${ifDefined(this.name)}\"\n        type=\"${ifDefined(this.type)}\"\n        pattern=\"${ifDefined(this.pattern)}\"\n        placeholder=\"${this.placeholder ?? ' '}\"\n        .value=\"${live(this.value)}\"\n        ?readonly=\"${this.readonly}\"\n        ?disabled=\"${this.disabled}\"\n        ?required=\"${this.required}\"\n        ?autofocus=\"${this.autofocus}\"\n        autocomplete=\"${ifDefined(this.autocomplete as any)}\"\n        inputmode=\"${ifDefined(this.inputmode)}\"\n        min=\"${ifDefined(this.min)}\"\n        max=\"${ifDefined(this.max)}\"\n        minlength=\"${ifDefined(this.minlength)}\"\n        maxlength=\"${ifDefined(this.maxlength)}\"\n        step=\"${ifDefined(this.step)}\"\n        aria-invalid=\"${this.invalid ? 'true' : 'false'}\"\n        @invalid=\"${this.handleInvalid}\"\n        @change=\"${this.handleChange}\"\n        @input=\"${this.handleInput}\"\n        @focus=\"${this.handleFocus}\"\n        @blur=\"${this.handleBlur}\"\n      />\n    `;\n  }\n\n  private renderLabel() {\n    return this.label\n      ? html`<label id=\"${this.labelId}\" part=\"label\" for=\"${this.inputId}\">\n          ${this.label}\n        </label>`\n      : null;\n  }\n\n  private renderPrefix() {\n    return html`<div part=\"prefix\">\n      <slot name=\"prefix\"></slot>\n    </div>`;\n  }\n\n  private renderSuffix() {\n    return html`<div part=\"suffix\">\n      <slot name=\"suffix\"></slot>\n    </div>`;\n  }\n\n  private renderStandard() {\n    return html`${this.renderLabel()}\n      <div part=\"${partNameMap(this.resolvePartNames('container'))}\">\n        ${this.renderPrefix()} ${this.renderInput()} ${this.renderSuffix()}\n      </div>\n      <div part=\"helper-text\">\n        <slot name=\"helper-text\"></slot>\n      </div>`;\n  }\n\n  private renderMaterial() {\n    return html`\n      <div\n        part=\"${partNameMap({\n          ...this.resolvePartNames('container'),\n          labelled: this.label,\n        })}\"\n      >\n        <div part=\"start\">${this.renderPrefix()}</div>\n        ${this.renderInput()}\n        <div part=\"notch\">${this.renderLabel()}</div>\n        <div part=\"filler\"></div>\n        <div part=\"end\">${this.renderSuffix()}</div>\n      </div>\n      <div part=\"helper-text\">\n        <slot name=\"helper-text\"></slot>\n      </div>\n    `;\n  }\n\n  protected render() {\n    return html`${this.theme === 'material'\n      ? this.renderMaterial()\n      : this.renderStandard()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-input': IgcInputComponent;\n  }\n}\n"]}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, query, queryAssignedNodes, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { styles } from './input.material.css';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { alternateName, watch, blazorTwoWayBind } from '../common/decorators';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partNameMap } from '../common/util';\nimport { SizableMixin } from '../common/mixins/sizable';\n\nlet nextId = 0;\n\ntype Direction = 'ltr' | 'rtl' | 'auto';\n\nexport interface IgcInputEventMap {\n  /* alternateName: inputOcurred */\n  igcInput: CustomEvent<string>;\n  igcChange: CustomEvent<string>;\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\n/**\n * @element igc-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n *\n * @fires igcInput - Emitted when the control input receives user input.\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 container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcInputComponent extends SizableMixin(\n  EventEmitterMixin<IgcInputEventMap, Constructor<LitElement>>(LitElement)\n) {\n  /** @private */\n  public static tagName = 'igc-input';\n\n  /** @private */\n  public static styles = styles;\n\n  /** @private */\n  protected static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  private inputId = `input-${nextId++}`;\n  private labelId = `input-label-${this.inputId}`;\n\n  @state()\n  private _prefixLength!: number;\n\n  @state()\n  private _suffixLength!: number;\n\n  @state()\n  private theme!: string | undefined;\n\n  @query('input', true)\n  private input!: HTMLInputElement;\n\n  @queryAssignedNodes('prefix', true)\n  private _prefix!: NodeListOf<HTMLElement>;\n\n  @queryAssignedNodes('suffix', true)\n  private _suffix!: NodeListOf<HTMLElement>;\n\n  /** The direction attribute of the control. */\n  @property({ reflect: true })\n  public dir: Direction = 'auto';\n\n  /** The type attribute of the control. */\n  @alternateName('displayType')\n  @property({ reflect: true })\n  public type:\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'url' = 'text';\n\n  /** The input mode attribute of the control. */\n  @property()\n  public inputmode!:\n    | 'none'\n    | 'txt'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url';\n\n  /** The name attribute of the control. */\n  @property()\n  public name!: string;\n\n  /** The value attribute of the control. */\n  @property()\n  @blazorTwoWayBind('igcChange', 'detail')\n  public value = '';\n\n  /** The pattern attribute of the control. */\n  @property({ type: String })\n  public pattern!: string;\n\n  /** The label of the control.\n   * @attr [label=Label]\n   */\n  @property({ type: String })\n  public label!: string;\n\n  /** The placeholder attribute of the control. */\n  @property({ type: String })\n  public placeholder!: string;\n\n  /** Controls the validity of the control. */\n  @property({ reflect: true, type: Boolean })\n  public invalid = false;\n\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /** Makes the control a required field. */\n  @property({ reflect: true, type: Boolean })\n  public required = false;\n\n  /** Makes the control a disabled field. */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /** Makes the control a readonly field. */\n  @property({ reflect: true, type: Boolean })\n  public readonly = false;\n\n  /** The minlength attribute of the control. */\n  @property({ type: Number })\n  public minlength!: number;\n\n  /** The maxlength attribute of the control. */\n  @property({ type: Number })\n  public maxlength!: number;\n\n  /** The min attribute of the control. */\n  @property()\n  public min!: number | string;\n\n  /** The max attribute of the control. */\n  @property()\n  public max!: number | string;\n\n  /** The step attribute of the control. */\n  @property({ type: Number })\n  public step!: number;\n\n  /** The autofocus attribute of the control. */\n  @property({ type: Boolean })\n  public autofocus!: boolean;\n\n  /** The autocomplete attribute of the control. */\n  @property()\n  public autocomplete!: string;\n\n  constructor() {\n    super();\n    this.size = 'medium';\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    const theme = document.defaultView\n      ?.getComputedStyle(this)\n      .getPropertyValue('--theme')\n      .trim();\n\n    this.theme = theme;\n\n    this.shadowRoot?.addEventListener('slotchange', (_) => {\n      this._prefixLength = this._prefix.length;\n      this._suffixLength = this._suffix.length;\n    });\n  }\n\n  /** Checks for validity of the control and shows the browser message if it's invalid. */\n  public reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /**\n   * Sets a custom validation message for the control.\n   * As long as `message` is not empty, the control is considered invalid.\n   */\n  public setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.invalid = !this.input.checkValidity();\n  }\n\n  /** Selects all text within the input. */\n  public select() {\n    return this.input.select();\n  }\n\n  /** Sets the text selection range of the input. */\n  public setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: 'backward' | 'forward' | 'none' = 'none'\n  ) {\n    return this.input.setSelectionRange(\n      selectionStart,\n      selectionEnd,\n      selectionDirection\n    );\n  }\n\n  /** Replaces the selected text in the input. */\n  public setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    selectMode: 'select' | 'start' | 'end' | 'preserve' = 'preserve'\n  ) {\n    this.input.setRangeText(replacement, start, end, selectMode);\n\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n      this.emitEvent('igcInput', { detail: this.value });\n      this.emitEvent('igcChange', { detail: this.value });\n    }\n  }\n\n  /** Increments the numeric value of the input by one or more steps. */\n  public stepUp(n?: number) {\n    this.input.stepUp(n);\n    this.handleChange();\n  }\n\n  /** Decrements the numeric value of the input by one or more steps. */\n  public stepDown(n?: number) {\n    this.input.stepDown(n);\n    this.handleChange();\n  }\n\n  /** Sets focus on the control. */\n  @alternateName('focusComponent')\n  public focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the control. */\n  @alternateName('blurComponent')\n  public blur() {\n    this.input.blur();\n  }\n\n  private resolvePartNames(base: string) {\n    return {\n      [base]: true,\n      prefixed: this._prefixLength > 0,\n      suffixed: this._suffixLength > 0,\n    };\n  }\n\n  private handleInvalid() {\n    this.invalid = true;\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  private handleChange() {\n    this.value = this.input.value;\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  private handleFocus() {\n    this.emitEvent('igcFocus');\n  }\n\n  private handleBlur() {\n    this.emitEvent('igcBlur');\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  protected handleValueChange() {\n    this.invalid = !this.input.checkValidity();\n  }\n\n  private renderInput() {\n    return html`\n      <input\n        id=\"${this.inputId}\"\n        part=\"${partNameMap(this.resolvePartNames('input'))}\"\n        name=\"${ifDefined(this.name)}\"\n        type=\"${ifDefined(this.type)}\"\n        pattern=\"${ifDefined(this.pattern)}\"\n        placeholder=\"${this.placeholder ?? ' '}\"\n        .value=\"${live(this.value)}\"\n        ?readonly=\"${this.readonly}\"\n        ?disabled=\"${this.disabled}\"\n        ?required=\"${this.required}\"\n        ?autofocus=\"${this.autofocus}\"\n        autocomplete=\"${ifDefined(this.autocomplete as any)}\"\n        inputmode=\"${ifDefined(this.inputmode)}\"\n        min=\"${ifDefined(this.min)}\"\n        max=\"${ifDefined(this.max)}\"\n        minlength=\"${ifDefined(this.minlength)}\"\n        maxlength=\"${ifDefined(this.maxlength)}\"\n        step=\"${ifDefined(this.step)}\"\n        aria-invalid=\"${this.invalid ? 'true' : 'false'}\"\n        @invalid=\"${this.handleInvalid}\"\n        @change=\"${this.handleChange}\"\n        @input=\"${this.handleInput}\"\n        @focus=\"${this.handleFocus}\"\n        @blur=\"${this.handleBlur}\"\n      />\n    `;\n  }\n\n  private renderLabel() {\n    return this.label\n      ? html`<label id=\"${this.labelId}\" part=\"label\" for=\"${this.inputId}\">\n          ${this.label}\n        </label>`\n      : null;\n  }\n\n  private renderPrefix() {\n    return html`<div part=\"prefix\">\n      <slot name=\"prefix\"></slot>\n    </div>`;\n  }\n\n  private renderSuffix() {\n    return html`<div part=\"suffix\">\n      <slot name=\"suffix\"></slot>\n    </div>`;\n  }\n\n  private renderStandard() {\n    return html`${this.renderLabel()}\n      <div part=\"${partNameMap(this.resolvePartNames('container'))}\">\n        ${this.renderPrefix()} ${this.renderInput()} ${this.renderSuffix()}\n      </div>\n      <div part=\"helper-text\">\n        <slot name=\"helper-text\"></slot>\n      </div>`;\n  }\n\n  private renderMaterial() {\n    return html`\n      <div\n        part=\"${partNameMap({\n          ...this.resolvePartNames('container'),\n          labelled: this.label,\n        })}\"\n      >\n        <div part=\"start\">${this.renderPrefix()}</div>\n        ${this.renderInput()}\n        <div part=\"notch\">${this.renderLabel()}</div>\n        <div part=\"filler\"></div>\n        <div part=\"end\">${this.renderSuffix()}</div>\n      </div>\n      <div part=\"helper-text\">\n        <slot name=\"helper-text\"></slot>\n      </div>\n    `;\n  }\n\n  protected render() {\n    return html`${this.theme === 'material'\n      ? this.renderMaterial()\n      : this.renderStandard()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-input': IgcInputComponent;\n  }\n}\n"]}

package/components/list/list-header.d.ts

@@ -1,7 +1,9 @@
 import { LitElement } from 'lit';
 export default class IgcListHeaderComponent extends LitElement {
+    static tagName: string;
     static styles: import("lit").CSSResult;
     constructor();
+    connectedCallback(): void;
     protected render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/components/list/list-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-header.d.ts","sourceRoot":"","sources":["../../../src/components/list/list-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAYvC,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAE5D,OAAc,MAAM,0BAAU;;IAO9B,SAAS,CAAC,MAAM;CAGjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF"}
+{"version":3,"file":"list-header.d.ts","sourceRoot":"","sources":["../../../src/components/list/list-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAUvC,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAE5D,OAAc,OAAO,SAAqB;IAG1C,OAAc,MAAM,0BAAU;;IAMvB,iBAAiB;IAKxB,SAAS,CAAC,MAAM;CAGjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF"}

package/components/list/list-header.js

@@ -1,24 +1,17 @@
-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 { html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
 import { styles } from './list-header.material.css';
-let IgcListHeaderComponent = class IgcListHeaderComponent extends LitElement {
+export default class IgcListHeaderComponent extends LitElement {
     constructor() {
         super();
+    }
+    connectedCallback() {
+        super.connectedCallback();
         this.setAttribute('role', 'separator');
     }
     render() {
         return html `<slot></slot>`;
     }
-};
+}
+IgcListHeaderComponent.tagName = 'igc-list-header';
 IgcListHeaderComponent.styles = styles;
-IgcListHeaderComponent = __decorate([
-    customElement('igc-list-header')
-], IgcListHeaderComponent);
-export default IgcListHeaderComponent;
 //# sourceMappingURL=list-header.js.map

package/components/list/list-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-header.js","sourceRoot":"","sources":["../../../src/components/list/list-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAUpD,IAAqB,sBAAsB,GAA3C,MAAqB,sBAAuB,SAAQ,UAAU;IAI5D;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACzC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAVe,6BAAM,GAAG,MAAO,CAAA;AAFX,sBAAsB;IAD1C,aAAa,CAAC,iBAAiB,CAAC;GACZ,sBAAsB,CAY1C;eAZoB,sBAAsB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './list-header.material.css';\n\n/**\n * Header list item.\n *\n * @element igc-list-header\n *\n * @slot - Renders header list item's content.\n */\n@customElement('igc-list-header')\nexport default class IgcListHeaderComponent extends LitElement {\n  /** @private */\n  public static styles = styles;\n\n  constructor() {\n    super();\n    this.setAttribute('role', 'separator');\n  }\n\n  protected render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list-header': IgcListHeaderComponent;\n  }\n}\n"]}
+{"version":3,"file":"list-header.js","sourceRoot":"","sources":["../../../src/components/list/list-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AASpD,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAO5D;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAEM,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACzC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAhBa,8BAAO,GAAG,iBAAiB,CAAC;AAG5B,6BAAM,GAAG,MAAM,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './list-header.material.css';\n\n/**\n * Header list item.\n *\n * @element igc-list-header\n *\n * @slot - Renders header list item's content.\n */\nexport default class IgcListHeaderComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-list-header';\n\n  /** @private */\n  public static styles = styles;\n\n  constructor() {\n    super();\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'separator');\n  }\n\n  protected render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list-header': IgcListHeaderComponent;\n  }\n}\n"]}

package/components/list/list-item.d.ts

@@ -1,7 +1,9 @@
 import { LitElement } from 'lit';
 export default class IgcListItemComponent extends LitElement {
+    static tagName: string;
     static styles: import("lit").CSSResult;
     constructor();
+    connectedCallback(): void;
     protected render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/components/list/list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../src/components/list/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAwBvC,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,UAAU;IAE1D,OAAc,MAAM,0BAAU;;IAO9B,SAAS,CAAC,MAAM;CAiBjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,oBAAoB,CAAC;KACvC;CACF"}
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../src/components/list/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAsBvC,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,UAAU;IAE1D,OAAc,OAAO,SAAmB;IAGxC,OAAc,MAAM,0BAAU;;IAMvB,iBAAiB;IAKxB,SAAS,CAAC,MAAM;CAiBjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,oBAAoB,CAAC;KACvC;CACF"}

package/components/list/list-item.js

@@ -1,15 +1,11 @@
-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 { html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
 import { styles } from './list-item.material.css';
-let IgcListItemComponent = class IgcListItemComponent extends LitElement {
+export default class IgcListItemComponent extends LitElement {
     constructor() {
         super();
+    }
+    connectedCallback() {
+        super.connectedCallback();
         this.setAttribute('role', 'listitem');
     }
     render() {
@@ -29,10 +25,7 @@ let IgcListItemComponent = class IgcListItemComponent extends LitElement {
       </section>
     `;
     }
-};
+}
+IgcListItemComponent.tagName = 'igc-list-item';
 IgcListItemComponent.styles = styles;
-IgcListItemComponent = __decorate([
-    customElement('igc-list-item')
-], IgcListItemComponent);
-export default IgcListItemComponent;
 //# sourceMappingURL=list-item.js.map

package/components/list/list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../src/components/list/list-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAsBlD,IAAqB,oBAAoB,GAAzC,MAAqB,oBAAqB,SAAQ,UAAU;IAI1D;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;;;;;;;;;;;;;KAcV,CAAC;IACJ,CAAC;CACF,CAAA;AAxBe,2BAAM,GAAG,MAAO,CAAA;AAFX,oBAAoB;IADxC,aAAa,CAAC,eAAe,CAAC;GACV,oBAAoB,CA0BxC;eA1BoB,oBAAoB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './list-item.material.css';\n\n/**\n * The list-item component is a container\n * intended for row items in the list component.\n *\n * @element igc-list-item\n *\n * @slot - Renders custom content.\n * @slot start - Renders content before all other content.\n * @slot end - Renders content after all other content.\n * @slot title - Renders the title.\n * @slot subtitle - Renders the subtitle.\n *\n * @csspart start - The start container.\n * @csspart end - The end container.\n * @csspart content - The header and custom content container.\n * @csspart header - The title and subtitle container.\n * @csspart title - The title container.\n * @csspart subtitle - The subtitle container.\n */\n@customElement('igc-list-item')\nexport default class IgcListItemComponent extends LitElement {\n  /** @private */\n  public static styles = styles;\n\n  constructor() {\n    super();\n    this.setAttribute('role', 'listitem');\n  }\n\n  protected render() {\n    return html`\n      <section part=\"start\">\n        <slot name=\"start\"></slot>\n      </section>\n      <section part=\"content\">\n        <header part=\"header\">\n          <slot part=\"title\" name=\"title\"></slot>\n          <slot part=\"subtitle\" name=\"subtitle\"></slot>\n        </header>\n        <slot></slot>\n      </section>\n      <section part=\"end\">\n        <slot name=\"end\"></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list-item': IgcListItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../src/components/list/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAqBlD,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,UAAU;IAO1D;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAEM,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;;;;;;;;;;;;;KAcV,CAAC;IACJ,CAAC;;AA9Ba,4BAAO,GAAG,eAAe,CAAC;AAG1B,2BAAM,GAAG,MAAM,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './list-item.material.css';\n\n/**\n * The list-item component is a container\n * intended for row items in the list component.\n *\n * @element igc-list-item\n *\n * @slot - Renders custom content.\n * @slot start - Renders content before all other content.\n * @slot end - Renders content after all other content.\n * @slot title - Renders the title.\n * @slot subtitle - Renders the subtitle.\n *\n * @csspart start - The start container.\n * @csspart end - The end container.\n * @csspart content - The header and custom content container.\n * @csspart header - The title and subtitle container.\n * @csspart title - The title container.\n * @csspart subtitle - The subtitle container.\n */\nexport default class IgcListItemComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-list-item';\n\n  /** @private */\n  public static styles = styles;\n\n  constructor() {\n    super();\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'listitem');\n  }\n\n  protected render() {\n    return html`\n      <section part=\"start\">\n        <slot name=\"start\"></slot>\n      </section>\n      <section part=\"content\">\n        <header part=\"header\">\n          <slot part=\"title\" name=\"title\"></slot>\n          <slot part=\"subtitle\" name=\"subtitle\"></slot>\n        </header>\n        <slot></slot>\n      </section>\n      <section part=\"end\">\n        <slot name=\"end\"></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list-item': IgcListItemComponent;\n  }\n}\n"]}

package/components/list/list.d.ts

@@ -1,8 +1,10 @@
 import { LitElement } from 'lit';
 declare const IgcListComponent_base: import("../common/mixins/constructor").Constructor<import("../common/mixins/sizable").SizableInterface> & typeof LitElement;
 export default class IgcListComponent extends IgcListComponent_base {
+    static tagName: string;
     static styles: import("lit").CSSResult;
     constructor();
+    connectedCallback(): void;
     protected render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/components/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAavC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,qBAAwB;IAEpE,OAAc,MAAM,0BAAU;;IAO9B,SAAS,CAAC,MAAM;CAGjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAWvC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,qBAAwB;IAEpE,OAAc,OAAO,SAAc;IAGnC,OAAc,MAAM,0BAAU;;IAMvB,iBAAiB;IAKxB,SAAS,CAAC,MAAM;CAGjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}

package/components/list/list.js

@@ -1,25 +1,18 @@
-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 { html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
 import { SizableMixin } from '../common/mixins/sizable';
 import { styles } from './list.material.css';
-let IgcListComponent = class IgcListComponent extends SizableMixin(LitElement) {
+export default class IgcListComponent extends SizableMixin(LitElement) {
     constructor() {
         super();
+    }
+    connectedCallback() {
+        super.connectedCallback();
         this.setAttribute('role', 'list');
     }
     render() {
         return html `<slot></slot>`;
     }
-};
+}
+IgcListComponent.tagName = 'igc-list';
 IgcListComponent.styles = styles;
-IgcListComponent = __decorate([
-    customElement('igc-list')
-], IgcListComponent);
-export default IgcListComponent;
 //# sourceMappingURL=list.js.map

package/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAU7C,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,YAAY,CAAC,UAAU,CAAC;IAIpE;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAVe,uBAAM,GAAG,MAAO,CAAA;AAFX,gBAAgB;IADpC,aAAa,CAAC,UAAU,CAAC;GACL,gBAAgB,CAYpC;eAZoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { SizableMixin } from '../common/mixins/sizable';\nimport { styles } from './list.material.css';\n\n/**\n * Displays a collection of data items in a templatable list format.\n *\n * @element igc-list\n *\n * @slot - Renders the list items and list headers inside default slot.\n */\n@customElement('igc-list')\nexport default class IgcListComponent extends SizableMixin(LitElement) {\n  /** @private */\n  public static styles = styles;\n\n  constructor() {\n    super();\n    this.setAttribute('role', 'list');\n  }\n\n  protected render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list': IgcListComponent;\n  }\n}\n"]}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAS7C,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,YAAY,CAAC,UAAU,CAAC;IAOpE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAEM,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAhBa,wBAAO,GAAG,UAAU,CAAC;AAGrB,uBAAM,GAAG,MAAM,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { SizableMixin } from '../common/mixins/sizable';\nimport { styles } from './list.material.css';\n\n/**\n * Displays a collection of data items in a templatable list format.\n *\n * @element igc-list\n *\n * @slot - Renders the list items and list headers inside default slot.\n */\nexport default class IgcListComponent extends SizableMixin(LitElement) {\n  /** @private */\n  public static tagName = 'igc-list';\n\n  /** @private */\n  public static styles = styles;\n\n  constructor() {\n    super();\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'list');\n  }\n\n  protected render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list': IgcListComponent;\n  }\n}\n"]}

package/components/nav-drawer/nav-drawer-header-item.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 export default class IgcNavDrawerHeaderItemComponent extends LitElement {
+    static tagName: string;
     static styles: import("lit").CSSResult[];
     protected render(): import("lit").TemplateResult<1>;
 }

package/components/nav-drawer/nav-drawer-header-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer-header-item.d.ts","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAWvC,MAAM,CAAC,OAAO,OAAO,+BAAgC,SAAQ,UAAU;IAErE,OAAc,MAAM,4BAAY;IAEhC,SAAS,CAAC,MAAM;CAGjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,+BAA+B,CAAC;KAC/D;CACF"}
+{"version":3,"file":"nav-drawer-header-item.d.ts","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AASvC,MAAM,CAAC,OAAO,OAAO,+BAAgC,SAAQ,UAAU;IAErE,OAAc,OAAO,SAAgC;IAGrD,OAAc,MAAM,4BAAY;IAEhC,SAAS,CAAC,MAAM;CAGjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,+BAA+B,CAAC;KAC/D;CACF"}

package/components/nav-drawer/nav-drawer-header-item.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 { html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
 import { styles } from './nav-drawer-header-item.material.css';
-let IgcNavDrawerHeaderItemComponent = class IgcNavDrawerHeaderItemComponent extends LitElement {
+export default class IgcNavDrawerHeaderItemComponent extends LitElement {
     render() {
         return html `<slot></slot>`;
     }
-};
+}
+IgcNavDrawerHeaderItemComponent.tagName = 'igc-nav-drawer-header-item';
 IgcNavDrawerHeaderItemComponent.styles = [styles];
-IgcNavDrawerHeaderItemComponent = __decorate([
-    customElement('igc-nav-drawer-header-item')
-], IgcNavDrawerHeaderItemComponent);
-export default IgcNavDrawerHeaderItemComponent;
 //# sourceMappingURL=nav-drawer-header-item.js.map

package/components/nav-drawer/nav-drawer-header-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer-header-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAS/D,IAAqB,+BAA+B,GAApD,MAAqB,+BAAgC,SAAQ,UAAU;IAI3D,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AALe,sCAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AAFb,+BAA+B;IADnD,aAAa,CAAC,4BAA4B,CAAC;GACvB,+BAA+B,CAOnD;eAPoB,+BAA+B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nav-drawer-header-item.material.css';\n\n/**\n * A wrapper for navigation drawer's header.\n * @element igc-nav-drawer-header-item\n *\n * @slot - Renders the header content\n */\n@customElement('igc-nav-drawer-header-item')\nexport default class IgcNavDrawerHeaderItemComponent 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-nav-drawer-header-item': IgcNavDrawerHeaderItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"nav-drawer-header-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAQ/D,MAAM,CAAC,OAAO,OAAO,+BAAgC,SAAQ,UAAU;IAO3D,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAPa,uCAAO,GAAG,4BAA4B,CAAC;AAGvC,sCAAM,GAAG,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './nav-drawer-header-item.material.css';\n\n/**\n * A wrapper for navigation drawer's header.\n * @element igc-nav-drawer-header-item\n *\n * @slot - Renders the header content\n */\nexport default class IgcNavDrawerHeaderItemComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-nav-drawer-header-item';\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-nav-drawer-header-item': IgcNavDrawerHeaderItemComponent;\n  }\n}\n"]}

package/components/nav-drawer/nav-drawer-item.d.ts

@@ -1,18 +1,16 @@
 import { LitElement } from 'lit';
 export default class IgcNavDrawerItemComponent extends LitElement {
+    static tagName: string;
     static styles: import("lit").CSSResult[];
     disabled: boolean;
     active: boolean;
     private _textLength;
     private _text;
-    protected handleClick(): void;
     connectedCallback(): void;
     protected resolvePartNames(base: string): {
         [x: string]: boolean;
         mini: boolean;
     };
-    protected handleChange(): void;
-    private getDrawerItems;
     protected render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/components/nav-drawer/nav-drawer-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer-item.d.ts","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAyBvC,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;IAE/D,OAAc,MAAM,4BAAY;IAIzB,QAAQ,UAAS;IAIjB,MAAM,UAAS;IAGtB,OAAO,CAAC,WAAW,CAAU;IAG7B,OAAO,CAAC,KAAK,CAA2B;IAExC,SAAS,CAAC,WAAW;IAId,iBAAiB;IAOxB,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM;;;;IAQvC,SAAS,CAAC,YAAY;IAQtB,OAAO,CAAC,cAAc;IAStB,SAAS,CAAC,MAAM;CAiBjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,yBAAyB,CAAC;KAClD;CACF"}
+{"version":3,"file":"nav-drawer-item.d.ts","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAiBvC,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;IAE/D,OAAc,OAAO,SAAyB;IAG9C,OAAc,MAAM,4BAAY;IAIzB,QAAQ,UAAS;IAIjB,MAAM,UAAS;IAGtB,OAAO,CAAC,WAAW,CAAU;IAG7B,OAAO,CAAC,KAAK,CAA2B;IAEjC,iBAAiB;IAOxB,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM;;;;IAOvC,SAAS,CAAC,MAAM;CAYjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,yBAAyB,CAAC;KAClD;CACF"}

package/components/nav-drawer/nav-drawer-item.js

@@ -5,20 +5,15 @@ 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, queryAssignedNodes, state, } from 'lit/decorators.js';
-import { live } from 'lit/directives/live.js';
-import { watch } from '../common/decorators';
+import { property, queryAssignedNodes, state } from 'lit/decorators.js';
 import { partNameMap } from '../common/util';
 import { styles } from './nav-drawer-item.material.css';
-let IgcNavDrawerItemComponent = class IgcNavDrawerItemComponent extends LitElement {
+export default class IgcNavDrawerItemComponent extends LitElement {
     constructor() {
         super(...arguments);
         this.disabled = false;
         this.active = false;
     }
-    handleClick() {
-        this.active = true;
-    }
     connectedCallback() {
         var _a;
         super.connectedCallback();
@@ -32,27 +27,9 @@ let IgcNavDrawerItemComponent = class IgcNavDrawerItemComponent extends LitEleme
             mini: this._textLength < 1,
         };
     }
-    handleChange() {
-        if (this.active) {
-            this.getDrawerItems().forEach((item) => {
-                item.active = false;
-            });
-        }
-    }
-    getDrawerItems() {
-        const drawer = this.closest('igc-nav-drawer');
-        if (!drawer)
-            return [];
-        return Array.from(drawer.querySelectorAll('igc-nav-drawer-item')).filter((item) => item !== this);
-    }
     render() {
         return html `
-      <div
-        part="${partNameMap(this.resolvePartNames('base'))}"
-        .disabled="${this.disabled}"
-        .active="${live(this.active)}"
-        @click="${this.handleClick}"
-      >
+      <div part="${partNameMap(this.resolvePartNames('base'))}">
         <span part="icon">
           <slot name="icon"></slot>
         </span>
@@ -62,7 +39,8 @@ let IgcNavDrawerItemComponent = class IgcNavDrawerItemComponent extends LitEleme
       </div>
     `;
     }
-};
+}
+IgcNavDrawerItemComponent.tagName = 'igc-nav-drawer-item';
 IgcNavDrawerItemComponent.styles = [styles];
 __decorate([
     property({ type: Boolean, reflect: true })
@@ -76,11 +54,4 @@ __decorate([
 __decorate([
     queryAssignedNodes('content', true)
 ], IgcNavDrawerItemComponent.prototype, "_text", void 0);
-__decorate([
-    watch('active', { waitUntilFirstUpdate: true })
-], IgcNavDrawerItemComponent.prototype, "handleChange", null);
-IgcNavDrawerItemComponent = __decorate([
-    customElement('igc-nav-drawer-item')
-], IgcNavDrawerItemComponent);
-export default IgcNavDrawerItemComponent;
 //# sourceMappingURL=nav-drawer-item.js.map

package/components/nav-drawer/nav-drawer-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EACL,aAAa,EACb,QAAQ,EACR,kBAAkB,EAClB,KAAK,GACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAexD,IAAqB,yBAAyB,GAA9C,MAAqB,yBAA0B,SAAQ,UAAU;IAAjE;;QAMS,aAAQ,GAAG,KAAK,CAAC;QAIjB,WAAM,GAAG,KAAK,CAAC;IA6DxB,CAAC;IArDW,WAAW;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;IAEM,iBAAiB;;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAES,gBAAgB,CAAC,IAAY;QACrC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC;SAC3B,CAAC;IACJ,CAAC;IAGS,YAAY;QACpB,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,cAAc,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACtB,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,cAAc;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QAC9C,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,CAAC;QAEvB,OAAO,KAAK,CAAC,IAAI,CACf,MAAM,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAC/C,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IACpC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;gBAEC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;qBACrC,IAAI,CAAC,QAAQ;mBACf,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;kBAClB,IAAI,CAAC,WAAW;;;;;;;;;KAS7B,CAAC;IACJ,CAAC;CACF,CAAA;AArEe,gCAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AAIhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAGtB;IADC,KAAK,EAAE;8DACqB;AAG7B;IADC,kBAAkB,CAAC,SAAS,EAAE,IAAI,CAAC;wDACI;AAqBxC;IADC,KAAK,CAAC,QAAQ,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;6DAO/C;AA3CkB,yBAAyB;IAD7C,aAAa,CAAC,qBAAqB,CAAC;GAChB,yBAAyB,CAuE7C;eAvEoB,yBAAyB","sourcesContent":["import { html, LitElement } from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedNodes,\n  state,\n} from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../common/decorators';\nimport { partNameMap } from '../common/util';\nimport { styles } from './nav-drawer-item.material.css';\n\n/**\n * Represents a navigation drawer item.\n *\n * @element igc-nav-drawer-item\n *\n * @slot content - The content slot for the drawer item.\n * @slot icon - The slot for the icon of the drawer item.\n *\n * @csspart base - The base wrapper of the drawer item.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n */\n@customElement('igc-nav-drawer-item')\nexport default class IgcNavDrawerItemComponent extends LitElement {\n  /** @private */\n  public static styles = [styles];\n\n  /** Determines whether the drawer is disabled. */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** Determines whether the drawer is active. */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  @state()\n  private _textLength!: number;\n\n  @queryAssignedNodes('content', true)\n  private _text!: NodeListOf<HTMLElement>;\n\n  protected handleClick() {\n    this.active = true;\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.shadowRoot?.addEventListener('slotchange', (_) => {\n      this._textLength = this._text.length;\n    });\n  }\n\n  protected resolvePartNames(base: string) {\n    return {\n      [base]: true,\n      mini: this._textLength < 1,\n    };\n  }\n\n  @watch('active', { waitUntilFirstUpdate: true })\n  protected handleChange() {\n    if (this.active) {\n      this.getDrawerItems().forEach((item) => {\n        item.active = false;\n      });\n    }\n  }\n\n  private getDrawerItems() {\n    const drawer = this.closest('igc-nav-drawer');\n    if (!drawer) return [];\n\n    return Array.from<IgcNavDrawerItemComponent>(\n      drawer.querySelectorAll('igc-nav-drawer-item')\n    ).filter((item) => item !== this);\n  }\n\n  protected render() {\n    return html`\n      <div\n        part=\"${partNameMap(this.resolvePartNames('base'))}\"\n        .disabled=\"${this.disabled}\"\n        .active=\"${live(this.active)}\"\n        @click=\"${this.handleClick}\"\n      >\n        <span part=\"icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n        <span part=\"content\">\n          <slot name=\"content\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer-item': IgcNavDrawerItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAcxD,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;IAAjE;;QASS,aAAQ,GAAG,KAAK,CAAC;QAIjB,WAAM,GAAG,KAAK,CAAC;IAkCxB,CAAC;IA1BQ,iBAAiB;;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAES,gBAAgB,CAAC,IAAY;QACrC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC;SAC3B,CAAC;IACJ,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;mBACI,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;;;;;KAQxD,CAAC;IACJ,CAAC;;AA5Ca,iCAAO,GAAG,qBAAqB,CAAC;AAGhC,gCAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAIhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAGtB;IADC,KAAK,EAAE;8DACqB;AAG7B;IADC,kBAAkB,CAAC,SAAS,EAAE,IAAI,CAAC;wDACI","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedNodes, state } from 'lit/decorators.js';\nimport { partNameMap } from '../common/util';\nimport { styles } from './nav-drawer-item.material.css';\n\n/**\n * Represents a navigation drawer item.\n *\n * @element igc-nav-drawer-item\n *\n * @slot content - The content slot for the drawer item.\n * @slot icon - The slot for the icon of the drawer item.\n *\n * @csspart base - The base wrapper of the drawer item.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n */\nexport default class IgcNavDrawerItemComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-nav-drawer-item';\n\n  /** @private */\n  public static styles = [styles];\n\n  /** Determines whether the drawer is disabled. */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** Determines whether the drawer is active. */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  @state()\n  private _textLength!: number;\n\n  @queryAssignedNodes('content', true)\n  private _text!: NodeListOf<HTMLElement>;\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.shadowRoot?.addEventListener('slotchange', (_) => {\n      this._textLength = this._text.length;\n    });\n  }\n\n  protected resolvePartNames(base: string) {\n    return {\n      [base]: true,\n      mini: this._textLength < 1,\n    };\n  }\n\n  protected render() {\n    return html`\n      <div part=\"${partNameMap(this.resolvePartNames('base'))}\">\n        <span part=\"icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n        <span part=\"content\">\n          <slot name=\"content\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer-item': IgcNavDrawerItemComponent;\n  }\n}\n"]}

package/components/nav-drawer/nav-drawer.d.ts

@@ -8,6 +8,7 @@ export interface IgcNavDrawerEventMap {
 }
 declare const IgcNavDrawerComponent_base: Constructor<import("../common/mixins/event-emitter").EventEmitterInterface<IgcNavDrawerEventMap>> & Constructor<LitElement>;
 export default class IgcNavDrawerComponent extends IgcNavDrawerComponent_base {
+    static tagName: string;
     static styles: import("lit").CSSResult[];
     position: 'start' | 'end' | 'top' | 'bottom';
     open: boolean;

package/components/nav-drawer/nav-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAK3D,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7B,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CAC9B;;AAqBD,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,0BAGtC;IAEX,OAAc,MAAM,4BAAY;IAIzB,QAAQ,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAW;IAIvD,IAAI,UAAS;IAGb,IAAI;IAcJ,IAAI;IAcJ,MAAM;IAQb,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,gBAAgB;IAUxB,SAAS,CAAC,MAAM;CAWjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF"}
+{"version":3,"file":"nav-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAK3D,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7B,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CAC9B;;AAoBD,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,0BAGtC;IAEX,OAAc,OAAO,SAAoB;IAGzC,OAAc,MAAM,4BAAY;IAIzB,QAAQ,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAW;IAIvD,IAAI,UAAS;IAGb,IAAI;IAcJ,IAAI;IAcJ,MAAM;IAQb,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,gBAAgB;IAUxB,SAAS,CAAC,MAAM;CAWjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF"}

package/components/nav-drawer/nav-drawer.js

@@ -5,11 +5,11 @@ 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 } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter';
 import { partNameMap } from '../common/util';
 import { styles } from './nav-drawer.material.css';
-let IgcNavDrawerComponent = class IgcNavDrawerComponent extends EventEmitterMixin(LitElement) {
+export default class IgcNavDrawerComponent extends EventEmitterMixin(LitElement) {
     constructor() {
         super(...arguments);
         this.position = 'start';
@@ -86,7 +86,8 @@ let IgcNavDrawerComponent = class IgcNavDrawerComponent extends EventEmitterMixi
       </div>
     </div>`;
     }
-};
+}
+IgcNavDrawerComponent.tagName = 'igc-nav-drawer';
 IgcNavDrawerComponent.styles = [styles];
 __decorate([
     property({ reflect: true })
@@ -94,8 +95,4 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcNavDrawerComponent.prototype, "open", void 0);
-IgcNavDrawerComponent = __decorate([
-    customElement('igc-nav-drawer')
-], IgcNavDrawerComponent);
-export default IgcNavDrawerComponent;
 //# sourceMappingURL=nav-drawer.js.map

package/components/nav-drawer/nav-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { Constructor } from '../common/mixins/constructor';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter';\nimport { partNameMap } from '../common/util';\nimport { styles } from './nav-drawer.material.css';\n\nexport interface IgcNavDrawerEventMap {\n  igcOpening: CustomEvent<any>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<any>;\n  igcClosed: CustomEvent<void>;\n}\n\n/**\n * Represents a side navigation container that provides\n * quick access between views.\n *\n * @element igc-nav-drawer\n *\n * @slot - The default slot for the drawer.\n * @slot mini - The slot for the mini variant of the drawer.\n *\n * @fires igcOpening - Emitted when the navigation drawer is about to open.\n * @fires igcOpened - Emitted when the navigation drawer is opened.\n * @fires igcClosing - Emitted when the navigation drawer is about to close.\n * @fires igcClosed - Emitted when the navigation drawer is closed.\n *\n * @csspart base - The base wrapper of the navigation drawer.\n * @csspart main - The main container.\n * @csspart mini - The mini container.\n */\n@customElement('igc-nav-drawer')\nexport default class IgcNavDrawerComponent extends EventEmitterMixin<\n  IgcNavDrawerEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  /** @private */\n  public static styles = [styles];\n\n  /** The position of the drawer. */\n  @property({ reflect: true })\n  public position: 'start' | 'end' | 'top' | 'bottom' = 'start';\n\n  /** Determines whether the drawer is opened. */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /** Opens the drawer. */\n  public show() {\n    if (this.open) {\n      return;\n    }\n\n    if (!this.handleOpening()) {\n      return;\n    }\n\n    this.open = true;\n    this.emitEvent('igcOpened');\n  }\n\n  /** Closes the drawer. */\n  public hide() {\n    if (!this.open) {\n      return;\n    }\n\n    if (!this.handleClosing()) {\n      return;\n    }\n\n    this.open = false;\n    this.emitEvent('igcClosed');\n  }\n\n  /** Toggles the open state of the drawer. */\n  public toggle() {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  private handleOpening() {\n    const args = {\n      detail: { cancel: false },\n      cancelable: true,\n    };\n    this.emitEvent('igcOpening', args);\n\n    if (args.detail.cancel) {\n      this.open = false;\n      return false;\n    }\n\n    return true;\n  }\n\n  private handleClosing() {\n    const args = {\n      detail: { cancel: false },\n      cancelable: true,\n    };\n    this.emitEvent('igcClosing', args);\n\n    if (args.detail.cancel) {\n      this.open = true;\n      return false;\n    }\n\n    return true;\n  }\n\n  private resolvePartNames(base: string) {\n    const mini = document.querySelector('div[slot=\"mini\"]');\n    const hasChildren = mini !== null && mini.children.length > 0;\n\n    return {\n      [base]: true,\n      hidden: !hasChildren,\n    };\n  }\n\n  protected render() {\n    return html` <div part=\"base\">\n      <div part=\"main\">\n        <slot></slot>\n      </div>\n\n      <div part=\"${partNameMap(this.resolvePartNames('mini'))}\">\n        <slot name=\"mini\"></slot>\n      </div>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer': IgcNavDrawerComponent;\n  }\n}\n"]}
+{"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Constructor } from '../common/mixins/constructor';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter';\nimport { partNameMap } from '../common/util';\nimport { styles } from './nav-drawer.material.css';\n\nexport interface IgcNavDrawerEventMap {\n  igcOpening: CustomEvent<any>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<any>;\n  igcClosed: CustomEvent<void>;\n}\n\n/**\n * Represents a side navigation container that provides\n * quick access between views.\n *\n * @element igc-nav-drawer\n *\n * @slot - The default slot for the drawer.\n * @slot mini - The slot for the mini variant of the drawer.\n *\n * @fires igcOpening - Emitted when the navigation drawer is about to open.\n * @fires igcOpened - Emitted when the navigation drawer is opened.\n * @fires igcClosing - Emitted when the navigation drawer is about to close.\n * @fires igcClosed - Emitted when the navigation drawer is closed.\n *\n * @csspart base - The base wrapper of the navigation drawer.\n * @csspart main - The main container.\n * @csspart mini - The mini container.\n */\nexport default class IgcNavDrawerComponent extends EventEmitterMixin<\n  IgcNavDrawerEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  /** @private */\n  public static tagName = 'igc-nav-drawer';\n\n  /** @private */\n  public static styles = [styles];\n\n  /** The position of the drawer. */\n  @property({ reflect: true })\n  public position: 'start' | 'end' | 'top' | 'bottom' = 'start';\n\n  /** Determines whether the drawer is opened. */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /** Opens the drawer. */\n  public show() {\n    if (this.open) {\n      return;\n    }\n\n    if (!this.handleOpening()) {\n      return;\n    }\n\n    this.open = true;\n    this.emitEvent('igcOpened');\n  }\n\n  /** Closes the drawer. */\n  public hide() {\n    if (!this.open) {\n      return;\n    }\n\n    if (!this.handleClosing()) {\n      return;\n    }\n\n    this.open = false;\n    this.emitEvent('igcClosed');\n  }\n\n  /** Toggles the open state of the drawer. */\n  public toggle() {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  private handleOpening() {\n    const args = {\n      detail: { cancel: false },\n      cancelable: true,\n    };\n    this.emitEvent('igcOpening', args);\n\n    if (args.detail.cancel) {\n      this.open = false;\n      return false;\n    }\n\n    return true;\n  }\n\n  private handleClosing() {\n    const args = {\n      detail: { cancel: false },\n      cancelable: true,\n    };\n    this.emitEvent('igcClosing', args);\n\n    if (args.detail.cancel) {\n      this.open = true;\n      return false;\n    }\n\n    return true;\n  }\n\n  private resolvePartNames(base: string) {\n    const mini = document.querySelector('div[slot=\"mini\"]');\n    const hasChildren = mini !== null && mini.children.length > 0;\n\n    return {\n      [base]: true,\n      hidden: !hasChildren,\n    };\n  }\n\n  protected render() {\n    return html` <div part=\"base\">\n      <div part=\"main\">\n        <slot></slot>\n      </div>\n\n      <div part=\"${partNameMap(this.resolvePartNames('mini'))}\">\n        <slot name=\"mini\"></slot>\n      </div>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer': IgcNavDrawerComponent;\n  }\n}\n"]}

package/components/navbar/navbar.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 export default class IgcNavbarComponent extends LitElement {
+    static tagName: string;
     static styles: import("lit").CSSResult[];
     protected render(): import("lit").TemplateResult<1>;
 }

package/components/navbar/navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAoBvC,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;IAExD,OAAc,MAAM,4BAAY;IAEhC,SAAS,CAAC,MAAM;CAejB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF"}
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAkBvC,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;IAExD,OAAc,OAAO,SAAgB;IAGrC,OAAc,MAAM,4BAAY;IAEhC,SAAS,CAAC,MAAM;CAejB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF"}

package/components/navbar/navbar.js

@@ -1,13 +1,6 @@
-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 { html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
 import { styles } from './navbar.material.css';
-let IgcNavbarComponent = class IgcNavbarComponent extends LitElement {
+export default class IgcNavbarComponent extends LitElement {
     render() {
         return html `
       <div part="base">
@@ -23,10 +16,7 @@ let IgcNavbarComponent = class IgcNavbarComponent extends LitElement {
       </div>
     `;
     }
-};
+}
+IgcNavbarComponent.tagName = 'igc-navbar';
 IgcNavbarComponent.styles = [styles];
-IgcNavbarComponent = __decorate([
-    customElement('igc-navbar')
-], IgcNavbarComponent);
-export default IgcNavbarComponent;
 //# sourceMappingURL=navbar.js.map

package/components/navbar/navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAkB/C,IAAqB,kBAAkB,GAAvC,MAAqB,kBAAmB,SAAQ,UAAU;IAI9C,MAAM;QACd,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC;CACF,CAAA;AAjBe,yBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AAFb,kBAAkB;IADtC,aAAa,CAAC,YAAY,CAAC;GACP,kBAAkB,CAmBtC;eAnBoB,kBAAkB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './navbar.material.css';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\n@customElement('igc-navbar')\nexport default class IgcNavbarComponent extends LitElement {\n  /** @private */\n  public static styles = [styles];\n\n  protected render() {\n    return html`\n      <div part=\"base\">\n        <span part=\"start\">\n          <slot name=\"start\"></slot>\n        </span>\n        <span part=\"middle\">\n          <slot></slot>\n        </span>\n        <span part=\"end\">\n          <slot name=\"end\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-navbar': IgcNavbarComponent;\n  }\n}\n"]}
+{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAiB/C,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;IAO9C,MAAM;QACd,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC;;AAnBa,0BAAO,GAAG,YAAY,CAAC;AAGvB,yBAAM,GAAG,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './navbar.material.css';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\nexport default class IgcNavbarComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-navbar';\n\n  /** @private */\n  public static styles = [styles];\n\n  protected render() {\n    return html`\n      <div part=\"base\">\n        <span part=\"start\">\n          <slot name=\"start\"></slot>\n        </span>\n        <span part=\"middle\">\n          <slot></slot>\n        </span>\n        <span part=\"end\">\n          <slot name=\"end\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-navbar': IgcNavbarComponent;\n  }\n}\n"]}

package/components/navbar/navbar.material.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.material.css.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/navbar.material.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAAilD,CAAC"}
+{"version":3,"file":"navbar.material.css.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/navbar.material.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAA++D,CAAC"}