@simplysm/angular 14.0.1 → 14.0.4

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

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export declare class SdNumpadControl {
+    text: import("@angular/core").WritableSignal<string | undefined>;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    value: import("@angular/core").ModelSignal<number | undefined>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    inputDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    useEnterButton: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    useMinusButton: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    enterButtonClick: import("@angular/core").OutputEmitterRef<void>;
+    constructor();
+    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>;
+}
+//# sourceMappingURL=sd-numpad.control.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-numpad.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-numpad.control.ts"],"names":[],"mappings":";AAkBA,qBAuGa,eAAe;IAC1B,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,eAAe;2CAAf,eAAe;CAwD3B"}

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

@@ -0,0 +1,241 @@
+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 { 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) {
+    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.ɵɵtext(2, " ENT ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    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) {
+    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.ɵɵ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) {
+    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.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const c_r5 = ctx.$implicit;
+    const r_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("size", "lg");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", r_r6 * 3 + c_r5 + 1, " ");
+} }
+function SdNumpadControl_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.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c1));
+} }
+export class SdNumpadControl {
+    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 */ []));
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    inputDisabled = input(false, { ...(ngDevMode ? { debugName: "inputDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    useEnterButton = input(false, { ...(ngDevMode ? { debugName: "useEnterButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    useMinusButton = input(false, { ...(ngDevMode ? { debugName: "useMinusButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    enterButtonClick = output();
+    constructor() {
+        effect(() => {
+            const text = this.text();
+            const newValue = num.parseFloat(text);
+            if (newValue !== untracked(() => this.value())) {
+                this.value.set(newValue);
+            }
+        });
+        effect(() => {
+            const value = this.value();
+            const prevValue = num.parseFloat(untracked(() => this.text()));
+            if (prevValue !== value) {
+                this.text.set(value?.toString());
+            }
+        });
+    }
+    onButtonClick(key) {
+        if (key === "C") {
+            this.text.set(undefined);
+        }
+        else if (key === "BS") {
+            this.text.update((v) => {
+                const sliced = v?.slice(0, -1);
+                return str.isNullOrEmpty(sliced) ? undefined : sliced;
+            });
+        }
+        else if (key === "ENT") {
+            this.enterButtonClick.emit();
+        }
+        else if (key === "Minus") {
+            this.text.update((v) => {
+                if (v != null && v[0] === "-") {
+                    return v.slice(1);
+                }
+                else {
+                    return "-" + (v ?? "");
+                }
+            });
+        }
+        else {
+            this.text.update((v) => (v ?? "") + key);
+        }
+    }
+    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) {
+            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.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(5, SdNumpadControl_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.ɵɵelementStart(9, "td")(10, "sd-button", 1);
+            i0.ɵɵlistener("click", function SdNumpadControl_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.ɵɵelement(14, "ng-icon", 2);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵrepeaterCreate(15, SdNumpadControl_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.ɵɵ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.ɵɵtext(23, ".");
+            i0.ɵɵelementEnd()()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵattribute("colspan", ctx.useEnterButton() ? 2 : 3);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("type", "text")("size", "lg")("inputClass", "tx-right")("placeholder", ctx.placeholder())("required", ctx.required())("disabled", ctx.inputDisabled());
+            i0.ɵɵtwoWayProperty("value", ctx.text);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.useEnterButton() ? 5 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.useMinusButton() ? 8 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵattribute("colspan", ctx.useMinusButton() ? 1 : 2);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("size", "lg")("buttonClass", "tx-theme-danger-default");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("svg", ctx.tablerEraser);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("size", "lg")("buttonClass", "tx-theme-warning-default");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("svg", ctx.tablerArrowLeft);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(i0.ɵɵpureFunction0(19, _c0));
+            i0.ɵɵadvance(4);
+            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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdNumpadControl, [{
+        type: Component,
+        args: [{ selector: "sd-numpad", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdTextfieldControl, SdButtonControl, NgIcon], template: `
+    <table>
+      <thead>
+        <tr>
+          <td [attr.colspan]="useEnterButton() ? 2 : 3">
+            <sd-textfield
+              [type]="'text'"
+              [size]="'lg'"
+              [inputClass]="'tx-right'"
+              [placeholder]="placeholder()"
+              [required]="required()"
+              [disabled]="inputDisabled()"
+              [(value)]="text"
+            />
+          </td>
+          @if (useEnterButton()) {
+            <td>
+              <sd-button
+                [size]="'lg'"
+                [theme]="'primary'"
+                [disabled]="required() && value() === undefined"
+                (click)="onButtonClick('ENT')"
+              >
+                ENT
+              </sd-button>
+            </td>
+          }
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          @if (useMinusButton()) {
+            <td>
+              <sd-button [size]="'lg'" (click)="onButtonClick('Minus')">-</sd-button>
+            </td>
+          }
+          <td [attr.colspan]="useMinusButton() ? 1 : 2">
+            <sd-button
+              [size]="'lg'"
+              [buttonClass]="'tx-theme-danger-default'"
+              (click)="onButtonClick('C')"
+            >
+              <ng-icon [svg]="tablerEraser" />
+            </sd-button>
+          </td>
+          <td>
+            <sd-button
+              [size]="'lg'"
+              [buttonClass]="'tx-theme-warning-default'"
+              (click)="onButtonClick('BS')"
+            >
+              <ng-icon [svg]="tablerArrowLeft" />
+            </sd-button>
+          </td>
+        </tr>
+        @for (r of [2, 1, 0]; track r) {
+          <tr>
+            @for (c of [0, 1, 2]; track $index) {
+              <td>
+                <sd-button [size]="'lg'" (click)="onButtonClick((r * 3 + c + 1).toString())">
+                  {{ r * 3 + c + 1 }}
+                </sd-button>
+              </td>
+            }
+          </tr>
+        }
+        <tr>
+          <td colspan="2">
+            <sd-button [size]="'lg'" (click)="onButtonClick('0')">0</sd-button>
+          </td>
+          <td>
+            <sd-button [size]="'lg'" (click)="onButtonClick('.')">.</sd-button>
+          </td>
+        </tr>
+      </tbody>
+    </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 }); })();

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-range.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-range.control.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;;AAEtE,qBAqCa,cAAc,CAAC,CAAC,SAAS,MAAM,iBAAiB;IAC3D,IAAI,yCAAuB;IAE3B,IAAI,wEAAiC;IACrC,EAAE,wEAAiC;IAEnC,UAAU,0DAAmB;IAE7B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;yCAT9C,cAAc;2CAAd,cAAc;CAU1B"}

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

@@ -0,0 +1,53 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation, } from "@angular/core";
+import { SdTextfieldControl } from "./sd-textfield.control";
+import * as i0 from "@angular/core";
+export class SdRangeControl {
+    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) {
+            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.ɵɵ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.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("type", ctx.type());
+            i0.ɵɵtwoWayProperty("value", ctx.from);
+            i0.ɵɵproperty("required", ctx.required())("disabled", ctx.disabled())("inputStyle", ctx.inputStyle());
+            i0.ɵɵadvance(3);
+            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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdRangeControl, [{
+        type: Component,
+        args: [{ selector: "sd-range", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdTextfieldControl], template: `
+    <sd-textfield
+      [type]="type()"
+      [(value)]="from"
+      [required]="required()"
+      [disabled]="disabled()"
+      [inputStyle]="inputStyle()"
+    />
+    <div>~</div>
+    <sd-textfield
+      [type]="type()"
+      [(value)]="to"
+      [min]="from()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [inputStyle]="inputStyle()"
+    />
+  `, 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 }); })();

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

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+export declare class SdTextareaControl {
+    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<SdTextareaControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTextareaControl, "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.control.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-textarea.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-textarea.control.ts"],"names":[],"mappings":";AAWA,qBAmKa,iBAAiB;IAC5B,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,iBAAiB;2CAAjB,iBAAiB;CA8C7B"}

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

@@ -0,0 +1,132 @@
+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) {
+    i0.ɵɵdomElementStart(0, "pre");
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r0.value(), " ");
+} }
+function SdTextareaControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 0);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.placeholder());
+} }
+function SdTextareaControl_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) {
+    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.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵstyleMap(ctx_r0.inputStyle());
+    i0.ɵɵclassMap(ctx_r0.inputClass());
+    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 {
+    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 */ []));
+    minRows = input(1, ...(ngDevMode ? [{ debugName: "minRows" }] : /* 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 });
+    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 */ []));
+    validatorFn = input(...(ngDevMode ? [undefined, { debugName: "validatorFn" }] : /* istanbul ignore next */ []));
+    theme = input(...(ngDevMode ? [undefined, { debugName: "theme" }] : /* istanbul ignore next */ []));
+    inputStyle = input(...(ngDevMode ? [undefined, { debugName: "inputStyle" }] : /* istanbul ignore next */ []));
+    inputClass = input(...(ngDevMode ? [undefined, { debugName: "inputClass" }] : /* istanbul ignore next */ []));
+    currRows = computed(() => Math.max(this.minRows(), this.value()?.split("\n").length ?? 1), ...(ngDevMode ? [{ debugName: "currRows" }] : /* istanbul ignore next */ []));
+    constructor() {
+        setupInvalid(() => {
+            const errorMessages = [];
+            if (this.value() == null) {
+                if (this.required()) {
+                    errorMessages.push("값을 입력하세요.");
+                }
+            }
+            if (this.validatorFn()) {
+                const message = this.validatorFn()(this.value());
+                if (message !== undefined) {
+                    errorMessages.push(message);
+                }
+            }
+            return errorMessages.join("\r\n");
+        });
+    }
+    onInput(event) {
+        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) {
+            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) {
+            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.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(4, SdTextareaControl_Conditional_4_Template, 1, 8, "textarea", 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.value() ? 1 : ctx.placeholder() ? 2 : 3);
+            i0.ɵɵadvance(3);
+            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, [{
+        type: Component,
+        args: [{ selector: "sd-textarea", 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 (value()) {
+        <pre>{{ value() }} </pre>
+      } @else if (placeholder()) {
+        <span class="tx-trans-lighter">{{ placeholder() }}</span>
+      } @else {
+        <span>&nbsp;</span>
+      }
+    </div>
+    @if (!readonly() && !disabled()) {
+      <textarea
+        [value]="value() ?? ''"
+        [attr.placeholder]="placeholder()"
+        [attr.title]="title() ?? placeholder()"
+        [attr.rows]="currRows()"
+        (input)="onInput($event)"
+        [style]="inputStyle()"
+        [class]="inputClass()"
+      ></textarea>
+    }
+  `, host: {
+                    "[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-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 }); })();

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

@@ -0,0 +1,46 @@
+import { DateOnly, DateTime, Time } from "@simplysm/core-common";
+export type TSdTextfieldTypes = {
+    "number": number;
+    "text": string;
+    "password": string;
+    "color": string;
+    "email": string;
+    "format": string;
+    "date": DateOnly;
+    "month": DateOnly;
+    "year": DateOnly;
+    "datetime": DateTime;
+    "datetime-sec": DateTime;
+    "time": Time;
+    "time-sec": Time;
+};
+export declare const sdTextfieldTypes: (keyof TSdTextfieldTypes)[];
+export interface ITextfieldParseOpts {
+    format?: string;
+}
+export interface ITextfieldFormatOpts {
+    useNumberComma?: boolean;
+    format?: string;
+}
+export interface ITextfieldDisplayOpts {
+    minDigits?: number;
+}
+export interface ITextfieldValidateOpts {
+    required?: boolean;
+    min?: unknown;
+    max?: unknown;
+    minlength?: number;
+    maxlength?: number;
+    pattern?: string;
+    format?: string;
+}
+export interface ITextfieldTypeHandler {
+    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[];
+}
+export declare const textfieldTypeHandlers: Record<keyof TSdTextfieldTypes, ITextfieldTypeHandler>;
+//# sourceMappingURL=sd-textfield-type-handlers.d.ts.map

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

@@ -0,0 +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;AAiWD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,iBAAiB,EAAE,qBAAqB,CAcxF,CAAC"}