@ojiepermana/angular 22.1.14 → 22.2.0

package/fesm2022/ojiepermana-angular-component-composer.mjs

@@ -1,84 +1,148 @@
-import * as i0 from '@angular/core';
-import { numberAttribute, input, booleanAttribute, output, computed, Component, inject, ElementRef, signal, forwardRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { cn } from '@ojiepermana/angular/component/utils/core';
-
-const COMPOSER_BASE = 'block w-full min-w-0 text-sm text-foreground';
+import * as i0 from "@angular/core";
+import { Component, ElementRef, booleanAttribute, computed, forwardRef, inject, input, numberAttribute, output, signal } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { cn } from "@ojiepermana/angular/component/utils/core";
+const COMPOSER_BASE = "block w-full min-w-0 text-sm text-foreground";
 const COMPOSER_SHELL_BASE = [
-    'relative min-w-0 border border-input bg-background shadow-sm',
-    'transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-1 focus-within:ring-ring',
-    'aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-within:ring-destructive',
-    'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',
-    '[&>[data-slot=composer-input]]:min-w-0 [&>[data-slot=composer-input]]:flex-1',
-].join(' ');
+	"relative min-w-0 border border-input bg-background shadow-sm",
+	"transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-1 focus-within:ring-ring",
+	"aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-within:ring-destructive",
+	"data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
+	"[&>[data-slot=composer-input]]:min-w-0 [&>[data-slot=composer-input]]:flex-1"
+].join(" ");
 const composerShellVariantClasses = {
-    default: 'rounded-xl',
-    input: 'rounded-md',
+	default: "rounded-xl",
+	input: "rounded-md"
 };
-const COMPOSER_BODY_BASE = '[&>[data-slot=composer-input]]:min-w-0 [&>[data-slot=composer-input]]:flex-1';
+const COMPOSER_BODY_BASE = "[&>[data-slot=composer-input]]:min-w-0 [&>[data-slot=composer-input]]:flex-1";
 const nullableNumberAttribute = (value) => {
-    if (value === null || value === undefined || value === '') {
-        return null;
-    }
-    return numberAttribute(value);
+	if (value === null || value === void 0 || value === "") return null;
+	return numberAttribute(value);
 };
