@simplysm/angular 14.0.1 → 14.0.5

package/dist/ui/form/input/sd-textfield-type-handlers.js

@@ -0,0 +1,336 @@
+import { DateOnly, DateTime, SdError, Time, } from "@simplysm/core-common";
+export const sdTextfieldTypes = [
+    "number",
+    "text",
+    "password",
+    "color",
+    "email",
+    "format",
+    "date",
+    "month",
+    "year",
+    "datetime",
+    "datetime-sec",
+    "time",
+    "time-sec",
+];
+// endregion
+// region 문자열 타입 핸들러 (text, password, email, color)
+function createStringHandler(type) {
+    return {
+        controlType: type,
+        getControlStep(_explicitStep) {
+            return "any";
+        },
+        parse(raw) {
+            return raw;
+        },
+        toControlValue(value) {
+            return value;
+        },
+        toDisplayText() {
+            return undefined;
+        },
+        validate(value, opts) {
+            const errors = [];
+            if (value == null) {
+                if (opts.required) {
+                    errors.push("값을 입력하세요.");
+                }
+                return errors;
+            }
+            if (type === "text") {
+                const str = value;
+                if (opts.minlength !== undefined && opts.minlength > str.length) {
+                    errors.push(`문자의 길이가 ${opts.minlength}보다 길거나 같아야 합니다.`);
+                }
+                if (opts.maxlength !== undefined && opts.maxlength < str.length) {
+                    errors.push(`문자의 길이가 ${opts.maxlength}보다 짧거나 같아야 합니다.`);
+                }
+                const pattern = opts.pattern;
+                if (pattern != null && pattern !== "") {
+                    try {
+                        const regex = new RegExp(pattern);
+                        if (!regex.test(str)) {
+                            errors.push("입력 값이 형식에 맞지 않습니다.");
+                        }
+                    }
+                    catch (err) {
+                        throw new SdError(err instanceof Error ? err : new Error(String(err)), `잘못된 pattern: ${pattern}`);
+                    }
+                }
+            }
+            return errors;
+        },
+    };
+}
+// endregion
+// region 숫자 타입 핸들러
+function createNumberHandler() {
+    return {
+        controlType: "text",
+        getControlStep(explicitStep) {
+            return explicitStep ?? "any";
+        },
+        parse(raw) {
+            const inputValue = raw.replace(/[^0-9-.]/g, "");
+            if (inputValue === ""
+                || Number.isNaN(Number(inputValue))
+                || inputValue.endsWith(".")) {
+                return undefined;
+            }
+            const result = Number.parseFloat(inputValue);
+            return Number.isNaN(result) ? undefined : result;
+        },
+        toControlValue(value, opts) {
+            const num = value;
+            return opts.useNumberComma !== false
+                ? num.toLocaleString(undefined, { maximumFractionDigits: 10 })
+                : num.toString(10);
+        },
+        toDisplayText(value, opts) {
+            if (opts.minDigits != null) {
+                return value.toLocaleString(undefined, {
+                    maximumFractionDigits: 10,
+                    minimumFractionDigits: opts.minDigits,
+                });
+            }
+            return undefined;
+        },
+        validate(value, opts) {
+            const errors = [];
+            if (value == null) {
+                if (opts.required) {
+                    errors.push("값을 입력하세요.");
+                }
+                return errors;
+            }
+            if (typeof value !== "number") {
+                errors.push("숫자를 입력하세요");
+                return errors;
+            }
+            const min = opts.min;
+            const max = opts.max;
+            if (typeof min === "number" && min > value) {
+                errors.push(`${min}보다 크거나 같아야 합니다.`);
+            }
+            if (typeof max === "number" && max < value) {
+                errors.push(`${max}보다 작거나 같아야 합니다.`);
+            }
+            return errors;
+        },
+    };
+}
+// endregion
+// region 포맷 타입 핸들러
+function createFormatHandler() {
+    return {
+        controlType: "text",
+        getControlStep(_explicitStep) {
+            return "any";
+        },
+        parse(raw, opts) {
+            const format = opts.format;
+            if (format == null || format === "")
+                return raw;
+            const nonFormatChars = format.match(/[^X]/g)?.filter((v, i, a) => a.indexOf(v) === i);
+            if (nonFormatChars != null && nonFormatChars.length > 0) {
+                return raw.replace(new RegExp(`[${nonFormatChars.map((item) => "\\" + item).join("")}]`, "g"), "");
+            }
+            return raw;
+        },
+        toControlValue(value, opts) {
+            const str = value;
+            const format = opts.format;
+            if (format == null || format === "")
+                return str;
+            const formatItems = format.split("|");
+            for (const formatItem of formatItems) {
+                const fullLength = formatItem.match(/X/g)?.length;
+                if (fullLength === str.length) {
+                    let result = "";
+                    let valCur = 0;
+                    for (const formatItemChar of formatItem) {
+                        if (formatItemChar === "X") {
+                            result += str[valCur];
+                            valCur++;
+                        }
+                        else {
+                            result += formatItemChar;
+                        }
+                    }
+                    return result;
+                }
+            }
+            return str;
+        },
+        toDisplayText() {
+            return undefined;
+        },
+        validate(value, opts) {
+            const errors = [];
+            if (value == null) {
+                if (opts.required) {
+                    errors.push("값을 입력하세요.");
+                }
+                return errors;
+            }
+            const format = opts.format;
+            if (format != null && format !== "") {
+                const formatItems = format.split("|");
+                if (!formatItems.some((formatItem) => formatItem.match(/X/g)?.length === value.length)) {
+                    errors.push("문자의 길이가 요구되는 길이와 다릅니다.");
+                }
+            }
+            return errors;
+        },
+    };
+}
+// endregion
+// region DateOnly 타입 핸들러 (date, month, year)
+function createDateOnlyHandler(subtype) {
+    const controlTypeMap = { date: "date", month: "month", year: "text" };
+    const formatMap = {
+        date: "yyyy-MM-dd",
+        month: "yyyy-MM",
+        year: "yyyy",
+    };
+    return {
+        controlType: controlTypeMap[subtype],
+        getControlStep(explicitStep) {
+            return explicitStep ?? "any";
+        },
+        parse(raw) {
+            try {
+                return DateOnly.parse(raw);
+            }
+            catch {
+                return undefined;
+            }
+        },
+        toControlValue(value) {
+            return value.toFormatString(formatMap[subtype]);
+        },
+        toDisplayText() {
+            return undefined;
+        },
+        validate(value, opts) {
+            const errors = [];
+            if (value == null) {
+                if (opts.required) {
+                    errors.push("값을 입력하세요.");
+                }
+                return errors;
+            }
+            if (!(value instanceof DateOnly)) {
+                errors.push("날짜를 입력하세요");
+                return errors;
+            }
+            const min = opts.min;
+            const max = opts.max;
+            if (min instanceof DateOnly && min.tick > value.tick) {
+                errors.push(`${min}보다 크거나 같아야 합니다.`);
+            }
+            if (max instanceof DateOnly && max.tick < value.tick) {
+                errors.push(`${max}보다 작거나 같아야 합니다.`);
+            }
+            return errors;
+        },
+    };
+}
+// endregion
+// region DateTime 타입 핸들러 (datetime, datetime-sec)
+function createDateTimeHandler(withSeconds) {
+    const controlFormat = withSeconds ? "yyyy-MM-ddTHH:mm:ss" : "yyyy-MM-ddTHH:mm";
+    const displayFormat = withSeconds ? "yyyy-MM-dd tt hh:mm:ss" : "yyyy-MM-dd tt hh:mm";
+    return {
+        controlType: "datetime-local",
+        getControlStep(explicitStep) {
+            return explicitStep ?? (withSeconds ? 1 : "any");
+        },
+        parse(raw) {
+            try {
+                return DateTime.parse(raw);
+            }
+            catch {
+                return undefined;
+            }
+        },
+        toControlValue(value) {
+            return value.toFormatString(controlFormat);
+        },
+        toDisplayText(value) {
+            return value.toFormatString(displayFormat);
+        },
+        validate(value, opts) {
+            const errors = [];
+            if (value == null) {
+                if (opts.required) {
+                    errors.push("값을 입력하세요.");
+                }
+                return errors;
+            }
+            if (!(value instanceof DateTime)) {
+                errors.push("날짜 및 시간을 입력하세요");
+            }
+            return errors;
+        },
+    };
+}
+// endregion
+// region Time 타입 핸들러 (time, time-sec)
+function createTimeHandler(withSeconds) {
+    const controlFormat = withSeconds ? "HH:mm:ss" : "HH:mm";
+    const displayFormat = withSeconds ? "tt hh:mm:ss" : "tt hh:mm";
+    return {
+        controlType: "time",
+        getControlStep(explicitStep) {
+            return explicitStep ?? (withSeconds ? 1 : "any");
+        },
+        parse(raw) {
+            try {
+                return Time.parse(raw);
+            }
+            catch {
+                return undefined;
+            }
+        },
+        toControlValue(value) {
+            return value.toFormatString(controlFormat);
+        },
+        toDisplayText(value) {
+            return value.toFormatString(displayFormat);
+        },
+        validate(value, opts) {
+            const errors = [];
+            if (value == null) {
+                if (opts.required) {
+                    errors.push("값을 입력하세요.");
+                }
+                return errors;
+            }
+            if (!(value instanceof Time)) {
+                errors.push("시간을 입력하세요");
+            }
+            return errors;
+        },
+    };
+}
+// endregion
+// region 핸들러 맵
+export const textfieldTypeHandlers = {
+    "text": createStringHandler("text"),
+    "password": createStringHandler("password"),
+    "email": createStringHandler("email"),
+    "color": createStringHandler("color"),
+    "number": createNumberHandler(),
+    "format": createFormatHandler(),
+    "date": createDateOnlyHandler("date"),
+    "month": createDateOnlyHandler("month"),
+    "year": createDateOnlyHandler("year"),
+    "datetime": createDateTimeHandler(false),
+    "datetime-sec": createDateTimeHandler(true),
+    "time": createTimeHandler(false),
+    "time-sec": createTimeHandler(true),
+};
+// endregion

