@aiandralves/ai-ui 1.0.0

package/esm2022/lib/components/form-field/checkbox/demo/size.js

@@ -0,0 +1,25 @@
+import { Component } from "@angular/core";
+import { AiCheckbox } from "../checkbox";
+import * as i0 from "@angular/core";
+export class DemoCheckboxSizeComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoCheckboxSizeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoCheckboxSizeComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center justify-center gap-x-4 w-full max-w-sm">
+            <ai-checkbox size="default">Default</ai-checkbox>
+            <ai-checkbox size="lg" [checked]="true">Large</ai-checkbox>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiCheckbox, selector: "ai-checkbox, [ai-checkbox]", inputs: ["variant", "size", "shape", "class", "id", "disabled", "touched", "checked", "indeterminate"], outputs: ["touchedChange", "checkedChange", "changeCheck"], exportAs: ["aiCheckbox"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoCheckboxSizeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiCheckbox],
+                    template: `
+        <div class="flex items-center justify-center gap-x-4 w-full max-w-sm">
+            <ai-checkbox size="default">Default</ai-checkbox>
+            <ai-checkbox size="lg" [checked]="true">Large</ai-checkbox>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=size.js.map

package/esm2022/lib/components/form-field/checkbox/demo/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/checkbox/demo/size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;;AAWzC,MAAM,OAAO,yBAAyB;uGAAzB,yBAAyB;2FAAzB,yBAAyB,wEAPxB;;;;;KAKT,4DANS,UAAU;;2FAQX,yBAAyB;kBATrC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,QAAQ,EAAE;;;;;KAKT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiCheckbox } from \"../checkbox\";\r\n\r\n@Component({\r\n    imports: [AiCheckbox],\r\n    template: `\r\n        <div class=\"flex items-center justify-center gap-x-4 w-full max-w-sm\">\r\n            <ai-checkbox size=\"default\">Default</ai-checkbox>\r\n            <ai-checkbox size=\"lg\" [checked]=\"true\">Large</ai-checkbox>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoCheckboxSizeComponent {}\r\n"]}

package/esm2022/lib/components/form-field/checkbox/demo/validation.js

@@ -0,0 +1,75 @@
+import { Component, inject, signal } from "@angular/core";
+import { form, FormField, required, submit } from "@angular/forms/signals";
+import { AiButton } from "../../../button";
+import { AiToastService } from "../../../toast";
+import { AiCheckbox } from "../checkbox";
+import * as i0 from "@angular/core";
+export class DemoCheckboxValidationComponent {
+    #toast = inject(AiToastService);
+    control = signal({
+        value: false,
+    }, ...(ngDevMode ? [{ debugName: "control" }] : []));
+    checkbox = form(this.control, schema => {
+        required(schema.value);
+    });
+    async onConfirm() {
+        await submit(this.checkbox, async () => {
+            console.log("válido ✓", this.control());
+            return [];
+        });
+        if (this.checkbox().invalid()) {
+            console.log("inválido ✗", this.checkbox().value());
+            this.#toast.warning({ message: "Você deve aceitar os termos de uso para continuar." });
+        }
+    }
+    reset() {
+        this.control.set({ value: false });
+        this.checkbox().reset();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoCheckboxValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoCheckboxValidationComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-4">
+            <ai-checkbox [formField]="checkbox.value"> Li e aceito os termos de uso </ai-checkbox>
+
+            <div class="flex gap-2">
+                <button ai-button type="button" size="sm" variant="default" (click)="onConfirm()">Validar</button>
+                <button ai-button type="button" size="sm" variant="outline" (click)="reset()">Resetar</button>
+            </div>
+
+            <div class="text-sm space-y-1">
+                <strong>Status:</strong>
+                @let invalid = checkbox().invalid() || false;
+                <span [class]="invalid ? 'text-destructive' : 'text-success'">
+                    {{ invalid ? " inválido ✗" : " válido ✓" }}
+                </span>
+                <p><strong>Valor:</strong> {{ !this.control().value ? "desmarcado" : "marcado" }}</p>
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiCheckbox, selector: "ai-checkbox, [ai-checkbox]", inputs: ["variant", "size", "shape", "class", "id", "disabled", "touched", "checked", "indeterminate"], outputs: ["touchedChange", "checkedChange", "changeCheck"], exportAs: ["aiCheckbox"] }, { kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoCheckboxValidationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiCheckbox, AiButton, FormField],
+                    template: `
+        <div class="flex flex-col gap-4">
+            <ai-checkbox [formField]="checkbox.value"> Li e aceito os termos de uso </ai-checkbox>
+
+            <div class="flex gap-2">
+                <button ai-button type="button" size="sm" variant="default" (click)="onConfirm()">Validar</button>
+                <button ai-button type="button" size="sm" variant="outline" (click)="reset()">Resetar</button>
+            </div>
+
+            <div class="text-sm space-y-1">
+                <strong>Status:</strong>
+                @let invalid = checkbox().invalid() || false;
+                <span [class]="invalid ? 'text-destructive' : 'text-success'">
+                    {{ invalid ? " inválido ✗" : " válido ✓" }}
+                </span>
+                <p><strong>Valor:</strong> {{ !this.control().value ? "desmarcado" : "marcado" }}</p>
+            </div>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=validation.js.map

package/esm2022/lib/components/form-field/checkbox/demo/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/checkbox/demo/validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;;AAwBzC,MAAM,OAAO,+BAA+B;IACxC,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEhC,OAAO,GAAG,MAAM,CAAC;QACb,KAAK,EAAE,KAAK;KACf,mDAAC,CAAC;IAEH,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE;QACnC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS;QACX,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;YACxC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC;YAC5B,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC;YACnD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,oDAAoD,EAAE,CAAC,CAAC;QAC3F,CAAC;IACL,CAAC;IAED,KAAK;QACD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QACnC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC;IAC5B,CAAC;uGA1BQ,+BAA+B;2FAA/B,+BAA+B,wEApB9B;;;;;;;;;;;;;;;;;;KAkBT,4DAnBS,UAAU,qQAAE,QAAQ,qNAAE,SAAS;;2FAqBhC,+BAA+B;kBAtB3C,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC;oBAC1C,QAAQ,EAAE;;;;;;;;;;;;;;;;;;KAkBT;iBACJ","sourcesContent":["import { Component, inject, signal } from \"@angular/core\";\r\nimport { form, FormField, required, submit } from \"@angular/forms/signals\";\r\n\r\nimport { AiButton } from \"../../../button\";\r\nimport { AiToastService } from \"../../../toast\";\r\nimport { AiCheckbox } from \"../checkbox\";\r\n\r\n@Component({\r\n    imports: [AiCheckbox, AiButton, FormField],\r\n    template: `\r\n        <div class=\"flex flex-col gap-4\">\r\n            <ai-checkbox [formField]=\"checkbox.value\"> Li e aceito os termos de uso </ai-checkbox>\r\n\r\n            <div class=\"flex gap-2\">\r\n                <button ai-button type=\"button\" size=\"sm\" variant=\"default\" (click)=\"onConfirm()\">Validar</button>\r\n                <button ai-button type=\"button\" size=\"sm\" variant=\"outline\" (click)=\"reset()\">Resetar</button>\r\n            </div>\r\n\r\n            <div class=\"text-sm space-y-1\">\r\n                <strong>Status:</strong>\r\n                @let invalid = checkbox().invalid() || false;\r\n                <span [class]=\"invalid ? 'text-destructive' : 'text-success'\">\r\n                    {{ invalid ? \" inválido ✗\" : \" válido ✓\" }}\r\n                </span>\r\n                <p><strong>Valor:</strong> {{ !this.control().value ? \"desmarcado\" : \"marcado\" }}</p>\r\n            </div>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoCheckboxValidationComponent {\r\n    #toast = inject(AiToastService);\r\n\r\n    control = signal({\r\n        value: false,\r\n    });\r\n\r\n    checkbox = form(this.control, schema => {\r\n        required(schema.value);\r\n    });\r\n\r\n    async onConfirm() {\r\n        await submit(this.checkbox, async () => {\r\n            console.log(\"válido ✓\", this.control());\r\n            return [];\r\n        });\r\n\r\n        if (this.checkbox().invalid()) {\r\n            console.log(\"inválido ✗\", this.checkbox().value());\r\n            this.#toast.warning({ message: \"Você deve aceitar os termos de uso para continuar.\" });\r\n        }\r\n    }\r\n\r\n    reset() {\r\n        this.control.set({ value: false });\r\n        this.checkbox().reset();\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/form-field/checkbox/index.js

@@ -0,0 +1,3 @@
+export * from "./checkbox";
+export * from "./demo/checkbox";
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/form-field/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/form-field/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from \"./checkbox\";\r\nexport * from \"./demo/checkbox\";\r\n"]}

