@simplysm/angular 14.0.26 → 14.0.28

package/dist/ui/form/input/sd-date-range.picker.js

@@ -1,8 +1,8 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation, } from "@angular/core";
-import { SdSelectControl } from "../select/sd-select.control";
-import { SdSelectItemControl } from "../select/sd-select-item.control";
-import { SdRangeControl } from "./sd-range.control";
-import { SdTextfieldControl } from "./sd-textfield.control";
+import { SdSelect } from "../select/sd-select";
+import { SdSelectItem } from "../select/sd-select-item";
+import { SdRange } from "./sd-range";
+import { SdTextfield } from "./sd-textfield";
 import { DateOnly } from "@simplysm/core-common";
 import * as i0 from "@angular/core";
 function SdDateRangePicker_Conditional_7_Template(rf, ctx) { if (rf & 1) {
@@ -97,11 +97,11 @@ export class SdDateRangePicker {
             i0.ɵɵproperty("value", "\uBC94\uC704");
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.periodType() === "\uBC94\uC704" ? 7 : 8);
-        } }, dependencies: [SdSelectControl, SdSelectItemControl, SdRangeControl, SdTextfieldControl], styles: ["sd-date-range-picker {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  gap: var(--gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-date-range-picker {\n    gap: 0;\n  }\n  sd-date-range-picker > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-date-range-picker.gap-xxs {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-date-range-picker.gap-xs {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-date-range-picker.gap-sm {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-date-range-picker.gap-default {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-date-range-picker.gap-lg {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-date-range-picker.gap-xl {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-date-range-picker.gap-xxl {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-date-range-picker.gap-0 {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-date-range-picker.gap-auto {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdSelect, SdSelectItem, SdRange, SdTextfield], styles: ["sd-date-range-picker {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  gap: var(--gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-date-range-picker {\n    gap: 0;\n  }\n  sd-date-range-picker > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-date-range-picker.gap-xxs {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-date-range-picker.gap-xs {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-date-range-picker.gap-sm {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-date-range-picker.gap-default {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-date-range-picker.gap-lg {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-date-range-picker.gap-xl {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-date-range-picker.gap-xxl {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-date-range-picker.gap-0 {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-date-range-picker.gap-auto {\n    gap: 0;\n  }\n  sd-date-range-picker.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDateRangePicker, [{
         type: Component,
-        args: [{ selector: "sd-date-range-picker", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdSelectControl, SdSelectItemControl, SdRangeControl, SdTextfieldControl], template: `
+        args: [{ selector: "sd-date-range-picker", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdSelect, SdSelectItem, SdRange, SdTextfield], template: `
     <sd-select
       [(value)]="periodType"
       (valueChange)="handleDatePeriodTypeChanged()"

package/dist/ui/form/input/{sd-numpad.control.d.ts → sd-numpad.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export declare class SdNumpadControl {
+export declare class SdNumpad {
     text: import("@angular/core").WritableSignal<string | undefined>;
     placeholder: import("@angular/core").InputSignal<string | undefined>;
     value: import("@angular/core").ModelSignal<number | undefined>;
@@ -12,7 +12,7 @@ export declare class SdNumpadControl {
     onButtonClick(key: string): void;
     protected readonly tablerEraser = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M19 20h-10.5l-4.21 -4.3a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9.2 9.3\"></path><path d=\"M18 13.3l-6.3 -6.3\"></path></svg>";
     protected readonly tablerArrowLeft = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M5 12l14 0\"></path><path d=\"M5 12l6 6\"></path><path d=\"M5 12l6 -6\"></path></svg>";
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdNumpadControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdNumpadControl, "sd-numpad", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "inputDisabled"; "required": false; "isSignal": true; }; "useEnterButton": { "alias": "useEnterButton"; "required": false; "isSignal": true; }; "useMinusButton": { "alias": "useMinusButton"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "enterButtonClick": "enterButtonClick"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdNumpad, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdNumpad, "sd-numpad", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "inputDisabled"; "required": false; "isSignal": true; }; "useEnterButton": { "alias": "useEnterButton"; "required": false; "isSignal": true; }; "useMinusButton": { "alias": "useMinusButton"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "enterButtonClick": "enterButtonClick"; }, never, never, true, never>;
 }
-//# sourceMappingURL=sd-numpad.control.d.ts.map
+//# sourceMappingURL=sd-numpad.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-numpad.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/input/sd-numpad.ts"],"names":[],"mappings":";AAkBA,qBAuGa,QAAQ;IACnB,IAAI,6DAAyC;IAE7C,WAAW,0DAAmB;IAC9B,KAAK,0DAAmB;IAExB,QAAQ,qEAAiD;IACzD,aAAa,qEAAiD;IAC9D,cAAc,qEAAiD;IAC/D,cAAc,qEAAiD;IAE/D,gBAAgB,iDAAY;;IAoB5B,aAAa,CAAC,GAAG,EAAE,MAAM;IAuBzB,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,eAAe,oXAAmB;yCAvD1C,QAAQ;2CAAR,QAAQ;CAwDpB"}

package/dist/ui/form/input/{sd-numpad.control.js → sd-numpad.js}

@@ -1,16 +1,16 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, effect, input, model, output, signal, untracked, ViewEncapsulation, } from "@angular/core";
 import { num, str } from "@simplysm/core-common";
-import { SdButtonControl } from "../button/sd-button.control";
-import { SdTextfieldControl } from "./sd-textfield.control";
+import { SdButton } from "../button/sd-button";
+import { SdTextfield } from "./sd-textfield";
 import { NgIcon } from "@ng-icons/core";
 import { tablerArrowLeft, tablerEraser } from "@ng-icons/tabler-icons";
 import * as i0 from "@angular/core";
 const _c0 = () => [2, 1, 0];
 const _c1 = () => [0, 1, 2];
-function SdNumpadControl_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SdNumpad_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td")(1, "sd-button", 5);
-    i0.ɵɵlistener("click", function SdNumpadControl_Conditional_5_Template_sd_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onButtonClick("ENT")); });
+    i0.ɵɵlistener("click", function SdNumpad_Conditional_5_Template_sd_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onButtonClick("ENT")); });
     i0.ɵɵtext(2, " ENT ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -18,20 +18,20 @@ function SdNumpadControl_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("size", "lg")("theme", "primary")("disabled", ctx_r1.required() && ctx_r1.value() === undefined);
 } }
-function SdNumpadControl_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function SdNumpad_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td")(1, "sd-button", 4);
-    i0.ɵɵlistener("click", function SdNumpadControl_Conditional_8_Template_sd_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onButtonClick("Minus")); });
+    i0.ɵɵlistener("click", function SdNumpad_Conditional_8_Template_sd_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onButtonClick("Minus")); });
     i0.ɵɵtext(2, "-");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("size", "lg");
 } }
-function SdNumpadControl_For_16_For_2_Template(rf, ctx) { if (rf & 1) {
+function SdNumpad_For_16_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td")(1, "sd-button", 4);
-    i0.ɵɵlistener("click", function SdNumpadControl_For_16_For_2_Template_sd_button_click_1_listener() { const c_r5 = i0.ɵɵrestoreView(_r4).$implicit; const r_r6 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onButtonClick((r_r6 * 3 + c_r5 + 1).toString())); });
+    i0.ɵɵlistener("click", function SdNumpad_For_16_For_2_Template_sd_button_click_1_listener() { const c_r5 = i0.ɵɵrestoreView(_r4).$implicit; const r_r6 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onButtonClick((r_r6 * 3 + c_r5 + 1).toString())); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -42,15 +42,15 @@ function SdNumpadControl_For_16_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", r_r6 * 3 + c_r5 + 1, " ");
 } }
-function SdNumpadControl_For_16_Template(rf, ctx) { if (rf & 1) {
+function SdNumpad_For_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵrepeaterCreate(1, SdNumpadControl_For_16_For_2_Template, 3, 2, "td", null, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵrepeaterCreate(1, SdNumpad_For_16_For_2_Template, 3, 2, "td", null, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c1));
 } }
-export class SdNumpadControl {
+export class SdNumpad {
     text = signal(undefined, ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
     placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
     value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
@@ -104,30 +104,30 @@ export class SdNumpadControl {
     }
     tablerEraser = tablerEraser;
     tablerArrowLeft = tablerArrowLeft;
-    static ɵfac = function SdNumpadControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdNumpadControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdNumpadControl, selectors: [["sd-numpad"]], inputs: { placeholder: [1, "placeholder"], value: [1, "value"], required: [1, "required"], inputDisabled: [1, "inputDisabled"], useEnterButton: [1, "useEnterButton"], useMinusButton: [1, "useMinusButton"] }, outputs: { value: "valueChange", enterButtonClick: "enterButtonClick" }, decls: 24, vars: 20, consts: [[3, "valueChange", "type", "size", "inputClass", "placeholder", "required", "disabled", "value"], [3, "click", "size", "buttonClass"], [3, "svg"], ["colspan", "2"], [3, "click", "size"], [3, "click", "size", "theme", "disabled"]], template: function SdNumpadControl_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function SdNumpad_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdNumpad)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdNumpad, selectors: [["sd-numpad"]], inputs: { placeholder: [1, "placeholder"], value: [1, "value"], required: [1, "required"], inputDisabled: [1, "inputDisabled"], useEnterButton: [1, "useEnterButton"], useMinusButton: [1, "useMinusButton"] }, outputs: { value: "valueChange", enterButtonClick: "enterButtonClick" }, decls: 24, vars: 20, consts: [[3, "valueChange", "type", "size", "inputClass", "placeholder", "required", "disabled", "value"], [3, "click", "size", "buttonClass"], [3, "svg"], ["colspan", "2"], [3, "click", "size"], [3, "click", "size", "theme", "disabled"]], template: function SdNumpad_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "table")(1, "thead")(2, "tr")(3, "td")(4, "sd-textfield", 0);
-            i0.ɵɵtwoWayListener("valueChange", function SdNumpadControl_Template_sd_textfield_valueChange_4_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.text, $event) || (ctx.text = $event); return $event; });
+            i0.ɵɵtwoWayListener("valueChange", function SdNumpad_Template_sd_textfield_valueChange_4_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.text, $event) || (ctx.text = $event); return $event; });
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(5, SdNumpadControl_Conditional_5_Template, 3, 3, "td");
+            i0.ɵɵconditionalCreate(5, SdNumpad_Conditional_5_Template, 3, 3, "td");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(6, "tbody")(7, "tr");
-            i0.ɵɵconditionalCreate(8, SdNumpadControl_Conditional_8_Template, 3, 1, "td");
+            i0.ɵɵconditionalCreate(8, SdNumpad_Conditional_8_Template, 3, 1, "td");
             i0.ɵɵelementStart(9, "td")(10, "sd-button", 1);
-            i0.ɵɵlistener("click", function SdNumpadControl_Template_sd_button_click_10_listener() { return ctx.onButtonClick("C"); });
+            i0.ɵɵlistener("click", function SdNumpad_Template_sd_button_click_10_listener() { return ctx.onButtonClick("C"); });
             i0.ɵɵelement(11, "ng-icon", 2);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(12, "td")(13, "sd-button", 1);
-            i0.ɵɵlistener("click", function SdNumpadControl_Template_sd_button_click_13_listener() { return ctx.onButtonClick("BS"); });
+            i0.ɵɵlistener("click", function SdNumpad_Template_sd_button_click_13_listener() { return ctx.onButtonClick("BS"); });
             i0.ɵɵelement(14, "ng-icon", 2);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵrepeaterCreate(15, SdNumpadControl_For_16_Template, 3, 1, "tr", null, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵrepeaterCreate(15, SdNumpad_For_16_Template, 3, 1, "tr", null, i0.ɵɵrepeaterTrackByIdentity);
             i0.ɵɵelementStart(17, "tr")(18, "td", 3)(19, "sd-button", 4);
-            i0.ɵɵlistener("click", function SdNumpadControl_Template_sd_button_click_19_listener() { return ctx.onButtonClick("0"); });
+            i0.ɵɵlistener("click", function SdNumpad_Template_sd_button_click_19_listener() { return ctx.onButtonClick("0"); });
             i0.ɵɵtext(20, "0");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(21, "td")(22, "sd-button", 4);
-            i0.ɵɵlistener("click", function SdNumpadControl_Template_sd_button_click_22_listener() { return ctx.onButtonClick("."); });
+            i0.ɵɵlistener("click", function SdNumpad_Template_sd_button_click_22_listener() { return ctx.onButtonClick("."); });
             i0.ɵɵtext(23, ".");
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
@@ -156,11 +156,11 @@ export class SdNumpadControl {
             i0.ɵɵproperty("size", "lg");
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("size", "lg");
-        } }, dependencies: [SdTextfieldControl, SdButtonControl, NgIcon], styles: ["sd-numpad table {\n  width: 100%;\n  border-collapse: collapse;\n}\nsd-numpad table > * > tr > * {\n  border: none;\n  padding: var(--gap-xxs);\n}\nsd-numpad table > * > tr > * > sd-button {\n  border: none;\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdTextfield, SdButton, NgIcon], styles: ["sd-numpad table {\n  width: 100%;\n  border-collapse: collapse;\n}\nsd-numpad table > * > tr > * {\n  border: none;\n  padding: var(--gap-xxs);\n}\nsd-numpad table > * > tr > * > sd-button {\n  border: none;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdNumpadControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdNumpad, [{
         type: Component,
-        args: [{ selector: "sd-numpad", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdTextfieldControl, SdButtonControl, NgIcon], template: `
+        args: [{ selector: "sd-numpad", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdTextfield, SdButton, NgIcon], template: `
     <table>
       <thead>
         <tr>
@@ -238,4 +238,4 @@ export class SdNumpadControl {
     </table>
   `, styles: ["sd-numpad table {\n  width: 100%;\n  border-collapse: collapse;\n}\nsd-numpad table > * > tr > * {\n  border: none;\n  padding: var(--gap-xxs);\n}\nsd-numpad table > * > tr > * > sd-button {\n  border: none;\n}"] }]
     }], () => [], { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], inputDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputDisabled", required: false }] }], useEnterButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "useEnterButton", required: false }] }], useMinusButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "useMinusButton", required: false }] }], enterButtonClick: [{ type: i0.Output, args: ["enterButtonClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdNumpadControl, { className: "SdNumpadControl", filePath: "packages/angular/src/ui/form/input/sd-numpad.control.ts", lineNumber: 122, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdNumpad, { className: "SdNumpad", filePath: "packages/angular/src/ui/form/input/sd-numpad.ts", lineNumber: 122, forbidOrphanRendering: true }); })();

package/dist/ui/form/input/sd-range.d.ts

@@ -0,0 +1,13 @@
+import type { SdTextfieldTypes } from "./sd-textfield-type-handlers";
+import * as i0 from "@angular/core";
+export declare class SdRange<K extends keyof SdTextfieldTypes> {
+    type: import("@angular/core").InputSignal<K>;
+    from: import("@angular/core").ModelSignal<SdTextfieldTypes[K] | undefined>;
+    to: import("@angular/core").ModelSignal<SdTextfieldTypes[K] | undefined>;
+    inputStyle: import("@angular/core").InputSignal<string | undefined>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdRange<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdRange<any>, "sd-range", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "from": { "alias": "from"; "required": false; "isSignal": true; }; "to": { "alias": "to"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "from": "fromChange"; "to": "toChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=sd-range.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-range.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/input/sd-range.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;;AAErE,qBAqCa,OAAO,CAAC,CAAC,SAAS,MAAM,gBAAgB;IACnD,IAAI,yCAAuB;IAE3B,IAAI,uEAAgC;IACpC,EAAE,uEAAgC;IAElC,UAAU,0DAAmB;IAE7B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;yCAT9C,OAAO;2CAAP,OAAO;CAUnB"}

package/dist/ui/form/input/{sd-range.control.js → sd-range.js}

@@ -1,23 +1,23 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation, } from "@angular/core";
-import { SdTextfieldControl } from "./sd-textfield.control";
+import { SdTextfield } from "./sd-textfield";
 import * as i0 from "@angular/core";
-export class SdRangeControl {
+export class SdRange {
     type = input.required(...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
     from = model(...(ngDevMode ? [undefined, { debugName: "from" }] : /* istanbul ignore next */ []));
     to = model(...(ngDevMode ? [undefined, { debugName: "to" }] : /* istanbul ignore next */ []));
     inputStyle = input(...(ngDevMode ? [undefined, { debugName: "inputStyle" }] : /* istanbul ignore next */ []));
     required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    static ɵfac = function SdRangeControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdRangeControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdRangeControl, selectors: [["sd-range"]], inputs: { type: [1, "type"], from: [1, "from"], to: [1, "to"], inputStyle: [1, "inputStyle"], required: [1, "required"], disabled: [1, "disabled"] }, outputs: { from: "fromChange", to: "toChange" }, decls: 4, vars: 11, consts: [[3, "valueChange", "type", "value", "required", "disabled", "inputStyle"], [3, "valueChange", "type", "value", "min", "required", "disabled", "inputStyle"]], template: function SdRangeControl_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function SdRange_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdRange)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdRange, selectors: [["sd-range"]], inputs: { type: [1, "type"], from: [1, "from"], to: [1, "to"], inputStyle: [1, "inputStyle"], required: [1, "required"], disabled: [1, "disabled"] }, outputs: { from: "fromChange", to: "toChange" }, decls: 4, vars: 11, consts: [[3, "valueChange", "type", "value", "required", "disabled", "inputStyle"], [3, "valueChange", "type", "value", "min", "required", "disabled", "inputStyle"]], template: function SdRange_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-textfield", 0);
-            i0.ɵɵtwoWayListener("valueChange", function SdRangeControl_Template_sd_textfield_valueChange_0_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.from, $event) || (ctx.from = $event); return $event; });
+            i0.ɵɵtwoWayListener("valueChange", function SdRange_Template_sd_textfield_valueChange_0_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.from, $event) || (ctx.from = $event); return $event; });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(1, "div");
             i0.ɵɵtext(2, "~");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(3, "sd-textfield", 1);
-            i0.ɵɵtwoWayListener("valueChange", function SdRangeControl_Template_sd_textfield_valueChange_3_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.to, $event) || (ctx.to = $event); return $event; });
+            i0.ɵɵtwoWayListener("valueChange", function SdRange_Template_sd_textfield_valueChange_3_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.to, $event) || (ctx.to = $event); return $event; });
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("type", ctx.type());
@@ -27,11 +27,11 @@ export class SdRangeControl {
             i0.ɵɵproperty("type", ctx.type());
             i0.ɵɵtwoWayProperty("value", ctx.to);
             i0.ɵɵproperty("min", ctx.from())("required", ctx.required())("disabled", ctx.disabled())("inputStyle", ctx.inputStyle());
-        } }, dependencies: [SdTextfieldControl], styles: ["sd-range {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  gap: var(--gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-range {\n    gap: 0;\n  }\n  sd-range > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-range.gap-xxs {\n    gap: 0;\n  }\n  sd-range.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-range.gap-xs {\n    gap: 0;\n  }\n  sd-range.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-range.gap-sm {\n    gap: 0;\n  }\n  sd-range.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-range.gap-default {\n    gap: 0;\n  }\n  sd-range.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-range.gap-lg {\n    gap: 0;\n  }\n  sd-range.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-range.gap-xl {\n    gap: 0;\n  }\n  sd-range.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-range.gap-xxl {\n    gap: 0;\n  }\n  sd-range.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-range.gap-0 {\n    gap: 0;\n  }\n  sd-range.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-range.gap-auto {\n    gap: 0;\n  }\n  sd-range.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdTextfield], styles: ["sd-range {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  gap: var(--gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-range {\n    gap: 0;\n  }\n  sd-range > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-range.gap-xxs {\n    gap: 0;\n  }\n  sd-range.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-range.gap-xs {\n    gap: 0;\n  }\n  sd-range.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-range.gap-sm {\n    gap: 0;\n  }\n  sd-range.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-range.gap-default {\n    gap: 0;\n  }\n  sd-range.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-range.gap-lg {\n    gap: 0;\n  }\n  sd-range.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-range.gap-xl {\n    gap: 0;\n  }\n  sd-range.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-range.gap-xxl {\n    gap: 0;\n  }\n  sd-range.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-range.gap-0 {\n    gap: 0;\n  }\n  sd-range.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-range.gap-auto {\n    gap: 0;\n  }\n  sd-range.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdRangeControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdRange, [{
         type: Component,
-        args: [{ selector: "sd-range", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdTextfieldControl], template: `
+        args: [{ selector: "sd-range", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdTextfield], template: `
     <sd-textfield
       [type]="type()"
       [(value)]="from"
@@ -50,4 +50,4 @@ export class SdRangeControl {
     />
   `, styles: ["sd-range {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  gap: var(--gap-sm);\n}\n@supports not (appearance: auto) {\n  sd-range {\n    gap: 0;\n  }\n  sd-range > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-range.gap-xxs {\n    gap: 0;\n  }\n  sd-range.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-range.gap-xs {\n    gap: 0;\n  }\n  sd-range.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-range.gap-sm {\n    gap: 0;\n  }\n  sd-range.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-range.gap-default {\n    gap: 0;\n  }\n  sd-range.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-range.gap-lg {\n    gap: 0;\n  }\n  sd-range.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-range.gap-xl {\n    gap: 0;\n  }\n  sd-range.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-range.gap-xxl {\n    gap: 0;\n  }\n  sd-range.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-range.gap-0 {\n    gap: 0;\n  }\n  sd-range.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-range.gap-auto {\n    gap: 0;\n  }\n  sd-range.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}"] }]
     }], null, { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], from: [{ type: i0.Input, args: [{ isSignal: true, alias: "from", required: false }] }, { type: i0.Output, args: ["fromChange"] }], to: [{ type: i0.Input, args: [{ isSignal: true, alias: "to", required: false }] }, { type: i0.Output, args: ["toChange"] }], inputStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputStyle", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdRangeControl, { className: "SdRangeControl", filePath: "packages/angular/src/ui/form/input/sd-range.control.ts", lineNumber: 49, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdRange, { className: "SdRange", filePath: "packages/angular/src/ui/form/input/sd-range.ts", lineNumber: 49, forbidOrphanRendering: true }); })();

package/dist/ui/form/input/sd-textarea.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+export declare class SdTextarea {
+    value: import("@angular/core").ModelSignal<string | undefined>;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    title: import("@angular/core").InputSignal<string | undefined>;
+    minRows: import("@angular/core").InputSignal<number>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
+    validatorFn: import("@angular/core").InputSignal<((value: string | undefined) => string | undefined) | undefined>;
+    theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray" | undefined>;
+    inputStyle: import("@angular/core").InputSignal<string | undefined>;
+    inputClass: import("@angular/core").InputSignal<string | undefined>;
+    currRows: import("@angular/core").Signal<number>;
+    constructor();
+    onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTextarea, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTextarea, "sd-textarea", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "minRows": { "alias": "minRows"; "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; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "validatorFn": { "alias": "validatorFn"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=sd-textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-textarea.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/input/sd-textarea.ts"],"names":[],"mappings":";AAWA,qBAmKa,UAAU;IACrB,KAAK,0DAAmB;IAExB,WAAW,0DAAmB;IAC9B,KAAK,0DAAmB;IACxB,OAAO,8CAAoB;IAC3B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,WAAW,+CAAiB,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACzE,KAAK,8IAED;IACJ,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAE7B,QAAQ,yCAAmF;;IAsB3F,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAzChB,UAAU;2CAAV,UAAU;CA8CtB"}

package/dist/ui/form/input/{sd-textarea.control.js → sd-textarea.js}

@@ -1,7 +1,7 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation, } from "@angular/core";
 import { setupInvalid } from "../../../core/utils/setups/setupInvalid";
 import * as i0 from "@angular/core";
-function SdTextareaControl_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SdTextarea_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "pre");
     i0.ɵɵtext(1);
     i0.ɵɵdomElementEnd();
@@ -10,7 +10,7 @@ function SdTextareaControl_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", ctx_r0.value(), " ");
 } }