package/dist/ui/form/input/sd-textfield.control.d.ts

@@ -0,0 +1,39 @@
+import { type TSdTextfieldTypes } from "./sd-textfield-type-handlers";
+import * as i0 from "@angular/core";
+export declare class SdTextfieldControl<K extends keyof TSdTextfieldTypes> {
+    value: import("@angular/core").ModelSignal<TSdTextfieldTypes[K] | undefined>;
+    type: import("@angular/core").InputSignal<K>;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    title: import("@angular/core").InputSignal<string | undefined>;
+    inputStyle: import("@angular/core").InputSignal<string | undefined>;
+    inputClass: import("@angular/core").InputSignal<string | undefined>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    min: import("@angular/core").InputSignal<TSdTextfieldTypes[K] | undefined>;
+    max: import("@angular/core").InputSignal<TSdTextfieldTypes[K] | undefined>;
+    minlength: import("@angular/core").InputSignal<number | undefined>;
+    maxlength: import("@angular/core").InputSignal<number | undefined>;
+    pattern: import("@angular/core").InputSignal<string | undefined>;
+    validatorFn: import("@angular/core").InputSignal<((value: TSdTextfieldTypes[K] | undefined) => string | undefined) | undefined>;
+    format: import("@angular/core").InputSignal<string | undefined>;
+    step: import("@angular/core").InputSignal<number | undefined>;
+    autocomplete: import("@angular/core").InputSignal<string | undefined>;
+    useNumberComma: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    minDigits: import("@angular/core").InputSignal<number | undefined>;
+    inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
+    private readonly handler;
+    controlType: import("@angular/core").Signal<string>;
+    controlStep: import("@angular/core").Signal<string | number>;
+    controlValue: import("@angular/core").Signal<string>;
+    controlValueText: import("@angular/core").Signal<string | undefined>;
+    constructor();
+    onInput(event: Event): void;
+    onInputPaste(event: ClipboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTextfieldControl<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTextfieldControl<any>, "sd-textfield", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "validatorFn": { "alias": "validatorFn"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "useNumberComma": { "alias": "useNumberComma"; "required": false; "isSignal": true; }; "minDigits": { "alias": "minDigits"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=sd-textfield.control.d.ts.map

package/dist/ui/form/input/sd-textfield.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-textfield.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-textfield.control.ts"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;;AAEtC,qBA8Qa,kBAAkB,CAAC,CAAC,SAAS,MAAM,iBAAiB;IAC/D,KAAK,wEAAiC;IAEtC,IAAI,yCAAuB;IAC3B,WAAW,0DAAmB;IAC9B,KAAK,0DAAmB;IACxB,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAE7B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IAEzD,QAAQ,qEAAiD;IACzD,GAAG,wEAAiC;IACpC,GAAG,wEAAiC;IACpC,SAAS,0DAAmB;IAC5B,SAAS,0DAAmB;IAC5B,OAAO,0DAAmB;IAC1B,WAAW,+CAAiB,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACvF,MAAM,0DAAmB;IAEzB,IAAI,0DAAmB;IACvB,YAAY,0DAAmB;IAC/B,cAAc,qEAAgD;IAC9D,SAAS,0DAAmB;IAE5B,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,KAAK,8IAED;IAEJ,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsD;IAE9E,WAAW,yCAA8C;IAEzD,WAAW,kDAA8D;IAEzE,YAAY,yCAOT;IAEH,gBAAgB,qDAMb;;IA4BH,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAa3B,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;yCA/F9B,kBAAkB;2CAAlB,kBAAkB;CA6G9B"}

package/dist/ui/form/input/sd-textfield.control.js

@@ -0,0 +1,211 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation, } from "@angular/core";
+import { setupInvalid } from "../../../core/utils/setups/setupInvalid";
+import { textfieldTypeHandlers, } from "./sd-textfield-type-handlers";
+import * as i0 from "@angular/core";
+function SdTextfieldControl_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 0);
+    i0.ɵɵtext(1, "****");
+    i0.ɵɵdomElementEnd();
+} }
+function SdTextfieldControl_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "pre");
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r0.controlValueText() ?? ctx_r0.controlValue(), " ");
+} }
+function SdTextfieldControl_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.placeholder());
+} }
+function SdTextfieldControl_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span");
+    i0.ɵɵtext(1, "\u00A0");
+    i0.ɵɵdomElementEnd();
+} }
+function SdTextfieldControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdTextfieldControl_Conditional_2_Conditional_0_Template, 2, 1, "pre")(1, SdTextfieldControl_Conditional_2_Conditional_1_Template, 2, 1, "span", 2)(2, SdTextfieldControl_Conditional_2_Conditional_2_Template, 2, 0, "span");
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.controlValue() ? 0 : ctx_r0.placeholder() ? 1 : 2);
+} }
+function SdTextfieldControl_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "input", 3);
+    i0.ɵɵdomListener("input", function SdTextfieldControl_Conditional_3_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onInput($event)); })("paste", function SdTextfieldControl_Conditional_3_Template_input_paste_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onInputPaste($event)); });
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵstyleMap(ctx_r0.inputStyle());
+    i0.ɵɵclassMap(ctx_r0.inputClass());
+    i0.ɵɵdomProperty("type", ctx_r0.controlType())("value", ctx_r0.controlValue());
+    i0.ɵɵattribute("title", ctx_r0.title() ?? ctx_r0.placeholder())("placeholder", ctx_r0.placeholder())("min", ctx_r0.min())("max", ctx_r0.max())("inputmode", ctx_r0.type() === "number" ? "numeric" : undefined)("autocomplete", ctx_r0.autocomplete())("step", ctx_r0.controlStep());
+} }
+export class SdTextfieldControl {
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    type = input.required(...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
+    inputStyle = input(...(ngDevMode ? [undefined, { debugName: "inputStyle" }] : /* istanbul ignore next */ []));
+    inputClass = input(...(ngDevMode ? [undefined, { debugName: "inputClass" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : /* istanbul ignore next */ []));
+    max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : /* istanbul ignore next */ []));
+    minlength = input(...(ngDevMode ? [undefined, { debugName: "minlength" }] : /* istanbul ignore next */ []));
+    maxlength = input(...(ngDevMode ? [undefined, { debugName: "maxlength" }] : /* istanbul ignore next */ []));
+    pattern = input(...(ngDevMode ? [undefined, { debugName: "pattern" }] : /* istanbul ignore next */ []));
+    validatorFn = input(...(ngDevMode ? [undefined, { debugName: "validatorFn" }] : /* istanbul ignore next */ []));
+    format = input(...(ngDevMode ? [undefined, { debugName: "format" }] : /* istanbul ignore next */ []));
+    step = input(...(ngDevMode ? [undefined, { debugName: "step" }] : /* istanbul ignore next */ []));
+    autocomplete = input(...(ngDevMode ? [undefined, { debugName: "autocomplete" }] : /* istanbul ignore next */ []));
+    useNumberComma = input(true, { ...(ngDevMode ? { debugName: "useNumberComma" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    minDigits = input(...(ngDevMode ? [undefined, { debugName: "minDigits" }] : /* istanbul ignore next */ []));
+    inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+    theme = input(...(ngDevMode ? [undefined, { debugName: "theme" }] : /* istanbul ignore next */ []));
+    handler = computed(() => textfieldTypeHandlers[this.type()], ...(ngDevMode ? [{ debugName: "handler" }] : /* istanbul ignore next */ []));
+    controlType = computed(() => this.handler().controlType, ...(ngDevMode ? [{ debugName: "controlType" }] : /* istanbul ignore next */ []));
+    controlStep = computed(() => this.handler().getControlStep(this.step()), ...(ngDevMode ? [{ debugName: "controlStep" }] : /* istanbul ignore next */ []));
+    controlValue = computed(() => {
+        const value = this.value();
+        if (value == null)
+            return "";
+        return this.handler().toControlValue(value, {
+            useNumberComma: this.useNumberComma(),
+            format: this.format(),
+        });
+    }, ...(ngDevMode ? [{ debugName: "controlValue" }] : /* istanbul ignore next */ []));
+    controlValueText = computed(() => {
+        const value = this.value();
+        if (value == null)
+            return undefined;
+        return this.handler().toDisplayText(value, {
+            minDigits: this.minDigits(),
+        });
+    }, ...(ngDevMode ? [{ debugName: "controlValueText" }] : /* istanbul ignore next */ []));
+    constructor() {
+        setupInvalid(() => {
+            const value = this.value();
+            const handlerErrors = this.handler().validate(value, {
+                required: this.required(),
+                min: this.min(),
+                max: this.max(),
+                minlength: this.minlength(),
+                maxlength: this.maxlength(),
+                pattern: this.pattern(),
+                format: this.format(),
+            });
+            const errorMessages = [...handlerErrors];
+            if (this.validatorFn()) {
+                const message = this.validatorFn()(value);
+                if (message !== undefined) {
+                    errorMessages.push(message);
+                }
+            }
+            return errorMessages.join("\r\n");
+        });
+    }
+    onInput(event) {
+        const inputEl = event.target;
+        if (inputEl.value === "") {
+            this.value.set(undefined);
+            return;
+        }
+        const parsed = this.handler().parse(inputEl.value, { format: this.format() });
+        if (parsed === undefined) {
+            return;
+        }
+        this.value.set(parsed);
+    }
+    onInputPaste(event) {
+        const text = event.clipboardData?.getData("text/plain").trim();
+        if (text == null || text === "") {
+            this.value.set(undefined);
+            return;
+        }
+        const parsed = this.handler().parse(text, { format: this.format() });
+        if (parsed === undefined) {
+            const inputEl = event.target;
+            inputEl.value = this.controlValue();
+            return;
+        }
+        this.value.set(parsed);
+    }
+    static ɵfac = function SdTextfieldControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTextfieldControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTextfieldControl, selectors: [["sd-textfield"]], hostVars: 7, hostBindings: function SdTextfieldControl_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-type", ctx.controlType())("data-sd-disabled", ctx.disabled())("data-sd-readonly", ctx.readonly())("data-sd-inline", ctx.inline())("data-sd-inset", ctx.inset())("data-sd-size", ctx.size())("data-sd-theme", ctx.theme());
+        } }, inputs: { value: [1, "value"], type: [1, "type"], placeholder: [1, "placeholder"], title: [1, "title"], inputStyle: [1, "inputStyle"], inputClass: [1, "inputClass"], disabled: [1, "disabled"], readonly: [1, "readonly"], required: [1, "required"], min: [1, "min"], max: [1, "max"], minlength: [1, "minlength"], maxlength: [1, "maxlength"], pattern: [1, "pattern"], validatorFn: [1, "validatorFn"], format: [1, "format"], step: [1, "step"], autocomplete: [1, "autocomplete"], useNumberComma: [1, "useNumberComma"], minDigits: [1, "minDigits"], inline: [1, "inline"], inset: [1, "inset"], size: [1, "size"], theme: [1, "theme"] }, outputs: { value: "valueChange" }, decls: 4, vars: 9, consts: [[1, "tx-trans-light"], [3, "style", "class", "type", "value"], [1, "tx-trans-lighter"], [3, "input", "paste", "type", "value"]], template: function SdTextfieldControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div");
+            i0.ɵɵconditionalCreate(1, SdTextfieldControl_Conditional_1_Template, 2, 0, "span", 0)(2, SdTextfieldControl_Conditional_2_Template, 3, 1);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(3, SdTextfieldControl_Conditional_3_Template, 1, 13, "input", 1);
+        } if (rf & 2) {
+            i0.ɵɵstyleMap(ctx.inputStyle());
+            i0.ɵɵclassMap(ctx.inputClass() ? "_contents " + ctx.inputClass() : "_contents");
+            i0.ɵɵstyleProp("visibility", !ctx.readonly() && !ctx.disabled() ? "hidden" : undefined);
+            i0.ɵɵattribute("title", ctx.title() ?? ctx.placeholder());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.controlType() === "password" ? 1 : 2);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.readonly() && !ctx.disabled() ? 3 : -1);
+        } }, styles: ["sd-textfield {\n  display: block;\n  position: relative;\n}\nsd-textfield > input,\nsd-textfield > ._contents {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  overflow: auto;\n  width: 100%;\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-textfield > input:focus,\nsd-textfield > ._contents:focus {\n  outline: none;\n  border-color: var(--theme-secondary-default);\n}\nsd-textfield > input[type=date], sd-textfield > input[type=month], sd-textfield > input[type=datetime-local],\nsd-textfield > ._contents[type=date],\nsd-textfield > ._contents[type=month],\nsd-textfield > ._contents[type=datetime-local] {\n  padding-top: calc(var(--gap-sm) - 1px);\n  padding-bottom: calc(var(--gap-sm) - 1px);\n}\nsd-textfield > input::-webkit-scrollbar,\nsd-textfield > ._contents::-webkit-scrollbar {\n  display: none;\n}\nsd-textfield > input::-webkit-input-placeholder,\nsd-textfield > ._contents::-webkit-input-placeholder {\n  color: var(--text-trans-lighter);\n}\nsd-textfield > input::-webkit-outer-spin-button, sd-textfield > input::-webkit-inner-spin-button,\nsd-textfield > ._contents::-webkit-outer-spin-button,\nsd-textfield > ._contents::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\nsd-textfield > input::-webkit-calendar-picker-indicator,\nsd-textfield > ._contents::-webkit-calendar-picker-indicator {\n  cursor: pointer;\n  margin: auto;\n}\nsd-textfield > ._contents {\n  display: none;\n}\nsd-textfield[data-sd-type=number] > input,\nsd-textfield[data-sd-type=number] > ._contents {\n  text-align: right;\n}\nsd-textfield[data-sd-theme=gray] > input,\nsd-textfield[data-sd-theme=gray] > ._contents {\n  background: var(--theme-gray-lightest);\n}\nsd-textfield[data-sd-theme=blue-gray] > input,\nsd-textfield[data-sd-theme=blue-gray] > ._contents {\n  background: var(--theme-blue-gray-lightest);\n}\nsd-textfield[data-sd-theme=primary] > input,\nsd-textfield[data-sd-theme=primary] > ._contents {\n  background: var(--theme-primary-lightest);\n}\nsd-textfield[data-sd-theme=secondary] > input,\nsd-textfield[data-sd-theme=secondary] > ._contents {\n  background: var(--theme-secondary-lightest);\n}\nsd-textfield[data-sd-theme=info] > input,\nsd-textfield[data-sd-theme=info] > ._contents {\n  background: var(--theme-info-lightest);\n}\nsd-textfield[data-sd-theme=success] > input,\nsd-textfield[data-sd-theme=success] > ._contents {\n  background: var(--theme-success-lightest);\n}\nsd-textfield[data-sd-theme=warning] > input,\nsd-textfield[data-sd-theme=warning] > ._contents {\n  background: var(--theme-warning-lightest);\n}\nsd-textfield[data-sd-theme=danger] > input,\nsd-textfield[data-sd-theme=danger] > ._contents {\n  background: var(--theme-danger-lightest);\n}\nsd-textfield[data-sd-size=sm] > input,\nsd-textfield[data-sd-size=sm] > ._contents {\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-textfield[data-sd-size=sm] > input[type=date], sd-textfield[data-sd-size=sm] > input[type=month], sd-textfield[data-sd-size=sm] > input[type=datetime-local], sd-textfield[data-sd-size=sm] > input[type=color],\nsd-textfield[data-sd-size=sm] > ._contents[type=date],\nsd-textfield[data-sd-size=sm] > ._contents[type=month],\nsd-textfield[data-sd-size=sm] > ._contents[type=datetime-local],\nsd-textfield[data-sd-size=sm] > ._contents[type=color] {\n  padding-top: calc(var(--gap-xs) - 1px);\n  padding-bottom: calc(var(--gap-xs) - 1px);\n}\nsd-textfield[data-sd-size=lg] > input,\nsd-textfield[data-sd-size=lg] > ._contents {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-textfield[data-sd-size=lg] > input[type=date], sd-textfield[data-sd-size=lg] > input[type=month], sd-textfield[data-sd-size=lg] > input[type=datetime-local], sd-textfield[data-sd-size=lg] > input[type=color],\nsd-textfield[data-sd-size=lg] > ._contents[type=date],\nsd-textfield[data-sd-size=lg] > ._contents[type=month],\nsd-textfield[data-sd-size=lg] > ._contents[type=datetime-local],\nsd-textfield[data-sd-size=lg] > ._contents[type=color] {\n  padding-top: calc(var(--gap-default) - 1px);\n  padding-bottom: calc(var(--gap-default) - 1px);\n}\nsd-textfield[data-sd-inline=true] {\n  display: inline-block;\n  vertical-align: top;\n}\nsd-textfield[data-sd-inline=true] > input,\nsd-textfield[data-sd-inline=true] > ._contents {\n  width: auto;\n  vertical-align: top;\n}\nsd-textfield[data-sd-inset=true] > ._contents {\n  display: block;\n}\nsd-textfield[data-sd-inset=true] > input {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\nsd-textfield[data-sd-inset=true] > input,\nsd-textfield[data-sd-inset=true] > ._contents {\n  width: 100%;\n  border: none;\n  border-radius: 0;\n}\nsd-textfield[data-sd-inset=true] > input:focus {\n  outline: 1px solid var(--theme-primary-default);\n  outline-offset: -1px;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=month] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=month] > ._contents {\n  width: 8.25em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=date] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=date] > ._contents {\n  width: 8.25em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=datetime-local] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=datetime-local] > ._contents {\n  width: 14em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=year] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=year] > ._contents {\n  width: 4em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=color] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=color] > ._contents {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-sm) * 2);\n}\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=sm] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=sm] > ._contents {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-xs) * 2);\n}\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=lg] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=lg] > ._contents {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-default) * 2);\n}\nsd-textfield[data-sd-disabled=true] > ._contents {\n  display: block;\n  background: var(--theme-gray-lightest);\n  color: var(--text-trans-light);\n}\nsd-textfield[data-sd-disabled=true][data-sd-inset=true] > ._contents {\n  background: var(--control-color);\n  color: var(--text-trans-default);\n}\nsd-textfield[data-sd-readonly=true] > ._contents {\n  display: block;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTextfieldControl, [{
+        type: Component,
+        args: [{ selector: "sd-textfield", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
+    <div
+      [style]="inputStyle()"
+      [class]="inputClass() ? '_contents ' + inputClass() : '_contents'"
+      [attr.title]="title() ?? placeholder()"
+      [style.visibility]="!readonly() && !disabled() ? 'hidden' : undefined"
+    >
+      @if (controlType() === "password") {
+        <span class="tx-trans-light">****</span>
+      } @else {
+        @if (controlValue()) {
+          <pre>{{ controlValueText() ?? controlValue() }} </pre>
+        } @else if (placeholder()) {
+          <span class="tx-trans-lighter">{{ placeholder() }}</span>
+        } @else {
+          <span>&nbsp;</span>
+        }
+      }
+    </div>
+    @if (!readonly() && !disabled()) {
+      <input
+        [style]="inputStyle()"
+        [class]="inputClass()"
+        [attr.title]="title() ?? placeholder()"
+        [attr.placeholder]="placeholder()"
+        [attr.min]="min()"
+        [attr.max]="max()"
+        [type]="controlType()"
+        [attr.inputmode]="type() === 'number' ? 'numeric' : undefined"
+        [value]="controlValue()"
+        [attr.autocomplete]="autocomplete()"
+        [attr.step]="controlStep()"
+        (input)="onInput($event)"
+        (paste)="onInputPaste($event)"
+      />
+    }
+  `, host: {
+                    "[attr.data-sd-type]": "controlType()",
+                    "[attr.data-sd-disabled]": "disabled()",
+                    "[attr.data-sd-readonly]": "readonly()",
+                    "[attr.data-sd-inline]": "inline()",
+                    "[attr.data-sd-inset]": "inset()",
+                    "[attr.data-sd-size]": "size()",
+                    "[attr.data-sd-theme]": "theme()",
+                }, styles: ["sd-textfield {\n  display: block;\n  position: relative;\n}\nsd-textfield > input,\nsd-textfield > ._contents {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  overflow: auto;\n  width: 100%;\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-textfield > input:focus,\nsd-textfield > ._contents:focus {\n  outline: none;\n  border-color: var(--theme-secondary-default);\n}\nsd-textfield > input[type=date], sd-textfield > input[type=month], sd-textfield > input[type=datetime-local],\nsd-textfield > ._contents[type=date],\nsd-textfield > ._contents[type=month],\nsd-textfield > ._contents[type=datetime-local] {\n  padding-top: calc(var(--gap-sm) - 1px);\n  padding-bottom: calc(var(--gap-sm) - 1px);\n}\nsd-textfield > input::-webkit-scrollbar,\nsd-textfield > ._contents::-webkit-scrollbar {\n  display: none;\n}\nsd-textfield > input::-webkit-input-placeholder,\nsd-textfield > ._contents::-webkit-input-placeholder {\n  color: var(--text-trans-lighter);\n}\nsd-textfield > input::-webkit-outer-spin-button, sd-textfield > input::-webkit-inner-spin-button,\nsd-textfield > ._contents::-webkit-outer-spin-button,\nsd-textfield > ._contents::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\nsd-textfield > input::-webkit-calendar-picker-indicator,\nsd-textfield > ._contents::-webkit-calendar-picker-indicator {\n  cursor: pointer;\n  margin: auto;\n}\nsd-textfield > ._contents {\n  display: none;\n}\nsd-textfield[data-sd-type=number] > input,\nsd-textfield[data-sd-type=number] > ._contents {\n  text-align: right;\n}\nsd-textfield[data-sd-theme=gray] > input,\nsd-textfield[data-sd-theme=gray] > ._contents {\n  background: var(--theme-gray-lightest);\n}\nsd-textfield[data-sd-theme=blue-gray] > input,\nsd-textfield[data-sd-theme=blue-gray] > ._contents {\n  background: var(--theme-blue-gray-lightest);\n}\nsd-textfield[data-sd-theme=primary] > input,\nsd-textfield[data-sd-theme=primary] > ._contents {\n  background: var(--theme-primary-lightest);\n}\nsd-textfield[data-sd-theme=secondary] > input,\nsd-textfield[data-sd-theme=secondary] > ._contents {\n  background: var(--theme-secondary-lightest);\n}\nsd-textfield[data-sd-theme=info] > input,\nsd-textfield[data-sd-theme=info] > ._contents {\n  background: var(--theme-info-lightest);\n}\nsd-textfield[data-sd-theme=success] > input,\nsd-textfield[data-sd-theme=success] > ._contents {\n  background: var(--theme-success-lightest);\n}\nsd-textfield[data-sd-theme=warning] > input,\nsd-textfield[data-sd-theme=warning] > ._contents {\n  background: var(--theme-warning-lightest);\n}\nsd-textfield[data-sd-theme=danger] > input,\nsd-textfield[data-sd-theme=danger] > ._contents {\n  background: var(--theme-danger-lightest);\n}\nsd-textfield[data-sd-size=sm] > input,\nsd-textfield[data-sd-size=sm] > ._contents {\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-textfield[data-sd-size=sm] > input[type=date], sd-textfield[data-sd-size=sm] > input[type=month], sd-textfield[data-sd-size=sm] > input[type=datetime-local], sd-textfield[data-sd-size=sm] > input[type=color],\nsd-textfield[data-sd-size=sm] > ._contents[type=date],\nsd-textfield[data-sd-size=sm] > ._contents[type=month],\nsd-textfield[data-sd-size=sm] > ._contents[type=datetime-local],\nsd-textfield[data-sd-size=sm] > ._contents[type=color] {\n  padding-top: calc(var(--gap-xs) - 1px);\n  padding-bottom: calc(var(--gap-xs) - 1px);\n}\nsd-textfield[data-sd-size=lg] > input,\nsd-textfield[data-sd-size=lg] > ._contents {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-textfield[data-sd-size=lg] > input[type=date], sd-textfield[data-sd-size=lg] > input[type=month], sd-textfield[data-sd-size=lg] > input[type=datetime-local], sd-textfield[data-sd-size=lg] > input[type=color],\nsd-textfield[data-sd-size=lg] > ._contents[type=date],\nsd-textfield[data-sd-size=lg] > ._contents[type=month],\nsd-textfield[data-sd-size=lg] > ._contents[type=datetime-local],\nsd-textfield[data-sd-size=lg] > ._contents[type=color] {\n  padding-top: calc(var(--gap-default) - 1px);\n  padding-bottom: calc(var(--gap-default) - 1px);\n}\nsd-textfield[data-sd-inline=true] {\n  display: inline-block;\n  vertical-align: top;\n}\nsd-textfield[data-sd-inline=true] > input,\nsd-textfield[data-sd-inline=true] > ._contents {\n  width: auto;\n  vertical-align: top;\n}\nsd-textfield[data-sd-inset=true] > ._contents {\n  display: block;\n}\nsd-textfield[data-sd-inset=true] > input {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\nsd-textfield[data-sd-inset=true] > input,\nsd-textfield[data-sd-inset=true] > ._contents {\n  width: 100%;\n  border: none;\n  border-radius: 0;\n}\nsd-textfield[data-sd-inset=true] > input:focus {\n  outline: 1px solid var(--theme-primary-default);\n  outline-offset: -1px;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=month] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=month] > ._contents {\n  width: 8.25em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=date] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=date] > ._contents {\n  width: 8.25em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=datetime-local] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=datetime-local] > ._contents {\n  width: 14em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=year] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=year] > ._contents {\n  width: 4em;\n}\nsd-textfield[data-sd-inset=true][data-sd-type=color] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=color] > ._contents {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-sm) * 2);\n}\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=sm] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=sm] > ._contents {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-xs) * 2);\n}\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=lg] > input,\nsd-textfield[data-sd-inset=true][data-sd-type=color][data-sd-size=lg] > ._contents {\n  height: calc(var(--font-size-default) * var(--line-height-strip-unit) + var(--gap-default) * 2);\n}\nsd-textfield[data-sd-disabled=true] > ._contents {\n  display: block;\n  background: var(--theme-gray-lightest);\n  color: var(--text-trans-light);\n}\nsd-textfield[data-sd-disabled=true][data-sd-inset=true] > ._contents {\n  background: var(--control-color);\n  color: var(--text-trans-default);\n}\nsd-textfield[data-sd-readonly=true] > ._contents {\n  display: block;\n}"] }]
+    }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], inputStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputStyle", required: false }] }], inputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClass", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], validatorFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "validatorFn", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], useNumberComma: [{ type: i0.Input, args: [{ isSignal: true, alias: "useNumberComma", required: false }] }], minDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDigits", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTextfieldControl, { className: "SdTextfieldControl", filePath: "packages/angular/src/ui/form/input/sd-textfield.control.ts", lineNumber: 286 }); })();

package/dist/ui/form/sd-form.control.d.ts

@@ -0,0 +1,13 @@
+import { ElementRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class SdFormControl {
+    formElRef: import("@angular/core").Signal<ElementRef<HTMLFormElement>>;
+    get formEl(): HTMLFormElement;
+    formSubmit: import("@angular/core").OutputEmitterRef<SubmitEvent>;
+    formInvalid: import("@angular/core").OutputEmitterRef<void>;
+    requestSubmit(): void;
+    handleSubmit(event: SubmitEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdFormControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdFormControl, "sd-form", never, {}, { "formSubmit": "formSubmit"; "formInvalid": "formInvalid"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-form.control.d.ts.map

package/dist/ui/form/sd-form.control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-form.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\ui\\form\\sd-form.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAIX,MAAM,eAAe,CAAC;;AAEvB,qBAaa,aAAa;IACxB,SAAS,8DAEN;IAEH,IAAI,MAAM,oBAET;IAED,UAAU,wDAAyB;IACnC,WAAW,iDAAY;IAEvB,aAAa;IAIb,YAAY,CAAC,KAAK,EAAE,WAAW;yCAhBpB,aAAa;2CAAb,aAAa;CA6BzB"}