@gravionlabs/helix-core 22.1.2 → 22.1.4

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

@@ -1,13 +1,13 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { SharedModule } from '@gravionlabs/helix-core/api';
-import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind, BindModule } from '@gravionlabs/helix-core/bind';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style$1 = /*css*/ `
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, inject, input } from "@angular/core";
+import { SharedModule } from "@gravionlabs/helix-core/api";
+import { BaseComponent, PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind, BindModule } from "@gravionlabs/helix-core/bind";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+const style = `
+    
     .h-floatlabel {
         display: block;
         position: relative;
@@ -104,104 +104,207 @@ const style$1 = /*css*/ `
         padding: dt('floatlabel.on.active.padding');
     }
 
-    .h-floatlabel:has([class^='p-'][class$='-fluid']) {
+    .h-floatlabel:has([class^='p-'][class\$='-fluid']) {
         width: 100%;
     }
 
     .h-floatlabel:has(.h-invalid) label {
         color: dt('floatlabel.invalid.color');
     }
-`;
 
-const style = /*css*/ `
-    ${style$1}
 
     /* For Helix */
     .h-floatlabel:has(.ng-invalid.ng-dirty) label {
         color: dt('floatlabel.invalid.color');
     }
 `;
-const classes = {
-    root: ({ instance }) => [
-        'h-floatlabel',
-        {
-            'h-floatlabel-over': instance.variant() === 'over',
-            'h-floatlabel-on': instance.variant() === 'on',
-            'h-floatlabel-in': instance.variant() === 'in'
-        }
-    ]
+const classes = { root: ({ instance }) => ["h-floatlabel", {
+	"h-floatlabel-over": instance.variant() === "over",
+	"h-floatlabel-on": instance.variant() === "on",
+	"h-floatlabel-in": instance.variant() === "in"
+}] };
+var FloatLabelStyle = class FloatLabelStyle extends BaseStyle {
+	name = "floatlabel";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FloatLabelStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FloatLabelStyle
+	});
 };
-class FloatLabelStyle extends BaseStyle {
-    name = 'floatlabel';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FloatLabelStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FloatLabelStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FloatLabelStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * FloatLabel visually integrates a label with its form element.
- *
- * [Live Demo](https://www.primeng.org/floatlabel/)
- *
- * @module floatlabelstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: FloatLabelStyle,
+	decorators: [{ type: Injectable }]
+});
 var FloatLabelClasses;