-function SdTextareaControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SdTextarea_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span", 0);
     i0.ɵɵtext(1);
     i0.ɵɵdomElementEnd();
@@ -19,15 +19,15 @@ function SdTextareaControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.placeholder());
 } }
-function SdTextareaControl_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SdTextarea_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span");
     i0.ɵɵtext(1, "\u00A0");
     i0.ɵɵdomElementEnd();
 } }
-function SdTextareaControl_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SdTextarea_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵdomElementStart(0, "textarea", 2);
-    i0.ɵɵdomListener("input", function SdTextareaControl_Conditional_4_Template_textarea_input_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onInput($event)); });
+    i0.ɵɵdomListener("input", function SdTextarea_Conditional_4_Template_textarea_input_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onInput($event)); });
     i0.ɵɵdomElementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -36,7 +36,7 @@ function SdTextareaControl_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomProperty("value", ctx_r0.value() ?? "");
     i0.ɵɵattribute("placeholder", ctx_r0.placeholder())("title", ctx_r0.title() ?? ctx_r0.placeholder())("rows", ctx_r0.currRows());
 } }
-export class SdTextareaControl {
+export class SdTextarea {
     value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
     title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
@@ -73,14 +73,14 @@ export class SdTextareaControl {
         const inputEl = event.target;
         this.value.set(inputEl.value === "" ? undefined : inputEl.value);
     }
-    static ɵfac = function SdTextareaControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTextareaControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTextareaControl, selectors: [["sd-textarea"]], hostVars: 6, hostBindings: function SdTextareaControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdTextarea_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTextarea)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTextarea, selectors: [["sd-textarea"]], hostVars: 6, hostBindings: function SdTextarea_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("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"], placeholder: [1, "placeholder"], title: [1, "title"], minRows: [1, "minRows"], disabled: [1, "disabled"], readonly: [1, "readonly"], required: [1, "required"], inline: [1, "inline"], inset: [1, "inset"], size: [1, "size"], validatorFn: [1, "validatorFn"], theme: [1, "theme"], inputStyle: [1, "inputStyle"], inputClass: [1, "inputClass"] }, outputs: { value: "valueChange" }, decls: 5, vars: 9, consts: [[1, "tx-trans-lighter"], [3, "value", "style", "class"], [3, "input", "value"]], template: function SdTextareaControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { value: [1, "value"], placeholder: [1, "placeholder"], title: [1, "title"], minRows: [1, "minRows"], disabled: [1, "disabled"], readonly: [1, "readonly"], required: [1, "required"], inline: [1, "inline"], inset: [1, "inset"], size: [1, "size"], validatorFn: [1, "validatorFn"], theme: [1, "theme"], inputStyle: [1, "inputStyle"], inputClass: [1, "inputClass"] }, outputs: { value: "valueChange" }, decls: 5, vars: 9, consts: [[1, "tx-trans-lighter"], [3, "value", "style", "class"], [3, "input", "value"]], template: function SdTextarea_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElementStart(0, "div");
-            i0.ɵɵconditionalCreate(1, SdTextareaControl_Conditional_1_Template, 2, 1, "pre")(2, SdTextareaControl_Conditional_2_Template, 2, 1, "span", 0)(3, SdTextareaControl_Conditional_3_Template, 2, 0, "span");
+            i0.ɵɵconditionalCreate(1, SdTextarea_Conditional_1_Template, 2, 1, "pre")(2, SdTextarea_Conditional_2_Template, 2, 1, "span", 0)(3, SdTextarea_Conditional_3_Template, 2, 0, "span");
             i0.ɵɵdomElementEnd();
