npm - igniteui-webcomponents - Versions diffs - 7.1.2 → 7.2.0 - Mend

igniteui-webcomponents 7.1.2 → 7.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (187) hide show

package/components/dialog/dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf, numberInRangeInclusive } from '../common/util.js';\nimport { styles } from './themes/dialog.base.css.js';\nimport { styles as shared } from './themes/shared/dialog.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcDialogComponentEventMap {\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n}\n\nlet nextId = 1;\n\n/* blazorAdditionalDependency: IgcButtonComponent /\n/\n Represents a Dialog component.\n \n @element igc-dialog\n \n @fires igcClosing - Emitter just before the dialog is closed. Cancelable.\n * @fires igcClosed - Emitted after closing the dialog.\n \n @slot - Renders content inside the default slot of the dialog.\n * @slot title - Renders content in the title slot of the dialog header.\n * @slot message - Renders the message content of the dialog.\n * @slot footer - Renders content in the dialog footer.\n \n @csspart base - The base wrapper of the dialog.\n * @csspart title - The title container of the dialog.\n * @csspart footer - The footer container of the dialog.\n * @csspart overlay - The backdrop overlay of the dialog.\n /\nexport default class IgcDialogComponent extends EventEmitterMixin<\n IgcDialogComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-dialog';\n public static styles = [styles, shared];\n\n / blazorSuppress /\n public static register(): void {\n registerComponent(IgcDialogComponent, IgcButtonComponent);\n }\n\n //#region Private state and properties\n\n private readonly _titleId = `title-${nextId++}`;\n\n private readonly _slots = addSlotController(this, {\n slots: setSlots('title', 'message', 'footer'),\n });\n\n private readonly _dialogRef = createRef<HTMLDialogElement>();\n private readonly _player = addAnimationController(this, this._dialogRef);\n\n /\n Backdrop animation helper.\n /\n @state()\n private _animating = false;\n\n private get _dialog(): HTMLDialogElement \| undefined {\n return this._dialogRef.value;\n }\n\n //#endregion\n\n //#region Public properties\n\n /\n Whether the dialog should be kept open when pressing the 'Escape' button.\n * @attr keep-open-on-escape\n /\n @property({ type: Boolean, attribute: 'keep-open-on-escape' })\n public keepOpenOnEscape = false;\n\n /\n Whether the dialog should be closed when clicking outside of it.\n * @attr close-on-outside-click\n /\n @property({ type: Boolean, attribute: 'close-on-outside-click' })\n public closeOnOutsideClick = false;\n\n /\n Whether to hide the default action button for the dialog.\n \n When there is projected content in the `footer` slot this property\n * has no effect.\n * @attr hide-default-action\n /\n @property({ type: Boolean, attribute: 'hide-default-action' })\n public hideDefaultAction = false;\n\n /\n Whether the dialog is opened.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /\n Sets the title of the dialog.\n * @attr\n /\n @property()\n public override title!: string;\n\n /* Sets the return value for the dialog. /\n @property({ attribute: false })\n public returnValue!: string;\n\n //#endregion\n\n //#region Internal API\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override firstUpdated(): void {\n if (this.open) {\n this._dialog?.showModal();\n }\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n protected _handleOpenState(): void {\n this.open ? this._dialog?.showModal() : this._dialog?.close();\n }\n\n private _emitClosing(): boolean {\n return this.emitEvent('igcClosing', { cancelable: true });\n }\n\n private async _hide(emitEvent = false): Promise<boolean> {\n if (!this.open \|\| (emitEvent && !this._emitClosing())) {\n return false;\n }\n\n this._animating = true;\n await this._player.playExclusive(fadeOut());\n this.open = false;\n this._animating = false;\n\n if (emitEvent) {\n await this.updateComplete;\n this.emitEvent('igcClosed');\n }\n\n return true;\n }\n\n private _closeWithEvent(): void {\n this._hide(true);\n }\n\n protected _handleFormSubmit(event: SubmitEvent): void {\n const form = event.target as HTMLFormElement;\n\n if (form.method === 'dialog') {\n if (hasSubmitter(event.submitter)) {\n this.returnValue = event.submitter.value ?? '';\n }\n\n if (!event.defaultPrevented) {\n this._closeWithEvent();\n }\n }\n }\n\n private _handleCancel(event: Event): void {\n event.preventDefault();\n\n if (!this.keepOpenOnEscape) {\n this._closeWithEvent();\n }\n }\n\n private _handleClose(): void {\n // When a non-cancelable close event is fired (e.g., from repeated Escape presses),\n // reopen the dialog to prevent the broken state with visible backdrop.\n // Note that this handler is invoked only when `keepOpenOnEscape` is true.\n if (this.open) {\n this._dialog?.showModal();\n }\n }\n\n private _handleClick({ clientX, clientY, target }: PointerEvent): void {\n if (this.closeOnOutsideClick && this._dialog === target) {\n const rect = this._dialog.getBoundingClientRect();\n const inX = numberInRangeInclusive(clientX, rect.left, rect.right);\n const inY = numberInRangeInclusive(clientY, rect.top, rect.bottom);\n\n if (!(inX && inY)) {\n this._closeWithEvent();\n }\n }\n }\n\n //#endregion\n\n //#region Public API\n\n /* Opens the dialog. /\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this._player.playExclusive(fadeIn());\n return true;\n }\n\n /* Closes the dialog. /\n public async hide(): Promise<boolean> {\n return this._hide();\n }\n\n /* Toggles the open state of the dialog. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n\n //#endregion\n\n //#region Render methods\n\n protected _renderBackdrop() {\n return html`\n <div\n aria-hidden=${!this.open}\n part=${partMap({ backdrop: true, animating: this._animating })}\n ></div>\n `;\n }\n\n protected _renderHeader() {\n return html`\n <header part=\"title\" id=${this._titleId}>\n <slot name=\"title\">\n <span>${this.title}</span>\n </slot>\n </header>\n `;\n }\n\n protected _renderContent() {\n const hasMessage = this._slots.hasAssignedElements('message');\n return html`\n <section part=\"content\">\n <slot name=\"message\" ?hidden=${!hasMessage}></slot>\n <slot @submit=${this._handleFormSubmit}></slot>\n </section>\n `;\n }\n\n protected _renderFooter() {\n return html`\n <footer part=\"footer\">\n <slot name=\"footer\">\n ${this.hideDefaultAction\n ? nothing\n : html`\n <igc-button variant=\"flat\" @click=${this._closeWithEvent}>\n OK\n </igc-button>\n `}\n </slot>\n </footer>\n `;\n }\n\n protected override render() {\n const hasTitle = this._slots.hasAssignedElements('title') \|\| !!this.title;\n const hasFooter =\n this._slots.hasAssignedElements('footer') \|\| !this.hideDefaultAction;\n const labelledBy = this.ariaLabel ?? this._titleId;\n\n return html`\n ${this._renderBackdrop()}\n <dialog\n ${ref(this._dialogRef)}\n part=${partMap({ base: true, titled: hasTitle, footed: hasFooter })}\n role=\"dialog\"\n aria-label=${bindIf(this.ariaLabel, this.ariaLabel)}\n aria-labelledby=${bindIf(labelledBy, labelledBy)}\n @click=${this._handleClick}\n @cancel=${this._handleCancel}\n @close=${bindIf(this.keepOpenOnEscape, this._handleClose)}\n >\n ${this._renderHeader()} ${this._renderContent()} ${this._renderFooter()}\n </dialog>\n `;\n }\n\n //#endregion\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-dialog': IgcDialogComponent;\n }\n}\n\nfunction hasSubmitter(\n submitter: SubmitEvent['submitter']\n): submitter is HTMLButtonElement \| HTMLInputElement {\n return submitter != null;\n}\n"]}
1	+ {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { addCommandController } from '../common/controllers/command.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf, numberInRangeInclusive } from '../common/util.js';\nimport { styles } from './themes/dialog.base.css.js';\nimport { styles as shared } from './themes/shared/dialog.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcDialogComponentEventMap {\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n}\n\nlet nextId = 1;\n\n/* blazorAdditionalDependency: IgcButtonComponent /\n/\n A modal dialog component built on the native `<dialog>` element.\n \n The dialog traps focus while open and blocks interaction with the rest\n * of the page (modal semantics). It supports animated open/close\n * transitions, an optional backdrop overlay, and multiple content areas\n * through named slots.\n \n The component integrates with the\n * [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):\n * an Ignite button or a native `<button>` with `command=\"--show\"` / `\"--hide\"` / `\"--toggle\"`\n * and `commandfor` pointing to this element will call the corresponding method\n * declaratively without any JavaScript.\n \n @element igc-dialog\n \n @fires igcClosing - Emitted just before the dialog closes. Cancelable —\n * call `event.preventDefault()` to abort the closing sequence.\n * @fires igcClosed - Emitted after the dialog has fully closed and its\n * exit animation has completed.\n \n @slot - General-purpose content area. Also the target for any\n * `<form method=\"dialog\">` placed inside the dialog.\n * @slot title - Content rendered in the dialog header. Falls back to the\n * `title` attribute when empty.\n * @slot message - A dedicated message/body area rendered above the default\n * slot. Hidden when no content is assigned.\n * @slot footer - Content rendered in the dialog footer. When empty, a\n * default \"OK\" close button is shown (unless `hide-default-action` is set).\n \n @csspart base - The native `<dialog>` element.\n * @csspart title - The `<header>` element wrapping the title slot.\n * @csspart content - The `<section>` element wrapping the message and default slots.\n * @csspart footer - The `<footer>` element wrapping the footer slot.\n * @csspart backdrop - The decorative backdrop overlay element.\n * @csspart animating - Applied to the backdrop while an animation is running.\n /\nexport default class IgcDialogComponent extends EventEmitterMixin<\n IgcDialogComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-dialog';\n public static styles = [styles, shared];\n\n / blazorSuppress /\n public static register(): void {\n registerComponent(IgcDialogComponent, IgcButtonComponent);\n }\n\n //#region Private state and properties\n\n private readonly _titleId = `title-${nextId++}`;\n\n private readonly _slots = addSlotController(this, {\n slots: setSlots('title', 'message', 'footer'),\n });\n\n private readonly _dialogRef = createRef<HTMLDialogElement>();\n private readonly _player = addAnimationController(this, this._dialogRef);\n\n /\n Backdrop animation helper.\n /\n @state()\n private _animating = false;\n\n private get _dialog(): HTMLDialogElement \| undefined {\n return this._dialogRef.value;\n }\n\n //#endregion\n\n //#region Public properties\n\n /\n When set, pressing the `Escape` key will not close the dialog.\n \n By default the browser closes a modal dialog on `Escape`. Enable this\n * option when the dialog guards unsaved work and should require an explicit\n * user action to dismiss.\n * @attr keep-open-on-escape\n * @default false\n /\n @property({ type: Boolean, attribute: 'keep-open-on-escape' })\n public keepOpenOnEscape = false;\n\n /\n When set, clicking on the backdrop area outside the dialog surface\n * will close it (emitting close events).\n \n Has no effect when the dialog is not yet open.\n * @attr close-on-outside-click\n * @default false\n /\n @property({ type: Boolean, attribute: 'close-on-outside-click' })\n public closeOnOutsideClick = false;\n\n /\n When set, the built-in \"OK\" close button in the footer is not rendered.\n \n Has no effect when content is projected into the `footer` slot, since\n * the slot content replaces the default button entirely.\n * @attr hide-default-action\n * @default false\n /\n @property({ type: Boolean, attribute: 'hide-default-action' })\n public hideDefaultAction = false;\n\n /\n Whether the dialog is open.\n \n Setting this property programmatically will open or close the dialog\n * without animation and without emitting close events.\n * Prefer the `show()`, `hide()`, and `toggle()` methods for animated\n * transitions.\n * @attr open\n * @default false\n /\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /\n The title displayed in the dialog header.\n \n Overridden by any content projected into the `title` slot.\n * @attr title\n /\n @property()\n public override title!: string;\n\n /\n The return value of the dialog.\n \n Automatically set to the `value` of the submitter element when a\n * `<form method=\"dialog\">` inside the dialog is submitted. Can also\n * be set programmatically before calling `hide()`.\n /\n @property({ attribute: false })\n public returnValue?: string;\n\n //#endregion\n\n //#region Lifecycle\n\n constructor() {\n super();\n\n addThemingController(this, all);\n addCommandController(this)\n .set('--show', this.show)\n .set('--hide', this.hide)\n .set('--toggle', this.toggle);\n }\n\n protected override updated(properties: PropertyValues<this>): void {\n if (properties.has('open')) {\n this.open ? this._dialog?.showModal() : this._dialog?.close();\n }\n }\n\n //#endregion\n\n //#region Event handlers\n\n protected _handleFormSubmit(event: SubmitEvent): void {\n const form = event.target as HTMLFormElement;\n\n if (form.method === 'dialog') {\n if (hasSubmitter(event.submitter)) {\n this.returnValue = event.submitter.value ?? '';\n }\n\n if (!event.defaultPrevented) {\n this._closeWithEvent();\n }\n }\n }\n\n private _handleCancel(event: Event): void {\n event.preventDefault();\n\n if (!this.keepOpenOnEscape) {\n this._closeWithEvent();\n }\n }\n\n private _handleClose(): void {\n // When a non-cancelable close event is fired (e.g., from repeated Escape presses),\n // reopen the dialog to prevent the broken state with visible backdrop.\n // Note that this handler is invoked only when `keepOpenOnEscape` is true.\n if (this.open) {\n this._dialog?.showModal();\n }\n }\n\n private _handleClick({ clientX, clientY, target }: PointerEvent): void {\n if (this.closeOnOutsideClick && this._dialog === target) {\n const rect = this._dialog.getBoundingClientRect();\n const inX = numberInRangeInclusive(clientX, rect.left, rect.right);\n const inY = numberInRangeInclusive(clientY, rect.top, rect.bottom);\n\n if (!(inX && inY)) {\n this._closeWithEvent();\n }\n }\n }\n\n //#endregion\n\n //#region Internal API\n\n private async _hide(emitEvent = false): Promise<boolean> {\n if (!this.open \|\| (emitEvent && !this._emitClosing())) {\n return false;\n }\n\n this._animating = true;\n await this._player.playExclusive(fadeOut());\n this.open = false;\n this._animating = false;\n\n if (emitEvent) {\n await this.updateComplete;\n this.emitEvent('igcClosed');\n }\n\n return true;\n }\n\n private _emitClosing(): boolean {\n return this.emitEvent('igcClosing', { cancelable: true });\n }\n\n private _closeWithEvent(): void {\n this._hide(true);\n }\n\n //#endregion\n\n //#region Public API\n\n /\n Opens the dialog with an animated fade-in transition.\n \n Returns `true` when the dialog was successfully opened, or `false` if\n * it was already open.\n /\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this._player.playExclusive(fadeIn());\n return true;\n }\n\n /\n Closes the dialog with an animated fade-out transition.\n \n Returns `true` when the dialog was successfully closed, or `false` if\n * it was already closed.\n /\n public async hide(): Promise<boolean> {\n return this._hide();\n }\n\n /\n Toggles the dialog open or closed depending on its current state.\n \n Equivalent to calling `show()` when closed and `hide()` when open.\n * Returns `true` when the transition completed successfully.\n */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n\n //#endregion\n\n //#region Render methods\n\n protected _renderBackdrop() {\n return html`\n <div\n aria-hidden=${!this.open}\n part=${partMap({ backdrop: true, animating: this._animating })}\n ></div>\n `;\n }\n\n protected _renderHeader() {\n return html`\n <header part=\"title\" id=${this._titleId}>\n <slot name=\"title\">\n <span>${this.title}</span>\n </slot>\n </header>\n `;\n }\n\n protected _renderContent() {\n const hasMessage = this._slots.hasAssignedElements('message');\n return html`\n <section part=\"content\">\n <slot name=\"message\" ?hidden=${!hasMessage}></slot>\n <slot @submit=${this._handleFormSubmit}></slot>\n </section>\n `;\n }\n\n protected _renderFooter() {\n return html`\n <footer part=\"footer\">\n <slot name=\"footer\">\n ${this.hideDefaultAction\n ? nothing\n : html`\n <igc-button variant=\"flat\" @click=${this._closeWithEvent}>\n OK\n </igc-button>\n `}\n </slot>\n </footer>\n `;\n }\n\n protected override render() {\n const hasTitle = this._slots.hasAssignedElements('title') \|\| !!this.title;\n const hasFooter =\n this._slots.hasAssignedElements('footer') \|\| !this.hideDefaultAction;\n const labelledBy = this.ariaLabel ?? this._titleId;\n\n return html`\n ${this._renderBackdrop()}\n <dialog\n ${ref(this._dialogRef)}\n part=${partMap({ base: true, titled: hasTitle, footed: hasFooter })}\n role=\"dialog\"\n aria-label=${bindIf(this.ariaLabel, this.ariaLabel)}\n aria-labelledby=${bindIf(labelledBy, labelledBy)}\n @click=${this._handleClick}\n @cancel=${this._handleCancel}\n @close=${bindIf(this.keepOpenOnEscape, this._handleClose)}\n >\n ${this._renderHeader()} ${this._renderContent()} ${this._renderFooter()}\n </dialog>\n `;\n }\n\n //#endregion\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-dialog': IgcDialogComponent;\n }\n}\n\nfunction hasSubmitter(\n submitter: SubmitEvent['submitter']\n): submitter is HTMLButtonElement \| HTMLInputElement {\n return submitter != null;\n}\n"]}

package/components/file-input/file-input.d.ts CHANGED Viewed

@@ -35,7 +35,7 @@ export default class IgcFileInputComponent extends IgcFileInputComponent_base {
     static styles: import("lit").CSSResult[];
     static register(): void;
     protected readonly _themes: import("../../theming/theming-controller.js").ThemingController;
-    protected readonly _slots: import("../common/controllers/slot.js").SlotController<"invalid" | "prefix" | "[default]" | "helper-text" | "suffix" | "value-missing" | "custom-error" | "file-selector-text" | "file-missing-text">;
+    protected readonly _slots: import("../common/controllers/slot.js").SlotController<"invalid" | "prefix" | "[default]" | "helper-text" | "suffix" | "file-selector-text" | "file-missing-text" | "value-missing" | "custom-error">;
     protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<FileList | null>;
     protected readonly _i18nController: import("../common/i18n/i18n-controller.js").I18nController<IFileInputResourceStrings>;
     protected get __validators(): import("../common/validators.js").Validator<IgcFileInputComponent>[];

package/components/input/input-base.d.ts CHANGED Viewed

@@ -14,10 +14,8 @@ export declare abstract class IgcInputBaseComponent extends IgcInputBaseComponen
     protected abstract readonly _slots: SlotController<any>;
     protected readonly _inputId: string;
     protected readonly _input?: HTMLInputElement;
-    /** The value attribute of the control.
-     * Type varies based on the input type and can be string, Date or null.
-     */
-    abstract value: string | Date | null;
+    /** The value attribute of the control. */
+    abstract value: string;
     /**
      * Whether the control will have outlined appearance.
      *
@@ -53,12 +51,6 @@ export declare abstract class IgcInputBaseComponent extends IgcInputBaseComponen
     blur(): void;
     protected abstract _renderInput(): TemplateResult;
     protected _renderFileParts(): TemplateResult | typeof nothing;
-    private _renderValidatorContainer;
-    private _renderPrefix;
-    private _renderSuffix;
-    private _renderLabel;
-    private _renderMaterial;
-    private _renderStandard;
     protected render(): import("lit-html/directive.js").DirectiveResult<typeof import("lit-html/directives/cache.js").CacheDirective>;
 }
 export {};

package/components/input/input-base.js CHANGED Viewed

@@ -4,20 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, LitElement, nothing } from 'lit';
+import { LitElement, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { cache } from 'lit/directives/cache.js';
 import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
 import { shadowOptions } from '../common/decorators/shadow-options.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';
-import { partMap } from '../common/part-map.js';
-import IgcValidationContainerComponent from '../validation-container/validation-container.js';
-let nextId = 1;
+import { nextInputId, renderInputShell, } from '../common/templates/input-shell.js';
 let IgcInputBaseComponent = class IgcInputBaseComponent extends FormAssociatedRequiredMixin(EventEmitterMixin(LitElement)) {
     constructor() {
         super(...arguments);
-        this._inputId = `input-${nextId++}`;
+        this._inputId = nextInputId();
         this.outlined = false;
     }
     _resolvePartNames(base) {
@@ -44,59 +42,15 @@ let IgcInputBaseComponent = class IgcInputBaseComponent extends FormAssociatedRe
     _renderFileParts() {
         return nothing;
     }
-    _renderValidatorContainer() {
-        return IgcValidationContainerComponent.create(this);
-    }
-    _renderPrefix() {
-        return html `
-      <div part="prefix">
-        <slot name="prefix"></slot>
-      </div>
-    `;
-    }
-    _renderSuffix() {
-        return html `
-      <div part="suffix">
-        <slot name="suffix"></slot>
-      </div>
-    `;
-    }
-    _renderLabel() {
-        return this.label
-            ? html `<label part="label" for=${this._inputId}>${this.label}</label>`
-            : nothing;
-    }
-    _renderMaterial() {
-        return html `
-      <div
-        part=${partMap({
-            ...this._resolvePartNames('container'),
-            labelled: !!this.label,
-        })}
-      >
-        <div part="start">${this._renderPrefix()}</div>
-        ${this._renderInput()} ${this._renderFileParts()}
-        <div part="notch">${this._renderLabel()}</div>
-        <div part="filler"></div>
-        <div part="end">${this._renderSuffix()}</div>
-      </div>
-      ${this._renderValidatorContainer()}
-    `;
-    }
-    _renderStandard() {
-        return html `
-      ${this._renderLabel()}
-      <div part=${partMap(this._resolvePartNames('container'))}>
-        ${this._renderPrefix()}${this._renderFileParts()}
-        ${this._renderInput()}${this._renderSuffix()}
-      </div>
-      ${this._renderValidatorContainer()}
-    `;
-    }
     render() {
-        return cache(this._themes.theme === 'material'
-            ? this._renderMaterial()
-            : this._renderStandard());
+        return cache(renderInputShell(this, {
+            theme: this._themes.theme,
+            label: this.label,
+            labelId: this._inputId,
+            containerParts: this._resolvePartNames('container'),
+            renderInput: this._renderInput,
+            renderFileParts: this._renderFileParts,
+        }));
     }
 };
 __decorate([

package/components/input/input-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-base.js","sourceRoot":"","sources":["../../../src/components/input/input-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,~~IAAI,EAAE,~~UAAU,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;~~AACrE~~,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,~~EAAE~~,~~OAAO~~,~~EAAE~~,~~MAAM~~,~~uBAAuB~~,~~CAAC;AAChD,OAAO,+BAA+B,~~MAAM,~~iDAAiD~~,CAAC;~~AAc9F~~,~~IAAI,MAAM,GAAG,CAAC,CAAC;AAIR,~~IAAe,qBAAqB,GAApC,MAAe,qBAAsB,SAAQ,2BAA2B,CAC7E,iBAAiB,CACf,UAAU,CACX,CACF;IAJM;;QAQc,aAAQ,GAAG,~~SAAS~~,~~MAAM,~~EAAE,~~EAAE,~~CAAC;~~QAkB3C~~,aAAQ,GAAG,KAAK,CAAC;~~IAsH1B~~,CAAC;~~IAlGW~~,iBAAiB,CAAC,IAAY;QACtC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE;gBAClD,QAAQ,EAAE,+BAA+B;aAC1C,CAAC;YACF,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE;gBAClD,QAAQ,EAAE,+BAA+B;aAC1C,CAAC;YACF,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;SACrB,CAAC;IACJ,CAAC;IAGM,MAAM;QACX,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IACxB,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC;IACtB,CAAC;IAIS,gBAAgB;QACxB,OAAO,OAAO,CAAC;IACjB,CAAC;~~IAEO~~,~~yBAAyB~~;~~QAC/B~~,OAAO~~,+BAA+B~~,~~CAAC~~,~~MAAM~~,~~CAAC~~,~~IAAI,~~CAAC,~~CAAC;IACtD,CAAC;IAEO,aAAa;QACnB,OAAO,~~IAAI,~~CAAA;;;;KAIV,CAAC~~;~~IACJ~~,~~CAAC;IAEO~~,~~aAAa;QACnB~~,~~OAAO,~~IAAI,~~CAAA;;;;KAIV,~~CAAC~~;IACJ~~,~~CAAC;IAEO,YAAY;QAClB,~~OAAO,~~IAAI,~~CAAC,KAAK;~~YACf~~,~~CAAC,CAAC,IAAI,CAAA,2BAA2B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,~~KAAK,~~UAAU;YACtE,CAAC,CAAC,OAAO,CAAC;IACd,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA;;eAEA,OAAO,CAAC;YACb,GAAG,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC;YACtC,QAAQ,~~EAAE,~~CAAC,CAAC,~~IAAI,CAAC,KAAK;~~SACvB~~,~~CAAC;;4BAEkB~~,~~IAAI,CAAC,aAAa,~~EAAE~~;UACtC~~,IAAI,CAAC,~~YAAY,EAAE,IAAI,IAAI,CAAC,gBAAgB,EAAE~~;~~4BAC5B~~,~~IAAI~~,~~CAAC,YAAY,~~EAAE~~;;0BAErB~~,IAAI,CAAC,~~aAAa,EAAE;;QAEtC,IAAI,CAAC,yBAAyB,EAAE;KACnC,CAAC;IACJ,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;kBACT,OAAO,CAAC,IAAI,CAAC,~~iBAAiB,CAAC,WAAW,CAAC~~,CAAC~~;~~UACpD~~,~~IAAI~~,~~CAAC,aAAa,~~EAAE,~~GAAG,~~IAAI,CAAC,~~gBAAgB,EAAE~~;~~UAC9C~~,~~IAAI~~,~~CAAC,YAAY,~~EAAE,~~GAAG,~~IAAI,CAAC,~~aAAa,EAAE;;QAE5C,IAAI,CAAC,yBAAyB,EAAE~~;~~KACnC~~,CAAC~~;IACJ~~,~~CAAC;IAEkB~~,~~MAAM;QACvB,OAAO,KAAK,CACV,IAAI,~~CAAC~~,OAAO,CAAC,KAAK,KAAK,UAAU~~;~~YAC/B,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE;YACxB,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAC3B,CAAC;~~IACJ,CAAC;CACF,CAAA;~~AArIoB~~;IADlB,KAAK,CAAC,OAAO,CAAC;qDAC8B;~~AAetC~~;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACnB;AAOjB;IADN,QAAQ,EAAE;0DACiB;AAOrB;IADN,QAAQ,EAAE;oDACW;~~AAxCF~~,qBAAqB;IAF1C,gBAAgB;IAChB,aAAa,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;GAClB,qBAAqB,~~CAgJ1C~~","sourcesContent":["import { ~~html,~~ LitElement, nothing, type TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport type { ThemingController } from '../../theming/theming-controller.js';\nimport type { SlotController } from '../common/controllers/slot.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { shadowOptions } from '../common/decorators/shadow-options.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { ~~partMap~~ } from '../common/~~part-map.js';\nimport IgcValidationContainerComponent from '../validation-container~~/~~validation~~-~~container~~.js';\n\nexport interface IgcInputComponentEventMap {\n /* alternateName: inputOcurred /\n igcInput: CustomEvent<string>;\n / blazorSuppress /\n igcChange: CustomEvent<string>;\n // For analyzer meta only:\n / skipWCPrefix /\n focus: FocusEvent;\n / skipWCPrefix /\n blur: FocusEvent;\n}\n\~~nlet nextId = 1;\~~n\n@blazorDeepImport\n@shadowOptions({ delegatesFocus: true })\nexport abstract class IgcInputBaseComponent extends FormAssociatedRequiredMixin(\n EventEmitterMixin<IgcInputComponentEventMap, Constructor<LitElement>>(\n LitElement\n )\n) {\n protected abstract readonly _themes: ThemingController;\n protected abstract readonly _slots: SlotController<any>;\n\n protected readonly _inputId = ~~`input-${nextId++}`;\~~n\n @query('input')\n protected readonly _input?: HTMLInputElement;\n\n / blazorSuppress /\n /* The value attribute of the control.\n * ~~Type varies based on the input type and can be string, Date or null.\n~~ /\n public abstract value: string ~~\| Date \| null~~;\n\n /\n Whether the control will have outlined appearance.\n \n @attr\n * @default false\n /\n @property({ type: Boolean, reflect: true })\n public outlined = false;\n\n /\n The placeholder attribute of the control.\n * @attr\n /\n @property()\n public placeholder!: string;\n\n /\n The label for the control.\n * @attr\n /\n @property()\n public label!: string;\n\n /\n Resolves the part names for the container based on the current state.\n * Used to apply conditional styling via CSS parts.\n /\n protected _resolvePartNames(base: string) {\n return {\n [base]: true,\n prefixed: this._slots.hasAssignedElements('prefix', {\n selector: '[slot=\"prefix\"]:not([hidden])',\n }),\n suffixed: this._slots.hasAssignedElements('suffix', {\n selector: '[slot=\"suffix\"]:not([hidden])',\n }),\n filled: !!this.value,\n };\n }\n\n /* Selects all the text inside the input. /\n public select(): void {\n this._input?.select();\n }\n\n / alternateName: focusComponent /\n /* Sets focus on the control. /\n public override focus(options?: FocusOptions): void {\n this._input?.focus(options);\n }\n\n / alternateName: blurComponent /\n /* Removes focus from the control. */\n public override blur(): void {\n this._input?.blur();\n }\n\n protected abstract _renderInput(): TemplateResult;\n\n protected _renderFileParts(): TemplateResult \| typeof nothing {\n return nothing;\n }\n\n ~~private~~ ~~_renderValidatorContainer~~(): ~~TemplateResult~~ {\n return ~~IgcValidationContainerComponent.create~~(~~this);\n }~~\n~~\n private _renderPrefix() {\n return html`\n~~ ~~<div part=\"prefix\">\n <slot name=\"prefix\"></slot>\n </div>\n `;\n }\n\n private _renderSuffix~~() {\n ~~return html`\n <div part=\"suffix\">\n~~ ~~<slot~~ ~~name=\"suffix\"></slot>\n </div>\n `;\n }\n\n private _renderLabel() {\n return~~ this.~~label\n ? html`<label part=\"label\" for=${this~~.~~_inputId}>${this.label}</label>`\~~n ~~: nothing;\n }\n\n private _renderMaterial() {\n return html`\n <div\n~~ ~~part=${partMap({\n ...this._resolvePartNames('container'),\n labelled~~: !!this.label,\n ~~})}\n >\n <div~~ ~~part=\"start\">${~~this.~~_renderPrefix()}</div>\~~n ~~${this._renderInput()}~~ ${this._renderFileParts()}\n <div part=\"notch\">${this._renderLabel()}</div>\n <div part=\"filler\"></div>\n <div part=\"end\">${this._renderSuffix()}</div>\n </div>\n ${this._renderValidatorContainer()}\n `;\n }\n\n private _renderStandard() {\n return html`\n ${this._renderLabel()}\n <div part=${partMap(this._resolvePartNames('container')~~)}>\~~n ${this.~~_renderPrefix()}${this._renderFileParts()}\~~n ${this.~~_renderInput()}${this._renderSuffix()}\~~n ~~</div>\n ${this._renderValidatorContainer()~~}~~\n `;\n }\n\n protected override render(~~) {\n ~~return cache(\n this._themes.theme === 'material'\n ? this._renderMaterial(~~)~~\n : this._renderStandard()\n )~~;\n }\n}\n"]}
1	+ {"version":3,"file":"input-base.js","sourceRoot":"","sources":["../../../src/components/input/input-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EACL,WAAW,EACX,gBAAgB,GACjB,MAAM,oCAAoC,CAAC;AAgBrC,IAAe,qBAAqB,GAApC,MAAe,qBAAsB,SAAQ,2BAA2B,CAC7E,iBAAiB,CACf,UAAU,CACX,CACF;IAJM;;QAQc,aAAQ,GAAG,WAAW,EAAE,CAAC;QAgBrC,aAAQ,GAAG,KAAK,CAAC;IAoE1B,CAAC;IAhDW,iBAAiB,CAAC,IAAY;QACtC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE;gBAClD,QAAQ,EAAE,+BAA+B;aAC1C,CAAC;YACF,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE;gBAClD,QAAQ,EAAE,+BAA+B;aAC1C,CAAC;YACF,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;SACrB,CAAC;IACJ,CAAC;IAGM,MAAM;QACX,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IACxB,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC;IACtB,CAAC;IAIS,gBAAgB;QACxB,OAAO,OAAO,CAAC;IACjB,CAAC;IAEkB,MAAM;QACvB,OAAO,KAAK,CACV,gBAAgB,CAAC,IAAI,EAAE;YACrB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC;YACnD,WAAW,EAAE,IAAI,CAAC,YAAY;YAC9B,eAAe,EAAE,IAAI,CAAC,gBAAgB;SACvC,CAAC,CACH,CAAC;IACJ,CAAC;CACF,CAAA;AAjFoB;IADlB,KAAK,CAAC,OAAO,CAAC;qDAC8B;AAatC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACnB;AAOjB;IADN,QAAQ,EAAE;0DACiB;AAOrB;IADN,QAAQ,EAAE;oDACW;AAtCF,qBAAqB;IAF1C,gBAAgB;IAChB,aAAa,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;GAClB,qBAAqB,CA4F1C","sourcesContent":["import { LitElement, nothing, type TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport type { ThemingController } from '../../theming/theming-controller.js';\nimport type { SlotController } from '../common/controllers/slot.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { shadowOptions } from '../common/decorators/shadow-options.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n nextInputId,\n renderInputShell,\n} from '../common/templates/input-shell.js';\n\nexport interface IgcInputComponentEventMap {\n /* alternateName: inputOcurred /\n igcInput: CustomEvent<string>;\n / blazorSuppress /\n igcChange: CustomEvent<string>;\n // For analyzer meta only:\n / skipWCPrefix /\n focus: FocusEvent;\n / skipWCPrefix /\n blur: FocusEvent;\n}\n\n@blazorDeepImport\n@shadowOptions({ delegatesFocus: true })\nexport abstract class IgcInputBaseComponent extends FormAssociatedRequiredMixin(\n EventEmitterMixin<IgcInputComponentEventMap, Constructor<LitElement>>(\n LitElement\n )\n) {\n protected abstract readonly _themes: ThemingController;\n protected abstract readonly _slots: SlotController<any>;\n\n protected readonly _inputId = nextInputId();\n\n @query('input')\n protected readonly _input?: HTMLInputElement;\n\n / blazorSuppress /\n /* The value attribute of the control. /\n public abstract value: string;\n\n /\n Whether the control will have outlined appearance.\n \n @attr\n * @default false\n /\n @property({ type: Boolean, reflect: true })\n public outlined = false;\n\n /\n The placeholder attribute of the control.\n * @attr\n /\n @property()\n public placeholder!: string;\n\n /\n The label for the control.\n * @attr\n /\n @property()\n public label!: string;\n\n /\n Resolves the part names for the container based on the current state.\n * Used to apply conditional styling via CSS parts.\n /\n protected _resolvePartNames(base: string) {\n return {\n [base]: true,\n prefixed: this._slots.hasAssignedElements('prefix', {\n selector: '[slot=\"prefix\"]:not([hidden])',\n }),\n suffixed: this._slots.hasAssignedElements('suffix', {\n selector: '[slot=\"suffix\"]:not([hidden])',\n }),\n filled: !!this.value,\n };\n }\n\n /* Selects all the text inside the input. /\n public select(): void {\n this._input?.select();\n }\n\n / alternateName: focusComponent /\n /* Sets focus on the control. /\n public override focus(options?: FocusOptions): void {\n this._input?.focus(options);\n }\n\n / alternateName: blurComponent /\n /* Removes focus from the control. */\n public override blur(): void {\n this._input?.blur();\n }\n\n protected abstract _renderInput(): TemplateResult;\n\n protected _renderFileParts(): TemplateResult \| typeof nothing {\n return nothing;\n }\n\n protected override render() {\n return cache(\n renderInputShell(this, {\n theme: this._themes.theme,\n label: this.label,\n labelId: this._inputId,\n containerParts: this._resolvePartNames('container'),\n renderInput: this._renderInput,\n renderFileParts: this._renderFileParts,\n })\n );\n }\n}\n"]}

package/components/input/input.d.ts CHANGED Viewed

@@ -32,7 +32,7 @@ export default class IgcInputComponent extends IgcInputBaseComponent {
     static styles: import("lit").CSSResult[];
     static register(): void;
     protected readonly _themes: import("../../theming/theming-controller.js").ThemingController;
-    protected readonly _slots: import("../common/controllers/slot.js").SlotController<"invalid" | "prefix" | "[default]" | "helper-text" | "suffix" | "value-missing" | "range-overflow" | "range-underflow" | "custom-error" | "type-mismatch" | "pattern-mismatch" | "too-long" | "too-short" | "step-mismatch">;
+    protected readonly _slots: import("../common/controllers/slot.js").SlotController<"invalid" | "prefix" | "[default]" | "helper-text" | "suffix" | "value-missing" | "custom-error" | "too-long" | "too-short" | "type-mismatch" | "pattern-mismatch" | "range-overflow" | "range-underflow" | "step-mismatch">;
     protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<string>;
     protected get __validators(): import("../common/validators.js").Validator<IgcInputComponent>[];
     private _min?;

package/components/input/input.js CHANGED Viewed

@@ -141,6 +141,7 @@ export default class IgcInputComponent extends IgcInputBaseComponent {
         maxlength=${bindIf(!this.validateOnly, this.maxLength)}
         step=${ifDefined(this.step)}
         aria-describedby=${bindIf(hasHelperText, 'helper-text')}
+        @keydown=${this._handleEnterKeydown}
         @change=${this._handleChange}
         @input=${this._handleInput}
         @blur=${this._handleBlur}

package/components/input/input.js.map CHANGED Viewed

	@@ -1 +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';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.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 { bindIf } from '../common/util.js';\nimport type {\n InputType,\n RangeTextSelectMode,\n SelectionRangeDirection,\n} from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { IgcInputBaseComponent } from './input-base.js';\nimport { styles } from './themes/input.base.css.js';\nimport { styles as shared } from './themes/shared/input.common.css.js';\nimport { all } from './themes/themes.js';\nimport { numberValidators, stringValidators } from './validators.js';\n\nconst Slots = setSlots(\n 'prefix',\n 'suffix',\n 'helper-text',\n 'value-missing',\n 'type-mismatch',\n 'pattern-mismatch',\n 'too-long',\n 'too-short',\n 'range-overflow',\n 'range-underflow',\n 'step-mismatch',\n 'custom-error',\n 'invalid'\n);\n\n/*\n @element igc-input\n \n @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @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 public static styles = [styles, shared];\n\n / blazorSuppress /\n public static register(): void {\n registerComponent(IgcInputComponent, IgcValidationContainerComponent);\n }\n\n protected override readonly _themes = addThemingController(this, all);\n\n protected override readonly _slots = addSlotController(this, {\n slots: Slots,\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 Makes the control a readonly field.\n \n @attr readonly\n * @default false\n /\n @property({ type: Boolean, reflect: true })\n public readOnly = false;\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 * @default false\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 setRangeText(\n replacement: string,\n start?: number,\n end?: number,\n selectMode: RangeTextSelectMode = 'preserve'\n ): void {\n this._input?.setRangeText(replacement, start!, end!, selectMode);\n this.value = this._input?.value ?? '';\n }\n\n / blazorSuppress /\n /* Sets the text selection range of the control /\n public setSelectionRange(\n start?: number,\n end?: number,\n direction: SelectionRangeDirection = 'none'\n ): void {\n this._input?.setSelectionRange(start ?? null, end ?? null, direction);\n }\n\n /* Increments the numeric value of the input by one or more steps. /\n public stepUp(n?: number): void {\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): void {\n this._input?.stepDown(n);\n this.value = this._input?.value ?? '';\n }\n\n private _handleInput(): void {\n this._setTouchedState();\n this.value = this._input?.value ?? '';\n this.emitEvent('igcInput', { detail: this.value });\n }\n\n private _handleChange(): void {\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 = this._slots.hasAssignedElements('helper-text');\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"]}
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';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.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 { bindIf } from '../common/util.js';\nimport type {\n InputType,\n RangeTextSelectMode,\n SelectionRangeDirection,\n} from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { IgcInputBaseComponent } from './input-base.js';\nimport { styles } from './themes/input.base.css.js';\nimport { styles as shared } from './themes/shared/input.common.css.js';\nimport { all } from './themes/themes.js';\nimport { numberValidators, stringValidators } from './validators.js';\n\nconst Slots = setSlots(\n 'prefix',\n 'suffix',\n 'helper-text',\n 'value-missing',\n 'type-mismatch',\n 'pattern-mismatch',\n 'too-long',\n 'too-short',\n 'range-overflow',\n 'range-underflow',\n 'step-mismatch',\n 'custom-error',\n 'invalid'\n);\n\n/*\n @element igc-input\n \n @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @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 public static styles = [styles, shared];\n\n / blazorSuppress /\n public static register(): void {\n registerComponent(IgcInputComponent, IgcValidationContainerComponent);\n }\n\n protected override readonly _themes = addThemingController(this, all);\n\n protected override readonly _slots = addSlotController(this, {\n slots: Slots,\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 Makes the control a readonly field.\n \n @attr readonly\n * @default false\n /\n @property({ type: Boolean, reflect: true })\n public readOnly = false;\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 * @default false\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 setRangeText(\n replacement: string,\n start?: number,\n end?: number,\n selectMode: RangeTextSelectMode = 'preserve'\n ): void {\n this._input?.setRangeText(replacement, start!, end!, selectMode);\n this.value = this._input?.value ?? '';\n }\n\n / blazorSuppress /\n /* Sets the text selection range of the control /\n public setSelectionRange(\n start?: number,\n end?: number,\n direction: SelectionRangeDirection = 'none'\n ): void {\n this._input?.setSelectionRange(start ?? null, end ?? null, direction);\n }\n\n /* Increments the numeric value of the input by one or more steps. /\n public stepUp(n?: number): void {\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): void {\n this._input?.stepDown(n);\n this.value = this._input?.value ?? '';\n }\n\n private _handleInput(): void {\n this._setTouchedState();\n this.value = this._input?.value ?? '';\n this.emitEvent('igcInput', { detail: this.value });\n }\n\n private _handleChange(): void {\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 = this._slots.hasAssignedElements('helper-text');\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 @keydown=${this._handleEnterKeydown}\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/dark/input.shared.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const styles: import("lit").CSSResult;

package/components/input/themes/dark/input.shared.css.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--helper-text-color: var(--ig-input-group-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-input-group-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-input-group-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-input-group-input-prefix-background, transparent);--input-prefix-color: var(--ig-input-group-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-input-group-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-input-group-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-input-group-input-suffix-background, transparent);--input-suffix-color: var(--ig-input-group-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-input-group-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-input-group-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-input-group-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-input-group-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-input-group-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-input-group-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-input-group-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-input-group-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-input-group-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-input-group-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-input-group-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-input-group-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-input-group-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-input-group-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-input-group-border-background, transparent);--border-disabled-background: var(--ig-input-group-border-disabled-background, transparent);--search-background: var(--ig-input-group-search-background, transparent);--search-disabled-background: var(--ig-input-group-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-input-group-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-input-group-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-input-group-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-input-group-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-input-group-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-input-group-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-input-group-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-input-group-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-input-group-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-input-group-default-size, 2);--ig-theme-variant: light;color-scheme:dark}`;
+//# sourceMappingURL=input.shared.css.js.map

package/components/input/themes/dark/input.shared.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"input.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ozJAAozJ,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--helper-text-color: var(--ig-input-group-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-input-group-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-input-group-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-input-group-input-prefix-background, transparent);--input-prefix-color: var(--ig-input-group-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-input-group-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-input-group-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-input-group-input-suffix-background, transparent);--input-suffix-color: var(--ig-input-group-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-input-group-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-input-group-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-input-group-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-input-group-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-input-group-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-input-group-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-input-group-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-input-group-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-input-group-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-input-group-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-input-group-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-input-group-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-input-group-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-input-group-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-input-group-border-background, transparent);--border-disabled-background: var(--ig-input-group-border-disabled-background, transparent);--search-background: var(--ig-input-group-search-background, transparent);--search-disabled-background: var(--ig-input-group-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-input-group-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-input-group-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-input-group-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-input-group-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-input-group-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-input-group-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-input-group-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-input-group-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-input-group-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-input-group-default-size, 2);--ig-theme-variant: light;color-scheme:dark}`;\n "]}

package/components/input/themes/light/input.shared.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--helper-text-color: var(--ig-input-group-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-input-group-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-input-group-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-input-group-input-prefix-background, transparent);--input-prefix-color: var(--ig-input-group-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-input-group-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-input-group-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-input-group-input-suffix-background, transparent);--input-suffix-color: var(--ig-input-group-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-input-group-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-input-group-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-input-group-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-input-group-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-input-group-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-input-group-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-input-group-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-input-group-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-input-group-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-input-group-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-input-group-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-input-group-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-input-group-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-input-group-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-input-group-border-background, transparent);--border-disabled-background: var(--ig-input-group-border-disabled-background, transparent);--search-background: var(--ig-input-group-search-background, transparent);--search-disabled-background: var(--ig-input-group-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-input-group-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-input-group-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-input-group-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-input-group-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-input-group-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-input-group-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-input-group-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-input-group-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-input-group-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-input-group-default-size, 2);--ig-theme-variant: light}`;
+export const styles = css `:host{--helper-text-color: var(--ig-input-group-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-input-group-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-input-group-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-input-group-input-prefix-background, transparent);--input-prefix-color: var(--ig-input-group-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-input-group-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-input-group-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-input-group-input-suffix-background, transparent);--input-suffix-color: var(--ig-input-group-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-input-group-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-input-group-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-input-group-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-input-group-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-input-group-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-input-group-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-input-group-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-input-group-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-input-group-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-input-group-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-input-group-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-input-group-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-input-group-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-input-group-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-input-group-border-background, transparent);--border-disabled-background: var(--ig-input-group-border-disabled-background, transparent);--search-background: var(--ig-input-group-search-background, transparent);--search-disabled-background: var(--ig-input-group-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-input-group-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-input-group-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-input-group-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-input-group-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-input-group-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-input-group-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-input-group-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-input-group-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-input-group-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-input-group-default-size, 2);--ig-theme-variant: light;color-scheme:light}`;
 //# sourceMappingURL=input.shared.css.js.map

package/components/input/themes/light/input.shared.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~kyJAAkyJ~~,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--helper-text-color: var(--ig-input-group-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-input-group-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-input-group-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-input-group-input-prefix-background, transparent);--input-prefix-color: var(--ig-input-group-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-input-group-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-input-group-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-input-group-input-suffix-background, transparent);--input-suffix-color: var(--ig-input-group-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-input-group-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-input-group-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-input-group-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-input-group-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-input-group-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-input-group-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-input-group-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-input-group-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-input-group-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-input-group-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-input-group-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-input-group-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-input-group-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-input-group-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-input-group-border-background, transparent);--border-disabled-background: var(--ig-input-group-border-disabled-background, transparent);--search-background: var(--ig-input-group-search-background, transparent);--search-disabled-background: var(--ig-input-group-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-input-group-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-input-group-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-input-group-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-input-group-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-input-group-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-input-group-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-input-group-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-input-group-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-input-group-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-input-group-default-size, 2);--ig-theme-variant: light}`;\n "]}
1	+ {"version":3,"file":"input.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qzJAAqzJ,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--helper-text-color: var(--ig-input-group-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-input-group-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-input-group-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-input-group-input-prefix-background, transparent);--input-prefix-color: var(--ig-input-group-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-input-group-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-input-group-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-input-group-input-suffix-background, transparent);--input-suffix-color: var(--ig-input-group-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-input-group-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-input-group-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-input-group-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-input-group-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-input-group-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-input-group-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-input-group-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-input-group-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-input-group-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-input-group-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-input-group-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-input-group-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-input-group-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-input-group-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-input-group-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-input-group-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-input-group-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-input-group-border-background, transparent);--border-disabled-background: var(--ig-input-group-border-disabled-background, transparent);--search-background: var(--ig-input-group-search-background, transparent);--search-disabled-background: var(--ig-input-group-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-input-group-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-input-group-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-input-group-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-input-group-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-input-group-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-input-group-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-input-group-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-input-group-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-input-group-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-input-group-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-input-group-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-input-group-default-size, 2);--ig-theme-variant: light;color-scheme:light}`;\n "]}

package/components/input/themes/shared/input.common.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=input]{color:var(--idle-text-color)}[part=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=filled] [part=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=input]::-moz-placeholder{color:var(--placeholder-color)}[part~=input]::placeholder{color:var(--placeholder-color)}:host ::part(helper-text){color:var(--helper-text-color);margin-block-start:.25rem}:host(:focus-within) [part~=input]::-moz-placeholder, :host(:not([readonly],[disabled]):hover) [part~=input]::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::placeholder,:host(:not([readonly],[disabled]):hover) [part~=input]::placeholder{color:var(--hover-placeholder-color)}:host(:not([readonly],[disabled]):hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([readonly],[disabled]):focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:focus-within) [part^=container]{caret-color:var(--focused-text-color)}:host(:focus-within) [part=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([type=search]) input[type=search]::-webkit-search-cancel-button,:host([type=search]) input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host(:not([role=combobox])[readonly]) [part=prefix],:host(:not([role=combobox])[readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=input]::-moz-placeholder, :host([disabled]) [part~=input]::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=input]::placeholder,:host([disabled]) [part~=input]::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:inherit}::part(helper-text){display:grid}[name=suffix]::slotted(:is([part|=toggle],[part|=clear])){padding-inline:var(--affix-padding)}:host(:not([role=combobox])) ::slotted([slot=suffix]),:host(:not([role=combobox])) ::slotted([slot=prefix]){padding-inline:var(--affix-padding)}`;
+export const styles = css `[part~=input]{color:var(--idle-text-color)}[part=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=filled] [part=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}input::-webkit-datetime-edit{color:inherit}[part~=input]::-moz-placeholder{color:var(--placeholder-color)}[part~=input]::placeholder{color:var(--placeholder-color)}:host ::part(helper-text){color:var(--helper-text-color);margin-block-start:.25rem}:host(:focus-within) [part~=input]::-moz-placeholder, :host(:not([readonly],[disabled]):hover) [part~=input]::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::placeholder,:host(:not([readonly],[disabled]):hover) [part~=input]::placeholder{color:var(--hover-placeholder-color)}:host(:not([readonly],[disabled]):hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([readonly],[disabled]):focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:focus-within) [part^=container]{caret-color:var(--focused-text-color)}:host(:focus-within) [part=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([type=search]) input[type=search]::-webkit-search-cancel-button,:host([type=search]) input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host(:not([role=combobox])[readonly]) [part=prefix],:host(:not([role=combobox])[readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=input]::-moz-placeholder, :host([disabled]) [part~=input]::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=input]::placeholder,:host([disabled]) [part~=input]::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:inherit}::part(helper-text){display:grid}[name=suffix]::slotted(:is([part|=toggle],[part|=clear])){padding-inline:var(--affix-padding)}:host(:not([role=combobox])) ::slotted([slot=suffix]),:host(:not([role=combobox])) ::slotted([slot=prefix]){padding-inline:var(--affix-padding)}`;
 //# sourceMappingURL=input.common.css.js.map

package/components/input/themes/shared/input.common.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.common.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.common.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gsFAAgsF~~,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`[part~=input]{color:var(--idle-text-color)}[part=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=filled] [part=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=input]::-moz-placeholder{color:var(--placeholder-color)}[part~=input]::placeholder{color:var(--placeholder-color)}:host ::part(helper-text){color:var(--helper-text-color);margin-block-start:.25rem}:host(:focus-within) [part~=input]::-moz-placeholder, :host(:not([readonly],[disabled]):hover) [part~=input]::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::placeholder,:host(:not([readonly],[disabled]):hover) [part~=input]::placeholder{color:var(--hover-placeholder-color)}:host(:not([readonly],[disabled]):hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([readonly],[disabled]):focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:focus-within) [part^=container]{caret-color:var(--focused-text-color)}:host(:focus-within) [part=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([type=search]) input[type=search]::-webkit-search-cancel-button,:host([type=search]) input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host(:not([role=combobox])[readonly]) [part=prefix],:host(:not([role=combobox])[readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=input]::-moz-placeholder, :host([disabled]) [part~=input]::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=input]::placeholder,:host([disabled]) [part~=input]::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:inherit}::part(helper-text){display:grid}[name=suffix]::slotted(:is([part\|=toggle],[part\|=clear])){padding-inline:var(--affix-padding)}:host(:not([role=combobox])) ::slotted([slot=suffix]),:host(:not([role=combobox])) ::slotted([slot=prefix]){padding-inline:var(--affix-padding)}`;\n "]}
1	+ {"version":3,"file":"input.common.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.common.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2uFAA2uF,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`[part~=input]{color:var(--idle-text-color)}[part=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=filled] [part=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}input::-webkit-datetime-edit{color:inherit}[part~=input]::-moz-placeholder{color:var(--placeholder-color)}[part~=input]::placeholder{color:var(--placeholder-color)}:host ::part(helper-text){color:var(--helper-text-color);margin-block-start:.25rem}:host(:focus-within) [part~=input]::-moz-placeholder, :host(:not([readonly],[disabled]):hover) [part~=input]::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::placeholder,:host(:not([readonly],[disabled]):hover) [part~=input]::placeholder{color:var(--hover-placeholder-color)}:host(:not([readonly],[disabled]):hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:not([readonly],[disabled]):focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host(:focus-within) [part^=container]{caret-color:var(--focused-text-color)}:host(:focus-within) [part=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([type=search]) input[type=search]::-webkit-search-cancel-button,:host([type=search]) input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host(:not([role=combobox])[readonly]) [part=prefix],:host(:not([role=combobox])[readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=input]::-moz-placeholder, :host([disabled]) [part~=input]::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=input]::placeholder,:host([disabled]) [part~=input]::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:inherit}::part(helper-text){display:grid}[name=suffix]::slotted(:is([part\|=toggle],[part\|=clear])){padding-inline:var(--affix-padding)}:host(:not([role=combobox])) ::slotted([slot=suffix]),:host(:not([role=combobox])) ::slotted([slot=prefix]){padding-inline:var(--affix-padding)}`;\n "]}