-(function (FloatLabelClasses) {
-    /**
-     * Class name of the root element
-     */
-    FloatLabelClasses["root"] = "h-floatlabel";
+(function(FloatLabelClasses) {
+	FloatLabelClasses["root"] = "h-floatlabel";
 })(FloatLabelClasses || (FloatLabelClasses = {}));
-
-const FLOATLABEL_INSTANCE = new InjectionToken('FLOATLABEL_INSTANCE');
-/**
- * FloatLabel appears on top of the input field when focused.
- * @group Components
- */
-class FloatLabel extends BaseComponent {
-    componentName = 'FloatLabel';
-    _componentStyle = inject(FloatLabelStyle);
-    $pcFloatLabel = inject(FLOATLABEL_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * Defines the positioning of the label relative to the input.
-     * @group Props
-     */
-    variant = input('over', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FloatLabel, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: FloatLabel, isStandalone: true, selector: "h-floatlabel, h-floatLabel, h-float-label", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cx('root')" } }, providers: [FloatLabelStyle, { provide: FLOATLABEL_INSTANCE, useExisting: FloatLabel }, { provide: PARENT_INSTANCE, useExisting: FloatLabel }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<ng-content></ng-content> \n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FloatLabel, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-floatlabel, h-floatLabel, h-float-label', standalone: true, imports: [CommonModule, SharedModule, BindModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [FloatLabelStyle, { provide: FLOATLABEL_INSTANCE, useExisting: FloatLabel }, { provide: PARENT_INSTANCE, useExisting: FloatLabel }], host: {
-                        '[class]': "cx('root')"
-                    }, hostDirectives: [Bind], template: "<ng-content></ng-content> \n" }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
-class FloatLabelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FloatLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: FloatLabelModule, imports: [FloatLabel, SharedModule], exports: [FloatLabel, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FloatLabelModule, imports: [FloatLabel, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FloatLabelModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [FloatLabel, SharedModule],
-                    exports: [FloatLabel, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const FLOATLABEL_INSTANCE = new InjectionToken("FLOATLABEL_INSTANCE");
+var FloatLabel = class FloatLabel extends BaseComponent {
+	componentName = "FloatLabel";
+	_componentStyle = inject(FloatLabelStyle);
+	$pcFloatLabel = inject(FLOATLABEL_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	variant = input("over", ...ngDevMode ? [{ debugName: "variant" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FloatLabel,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: FloatLabel,
+		isStandalone: true,
+		selector: "h-floatlabel, h-floatLabel, h-float-label",
+		inputs: { variant: {
+			classPropertyName: "variant",
+			publicName: "variant",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: { "class": "cx('root')" } },
+		providers: [
+			FloatLabelStyle,
+			{
+				provide: FLOATLABEL_INSTANCE,
+				useExisting: FloatLabel
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: FloatLabel
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "<ng-content></ng-content> \n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "ngmodule",
+				type: BindModule
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: FloatLabel,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-floatlabel, h-floatLabel, h-float-label",
+			standalone: true,
+			imports: [
+				CommonModule,
+				SharedModule,
+				BindModule
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				FloatLabelStyle,
+				{
+					provide: FLOATLABEL_INSTANCE,
+					useExisting: FloatLabel
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: FloatLabel
+				}
+			],
+			host: { "[class]": "cx('root')" },
+			hostDirectives: [Bind],
+			template: "<ng-content></ng-content> \n"
+		}]
+	}],
+	propDecorators: { variant: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "variant",
+			required: false
+		}]
+	}] }
+});
+var FloatLabelModule = class FloatLabelModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FloatLabelModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FloatLabelModule,
+		imports: [FloatLabel, SharedModule],
+		exports: [FloatLabel, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FloatLabelModule,
+		imports: [
+			FloatLabel,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: FloatLabelModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [FloatLabel, SharedModule],
+			exports: [FloatLabel, SharedModule]
+		}]
+	}]
+});
 export { FloatLabel, FloatLabelClasses, FloatLabelModule, FloatLabelStyle };
