@gravionlabs/helix-core 22.1.2 → 22.1.4

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

@@ -1,14 +1,14 @@
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, input, inject, booleanAttribute, computed, 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 } 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-inputtext {
         font-family: inherit;
         font-feature-settings: inherit;
@@ -86,10 +86,7 @@ const style$1 = /*css*/ `
     .h-inputtext-fluid {
         width: 100%;
     }
-`;
 
-const style = /*css*/ `
-    ${style$1}
 
     /* For Helix */
    .h-inputtext.ng-invalid.ng-dirty {
@@ -100,176 +97,340 @@ const style = /*css*/ `
         color: dt('inputtext.invalid.placeholder.color');
     }
 `;
-const classes = {
-    root: ({ instance }) => [
-        'h-inputtext h-component',
-        {
-            'h-filled': instance.$filled(),
-            'h-inputtext-sm': instance.pSize === 'small',
-            'h-inputtext-lg': instance.pSize === 'large',
-            'h-invalid': instance.invalid(),
-            'h-variant-filled': instance.$variant() === 'filled',
-            'h-inputtext-fluid': instance.hasFluid
-        }
-    ]
+const classes = { root: ({ instance }) => ["h-inputtext h-component", {
+	"h-filled": instance.$filled(),
+	"h-inputtext-sm": instance.pSize === "small",
+	"h-inputtext-lg": instance.pSize === "large",
+	"h-invalid": instance.invalid(),
+	"h-variant-filled": instance.$variant() === "filled",
+	"h-inputtext-fluid": instance.hasFluid
+}] };
+var InputTextStyle = class InputTextStyle extends BaseStyle {
+	name = "inputtext";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: InputTextStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: InputTextStyle
+	});
 };
-class InputTextStyle extends BaseStyle {
-    name = 'inputtext';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputTextStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputTextStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputTextStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * InputText renders a text field to enter data.
- *
- * [Live Demo](https://www.primeng.org/inputtext/)
- *
- * @module inputtextstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: InputTextStyle,
+	decorators: [{ type: Injectable }]
+});
 var InputTextClasses;
-(function (InputTextClasses) {
-    /**
-     * The class of root element
-     */
-    InputTextClasses["root"] = "h-inputtext";
+(function(InputTextClasses) {
+	InputTextClasses["root"] = "h-inputtext";
 })(InputTextClasses || (InputTextClasses = {}));
-
-const INPUTTEXT_INSTANCE = new InjectionToken('INPUTTEXT_INSTANCE');
-/**
- * InputText directive is an extension to standard input element with theming.
- * @group Components
- */
-class InputText extends BaseModelHolder {
-    componentName = 'InputText';
-    hostName = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hostName" }] : /* istanbul ignore next */ []));
-    /**
-     * Used to pass attributes to DOM elements inside the InputText component.
-     * @defaultValue undefined
-     * @deprecated use pInputTextPT instead.
-     * @group Props
-     */
-    ptInputText = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "ptInputText" }] : /* istanbul ignore next */ []));
-    /**
-     * Used to pass attributes to DOM elements inside the InputText component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    pInputTextPT = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "pInputTextPT" }] : /* istanbul ignore next */ []));
-    /**
-     * Indicates whether the component should be rendered without styles.
-     * @defaultValue undefined
-     * @group Props
-     */
-    pInputTextUnstyled = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "pInputTextUnstyled" }] : /* istanbul ignore next */ []));
-    bindDirectiveInstance = inject(Bind, { self: true });
-    $pcInputText = inject(INPUTTEXT_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    ngControl = inject(NgControl, { optional: true, self: true });
-    pcFluid = inject(Fluid, { optional: true, host: true, skipSelf: true });
-    /**
-     * Defines the size of the component.
-     * @group Props
-     */
-    pSize = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { 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 */ []));
-    _componentStyle = inject(InputTextStyle);
-    constructor() {
-        super();
-        effect(() => {
-            const pt = this.ptInputText() || this.pInputTextPT();
-            pt && this.directivePT.set(pt);
-        });
-        effect(() => {
-            this.pInputTextUnstyled() && this.directiveUnstyled.set(this.pInputTextUnstyled());
-        });
-    }
-    onAfterViewInit() {
-        this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);
-        this.cd.detectChanges();
-    }
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('root'));
-    }
-    onDoCheck() {
-        this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);
-    }
-    onInput() {
-        this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);
-    }
-    get hasFluid() {
-        return this.fluid() ?? !!this.pcFluid;
-    }
-    get dataP() {
-        return this.cn({
-            invalid: this.invalid(),
-            fluid: this.hasFluid,
-            filled: this.$variant() === 'filled',
-            [this.pSize()]: this.pSize()
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: InputText, isStandalone: true, selector: "[hInputText]", inputs: { hostName: { classPropertyName: "hostName", publicName: "hostName", isSignal: true, isRequired: false, transformFunction: null }, ptInputText: { classPropertyName: "ptInputText", publicName: "ptInputText", isSignal: true, isRequired: false, transformFunction: null }, pInputTextPT: { classPropertyName: "pInputTextPT", publicName: "pInputTextPT", isSignal: true, isRequired: false, transformFunction: null }, pInputTextUnstyled: { classPropertyName: "pInputTextUnstyled", publicName: "pInputTextUnstyled", 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 } }, host: { listeners: { "input": "onInput()" }, properties: { "class": "cx('root')", "attr.data-h": "dataP" } }, providers: [InputTextStyle, { provide: INPUTTEXT_INSTANCE, useExisting: InputText }, { provide: PARENT_INSTANCE, useExisting: InputText }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputText, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[hInputText]',
-                    standalone: true,
-                    host: {
-                        '[class]': "cx('root')",
-                        '[attr.data-h]': 'dataP',
-                        '(input)': 'onInput()'
-                    },
-                    providers: [InputTextStyle, { provide: INPUTTEXT_INSTANCE, useExisting: InputText }, { provide: PARENT_INSTANCE, useExisting: InputText }],
-                    hostDirectives: [Bind]
-                }]
-        }], ctorParameters: () => [], propDecorators: { hostName: [{ type: i0.Input, args: [{ isSignal: true, alias: "hostName", required: false }] }], ptInputText: [{ type: i0.Input, args: [{ isSignal: true, alias: "ptInputText", required: false }] }], pInputTextPT: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputTextPT", required: false }] }], pInputTextUnstyled: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputTextUnstyled", 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 }] }] } });
-class InputTextModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: InputTextModule, imports: [InputText], exports: [InputText] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputTextModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputTextModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [InputText],
-                    exports: [InputText]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const INPUTTEXT_INSTANCE = new InjectionToken("INPUTTEXT_INSTANCE");
+var InputText = class InputText extends BaseModelHolder {
+	componentName = "InputText";
+	hostName = input("", ...ngDevMode ? [{ debugName: "hostName" }] : 	/* istanbul ignore next */ []);
+	ptInputText = input(...ngDevMode ? [void 0, { debugName: "ptInputText" }] : 	/* istanbul ignore next */ []);
+	pInputTextPT = input(...ngDevMode ? [void 0, { debugName: "pInputTextPT" }] : 	/* istanbul ignore next */ []);
+	pInputTextUnstyled = input(...ngDevMode ? [void 0, { debugName: "pInputTextUnstyled" }] : 	/* istanbul ignore next */ []);
+	bindDirectiveInstance = inject(Bind, { self: true });
+	$pcInputText = inject(INPUTTEXT_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	ngControl = inject(NgControl, {
+		optional: true,
+		self: true
+	});
+	pcFluid = inject(Fluid, {
+		optional: true,
+		host: true,
+		skipSelf: true
+	});
+	pSize = input(...ngDevMode ? [void 0, { 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 */ []);
+	_componentStyle = inject(InputTextStyle);
+	constructor() {
+		super();
+		effect(() => {
+			const pt = this.ptInputText() || this.pInputTextPT();
+			pt && this.directivePT.set(pt);
+		});
+		effect(() => {
+			this.pInputTextUnstyled() && this.directiveUnstyled.set(this.pInputTextUnstyled());
+		});
+	}
+	onAfterViewInit() {
+		this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);
+		this.cd.detectChanges();
+	}
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptm("root"));
+	}
+	onDoCheck() {
+		this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);
+	}
+	onInput() {
+		this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);
+	}
+	get hasFluid() {
+		return this.fluid() ?? !!this.pcFluid;
+	}
+	get dataP() {
+		return this.cn({
+			invalid: this.invalid(),
+			fluid: this.hasFluid,
+			filled: this.$variant() === "filled",
+			[this.pSize()]: this.pSize()
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: InputText,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: InputText,
+		isStandalone: true,
+		selector: "[hInputText]",
+		inputs: {
+			hostName: {
+				classPropertyName: "hostName",
+				publicName: "hostName",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ptInputText: {
+				classPropertyName: "ptInputText",
+				publicName: "ptInputText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pInputTextPT: {
+				classPropertyName: "pInputTextPT",
+				publicName: "pInputTextPT",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pInputTextUnstyled: {
+				classPropertyName: "pInputTextUnstyled",
+				publicName: "pInputTextUnstyled",
+				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
+			}
+		},
+		host: {
+			listeners: { "input": "onInput()" },
+			properties: {
+				"class": "cx('root')",
+				"attr.data-h": "dataP"
+			}
+		},
+		providers: [
+			InputTextStyle,
+			{
+				provide: INPUTTEXT_INSTANCE,
+				useExisting: InputText
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: InputText
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: InputText,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hInputText]",
+			standalone: true,
+			host: {
+				"[class]": "cx('root')",
+				"[attr.data-h]": "dataP",
+				"(input)": "onInput()"
+			},
+			providers: [
+				InputTextStyle,
+				{
+					provide: INPUTTEXT_INSTANCE,
+					useExisting: InputText
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: InputText
+				}
+			],
+			hostDirectives: [Bind]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		hostName: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hostName",
+				required: false
+			}]
+		}],
+		ptInputText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ptInputText",
+				required: false
+			}]
+		}],
+		pInputTextPT: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pInputTextPT",
+				required: false
+			}]
+		}],
+		pInputTextUnstyled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pInputTextUnstyled",
+				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
+			}]
+		}]
+	}
+});
+var InputTextModule = class InputTextModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: InputTextModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: InputTextModule,
+		imports: [InputText],
+		exports: [InputText]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: InputTextModule
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: InputTextModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [InputText],
+			exports: [InputText]
+		}]
+	}]
+});
 export { InputText, InputTextClasses, InputTextModule, InputTextStyle };
-//# sourceMappingURL=gravionlabs-helix-core-inputtext.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-inputtext.mjs.map

package/fesm2022/gravionlabs-helix-core-inputtext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"gravionlabs-helix-core-inputtext.mjs","sources":["../../../projects/core/inputtext/style/inputtext.css.ts","../../../projects/core/inputtext/style/inputtextstyle.ts","../../../projects/core/inputtext/inputtext.ts","../../../projects/core/inputtext/gravionlabs-helix-core-inputtext.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-inputtext {\n        font-family: inherit;\n        font-feature-settings: inherit;\n        font-size: 1rem;\n        color: dt('inputtext.color');\n        background: dt('inputtext.background');\n        padding-block: dt('inputtext.padding.y');\n        padding-inline: dt('inputtext.padding.x');\n        border: 1px solid dt('inputtext.border.color');\n        transition:\n            background dt('inputtext.transition.duration'),\n            color dt('inputtext.transition.duration'),\n            border-color dt('inputtext.transition.duration'),\n            outline-color dt('inputtext.transition.duration'),\n            box-shadow dt('inputtext.transition.duration');\n        appearance: none;\n        border-radius: dt('inputtext.border.radius');\n        outline-color: transparent;\n        box-shadow: dt('inputtext.shadow');\n    }\n\n    .h-inputtext:enabled:hover {\n        border-color: dt('inputtext.hover.border.color');\n    }\n\n    .h-inputtext:enabled:focus {\n        border-color: dt('inputtext.focus.border.color');\n        box-shadow: dt('inputtext.focus.ring.shadow');\n        outline: dt('inputtext.focus.ring.width') dt('inputtext.focus.ring.style') dt('inputtext.focus.ring.color');\n        outline-offset: dt('inputtext.focus.ring.offset');\n    }\n\n    .h-inputtext.h-invalid {\n        border-color: dt('inputtext.invalid.border.color');\n    }\n\n    .h-inputtext.h-variant-filled {\n        background: dt('inputtext.filled.background');\n    }\n\n    .h-inputtext.h-variant-filled:enabled:hover {\n        background: dt('inputtext.filled.hover.background');\n    }\n\n    .h-inputtext.h-variant-filled:enabled:focus {\n        background: dt('inputtext.filled.focus.background');\n    }\n\n    .h-inputtext:disabled {\n        opacity: 1;\n        background: dt('inputtext.disabled.background');\n        color: dt('inputtext.disabled.color');\n    }\n\n    .h-inputtext::placeholder {\n        color: dt('inputtext.placeholder.color');\n    }\n\n    .h-inputtext.h-invalid::placeholder {\n        color: dt('inputtext.invalid.placeholder.color');\n    }\n\n    .h-inputtext-sm {\n        font-size: dt('inputtext.sm.font.size');\n        padding-block: dt('inputtext.sm.padding.y');\n        padding-inline: dt('inputtext.sm.padding.x');\n    }\n\n    .h-inputtext-lg {\n        font-size: dt('inputtext.lg.font.size');\n        padding-block: dt('inputtext.lg.padding.y');\n        padding-inline: dt('inputtext.lg.padding.x');\n    }\n\n    .h-inputtext-fluid {\n        width: 100%;\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style as inputtext_style } from './inputtext.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst style = /*css*/ `\n    ${inputtext_style}\n\n    /* For Helix */\n   .h-inputtext.ng-invalid.ng-dirty {\n        border-color: dt('inputtext.invalid.border.color');\n    }\n\n    .h-inputtext.ng-invalid.ng-dirty::placeholder {\n        color: dt('inputtext.invalid.placeholder.color');\n    }\n`;\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-inputtext h-component',\n        {\n            'h-filled': instance.$filled(),\n            'h-inputtext-sm': instance.pSize === 'small',\n            'h-inputtext-lg': instance.pSize === 'large',\n            'h-invalid': instance.invalid(),\n            'h-variant-filled': instance.$variant() === 'filled',\n            'h-inputtext-fluid': instance.hasFluid\n        }\n    ]\n};\n\n@Injectable()\nexport class InputTextStyle extends BaseStyle {\n    name = 'inputtext';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * InputText renders a text field to enter data.\n *\n * [Live Demo](https://www.primeng.org/inputtext/)\n *\n * @module inputtextstyle\n *\n */\nexport enum InputTextClasses {\n    /**\n     * The class of root element\n     */\n    root = 'h-inputtext'\n}\n\nexport interface InputTextStyle extends BaseStyle {}\n","import { booleanAttribute, computed, Directive, effect, inject, InjectionToken, input, NgModule } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { BaseModelHolder } from '@gravionlabs/helix-core/basemodelholder';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { Fluid } from '@gravionlabs/helix-core/fluid';\nimport { InputTextPassThrough } from '@gravionlabs/helix-core/types/inputtext';\nimport { InputTextStyle } from './style/inputtextstyle';\n\nconst INPUTTEXT_INSTANCE = new InjectionToken<InputText>('INPUTTEXT_INSTANCE');\n\n/**\n * InputText directive is an extension to standard input element with theming.\n * @group Components\n */\n@Directive({\n    selector: '[hInputText]',\n    standalone: true,\n    host: {\n        '[class]': \"cx('root')\",\n        '[attr.data-h]': 'dataP',\n        '(input)': 'onInput()'\n    },\n    providers: [InputTextStyle, { provide: INPUTTEXT_INSTANCE, useExisting: InputText }, { provide: PARENT_INSTANCE, useExisting: InputText }],\n    hostDirectives: [Bind]\n})\nexport class InputText extends BaseModelHolder<InputTextPassThrough> {\n    componentName = 'InputText';\n\n    readonly hostName = input<any>('');\n\n    /**\n     * Used to pass attributes to DOM elements inside the InputText component.\n     * @defaultValue undefined\n     * @deprecated use pInputTextPT instead.\n     * @group Props\n     */\n    ptInputText = input<InputTextPassThrough>();\n    /**\n     * Used to pass attributes to DOM elements inside the InputText component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    pInputTextPT = input<InputTextPassThrough>();\n    /**\n     * Indicates whether the component should be rendered without styles.\n     * @defaultValue undefined\n     * @group Props\n     */\n    pInputTextUnstyled = input<boolean | undefined>();\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    $pcInputText: InputText | undefined = inject(INPUTTEXT_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    ngControl = inject(NgControl, { optional: true, self: true });\n\n    pcFluid: Fluid | null = inject(Fluid, { optional: true, host: true, skipSelf: true });\n\n    /**\n     * Defines the size of the component.\n     * @group Props\n     */\n    readonly pSize = input<'large' | 'small'>();\n    /**\n     * Specifies the input variant of the component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    variant = input<'filled' | 'outlined' | undefined>();\n    /**\n     * Spans 100% width of the container when enabled.\n     * @defaultValue undefined\n     * @group Props\n     */\n    fluid = input(undefined, { transform: booleanAttribute });\n    /**\n     * When present, it specifies that the component should have invalid state style.\n     * @defaultValue false\n     * @group Props\n     */\n    invalid = input(undefined, { transform: booleanAttribute });\n\n    $variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant());\n\n    _componentStyle = inject(InputTextStyle);\n\n    constructor() {\n        super();\n        effect(() => {\n            const pt = this.ptInputText() || this.pInputTextPT();\n            pt && this.directivePT.set(pt);\n        });\n\n        effect(() => {\n            this.pInputTextUnstyled() && this.directiveUnstyled.set(this.pInputTextUnstyled());\n        });\n    }\n\n    onAfterViewInit() {\n        this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);\n        this.cd.detectChanges();\n    }\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptm('root'));\n    }\n\n    onDoCheck() {\n        this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);\n    }\n\n    onInput() {\n        this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);\n    }\n\n    get hasFluid() {\n        return this.fluid() ?? !!this.pcFluid;\n    }\n\n    get dataP() {\n        return this.cn({\n            invalid: this.invalid(),\n            fluid: this.hasFluid,\n            filled: this.$variant() === 'filled',\n            [this.pSize() as string]: this.pSize()\n        });\n    }\n}\n\n@NgModule({\n    imports: [InputText],\n    exports: [InputText]\n})\nexport class InputTextModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["style","inputtext_style"],"mappings":"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"}
+{"version":3,"file":"gravionlabs-helix-core-inputtext.mjs","names":[],"sources":["../../../projects/core/inputtext/style/inputtext.css.ts","../../../projects/core/inputtext/style/inputtextstyle.ts","../../../projects/core/inputtext/inputtext.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-inputtext {\n        font-family: inherit;\n        font-feature-settings: inherit;\n        font-size: 1rem;\n        color: dt('inputtext.color');\n        background: dt('inputtext.background');\n        padding-block: dt('inputtext.padding.y');\n        padding-inline: dt('inputtext.padding.x');\n        border: 1px solid dt('inputtext.border.color');\n        transition:\n            background dt('inputtext.transition.duration'),\n            color dt('inputtext.transition.duration'),\n            border-color dt('inputtext.transition.duration'),\n            outline-color dt('inputtext.transition.duration'),\n            box-shadow dt('inputtext.transition.duration');\n        appearance: none;\n        border-radius: dt('inputtext.border.radius');\n        outline-color: transparent;\n        box-shadow: dt('inputtext.shadow');\n    }\n\n    .h-inputtext:enabled:hover {\n        border-color: dt('inputtext.hover.border.color');\n    }\n\n    .h-inputtext:enabled:focus {\n        border-color: dt('inputtext.focus.border.color');\n        box-shadow: dt('inputtext.focus.ring.shadow');\n        outline: dt('inputtext.focus.ring.width') dt('inputtext.focus.ring.style') dt('inputtext.focus.ring.color');\n        outline-offset: dt('inputtext.focus.ring.offset');\n    }\n\n    .h-inputtext.h-invalid {\n        border-color: dt('inputtext.invalid.border.color');\n    }\n\n    .h-inputtext.h-variant-filled {\n        background: dt('inputtext.filled.background');\n    }\n\n    .h-inputtext.h-variant-filled:enabled:hover {\n        background: dt('inputtext.filled.hover.background');\n    }\n\n    .h-inputtext.h-variant-filled:enabled:focus {\n        background: dt('inputtext.filled.focus.background');\n    }\n\n    .h-inputtext:disabled {\n        opacity: 1;\n        background: dt('inputtext.disabled.background');\n        color: dt('inputtext.disabled.color');\n    }\n\n    .h-inputtext::placeholder {\n        color: dt('inputtext.placeholder.color');\n    }\n\n    .h-inputtext.h-invalid::placeholder {\n        color: dt('inputtext.invalid.placeholder.color');\n    }\n\n    .h-inputtext-sm {\n        font-size: dt('inputtext.sm.font.size');\n        padding-block: dt('inputtext.sm.padding.y');\n        padding-inline: dt('inputtext.sm.padding.x');\n    }\n\n    .h-inputtext-lg {\n        font-size: dt('inputtext.lg.font.size');\n        padding-block: dt('inputtext.lg.padding.y');\n        padding-inline: dt('inputtext.lg.padding.x');\n    }\n\n    .h-inputtext-fluid {\n        width: 100%;\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style as inputtext_style } from './inputtext.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst style = /*css*/ `\n    ${inputtext_style}\n\n    /* For Helix */\n   .h-inputtext.ng-invalid.ng-dirty {\n        border-color: dt('inputtext.invalid.border.color');\n    }\n\n    .h-inputtext.ng-invalid.ng-dirty::placeholder {\n        color: dt('inputtext.invalid.placeholder.color');\n    }\n`;\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-inputtext h-component',\n        {\n            'h-filled': instance.$filled(),\n            'h-inputtext-sm': instance.pSize === 'small',\n            'h-inputtext-lg': instance.pSize === 'large',\n            'h-invalid': instance.invalid(),\n            'h-variant-filled': instance.$variant() === 'filled',\n            'h-inputtext-fluid': instance.hasFluid\n        }\n    ]\n};\n\n@Injectable()\nexport class InputTextStyle extends BaseStyle {\n    name = 'inputtext';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * InputText renders a text field to enter data.\n *\n * [Live Demo](https://www.primeng.org/inputtext/)\n *\n * @module inputtextstyle\n *\n */\nexport enum InputTextClasses {\n    /**\n     * The class of root element\n     */\n    root = 'h-inputtext'\n}\n\nexport interface InputTextStyle extends BaseStyle {}\n","import { booleanAttribute, computed, Directive, effect, inject, InjectionToken, input, NgModule } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { BaseModelHolder } from '@gravionlabs/helix-core/basemodelholder';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { Fluid } from '@gravionlabs/helix-core/fluid';\nimport { InputTextPassThrough } from '@gravionlabs/helix-core/types/inputtext';\nimport { InputTextStyle } from './style/inputtextstyle';\n\nconst INPUTTEXT_INSTANCE = new InjectionToken<InputText>('INPUTTEXT_INSTANCE');\n\n/**\n * InputText directive is an extension to standard input element with theming.\n * @group Components\n */\n@Directive({\n    selector: '[hInputText]',\n    standalone: true,\n    host: {\n        '[class]': \"cx('root')\",\n        '[attr.data-h]': 'dataP',\n        '(input)': 'onInput()'\n    },\n    providers: [InputTextStyle, { provide: INPUTTEXT_INSTANCE, useExisting: InputText }, { provide: PARENT_INSTANCE, useExisting: InputText }],\n    hostDirectives: [Bind]\n})\nexport class InputText extends BaseModelHolder<InputTextPassThrough> {\n    componentName = 'InputText';\n\n    readonly hostName = input<any>('');\n\n    /**\n     * Used to pass attributes to DOM elements inside the InputText component.\n     * @defaultValue undefined\n     * @deprecated use pInputTextPT instead.\n     * @group Props\n     */\n    ptInputText = input<InputTextPassThrough>();\n    /**\n     * Used to pass attributes to DOM elements inside the InputText component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    pInputTextPT = input<InputTextPassThrough>();\n    /**\n     * Indicates whether the component should be rendered without styles.\n     * @defaultValue undefined\n     * @group Props\n     */\n    pInputTextUnstyled = input<boolean | undefined>();\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    $pcInputText: InputText | undefined = inject(INPUTTEXT_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    ngControl = inject(NgControl, { optional: true, self: true });\n\n    pcFluid: Fluid | null = inject(Fluid, { optional: true, host: true, skipSelf: true });\n\n    /**\n     * Defines the size of the component.\n     * @group Props\n     */\n    readonly pSize = input<'large' | 'small'>();\n    /**\n     * Specifies the input variant of the component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    variant = input<'filled' | 'outlined' | undefined>();\n    /**\n     * Spans 100% width of the container when enabled.\n     * @defaultValue undefined\n     * @group Props\n     */\n    fluid = input(undefined, { transform: booleanAttribute });\n    /**\n     * When present, it specifies that the component should have invalid state style.\n     * @defaultValue false\n     * @group Props\n     */\n    invalid = input(undefined, { transform: booleanAttribute });\n\n    $variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant());\n\n    _componentStyle = inject(InputTextStyle);\n\n    constructor() {\n        super();\n        effect(() => {\n            const pt = this.ptInputText() || this.pInputTextPT();\n            pt && this.directivePT.set(pt);\n        });\n\n        effect(() => {\n            this.pInputTextUnstyled() && this.directiveUnstyled.set(this.pInputTextUnstyled());\n        });\n    }\n\n    onAfterViewInit() {\n        this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);\n        this.cd.detectChanges();\n    }\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptm('root'));\n    }\n\n    onDoCheck() {\n        this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);\n    }\n\n    onInput() {\n        this.writeModelValue(this.ngControl?.value ?? this.el.nativeElement.value);\n    }\n\n    get hasFluid() {\n        return this.fluid() ?? !!this.pcFluid;\n    }\n\n    get dataP() {\n        return this.cn({\n            invalid: this.invalid(),\n            fluid: this.hasFluid,\n            filled: this.$variant() === 'filled',\n            [this.pSize() as string]: this.pSize()\n        });\n    }\n}\n\n@NgModule({\n    imports: [InputText],\n    exports: [InputText]\n})\nexport class InputTextModule {}\n"],"mappings":"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"}