@eui/eds-wc 22.0.0-alpha.5 → 22.0.0-alpha.50

package/eds-input-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-input-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-input-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}

package/eds-input-button/index.js

@@ -1,2 +1,2 @@
-export { EdsWcInputButton } from './eds-wc-input-button.js';
+export { EdsWcInputButton } from './eds-wc-input-button';
 //# sourceMappingURL=index.js.map

package/eds-input-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-input-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-input-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/eds-input-chat/eds-wc-input-chat.d.ts

@@ -0,0 +1,97 @@
+import { EdsBaseElement } from '../shared/eds-base.js';
+import '../eds-icon-button/eds-wc-icon-button.js';
+/** Sizes the composer (ported 1:1 from the Angular `EdsInputChatSize`). */
+export type EdsWcInputChatSize = 's' | 'm' | 'l';
+/** Placement options for the built-in send button. */
+export type EdsWcInputChatSendPosition = 'toolbar' | 'top';
+/**
+ * `<eds-wc-input-chat>` — EDS Input Prompt Web Component.
+ *
+ * A generic, AI-style rich-text composer (comparable to assistant prompt fields): an auto-growing
+ * multi-line `<textarea>`, a toolbar row for leading/trailing actions, and a built-in send/stop
+ * icon button. Mirrors the Angular `eds-input-chat` 1:1: reflected `size` / `disabled` /
+ * `readonly` / `invalid` / `loading` / `send-position`, `submit-on-enter`, and the projected
+ * `leading` / `trailing` slots.
+ *
+ * Form-associated (`ElementInternals`): the current value participates in a surrounding `<form>`.
+ *
+ * @example
+ * ```html
+ * <eds-wc-input-chat placeholder="Ask anything…">
+ *   <eds-wc-icon-button slot="leading" icon="paperclip" aria-label="Attach"></eds-wc-icon-button>
+ *   <eds-wc-icon-button slot="trailing" icon="microphone" aria-label="Voice input"></eds-wc-icon-button>
+ * </eds-wc-input-chat>
+ * ```
+ *
+ * @fires value-change - Fired whenever the composed value changes. `detail: string`
+ * @fires prompt-submit - Fired when the prompt is submitted (Enter or send button). `detail: string` (trimmed)
+ * @fires prompt-stop - Fired when the stop button is clicked while `loading`. `detail: void`
+ *
+ * @slot leading - Leading (start-aligned) toolbar actions.
+ * @slot trailing - Trailing (end-aligned) toolbar actions, before the built-in send button.
+ */
+export declare class EdsWcInputChat extends EdsBaseElement {
+    static formAssociated: boolean;
+    /** Placeholder text shown when the composer is empty. @default 'Type your prompt…' */
+    placeholder: string;
+    /** Size of the composer. @default 'm' */
+    size: EdsWcInputChatSize;
+    /** The current composed value. */
+    value: string;
+    /** Whether the composer is disabled. */
+    disabled: boolean;
+    /** Whether the composer is readonly. */
+    readonly: boolean;
+    /** Whether the composer shows an invalid/error state. */
+    invalid: boolean;
+    /** Minimum number of rows the textarea occupies. @default 1 */
+    minRows: number;
+    /** Maximum rows the textarea grows to before scrolling (0 = unlimited). @default 8 */
+    maxRows: number;
+    /** Optional native `maxlength` cap on the textarea. @default null */
+    maxLength: number | null;
+    /** When true, Enter submits and Shift+Enter inserts a newline. @default true */
+    submitOnEnter: boolean;
+    /** When true, hides the built-in send button. @default false */
+    hideSendButton: boolean;
+    /** Placement of the built-in send button. @default 'toolbar' */
+    sendPosition: EdsWcInputChatSendPosition;
+    /** Busy/streaming state: the send button becomes a stop button. @default false */
+    loading: boolean;
+    /** Icon name for the built-in send button. @default 'arrow-up' */
+    sendIcon: string;
+    /** Icon name for the built-in stop button (shown while `loading`). @default 'stop' */
+    stopIcon: string;
+    /** Accessible label for the send button. @default 'Send prompt' */
+    sendAriaLabel: string;
+    /** Accessible label for the stop button. @default 'Stop generating' */
+    stopAriaLabel: string;
+    /** Accessible label for the textarea. @default 'Prompt' */
+    fieldAriaLabel: string;
+    private _textarea;
+    private _internals;
+    static styles: import("lit").CSSResult;
+    /** True when the send button can submit the current prompt. */
+    private get _canSubmit();
+    private get _primaryActionEnabled();
+    connectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    firstUpdated(): void;
+    private _syncForm;
+    private _autoResize;
+    /** Reset participation when the surrounding form resets. */
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    submit(): void;
+    private _onInput;
+    private _onKeydown;
+    private _onSendClick;
+    private _renderSendButton;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eds-wc-input-chat': EdsWcInputChat;
+    }
+}
+//# sourceMappingURL=eds-wc-input-chat.d.ts.map