-//# sourceMappingURL=gravionlabs-helix-core-floatlabel.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-floatlabel.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"gravionlabs-helix-core-floatlabel.mjs","sources":["../../../projects/core/floatlabel/style/floatlabel.css.ts","../../../projects/core/floatlabel/style/floatlabelstyle.ts","../../../projects/core/floatlabel/floatlabel.ts","../../../projects/core/floatlabel/floatlabel.html","../../../projects/core/floatlabel/gravionlabs-helix-core-floatlabel.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-floatlabel {\n        display: block;\n        position: relative;\n    }\n\n    .h-floatlabel label {\n        position: absolute;\n        pointer-events: none;\n        top: 50%;\n        transform: translateY(-50%);\n        transition-property: all;\n        transition-timing-function: ease;\n        line-height: 1;\n        font-weight: dt('floatlabel.font.weight');\n        inset-inline-start: dt('floatlabel.position.x');\n        color: dt('floatlabel.color');\n        transition-duration: dt('floatlabel.transition.duration');\n    }\n\n    .h-floatlabel:has(.h-textarea) label {\n        top: dt('floatlabel.position.y');\n        transform: translateY(0);\n    }\n\n    .h-floatlabel:has(.h-inputicon:first-child) label {\n        inset-inline-start: calc((dt('form.field.padding.x') * 2) + dt('icon.size'));\n    }\n\n    .h-floatlabel:has(input:focus) label,\n    .h-floatlabel:has(input.h-filled) label,\n    .h-floatlabel:has(input:-webkit-autofill) label,\n    .h-floatlabel:has(textarea:focus) label,\n    .h-floatlabel:has(textarea.h-filled) label,\n    .h-floatlabel:has(.h-inputwrapper-focus) label,\n    .h-floatlabel:has(.h-inputwrapper-filled) label,\n    .h-floatlabel:has(input[placeholder]) label,\n    .h-floatlabel:has(textarea[placeholder]) label {\n        top: dt('floatlabel.over.active.top');\n        transform: translateY(0);\n        font-size: dt('floatlabel.active.font.size');\n        font-weight: dt('floatlabel.active.font.weight');\n    }\n\n    .h-floatlabel:has(input.h-filled) label,\n    .h-floatlabel:has(textarea.h-filled) label,\n    .h-floatlabel:has(.h-inputwrapper-filled) label {\n        color: dt('floatlabel.active.color');\n    }\n\n    .h-floatlabel:has(input:focus) label,\n    .h-floatlabel:has(input:-webkit-autofill) label,\n    .h-floatlabel:has(textarea:focus) label,\n    .h-floatlabel:has(.h-inputwrapper-focus) label {\n        color: dt('floatlabel.focus.color');\n    }\n\n    .h-floatlabel-in .h-inputtext,\n    .h-floatlabel-in .h-textarea,\n    .h-floatlabel-in .h-select-label,\n    .h-floatlabel-in .h-multiselect-label,\n    .h-floatlabel-in .h-multiselect-label:has(.h-chip),\n    .h-floatlabel-in .h-autocomplete-input-multiple,\n    .h-floatlabel-in .h-cascadeselect-label,\n    .h-floatlabel-in .h-treeselect-label {\n        padding-block-start: dt('floatlabel.in.input.padding.top');\n        padding-block-end: dt('floatlabel.in.input.padding.bottom');\n    }\n\n    .h-floatlabel-in:has(input:focus) label,\n    .h-floatlabel-in:has(input.h-filled) label,\n    .h-floatlabel-in:has(input:-webkit-autofill) label,\n    .h-floatlabel-in:has(textarea:focus) label,\n    .h-floatlabel-in:has(textarea.h-filled) label,\n    .h-floatlabel-in:has(.h-inputwrapper-focus) label,\n    .h-floatlabel-in:has(.h-inputwrapper-filled) label,\n    .h-floatlabel-in:has(input[placeholder]) label,\n    .h-floatlabel-in:has(textarea[placeholder]) label {\n        top: dt('floatlabel.in.active.top');\n    }\n\n    .h-floatlabel-on:has(input:focus) label,\n    .h-floatlabel-on:has(input.h-filled) label,\n    .h-floatlabel-on:has(input:-webkit-autofill) label,\n    .h-floatlabel-on:has(textarea:focus) label,\n    .h-floatlabel-on:has(textarea.h-filled) label,\n    .h-floatlabel-on:has(.h-inputwrapper-focus) label,\n    .h-floatlabel-on:has(.h-inputwrapper-filled) label,\n    .h-floatlabel-on:has(input[placeholder]) label,\n    .h-floatlabel-on:has(textarea[placeholder]) label {\n        top: 0;\n        transform: translateY(-50%);\n        border-radius: dt('floatlabel.on.border.radius');\n        background: dt('floatlabel.on.active.background');\n        padding: dt('floatlabel.on.active.padding');\n    }\n\n    .h-floatlabel:has([class^='p-'][class$='-fluid']) {\n        width: 100%;\n    }\n\n    .h-floatlabel:has(.h-invalid) label {\n        color: dt('floatlabel.invalid.color');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style as floatlabel_style } from './floatlabel.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst style = /*css*/ `\n    ${floatlabel_style}\n\n    /* For Helix */\n    .h-floatlabel:has(.ng-invalid.ng-dirty) label {\n        color: dt('floatlabel.invalid.color');\n    }\n`;\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-floatlabel',\n        {\n            'h-floatlabel-over': instance.variant() === 'over',\n            'h-floatlabel-on': instance.variant() === 'on',\n            'h-floatlabel-in': instance.variant() === 'in'\n        }\n    ]\n};\n\n@Injectable()\nexport class FloatLabelStyle extends BaseStyle {\n    name = 'floatlabel';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * FloatLabel visually integrates a label with its form element.\n *\n * [Live Demo](https://www.primeng.org/floatlabel/)\n *\n * @module floatlabelstyle\n *\n */\nexport enum FloatLabelClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-floatlabel'\n}\n\nexport interface FloatLabelStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { AfterViewChecked, ChangeDetectionStrategy, Component, inject, InjectionToken, NgModule, ViewEncapsulation, input } from '@angular/core';\nimport { SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport { FloatLabelPassThrough } from '@gravionlabs/helix-core/types/floatlabel';\nimport { FloatLabelStyle } from './style/floatlabelstyle';\n\nconst FLOATLABEL_INSTANCE = new InjectionToken<FloatLabel>('FLOATLABEL_INSTANCE');\n\n/**\n * FloatLabel appears on top of the input field when focused.\n * @group Components\n */\n@Component({\n    selector: 'h-floatlabel, h-floatLabel, h-float-label',\n    standalone: true,\n    imports: [CommonModule, SharedModule, BindModule],\n    templateUrl: './floatlabel.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [FloatLabelStyle, { provide: FLOATLABEL_INSTANCE, useExisting: FloatLabel }, { provide: PARENT_INSTANCE, useExisting: FloatLabel }],\n    host: {\n        '[class]': \"cx('root')\"\n    },\n    hostDirectives: [Bind]\n})\nexport class FloatLabel extends BaseComponent<FloatLabelPassThrough> implements AfterViewChecked {\n    componentName = 'FloatLabel';\n\n    _componentStyle = inject(FloatLabelStyle);\n\n    $pcFloatLabel: FloatLabel | undefined = inject(FLOATLABEL_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * Defines the positioning of the label relative to the input.\n     * @group Props\n     */\n    readonly variant = input<'in' | 'over' | 'on'>('over');\n}\n\n@NgModule({\n    imports: [FloatLabel, SharedModule],\n    exports: [FloatLabel, SharedModule]\n})\nexport class FloatLabelModule {}\n","<ng-content></ng-content> \n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["style","floatlabel_style"],"mappings":"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"}
+{"version":3,"file":"gravionlabs-helix-core-floatlabel.mjs","names":[],"sources":["../../../projects/core/floatlabel/style/floatlabel.css.ts","../../../projects/core/floatlabel/style/floatlabelstyle.ts","../../../projects/core/floatlabel/floatlabel.ts","../../../projects/core/floatlabel/floatlabel.html"],"sourcesContent":["export const style = /*css*/ `\n    .h-floatlabel {\n        display: block;\n        position: relative;\n    }\n\n    .h-floatlabel label {\n        position: absolute;\n        pointer-events: none;\n        top: 50%;\n        transform: translateY(-50%);\n        transition-property: all;\n        transition-timing-function: ease;\n        line-height: 1;\n        font-weight: dt('floatlabel.font.weight');\n        inset-inline-start: dt('floatlabel.position.x');\n        color: dt('floatlabel.color');\n        transition-duration: dt('floatlabel.transition.duration');\n    }\n\n    .h-floatlabel:has(.h-textarea) label {\n        top: dt('floatlabel.position.y');\n        transform: translateY(0);\n    }\n\n    .h-floatlabel:has(.h-inputicon:first-child) label {\n        inset-inline-start: calc((dt('form.field.padding.x') * 2) + dt('icon.size'));\n    }\n\n    .h-floatlabel:has(input:focus) label,\n    .h-floatlabel:has(input.h-filled) label,\n    .h-floatlabel:has(input:-webkit-autofill) label,\n    .h-floatlabel:has(textarea:focus) label,\n    .h-floatlabel:has(textarea.h-filled) label,\n    .h-floatlabel:has(.h-inputwrapper-focus) label,\n    .h-floatlabel:has(.h-inputwrapper-filled) label,\n    .h-floatlabel:has(input[placeholder]) label,\n    .h-floatlabel:has(textarea[placeholder]) label {\n        top: dt('floatlabel.over.active.top');\n        transform: translateY(0);\n        font-size: dt('floatlabel.active.font.size');\n        font-weight: dt('floatlabel.active.font.weight');\n    }\n\n    .h-floatlabel:has(input.h-filled) label,\n    .h-floatlabel:has(textarea.h-filled) label,\n    .h-floatlabel:has(.h-inputwrapper-filled) label {\n        color: dt('floatlabel.active.color');\n    }\n\n    .h-floatlabel:has(input:focus) label,\n    .h-floatlabel:has(input:-webkit-autofill) label,\n    .h-floatlabel:has(textarea:focus) label,\n    .h-floatlabel:has(.h-inputwrapper-focus) label {\n        color: dt('floatlabel.focus.color');\n    }\n\n    .h-floatlabel-in .h-inputtext,\n    .h-floatlabel-in .h-textarea,\n    .h-floatlabel-in .h-select-label,\n    .h-floatlabel-in .h-multiselect-label,\n    .h-floatlabel-in .h-multiselect-label:has(.h-chip),\n    .h-floatlabel-in .h-autocomplete-input-multiple,\n    .h-floatlabel-in .h-cascadeselect-label,\n    .h-floatlabel-in .h-treeselect-label {\n        padding-block-start: dt('floatlabel.in.input.padding.top');\n        padding-block-end: dt('floatlabel.in.input.padding.bottom');\n    }\n\n    .h-floatlabel-in:has(input:focus) label,\n    .h-floatlabel-in:has(input.h-filled) label,\n    .h-floatlabel-in:has(input:-webkit-autofill) label,\n    .h-floatlabel-in:has(textarea:focus) label,\n    .h-floatlabel-in:has(textarea.h-filled) label,\n    .h-floatlabel-in:has(.h-inputwrapper-focus) label,\n    .h-floatlabel-in:has(.h-inputwrapper-filled) label,\n    .h-floatlabel-in:has(input[placeholder]) label,\n    .h-floatlabel-in:has(textarea[placeholder]) label {\n        top: dt('floatlabel.in.active.top');\n    }\n\n    .h-floatlabel-on:has(input:focus) label,\n    .h-floatlabel-on:has(input.h-filled) label,\n    .h-floatlabel-on:has(input:-webkit-autofill) label,\n    .h-floatlabel-on:has(textarea:focus) label,\n    .h-floatlabel-on:has(textarea.h-filled) label,\n    .h-floatlabel-on:has(.h-inputwrapper-focus) label,\n    .h-floatlabel-on:has(.h-inputwrapper-filled) label,\n    .h-floatlabel-on:has(input[placeholder]) label,\n    .h-floatlabel-on:has(textarea[placeholder]) label {\n        top: 0;\n        transform: translateY(-50%);\n        border-radius: dt('floatlabel.on.border.radius');\n        background: dt('floatlabel.on.active.background');\n        padding: dt('floatlabel.on.active.padding');\n    }\n\n    .h-floatlabel:has([class^='p-'][class$='-fluid']) {\n        width: 100%;\n    }\n\n    .h-floatlabel:has(.h-invalid) label {\n        color: dt('floatlabel.invalid.color');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style as floatlabel_style } from './floatlabel.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst style = /*css*/ `\n    ${floatlabel_style}\n\n    /* For Helix */\n    .h-floatlabel:has(.ng-invalid.ng-dirty) label {\n        color: dt('floatlabel.invalid.color');\n    }\n`;\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-floatlabel',\n        {\n            'h-floatlabel-over': instance.variant() === 'over',\n            'h-floatlabel-on': instance.variant() === 'on',\n            'h-floatlabel-in': instance.variant() === 'in'\n        }\n    ]\n};\n\n@Injectable()\nexport class FloatLabelStyle extends BaseStyle {\n    name = 'floatlabel';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * FloatLabel visually integrates a label with its form element.\n *\n * [Live Demo](https://www.primeng.org/floatlabel/)\n *\n * @module floatlabelstyle\n *\n */\nexport enum FloatLabelClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-floatlabel'\n}\n\nexport interface FloatLabelStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { AfterViewChecked, ChangeDetectionStrategy, Component, inject, InjectionToken, NgModule, ViewEncapsulation, input } from '@angular/core';\nimport { SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport { FloatLabelPassThrough } from '@gravionlabs/helix-core/types/floatlabel';\nimport { FloatLabelStyle } from './style/floatlabelstyle';\n\nconst FLOATLABEL_INSTANCE = new InjectionToken<FloatLabel>('FLOATLABEL_INSTANCE');\n\n/**\n * FloatLabel appears on top of the input field when focused.\n * @group Components\n */\n@Component({\n    selector: 'h-floatlabel, h-floatLabel, h-float-label',\n    standalone: true,\n    imports: [CommonModule, SharedModule, BindModule],\n    templateUrl: './floatlabel.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [FloatLabelStyle, { provide: FLOATLABEL_INSTANCE, useExisting: FloatLabel }, { provide: PARENT_INSTANCE, useExisting: FloatLabel }],\n    host: {\n        '[class]': \"cx('root')\"\n    },\n    hostDirectives: [Bind]\n})\nexport class FloatLabel extends BaseComponent<FloatLabelPassThrough> implements AfterViewChecked {\n    componentName = 'FloatLabel';\n\n    _componentStyle = inject(FloatLabelStyle);\n\n    $pcFloatLabel: FloatLabel | undefined = inject(FLOATLABEL_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * Defines the positioning of the label relative to the input.\n     * @group Props\n     */\n    readonly variant = input<'in' | 'over' | 'on'>('over');\n}\n\n@NgModule({\n    imports: [FloatLabel, SharedModule],\n    exports: [FloatLabel, SharedModule]\n})\nexport class FloatLabelModule {}\n","<ng-content></ng-content> \n"],"mappings":"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"}

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

