igniteui-webcomponents 6.3.0-beta.0 → 6.3.0

package/components/input/input.js

@@ -15,7 +15,7 @@ import { bindIf, isEmpty } from '../common/util.js';
 import IgcValidationContainerComponent from '../validation-container/validation-container.js';
 import { IgcInputBaseComponent } from './input-base.js';
 import { numberValidators, stringValidators } from './validators.js';
-class IgcInputComponent extends IgcInputBaseComponent {
+export default class IgcInputComponent extends IgcInputBaseComponent {
     constructor() {
         super(...arguments);
         this._formValue = createFormValueState(this, {
@@ -24,6 +24,7 @@ class IgcInputComponent extends IgcInputBaseComponent {
         this.type = 'text';
         this.validateOnly = false;
     }
+    static { this.tagName = 'igc-input'; }
     static register() {
         registerComponent(IgcInputComponent, IgcValidationContainerComponent);
     }
@@ -135,8 +136,6 @@ class IgcInputComponent extends IgcInputBaseComponent {
     `;
     }
 }
-IgcInputComponent.tagName = 'igc-input';
-export default IgcInputComponent;
 __decorate([
     property()
 ], IgcInputComponent.prototype, "value", null);

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 } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf, isEmpty } from '../common/util.js';\nimport type { InputType, RangeTextSelectMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { IgcInputBaseComponent } from './input-base.js';\nimport { numberValidators, stringValidators } from './validators.js';\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 * @slot value-missing - Renders content when the required validation fails.\n * @slot type-mismatch - Renders content when the a type url/email input pattern validation fails.\n * @slot pattern-mismatch - Renders content when the pattern validation fails.\n * @slot too-long - Renders content when the maxlength validation fails.\n * @slot too-short - Renders content when the minlength validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot step-mismatch - Renders content when the step validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\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 IgcInputBaseComponent {\n  public static readonly tagName = 'igc-input';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcInputComponent, IgcValidationContainerComponent);\n  }\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: '',\n  });\n\n  protected override get __validators() {\n    return this.type !== 'number' ? stringValidators : numberValidators;\n  }\n\n  private _min?: number;\n  private _max?: number;\n  private _minLength?: number;\n  private _maxLength?: number;\n  private _pattern?: string;\n  private _step?: number;\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    this._formValue.setValueAndFormState(value);\n  }\n\n  public get value(): string {\n    return this._formValue.value;\n  }\n\n  /* alternateName: displayType */\n  /**\n   * The type attribute of the control.\n   * @attr\n   */\n  @property({ reflect: true })\n  public type: InputType = 'text';\n\n  /**\n   * The input mode attribute of the control.\n   * See [relevant MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n   * @attr inputmode\n   */\n  @property({ attribute: 'inputmode' })\n  public override inputMode!: string;\n\n  /**\n   * The pattern attribute of the control.\n   * @attr\n   */\n  @property()\n  public set pattern(value: string | undefined) {\n    this._pattern = value;\n    this._validate();\n  }\n\n  public get pattern(): string | undefined {\n    return this._pattern;\n  }\n\n  /**\n   * The minimum string length required by the control.\n   * @attr minlength\n   */\n  @property({ type: Number, attribute: 'minlength' })\n  public set minLength(value: number | undefined) {\n    this._minLength = value;\n    this._validate();\n  }\n\n  public get minLength(): number | undefined {\n    return this._minLength;\n  }\n\n  /**\n   * The maximum string length of the control.\n   * @attr maxlength\n   */\n  @property({ type: Number, attribute: 'maxlength' })\n  public set maxLength(value: number | undefined) {\n    this._maxLength = value;\n    this._validate();\n  }\n\n  public get maxLength(): number | undefined {\n    return this._maxLength;\n  }\n\n  /**\n   * The min attribute of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public set min(value: number | undefined) {\n    this._min = value;\n    this._validate();\n  }\n\n  public get min(): number | undefined {\n    return this._min;\n  }\n\n  /**\n   * The max attribute of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public set max(value: number | undefined) {\n    this._max = value;\n    this._validate();\n  }\n\n  public get max(): number | undefined {\n    return this._max;\n  }\n\n  /**\n   * The step attribute of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public set step(value: number | undefined) {\n    this._step = value;\n    this._validate();\n  }\n\n  public get step(): number | undefined {\n    return this._step;\n  }\n\n  /**\n   * The autofocus attribute of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * The autocomplete attribute of the control.\n   * @attr\n   */\n  @property()\n  public autocomplete!: string;\n\n  /**\n   * Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property for\n   * string-type inputs or allows spin buttons to exceed the predefined `min/max` limits for number-type inputs.\n   *\n   * @attr validate-only\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'validate-only' })\n  public validateOnly = false;\n\n  /* blazorSuppress */\n  /** Replaces the selected text in the input. */\n  public override setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    selectMode: RangeTextSelectMode = 'preserve'\n  ) {\n    super.setRangeText(replacement, start, end, selectMode);\n    this.value = this.input.value;\n  }\n\n  /** Selects all text within the input. */\n  public select() {\n    return this.input.select();\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.value = this.input.value;\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.value = this.input.value;\n  }\n\n  private handleInput() {\n    this._setTouchedState();\n    this.value = this.input.value;\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  private handleChange() {\n    this._setTouchedState();\n    this.value = this.input.value;\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected renderInput() {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n    const hasHelperText = !isEmpty(this._helperText);\n\n    return html`\n      <input\n        id=${this.inputId}\n        part=${partMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        type=${ifDefined(this.type)}\n        pattern=${ifDefined(this.pattern)}\n        placeholder=${ifDefined(this.placeholder)}\n        .value=${live(this.value)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?autofocus=${this.autofocus}\n        tabindex=${bindIf(hasNegativeTabIndex, -1)}\n        autocomplete=${ifDefined(this.autocomplete as any)}\n        inputmode=${ifDefined(this.inputMode)}\n        min=${bindIf(!this.validateOnly, this.min)}\n        max=${bindIf(!this.validateOnly, this.max)}\n        minlength=${ifDefined(this.minLength)}\n        maxlength=${bindIf(!this.validateOnly, this.maxLength)}\n        step=${ifDefined(this.step)}\n        aria-describedby=${bindIf(hasHelperText, 'helper-text')}\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n        @blur=${this._handleBlur}\n      />\n    `;\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 } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf, isEmpty } from '../common/util.js';\nimport type { InputType, RangeTextSelectMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { IgcInputBaseComponent } from './input-base.js';\nimport { numberValidators, stringValidators } from './validators.js';\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 * @slot value-missing - Renders content when the required validation fails.\n * @slot type-mismatch - Renders content when the a type url/email input pattern validation fails.\n * @slot pattern-mismatch - Renders content when the pattern validation fails.\n * @slot too-long - Renders content when the maxlength validation fails.\n * @slot too-short - Renders content when the minlength validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot step-mismatch - Renders content when the step validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\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 IgcInputBaseComponent {\n  public static readonly tagName = 'igc-input';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcInputComponent, IgcValidationContainerComponent);\n  }\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: '',\n  });\n\n  protected override get __validators() {\n    return this.type !== 'number' ? stringValidators : numberValidators;\n  }\n\n  private _min?: number;\n  private _max?: number;\n  private _minLength?: number;\n  private _maxLength?: number;\n  private _pattern?: string;\n  private _step?: number;\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    this._formValue.setValueAndFormState(value);\n  }\n\n  public get value(): string {\n    return this._formValue.value;\n  }\n\n  /* alternateName: displayType */\n  /**\n   * The type attribute of the control.\n   * @attr\n   */\n  @property({ reflect: true })\n  public type: InputType = 'text';\n\n  /**\n   * The input mode attribute of the control.\n   * See [relevant MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n   * @attr inputmode\n   */\n  @property({ attribute: 'inputmode' })\n  public override inputMode!: string;\n\n  /**\n   * The pattern attribute of the control.\n   * @attr\n   */\n  @property()\n  public set pattern(value: string | undefined) {\n    this._pattern = value;\n    this._validate();\n  }\n\n  public get pattern(): string | undefined {\n    return this._pattern;\n  }\n\n  /**\n   * The minimum string length required by the control.\n   * @attr minlength\n   */\n  @property({ type: Number, attribute: 'minlength' })\n  public set minLength(value: number | undefined) {\n    this._minLength = value;\n    this._validate();\n  }\n\n  public get minLength(): number | undefined {\n    return this._minLength;\n  }\n\n  /**\n   * The maximum string length of the control.\n   * @attr maxlength\n   */\n  @property({ type: Number, attribute: 'maxlength' })\n  public set maxLength(value: number | undefined) {\n    this._maxLength = value;\n    this._validate();\n  }\n\n  public get maxLength(): number | undefined {\n    return this._maxLength;\n  }\n\n  /**\n   * The min attribute of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public set min(value: number | undefined) {\n    this._min = value;\n    this._validate();\n  }\n\n  public get min(): number | undefined {\n    return this._min;\n  }\n\n  /**\n   * The max attribute of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public set max(value: number | undefined) {\n    this._max = value;\n    this._validate();\n  }\n\n  public get max(): number | undefined {\n    return this._max;\n  }\n\n  /**\n   * The step attribute of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public set step(value: number | undefined) {\n    this._step = value;\n    this._validate();\n  }\n\n  public get step(): number | undefined {\n    return this._step;\n  }\n\n  /**\n   * The autofocus attribute of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * The autocomplete attribute of the control.\n   * @attr\n   */\n  @property()\n  public autocomplete!: string;\n\n  /**\n   * Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property for\n   * string-type inputs or allows spin buttons to exceed the predefined `min/max` limits for number-type inputs.\n   *\n   * @attr validate-only\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'validate-only' })\n  public validateOnly = false;\n\n  /* blazorSuppress */\n  /** Replaces the selected text in the input. */\n  public override setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    selectMode: RangeTextSelectMode = 'preserve'\n  ) {\n    super.setRangeText(replacement, start, end, selectMode);\n    this.value = this.input.value;\n  }\n\n  /** Selects all text within the input. */\n  public select() {\n    return this.input.select();\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.value = this.input.value;\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.value = this.input.value;\n  }\n\n  private handleInput() {\n    this._setTouchedState();\n    this.value = this.input.value;\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  private handleChange() {\n    this._setTouchedState();\n    this.value = this.input.value;\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected renderInput() {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n    const hasHelperText = !isEmpty(this._helperText);\n\n    return html`\n      <input\n        id=${this.inputId}\n        part=${partMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        type=${ifDefined(this.type)}\n        pattern=${ifDefined(this.pattern)}\n        placeholder=${ifDefined(this.placeholder)}\n        .value=${live(this.value)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?autofocus=${this.autofocus}\n        tabindex=${bindIf(hasNegativeTabIndex, -1)}\n        autocomplete=${ifDefined(this.autocomplete as any)}\n        inputmode=${ifDefined(this.inputMode)}\n        min=${bindIf(!this.validateOnly, this.min)}\n        max=${bindIf(!this.validateOnly, this.max)}\n        minlength=${ifDefined(this.minLength)}\n        maxlength=${bindIf(!this.validateOnly, this.maxLength)}\n        step=${ifDefined(this.step)}\n        aria-describedby=${bindIf(hasHelperText, 'helper-text')}\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n        @blur=${this._handleBlur}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-input': IgcInputComponent;\n  }\n}\n"]}

package/components/input/themes/shared/input.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem));--input-border-color: var(--border-color);--input-height: var(--size);--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}:host [part=prefix]{border-inline-start-width:0}:host [part=suffix]{border-inline-end-width:0}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{border-radius:var(--border-border-radius);font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*="input prefixed"]{border-start-start-radius:0;border-end-start-radius:0}[part*="input suffixed"]{border-start-end-radius:0;border-end-end-radius:0}[part*="input prefixed suffixed"],[part*="input filled prefixed suffixed"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=input]{border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid):focus-within) [part~=input]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=suffix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=prefix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=suffix]),:host([disabled]:not([role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=prefix]),:host([disabled]:not([role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-border-color: var(--border-color);--input-height: var(--size);--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}:host [part=prefix]{border-inline-start-width:0}:host [part=suffix]{border-inline-end-width:0}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);border-radius:var(--border-border-radius);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*="input prefixed"]{border-start-start-radius:0;border-end-start-radius:0}[part*="input suffixed"]{border-start-end-radius:0;border-end-end-radius:0}[part*="input prefixed suffixed"],[part*="input filled prefixed suffixed"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=input]{border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid):focus-within) [part~=input]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=suffix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=prefix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=suffix]),:host([disabled]:not([role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=prefix]),:host([disabled]:not([role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}`;
 //# sourceMappingURL=input.bootstrap.css.js.map

package/components/input/themes/shared/input.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qvOAAqvO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem));--input-border-color: var(--border-color);--input-height: var(--size);--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}:host [part=prefix]{border-inline-start-width:0}:host [part=suffix]{border-inline-end-width:0}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{border-radius:var(--border-border-radius);font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*=\"input prefixed\"]{border-start-start-radius:0;border-end-start-radius:0}[part*=\"input suffixed\"]{border-start-end-radius:0;border-end-end-radius:0}[part*=\"input prefixed suffixed\"],[part*=\"input filled prefixed suffixed\"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=input]{border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid):focus-within) [part~=input]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=suffix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=prefix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=suffix]),:host([disabled]:not([role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=prefix]),:host([disabled]:not([role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}`;\n"]}
+{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+8OAA+8O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-border-color: var(--border-color);--input-height: var(--size);--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}:host [part=prefix]{border-inline-start-width:0}:host [part=suffix]{border-inline-end-width:0}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);border-radius:var(--border-border-radius);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*=\"input prefixed\"]{border-start-start-radius:0;border-end-start-radius:0}[part*=\"input suffixed\"]{border-start-end-radius:0;border-end-end-radius:0}[part*=\"input prefixed suffixed\"],[part*=\"input filled prefixed suffixed\"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=input]{border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid):focus-within) [part~=input]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=suffix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=prefix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=suffix]),:host([disabled]:not([role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=prefix]),:host([disabled]:not([role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}`;\n"]}

package/components/input/themes/shared/input.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem)}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:"";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:not([disabled],[readonly]):hover) [part~=filled] [part~=input],:host(:not([disabled])[readonly][role=combobox]:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([disabled],[readonly]):hover) [part^=container],:host(:not([disabled])[readonly][role=combobox]:hover) [part^=container]{background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{background:var(--box-background-focus);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:not([aria-haspopup=dialog],[role=combobox],[disabled])[readonly]) [part^=container]{border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container],:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container]::after,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not([disabled])[role=combobox]:state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host:host([type=search]) [part=prefix] ::slotted(*),:host:host([type=search]) [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
+export const styles = css `:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem)}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:"";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:not([disabled],[readonly]):hover) [part~=filled] [part~=input],:host(:not([disabled])[readonly][role=combobox]:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([disabled],[readonly]):hover) [part^=container],:host(:not([disabled])[readonly][role=combobox]:hover) [part^=container]{background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{background:var(--box-background-focus);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:not([aria-haspopup=dialog],[role=combobox],[disabled])[readonly]) [part^=container]{border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container],:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container]::after,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not([disabled])[role=combobox]:state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host([type=search]):host [part=prefix] ::slotted(*),:host([type=search]):host [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
 //# sourceMappingURL=input.indigo.css.js.map

package/components/input/themes/shared/input.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,omPAAomP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem)}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:not([disabled],[readonly]):hover) [part~=filled] [part~=input],:host(:not([disabled])[readonly][role=combobox]:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([disabled],[readonly]):hover) [part^=container],:host(:not([disabled])[readonly][role=combobox]:hover) [part^=container]{background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{background:var(--box-background-focus);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:not([aria-haspopup=dialog],[role=combobox],[disabled])[readonly]) [part^=container]{border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container],:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container]::after,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not([disabled])[role=combobox]:state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host:host([type=search]) [part=prefix] ::slotted(*),:host:host([type=search]) [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\n"]}
+{"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,omPAAomP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem)}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:not([disabled],[readonly]):hover) [part~=filled] [part~=input],:host(:not([disabled])[readonly][role=combobox]:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([disabled],[readonly]):hover) [part^=container],:host(:not([disabled])[readonly][role=combobox]:hover) [part^=container]{background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{background:var(--box-background-focus);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:not([aria-haspopup=dialog],[role=combobox],[disabled])[readonly]) [part^=container]{border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container],:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container]::after,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part^=container]::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not([disabled])[role=combobox]:state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host([type=search]):host [part=prefix] ::slotted(*),:host([type=search]):host [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\n"]}

package/components/list/list-header.js

@@ -5,7 +5,9 @@ import { registerComponent } from '../common/definitions/register.js';
 import { styles } from './themes/header.base.css.js';
 import { all } from './themes/header.js';
 import { styles as shared } from './themes/shared/header/list-header.common.css.js';
-class IgcListHeaderComponent extends LitElement {
+export default class IgcListHeaderComponent extends LitElement {
+    static { this.tagName = 'igc-list-header'; }
+    static { this.styles = [styles, shared]; }
     static register() {
         registerComponent(IgcListHeaderComponent);
     }
@@ -20,7 +22,4 @@ class IgcListHeaderComponent extends LitElement {
         return html `<slot></slot>`;
     }
 }
-IgcListHeaderComponent.tagName = 'igc-list-header';
-IgcListHeaderComponent.styles = [styles, shared];
-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,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kDAAkD,CAAC;AASpF,MAAqB,sBAAuB,SAAQ,UAAU;IAKrD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;IAC5C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAER,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SACnC,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AApBsB,8BAAO,GAAG,iBAAiB,CAAC;AAC5B,6BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;eAF9B,sBAAsB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/header.base.css.js';\nimport { all } from './themes/header.js';\nimport { styles as shared } from './themes/shared/header/list-header.common.css.js';\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  public static readonly tagName = 'igc-list-header';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcListHeaderComponent);\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addInternalsController(this, {\n      initialARIA: { role: 'separator' },\n    });\n  }\n\n  protected override 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,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kDAAkD,CAAC;AASpF,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;aACrC,YAAO,GAAG,iBAAiB,CAAC;aAC5B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;IAC5C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAER,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SACnC,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/header.base.css.js';\nimport { all } from './themes/header.js';\nimport { styles as shared } from './themes/shared/header/list-header.common.css.js';\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  public static readonly tagName = 'igc-list-header';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcListHeaderComponent);\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addInternalsController(this, {\n      initialARIA: { role: 'separator' },\n    });\n  }\n\n  protected override 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.js

@@ -12,7 +12,9 @@ import { registerComponent } from '../common/definitions/register.js';
 import { styles } from './themes/item.base.css.js';
 import { all } from './themes/item.js';
 import { styles as shared } from './themes/shared/item/list-item.common.css.js';
-class IgcListItemComponent extends LitElement {
+export default class IgcListItemComponent extends LitElement {
+    static { this.tagName = 'igc-list-item'; }
+    static { this.styles = [styles, shared]; }
     static register() {
         registerComponent(IgcListItemComponent);
     }
@@ -44,9 +46,6 @@ class IgcListItemComponent extends LitElement {
     `;
     }
 }