package/eds-input-chat/eds-wc-input-chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-input-chat.d.ts","sourceRoot":"","sources":["../../src/eds-input-chat/eds-wc-input-chat.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,0CAA0C,CAAC;AAElD,2EAA2E;AAC3E,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjD,sDAAsD;AACtD,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,KAAK,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBACa,cAAe,SAAQ,cAAc;IAC9C,MAAM,CAAC,cAAc,UAAQ;IAE7B,sFAAsF;IAC1D,WAAW,SAAuB;IAE9D,yCAAyC;IACE,IAAI,EAAE,kBAAkB,CAAO;IAE1E,kCAAkC;IACN,KAAK,SAAM;IAEvC,wCAAwC;IACI,QAAQ,UAAS;IAE7D,wCAAwC;IACI,QAAQ,UAAS;IAE7D,yDAAyD;IACb,OAAO,UAAS;IAE5D,+DAA+D;IACZ,OAAO,SAAK;IAE/D,sFAAsF;IACnC,OAAO,SAAK;IAE/D,qEAAqE;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErF,gFAAgF;IACrB,aAAa,UAAQ;IAEhF,gEAAgE;IACJ,cAAc,UAAS;IAEnF,gEAAgE;IAEhE,YAAY,EAAE,0BAA0B,CAAa;IAErD,kFAAkF;IACtC,OAAO,UAAS;IAE5D,kEAAkE;IACd,QAAQ,SAAc;IAE1E,sFAAsF;IAClC,QAAQ,SAAU;IAEtE,mEAAmE;IACT,aAAa,SAAiB;IAExF,uEAAuE;IACb,aAAa,SAAqB;IAE5F,2DAA2D;IACA,cAAc,SAAY;IAElE,OAAO,CAAC,SAAS,CAAuB;IAE3D,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAgB,MAAM,0BAyGpB;IAEF,+DAA+D;IAC/D,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,qBAAqB,GAEhC;IAEQ,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAO5C,YAAY,IAAI,IAAI;IAI7B,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,WAAW;IAWnB,4DAA4D;IAC5D,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,MAAM,IAAI,IAAI;IAOd,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,iBAAiB;cAgBN,MAAM;CA8B5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,cAAc,CAAC;KACvC;CACJ"}

package/eds-input-chat/eds-wc-input-chat.js