@@ -1,78 +1,153 @@
-export * from '@gravionlabs/helix-core/types/fluid';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const classes = {
-    root: 'h-fluid'
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, inject } from "@angular/core";
+import { BaseComponent, PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/fluid";
+const classes = { root: "h-fluid" };
+var FluidStyle = class FluidStyle extends BaseStyle {
+	name = "fluid";
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FluidStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FluidStyle
+	});
 };
-class FluidStyle extends BaseStyle {
-    name = 'fluid';
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FluidStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FluidStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FluidStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Fluid is a layout component to make descendant components span full width of their container.
- *
- * [Live Demo](https://www.primeng.org/fluid/)
- *
- * @module fluidstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: FluidStyle,
+	decorators: [{ type: Injectable }]
+});
 var FluidClasses;
-(function (FluidClasses) {
-    /**
-     * Class name of the root element
-     */
-    FluidClasses["root"] = "h-fluid";
+(function(FluidClasses) {
+	FluidClasses["root"] = "h-fluid";
 })(FluidClasses || (FluidClasses = {}));
-
-const FLUID_INSTANCE = new InjectionToken('FLUID_INSTANCE');
-/**
- * Fluid is a layout component to make descendant components span full width of their container.
- * @group Components
- */
-class Fluid extends BaseComponent {
-    componentName = 'Fluid';
-    $pcFluid = inject(FLUID_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    _componentStyle = inject(FluidStyle);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Fluid, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: Fluid, isStandalone: true, selector: "h-fluid", host: { properties: { "class": "cx('root')" } }, providers: [FluidStyle, { provide: FLUID_INSTANCE, useExisting: Fluid }, { provide: PARENT_INSTANCE, useExisting: Fluid }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<ng-content></ng-content> \n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Fluid, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-fluid', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [FluidStyle, { provide: FLUID_INSTANCE, useExisting: Fluid }, { provide: PARENT_INSTANCE, useExisting: Fluid }], host: {
-                        '[class]': "cx('root')"
-                    }, hostDirectives: [Bind], template: "<ng-content></ng-content> \n" }]
-        }] });
-class FluidModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FluidModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: FluidModule, imports: [Fluid], exports: [Fluid] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FluidModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FluidModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Fluid],
-                    exports: [Fluid]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const FLUID_INSTANCE = new InjectionToken("FLUID_INSTANCE");
+var Fluid = class Fluid extends BaseComponent {
+	componentName = "Fluid";
+	$pcFluid = inject(FLUID_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	_componentStyle = inject(FluidStyle);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Fluid,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: Fluid,
+		isStandalone: true,
+		selector: "h-fluid",
+		host: { properties: { "class": "cx('root')" } },
+		providers: [
+			FluidStyle,
+			{
+				provide: FLUID_INSTANCE,
+				useExisting: Fluid
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Fluid
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "<ng-content></ng-content> \n",
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Fluid,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-fluid",
+			standalone: true,
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				FluidStyle,
+				{
+					provide: FLUID_INSTANCE,
+					useExisting: Fluid
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Fluid
+				}
+			],
+			host: { "[class]": "cx('root')" },
+			hostDirectives: [Bind],
+			template: "<ng-content></ng-content> \n"
+		}]
+	}]
+});
+var FluidModule = class FluidModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FluidModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FluidModule,
+		imports: [Fluid],
+		exports: [Fluid]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: FluidModule
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: FluidModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Fluid],
+			exports: [Fluid]
+		}]
+	}]
+});
 export { Fluid, FluidClasses, FluidModule, FluidStyle };