-IgcListItemComponent.tagName = 'igc-list-item';
-IgcListItemComponent.styles = [styles, shared];
-export default IgcListItemComponent;
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcListItemComponent.prototype, "selected", void 0);

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;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AAqBhF,MAAqB,oBAAqB,SAAQ,UAAU;IAKnD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IAC1C,CAAC;IASD;QACE,KAAK,EAAE,CAAC;QAHH,aAAQ,GAAG,KAAK,CAAC;QAKtB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,UAAU;aACjB;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;;;KAcV,CAAC;IACJ,CAAC;;AA3CsB,4BAAO,GAAG,eAAe,AAAlB,CAAmB;AAC1B,2BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAF9B,oBAAoB;AAchC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACnB","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/item.base.css.js';\nimport { all } from './themes/item.js';\nimport { styles as shared } from './themes/shared/item/list-item.common.css.js';\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  public static readonly tagName = 'igc-list-item';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcListItemComponent);\n  }\n\n  /**\n   * Defines if the list item is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addInternalsController(this, {\n      initialARIA: {\n        role: 'listitem',\n      },\n    });\n  }\n\n  protected override 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;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AAqBhF,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,UAAU;aACnC,YAAO,GAAG,eAAe,AAAlB,CAAmB;aAC1B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IAC1C,CAAC;IASD;QACE,KAAK,EAAE,CAAC;QAHH,aAAQ,GAAG,KAAK,CAAC;QAKtB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,UAAU;aACjB;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;;;KAcV,CAAC;IACJ,CAAC;;AA9BM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACnB","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/item.base.css.js';\nimport { all } from './themes/item.js';\nimport { styles as shared } from './themes/shared/item/list-item.common.css.js';\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  public static readonly tagName = 'igc-list-item';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcListItemComponent);\n  }\n\n  /**\n   * Defines if the list item is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addInternalsController(this, {\n      initialARIA: {\n        role: 'listitem',\n      },\n    });\n  }\n\n  protected override 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.js

@@ -7,7 +7,9 @@ import IgcListItemComponent from './list-item.js';
 import { styles } from './themes/container.base.css.js';
 import { all } from './themes/container.js';
 import { styles as shared } from './themes/shared/container/list.common.css.js';
-class IgcListComponent extends LitElement {
+export default class IgcListComponent extends LitElement {
+    static { this.tagName = 'igc-list'; }
+    static { this.styles = [styles, shared]; }
     static register() {
         registerComponent(IgcListComponent, IgcListItemComponent, IgcListHeaderComponent);
     }
@@ -24,7 +26,4 @@ class IgcListComponent extends LitElement {
         return html `<slot></slot>`;
     }
 }
-IgcListComponent.tagName = 'igc-list';
-IgcListComponent.styles = [styles, shared];
-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;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AAShF,MAAqB,gBAAiB,SAAQ,UAAU;IAK/C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,CACvB,CAAC;IACJ,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAER,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,MAAM;aACb;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA1BsB,wBAAO,GAAG,UAAU,CAAC;AACrB,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;eAF9B,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcListHeaderComponent from './list-header.js';\nimport IgcListItemComponent from './list-item.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/list.common.css.js';\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 LitElement {\n  public static readonly tagName = 'igc-list';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcListComponent,\n      IgcListItemComponent,\n      IgcListHeaderComponent\n    );\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addInternalsController(this, {\n      initialARIA: {\n        role: 'list',\n      },\n    });\n  }\n\n  protected override 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;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AAShF,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,UAAU;aAC/B,YAAO,GAAG,UAAU,CAAC;aACrB,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,CACvB,CAAC;IACJ,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAER,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,MAAM;aACb;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcListHeaderComponent from './list-header.js';\nimport IgcListItemComponent from './list-item.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/list.common.css.js';\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 LitElement {\n  public static readonly tagName = 'igc-list';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcListComponent,\n      IgcListItemComponent,\n      IgcListHeaderComponent\n    );\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addInternalsController(this, {\n      initialARIA: {\n        role: 'list',\n      },\n    });\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list': IgcListComponent;\n  }\n}\n"]}

package/components/list/themes/header.js

@@ -1,39 +1,13 @@
 import { css } from 'lit';
-import { styles as bootstrapDark } from './dark/header/list-header.bootstrap.css.js';
-import { styles as fluentDark } from './dark/header/list-header.fluent.css.js';
-import { styles as indigoDark } from './dark/header/list-header.indigo.css.js';
-import { styles as materialDark } from './dark/header/list-header.material.css.js';
-import { styles as bootstrapLight } from './light/header/list-header.bootstrap.css.js';
-import { styles as fluentLight } from './light/header/list-header.fluent.css.js';
-import { styles as indigoLight } from './light/header/list-header.indigo.css.js';
-import { styles as materialLight } from './light/header/list-header.material.css.js';
 import { styles as indigo } from './shared/header/list-header.indigo.css.js';
 const light = {
-    material: css `
-    ${materialLight}
-  `,
-    bootstrap: css `
-    ${bootstrapLight}
-  `,
-    fluent: css `
-    ${fluentLight}
-  `,
     indigo: css `
-    ${indigo} ${indigoLight}
+    ${indigo}
   `,
 };
 const dark = {
-    material: css `
-    ${materialDark}
-  `,
-    bootstrap: css `
-    ${bootstrapDark}
-  `,
-    fluent: css `
-    ${fluentDark}
-  `,
     indigo: css `
-    ${indigo} ${indigoDark}
+    ${indigo}
   `,
 };
 export const all = { light, dark };

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/list/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAK1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAEnF,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAErF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAE7E,MAAM,KAAK,GAAG;IACZ,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Shared Styles\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/header/list-header.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/header/list-header.fluent.css.js';\nimport { styles as indigoDark } from './dark/header/list-header.indigo.css.js';\nimport { styles as materialDark } from './dark/header/list-header.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/header/list-header.bootstrap.css.js';\nimport { styles as fluentLight } from './light/header/list-header.fluent.css.js';\nimport { styles as indigoLight } from './light/header/list-header.indigo.css.js';\nimport { styles as materialLight } from './light/header/list-header.material.css.js';\n// Shared Styles\nimport { styles as indigo } from './shared/header/list-header.indigo.css.js';\n\nconst light = {\n  material: css`\n    ${materialLight}\n  `,\n  bootstrap: css`\n    ${bootstrapLight}\n  `,\n  fluent: css`\n    ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  material: css`\n    ${materialDark}\n  `,\n  bootstrap: css`\n    ${bootstrapDark}\n  `,\n  fluent: css`\n    ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/list/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAE7E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\nimport { styles as indigo } from './shared/header/list-header.indigo.css.js';\n\nconst light = {\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/list/themes/item.js

@@ -1,41 +1,27 @@
 import { css } from 'lit';
-import { styles as bootstrapDark } from './dark/item/list-item.bootstrap.css.js';
-import { styles as fluentDark } from './dark/item/list-item.fluent.css.js';
-import { styles as indigoDark } from './dark/item/list-item.indigo.css.js';
-import { styles as materialDark } from './dark/item/list-item.material.css.js';
-import { styles as bootstrapLight } from './light/item/list-item.bootstrap.css.js';
-import { styles as fluentLight } from './light/item/list-item.fluent.css.js';
-import { styles as indigoLight } from './light/item/list-item.indigo.css.js';
-import { styles as materialLight } from './light/item/list-item.material.css.js';
 import { styles as bootstrap } from './shared/item/list-item.bootstrap.css.js';
 import { styles as fluent } from './shared/item/list-item.fluent.css.js';
 import { styles as indigo } from './shared/item/list-item.indigo.css.js';
 const light = {
     bootstrap: css `
-    ${bootstrap} ${bootstrapLight}
-  `,
-    material: css `
-    ${materialLight}
+    ${bootstrap}
   `,
     fluent: css `
-    ${fluent} ${fluentLight}
+    ${fluent}
   `,
     indigo: css `
-    ${indigo} ${indigoLight}
+    ${indigo}
   `,
 };
 const dark = {
     bootstrap: css `
-    ${bootstrap} ${bootstrapDark}
-  `,
-    material: css `
-    ${materialDark}
+    ${bootstrap}
   `,
     fluent: css `
-    ${fluent} ${fluentDark}
+    ${fluent}
   `,
     indigo: css `
-    ${indigo} ${indigoDark}
+    ${indigo}
   `,
 };
 export const all = { light, dark };

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEjF,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAEzE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/item/list-item.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/item/list-item.fluent.css.js';\nimport { styles as indigoDark } from './dark/item/list-item.indigo.css.js';\nimport { styles as materialDark } from './dark/item/list-item.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/item/list-item.bootstrap.css.js';\nimport { styles as fluentLight } from './light/item/list-item.fluent.css.js';\nimport { styles as indigoLight } from './light/item/list-item.indigo.css.js';\nimport { styles as materialLight } from './light/item/list-item.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/item/list-item.bootstrap.css.js';\nimport { styles as fluent } from './shared/item/list-item.fluent.css.js';\nimport { styles as indigo } from './shared/item/list-item.indigo.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAEzE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/item/list-item.bootstrap.css.js';\nimport { styles as fluent } from './shared/item/list-item.fluent.css.js';\nimport { styles as indigo } from './shared/item/list-item.indigo.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/mask-input/mask-input.js

@@ -16,7 +16,7 @@ import { isEmpty } from '../common/util.js';
 import IgcValidationContainerComponent from '../validation-container/validation-container.js';
 import { IgcMaskInputBaseComponent, } from './mask-input-base.js';
 import { maskValidators } from './validators.js';
-class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
+export default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
     constructor() {
         super(...arguments);
         this._formValue = createFormValueState(this, {
@@ -27,6 +27,7 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
         });
         this.valueMode = 'raw';
     }
+    static { this.tagName = 'igc-mask-input'; }
     static register() {
         registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);
     }
@@ -147,8 +148,6 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
     `;
     }
 }
-IgcMaskInputComponent.tagName = 'igc-mask-input';
-export default IgcMaskInputComponent;
 __decorate([
     property({ attribute: 'value-mode' })
 ], IgcMaskInputComponent.prototype, "valueMode", void 0);

package/components/mask-input/mask-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { isEmpty } from '../common/util.js';\nimport type { MaskInputValueMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\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 IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n  public static readonly tagName = 'igc-mask-input';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n  }\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: '',\n    transformers: {\n      setFormValue: (value) =>\n        this._isRawMode ? value || null : this.maskedValue || null,\n    },\n  });\n\n  protected get _isRawMode() {\n    return this.valueMode === 'raw';\n  }\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw` will return the clean user input.\n   * - `withFormatting` will return the value with all literals and prompts.\n   * @attr value-mode\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: MaskInputValueMode = 'raw';\n\n  /**\n   * The value of the input.\n   *\n   * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n   * @attr\n   */\n  public get value(): string {\n    const value = this._formValue.value;\n\n    if (this._isRawMode) {\n      return value;\n    }\n    return value ? this.maskedValue : value;\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  @property()\n  public set value(string: string) {\n    const value = string ?? '';\n    this.maskedValue = this.parser.apply(value);\n    this.updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  /**\n   * The mask pattern to apply on the input.\n   * @attr\n   */\n  @property()\n  public get mask(): string {\n    return this._mask;\n  }\n\n  /** The mask pattern to apply on the input. */\n  public set mask(value: string) {\n    this._mask = value;\n    this.parser.mask = value;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\n\n  @watch('prompt')\n  protected promptChange() {\n    this.parser.prompt = this.prompt;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\n\n  protected override _restoreDefaultValue(): void {\n    const value = this.defaultValue as string;\n\n    this.maskedValue = this.parser.apply(value);\n    this.updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  protected async updateInput(string: string, range: MaskRange) {\n    const { value, end } = this.parser.replace(\n      this.maskedValue,\n      string,\n      range.start,\n      range.end\n    );\n\n    this.maskedValue = value;\n    this._formValue.setValueAndFormState(this.parser.parse(value));\n    this.requestUpdate();\n\n    if (range.start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n    await this.updateComplete;\n\n    this.input.setSelectionRange(end, end);\n  }\n\n  protected handleDragEnter() {\n    if (!this.focused && !this._formValue.value) {\n      this.maskedValue = this.emptyMask;\n    }\n  }\n\n  protected handleDragLeave() {\n    if (!this.focused) {\n      this.updateMaskedValue();\n    }\n  }\n\n  protected async handleFocus() {\n    this.focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    if (!this._formValue.value) {\n      // In case of empty value, select the whole mask\n      this.maskedValue = this.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected override _handleBlur() {\n    this.focused = false;\n    this.updateMaskedValue();\n    super._handleBlur();\n  }\n\n  protected handleChange() {\n    this._setTouchedState();\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected updateMaskedValue() {\n    if (this.maskedValue === this.emptyMask) {\n      this.maskedValue = '';\n    }\n  }\n\n  protected override _updateSetRangeTextValue() {\n    this.value = this.parser.parse(this.maskedValue);\n  }\n\n  protected override renderInput() {\n    return html`\n      <input\n        type=\"text\"\n        part=${partMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this.maskedValue)}\n        .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        @dragenter=${this.handleDragEnter}\n        @dragleave=${this.handleDragLeave}\n        @dragstart=${this.handleDragStart}\n        @blur=${this._handleBlur}\n        @focus=${this.handleFocus}\n        @cut=${this.handleCut}\n        @change=${this.handleChange}\n        @click=${this.handleClick}\n        @compositionstart=${this.handleCompositionStart}\n        @compositionend=${this.handleCompositionEnd}\n        @input=${this.handleInput}\n        aria-describedby=${ifDefined(\n          isEmpty(this._helperText) ? nothing : 'helper-text'\n        )}\n        @keydown=${this.handleKeydown}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-mask-input': IgcMaskInputComponent;\n  }\n}\n"]}
+{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { isEmpty } from '../common/util.js';\nimport type { MaskInputValueMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\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 IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n  public static readonly tagName = 'igc-mask-input';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n  }\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: '',\n    transformers: {\n      setFormValue: (value) =>\n        this._isRawMode ? value || null : this.maskedValue || null,\n    },\n  });\n\n  protected get _isRawMode() {\n    return this.valueMode === 'raw';\n  }\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw` will return the clean user input.\n   * - `withFormatting` will return the value with all literals and prompts.\n   * @attr value-mode\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: MaskInputValueMode = 'raw';\n\n  /**\n   * The value of the input.\n   *\n   * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n   * @attr\n   */\n  public get value(): string {\n    const value = this._formValue.value;\n\n    if (this._isRawMode) {\n      return value;\n    }\n    return value ? this.maskedValue : value;\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  @property()\n  public set value(string: string) {\n    const value = string ?? '';\n    this.maskedValue = this.parser.apply(value);\n    this.updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  /**\n   * The mask pattern to apply on the input.\n   * @attr\n   */\n  @property()\n  public get mask(): string {\n    return this._mask;\n  }\n\n  /** The mask pattern to apply on the input. */\n  public set mask(value: string) {\n    this._mask = value;\n    this.parser.mask = value;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\n\n  @watch('prompt')\n  protected promptChange() {\n    this.parser.prompt = this.prompt;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\n\n  protected override _restoreDefaultValue(): void {\n    const value = this.defaultValue as string;\n\n    this.maskedValue = this.parser.apply(value);\n    this.updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  protected async updateInput(string: string, range: MaskRange) {\n    const { value, end } = this.parser.replace(\n      this.maskedValue,\n      string,\n      range.start,\n      range.end\n    );\n\n    this.maskedValue = value;\n    this._formValue.setValueAndFormState(this.parser.parse(value));\n    this.requestUpdate();\n\n    if (range.start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n    await this.updateComplete;\n\n    this.input.setSelectionRange(end, end);\n  }\n\n  protected handleDragEnter() {\n    if (!this.focused && !this._formValue.value) {\n      this.maskedValue = this.emptyMask;\n    }\n  }\n\n  protected handleDragLeave() {\n    if (!this.focused) {\n      this.updateMaskedValue();\n    }\n  }\n\n  protected async handleFocus() {\n    this.focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    if (!this._formValue.value) {\n      // In case of empty value, select the whole mask\n      this.maskedValue = this.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected override _handleBlur() {\n    this.focused = false;\n    this.updateMaskedValue();\n    super._handleBlur();\n  }\n\n  protected handleChange() {\n    this._setTouchedState();\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected updateMaskedValue() {\n    if (this.maskedValue === this.emptyMask) {\n      this.maskedValue = '';\n    }\n  }\n\n  protected override _updateSetRangeTextValue() {\n    this.value = this.parser.parse(this.maskedValue);\n  }\n\n  protected override renderInput() {\n    return html`\n      <input\n        type=\"text\"\n        part=${partMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this.maskedValue)}\n        .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        @dragenter=${this.handleDragEnter}\n        @dragleave=${this.handleDragLeave}\n        @dragstart=${this.handleDragStart}\n        @blur=${this._handleBlur}\n        @focus=${this.handleFocus}\n        @cut=${this.handleCut}\n        @change=${this.handleChange}\n        @click=${this.handleClick}\n        @compositionstart=${this.handleCompositionStart}\n        @compositionend=${this.handleCompositionEnd}\n        @input=${this.handleInput}\n        aria-describedby=${ifDefined(\n          isEmpty(this._helperText) ? nothing : 'helper-text'\n        )}\n        @keydown=${this.handleKeydown}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-mask-input': IgcMaskInputComponent;\n  }\n}\n"]}

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

@@ -4,7 +4,9 @@ import { registerComponent } from '../common/definitions/register.js';
 import { styles } from './themes/header-item.base.css.js';
 import { all } from './themes/header-item.js';
 import { styles as shared } from './themes/shared/header-item/header-item.common.css.js';
-class IgcNavDrawerHeaderItemComponent extends LitElement {
+export default class IgcNavDrawerHeaderItemComponent extends LitElement {
+    static { this.tagName = 'igc-nav-drawer-header-item'; }
+    static { this.styles = [styles, shared]; }
     static register() {
         registerComponent(IgcNavDrawerHeaderItemComponent);
     }
@@ -16,7 +18,4 @@ class IgcNavDrawerHeaderItemComponent extends LitElement {
         return html `<slot></slot>`;
     }
 }
-IgcNavDrawerHeaderItemComponent.tagName = 'igc-nav-drawer-header-item';
-IgcNavDrawerHeaderItemComponent.styles = [styles, shared];
-export default IgcNavDrawerHeaderItemComponent;
 //# sourceMappingURL=nav-drawer-header-item.js.map