@gravionlabs/helix-core 22.1.1 → 22.1.3

package/fesm2022/gravionlabs-helix-core-textarea.mjs

@@ -1,14 +1,14 @@
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, booleanAttribute, computed, output, effect, Directive, NgModule } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import { PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import { BaseModelHolder } from '@gravionlabs/helix-core/basemodelholder';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { Fluid } from '@gravionlabs/helix-core/fluid';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style$1 = /*css*/ `
+import * as i0 from "@angular/core";
+import { Directive, Injectable, InjectionToken, NgModule, booleanAttribute, computed, effect, inject, input, output } from "@angular/core";
+import { NgControl } from "@angular/forms";
+import { PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import { BaseModelHolder } from "@gravionlabs/helix-core/basemodelholder";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { Fluid } from "@gravionlabs/helix-core/fluid";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+const style = `
+    
     .h-textarea {
         font-family: inherit;
         font-feature-settings: inherit;
@@ -91,10 +91,7 @@ const style$1 = /*css*/ `
         padding-block: dt('textarea.lg.padding.y');
         padding-inline: dt('textarea.lg.padding.x');
     }
-`;
 
-const style = /*css*/ `
-    ${style$1}
 
     /* For Helix */
     .h-textarea.ng-invalid.ng-dirty {
@@ -104,202 +101,343 @@ const style = /*css*/ `
         color: dt('textarea.invalid.placeholder.color');
     }
 `;
-const classes = {
-    root: ({ instance }) => [
-        'h-textarea h-component',
-        {
-            'h-filled': instance.$filled(),
-            'h-textarea-resizable ': instance.autoResize,
-            'h-variant-filled': instance.$variant() === 'filled',
-            'h-textarea-fluid': instance.hasFluid,
-            'h-inputfield-sm h-textarea-sm': instance.pSize === 'small',
-            'h-textarea-lg h-inputfield-lg': instance.pSize === 'large',
-            'h-invalid': instance.invalid()
-        }
-    ]
+const classes = { root: ({ instance }) => ["h-textarea h-component", {
+	"h-filled": instance.$filled(),
+	"h-textarea-resizable ": instance.autoResize,
+	"h-variant-filled": instance.$variant() === "filled",
+	"h-textarea-fluid": instance.hasFluid,
+	"h-inputfield-sm h-textarea-sm": instance.pSize === "small",
+	"h-textarea-lg h-inputfield-lg": instance.pSize === "large",
+	"h-invalid": instance.invalid()
+}] };
+var TextareaStyle = class TextareaStyle extends BaseStyle {
+	name = "textarea";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TextareaStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TextareaStyle
+	});
 };
-class TextareaStyle extends BaseStyle {
-    name = 'textarea';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TextareaStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TextareaStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TextareaStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Textarea is a multi-line text input element.
- *
- * [Live Demo](https://www.primeng.org/textarea/)
- *
- * @module textareastyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TextareaStyle,
+	decorators: [{ type: Injectable }]
+});
 var TextareaClasses;
-(function (TextareaClasses) {
-    /**
-     * Class name of the root element
-     */
-    TextareaClasses["root"] = "h-textarea";
+(function(TextareaClasses) {
+	TextareaClasses["root"] = "h-textarea";
 })(TextareaClasses || (TextareaClasses = {}));
-
-const TEXTAREA_INSTANCE = new InjectionToken('TEXTAREA_INSTANCE');
-/**
- * Textarea adds styling and autoResize functionality to standard textarea element.
- * @group Components
- */
-class Textarea extends BaseModelHolder {
-    componentName = 'Textarea';
-    bindDirectiveInstance = inject(Bind, { self: true });
-    $pcTextarea = inject(TEXTAREA_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    /**
-     * Used to pass attributes to DOM elements inside the Textarea component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    pTextareaPT = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "pTextareaPT" }] : /* istanbul ignore next */ []));
-    /**
-     * Indicates whether the component should be rendered without styles.
-     * @defaultValue undefined
-     * @group Props
-     */
-    pTextareaUnstyled = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "pTextareaUnstyled" }] : /* istanbul ignore next */ []));
-    /**
-     * When present, textarea size changes as being typed.
-     * @group Props
-     */
-    autoResize = input(undefined, { ...(ngDevMode ? { debugName: "autoResize" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Defines the size of the component.
-     * @group Props
-     */
-    pSize = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "pSize" }] : /* istanbul ignore next */ []));
-    /**
-     * Specifies the input variant of the component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    variant = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
-    /**
-     * Spans 100% width of the container when enabled.
-     * @defaultValue undefined
-     * @group Props
-     */
-    fluid = input(undefined, { ...(ngDevMode ? { debugName: "fluid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * When present, it specifies that the component should have invalid state style.
-     * @defaultValue false
-     * @group Props
-     */
-    invalid = input(undefined, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    $variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$variant" }] : /* istanbul ignore next */ []));
-    /**
-     * Callback to invoke on textarea resize.
-     * @param {(Event | {})} event - Custom resize event.
-     * @group Emits
-     */
-    onResize = output();
-    ngControlSubscription;
-    _componentStyle = inject(TextareaStyle);
-    ngControl = inject(NgControl, { optional: true, self: true });
-    pcFluid = inject(Fluid, { optional: true, host: true, skipSelf: true });
-    get hasFluid() {
-        return this.fluid() ?? !!this.pcFluid;
-    }
-    constructor() {
-        super();
-        effect(() => {
-            const pt = this.pTextareaPT();
-            pt && this.directivePT.set(pt);
-        });
-        effect(() => {
-            this.pTextareaUnstyled() && this.directiveUnstyled.set(this.pTextareaUnstyled());
-        });
-    }
-    onInit() {
-        if (this.ngControl) {
-            this.ngControlSubscription = this.ngControl.valueChanges.subscribe(() => {
-                this.updateState();
-            });
-        }
-    }
-    onAfterViewInit() {
-        if (this.autoResize())
-            this.resize();
-        this.cd.detectChanges();
-    }
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-        if (this.autoResize()) {
-            this.resize();
-        }
-        this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);
-    }
-    onInput(e) {
-        this.writeModelValue(e.target?.value);
-        this.updateState();
-    }
-    resize(event) {
-        this.el.nativeElement.style.height = 'auto';
-        this.el.nativeElement.style.height = this.el.nativeElement.scrollHeight + 'px';
-        if (parseFloat(this.el.nativeElement.style.height) >= parseFloat(this.el.nativeElement.style.maxHeight)) {
-            this.el.nativeElement.style.overflowY = 'scroll';
-            this.el.nativeElement.style.height = this.el.nativeElement.style.maxHeight;
-        }
-        else {
-            this.el.nativeElement.style.overflow = 'hidden';
-        }
-        this.onResize.emit(event || {});
-    }
-    updateState() {
-        if (this.autoResize()) {
-            this.resize();
-        }
-    }
-    onDestroy() {
-        if (this.ngControlSubscription) {
-            this.ngControlSubscription.unsubscribe();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Textarea, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: Textarea, isStandalone: true, selector: "[hTextarea], [hInputTextarea]", inputs: { pTextareaPT: { classPropertyName: "pTextareaPT", publicName: "pTextareaPT", isSignal: true, isRequired: false, transformFunction: null }, pTextareaUnstyled: { classPropertyName: "pTextareaUnstyled", publicName: "pTextareaUnstyled", isSignal: true, isRequired: false, transformFunction: null }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: true, isRequired: false, transformFunction: null }, pSize: { classPropertyName: "pSize", publicName: "pSize", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onResize: "onResize" }, host: { listeners: { "input": "onInput($event)" }, properties: { "class": "cx('root')" } }, providers: [TextareaStyle, { provide: TEXTAREA_INSTANCE, useExisting: Textarea }, { provide: PARENT_INSTANCE, useExisting: Textarea }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Textarea, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[hTextarea], [hInputTextarea]',
-                    standalone: true,
-                    host: {
-                        '[class]': "cx('root')",
-                        '(input)': 'onInput($event)'
-                    },
-                    providers: [TextareaStyle, { provide: TEXTAREA_INSTANCE, useExisting: Textarea }, { provide: PARENT_INSTANCE, useExisting: Textarea }],
-                    hostDirectives: [Bind]
-                }]
-        }], ctorParameters: () => [], propDecorators: { pTextareaPT: [{ type: i0.Input, args: [{ isSignal: true, alias: "pTextareaPT", required: false }] }], pTextareaUnstyled: [{ type: i0.Input, args: [{ isSignal: true, alias: "pTextareaUnstyled", required: false }] }], autoResize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoResize", required: false }] }], pSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pSize", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], fluid: [{ type: i0.Input, args: [{ isSignal: true, alias: "fluid", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], onResize: [{ type: i0.Output, args: ["onResize"] }] } });
-class TextareaModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: TextareaModule, imports: [Textarea], exports: [Textarea] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TextareaModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TextareaModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Textarea],
-                    exports: [Textarea]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const TEXTAREA_INSTANCE = new InjectionToken("TEXTAREA_INSTANCE");
+var Textarea = class Textarea extends BaseModelHolder {
+	componentName = "Textarea";
+	bindDirectiveInstance = inject(Bind, { self: true });
+	$pcTextarea = inject(TEXTAREA_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	pTextareaPT = input(...ngDevMode ? [void 0, { debugName: "pTextareaPT" }] : 	/* istanbul ignore next */ []);
+	pTextareaUnstyled = input(...ngDevMode ? [void 0, { debugName: "pTextareaUnstyled" }] : 	/* istanbul ignore next */ []);
+	autoResize = input(void 0, {
+		...ngDevMode ? { debugName: "autoResize" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	pSize = input(void 0, ...ngDevMode ? [{ debugName: "pSize" }] : 	/* istanbul ignore next */ []);
+	variant = input(...ngDevMode ? [void 0, { debugName: "variant" }] : 	/* istanbul ignore next */ []);
+	fluid = input(void 0, {
+		...ngDevMode ? { debugName: "fluid" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	invalid = input(void 0, {
+		...ngDevMode ? { debugName: "invalid" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	$variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant(), ...ngDevMode ? [{ debugName: "$variant" }] : 	/* istanbul ignore next */ []);
+	onResize = output();
+	ngControlSubscription;
+	_componentStyle = inject(TextareaStyle);
+	ngControl = inject(NgControl, {
+		optional: true,
+		self: true
+	});
+	pcFluid = inject(Fluid, {
+		optional: true,
+		host: true,
+		skipSelf: true
+	});
+	get hasFluid() {
+		return this.fluid() ?? !!this.pcFluid;
+	}
+	constructor() {
+		super();
+		effect(() => {
+			const pt = this.pTextareaPT();
+			pt && this.directivePT.set(pt);
+		});
+		effect(() => {
+			this.pTextareaUnstyled() && this.directiveUnstyled.set(this.pTextareaUnstyled());
+		});
+	}
+	onInit() {
+		if (this.ngControl) this.ngControlSubscription = this.ngControl.valueChanges.subscribe(() => {
+			this.updateState();
+		});
+	}
+	onAfterViewInit() {
+		if (this.autoResize()) this.resize();
+		this.cd.detectChanges();
+	}
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+		if (this.autoResize()) this.resize();
+		this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);
+	}
+	onInput(e) {
+		this.writeModelValue(e.target?.value);
+		this.updateState();
+	}
+	resize(event) {
+		this.el.nativeElement.style.height = "auto";
+		this.el.nativeElement.style.height = this.el.nativeElement.scrollHeight + "px";
+		if (parseFloat(this.el.nativeElement.style.height) >= parseFloat(this.el.nativeElement.style.maxHeight)) {
+			this.el.nativeElement.style.overflowY = "scroll";
+			this.el.nativeElement.style.height = this.el.nativeElement.style.maxHeight;
+		} else this.el.nativeElement.style.overflow = "hidden";
+		this.onResize.emit(event || {});
+	}
+	updateState() {
+		if (this.autoResize()) this.resize();
+	}
+	onDestroy() {
+		if (this.ngControlSubscription) this.ngControlSubscription.unsubscribe();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Textarea,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: Textarea,
+		isStandalone: true,
+		selector: "[hTextarea], [hInputTextarea]",
+		inputs: {
+			pTextareaPT: {
+				classPropertyName: "pTextareaPT",
+				publicName: "pTextareaPT",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pTextareaUnstyled: {
+				classPropertyName: "pTextareaUnstyled",
+				publicName: "pTextareaUnstyled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			autoResize: {
+				classPropertyName: "autoResize",
+				publicName: "autoResize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pSize: {
+				classPropertyName: "pSize",
+				publicName: "pSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fluid: {
+				classPropertyName: "fluid",
+				publicName: "fluid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { onResize: "onResize" },
+		host: {
+			listeners: { "input": "onInput($event)" },
+			properties: { "class": "cx('root')" }
+		},
+		providers: [
+			TextareaStyle,
+			{
+				provide: TEXTAREA_INSTANCE,
+				useExisting: Textarea
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Textarea
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Textarea,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hTextarea], [hInputTextarea]",
+			standalone: true,
+			host: {
+				"[class]": "cx('root')",
+				"(input)": "onInput($event)"
+			},
+			providers: [
+				TextareaStyle,
+				{
+					provide: TEXTAREA_INSTANCE,
+					useExisting: Textarea
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Textarea
+				}
+			],
+			hostDirectives: [Bind]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		pTextareaPT: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pTextareaPT",
+				required: false
+			}]
+		}],
+		pTextareaUnstyled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pTextareaUnstyled",
+				required: false
+			}]
+		}],
+		autoResize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autoResize",
+				required: false
+			}]
+		}],
+		pSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pSize",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		fluid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fluid",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		onResize: [{
+			type: i0.Output,
+			args: ["onResize"]
+		}]
+	}
+});
+var TextareaModule = class TextareaModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TextareaModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TextareaModule,
+		imports: [Textarea],
+		exports: [Textarea]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TextareaModule
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TextareaModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Textarea],
+			exports: [Textarea]
+		}]
+	}]
+});
 export { Textarea, TextareaClasses, TextareaModule, TextareaStyle };
-//# sourceMappingURL=gravionlabs-helix-core-textarea.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-textarea.mjs.map