-class ComposerComponent {
-    variant = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    submit = input('cmd-enter', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "submit" }] : /* istanbul ignore next */ []));
-    submitForm = input(true, { ...(ngDevMode ? { debugName: "submitForm" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    submitRequested = output();
-    classes = computed(() => cn(COMPOSER_BASE, this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    shellClasses = computed(() => cn(COMPOSER_SHELL_BASE, composerShellVariantClasses[this.variant()]), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "shellClasses" }] : /* istanbul ignore next */ []));
-    bodyClasses = computed(() => cn(COMPOSER_BODY_BASE, this.inline()
-        ? [
-            'flex items-end gap-1 px-1 py-1',
-            '[&>[data-slot=composer-actions-leading]]:order-10',
-            '[&>[data-slot=composer-input]]:order-20',
-            '[&>[data-slot=composer-actions-trailing]]:order-30',
-        ].join(' ')
-        : [
-            'flex flex-wrap items-end gap-1.5 px-2 py-1.5',
-            '[&>[data-slot=composer-input]]:order-10 [&>[data-slot=composer-input]]:basis-full',
-            '[&>[data-slot=composer-actions-leading]]:order-20',
-            '[&>[data-slot=composer-actions-trailing]]:order-30 [&>[data-slot=composer-actions-trailing]]:ml-auto',
-        ].join(' ')), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "bodyClasses" }] : /* istanbul ignore next */ []));
-    handleInputKeydown(event) {
-        if (this.disabled() || event.key !== 'Enter' || event.defaultPrevented) {
-            return;
-        }
-        const shouldSubmit = this.submit() === 'enter'
-            ? !event.shiftKey && !event.isComposing
-            : event.metaKey || event.ctrlKey;
-        if (!shouldSubmit) {
-            return;
-        }
-        event.preventDefault();
-        this.submitRequested.emit(event);
-        if (this.submitForm()) {
-            this.requestNearestFormSubmit(event.target);
-        }
-    }
-    requestNearestFormSubmit(target) {
-        if (!(target instanceof Element)) {
-            return;
-        }
-        const form = target.closest('form');
-        if (form && typeof form.requestSubmit === 'function') {
-            form.requestSubmit();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: ComposerComponent, isStandalone: true, selector: "Composer", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, submit: { classPropertyName: "submit", publicName: "submit", isSignal: true, isRequired: false, transformFunction: null }, submitForm: { classPropertyName: "submitForm", publicName: "submitForm", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { submitRequested: "submitRequested" }, host: { properties: { "class": "classes()", "attr.data-slot": "\"composer\"", "attr.data-variant": "variant()", "attr.data-inline": "inline() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"true\" : null", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.aria-invalid": "invalid() ? \"true\" : null", "attr.inert": "disabled() ? \"\" : null" } }, ngImport: i0, template: `
+var ComposerComponent = class ComposerComponent {
+	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	inline = input(false, {
+		...ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	submit = input("cmd-enter", ...ngDevMode ? [{ debugName: "submit" }] : /* istanbul ignore next */ []);
+	submitForm = input(true, {
+		...ngDevMode ? { debugName: "submitForm" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	submitRequested = output();
+	classes = computed(() => cn(COMPOSER_BASE, this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	shellClasses = computed(() => cn(COMPOSER_SHELL_BASE, composerShellVariantClasses[this.variant()]), ...ngDevMode ? [{ debugName: "shellClasses" }] : /* istanbul ignore next */ []);
+	bodyClasses = computed(() => cn(COMPOSER_BODY_BASE, this.inline() ? [
+		"flex items-end gap-1 px-1 py-1",
+		"[&>[data-slot=composer-actions-leading]]:order-10",
+		"[&>[data-slot=composer-input]]:order-20",
+		"[&>[data-slot=composer-actions-trailing]]:order-30"
+	].join(" ") : [
+		"flex flex-wrap items-end gap-1.5 px-2 py-1.5",
+		"[&>[data-slot=composer-input]]:order-10 [&>[data-slot=composer-input]]:basis-full",
+		"[&>[data-slot=composer-actions-leading]]:order-20",
+		"[&>[data-slot=composer-actions-trailing]]:order-30 [&>[data-slot=composer-actions-trailing]]:ml-auto"
+	].join(" ")), ...ngDevMode ? [{ debugName: "bodyClasses" }] : /* istanbul ignore next */ []);
+	handleInputKeydown(event) {
+		if (this.disabled() || event.key !== "Enter" || event.defaultPrevented) return;
+		if (!(this.submit() === "enter" ? !event.shiftKey && !event.isComposing : event.metaKey || event.ctrlKey)) return;
+		event.preventDefault();
+		this.submitRequested.emit(event);
+		if (this.submitForm()) this.requestNearestFormSubmit(event.target);
+	}
+	requestNearestFormSubmit(target) {
+		if (!(target instanceof Element)) return;
+		const form = target.closest("form");
+		if (form && typeof form.requestSubmit === "function") form.requestSubmit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ComposerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ComposerComponent,
+		isStandalone: true,
+		selector: "Composer",
+		inputs: {
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			inline: {
+				classPropertyName: "inline",
+				publicName: "inline",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			submit: {
+				classPropertyName: "submit",
+				publicName: "submit",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			submitForm: {
+				classPropertyName: "submitForm",
+				publicName: "submitForm",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { submitRequested: "submitRequested" },
+		host: { properties: {
+			"class": "classes()",
+			"attr.data-slot": "\"composer\"",
+			"attr.data-variant": "variant()",
+			"attr.data-inline": "inline() ? \"true\" : null",
+			"attr.data-disabled": "disabled() ? \"true\" : null",
+			"attr.aria-disabled": "disabled() ? \"true\" : null",
+			"attr.aria-invalid": "invalid() ? \"true\" : null",
+			"attr.inert": "disabled() ? \"\" : null"
+		} },
+		ngImport: i0,
+		template: `
     <div
       data-slot="composer-shell"
       [class]="shellClasses()"
@@ -93,23 +157,30 @@ class ComposerComponent {
       </div>
       <ng-content select="ComposerFooter" />
     </div>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'Composer',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-slot]': '"composer"',
-                        '[attr.data-variant]': 'variant()',
-                        '[attr.data-inline]': 'inline() ? "true" : null',
-                        '[attr.data-disabled]': 'disabled() ? "true" : null',
-                        '[attr.aria-disabled]': 'disabled() ? "true" : null',
-                        '[attr.aria-invalid]': 'invalid() ? "true" : null',
-                        '[attr.inert]': 'disabled() ? "" : null',
-                    },
-                    template: `
+  `,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ComposerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "Composer",
+			host: {
+				"[class]": "classes()",
+				"[attr.data-slot]": "\"composer\"",
+				"[attr.data-variant]": "variant()",
+				"[attr.data-inline]": "inline() ? \"true\" : null",
+				"[attr.data-disabled]": "disabled() ? \"true\" : null",
+				"[attr.aria-disabled]": "disabled() ? \"true\" : null",
+				"[attr.aria-invalid]": "invalid() ? \"true\" : null",
+				"[attr.inert]": "disabled() ? \"\" : null"
+			},
+			template: `
     <div
       data-slot="composer-shell"
       [class]="shellClasses()"
@@ -124,240 +195,646 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
       </div>
       <ng-content select="ComposerFooter" />
     </div>
-  `,
-                }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], submit: [{ type: i0.Input, args: [{ isSignal: true, alias: "submit", required: false }] }], submitForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitForm", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], submitRequested: [{ type: i0.Output, args: ["submitRequested"] }] } });
-class ComposerHeaderComponent {
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('flex min-w-0 flex-wrap gap-2 border-b border-[hsl(var(--border)/var(--opacity-70))] px-2.5 py-2', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: ComposerHeaderComponent, isStandalone: true, selector: "ComposerHeader", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"composer-header\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerHeaderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ComposerHeader',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-slot]': '"composer-header"',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class ComposerFooterComponent {
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('border-t border-[hsl(var(--border)/var(--opacity-70))] px-2.5 py-1.5 text-xs leading-5 text-muted-foreground', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: ComposerFooterComponent, isStandalone: true, selector: "ComposerFooter", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"composer-footer\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerFooterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ComposerFooter',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-slot]': '"composer-footer"',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class ComposerActionsLeadingComponent {
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('flex min-h-control-sm shrink-0 items-center gap-1', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerActionsLeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: ComposerActionsLeadingComponent, isStandalone: true, selector: "ComposerActionsLeading", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"composer-actions-leading\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerActionsLeadingComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ComposerActionsLeading',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-slot]': '"composer-actions-leading"',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class ComposerActionsTrailingComponent {
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('flex min-h-control-sm shrink-0 items-center justify-end gap-1', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerActionsTrailingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: ComposerActionsTrailingComponent, isStandalone: true, selector: "ComposerActionsTrailing", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"composer-actions-trailing\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerActionsTrailingComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ComposerActionsTrailing',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-slot]': '"composer-actions-trailing"',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class ComposerInputComponent {
-    composer = inject(ComposerComponent, { optional: true });
-    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled', transform: booleanAttribute });
-    invalidInput = input(false, { ...(ngDevMode ? { debugName: "invalidInput" } : /* istanbul ignore next */ {}), alias: 'aria-invalid', transform: booleanAttribute });
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    disabled = computed(() => this.disabledInput() || this.composer?.disabled() === true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    invalid = computed(() => this.invalidInput() || this.composer?.invalid() === true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('min-h-control-10 w-full rounded-sm bg-transparent px-2 py-2 text-sm leading-6 outline-none', 'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    // The key was typed INTO this slot, so this slot's disabled state is the one
-    // that decides. Asking the parent `Composer` alone let a disabled slot inside
-    // an enabled composer submit anyway, which is the very thing its disabled
-    // state promises not to do. `disabled()` here already folds in the parent, so
-    // both ways of turning the slot off are covered by one check.
-    handleKeydown(event) {
-        if (this.disabled()) {
-            return;
-        }
-        this.composer?.handleInputKeydown(event);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: ComposerInputComponent, isStandalone: true, selector: "ComposerInput", inputs: { disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "aria-invalid", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "handleKeydown($event)" }, properties: { "class": "classes()", "attr.data-slot": "\"composer-input\"", "attr.data-disabled": "disabled() ? \"true\" : null", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.aria-invalid": "invalid() ? \"true\" : null" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerInputComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ComposerInput',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-slot]': '"composer-input"',
-                        '[attr.data-disabled]': 'disabled() ? "true" : null',
-                        '[attr.aria-disabled]': 'disabled() ? "true" : null',
-                        '[attr.aria-invalid]': 'invalid() ? "true" : null',
-                        '(keydown)': 'handleKeydown($event)',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-invalid", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class ComposerTextareaComponent {
-    el = inject(ElementRef);
-    composer = inject(ComposerComponent, { optional: true });
-    rows = input(2, { ...(ngDevMode ? { debugName: "rows" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-    maxRows = input(null, { ...(ngDevMode ? { debugName: "maxRows" } : /* istanbul ignore next */ {}), transform: nullableNumberAttribute });
-    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled', transform: booleanAttribute });
-    invalidInput = input(false, { ...(ngDevMode ? { debugName: "invalidInput" } : /* istanbul ignore next */ {}), alias: 'aria-invalid', transform: booleanAttribute });
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    disabledState = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
-    disabled = computed(() => this.disabledInput() || this.disabledState() || this.composer?.disabled() === true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    invalid = computed(() => this.invalidInput() || this.composer?.invalid() === true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn([
-        'max-h-none min-h-control-10 w-full resize-none bg-transparent px-2 py-2 text-sm leading-6 text-foreground shadow-none outline-none',
-        'placeholder:text-muted-foreground',
-        'disabled:cursor-not-allowed disabled:opacity-50',
-    ].join(' '), this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    onChange = () => { };
-    onTouched = () => { };
-    ngAfterViewInit() {
-        queueMicrotask(() => this.resizeToContent());
-    }
-    writeValue(value) {
-        this.el.nativeElement.value = value ?? '';
-        queueMicrotask(() => this.resizeToContent());
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabledState.set(isDisabled);
-    }
-    resizeToContent() {
-        const textarea = this.el.nativeElement;
-        textarea.style.height = 'auto';
-        const maxRows = this.maxRows();
-        if (!maxRows) {
-            textarea.style.height = `${textarea.scrollHeight}px`;
-            textarea.style.overflowY = 'hidden';
-            return;
-        }
-        const lineHeight = this.getLineHeight(textarea);
-        const maxHeight = lineHeight * Math.max(maxRows, this.rows());
-        const nextHeight = Math.min(textarea.scrollHeight, maxHeight);
-        textarea.style.height = `${nextHeight}px`;
-        textarea.style.overflowY = textarea.scrollHeight > maxHeight ? 'auto' : 'hidden';
-    }
-    focus() {
-        this.el.nativeElement.focus();
-    }
-    handleInput() {
-        this.resizeToContent();
-        this.onChange(this.el.nativeElement.value);
-    }
-    handleBlur() {
-        this.onTouched();
-    }
-    // Same rule as the slot part: this textarea's own disabled state decides. A
-    // native `disabled` textarea does not fire keydown in a browser, but one
-    // disabled through a reactive control is reached by anything that dispatches
-    // the event directly, and the guard costs nothing.
-    handleKeydown(event) {
-        if (this.disabled()) {
-            return;
-        }
-        this.composer?.handleInputKeydown(event);
-    }
-    getLineHeight(textarea) {
-        const lineHeight = Number.parseFloat(getComputedStyle(textarea).lineHeight);
-        return Number.isFinite(lineHeight) ? lineHeight : 24;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: ComposerTextareaComponent, isStandalone: true, selector: "textarea[ComposerInput]", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "aria-invalid", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "handleInput()", "blur": "handleBlur()", "keydown": "handleKeydown($event)" }, properties: { "class": "classes()", "attr.data-slot": "\"composer-input\"", "attr.rows": "rows()", "attr.disabled": "disabled() ? \"\" : null", "attr.aria-invalid": "invalid() ? \"true\" : null" } }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => ComposerTextareaComponent),
-                multi: true,
-            },
-        ], ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ComposerTextareaComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'textarea[ComposerInput]',
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => ComposerTextareaComponent),
-                            multi: true,
-                        },
-                    ],
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-slot]': '"composer-input"',
-                        '[attr.rows]': 'rows()',
-                        '[attr.disabled]': 'disabled() ? "" : null',
-                        '[attr.aria-invalid]': 'invalid() ? "true" : null',
-                        '(input)': 'handleInput()',
-                        '(blur)': 'handleBlur()',
-                        '(keydown)': 'handleKeydown($event)',
-                    },
-                    template: '',
-                }]
-        }], propDecorators: { rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-invalid", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ComposerActionsLeadingComponent, ComposerActionsTrailingComponent, ComposerComponent, ComposerFooterComponent, ComposerHeaderComponent, ComposerInputComponent, ComposerTextareaComponent };
+  `
+		}]
+	}],
+	propDecorators: {
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		inline: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "inline",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		submit: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "submit",
+				required: false
+			}]
+		}],
+		submitForm: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "submitForm",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}],
+		submitRequested: [{
+			type: i0.Output,
+			args: ["submitRequested"]
+		}]
+	}
+});
+var ComposerHeaderComponent = class ComposerHeaderComponent {
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("flex min-w-0 flex-wrap gap-2 border-b border-[hsl(var(--border)/var(--opacity-70))] px-2.5 py-2", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ComposerHeaderComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ComposerHeaderComponent,
+		isStandalone: true,
+		selector: "ComposerHeader",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: {
+			"class": "classes()",
+			"attr.data-slot": "\"composer-header\""
+		} },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ComposerHeaderComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ComposerHeader",
+			host: {
+				"[class]": "classes()",
+				"[attr.data-slot]": "\"composer-header\""
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var ComposerFooterComponent = class ComposerFooterComponent {
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("border-t border-[hsl(var(--border)/var(--opacity-70))] px-2.5 py-1.5 text-xs leading-5 text-muted-foreground", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ComposerFooterComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ComposerFooterComponent,
+		isStandalone: true,
+		selector: "ComposerFooter",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: {
+			"class": "classes()",
+			"attr.data-slot": "\"composer-footer\""
+		} },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ComposerFooterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ComposerFooter",
+			host: {
+				"[class]": "classes()",
+				"[attr.data-slot]": "\"composer-footer\""
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var ComposerActionsLeadingComponent = class ComposerActionsLeadingComponent {
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("flex min-h-control-sm shrink-0 items-center gap-1", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ComposerActionsLeadingComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ComposerActionsLeadingComponent,
+		isStandalone: true,
+		selector: "ComposerActionsLeading",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: {
+			"class": "classes()",
+			"attr.data-slot": "\"composer-actions-leading\""
+		} },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ComposerActionsLeadingComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ComposerActionsLeading",
+			host: {
+				"[class]": "classes()",
+				"[attr.data-slot]": "\"composer-actions-leading\""
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var ComposerActionsTrailingComponent = class ComposerActionsTrailingComponent {
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("flex min-h-control-sm shrink-0 items-center justify-end gap-1", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ComposerActionsTrailingComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ComposerActionsTrailingComponent,
+		isStandalone: true,
+		selector: "ComposerActionsTrailing",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: {
+			"class": "classes()",
+			"attr.data-slot": "\"composer-actions-trailing\""
+		} },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ComposerActionsTrailingComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ComposerActionsTrailing",
+			host: {
+				"[class]": "classes()",
+				"[attr.data-slot]": "\"composer-actions-trailing\""
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var ComposerInputComponent = class ComposerInputComponent {
+	composer = inject(ComposerComponent, { optional: true });
+	disabledInput = input(false, {
+		...ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {},
+		alias: "disabled",
+		transform: booleanAttribute
+	});
+	invalidInput = input(false, {
+		...ngDevMode ? { debugName: "invalidInput" } : /* istanbul ignore next */ {},
+		alias: "aria-invalid",
+		transform: booleanAttribute
+	});
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	disabled = computed(() => this.disabledInput() || this.composer?.disabled() === true, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	invalid = computed(() => this.invalidInput() || this.composer?.invalid() === true, ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("min-h-control-10 w-full rounded-sm bg-transparent px-2 py-2 text-sm leading-6 outline-none", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	handleKeydown(event) {
+		if (this.disabled()) return;
+		this.composer?.handleInputKeydown(event);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ComposerInputComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ComposerInputComponent,
+		isStandalone: true,
+		selector: "ComposerInput",
+		inputs: {
+			disabledInput: {
+				classPropertyName: "disabledInput",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalidInput: {
+				classPropertyName: "invalidInput",
+				publicName: "aria-invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			listeners: { "keydown": "handleKeydown($event)" },
+			properties: {
+				"class": "classes()",
+				"attr.data-slot": "\"composer-input\"",
+				"attr.data-disabled": "disabled() ? \"true\" : null",
+				"attr.aria-disabled": "disabled() ? \"true\" : null",
+				"attr.aria-invalid": "invalid() ? \"true\" : null"
+			}
+		},
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ComposerInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ComposerInput",
+			host: {
+				"[class]": "classes()",
+				"[attr.data-slot]": "\"composer-input\"",
+				"[attr.data-disabled]": "disabled() ? \"true\" : null",
+				"[attr.aria-disabled]": "disabled() ? \"true\" : null",
+				"[attr.aria-invalid]": "invalid() ? \"true\" : null",
+				"(keydown)": "handleKeydown($event)"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: {
+		disabledInput: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		invalidInput: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-invalid",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+var ComposerTextareaComponent = class ComposerTextareaComponent {
+	el = inject(ElementRef);
+	composer = inject(ComposerComponent, { optional: true });
+	rows = input(2, {
+		...ngDevMode ? { debugName: "rows" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	maxRows = input(null, {
+		...ngDevMode ? { debugName: "maxRows" } : /* istanbul ignore next */ {},
+		transform: nullableNumberAttribute
+	});
+	disabledInput = input(false, {
+		...ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {},
+		alias: "disabled",
+		transform: booleanAttribute
+	});
+	invalidInput = input(false, {
+		...ngDevMode ? { debugName: "invalidInput" } : /* istanbul ignore next */ {},
+		alias: "aria-invalid",
+		transform: booleanAttribute
+	});
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	disabledState = signal(false, ...ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []);
+	disabled = computed(() => this.disabledInput() || this.disabledState() || this.composer?.disabled() === true, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	invalid = computed(() => this.invalidInput() || this.composer?.invalid() === true, ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn([
+		"max-h-none min-h-control-10 w-full resize-none bg-transparent px-2 py-2 text-sm leading-6 text-foreground shadow-none outline-none",
+		"placeholder:text-muted-foreground",
+		"disabled:cursor-not-allowed disabled:opacity-50"
+	].join(" "), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	onChange = () => {};
+	onTouched = () => {};
+	ngAfterViewInit() {
+		queueMicrotask(() => this.resizeToContent());
+	}
+	writeValue(value) {
+		this.el.nativeElement.value = value ?? "";
+		queueMicrotask(() => this.resizeToContent());
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.disabledState.set(isDisabled);
+	}
+	resizeToContent() {
+		const textarea = this.el.nativeElement;
+		textarea.style.height = "auto";
+		const maxRows = this.maxRows();
+		if (!maxRows) {
+			textarea.style.height = `${textarea.scrollHeight}px`;
+			textarea.style.overflowY = "hidden";
+			return;
+		}
+		const maxHeight = this.getLineHeight(textarea) * Math.max(maxRows, this.rows());
+		const nextHeight = Math.min(textarea.scrollHeight, maxHeight);
+		textarea.style.height = `${nextHeight}px`;
+		textarea.style.overflowY = textarea.scrollHeight > maxHeight ? "auto" : "hidden";
+	}
+	focus() {
+		this.el.nativeElement.focus();
+	}
+	handleInput() {
+		this.resizeToContent();
+		this.onChange(this.el.nativeElement.value);
+	}
+	handleBlur() {
+		this.onTouched();
+	}
+	handleKeydown(event) {
+		if (this.disabled()) return;
+		this.composer?.handleInputKeydown(event);
+	}
+	getLineHeight(textarea) {
+		const lineHeight = Number.parseFloat(getComputedStyle(textarea).lineHeight);
+		return Number.isFinite(lineHeight) ? lineHeight : 24;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ComposerTextareaComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ComposerTextareaComponent,
+		isStandalone: true,
+		selector: "textarea[ComposerInput]",
+		inputs: {
+			rows: {
+				classPropertyName: "rows",
+				publicName: "rows",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxRows: {
+				classPropertyName: "maxRows",
+				publicName: "maxRows",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabledInput: {
+				classPropertyName: "disabledInput",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalidInput: {
+				classPropertyName: "invalidInput",
+				publicName: "aria-invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			listeners: {
+				"input": "handleInput()",
+				"blur": "handleBlur()",
+				"keydown": "handleKeydown($event)"
+			},
+			properties: {
+				"class": "classes()",
+				"attr.data-slot": "\"composer-input\"",
+				"attr.rows": "rows()",
+				"attr.disabled": "disabled() ? \"\" : null",
+				"attr.aria-invalid": "invalid() ? \"true\" : null"
+			}
+		},
+		providers: [{
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => ComposerTextareaComponent),
+			multi: true
+		}],
+		ngImport: i0,
+		template: "",
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ComposerTextareaComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "textarea[ComposerInput]",
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => ComposerTextareaComponent),
+				multi: true
+			}],
+			host: {
+				"[class]": "classes()",
+				"[attr.data-slot]": "\"composer-input\"",
+				"[attr.rows]": "rows()",
+				"[attr.disabled]": "disabled() ? \"\" : null",
+				"[attr.aria-invalid]": "invalid() ? \"true\" : null",
+				"(input)": "handleInput()",
+				"(blur)": "handleBlur()",
+				"(keydown)": "handleKeydown($event)"
+			},
+			template: ""
+		}]
+	}],
+	propDecorators: {
+		rows: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rows",
+				required: false
+			}]
+		}],
+		maxRows: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxRows",
+				required: false
+			}]
+		}],
+		disabledInput: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		invalidInput: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-invalid",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+export { ComposerActionsLeadingComponent, ComposerActionsTrailingComponent, ComposerComponent, ComposerFooterComponent, ComposerHeaderComponent, ComposerInputComponent, ComposerTextareaComponent };