package/esm2022/lib/components/form-field/datetime/datetime.js

@@ -0,0 +1,59 @@
+import { ChangeDetectionStrategy, Component, computed, effect, input, model, output, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../../core";
+import { AiIcon } from "../../icon/icon.component";
+import { datetimeLabelVariants, datetimeVariants } from "./datetime.variants";
+import * as i0 from "@angular/core";
+export class AiDatetime {
+    id = input("", ...(ngDevMode ? [{ debugName: "id" }] : []));
+    label = input("", ...(ngDevMode ? [{ debugName: "label" }] : []));
+    type = input("date", ...(ngDevMode ? [{ debugName: "type" }] : []));
+    minDate = input("", ...(ngDevMode ? [{ debugName: "minDate" }] : []));
+    maxDate = input("", ...(ngDevMode ? [{ debugName: "maxDate" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    value = model("", ...(ngDevMode ? [{ debugName: "value" }] : []));
+    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : []));
+    valueChange = output();
+    hasError = computed(() => this.touched() && this.invalid(), ...(ngDevMode ? [{ debugName: "hasError" }] : []));
+    errorMessages = computed(() => {
+        const errors = this.errors();
+        if (!errors || errors.length === 0)
+            return [];
+        return errors.filter(e => e.message).map(e => e.message);
+    }, ...(ngDevMode ? [{ debugName: "errorMessages" }] : []));
+    inputClasses = computed(() => mergeClasses(datetimeVariants({ error: this.hasError(), disabled: this.disabled() }), this.class()), ...(ngDevMode ? [{ debugName: "inputClasses" }] : []));
+    labelClasses = computed(() => mergeClasses(datetimeLabelVariants({ error: this.hasError(), disabled: this.disabled() })), ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
+    constructor() {
+        effect(() => {
+            this.writeValue(this.value());
+        });
+    }
+    writeValue(value) {
+        this.value.set(value ?? "");
+    }
+    onChange(value) {
+        this.value.set(value);
+    }
+    onTouched() {
+        this.touched.set(true);
+    }
+    onInput(event) {
+        const val = event.target.value;
+        this.value.set(val);
+        this.valueChange.emit(val);
+    }
+    onBlur() {
+        this.touched.set(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiDatetime, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiDatetime, isStandalone: true, selector: "ai-datetime", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange", valueChange: "valueChange" }, exportAs: ["aiDatetime"], ngImport: i0, template: "<div class=\"relative w-full\">\r\n    <input\r\n        [class]=\"inputClasses()\"\r\n        [attr.type]=\"type()\"\r\n        [attr.id]=\"id()\"\r\n        [attr.min]=\"minDate() || null\"\r\n        [attr.max]=\"maxDate() || null\"\r\n        [attr.disabled]=\"disabled() ? '' : null\"\r\n        [attr.readonly]=\"readonly() ? '' : null\"\r\n        [attr.placeholder]=\"' '\"\r\n        [value]=\"value()\"\r\n        (input)=\"onInput($event)\"\r\n        (blur)=\"onBlur()\" />\r\n    <label [attr.for]=\"id()\" [class]=\"labelClasses()\">\r\n        {{ label() }}\r\n        @if (required()) {\r\n            <span class=\"text-destructive\">*</span>\r\n        }\r\n    </label>\r\n</div>\r\n\r\n@if (hasError() && errorMessages().length > 0) {\r\n    <div class=\"flex flex-col gap-y-1 pt-1\">\r\n        @for (msg of errorMessages(); track $index) {\r\n            <div class=\"flex items-center gap-x-1 text-xs text-destructive\" role=\"alert\">\r\n                <ai-icon icon=\"alert\" size=\"xs\" class=\"text-destructive\" />\r\n                <span>{{ msg }}</span>\r\n            </div>\r\n        }\r\n    </div>\r\n}\r\n", styles: ["ai-datetime input::-webkit-calendar-picker-indicator{-webkit-appearance:none;appearance:none;background:none;background-color:var(--color-muted-foreground);cursor:pointer;width:12px;height:12px;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}ai-datetime input[type=date]::-webkit-calendar-picker-indicator,ai-datetime input[type=month]::-webkit-calendar-picker-indicator,ai-datetime input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-mask-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 3h-1V1h-2v2H8V1H6v2H5C3.9 3 3 3.9 3 5v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zm0-13H5V5h14v2z'/></svg>\")}ai-datetime input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z'/></svg>\")}ai-datetime input.border-destructive::-webkit-calendar-picker-indicator{background-color:var(--color-destructive)}\n"], dependencies: [{ kind: "component", type: AiIcon, selector: "ai-icon, [ai-icon]", inputs: ["icon", "size", "type", "disabled", "class"], exportAs: ["aiIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiDatetime, decorators: [{
+            type: Component,
+            args: [{ selector: "ai-datetime", exportAs: "aiDatetime", imports: [AiIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"relative w-full\">\r\n    <input\r\n        [class]=\"inputClasses()\"\r\n        [attr.type]=\"type()\"\r\n        [attr.id]=\"id()\"\r\n        [attr.min]=\"minDate() || null\"\r\n        [attr.max]=\"maxDate() || null\"\r\n        [attr.disabled]=\"disabled() ? '' : null\"\r\n        [attr.readonly]=\"readonly() ? '' : null\"\r\n        [attr.placeholder]=\"' '\"\r\n        [value]=\"value()\"\r\n        (input)=\"onInput($event)\"\r\n        (blur)=\"onBlur()\" />\r\n    <label [attr.for]=\"id()\" [class]=\"labelClasses()\">\r\n        {{ label() }}\r\n        @if (required()) {\r\n            <span class=\"text-destructive\">*</span>\r\n        }\r\n    </label>\r\n</div>\r\n\r\n@if (hasError() && errorMessages().length > 0) {\r\n    <div class=\"flex flex-col gap-y-1 pt-1\">\r\n        @for (msg of errorMessages(); track $index) {\r\n            <div class=\"flex items-center gap-x-1 text-xs text-destructive\" role=\"alert\">\r\n                <ai-icon icon=\"alert\" size=\"xs\" class=\"text-destructive\" />\r\n                <span>{{ msg }}</span>\r\n            </div>\r\n        }\r\n    </div>\r\n}\r\n", styles: ["ai-datetime input::-webkit-calendar-picker-indicator{-webkit-appearance:none;appearance:none;background:none;background-color:var(--color-muted-foreground);cursor:pointer;width:12px;height:12px;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}ai-datetime input[type=date]::-webkit-calendar-picker-indicator,ai-datetime input[type=month]::-webkit-calendar-picker-indicator,ai-datetime input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-mask-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 3h-1V1h-2v2H8V1H6v2H5C3.9 3 3 3.9 3 5v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zm0-13H5V5h14v2z'/></svg>\")}ai-datetime input[type=time]::-webkit-calendar-picker-indicator{-webkit-mask-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z'/></svg>\")}ai-datetime input.border-destructive::-webkit-calendar-picker-indicator{background-color:var(--color-destructive)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+//# sourceMappingURL=datetime.js.map

package/esm2022/lib/components/form-field/datetime/datetime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/form-field/datetime/datetime.ts","../../../../../../../../libs/ai-ui/src/lib/components/form-field/datetime/datetime.html"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAG9H,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;;AAa9E,MAAM,OAAO,UAAU;IACV,EAAE,GAAG,KAAK,CAAS,EAAE,8CAAC,CAAC;IACvB,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC,CAAC;IAC1B,IAAI,GAAG,KAAK,CAAiB,MAAM,gDAAC,CAAC;IACrC,OAAO,GAAG,KAAK,CAAS,EAAE,mDAAC,CAAC;IAC5B,OAAO,GAAG,KAAK,CAAS,EAAE,mDAAC,CAAC;IAC5B,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAE9B,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC,CAAC;IAC1B,OAAO,GAAG,KAAK,CAAU,KAAK,mDAAC,CAAC;IAChC,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC,CAAC;IACjC,OAAO,GAAG,KAAK,CAAU,KAAK,mDAAC,CAAC;IAChC,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC,CAAC;IACjC,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC,CAAC;IACjC,MAAM,GAAG,KAAK,CAA+C,EAAE,kDAAC,CAAC;IAEjE,WAAW,GAAG,MAAM,EAAU,CAAC;IAErB,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,oDAAC,CAAC;IAE5D,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC7B,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QAC9C,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAiB,CAAC,CAAC;IACvE,CAAC,yDAAC,CAAC;IAEgB,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,wDAAC,CAAC;IAEnI,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,wDAAC,CAAC;IAE7I;QACI,MAAM,CAAC,GAAG,EAAE;YACR,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,UAAU,CAAC,KAAa;QACpB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAChC,CAAC;IAED,QAAQ,CAAC,KAAa;QAClB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,SAAS;QACL,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAES,OAAO,CAAC,KAAY;QAC1B,MAAM,GAAG,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QACrD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC;IAES,MAAM;QACZ,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;uGAxDQ,UAAU;2FAAV,UAAU,wwDCpBvB,ynCA+BA,2wCDjBc,MAAM;;2FAMP,UAAU;kBATtB,SAAS;+BACI,aAAa,YACb,YAAY,WACb,CAAC,MAAM,CAAC,mBAEA,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { ChangeDetectionStrategy, Component, computed, effect, input, model, output, ViewEncapsulation } from \"@angular/core\";\r\nimport { FormValueControl, ValidationError } from \"@angular/forms/signals\";\r\n\r\nimport { mergeClasses } from \"../../../core\";\r\nimport { AiIcon } from \"../../icon/icon.component\";\r\nimport { datetimeLabelVariants, datetimeVariants } from \"./datetime.variants\";\r\n\r\nexport type AiDatetimeType = \"date\" | \"time\" | \"month\" | \"datetime-local\";\r\n\r\n@Component({\r\n    selector: \"ai-datetime\",\r\n    exportAs: \"aiDatetime\",\r\n    imports: [AiIcon],\r\n    templateUrl: \"./datetime.html\",\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    styleUrl: \"./datetime.scss\",\r\n})\r\nexport class AiDatetime implements FormValueControl<string> {\r\n    readonly id = input<string>(\"\");\r\n    readonly label = input<string>(\"\");\r\n    readonly type = input<AiDatetimeType>(\"date\");\r\n    readonly minDate = input<string>(\"\");\r\n    readonly maxDate = input<string>(\"\");\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    readonly value = model<string>(\"\");\r\n    readonly touched = model<boolean>(false);\r\n    readonly disabled = input<boolean>(false);\r\n    readonly invalid = input<boolean>(false);\r\n    readonly readonly = input<boolean>(false);\r\n    readonly required = input<boolean>(false);\r\n    readonly errors = input<readonly ValidationError.WithOptionalField[]>([]);\r\n\r\n    readonly valueChange = output<string>();\r\n\r\n    protected readonly hasError = computed(() => this.touched() && this.invalid());\r\n\r\n    protected readonly errorMessages = computed(() => {\r\n        const errors = this.errors();\r\n        if (!errors || errors.length === 0) return [];\r\n        return errors.filter(e => e.message).map(e => e.message as string);\r\n    });\r\n\r\n    protected readonly inputClasses = computed(() => mergeClasses(datetimeVariants({ error: this.hasError(), disabled: this.disabled() }), this.class()));\r\n\r\n    protected readonly labelClasses = computed(() => mergeClasses(datetimeLabelVariants({ error: this.hasError(), disabled: this.disabled() })));\r\n\r\n    constructor() {\r\n        effect(() => {\r\n            this.writeValue(this.value());\r\n        });\r\n    }\r\n\r\n    writeValue(value: string) {\r\n        this.value.set(value ?? \"\");\r\n    }\r\n\r\n    onChange(value: string) {\r\n        this.value.set(value);\r\n    }\r\n\r\n    onTouched() {\r\n        this.touched.set(true);\r\n    }\r\n\r\n    protected onInput(event: Event) {\r\n        const val = (event.target as HTMLInputElement).value;\r\n        this.value.set(val);\r\n        this.valueChange.emit(val);\r\n    }\r\n\r\n    protected onBlur() {\r\n        this.touched.set(true);\r\n    }\r\n}\r\n","<div class=\"relative w-full\">\r\n    <input\r\n        [class]=\"inputClasses()\"\r\n        [attr.type]=\"type()\"\r\n        [attr.id]=\"id()\"\r\n        [attr.min]=\"minDate() || null\"\r\n        [attr.max]=\"maxDate() || null\"\r\n        [attr.disabled]=\"disabled() ? '' : null\"\r\n        [attr.readonly]=\"readonly() ? '' : null\"\r\n        [attr.placeholder]=\"' '\"\r\n        [value]=\"value()\"\r\n        (input)=\"onInput($event)\"\r\n        (blur)=\"onBlur()\" />\r\n    <label [attr.for]=\"id()\" [class]=\"labelClasses()\">\r\n        {{ label() }}\r\n        @if (required()) {\r\n            <span class=\"text-destructive\">*</span>\r\n        }\r\n    </label>\r\n</div>\r\n\r\n@if (hasError() && errorMessages().length > 0) {\r\n    <div class=\"flex flex-col gap-y-1 pt-1\">\r\n        @for (msg of errorMessages(); track $index) {\r\n            <div class=\"flex items-center gap-x-1 text-xs text-destructive\" role=\"alert\">\r\n                <ai-icon icon=\"alert\" size=\"xs\" class=\"text-destructive\" />\r\n                <span>{{ msg }}</span>\r\n            </div>\r\n        }\r\n    </div>\r\n}\r\n"]}

package/esm2022/lib/components/form-field/datetime/datetime.variants.js

@@ -0,0 +1,30 @@
+import { cva } from "class-variance-authority";
+export const datetimeVariants = cva("block w-full text-sm text-muted-foreground appearance-none focus:outline-none focus:ring-0 peer bg-transparent rounded-lg border-2 px-2.5 pb-2.5 pt-4", {
+    variants: {
+        error: {
+            true: "border-destructive text-destructive focus:border-destructive",
+            false: "border-input focus:border-primary",
+        },
+        disabled: {
+            true: "pointer-events-none opacity-50",
+        },
+    },
+    defaultVariants: {
+        error: false,
+    },
+});
+export const datetimeLabelVariants = cva("absolute text-sm text-muted-foreground duration-300 origin-[0] pointer-events-none -translate-y-4 scale-75 top-2 z-10 bg-background px-2 start-3 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-primary", {
+    variants: {
+        error: {
+            true: "text-destructive peer-focus:text-destructive",
+            false: "",
+        },
+        disabled: {
+            true: "text-[#949498] dark:text-[#767073] pointer-events-none",
+        },
+    },
+    defaultVariants: {
+        error: false,
+    },
+});
+//# sourceMappingURL=datetime.variants.js.map

package/esm2022/lib/components/form-field/datetime/datetime.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.variants.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/form-field/datetime/datetime.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAC/B,uJAAuJ,EACvJ;IACI,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,IAAI,EAAE,8DAA8D;YACpE,KAAK,EAAE,mCAAmC;SAC7C;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,gCAAgC;SACzC;KACJ;IACD,eAAe,EAAE;QACb,KAAK,EAAE,KAAK;KACf;CACJ,CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CACpC,iVAAiV,EACjV;IACI,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,IAAI,EAAE,8CAA8C;YACpD,KAAK,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,wDAAwD;SACjE;KACJ;IACD,eAAe,EAAE;QACb,KAAK,EAAE,KAAK;KACf;CACJ,CACJ,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const datetimeVariants = cva(\r\n    \"block w-full text-sm text-muted-foreground appearance-none focus:outline-none focus:ring-0 peer bg-transparent rounded-lg border-2 px-2.5 pb-2.5 pt-4\",\r\n    {\r\n        variants: {\r\n            error: {\r\n                true: \"border-destructive text-destructive focus:border-destructive\",\r\n                false: \"border-input focus:border-primary\",\r\n            },\r\n            disabled: {\r\n                true: \"pointer-events-none opacity-50\",\r\n            },\r\n        },\r\n        defaultVariants: {\r\n            error: false,\r\n        },\r\n    },\r\n);\r\n\r\nexport const datetimeLabelVariants = cva(\r\n    \"absolute text-sm text-muted-foreground duration-300 origin-[0] pointer-events-none -translate-y-4 scale-75 top-2 z-10 bg-background px-2 start-3 peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-primary\",\r\n    {\r\n        variants: {\r\n            error: {\r\n                true: \"text-destructive peer-focus:text-destructive\",\r\n                false: \"\",\r\n            },\r\n            disabled: {\r\n                true: \"text-[#949498] dark:text-[#767073] pointer-events-none\",\r\n            },\r\n        },\r\n        defaultVariants: {\r\n            error: false,\r\n        },\r\n    },\r\n);\r\n\r\nexport type DatetimeVariants = VariantProps<typeof datetimeVariants>;\r\n"]}

package/esm2022/lib/components/form-field/datetime/demo/datetime.js

@@ -0,0 +1,21 @@
+import { DemoDatetimeDefaultComponent } from "./default";
+import { DemoDatetimeDisabledComponent } from "./disabled";
+import { DemoDatetimeValidationComponent } from "./validation";
+export const DATETIME = {
+    componentName: "datetime",
+    examples: [
+        {
+            name: "default",
+            component: DemoDatetimeDefaultComponent,
+        },
+        {
+            name: "validation",
+            component: DemoDatetimeValidationComponent,
+        },
+        {
+            name: "disabled",
+            component: DemoDatetimeDisabledComponent,
+        },
+    ],
+};
+//# sourceMappingURL=datetime.js.map

package/esm2022/lib/components/form-field/datetime/demo/datetime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/datetime/demo/datetime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,6BAA6B,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,+BAA+B,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,aAAa,EAAE,UAAU;IACzB,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,4BAA4B;SAC1C;QACD;YACI,IAAI,EAAE,YAAY;YAClB,SAAS,EAAE,+BAA+B;SAC7C;QACD;YACI,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,6BAA6B;SAC3C;KACJ;CACJ,CAAC","sourcesContent":["import { DemoDatetimeDefaultComponent } from \"./default\";\r\nimport { DemoDatetimeDisabledComponent } from \"./disabled\";\r\nimport { DemoDatetimeValidationComponent } from \"./validation\";\r\n\r\nexport const DATETIME = {\r\n    componentName: \"datetime\",\r\n    examples: [\r\n        {\r\n            name: \"default\",\r\n            component: DemoDatetimeDefaultComponent,\r\n        },\r\n        {\r\n            name: \"validation\",\r\n            component: DemoDatetimeValidationComponent,\r\n        },\r\n        {\r\n            name: \"disabled\",\r\n            component: DemoDatetimeDisabledComponent,\r\n        },\r\n    ],\r\n};\r\n"]}

package/esm2022/lib/components/form-field/datetime/demo/default.js

@@ -0,0 +1,37 @@
+import { Component, signal } from "@angular/core";
+import { form, FormField } from "@angular/forms/signals";
+import { AiDatetime } from "../datetime";
+import * as i0 from "@angular/core";
+export class DemoDatetimeDefaultComponent {
+    schema = signal({
+        dtInfracao: "",
+        dtMovimento: "",
+        hrMovimento: "",
+        msMovimento: "",
+    }, ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    schemaForm = form(this.schema);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoDatetimeDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoDatetimeDefaultComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col items-center gap-4 w-150">
+            <ai-datetime class="w-75" id="dtInfracao" type="datetime-local" label="Datetime Local" [formField]="schemaForm.dtInfracao" />
+            <ai-datetime class="w-75" id="dtMovimento" type="date" label="Date" [formField]="schemaForm.dtMovimento" />
+            <ai-datetime class="w-75" id="hrMovimento" type="time" label="Time" [formField]="schemaForm.hrMovimento" />
+            <ai-datetime class="w-75" id="msMovimento" type="month" label="Month" [formField]="schemaForm.msMovimento" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiDatetime, selector: "ai-datetime", inputs: ["id", "label", "type", "minDate", "maxDate", "class", "value", "touched", "disabled", "invalid", "readonly", "required", "errors"], outputs: ["valueChange", "touchedChange"], exportAs: ["aiDatetime"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoDatetimeDefaultComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiDatetime, FormField],
+                    template: `
+        <div class="flex flex-col items-center gap-4 w-150">
+            <ai-datetime class="w-75" id="dtInfracao" type="datetime-local" label="Datetime Local" [formField]="schemaForm.dtInfracao" />
+            <ai-datetime class="w-75" id="dtMovimento" type="date" label="Date" [formField]="schemaForm.dtMovimento" />
+            <ai-datetime class="w-75" id="hrMovimento" type="time" label="Time" [formField]="schemaForm.hrMovimento" />
+            <ai-datetime class="w-75" id="msMovimento" type="month" label="Month" [formField]="schemaForm.msMovimento" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=default.js.map

package/esm2022/lib/components/form-field/datetime/demo/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/datetime/demo/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;;AAazC,MAAM,OAAO,4BAA4B;IACrC,MAAM,GAAG,MAAM,CAAwF;QACnG,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,EAAE;QACf,WAAW,EAAE,EAAE;QACf,WAAW,EAAE,EAAE;KAClB,kDAAC,CAAC;IAEH,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;uGARtB,4BAA4B;2FAA5B,4BAA4B,wEAT3B;;;;;;;KAOT,4DARS,UAAU,0QAAE,SAAS;;2FAUtB,4BAA4B;kBAXxC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC;oBAChC,QAAQ,EAAE;;;;;;;KAOT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\nimport { form, FormField } from \"@angular/forms/signals\";\r\n\r\nimport { AiDatetime } from \"../datetime\";\r\n\r\n@Component({\r\n    imports: [AiDatetime, FormField],\r\n    template: `\r\n        <div class=\"flex flex-col items-center gap-4 w-150\">\r\n            <ai-datetime class=\"w-75\" id=\"dtInfracao\" type=\"datetime-local\" label=\"Datetime Local\" [formField]=\"schemaForm.dtInfracao\" />\r\n            <ai-datetime class=\"w-75\" id=\"dtMovimento\" type=\"date\" label=\"Date\" [formField]=\"schemaForm.dtMovimento\" />\r\n            <ai-datetime class=\"w-75\" id=\"hrMovimento\" type=\"time\" label=\"Time\" [formField]=\"schemaForm.hrMovimento\" />\r\n            <ai-datetime class=\"w-75\" id=\"msMovimento\" type=\"month\" label=\"Month\" [formField]=\"schemaForm.msMovimento\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoDatetimeDefaultComponent {\r\n    schema = signal<{ dtInfracao: string; dtMovimento: string; hrMovimento: string; msMovimento: string }>({\r\n        dtInfracao: \"\",\r\n        dtMovimento: \"\",\r\n        hrMovimento: \"\",\r\n        msMovimento: \"\",\r\n    });\r\n\r\n    schemaForm = form(this.schema);\r\n}\r\n"]}

package/esm2022/lib/components/form-field/datetime/demo/disabled.js

@@ -0,0 +1,25 @@
+import { Component } from "@angular/core";
+import { AiDatetime } from "../datetime";
+import * as i0 from "@angular/core";
+export class DemoDatetimeDisabledComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoDatetimeDisabledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoDatetimeDisabledComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col items-center gap-4 w-100">
+            <ai-datetime class="w-75" id="dtDisabled" type="date" label="Data desabilitada" [disabled]="true" />
+            <ai-datetime class="w-75" id="dtReadonly" type="date" label="Data somente leitura" [readonly]="true" value="2026-04-01" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiDatetime, selector: "ai-datetime", inputs: ["id", "label", "type", "minDate", "maxDate", "class", "value", "touched", "disabled", "invalid", "readonly", "required", "errors"], outputs: ["valueChange", "touchedChange"], exportAs: ["aiDatetime"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoDatetimeDisabledComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiDatetime],
+                    template: `
+        <div class="flex flex-col items-center gap-4 w-100">
+            <ai-datetime class="w-75" id="dtDisabled" type="date" label="Data desabilitada" [disabled]="true" />
+            <ai-datetime class="w-75" id="dtReadonly" type="date" label="Data somente leitura" [readonly]="true" value="2026-04-01" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=disabled.js.map

package/esm2022/lib/components/form-field/datetime/demo/disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/datetime/demo/disabled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;;AAWzC,MAAM,OAAO,6BAA6B;uGAA7B,6BAA6B;2FAA7B,6BAA6B,wEAP5B;;;;;KAKT,4DANS,UAAU;;2FAQX,6BAA6B;kBATzC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,QAAQ,EAAE;;;;;KAKT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiDatetime } from \"../datetime\";\r\n\r\n@Component({\r\n    imports: [AiDatetime],\r\n    template: `\r\n        <div class=\"flex flex-col items-center gap-4 w-100\">\r\n            <ai-datetime class=\"w-75\" id=\"dtDisabled\" type=\"date\" label=\"Data desabilitada\" [disabled]=\"true\" />\r\n            <ai-datetime class=\"w-75\" id=\"dtReadonly\" type=\"date\" label=\"Data somente leitura\" [readonly]=\"true\" value=\"2026-04-01\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoDatetimeDisabledComponent {}\r\n"]}

package/esm2022/lib/components/form-field/datetime/demo/validation.js

@@ -0,0 +1,69 @@
+import { Component, signal } from "@angular/core";
+import { form, FormField, required, submit } from "@angular/forms/signals";
+import { AiButton } from "../../../button";
+import { AiDatetime } from "../datetime";
+import * as i0 from "@angular/core";
+export class DemoDatetimeValidationComponent {
+    schema = signal({ date: "" }, ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    schemaForm = form(this.schema, schema => {
+        required(schema.date, { message: "A data é obrigatória." });
+    });
+    async onSubmit() {
+        await submit(this.schemaForm, async () => {
+            console.log("Válido ✓", this.schema());
+            return [];
+        });
+    }
+    onReset() {
+        this.schema.set({ date: "" });
+        this.schemaForm().reset();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoDatetimeValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoDatetimeValidationComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-4 w-100">
+            <ai-datetime class="w-full" id="dtRequired" type="date" label="Data obrigatória" [formField]="schemaForm.date" />
+
+            <div class="flex gap-2">
+                <button ai-button size="sm" variant="primary" (click)="onSubmit()">Validar</button>
+                <button ai-button size="sm" fill="line" variant="destructive" (click)="onReset()">Resetar</button>
+            </div>
+
+            <div class="text-sm">
+                <p>
+                    <strong>Status:</strong>
+                    @let inv = schemaForm().invalid || false;
+                    <span [class]="!inv ? 'text-success' : 'text-destructive'">
+                        {{ !inv ? " válido ✓" : " inválido ✗" }}
+                    </span>
+                </p>
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiDatetime, selector: "ai-datetime", inputs: ["id", "label", "type", "minDate", "maxDate", "class", "value", "touched", "disabled", "invalid", "readonly", "required", "errors"], outputs: ["valueChange", "touchedChange"], exportAs: ["aiDatetime"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoDatetimeValidationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiDatetime, FormField, AiButton],
+                    template: `
+        <div class="flex flex-col gap-4 w-100">
+            <ai-datetime class="w-full" id="dtRequired" type="date" label="Data obrigatória" [formField]="schemaForm.date" />
+
+            <div class="flex gap-2">
+                <button ai-button size="sm" variant="primary" (click)="onSubmit()">Validar</button>
+                <button ai-button size="sm" fill="line" variant="destructive" (click)="onReset()">Resetar</button>
+            </div>
+
+            <div class="text-sm">
+                <p>
+                    <strong>Status:</strong>
+                    @let inv = schemaForm().invalid || false;
+                    <span [class]="!inv ? 'text-success' : 'text-destructive'">
+                        {{ !inv ? " válido ✓" : " inválido ✗" }}
+                    </span>
+                </p>
+            </div>
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=validation.js.map

package/esm2022/lib/components/form-field/datetime/demo/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/datetime/demo/validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;;AAyBzC,MAAM,OAAO,+BAA+B;IACxC,MAAM,GAAG,MAAM,CAAmB,EAAE,IAAI,EAAE,EAAE,EAAE,kDAAC,CAAC;IAEhD,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE;QACpC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,uBAAuB,EAAE,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,QAAQ;QACV,MAAM,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE;YACrC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YACvC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC,CAAC;IACP,CAAC;IAED,OAAO;QACH,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAC9B,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC;IAC9B,CAAC;uGAjBQ,+BAA+B;2FAA/B,+BAA+B,wEArB9B;;;;;;;;;;;;;;;;;;;KAmBT,4DApBS,UAAU,0QAAE,SAAS,+EAAE,QAAQ;;2FAsBhC,+BAA+B;kBAvB3C,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC;oBAC1C,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;KAmBT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\nimport { form, FormField, required, submit } from \"@angular/forms/signals\";\r\n\r\nimport { AiButton } from \"../../../button\";\r\nimport { AiDatetime } from \"../datetime\";\r\n\r\n@Component({\r\n    imports: [AiDatetime, FormField, AiButton],\r\n    template: `\r\n        <div class=\"flex flex-col gap-4 w-100\">\r\n            <ai-datetime class=\"w-full\" id=\"dtRequired\" type=\"date\" label=\"Data obrigatória\" [formField]=\"schemaForm.date\" />\r\n\r\n            <div class=\"flex gap-2\">\r\n                <button ai-button size=\"sm\" variant=\"primary\" (click)=\"onSubmit()\">Validar</button>\r\n                <button ai-button size=\"sm\" fill=\"line\" variant=\"destructive\" (click)=\"onReset()\">Resetar</button>\r\n            </div>\r\n\r\n            <div class=\"text-sm\">\r\n                <p>\r\n                    <strong>Status:</strong>\r\n                    @let inv = schemaForm().invalid || false;\r\n                    <span [class]=\"!inv ? 'text-success' : 'text-destructive'\">\r\n                        {{ !inv ? \" válido ✓\" : \" inválido ✗\" }}\r\n                    </span>\r\n                </p>\r\n            </div>\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoDatetimeValidationComponent {\r\n    schema = signal<{ date: string }>({ date: \"\" });\r\n\r\n    schemaForm = form(this.schema, schema => {\r\n        required(schema.date, { message: \"A data é obrigatória.\" });\r\n    });\r\n\r\n    async onSubmit() {\r\n        await submit(this.schemaForm, async () => {\r\n            console.log(\"Válido ✓\", this.schema());\r\n            return [];\r\n        });\r\n    }\r\n\r\n    onReset() {\r\n        this.schema.set({ date: \"\" });\r\n        this.schemaForm().reset();\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/form-field/datetime/index.js

@@ -0,0 +1,3 @@
+export * from "./datetime";
+export * from "./demo/datetime";
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/form-field/datetime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/form-field/datetime/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from \"./datetime\";\r\nexport * from \"./demo/datetime\";\r\n"]}

package/esm2022/lib/components/form-field/index.js

@@ -0,0 +1,10 @@
+export * from "./autocomplete";
+export * from "./checkbox";
+export * from "./datetime";
+export * from "./input";
+export * from "./radio";
+export * from "./segmented";
+export * from "./select";
+export * from "./switch";
+export * from "./textarea";
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/form-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/form-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC","sourcesContent":["export * from \"./autocomplete\";\r\nexport * from \"./checkbox\";\r\nexport * from \"./datetime\";\r\nexport * from \"./input\";\r\nexport * from \"./radio\";\r\nexport * from \"./segmented\";\r\nexport * from \"./select\";\r\nexport * from \"./switch\";\r\nexport * from \"./textarea\";\r\n"]}

package/esm2022/lib/components/form-field/input/currency-mask.service.js

@@ -0,0 +1,40 @@
+import { Injectable } from "@angular/core";
+import * as i0 from "@angular/core";
+export class AiCurrencyMaskService {
+    format(value, config) {
+        if (value === null || value === undefined)
+            return "";
+        const strValue = String(value);
+        const cleanedValue = strValue.replace(/[^\d]/g, "");
+        if (cleanedValue.length === 0)
+            return "";
+        let formattedValue = "";
+        const decimalIndex = cleanedValue.length - 2;
+        let integerPart = cleanedValue.substring(0, decimalIndex);
+        const decimalPart = cleanedValue.substring(decimalIndex);
+        integerPart = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, config.thousands || ".");
+        formattedValue = integerPart + config.decimal + decimalPart;
+        if (config.prefix)
+            formattedValue = config.prefix + " " + formattedValue;
+        return formattedValue;
+    }
+    clean(value, config) {
+        if (value === null || value === undefined)
+            return "";
+        const strValue = String(value);
+        let cleanedValue = strValue.replace(config.prefix || "", "").replace(new RegExp("\\" + (config.thousands || "."), "g"), "");
+        const decimalSeparator = typeof config.decimal === "string" ? config.decimal : Array.isArray(config.decimal) ? config.decimal[0] : ",";
+        cleanedValue = cleanedValue.replace(decimalSeparator, ".");
+        cleanedValue = cleanedValue.replace(/[^0-9.]/g, "").replace(/(\..*)\./g, "$1");
+        return cleanedValue;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCurrencyMaskService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCurrencyMaskService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiCurrencyMaskService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+//# sourceMappingURL=currency-mask.service.js.map

package/esm2022/lib/components/form-field/input/currency-mask.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-mask.service.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/form-field/input/currency-mask.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAM3C,MAAM,OAAO,qBAAqB;IAC9B,MAAM,CAAC,KAAsB,EAAE,MAAoB;QAC/C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QAErD,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/B,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAEpD,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QAEzC,IAAI,cAAc,GAAG,EAAE,CAAC;QACxB,MAAM,YAAY,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;QAC7C,IAAI,WAAW,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;QAC1D,MAAM,WAAW,GAAG,YAAY,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAEzD,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC;QACpF,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC,OAAO,GAAG,WAAW,CAAC;QAE5D,IAAI,MAAM,CAAC,MAAM;YAAE,cAAc,GAAG,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,cAAc,CAAC;QAEzE,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED,KAAK,CAAC,KAAsB,EAAE,MAAoB;QAC9C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QAErD,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;QAE5H,MAAM,gBAAgB,GAAG,OAAO,MAAM,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAEvI,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;QAC3D,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAE/E,OAAO,YAAY,CAAC;IACxB,CAAC;uGAlCQ,qBAAqB;2GAArB,qBAAqB,cAFlB,MAAM;;2FAET,qBAAqB;kBAHjC,UAAU;mBAAC;oBACR,UAAU,EAAE,MAAM;iBACrB","sourcesContent":["import { Injectable } from \"@angular/core\";\r\nimport { AiMaskConfig } from \"./interfaces/mask-config.interface\";\r\n\r\n@Injectable({\r\n    providedIn: \"root\",\r\n})\r\nexport class AiCurrencyMaskService {\r\n    format(value: string | number, config: AiMaskConfig): string {\r\n        if (value === null || value === undefined) return \"\";\r\n\r\n        const strValue = String(value);\r\n        const cleanedValue = strValue.replace(/[^\\d]/g, \"\");\r\n\r\n        if (cleanedValue.length === 0) return \"\";\r\n\r\n        let formattedValue = \"\";\r\n        const decimalIndex = cleanedValue.length - 2;\r\n        let integerPart = cleanedValue.substring(0, decimalIndex);\r\n        const decimalPart = cleanedValue.substring(decimalIndex);\r\n\r\n        integerPart = integerPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, config.thousands || \".\");\r\n        formattedValue = integerPart + config.decimal + decimalPart;\r\n\r\n        if (config.prefix) formattedValue = config.prefix + \" \" + formattedValue;\r\n\r\n        return formattedValue;\r\n    }\r\n\r\n    clean(value: string | number, config: AiMaskConfig): string {\r\n        if (value === null || value === undefined) return \"\";\r\n\r\n        const strValue = String(value);\r\n        let cleanedValue = strValue.replace(config.prefix || \"\", \"\").replace(new RegExp(\"\\\\\" + (config.thousands || \".\"), \"g\"), \"\");\r\n\r\n        const decimalSeparator = typeof config.decimal === \"string\" ? config.decimal : Array.isArray(config.decimal) ? config.decimal[0] : \",\";\r\n\r\n        cleanedValue = cleanedValue.replace(decimalSeparator, \".\");\r\n        cleanedValue = cleanedValue.replace(/[^0-9.]/g, \"\").replace(/(\\..*)\\./g, \"$1\");\r\n\r\n        return cleanedValue;\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/form-field/input/demo/default.js

@@ -0,0 +1,26 @@
+import { Component, signal } from "@angular/core";
+import { form, FormField } from "@angular/forms/signals";
+import { AiInput } from "../input";
+import * as i0 from "@angular/core";
+export class DemoInputDefaultComponent {
+    schema = signal({ name: "" }, ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    form = form(this.schema);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoInputDefaultComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="max-w-sm w-full">
+            <ai-input class="w-full" label="Name" [formField]="form.name" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiInput, selector: "ai-input", inputs: ["id", "label", "placeholder", "type", "variant", "icon", "class", "value", "touched", "disabled", "invalid", "readonly", "required", "maxlength", "minlength", "errors", "strength", "mask", "maskConfig", "normalize", "normalizeConfig"], outputs: ["valueChange", "touchedChange", "changeIcon"], exportAs: ["aiInput"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputDefaultComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiInput, FormField],
+                    template: `
+        <div class="max-w-sm w-full">
+            <ai-input class="w-full" label="Name" [formField]="form.name" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=default.js.map

package/esm2022/lib/components/form-field/input/demo/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../../../../../../../libs/ai-ui/src/lib/components/form-field/input/demo/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;;AAUnC,MAAM,OAAO,yBAAyB;IAClC,MAAM,GAAG,MAAM,CAAmB,EAAE,IAAI,EAAE,EAAE,EAAE,kDAAC,CAAC;IAEhD,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;uGAHhB,yBAAyB;2FAAzB,yBAAyB,wEANxB;;;;KAIT,4DALS,OAAO,0XAAE,SAAS;;2FAOnB,yBAAyB;kBARrC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;oBAC7B,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\nimport { form, FormField } from \"@angular/forms/signals\";\r\nimport { AiInput } from \"../input\";\r\n\r\n@Component({\r\n    imports: [AiInput, FormField],\r\n    template: `\r\n        <div class=\"max-w-sm w-full\">\r\n            <ai-input class=\"w-full\" label=\"Name\" [formField]=\"form.name\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoInputDefaultComponent {\r\n    schema = signal<{ name: string }>({ name: \"\" });\r\n\r\n    form = form(this.schema);\r\n}\r\n"]}

package/esm2022/lib/components/form-field/input/demo/disabled.js

@@ -0,0 +1,28 @@
+import { Component, signal } from "@angular/core";
+import { disabled, form, FormField } from "@angular/forms/signals";
+import { AiInput } from "../input";
+import * as i0 from "@angular/core";
+export class DemoInputDisabledComponent {
+    schema = signal({ name: "" }, ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    form = form(this.schema, schema => {
+        disabled(schema.name);
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputDisabledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoInputDisabledComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="max-w-sm w-full">
+            <ai-input class="w-full" label="Name" [formField]="form.name" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiInput, selector: "ai-input", inputs: ["id", "label", "placeholder", "type", "variant", "icon", "class", "value", "touched", "disabled", "invalid", "readonly", "required", "maxlength", "minlength", "errors", "strength", "mask", "maskConfig", "normalize", "normalizeConfig"], outputs: ["valueChange", "touchedChange", "changeIcon"], exportAs: ["aiInput"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoInputDisabledComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiInput, FormField],
+                    template: `
+        <div class="max-w-sm w-full">
+            <ai-input class="w-full" label="Name" [formField]="form.name" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=disabled.js.map