@@ -0,0 +1,363 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css, nothing } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { EdsBaseElement } from '../shared/eds-base.js';
+import '../eds-icon-button/eds-wc-icon-button.js';
+/**
+ * `<eds-wc-input-chat>` — EDS Input Prompt Web Component.
+ *
+ * A generic, AI-style rich-text composer (comparable to assistant prompt fields): an auto-growing
+ * multi-line `<textarea>`, a toolbar row for leading/trailing actions, and a built-in send/stop
+ * icon button. Mirrors the Angular `eds-input-chat` 1:1: reflected `size` / `disabled` /
+ * `readonly` / `invalid` / `loading` / `send-position`, `submit-on-enter`, and the projected
+ * `leading` / `trailing` slots.
+ *
+ * Form-associated (`ElementInternals`): the current value participates in a surrounding `<form>`.
+ *
+ * @example
+ * ```html
+ * <eds-wc-input-chat placeholder="Ask anything…">
+ *   <eds-wc-icon-button slot="leading" icon="paperclip" aria-label="Attach"></eds-wc-icon-button>
+ *   <eds-wc-icon-button slot="trailing" icon="microphone" aria-label="Voice input"></eds-wc-icon-button>
+ * </eds-wc-input-chat>
+ * ```
+ *
+ * @fires value-change - Fired whenever the composed value changes. `detail: string`
+ * @fires prompt-submit - Fired when the prompt is submitted (Enter or send button). `detail: string` (trimmed)
+ * @fires prompt-stop - Fired when the stop button is clicked while `loading`. `detail: void`
+ *
+ * @slot leading - Leading (start-aligned) toolbar actions.
+ * @slot trailing - Trailing (end-aligned) toolbar actions, before the built-in send button.
+ */
+let EdsWcInputChat = class EdsWcInputChat extends EdsBaseElement {
+    constructor() {
+        super(...arguments);
+        /** Placeholder text shown when the composer is empty. @default 'Type your prompt…' */
+        this.placeholder = 'Type your prompt…';
+        /** Size of the composer. @default 'm' */
+        this.size = 'm';
+        /** The current composed value. */
+        this.value = '';
+        /** Whether the composer is disabled. */
+        this.disabled = false;
+        /** Whether the composer is readonly. */
+        this.readonly = false;
+        /** Whether the composer shows an invalid/error state. */
+        this.invalid = false;
+        /** Minimum number of rows the textarea occupies. @default 1 */
+        this.minRows = 1;
+        /** Maximum rows the textarea grows to before scrolling (0 = unlimited). @default 8 */
+        this.maxRows = 8;
+        /** Optional native `maxlength` cap on the textarea. @default null */
+        this.maxLength = null;
+        /** When true, Enter submits and Shift+Enter inserts a newline. @default true */
+        this.submitOnEnter = true;
+        /** When true, hides the built-in send button. @default false */
+        this.hideSendButton = false;
+        /** Placement of the built-in send button. @default 'toolbar' */
+        this.sendPosition = 'toolbar';
+        /** Busy/streaming state: the send button becomes a stop button. @default false */
+        this.loading = false;
+        /** Icon name for the built-in send button. @default 'arrow-up' */
+        this.sendIcon = 'arrow-up';
+        /** Icon name for the built-in stop button (shown while `loading`). @default 'stop' */
+        this.stopIcon = 'stop';
+        /** Accessible label for the send button. @default 'Send prompt' */
+        this.sendAriaLabel = 'Send prompt';
+        /** Accessible label for the stop button. @default 'Stop generating' */
+        this.stopAriaLabel = 'Stop generating';
+        /** Accessible label for the textarea. @default 'Prompt' */
+        this.fieldAriaLabel = 'Prompt';
+        this._internals = this.attachInternals();
+    }
+    static { this.formAssociated = true; }
+    static { this.styles = css `
+        :host {
+            --_eds-input-chat-gap: var(--eds-sp-2xs);
+            --_eds-input-chat-padding: var(--eds-sp-xs) var(--eds-sp-s);
+            --_eds-input-chat-font: var(--eds-f-paragraph-m);
+            --_eds-input-chat-radius: var(--eds-br-l);
+
+            display: flex;
+            flex-direction: column;
+            gap: var(--_eds-input-chat-gap);
+            width: 100%;
+            padding: var(--_eds-input-chat-padding);
+            background-color: var(--eds-c-surface-elevation);
+            border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);
+            border-radius: var(--_eds-input-chat-radius);
+            box-sizing: border-box;
+        }
+
+        :host(:focus-within) {
+            border-color: var(--eds-c-border-focus);
+            outline: var(--eds-bw-s) solid var(--eds-c-border-focus);
+            outline-offset: -1px;
+        }
+
+        .eds-input-chat__field {
+            display: flex;
+            align-items: flex-start;
+            gap: var(--eds-sp-xs);
+            width: 100%;
+        }
+
+        .eds-input-chat__textarea {
+            flex: 1 1 auto;
+            font: var(--_eds-input-chat-font);
+            appearance: none;
+            width: 100%;
+            margin: 0;
+            padding: var(--eds-sp-2xs);
+            border: none;
+            background-color: transparent;
+            color: var(--eds-c-foreground);
+            resize: none;
+            box-shadow: none;
+            box-sizing: border-box;
+            font-family: inherit;
+        }
+        .eds-input-chat__textarea:focus,
+        .eds-input-chat__textarea:focus-visible {
+            outline: none;
+        }
+        .eds-input-chat__textarea::placeholder {
+            color: var(--eds-c-foreground-subtler);
+            opacity: 1;
+        }
+
+        .eds-input-chat__toolbar {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: var(--eds-sp-xs);
+        }
+
+        .eds-input-chat__actions {
+            display: flex;
+            align-items: center;
+            gap: var(--eds-sp-2xs);
+            min-width: 0;
+        }
+        .eds-input-chat__actions--leading {
+            flex-wrap: nowrap;
+            overflow: hidden;
+        }
+        .eds-input-chat__actions--trailing {
+            margin-inline-start: auto;
+            flex-shrink: 0;
+        }
+
+        eds-wc-icon-button.eds-input-chat__send {
+            --_eds-icon-button-surface: var(--eds-c-surface-brand);
+        }
+
+        /* Size variants */
+        :host([size="s"]) {
+            --_eds-input-chat-font: var(--eds-f-paragraph-s);
+            --_eds-input-chat-padding: var(--eds-sp-2xs) var(--eds-sp-xs);
+            --_eds-input-chat-radius: var(--eds-br-m);
+        }
+        :host([size="l"]) {
+            --_eds-input-chat-font: var(--eds-f-paragraph-l);
+            --_eds-input-chat-padding: var(--eds-sp-s) var(--eds-sp-m);
+        }
+
+        /* States */
+        :host([invalid]) { border-color: var(--eds-c-border-critical); }
+        :host([disabled]) {
+            background-color: var(--eds-c-surface-disabled);
+            border-color: var(--eds-c-border-disabled);
+            pointer-events: none;
+        }
+        :host([disabled]) .eds-input-chat__textarea { color: var(--eds-c-foreground-subtler); }
+        :host([readonly]) {
+            background-color: transparent;
+            border-color: var(--eds-c-border-divider);
+        }
+        :host([loading]) { border-color: var(--eds-c-border-primary); }
+    `; }
+    /** True when the send button can submit the current prompt. */
+    get _canSubmit() {
+        return !this.disabled && !this.readonly && !this.loading && this.value.trim().length > 0;
+    }
+    get _primaryActionEnabled() {
+        return this.loading || this._canSubmit;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._syncForm();
+    }
+    updated(changed) {
+        if (changed.has('value')) {
+            this._syncForm();
+            this._autoResize();
+        }
+    }
+    firstUpdated() {
+        this._autoResize();
+    }
+    _syncForm() {
+        this._internals.setFormValue(this.value ?? '');
+        this._internals.setValidity(this.invalid ? { customError: true } : {}, this.invalid ? 'Invalid value' : undefined);
+    }
+    _autoResize() {
+        const el = this._textarea;
+        if (!el)
+            return;
+        el.style.height = 'auto';
+        const lineHeight = parseFloat(getComputedStyle(el).lineHeight) || 20;
+        const maxHeight = this.maxRows > 0 ? this.maxRows * lineHeight : Infinity;
+        const next = Math.min(el.scrollHeight, maxHeight);
+        el.style.height = `${next}px`;
+        el.style.overflowY = el.scrollHeight > maxHeight ? 'auto' : 'hidden';
+    }
+    /** Reset participation when the surrounding form resets. */
+    formResetCallback() {
+        this.value = '';
+        this._syncForm();
+    }
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    submit() {
+        if (!this._canSubmit)
+            return;
+        this.dispatchEvent(new CustomEvent('prompt-submit', {
+            bubbles: true, composed: true, detail: this.value.trim(),
+        }));
+    }
+    _onInput(e) {
+        this.value = e.target.value;
+        this.dispatchEvent(new CustomEvent('value-change', {
+            bubbles: true, composed: true, detail: this.value,
+        }));
+    }
+    _onKeydown(e) {
+        if (e.key !== 'Enter' || e.shiftKey || !this.submitOnEnter || e.isComposing)
+            return;
+        e.preventDefault();
+        this.submit();
+    }
+    _onSendClick() {
+        if (this.loading) {
+            this.dispatchEvent(new CustomEvent('prompt-stop', { bubbles: true, composed: true }));
+            return;
+        }
+        this.submit();
+        this._textarea?.focus();
+    }
+    _renderSendButton() {
+        if (this.hideSendButton)
+            return nothing;
+        return html `
+            <eds-wc-icon-button
+                class="eds-input-chat__send"
+                color="brand"
+                rounded
+                .icon="${this.loading ? this.stopIcon : this.sendIcon}"
+                size="${this.size === 's' ? 'xs' : 's'}"
+                aria-label="${this.loading ? this.stopAriaLabel : this.sendAriaLabel}"
+                ?disabled="${!this._primaryActionEnabled}"
+                @button-click="${this._onSendClick}">
+            </eds-wc-icon-button>
+        `;
+    }
+    render() {
+        return html `
+            <div class="eds-input-chat__field">
+                <textarea
+                    class="eds-input-chat__textarea"
+                    rows="${this.minRows}"
+                    placeholder="${this.placeholder}"
+                    aria-label="${this.fieldAriaLabel}"
+                    maxlength="${this.maxLength ?? nothing}"
+                    aria-invalid="${this.invalid ? 'true' : nothing}"
+                    .value="${this.value}"
+                    ?disabled="${this.disabled}"
+                    ?readonly="${this.readonly}"
+                    @input="${this._onInput}"
+                    @keydown="${this._onKeydown}"></textarea>
+
+                ${this.sendPosition === 'top' ? this._renderSendButton() : nothing}
+            </div>
+
+            <div class="eds-input-chat__toolbar">
+                <div class="eds-input-chat__actions eds-input-chat__actions--leading">
+                    <slot name="leading"></slot>
+                </div>
+                <div class="eds-input-chat__actions eds-input-chat__actions--trailing">
+                    <slot name="trailing"></slot>
+                    ${this.sendPosition === 'toolbar' ? this._renderSendButton() : nothing}
+                </div>
+            </div>
+        `;
+    }
+};
+__decorate([
+    property({ type: String })
+], EdsWcInputChat.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], EdsWcInputChat.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], EdsWcInputChat.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EdsWcInputChat.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EdsWcInputChat.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EdsWcInputChat.prototype, "invalid", void 0);
+__decorate([
+    property({ type: Number, attribute: 'min-rows' })
+], EdsWcInputChat.prototype, "minRows", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-rows' })
+], EdsWcInputChat.prototype, "maxRows", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-length' })
+], EdsWcInputChat.prototype, "maxLength", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'submit-on-enter' })
+], EdsWcInputChat.prototype, "submitOnEnter", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hide-send-button' })
+], EdsWcInputChat.prototype, "hideSendButton", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'send-position' })
+], EdsWcInputChat.prototype, "sendPosition", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EdsWcInputChat.prototype, "loading", void 0);
+__decorate([
+    property({ type: String, attribute: 'send-icon' })
+], EdsWcInputChat.prototype, "sendIcon", void 0);
+__decorate([
+    property({ type: String, attribute: 'stop-icon' })
+], EdsWcInputChat.prototype, "stopIcon", void 0);
+__decorate([
+    property({ type: String, attribute: 'send-aria-label' })
+], EdsWcInputChat.prototype, "sendAriaLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'stop-aria-label' })
+], EdsWcInputChat.prototype, "stopAriaLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'field-aria-label' })
+], EdsWcInputChat.prototype, "fieldAriaLabel", void 0);
+__decorate([
+    query('textarea')
+], EdsWcInputChat.prototype, "_textarea", void 0);
+EdsWcInputChat = __decorate([
+    customElement('eds-wc-input-chat')
+], EdsWcInputChat);
+export { EdsWcInputChat };
+//# sourceMappingURL=eds-wc-input-chat.js.map

