@rt-tools/ui-kit-v2 0.34.5 → 0.35.0

package/fesm2022/rt-tools-ui-kit-v2-ai-prompt-input.mjs

@@ -0,0 +1,574 @@
+import { CdkTextareaAutosize } from "@angular/cdk/text-field";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, inject, input, model, numberAttribute, output, signal, viewChild } from "@angular/core";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { RtButtonDirective } from "@rt-tools/ui-kit-v2/button";
+import { RT_KIT_LABELS, rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+import { RtFileCardComponent } from "@rt-tools/ui-kit-v2/file-card";
+import { RtIconButtonComponent } from "@rt-tools/ui-kit-v2/icon-button";
+import { RtUsageRingComponent } from "@rt-tools/ui-kit-v2/usage-ring";
+const BEM_BLOCK = "rt-ai-prompt-input";
+function rtPromptCanSend(text, files, busy) {
+	return !busy && (text.trim().length > 0 || files > 0);
+}
+var RtAiPromptInputComponent = class RtAiPromptInputComponent {
+	constructor() {
+		this.#t_placeholder = rtKitLabel("chatPlaceholder");
+		this.#t_disclaimer = rtKitLabel("aiDisclaimer");
+		this.t = inject(RT_KIT_LABELS);
+		this.fileInput = viewChild("fileEl", ...ngDevMode ? [{ debugName: "fileInput" }] : /* istanbul ignore next */ []);
+		this.textInput = viewChild("textEl", ...ngDevMode ? [{ debugName: "textInput" }] : /* istanbul ignore next */ []);
+		this.files = signal([], ...ngDevMode ? [{ debugName: "files" }] : /* istanbul ignore next */ []);
+		this.placeholderText = computed(() => this.placeholder() || this.#t_placeholder(), ...ngDevMode ? [{ debugName: "placeholderText" }] : /* istanbul ignore next */ []);
+		this.hintText = computed(() => this.hint() ?? this.#t_disclaimer(), ...ngDevMode ? [{ debugName: "hintText" }] : /* istanbul ignore next */ []);
+		this.hintAbove = computed(() => this.hintText() !== "" && this.hintPosition() === "above", ...ngDevMode ? [{ debugName: "hintAbove" }] : /* istanbul ignore next */ []);
+		this.hintBelow = computed(() => this.hintText() !== "" && this.hintPosition() === "below", ...ngDevMode ? [{ debugName: "hintBelow" }] : /* istanbul ignore next */ []);
+		this.locked = computed(() => this.disabled() || this.sending() && !this.stoppable(), ...ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []);
+		this.canSend = computed(() => rtPromptCanSend(this.text(), this.attachments() ? this.files().length : 0, this.sending() || this.disabled()), ...ngDevMode ? [{ debugName: "canSend" }] : /* istanbul ignore next */ []);
+		this.isStoppable = computed(() => this.stoppable() && this.sending() && !this.disabled(), ...ngDevMode ? [{ debugName: "isStoppable" }] : /* istanbul ignore next */ []);
+		this.hasUsage = computed(() => this.usage() !== null, ...ngDevMode ? [{ debugName: "hasUsage" }] : /* istanbul ignore next */ []);
+		this.boxMods = computed(() => ({ disabled: this.disabled() }), ...ngDevMode ? [{ debugName: "boxMods" }] : /* istanbul ignore next */ []);
+		this.placeholder = input("", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+		this.hint = input(null, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+		this.hintPosition = input("below", ...ngDevMode ? [{ debugName: "hintPosition" }] : /* istanbul ignore next */ []);
+		this.attachments = input(false, {
+			...ngDevMode ? { debugName: "attachments" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.accept = input("", ...ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []);
+		this.model = input("", ...ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []);
+		this.effort = input("", ...ngDevMode ? [{ debugName: "effort" }] : /* istanbul ignore next */ []);
+		this.mode = input("", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+		this.usage = input(null, ...ngDevMode ? [{ debugName: "usage" }] : /* istanbul ignore next */ []);
+		this.usageHint = input("", ...ngDevMode ? [{ debugName: "usageHint" }] : /* istanbul ignore next */ []);
+		this.usageWarnAt = input(80, {
+			...ngDevMode ? { debugName: "usageWarnAt" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.sending = input(false, {
+			...ngDevMode ? { debugName: "sending" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.stoppable = input(false, {
+			...ngDevMode ? { debugName: "stoppable" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.disabled = input(false, {
+			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.minRows = input(1, {
+			...ngDevMode ? { debugName: "minRows" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.maxRows = input(8, {
+			...ngDevMode ? { debugName: "maxRows" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.text = model("", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+		this.submitted = output();
+		this.stopped = output();
+		this.controlPicked = output();
+	}
+	#t_placeholder;
+	#t_disclaimer;
+	focus() {
+		this.textInput()?.nativeElement.focus();
+	}
+	onInput(event) {
+		this.text.set(event.target.value);
+	}
+	onKeydown(event) {
+		if (event.key === "Enter" && !event.shiftKey && !event.isComposing) {
+			event.preventDefault();
+			this.submit();
+		}
+	}
+	pick(control) {
+		this.controlPicked.emit(control);
+	}
+	stop() {
+		if (this.isStoppable()) this.stopped.emit();
+	}
+	openPicker() {
+		if (!this.locked()) this.fileInput()?.nativeElement.click();
+	}
+	onFilesPicked(event) {
+		const el = event.target;
+		const picked = el.files ? Array.from(el.files) : [];
+		if (picked.length > 0) this.files.update((current) => [...current, ...picked]);
+		el.value = "";
+	}
+	removeFile(index) {
+		this.files.update((current) => current.filter((_, i) => i !== index));
+	}
+	submit() {
+		if (!this.canSend()) return;
+		this.submitted.emit({
+			text: this.text().trim(),
+			files: this.attachments() ? this.files() : []
+		});
+		this.text.set("");
+		this.files.set([]);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtAiPromptInputComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtAiPromptInputComponent,
+			isStandalone: true,
+			selector: "rt-ai-prompt-input",
+			inputs: {
+				placeholder: {
+					classPropertyName: "placeholder",
+					publicName: "placeholder",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				hint: {
+					classPropertyName: "hint",
+					publicName: "hint",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				hintPosition: {
+					classPropertyName: "hintPosition",
+					publicName: "hintPosition",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				attachments: {
+					classPropertyName: "attachments",
+					publicName: "attachments",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				accept: {
+					classPropertyName: "accept",
+					publicName: "accept",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				model: {
+					classPropertyName: "model",
+					publicName: "model",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				effort: {
+					classPropertyName: "effort",
+					publicName: "effort",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				mode: {
+					classPropertyName: "mode",
+					publicName: "mode",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				usage: {
+					classPropertyName: "usage",
+					publicName: "usage",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				usageHint: {
+					classPropertyName: "usageHint",
+					publicName: "usageHint",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				usageWarnAt: {
+					classPropertyName: "usageWarnAt",
+					publicName: "usageWarnAt",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				sending: {
+					classPropertyName: "sending",
+					publicName: "sending",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				stoppable: {
+					classPropertyName: "stoppable",
+					publicName: "stoppable",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				minRows: {
+					classPropertyName: "minRows",
+					publicName: "minRows",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				maxRows: {
+					classPropertyName: "maxRows",
+					publicName: "maxRows",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				text: {
+					classPropertyName: "text",
+					publicName: "text",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				text: "textChange",
+				submitted: "submitted",
+				stopped: "stopped",
+				controlPicked: "controlPicked"
+			},
+			host: { classAttribute: "rt-ai-prompt-input" },
+			viewQueries: [{
+				propertyName: "fileInput",
+				first: true,
+				predicate: ["fileEl"],
+				descendants: true,
+				isSignal: true
+			}, {
+				propertyName: "textInput",
+				first: true,
+				predicate: ["textEl"],
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-ai-prompt-input\">\n    @if (hintAbove()) {\n        <p rtElem=\"hint\" qa-dataid=\"ai-prompt-input-hint\" [rtMod]=\"{ above: true }\">{{ hintText() }}</p>\n    }\n\n    <div rtElem=\"box\" qa-dataid=\"ai-prompt-input-box\" [rtMod]=\"boxMods()\">\n        @if (attachments() && files().length) {\n            <div rtElem=\"files\" qa-dataid=\"ai-prompt-input-files\">\n                @for (file of files(); track $index) {\n                    <rt-file-card\n                        showRemove\n                        qa-dataid=\"ai-prompt-input-file\"\n                        size=\"sm\"\n                        [name]=\"file.name\"\n                        [sizeBytes]=\"file.size\"\n                        [disabled]=\"locked()\"\n                        (removed)=\"removeFile($index)\" />\n                }\n            </div>\n        }\n\n        <textarea\n            #textEl\n            rtElem=\"input\"\n            qa-dataid=\"ai-prompt-input-field\"\n            cdkTextareaAutosize\n            [attr.aria-label]=\"t().chatComposerAria\"\n            [placeholder]=\"placeholderText()\"\n            [value]=\"text()\"\n            [disabled]=\"locked()\"\n            [cdkAutosizeMinRows]=\"minRows()\"\n            [cdkAutosizeMaxRows]=\"maxRows()\"\n            (input)=\"onInput($event)\"\n            (keydown)=\"onKeydown($event)\"></textarea>\n\n        <div rtElem=\"actions\">\n            @if (attachments()) {\n                <input\n                    #fileEl\n                    qa-dataid=\"ai-prompt-input-file-input\"\n                    type=\"file\"\n                    hidden\n                    multiple\n                    [attr.accept]=\"accept() || null\"\n                    (change)=\"onFilesPicked($event)\" />\n                <rt-icon-button\n                    qa-dataid=\"ai-prompt-input-attach\"\n                    icon=\"ico-plus\"\n                    iconColor=\"muted\"\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    [ariaLabel]=\"t().chatAttachAria\"\n                    [tooltip]=\"t().chatAttachTooltip\"\n                    [disabled]=\"locked()\"\n                    (clicked)=\"openPicker()\" />\n            }\n\n            <div rtElem=\"controls\">\n                @if (model()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"ai-prompt-input-model\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        [label]=\"model()\"\n                        [attr.aria-label]=\"t().aiPromptModelAria + ': ' + model()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"pick('model')\"></button>\n                }\n\n                @if (effort()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"ai-prompt-input-effort\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        [rtMod]=\"{ muted: true }\"\n                        [label]=\"effort()\"\n                        [attr.aria-label]=\"t().aiPromptEffortAria + ': ' + effort()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"pick('effort')\"></button>\n                }\n\n                @if (mode()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"ai-prompt-input-mode\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        [rtMod]=\"{ muted: true }\"\n                        [label]=\"mode()\"\n                        [attr.aria-label]=\"t().aiPromptModeAria + ': ' + mode()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"pick('mode')\"></button>\n                }\n\n                @if (hasUsage()) {\n                    <rt-usage-ring qa-dataid=\"ai-prompt-input-usage\" [value]=\"usage() ?? 0\" [warnAt]=\"usageWarnAt()\" [hint]=\"usageHint()\" />\n                }\n\n                @if (isStoppable()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-prompt-input-stop\"\n                        icon=\"stop\"\n                        size=\"sm\"\n                        variant=\"primary\"\n                        [ariaLabel]=\"t().chatStopAria\"\n                        [tooltip]=\"t().chatStopLabel\"\n                        (clicked)=\"stop()\" />\n                } @else {\n                    <rt-icon-button\n                        qa-dataid=\"ai-prompt-input-send\"\n                        icon=\"arrow-up\"\n                        size=\"sm\"\n                        variant=\"primary\"\n                        [ariaLabel]=\"t().chatSendAria\"\n                        [tooltip]=\"t().chatSendLabel\"\n                        [loading]=\"sending()\"\n                        [disabled]=\"!canSend()\"\n                        (clicked)=\"submit()\" />\n                }\n            </div>\n        </div>\n    </div>\n\n    @if (hintBelow()) {\n        <p rtElem=\"hint\" qa-dataid=\"ai-prompt-input-hint\">{{ hintText() }}</p>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-ai-prompt-input{--rt-ai-prompt-input-radius: var(--rt-radius-xl);--rt-ai-prompt-input-border-width: var(--rt-border-width-thin);--rt-ai-prompt-input-shadow: var(--rt-shadow-sm);display:flex;flex-direction:column;gap:calc(var(--rt-space-1) * 1.5);inline-size:100%}.rt-ai-prompt-input__box{display:flex;flex-direction:column;border:var(--rt-ai-prompt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-ai-prompt-input-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-ai-prompt-input-shadow);padding-block-start:var(--rt-space-1)}.rt-ai-prompt-input__box:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow)}.rt-ai-prompt-input__box--disabled{background:var(--rt-input-color-bg-disabled)}.rt-ai-prompt-input__files{display:flex;flex-direction:column;padding:var(--rt-space-2) var(--rt-space-2) 0;gap:var(--rt-space-1)}.rt-ai-prompt-input__input{box-sizing:content-box;padding:calc(var(--rt-space-1) * 3) calc(var(--rt-space-1) * 3) var(--rt-space-2) var(--rt-space-4);border:0;margin:0;background:transparent;color:var(--rt-input-color-text);font:inherit;font-size:var(--rt-text-base);inline-size:auto;line-height:var(--rt-leading-normal);min-inline-size:0;outline:0;resize:none;scrollbar-color:var(--rt-color-border-default) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.rt-ai-prompt-input__input::placeholder{color:var(--rt-input-color-text-placeholder)}.rt-ai-prompt-input__input:disabled{cursor:not-allowed}.rt-ai-prompt-input__input:disabled::placeholder{color:var(--rt-color-text-disabled)}.rt-ai-prompt-input__actions{display:flex;align-items:center;padding:0 var(--rt-space-2) var(--rt-space-2);gap:var(--rt-space-1)}.rt-ai-prompt-input__controls{display:flex;align-items:center;gap:var(--rt-space-1);margin-inline-start:auto;min-inline-size:0}.rt-ai-prompt-input__control{padding-inline:calc(var(--rt-space-1) * 1.5)}.rt-ai-prompt-input__control.rt-button{--rt-btn-color: var(--rt-color-text-primary)}.rt-ai-prompt-input__control--muted.rt-button{--rt-btn-color: var(--rt-color-text-muted)}.rt-ai-prompt-input__hint{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);text-align:center}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: CdkTextareaAutosize,
+					selector: "textarea[cdkTextareaAutosize]",
+					inputs: [
+						"cdkAutosizeMinRows",
+						"cdkAutosizeMaxRows",
+						"cdkTextareaAutosize",
+						"placeholder"
+					],
+					exportAs: ["cdkTextareaAutosize"]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				},
+				{
+					kind: "directive",
+					type: RtButtonDirective,
+					selector: "button[rtButton], a[rtButton]",
+					inputs: [
+						"label",
+						"icon",
+						"iconPos",
+						"theme",
+						"appearance",
+						"size",
+						"loading",
+						"loadingIcon",
+						"loadingLabel",
+						"pressed"
+					]
+				},
+				{
+					kind: "component",
+					type: RtFileCardComponent,
+					selector: "rt-file-card",
+					inputs: [
+						"name",
+						"sizeBytes",
+						"size",
+						"showDownload",
+						"showRemove",
+						"showRename",
+						"disabled"
+					],
+					outputs: [
+						"download",
+						"removed",
+						"rename"
+					]
+				},
+				{
+					kind: "component",
+					type: RtIconButtonComponent,
+					selector: "rt-icon-button",
+					inputs: [
+						"icon",
+						"glyph",
+						"ariaLabel",
+						"variant",
+						"iconColor",
+						"iconFill",
+						"size",
+						"iconSize",
+						"type",
+						"tooltip",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"ariaHaspopup",
+						"link",
+						"indicator"
+					],
+					outputs: ["clicked"]
+				},
+				{
+					kind: "component",
+					type: RtUsageRingComponent,
+					selector: "rt-usage-ring",
+					inputs: [
+						"value",
+						"warnAt",
+						"hint"
+					]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtAiPromptInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-ai-prompt-input",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				CdkTextareaAutosize,
+				BlockDirective,
+				ElemDirective,
+				ModDirective,
+				RtButtonDirective,
+				RtFileCardComponent,
+				RtIconButtonComponent,
+				RtUsageRingComponent
+			],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtBlock=\"rt-ai-prompt-input\">\n    @if (hintAbove()) {\n        <p rtElem=\"hint\" qa-dataid=\"ai-prompt-input-hint\" [rtMod]=\"{ above: true }\">{{ hintText() }}</p>\n    }\n\n    <div rtElem=\"box\" qa-dataid=\"ai-prompt-input-box\" [rtMod]=\"boxMods()\">\n        @if (attachments() && files().length) {\n            <div rtElem=\"files\" qa-dataid=\"ai-prompt-input-files\">\n                @for (file of files(); track $index) {\n                    <rt-file-card\n                        showRemove\n                        qa-dataid=\"ai-prompt-input-file\"\n                        size=\"sm\"\n                        [name]=\"file.name\"\n                        [sizeBytes]=\"file.size\"\n                        [disabled]=\"locked()\"\n                        (removed)=\"removeFile($index)\" />\n                }\n            </div>\n        }\n\n        <textarea\n            #textEl\n            rtElem=\"input\"\n            qa-dataid=\"ai-prompt-input-field\"\n            cdkTextareaAutosize\n            [attr.aria-label]=\"t().chatComposerAria\"\n            [placeholder]=\"placeholderText()\"\n            [value]=\"text()\"\n            [disabled]=\"locked()\"\n            [cdkAutosizeMinRows]=\"minRows()\"\n            [cdkAutosizeMaxRows]=\"maxRows()\"\n            (input)=\"onInput($event)\"\n            (keydown)=\"onKeydown($event)\"></textarea>\n\n        <div rtElem=\"actions\">\n            @if (attachments()) {\n                <input\n                    #fileEl\n                    qa-dataid=\"ai-prompt-input-file-input\"\n                    type=\"file\"\n                    hidden\n                    multiple\n                    [attr.accept]=\"accept() || null\"\n                    (change)=\"onFilesPicked($event)\" />\n                <rt-icon-button\n                    qa-dataid=\"ai-prompt-input-attach\"\n                    icon=\"ico-plus\"\n                    iconColor=\"muted\"\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    [ariaLabel]=\"t().chatAttachAria\"\n                    [tooltip]=\"t().chatAttachTooltip\"\n                    [disabled]=\"locked()\"\n                    (clicked)=\"openPicker()\" />\n            }\n\n            <div rtElem=\"controls\">\n                @if (model()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"ai-prompt-input-model\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        [label]=\"model()\"\n                        [attr.aria-label]=\"t().aiPromptModelAria + ': ' + model()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"pick('model')\"></button>\n                }\n\n                @if (effort()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"ai-prompt-input-effort\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        [rtMod]=\"{ muted: true }\"\n                        [label]=\"effort()\"\n                        [attr.aria-label]=\"t().aiPromptEffortAria + ': ' + effort()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"pick('effort')\"></button>\n                }\n\n                @if (mode()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"ai-prompt-input-mode\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        [rtMod]=\"{ muted: true }\"\n                        [label]=\"mode()\"\n                        [attr.aria-label]=\"t().aiPromptModeAria + ': ' + mode()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"pick('mode')\"></button>\n                }\n\n                @if (hasUsage()) {\n                    <rt-usage-ring qa-dataid=\"ai-prompt-input-usage\" [value]=\"usage() ?? 0\" [warnAt]=\"usageWarnAt()\" [hint]=\"usageHint()\" />\n                }\n\n                @if (isStoppable()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-prompt-input-stop\"\n                        icon=\"stop\"\n                        size=\"sm\"\n                        variant=\"primary\"\n                        [ariaLabel]=\"t().chatStopAria\"\n                        [tooltip]=\"t().chatStopLabel\"\n                        (clicked)=\"stop()\" />\n                } @else {\n                    <rt-icon-button\n                        qa-dataid=\"ai-prompt-input-send\"\n                        icon=\"arrow-up\"\n                        size=\"sm\"\n                        variant=\"primary\"\n                        [ariaLabel]=\"t().chatSendAria\"\n                        [tooltip]=\"t().chatSendLabel\"\n                        [loading]=\"sending()\"\n                        [disabled]=\"!canSend()\"\n                        (clicked)=\"submit()\" />\n                }\n            </div>\n        </div>\n    </div>\n\n    @if (hintBelow()) {\n        <p rtElem=\"hint\" qa-dataid=\"ai-prompt-input-hint\">{{ hintText() }}</p>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-ai-prompt-input{--rt-ai-prompt-input-radius: var(--rt-radius-xl);--rt-ai-prompt-input-border-width: var(--rt-border-width-thin);--rt-ai-prompt-input-shadow: var(--rt-shadow-sm);display:flex;flex-direction:column;gap:calc(var(--rt-space-1) * 1.5);inline-size:100%}.rt-ai-prompt-input__box{display:flex;flex-direction:column;border:var(--rt-ai-prompt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-ai-prompt-input-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-ai-prompt-input-shadow);padding-block-start:var(--rt-space-1)}.rt-ai-prompt-input__box:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow)}.rt-ai-prompt-input__box--disabled{background:var(--rt-input-color-bg-disabled)}.rt-ai-prompt-input__files{display:flex;flex-direction:column;padding:var(--rt-space-2) var(--rt-space-2) 0;gap:var(--rt-space-1)}.rt-ai-prompt-input__input{box-sizing:content-box;padding:calc(var(--rt-space-1) * 3) calc(var(--rt-space-1) * 3) var(--rt-space-2) var(--rt-space-4);border:0;margin:0;background:transparent;color:var(--rt-input-color-text);font:inherit;font-size:var(--rt-text-base);inline-size:auto;line-height:var(--rt-leading-normal);min-inline-size:0;outline:0;resize:none;scrollbar-color:var(--rt-color-border-default) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.rt-ai-prompt-input__input::placeholder{color:var(--rt-input-color-text-placeholder)}.rt-ai-prompt-input__input:disabled{cursor:not-allowed}.rt-ai-prompt-input__input:disabled::placeholder{color:var(--rt-color-text-disabled)}.rt-ai-prompt-input__actions{display:flex;align-items:center;padding:0 var(--rt-space-2) var(--rt-space-2);gap:var(--rt-space-1)}.rt-ai-prompt-input__controls{display:flex;align-items:center;gap:var(--rt-space-1);margin-inline-start:auto;min-inline-size:0}.rt-ai-prompt-input__control{padding-inline:calc(var(--rt-space-1) * 1.5)}.rt-ai-prompt-input__control.rt-button{--rt-btn-color: var(--rt-color-text-primary)}.rt-ai-prompt-input__control--muted.rt-button{--rt-btn-color: var(--rt-color-text-muted)}.rt-ai-prompt-input__hint{margin:0;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);text-align:center}}\n"]
+		}]
+	}],
+	propDecorators: {
+		fileInput: [{
+			type: i0.ViewChild,
+			args: ["fileEl", { isSignal: true }]
+		}],
+		textInput: [{
+			type: i0.ViewChild,
+			args: ["textEl", { isSignal: true }]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		hint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hint",
+				required: false
+			}]
+		}],
+		hintPosition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hintPosition",
+				required: false
+			}]
+		}],
+		attachments: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "attachments",
+				required: false
+			}]
+		}],
+		accept: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "accept",
+				required: false
+			}]
+		}],
+		model: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "model",
+				required: false
+			}]
+		}],
+		effort: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "effort",
+				required: false
+			}]
+		}],
+		mode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mode",
+				required: false
+			}]
+		}],
+		usage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "usage",
+				required: false
+			}]
+		}],
+		usageHint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "usageHint",
+				required: false
+			}]
+		}],
+		usageWarnAt: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "usageWarnAt",
+				required: false
+			}]
+		}],
+		sending: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sending",
+				required: false
+			}]
+		}],
+		stoppable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stoppable",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		minRows: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minRows",
+				required: false
+			}]
+		}],
+		maxRows: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxRows",
+				required: false
+			}]
+		}],
+		text: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "text",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["textChange"]
+		}],
+		submitted: [{
+			type: i0.Output,
+			args: ["submitted"]
+		}],
+		stopped: [{
+			type: i0.Output,
+			args: ["stopped"]
+		}],
+		controlPicked: [{
+			type: i0.Output,
+			args: ["controlPicked"]
+		}]
+	}
+});
+export { RtAiPromptInputComponent, rtPromptCanSend };
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-ai-prompt-input.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-ai-prompt-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-ai-prompt-input.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/ai-prompt-input/rt-ai-prompt-input.component.ts","../../../projects/ui-kit-v2/src/lib/components/ai-prompt-input/rt-ai-prompt-input.component.html"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\nimport {\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    model,\n    numberAttribute,\n    output,\n    signal,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    InputSignal,\n    InputSignalWithTransform,\n    ModelSignal,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RT_KIT_LABELS, TRtKitLabelMap, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtFileCardComponent } from '@rt-tools/ui-kit-v2/file-card';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtUsageRingComponent } from '@rt-tools/ui-kit-v2/usage-ring';\n\nimport { IRtAiPromptInput } from './rt-ai-prompt-input.model';\n\nconst BEM_BLOCK: string = 'rt-ai-prompt-input';\n\n/** Можно ли отправить: есть непустой текст или файл, поле свободно. */\nexport function rtPromptCanSend(text: string, files: number, busy: boolean): boolean {\n    return !busy && (text.trim().length > 0 || files > 0);\n}\n\n/**\n * Поле ввода ИИ-чата: одна рамка, текст сверху, ряд действий внутри рамки снизу.\n *\n * Слева в ряду «+» для файлов, справа модель, усилие, режим, кольцо расхода и отправка. Каждый\n * элемент ряда включается своим входом: без значения его нет. Что открывает нажатие на модель,\n * усилие и режим, решает приложение: поле сообщает, какую кнопку нажали.\n *\n * Подсказка стоит отдельной строкой под полем или над ним, в ряд действий она не входит.\n *\n * Отправка — `Enter` без Shift или кнопка со стрелкой; `Shift+Enter` переносит строку. Со\n * `stoppable` во время `sending` стрелку сменяет «Стоп», а поле остаётся открытым.\n */\n@Component({\n    selector: 'rt-ai-prompt-input',\n    templateUrl: './rt-ai-prompt-input.component.html',\n    styleUrl: './rt-ai-prompt-input.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // cdk\n        CdkTextareaAutosize,\n\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        RtButtonDirective,\n        RtFileCardComponent,\n        RtIconButtonComponent,\n        RtUsageRingComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAiPromptInputComponent {\n    readonly #t_placeholder: Signal<string> = rtKitLabel('chatPlaceholder');\n\n    readonly #t_disclaimer: Signal<string> = rtKitLabel('aiDisclaimer');\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly fileInput: Signal<ElementRef<HTMLInputElement> | undefined> = viewChild<ElementRef<HTMLInputElement>>('fileEl');\n\n    protected readonly textInput: Signal<ElementRef<HTMLTextAreaElement> | undefined> =\n        viewChild<ElementRef<HTMLTextAreaElement>>('textEl');\n\n    protected readonly files: WritableSignal<File[]> = signal<File[]>([]);\n\n    protected readonly placeholderText: Signal<string> = computed((): string => this.placeholder() || this.#t_placeholder());\n\n    /** Текст подсказки: `null` — английское умолчание кита, пустая строка — подсказки нет. */\n    protected readonly hintText: Signal<string> = computed((): string => this.hint() ?? this.#t_disclaimer());\n\n    protected readonly hintAbove: Signal<boolean> = computed((): boolean => this.hintText() !== '' && this.hintPosition() === 'above');\n\n    protected readonly hintBelow: Signal<boolean> = computed((): boolean => this.hintText() !== '' && this.hintPosition() === 'below');\n\n    /** Поле закрыто для набора: выключено или идёт ответ, который нельзя остановить. */\n    protected readonly locked: Signal<boolean> = computed((): boolean => this.disabled() || (this.sending() && !this.stoppable()));\n\n    protected readonly canSend: Signal<boolean> = computed((): boolean =>\n        rtPromptCanSend(this.text(), this.attachments() ? this.files().length : 0, this.sending() || this.disabled())\n    );\n\n    /** Идёт ответ, который можно остановить: вместо стрелки стоит «Стоп». */\n    protected readonly isStoppable: Signal<boolean> = computed((): boolean => this.stoppable() && this.sending() && !this.disabled());\n\n    protected readonly hasUsage: Signal<boolean> = computed((): boolean => this.usage() !== null);\n\n    protected readonly boxMods: Signal<Record<string, boolean>> = computed((): Record<string, boolean> => ({\n        disabled: this.disabled(),\n    }));\n\n    /** Текст-подсказка поля. Пусто — переведённое умолчание кита. */\n    public readonly placeholder: InputSignal<string> = input<string>('');\n\n    /** Подсказка отдельной строкой. `null` — английское умолчание кита, пустая строка убирает её. */\n    public readonly hint: InputSignal<string | null> = input<string | null>(null);\n\n    /** Где стоит подсказка: под полем, а где места под ним нет — над полем. */\n    public readonly hintPosition: InputSignal<IRtAiPromptInput.HintPosition> = input<IRtAiPromptInput.HintPosition>('below');\n\n    /** Кнопка «+» и карточки приложенных файлов. */\n    public readonly attachments: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Фильтр типов файлов (`.pdf,.png`). */\n    public readonly accept: InputSignal<string> = input<string>('');\n\n    /** Подпись модели. Пусто — кнопки модели нет. */\n    public readonly model: InputSignal<string> = input<string>('');\n\n    /** Подпись усилия. Пусто — кнопки усилия нет. */\n    public readonly effort: InputSignal<string> = input<string>('');\n\n    /** Подпись режима. Пусто — кнопки режима нет. */\n    public readonly mode: InputSignal<string> = input<string>('');\n\n    /** Потраченная доля лимита в процентах. `null` — кольца нет. */\n    public readonly usage: InputSignal<number | null> = input<number | null>(null);\n\n    /** Подсказка кольца по наведению: доля и дата сброса словами приложения. */\n    public readonly usageHint: InputSignal<string> = input<string>('');\n\n    /** С этой доли кольцо оранжевое. */\n    public readonly usageWarnAt: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(80, {\n        transform: numberAttribute,\n    });\n\n    /** Отправка идёт: кнопка крутит индикатор, без `stoppable` поле закрыто. */\n    public readonly sending: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Ответ можно остановить: во время `sending` стрелку сменяет «Стоп», поле открыто. */\n    public readonly stoppable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Наименьшая высота поля в строках. */\n    public readonly minRows: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(1, { transform: numberAttribute });\n\n    /** Наибольшая высота поля в строках, дальше текст прокручивается. */\n    public readonly maxRows: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(8, { transform: numberAttribute });\n\n    /** Черновик: задаётся снаружи, правки уходят наружу, после отправки пуст. */\n    public readonly text: ModelSignal<string> = model<string>('');\n\n    /** Отправка вопроса. */\n    public readonly submitted: OutputEmitterRef<IRtAiPromptInput.SubmitPayload> = output<IRtAiPromptInput.SubmitPayload>();\n\n    /** Нажата «Стоп» во время ответа. */\n    public readonly stopped: OutputEmitterRef<void> = output<void>();\n\n    /** Нажата кнопка модели, усилия или режима. */\n    public readonly controlPicked: OutputEmitterRef<IRtAiPromptInput.Control> = output<IRtAiPromptInput.Control>();\n\n    /** Ставит фокус в поле. */\n    public focus(): void {\n        this.textInput()?.nativeElement.focus();\n    }\n\n    protected onInput(event: Event): void {\n        this.text.set((event.target as HTMLTextAreaElement).value);\n    }\n\n    protected onKeydown(event: KeyboardEvent): void {\n        // Enter без Shift отправляет; подтверждение набора IME не перехватывается.\n        if (event.key === 'Enter' && !event.shiftKey && !event.isComposing) {\n            event.preventDefault();\n            this.submit();\n        }\n    }\n\n    protected pick(control: IRtAiPromptInput.Control): void {\n        this.controlPicked.emit(control);\n    }\n\n    protected stop(): void {\n        if (this.isStoppable()) {\n            this.stopped.emit();\n        }\n    }\n\n    protected openPicker(): void {\n        if (!this.locked()) {\n            this.fileInput()?.nativeElement.click();\n        }\n    }\n\n    protected onFilesPicked(event: Event): void {\n        const el: HTMLInputElement = event.target as HTMLInputElement;\n        const picked: File[] = el.files ? Array.from(el.files) : [];\n        if (picked.length > 0) {\n            this.files.update((current: File[]): File[] => [...current, ...picked]);\n        }\n        // Сброс значения: повторный выбор того же файла снова даёт событие.\n        el.value = '';\n    }\n\n    protected removeFile(index: number): void {\n        this.files.update((current: File[]): File[] => current.filter((_: File, i: number): boolean => i !== index));\n    }\n\n    protected submit(): void {\n        if (!this.canSend()) {\n            return;\n        }\n        this.submitted.emit({ text: this.text().trim(), files: this.attachments() ? this.files() : [] });\n        this.text.set('');\n        this.files.set([]);\n    }\n}\n","<ng-container rtBlock=\"rt-ai-prompt-input\">\n    @if (hintAbove()) {\n        <p rtElem=\"hint\" qa-dataid=\"ai-prompt-input-hint\" [rtMod]=\"{ above: true }\">{{ hintText() }}</p>\n    }\n\n    <div rtElem=\"box\" qa-dataid=\"ai-prompt-input-box\" [rtMod]=\"boxMods()\">\n        @if (attachments() && files().length) {\n            <div rtElem=\"files\" qa-dataid=\"ai-prompt-input-files\">\n                @for (file of files(); track $index) {\n                    <rt-file-card\n                        showRemove\n                        qa-dataid=\"ai-prompt-input-file\"\n                        size=\"sm\"\n                        [name]=\"file.name\"\n                        [sizeBytes]=\"file.size\"\n                        [disabled]=\"locked()\"\n                        (removed)=\"removeFile($index)\" />\n                }\n            </div>\n        }\n\n        <textarea\n            #textEl\n            rtElem=\"input\"\n            qa-dataid=\"ai-prompt-input-field\"\n            cdkTextareaAutosize\n            [attr.aria-label]=\"t().chatComposerAria\"\n            [placeholder]=\"placeholderText()\"\n            [value]=\"text()\"\n            [disabled]=\"locked()\"\n            [cdkAutosizeMinRows]=\"minRows()\"\n            [cdkAutosizeMaxRows]=\"maxRows()\"\n            (input)=\"onInput($event)\"\n            (keydown)=\"onKeydown($event)\"></textarea>\n\n        <div rtElem=\"actions\">\n            @if (attachments()) {\n                <input\n                    #fileEl\n                    qa-dataid=\"ai-prompt-input-file-input\"\n                    type=\"file\"\n                    hidden\n                    multiple\n                    [attr.accept]=\"accept() || null\"\n                    (change)=\"onFilesPicked($event)\" />\n                <rt-icon-button\n                    qa-dataid=\"ai-prompt-input-attach\"\n                    icon=\"ico-plus\"\n                    iconColor=\"muted\"\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    [ariaLabel]=\"t().chatAttachAria\"\n                    [tooltip]=\"t().chatAttachTooltip\"\n                    [disabled]=\"locked()\"\n                    (clicked)=\"openPicker()\" />\n            }\n\n            <div rtElem=\"controls\">\n                @if (model()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"ai-prompt-input-model\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        [label]=\"model()\"\n                        [attr.aria-label]=\"t().aiPromptModelAria + ': ' + model()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"pick('model')\"></button>\n                }\n\n                @if (effort()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"ai-prompt-input-effort\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        [rtMod]=\"{ muted: true }\"\n                        [label]=\"effort()\"\n                        [attr.aria-label]=\"t().aiPromptEffortAria + ': ' + effort()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"pick('effort')\"></button>\n                }\n\n                @if (mode()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"ai-prompt-input-mode\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        [rtMod]=\"{ muted: true }\"\n                        [label]=\"mode()\"\n                        [attr.aria-label]=\"t().aiPromptModeAria + ': ' + mode()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"pick('mode')\"></button>\n                }\n\n                @if (hasUsage()) {\n                    <rt-usage-ring qa-dataid=\"ai-prompt-input-usage\" [value]=\"usage() ?? 0\" [warnAt]=\"usageWarnAt()\" [hint]=\"usageHint()\" />\n                }\n\n                @if (isStoppable()) {\n                    <rt-icon-button\n                        qa-dataid=\"ai-prompt-input-stop\"\n                        icon=\"stop\"\n                        size=\"sm\"\n                        variant=\"primary\"\n                        [ariaLabel]=\"t().chatStopAria\"\n                        [tooltip]=\"t().chatStopLabel\"\n                        (clicked)=\"stop()\" />\n                } @else {\n                    <rt-icon-button\n                        qa-dataid=\"ai-prompt-input-send\"\n                        icon=\"arrow-up\"\n                        size=\"sm\"\n                        variant=\"primary\"\n                        [ariaLabel]=\"t().chatSendAria\"\n                        [tooltip]=\"t().chatSendLabel\"\n                        [loading]=\"sending()\"\n                        [disabled]=\"!canSend()\"\n                        (clicked)=\"submit()\" />\n                }\n            </div>\n        </div>\n    </div>\n\n    @if (hintBelow()) {\n        <p rtElem=\"hint\" qa-dataid=\"ai-prompt-input-hint\">{{ hintText() }}</p>\n    }\n</ng-container>\n"],"mappings":"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"}