@aceshooting/lyra-ui 2.1.0 → 2.3.0

package/dist/components/chat-composer/chat-composer.class.js

@@ -0,0 +1,367 @@
+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, nothing, svg } from 'lit';
+import { property, state, query } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { FormAssociated } from '../../internal/form-associated.js';
+import { styles } from './chat-composer.styles.js';
+// Mirrors the shared icon set's viewBox/stroke conventions
+// (internal/icons.ts's chevronIcon()/closeIcon()/etc.) without adding
+// send/stop glyphs to that module -- it's off limits here -- so these
+// one-off icons still read as part of the same visual language as the rest
+// of the library's inline icons. Same approach lyra-checkbox's and
+// lyra-chat-message's own local glyphs take for the identical reason.
+const ICON_VIEW_BOX = '0 0 24 24';
+const ICON_STROKE_WIDTH = '1.75';
+function sendIcon() {
+    return svg `
+    <svg
+      width="1em"
+      height="1em"
+      viewBox=${ICON_VIEW_BOX}
+      fill="none"
+      stroke="currentColor"
+      stroke-width=${ICON_STROKE_WIDTH}
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      focusable="false"
+    ><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
+  `;
+}
+/** A filled square -- the conventional "stop generating" glyph. */
+function stopIcon() {
+    return svg `
+    <svg
+      width="1em"
+      height="1em"
+      viewBox=${ICON_VIEW_BOX}
+      fill="currentColor"
+      stroke="none"
+      aria-hidden="true"
+      focusable="false"
+    ><rect x="6" y="6" width="12" height="12" rx="1.5"></rect></svg>
+  `;
+}
+class LyraChatComposerBase extends LyraElement {
+}
+/**
+ * `<lyra-chat-composer>` — the message input for a chat/agent conversation
+ * surface: an auto-resizing textarea plus a send/stop button. Form-
+ * associated via the `FormAssociated` mixin (see `<lyra-date-input>` for the
+ * same shape), so it participates in native `<form>` submission/validation/
+ * reset like any other text control — `name`/`value`/`disabled`/`required`/
+ * `checkValidity()`/`reportValidity()` all come from that mixin.
+ *
+ * Auto-resize reads the textarea's own *computed* line-height/padding/
+ * border at runtime (`resizeTextarea()`) rather than assuming a fixed
+ * px-per-row constant, so it stays correct under a consumer's own font-size/
+ * line-height overrides. It grows between `min-rows` and `max-rows`, then
+ * switches to internal scrolling. A `ResizeObserver` on the textarea itself
+ * re-runs the same fit whenever its *width* changes (a responsive
+ * breakpoint, a sidebar toggling, a window resize, an orientation change)
+ * even though `value`/`min-rows`/`max-rows` never did -- a narrower box
+ * wraps the same text across more lines, so the previously-fitted height
+ * would otherwise go stale and clip content with no scrollbar to reveal it.
+ *
+ * Enter-to-send (only active while `submit-on-enter` is true, the default):
+ * plain Enter submits and is prevented from inserting a newline; Shift+Enter
+ * always inserts a newline no matter what; an IME composition step (checked
+ * via `isComposing`, with `keyCode === 229` as a defense-in-depth fallback
+ * for browsers that report `isComposing` inconsistently on the
+ * compositionend-adjacent keydown) is never treated as a submit trigger;
+ * and while `status` isn't `"idle"` Enter is left alone to insert a newline
+ * too, rather than trying to submit again -- there is nothing meaningful to
+ * submit while a previous message is still sending/streaming, and the
+ * textarea deliberately stays interactive (see `disabled` below) so a user
+ * can keep composing their next message in the meantime.
+ *
+ * `lyra-submit`'s `detail.value` is always the exact, untrimmed current
+ * value (`detail.value === value` at the moment it fires) -- trimming is
+ * left to the consumer so it never silently diverges from what `value`
+ * itself reports. Submitting does not clear `value`; the consumer clears it
+ * once the submission has actually been accepted (so e.g. a failed send can
+ * leave the text in place for retry).
+ *
+ * @customElement lyra-chat-composer
+ * @slot leading - Content rendered before the textarea (e.g. an attach-file trigger button).
+ * @slot chips - An attachment tray rendered above the input row (e.g. files queued for this message).
+ * @slot trailing - Overrides the built-in send/stop button entirely when it has assigned content.
+ * @event lyra-input - Fired on every user-driven edit of the textarea (not a programmatic `.value` assignment). `detail: { value }`.
+ * @event lyra-submit - Fired by Enter (per `submit-on-enter`) or the built-in button while `status="idle"`. `detail: { value }`.
+ * @event lyra-stop - Fired by the built-in button while `status` is `"sending"` or `"streaming"`. No detail.
+ * @csspart base - The bordered root container.
+ * @csspart chips - The wrapper around the `chips` slot. Hidden entirely when the slot is empty.
+ * @csspart row - The row holding the leading slot, textarea, and trailing slot/button.
+ * @csspart leading - The wrapper around the `leading` slot. Hidden entirely when the slot is empty.
+ * @csspart textarea - The auto-resizing `<textarea>` itself.
+ * @csspart trailing - The wrapper around the `trailing` slot and the built-in `action-button`.
+ * @csspart action-button - The built-in send/stop button. Absent from the accessibility tree's meaningful content whenever `trailing` has assigned content. Style its busy treatment via `:host([status='sending'])`/`:host([status='streaming'])`.
+ */
+export class LyraChatComposer extends FormAssociated(LyraChatComposerBase) {
+    static { this.styles = [LyraElement.styles, styles]; }
+    constructor() {
+        super();
+        this.placeholder = '';
+        this.minRows = 1;
+        this.maxRows = 8;
+        this.status = 'idle';
+        this.submitOnEnter = true;
+        this.hasLeadingSlot = false;
+        this.hasChipsSlot = false;
+        this.hasTrailingSlot = false;
+        this.touched = false;
+        this.onTextareaInput = (e) => {
+            this.value = e.target.value;
+            this.emit('lyra-input', { value: this.value });
+        };
+        this.onTextareaKeyDown = (e) => {
+            if (e.key !== 'Enter')
+                return;
+            // Shift+Enter always inserts a newline, regardless of submit-on-enter --
+            // leave the browser's own default action alone.
+            if (e.shiftKey)
+                return;
+            // submit-on-enter="false": Enter always inserts a newline too.
+            if (!this.submitOnEnter)
+                return;
+            // An IME composition step (e.g. confirming a Japanese/Chinese/Korean
+            // candidate) must never be treated as "the user pressed Enter to send" --
+            // keyCode 229 is a defense-in-depth fallback for browsers that report
+            // isComposing inconsistently on the compositionend-adjacent keydown.
+            if (e.isComposing || e.keyCode === 229)
+                return;
+            // Nothing meaningful to (re-)submit while already sending/streaming --
+            // fall through to the default newline insertion instead, so the
+            // textarea stays a normal place to keep composing the next message.
+            if (this.status !== 'idle')
+                return;
+            e.preventDefault();
+            this.submit();
+        };
+        this.onActionClick = () => {
+            if (this.effectiveDisabled)
+                return;
+            if (this.status === 'idle') {
+                this.submit();
+            }
+            else {
+                this.emit('lyra-stop');
+            }
+        };
+        this.onLeadingSlotChange = (e) => {
+            this.hasLeadingSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onChipsSlotChange = (e) => {
+            this.hasChipsSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onTrailingSlotChange = (e) => {
+            this.hasTrailingSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onTextareaBlur = () => {
+            this.touched = true;
+        };
+        this.addEventListener('invalid', () => {
+            this.touched = true;
+        });
+    }
+    willUpdate() {
+        if (!this.hasUpdated) {
+            this.hasLeadingSlot = this.hasSlotted('leading');
+            this.hasChipsSlot = this.hasSlotted('chips');
+            this.hasTrailingSlot = this.hasSlotted('trailing');
+        }
+    }
+    firstUpdated(changed) {
+        super.firstUpdated(changed);
+        this.resizeTextarea();
+        this.armTextareaResizeObserver();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.textareaResizeObserver?.disconnect();
+        if (this.textareaResizeRaf !== undefined)
+            cancelAnimationFrame(this.textareaResizeRaf);
+        this.textareaResizeRaf = undefined;
+    }
+    updated(changed) {
+        super.updated(changed);
+        if (changed.has('value') || changed.has('minRows') || changed.has('maxRows')) {
+            this.resizeTextarea();
+        }
+    }
+    formResetCallback() {
+        super.formResetCallback();
+        this.touched = false;
+    }
+    hasSlotted(name) {
+        return Array.from(this.children).some((el) => el.getAttribute('slot') === name);
+    }
+    /**
+     * Grows/shrinks the textarea between `min-rows` and `max-rows`, reading
+     * the *computed* line-height/padding/border back out of the element at
+     * call time instead of assuming a fixed px-per-row figure -- correct
+     * whatever font-size/line-height a consumer's own CSS ends up applying.
+     * Past `max-rows` the box stops growing and switches to internal
+     * scrolling (`overflow-y: auto`).
+     */
+    resizeTextarea() {
+        const ta = this.textareaEl;
+        if (!ta)
+            return;
+        const cs = getComputedStyle(ta);
+        const lineHeight = parseFloat(cs.lineHeight) || parseFloat(cs.fontSize) * 1.2;
+        const paddingBlock = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom);
+        const borderBlock = parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth);
+        const minRows = Math.max(1, this.minRows || 1);
+        const maxRows = Math.max(minRows, this.maxRows || minRows);
+        const minHeight = lineHeight * minRows + paddingBlock + borderBlock;
+        const maxHeight = lineHeight * maxRows + paddingBlock + borderBlock;
+        // Collapse first so a shrinking edit (e.g. deleting a wrapped line)
+        // reports its true scrollHeight rather than the previous, taller,
+        // explicitly-set height.
+        ta.style.height = 'auto';
+        // scrollHeight never includes border, so it's added back in to compare
+        // apples-to-apples against min/maxHeight, both of which are border-box
+        // figures (this component inherits box-sizing: border-box from
+        // LyraElement's tokens.styles.ts).
+        const contentHeight = ta.scrollHeight + borderBlock;
+        const next = Math.min(Math.max(contentHeight, minHeight), maxHeight);
+        ta.style.height = `${next}px`;
+        ta.style.overflowY = contentHeight > maxHeight ? 'auto' : 'hidden';
+    }
+    /**
+     * Re-fits the textarea whenever its own box *width* changes, independent
+     * of any `value`/`min-rows`/`max-rows` update -- `updated()` above only
+     * reacts to those, so a pure layout change (a responsive breakpoint, a
+     * sidebar collapsing/expanding, a window resize, an orientation change)
+     * would otherwise leave the height pinned at whatever it last was, even
+     * though the same text now wraps across a different number of lines.
+     * Mirrors split.ts's `collapseResizeObserver`/virtual-list.ts's
+     * `containerResizeObserver`/lite-chart.ts's `resizeObserver`.
+     *
+     * Only reacts to an actual inline-size change rather than calling
+     * `resizeTextarea()` unconditionally on every callback: `resizeTextarea()`
+     * itself sets `ta.style.height`, a *block*-size change on the very element
+     * being observed, which would otherwise re-trigger this same observer
+     * every tick. Diffing against the last-seen width (same technique as
+     * split.ts keying its collapse state off `contentBoxSize[0].inlineSize`)
+     * keeps a same-width, height-only callback from doing anything.
+     *
+     * The actual recompute is deferred one animation frame rather than run
+     * synchronously inside the callback: `ResizeObserver`'s spec re-delivers,
+     * within the same notification pass, to any observed element resized by
+     * its own callback -- mutating `ta.style.height` synchronously here would
+     * do exactly that to the very box just observed, and the browser reports
+     * it as "ResizeObserver loop completed with undelivered notifications"
+     * (a real, user-visible console error, not just noise). Deferring the
+     * mutation to the next frame -- outside that notification pass -- avoids
+     * ever resizing the observed element from inside its own callback.
+     */
+    armTextareaResizeObserver() {
+        const ta = this.textareaEl;
+        if (!ta || this.textareaResizeObserver)
+            return;
+        let lastWidth = ta.getBoundingClientRect().width;
+        this.textareaResizeObserver = new ResizeObserver((entries) => {
+            const box = entries[0]?.contentBoxSize?.[0];
+            const width = box ? box.inlineSize : (entries[0]?.contentRect.width ?? lastWidth);
+            // A sub-pixel-only difference (common with fractional layout/zoom)
+            // isn't worth a recompute.
+            if (Math.abs(width - lastWidth) < 0.5)
+                return;
+            lastWidth = width;
+            if (this.textareaResizeRaf !== undefined)
+                cancelAnimationFrame(this.textareaResizeRaf);
+            this.textareaResizeRaf = requestAnimationFrame(() => {
+                this.textareaResizeRaf = undefined;
+                this.resizeTextarea();
+            });
+        });
+        this.textareaResizeObserver.observe(ta);
+    }
+    submit() {
+        this.emit('lyra-submit', { value: this.value });
+    }
+    renderActionButton() {
+        const busy = this.status !== 'idle';
+        return html `
+      <button
+        part="action-button"
+        type="button"
+        aria-label=${busy ? 'Stop generating' : 'Send message'}
+        ?disabled=${this.effectiveDisabled}
+        @click=${this.onActionClick}
+      >
+        ${busy ? stopIcon() : sendIcon()}
+      </button>
+    `;
+    }
+    render() {
+        return html `
+      <div part="base">
+        <div part="chips" ?hidden=${!this.hasChipsSlot}>
+          <slot name="chips" @slotchange=${this.onChipsSlotChange}></slot>
+        </div>
+        <div part="row">
+          <span part="leading" ?hidden=${!this.hasLeadingSlot}>
+            <slot name="leading" @slotchange=${this.onLeadingSlotChange}></slot>
+          </span>
+          <textarea
+            part="textarea"
+            aria-label=${this.placeholder || 'Message'}
+            aria-required=${this.required ? 'true' : 'false'}
+            aria-invalid=${this.touched && !this.internals.validity.valid ? 'true' : 'false'}
+            .value=${this.value}
+            placeholder=${this.placeholder}
+            rows=${Math.max(1, this.minRows || 1)}
+            ?required=${this.required}
+            ?disabled=${this.effectiveDisabled}
+            @input=${this.onTextareaInput}
+            @keydown=${this.onTextareaKeyDown}
+            @blur=${this.onTextareaBlur}
+          ></textarea>
+          <span part="trailing">
+            <slot name="trailing" @slotchange=${this.onTrailingSlotChange}></slot>
+            ${this.hasTrailingSlot ? nothing : this.renderActionButton()}
+          </span>
+        </div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property()
+], LyraChatComposer.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Number, attribute: 'min-rows' })
+], LyraChatComposer.prototype, "minRows", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-rows' })
+], LyraChatComposer.prototype, "maxRows", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraChatComposer.prototype, "status", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'submit-on-enter' })
+], LyraChatComposer.prototype, "submitOnEnter", void 0);
+__decorate([
+    state()
+], LyraChatComposer.prototype, "hasLeadingSlot", void 0);
+__decorate([
+    state()
+], LyraChatComposer.prototype, "hasChipsSlot", void 0);
+__decorate([
+    state()
+], LyraChatComposer.prototype, "hasTrailingSlot", void 0);
+__decorate([
+    state()
+], LyraChatComposer.prototype, "touched", void 0);
+__decorate([
+    query('textarea')
+], LyraChatComposer.prototype, "textareaEl", void 0);
+//# sourceMappingURL=chat-composer.class.js.map

package/dist/components/chat-composer/chat-composer.class.js.map

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

package/dist/components/chat-composer/chat-composer.d.ts

@@ -1,133 +1,2 @@
-import { type TemplateResult, type PropertyValues } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-export type ChatComposerStatus = 'idle' | 'sending' | 'streaming';
-declare const LyraChatComposer_base: typeof LyraElement & (new (...args: any[]) => import("../../internal/form-associated.js").FormAssociatedInterface);
-/**
- * `<lyra-chat-composer>` — the message input for a chat/agent conversation
- * surface: an auto-resizing textarea plus a send/stop button. Form-
- * associated via the `FormAssociated` mixin (see `<lyra-date-input>` for the
- * same shape), so it participates in native `<form>` submission/validation/
- * reset like any other text control — `name`/`value`/`disabled`/`required`/
- * `checkValidity()`/`reportValidity()` all come from that mixin.
- *
- * Auto-resize reads the textarea's own *computed* line-height/padding/
- * border at runtime (`resizeTextarea()`) rather than assuming a fixed
- * px-per-row constant, so it stays correct under a consumer's own font-size/
- * line-height overrides. It grows between `min-rows` and `max-rows`, then
- * switches to internal scrolling. A `ResizeObserver` on the textarea itself
- * re-runs the same fit whenever its *width* changes (a responsive
- * breakpoint, a sidebar toggling, a window resize, an orientation change)
- * even though `value`/`min-rows`/`max-rows` never did -- a narrower box
- * wraps the same text across more lines, so the previously-fitted height
- * would otherwise go stale and clip content with no scrollbar to reveal it.
- *
- * Enter-to-send (only active while `submit-on-enter` is true, the default):
- * plain Enter submits and is prevented from inserting a newline; Shift+Enter
- * always inserts a newline no matter what; an IME composition step (checked
- * via `isComposing`, with `keyCode === 229` as a defense-in-depth fallback
- * for browsers that report `isComposing` inconsistently on the
- * compositionend-adjacent keydown) is never treated as a submit trigger;
- * and while `status` isn't `"idle"` Enter is left alone to insert a newline
- * too, rather than trying to submit again -- there is nothing meaningful to
- * submit while a previous message is still sending/streaming, and the
- * textarea deliberately stays interactive (see `disabled` below) so a user
- * can keep composing their next message in the meantime.
- *
- * `lyra-submit`'s `detail.value` is always the exact, untrimmed current
- * value (`detail.value === value` at the moment it fires) -- trimming is
- * left to the consumer so it never silently diverges from what `value`
- * itself reports. Submitting does not clear `value`; the consumer clears it
- * once the submission has actually been accepted (so e.g. a failed send can
- * leave the text in place for retry).
- *
- * @customElement lyra-chat-composer
- * @slot leading - Content rendered before the textarea (e.g. an attach-file trigger button).
- * @slot chips - An attachment tray rendered above the input row (e.g. files queued for this message).
- * @slot trailing - Overrides the built-in send/stop button entirely when it has assigned content.
- * @event lyra-input - Fired on every user-driven edit of the textarea (not a programmatic `.value` assignment). `detail: { value }`.
- * @event lyra-submit - Fired by Enter (per `submit-on-enter`) or the built-in button while `status="idle"`. `detail: { value }`.
- * @event lyra-stop - Fired by the built-in button while `status` is `"sending"` or `"streaming"`. No detail.
- * @csspart base - The bordered root container.
- * @csspart chips - The wrapper around the `chips` slot. Hidden entirely when the slot is empty.
- * @csspart row - The row holding the leading slot, textarea, and trailing slot/button.
- * @csspart leading - The wrapper around the `leading` slot. Hidden entirely when the slot is empty.
- * @csspart textarea - The auto-resizing `<textarea>` itself.
- * @csspart trailing - The wrapper around the `trailing` slot and the built-in `action-button`.
- * @csspart action-button - The built-in send/stop button. Absent from the accessibility tree's meaningful content whenever `trailing` has assigned content. Style its busy treatment via `:host([status='sending'])`/`:host([status='streaming'])`.
- */
-export declare class LyraChatComposer extends LyraChatComposer_base {
-    static styles: import("lit").CSSResultGroup[];
-    placeholder: string;
-    minRows: number;
-    maxRows: number;
-    status: ChatComposerStatus;
-    submitOnEnter: boolean;
-    private hasLeadingSlot;
-    private hasChipsSlot;
-    private hasTrailingSlot;
-    private touched;
-    private textareaEl?;
-    private textareaResizeObserver?;
-    private textareaResizeRaf?;
-    constructor();
-    protected willUpdate(): void;
-    protected firstUpdated(changed: PropertyValues): void;
-    disconnectedCallback(): void;
-    protected updated(changed: PropertyValues): void;
-    formResetCallback(): void;
-    private hasSlotted;
-    /**
-     * Grows/shrinks the textarea between `min-rows` and `max-rows`, reading
-     * the *computed* line-height/padding/border back out of the element at
-     * call time instead of assuming a fixed px-per-row figure -- correct
-     * whatever font-size/line-height a consumer's own CSS ends up applying.
-     * Past `max-rows` the box stops growing and switches to internal
-     * scrolling (`overflow-y: auto`).
-     */
-    private resizeTextarea;
-    /**
-     * Re-fits the textarea whenever its own box *width* changes, independent
-     * of any `value`/`min-rows`/`max-rows` update -- `updated()` above only
-     * reacts to those, so a pure layout change (a responsive breakpoint, a
-     * sidebar collapsing/expanding, a window resize, an orientation change)
-     * would otherwise leave the height pinned at whatever it last was, even
-     * though the same text now wraps across a different number of lines.
-     * Mirrors split.ts's `collapseResizeObserver`/virtual-list.ts's
-     * `containerResizeObserver`/lite-chart.ts's `resizeObserver`.
-     *
-     * Only reacts to an actual inline-size change rather than calling
-     * `resizeTextarea()` unconditionally on every callback: `resizeTextarea()`
-     * itself sets `ta.style.height`, a *block*-size change on the very element
-     * being observed, which would otherwise re-trigger this same observer
-     * every tick. Diffing against the last-seen width (same technique as
-     * split.ts keying its collapse state off `contentBoxSize[0].inlineSize`)
-     * keeps a same-width, height-only callback from doing anything.
-     *
-     * The actual recompute is deferred one animation frame rather than run
-     * synchronously inside the callback: `ResizeObserver`'s spec re-delivers,
-     * within the same notification pass, to any observed element resized by
-     * its own callback -- mutating `ta.style.height` synchronously here would
-     * do exactly that to the very box just observed, and the browser reports
-     * it as "ResizeObserver loop completed with undelivered notifications"
-     * (a real, user-visible console error, not just noise). Deferring the
-     * mutation to the next frame -- outside that notification pass -- avoids
-     * ever resizing the observed element from inside its own callback.
-     */
-    private armTextareaResizeObserver;
-    private onTextareaInput;
-    private onTextareaKeyDown;
-    private onActionClick;
-    private submit;
-    private onLeadingSlotChange;
-    private onChipsSlotChange;
-    private onTrailingSlotChange;
-    private onTextareaBlur;
-    private renderActionButton;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-chat-composer': LyraChatComposer;
-    }
-}
-export {};
+export * from './chat-composer.class.js';
+//# sourceMappingURL=chat-composer.d.ts.map

package/dist/components/chat-composer/chat-composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-composer.d.ts","sourceRoot":"","sources":["../../../src/components/chat-composer/chat-composer.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}