package/eds-input-chat/eds-wc-input-chat.js.map

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

package/eds-input-chat/index.d.ts

@@ -0,0 +1,3 @@
+export { EdsWcInputChat } from './eds-wc-input-chat';
+export type { EdsWcInputChatSize, EdsWcInputChatSendPosition } from './eds-wc-input-chat';
+//# sourceMappingURL=index.d.ts.map

package/eds-input-chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-input-chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC"}

package/eds-input-chat/index.js

@@ -0,0 +1,2 @@
+export { EdsWcInputChat } from './eds-wc-input-chat';
+//# sourceMappingURL=index.js.map

package/eds-input-chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-input-chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/eds-input-number/eds-wc-input-number.js

@@ -53,7 +53,7 @@ let EdsWcInputNumber = class EdsWcInputNumber extends EdsBaseElement {
         }
         input::placeholder { color: var(--eds-c-foreground-subtler); opacity: 1; }
         input:focus-visible { outline: 2px solid var(--eds-c-border-primary); outline-offset: -2px; }
-        input:disabled { background-color: var(--eds-c-suface-disabled); border-color: var(--eds-c-border-disabled); color: var(--eds-c-foreground-subtler); }
+        input:disabled { background-color: var(--eds-c-surface-disabled); border-color: var(--eds-c-border-disabled); color: var(--eds-c-foreground-subtler); }
         input[readonly] { background-color: transparent; border-color: transparent; padding-left: 0; padding-right: 0; pointer-events: none; }
         :host([invalid]) input { border-color: var(--eds-c-border-critical); }
     `; }

package/eds-input-password/eds-wc-input-password.d.ts

@@ -0,0 +1,115 @@
+import { EdsBaseElement } from '../shared/eds-base.js';
+import '../eds-input-button/eds-wc-input-button.js';
+import '../eds-input-text/eds-wc-input-text.js';
+import '../eds-icon-button/eds-wc-icon-button.js';
+/**
+ * `<eds-wc-input-password>` — EDS Password Input Web Component.
+ *
+ * A composite password field: an `<eds-wc-input-button>` wrapping an `<eds-wc-input-text>` (default
+ * slot) and a trailing `<eds-wc-icon-button>` toggle (`slot="button"`) that switches the field
+ * between `type="password"` (masked) and `type="text"` (plain). The toggle flips its icon between
+ * `eye` (currently hidden) and `eye-slash` (currently shown), carries `aria-pressed` (`true` when
+ * the value is visible), and swaps its `aria-label` between `showLabel` and `hideLabel`. Because the
+ * toggle is an `eds-wc-icon-button` living in the input-button's `button` slot, it participates in
+ * the input-button's roving-tabindex focus model and receives the inset, critical-aware focus ring.
+ *
+ * 1:1 projection of the Angular `eds-input-password` component. Like the Angular source it is a form
+ * control: it participates in the surrounding `<form>` via `ElementInternals` (form-associated
+ * custom element) and also dispatches `input` / `change` events. The visibility toggle state is
+ * internal.
+ *
+ * @example
+ * ```html
+ * <eds-wc-input-password placeholder="Enter your password"></eds-wc-input-password>
+ * <eds-wc-input-password invalid></eds-wc-input-password>
+ * <eds-wc-input-password disabled></eds-wc-input-password>
+ * ```
+ *
+ * @fires input - Dispatched on every keystroke as the value changes. `detail: { value: string }`
+ * @fires change - Dispatched when the value is committed (native change). `detail: { value: string }`
+ *
+ * @csspart input - The internal `<eds-wc-input-text>` field
+ * @csspart toggle - The trailing visibility toggle `<eds-wc-icon-button>`
+ */
+export declare class EdsWcInputPassword extends EdsBaseElement {
+    /** Form-associated custom element — participates in the surrounding `<form>`. */
+    static formAssociated: boolean;
+    private _internals;
+    /**
+     * Data attribute value for end-to-end testing identification.
+     * @default 'eds-input-password'
+     */
+    e2eAttr: string;
+    /**
+     * Current value of the password field.
+     * @default ''
+     */
+    value: string;
+    /**
+     * Placeholder text shown in the input when empty.
+     * @default ''
+     */
+    placeholder: string;
+    /**
+     * Controls whether the input is disabled. Reflected as the `disabled` host attribute.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Controls whether the input is readonly. Reflected as the `readonly` host attribute.
+     * @default false
+     */
+    readonly: boolean;
+    /**
+     * Controls whether the input shows an invalid/error state. Reflected as the `invalid` host
+     * attribute (String-Props model).
+     * @default false
+     */
+    invalid: boolean;
+    /**
+     * Accessible label for the visibility toggle button when the password is hidden (pressing it
+     * will show the password).
+     * @default 'Show password'
+     */
+    showLabel: string;
+    /**
+     * Accessible label for the visibility toggle button when the password is shown (pressing it
+     * will hide the password).
+     * @default 'Hide password'
+     */
+    hideLabel: string;
+    /**
+     * Whether the password value is currently visible (`true` → `text`, `false` → `password`).
+     * Internal toggle state.
+     */
+    private _visible;
+    private _inputText;
+    /** Resolved input `type` derived from the visibility state. */
+    private get _inputType();
+    /** Icon shown on the toggle button, derived from the visibility state. */
+    private get _toggleIcon();
+    /** Accessible label for the toggle button, derived from the visibility state. */
+    private get _toggleLabel();
+    static styles: import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    /** Toggles the password visibility. No-op when disabled or readonly. */
+    private _toggleVisibility;
+    /** Handles input from the composed text field. */
+    private _onInput;
+    /** Re-emits the composed field's native change event. */
+    private _onChange;
+    /** Bridges the shadow-DOM value + validity to the surrounding form. */
+    private _syncFormValue;
+    /** Reset the value when the surrounding form is reset. */
+    formResetCallback(): void;
+    /** Mirror the form's disabled state (fieldset[disabled], etc.). */
+    formDisabledCallback(disabled: boolean): void;
+    protected updated(changed: Map<string, unknown>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eds-wc-input-password': EdsWcInputPassword;
+    }
+}
+//# sourceMappingURL=eds-wc-input-password.d.ts.map

package/eds-input-password/eds-wc-input-password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eds-wc-input-password.d.ts","sourceRoot":"","sources":["../../src/eds-input-password/eds-wc-input-password.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,wCAAwC,CAAC;AAChD,OAAO,0CAA0C,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBACa,kBAAmB,SAAQ,cAAc;IAClD,iFAAiF;IACjF,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,UAAU,CAA0B;IAE5C;;;OAGG;IAEH,OAAO,SAAwB;IAE/B;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,WAAW,SAAM;IAEjB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,SAAS,SAAmB;IAE5B;;;;OAIG;IAEH,SAAS,SAAmB;IAE5B;;;OAGG;IAEH,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,UAAU,CAAmC;IAErD,+DAA+D;IAC/D,OAAO,KAAK,UAAU,GAErB;IAED,0EAA0E;IAC1E,OAAO,KAAK,WAAW,GAEtB;IAED,iFAAiF;IACjF,OAAO,KAAK,YAAY,GAEvB;IAED,OAAgB,MAAM,0BAyEpB;cAEiB,MAAM;IA4BhB,iBAAiB,IAAI,IAAI;IAKlC,wEAAwE;IACxE,OAAO,CAAC,iBAAiB;IAOzB,kDAAkD;IAClD,OAAO,CAAC,QAAQ;IAWhB,yDAAyD;IACzD,OAAO,CAAC,SAAS;IAQjB,uEAAuE;IACvE,OAAO,CAAC,cAAc;IAStB,0DAA0D;IAC1D,iBAAiB,IAAI,IAAI;IAMzB,mEAAmE;IACnE,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;cAI1B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;CAKlE;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;CACJ"}