-//# sourceMappingURL=gravionlabs-helix-core-fluid.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-fluid.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"gravionlabs-helix-core-fluid.mjs","sources":["../../../projects/core/fluid/style/fluidstyle.ts","../../../projects/core/fluid/fluid.ts","../../../projects/core/fluid/fluid.html","../../../projects/core/fluid/gravionlabs-helix-core-fluid.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: 'h-fluid'\n};\n\n@Injectable()\nexport class FluidStyle extends BaseStyle {\n    name = 'fluid';\n\n    classes = classes;\n}\n\n/**\n *\n * Fluid is a layout component to make descendant components span full width of their container.\n *\n * [Live Demo](https://www.primeng.org/fluid/)\n *\n * @module fluidstyle\n *\n */\nexport enum FluidClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-fluid'\n}\n\nexport interface FluidStyle extends BaseStyle {}\n","\nimport { ChangeDetectionStrategy, Component, inject, InjectionToken, NgModule, ViewEncapsulation } from '@angular/core';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { FluidPassThrough } from '@gravionlabs/helix-core/types/fluid';\nimport { FluidStyle } from './style/fluidstyle';\n\nconst FLUID_INSTANCE = new InjectionToken<Fluid>('FLUID_INSTANCE');\n\n/**\n * Fluid is a layout component to make descendant components span full width of their container.\n * @group Components\n */\n@Component({\n    selector: 'h-fluid',\n    templateUrl: './fluid.html',\n    standalone: true,\n    imports: [],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [FluidStyle, { provide: FLUID_INSTANCE, useExisting: Fluid }, { provide: PARENT_INSTANCE, useExisting: Fluid }],\n    host: {\n        '[class]': \"cx('root')\"\n    },\n    hostDirectives: [Bind]\n})\nexport class Fluid extends BaseComponent<FluidPassThrough> {\n    componentName = 'Fluid';\n\n    $pcFluid: Fluid | undefined = inject(FLUID_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    _componentStyle = inject(FluidStyle);\n}\n\n@NgModule({\n    imports: [Fluid],\n    exports: [Fluid]\n})\nexport class FluidModule {}\n","<ng-content></ng-content> \n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gravionlabs-helix-core-fluid.mjs","names":[],"sources":["../../../projects/core/fluid/style/fluidstyle.ts","../../../projects/core/fluid/fluid.ts","../../../projects/core/fluid/fluid.html"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: 'h-fluid'\n};\n\n@Injectable()\nexport class FluidStyle extends BaseStyle {\n    name = 'fluid';\n\n    classes = classes;\n}\n\n/**\n *\n * Fluid is a layout component to make descendant components span full width of their container.\n *\n * [Live Demo](https://www.primeng.org/fluid/)\n *\n * @module fluidstyle\n *\n */\nexport enum FluidClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-fluid'\n}\n\nexport interface FluidStyle extends BaseStyle {}\n","\nimport { ChangeDetectionStrategy, Component, inject, InjectionToken, NgModule, ViewEncapsulation } from '@angular/core';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { FluidPassThrough } from '@gravionlabs/helix-core/types/fluid';\nimport { FluidStyle } from './style/fluidstyle';\n\nconst FLUID_INSTANCE = new InjectionToken<Fluid>('FLUID_INSTANCE');\n\n/**\n * Fluid is a layout component to make descendant components span full width of their container.\n * @group Components\n */\n@Component({\n    selector: 'h-fluid',\n    templateUrl: './fluid.html',\n    standalone: true,\n    imports: [],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [FluidStyle, { provide: FLUID_INSTANCE, useExisting: Fluid }, { provide: PARENT_INSTANCE, useExisting: Fluid }],\n    host: {\n        '[class]': \"cx('root')\"\n    },\n    hostDirectives: [Bind]\n})\nexport class Fluid extends BaseComponent<FluidPassThrough> {\n    componentName = 'Fluid';\n\n    $pcFluid: Fluid | undefined = inject(FLUID_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    _componentStyle = inject(FluidStyle);\n}\n\n@NgModule({\n    imports: [Fluid],\n    exports: [Fluid]\n})\nexport class FluidModule {}\n","<ng-content></ng-content> \n"],"mappings":";;;;;;;AAGA,MAAM,UAAU,EACZ,MAAM,UACT;AAGD,IAAa,aAAb,MAAa,mBAAmB,UAAS;CACrC,OAAO;CAEP,UAAU;CAHD,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;CAAU,CAAA;;AAAV,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA,EADtB,MAAA,WAAA,CAAA;;AAgBD,IAAY;CAAZ,SAAY,cAAY;CAIpB,aAAA,UAAA;AACJ,EAAA,CALY,iBAAA,eAAY,CAAA,EAAA;AChBxB,MAAM,iBAAiB,IAAI,eAAsB,gBAAgB;AAmBjE,IAAa,QAAb,MAAa,cAAc,cAA+B;CACtD,gBAAgB;CAEhB,WAA8B,OAAO,gBAAgB;EAAE,UAAU;EAAM,UAAU;CAAI,CAAE,KAAK;CAE5F,wBAAwB,OAAO,MAAM,EAAE,MAAM,KAAI,CAAE;CAEnD,qBAAkB;EACd,KAAK,sBAAsB,SAAS,KAAK,KAAK,CAAC,QAAQ,MAAM,CAAC,CAAC;CACnE;CAEA,kBAAkB,OAAO,UAAU;CAX1B,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAK,MAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAL,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAK,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,YAAA,EAAA,SAAA,aAAA,EAAA;EAAA,WANH;GAAC;GAAY;IAAE,SAAS;IAAgB,aAAa;GAAK;GAAI;IAAE,SAAS;IAAiB,aAAa;GAAK;EAAE;EAAC,iBAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,KAAA,CAAA;EAAA,UAAA;EAAA,UCpB9H;EACA,iBAAA,GAAA,wBAAA;EAAA,eAAA,GAAA,kBAAA;CAAA,CAAA;;ADyBa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAK,YAAA,CAAA;EAbjB,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAS,YAEP;GAAI,SACP,CAAA;GAAE,iBACM,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,WAC1B;IAAC;IAAY;KAAE,SAAS;KAAgB,aAAW;IAAO;IAAI;KAAE,SAAS;KAAiB,aAAW;IAAO;GAAE;GAAC,MACpH,EACF,WAAW,aACd;GAAA,gBACe,CAAC,IAAI;GAAC,UAAA;EAAA,CAAA;;;AAoB1B,IAAa,cAAb,MAAa,YAAW;CAAX,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAW,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAX,OAAA,OAAA,GAAA,oBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAW,SAAA,CAlBX,KAAK;EAAA,SAAA,CAAL,KAAK;CAAA,CAAA;CAkBL,OAAA,OAAA,GAAA,oBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;CAAW,CAAA;;AAAX,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAW,YAAA,CAAA;EAJvB,MAAA;EAAS,MAAA,CAAA;GACN,SAAS,CAAC,KAAK;GACf,SAAS,CAAC,KAAK;EAClB,CAAA"}