-            i0.ɵɵconditionalCreate(4, SdTextareaControl_Conditional_4_Template, 1, 8, "textarea", 1);
+            i0.ɵɵconditionalCreate(4, SdTextarea_Conditional_4_Template, 1, 8, "textarea", 1);
         } if (rf & 2) {
             i0.ɵɵstyleMap(ctx.inputStyle());
             i0.ɵɵclassMap(ctx.inputClass() ? "_contents " + ctx.inputClass() : "_contents");
@@ -92,7 +92,7 @@ export class SdTextareaControl {
             i0.ɵɵconditional(!ctx.readonly() && !ctx.disabled() ? 4 : -1);
         } }, styles: ["sd-textarea {\n  display: block;\n  position: relative;\n}\nsd-textarea > textarea,\nsd-textarea > ._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  resize: none;\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-textarea > textarea:focus,\nsd-textarea > ._contents:focus {\n  outline: none;\n  border-color: var(--theme-primary-default);\n}\nsd-textarea > textarea::-webkit-scrollbar,\nsd-textarea > ._contents::-webkit-scrollbar {\n  display: none;\n}\nsd-textarea > textarea::-webkit-input-placeholder,\nsd-textarea > ._contents::-webkit-input-placeholder {\n  color: var(--text-trans-lighter);\n}\nsd-textarea:not([data-sd-inset=true]):not([data-sd-disabled=true]) > ._contents {\n  height: 0;\n  max-height: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\nsd-textarea[data-sd-theme=gray] > textarea,\nsd-textarea[data-sd-theme=gray] > ._contents {\n  background: var(--theme-gray-lightest);\n}\nsd-textarea[data-sd-theme=blue-gray] > textarea,\nsd-textarea[data-sd-theme=blue-gray] > ._contents {\n  background: var(--theme-blue-gray-lightest);\n}\nsd-textarea[data-sd-theme=primary] > textarea,\nsd-textarea[data-sd-theme=primary] > ._contents {\n  background: var(--theme-primary-lightest);\n}\nsd-textarea[data-sd-theme=secondary] > textarea,\nsd-textarea[data-sd-theme=secondary] > ._contents {\n  background: var(--theme-secondary-lightest);\n}\nsd-textarea[data-sd-theme=info] > textarea,\nsd-textarea[data-sd-theme=info] > ._contents {\n  background: var(--theme-info-lightest);\n}\nsd-textarea[data-sd-theme=success] > textarea,\nsd-textarea[data-sd-theme=success] > ._contents {\n  background: var(--theme-success-lightest);\n}\nsd-textarea[data-sd-theme=warning] > textarea,\nsd-textarea[data-sd-theme=warning] > ._contents {\n  background: var(--theme-warning-lightest);\n}\nsd-textarea[data-sd-theme=danger] > textarea,\nsd-textarea[data-sd-theme=danger] > ._contents {\n  background: var(--theme-danger-lightest);\n}\nsd-textarea[data-sd-size=sm] > textarea,\nsd-textarea[data-sd-size=sm] > ._contents {\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-textarea[data-sd-size=lg] > textarea,\nsd-textarea[data-sd-size=lg] > ._contents {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-textarea[data-sd-inline=true] {\n  display: inline-block;\n  vertical-align: top;\n}\nsd-textarea[data-sd-inline=true] > textarea,\nsd-textarea[data-sd-inline=true] > ._contents {\n  width: auto;\n  vertical-align: top;\n}\nsd-textarea[data-sd-inset=true] > ._contents {\n  display: block;\n}\nsd-textarea[data-sd-inset=true] > textarea {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\nsd-textarea[data-sd-inset=true] > textarea,\nsd-textarea[data-sd-inset=true] > ._contents {\n  width: 100%;\n  border: none;\n  border-radius: 0;\n}\nsd-textarea[data-sd-inset=true] > textarea:focus {\n  outline: 1px solid var(--theme-primary-default);\n  outline-offset: -1px;\n}\nsd-textarea[data-sd-disabled=true] > ._contents {\n  display: block;\n  background: var(--theme-gray-lightest);\n  color: var(--text-trans-light);\n}\nsd-textarea[data-sd-disabled=true][data-sd-inset=true] > ._contents {\n  background: var(--control-color);\n  color: var(--text-trans-default);\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTextareaControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTextarea, [{
         type: Component,
         args: [{ selector: "sd-textarea", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
     <div
@@ -129,4 +129,4 @@ export class SdTextareaControl {
                     "[attr.data-sd-theme]": "theme()",
                 }, styles: ["sd-textarea {\n  display: block;\n  position: relative;\n}\nsd-textarea > textarea,\nsd-textarea > ._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  resize: none;\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-textarea > textarea:focus,\nsd-textarea > ._contents:focus {\n  outline: none;\n  border-color: var(--theme-primary-default);\n}\nsd-textarea > textarea::-webkit-scrollbar,\nsd-textarea > ._contents::-webkit-scrollbar {\n  display: none;\n}\nsd-textarea > textarea::-webkit-input-placeholder,\nsd-textarea > ._contents::-webkit-input-placeholder {\n  color: var(--text-trans-lighter);\n}\nsd-textarea:not([data-sd-inset=true]):not([data-sd-disabled=true]) > ._contents {\n  height: 0;\n  max-height: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\nsd-textarea[data-sd-theme=gray] > textarea,\nsd-textarea[data-sd-theme=gray] > ._contents {\n  background: var(--theme-gray-lightest);\n}\nsd-textarea[data-sd-theme=blue-gray] > textarea,\nsd-textarea[data-sd-theme=blue-gray] > ._contents {\n  background: var(--theme-blue-gray-lightest);\n}\nsd-textarea[data-sd-theme=primary] > textarea,\nsd-textarea[data-sd-theme=primary] > ._contents {\n  background: var(--theme-primary-lightest);\n}\nsd-textarea[data-sd-theme=secondary] > textarea,\nsd-textarea[data-sd-theme=secondary] > ._contents {\n  background: var(--theme-secondary-lightest);\n}\nsd-textarea[data-sd-theme=info] > textarea,\nsd-textarea[data-sd-theme=info] > ._contents {\n  background: var(--theme-info-lightest);\n}\nsd-textarea[data-sd-theme=success] > textarea,\nsd-textarea[data-sd-theme=success] > ._contents {\n  background: var(--theme-success-lightest);\n}\nsd-textarea[data-sd-theme=warning] > textarea,\nsd-textarea[data-sd-theme=warning] > ._contents {\n  background: var(--theme-warning-lightest);\n}\nsd-textarea[data-sd-theme=danger] > textarea,\nsd-textarea[data-sd-theme=danger] > ._contents {\n  background: var(--theme-danger-lightest);\n}\nsd-textarea[data-sd-size=sm] > textarea,\nsd-textarea[data-sd-size=sm] > ._contents {\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-textarea[data-sd-size=lg] > textarea,\nsd-textarea[data-sd-size=lg] > ._contents {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-textarea[data-sd-inline=true] {\n  display: inline-block;\n  vertical-align: top;\n}\nsd-textarea[data-sd-inline=true] > textarea,\nsd-textarea[data-sd-inline=true] > ._contents {\n  width: auto;\n  vertical-align: top;\n}\nsd-textarea[data-sd-inset=true] > ._contents {\n  display: block;\n}\nsd-textarea[data-sd-inset=true] > textarea {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\nsd-textarea[data-sd-inset=true] > textarea,\nsd-textarea[data-sd-inset=true] > ._contents {\n  width: 100%;\n  border: none;\n  border-radius: 0;\n}\nsd-textarea[data-sd-inset=true] > textarea:focus {\n  outline: 1px solid var(--theme-primary-default);\n  outline-offset: -1px;\n}\nsd-textarea[data-sd-disabled=true] > ._contents {\n  display: block;\n  background: var(--theme-gray-lightest);\n  color: var(--text-trans-light);\n}\nsd-textarea[data-sd-disabled=true][data-sd-inset=true] > ._contents {\n  background: var(--control-color);\n  color: var(--text-trans-default);\n}"] }]
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], minRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "minRows", 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 }] }], 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 }] }], validatorFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "validatorFn", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], inputStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputStyle", required: false }] }], inputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClass", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTextareaControl, { className: "SdTextareaControl", filePath: "packages/angular/src/ui/form/input/sd-textarea.control.ts", lineNumber: 175, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTextarea, { className: "SdTextarea", filePath: "packages/angular/src/ui/form/input/sd-textarea.ts", lineNumber: 175, forbidOrphanRendering: true }); })();

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

@@ -1,5 +1,5 @@
 import { DateOnly, DateTime, Time } from "@simplysm/core-common";
-export type TSdTextfieldTypes = {
+export type SdTextfieldTypes = {
     "number": number;
     "text": string;
     "password": string;
@@ -14,18 +14,18 @@ export type TSdTextfieldTypes = {
     "time": Time;
     "time-sec": Time;
 };
-export declare const sdTextfieldTypes: (keyof TSdTextfieldTypes)[];
-export interface ITextfieldParseOpts {
+export declare const sdTextfieldTypes: (keyof SdTextfieldTypes)[];
+export interface TextfieldParseOpts {
     format?: string;
 }
-export interface ITextfieldFormatOpts {
+export interface TextfieldFormatOpts {
     useNumberComma?: boolean;
     format?: string;
 }
-export interface ITextfieldDisplayOpts {
+export interface TextfieldDisplayOpts {
     minDigits?: number;
 }
-export interface ITextfieldValidateOpts {
+export interface TextfieldValidateOpts {
     required?: boolean;
     min?: unknown;
     max?: unknown;
@@ -34,13 +34,13 @@ export interface ITextfieldValidateOpts {
     pattern?: string;
     format?: string;
 }
-export interface ITextfieldTypeHandler {
+export interface TextfieldTypeHandler {
     readonly controlType: string;
     getControlStep(explicitStep: number | undefined): number | string;
-    parse(raw: string, opts: ITextfieldParseOpts): unknown;
-    toControlValue(value: unknown, opts: ITextfieldFormatOpts): string;
-    toDisplayText(value: unknown, opts: ITextfieldDisplayOpts): string | undefined;
-    validate(value: unknown, opts: ITextfieldValidateOpts): string[];
+    parse(raw: string, opts: TextfieldParseOpts): unknown;
+    toControlValue(value: unknown, opts: TextfieldFormatOpts): string;
+    toDisplayText(value: unknown, opts: TextfieldDisplayOpts): string | undefined;
+    validate(value: unknown, opts: TextfieldValidateOpts): string[];
 }
-export declare const textfieldTypeHandlers: Record<keyof TSdTextfieldTypes, ITextfieldTypeHandler>;
+export declare const textfieldTypeHandlers: Record<keyof SdTextfieldTypes, TextfieldTypeHandler>;
 //# sourceMappingURL=sd-textfield-type-handlers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-textfield-type-handlers.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/input/sd-textfield-type-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,QAAQ,EAER,IAAI,EACL,MAAM,uBAAuB,CAAC;AAI/B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,QAAQ,CAAC;IACjB,OAAO,EAAE,QAAQ,CAAC;IAClB,MAAM,EAAE,QAAQ,CAAC;IACjB,UAAU,EAAE,QAAQ,CAAC;IACrB,cAAc,EAAE,QAAQ,CAAC;IACzB,MAAM,EAAE,IAAI,CAAC;IACb,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,CAAC,MAAM,iBAAiB,CAAC,EAcvD,CAAC;AAMF,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClE,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,mBAAmB,GAAG,OAAO,CAAC;IACvD,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACnE,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,qBAAqB,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/E,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,sBAAsB,GAAG,MAAM,EAAE,CAAC;CAClE;AAqXD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,iBAAiB,EAAE,qBAAqB,CAcxF,CAAC"}
+{"version":3,"file":"sd-textfield-type-handlers.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/input/sd-textfield-type-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,QAAQ,EAER,IAAI,EACL,MAAM,uBAAuB,CAAC;AAI/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,QAAQ,CAAC;IACjB,OAAO,EAAE,QAAQ,CAAC;IAClB,MAAM,EAAE,QAAQ,CAAC;IACjB,UAAU,EAAE,QAAQ,CAAC;IACrB,cAAc,EAAE,QAAQ,CAAC;IACzB,MAAM,EAAE,IAAI,CAAC;IACb,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,CAAC,MAAM,gBAAgB,CAAC,EActD,CAAC;AAMF,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClE,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,GAAG,OAAO,CAAC;IACtD,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,mBAAmB,GAAG,MAAM,CAAC;IAClE,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,GAAG,MAAM,GAAG,SAAS,CAAC;IAC9E,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,qBAAqB,GAAG,MAAM,EAAE,CAAC;CACjE;AAqXD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,gBAAgB,EAAE,oBAAoB,CActF,CAAC"}

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

@@ -0,0 +1,39 @@
+import { type SdTextfieldTypes } from "./sd-textfield-type-handlers";
+import * as i0 from "@angular/core";
+export declare class SdTextfield<K extends keyof SdTextfieldTypes> {
+    value: import("@angular/core").ModelSignal<SdTextfieldTypes[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<SdTextfieldTypes[K] | undefined>;
+    max: import("@angular/core").InputSignal<SdTextfieldTypes[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: SdTextfieldTypes[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<SdTextfield<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTextfield<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.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-textfield.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/input/sd-textfield.ts"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,8BAA8B,CAAC;;AAEtC,qBA8Qa,WAAW,CAAC,CAAC,SAAS,MAAM,gBAAgB;IACvD,KAAK,uEAAgC;IAErC,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,uEAAgC;IACnC,GAAG,uEAAgC;IACnC,SAAS,0DAAmB;IAC5B,SAAS,0DAAmB;IAC5B,OAAO,0DAAmB;IAC1B,WAAW,+CAAiB,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACtF,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,WAAW;2CAAX,WAAW;CA8GvB"}