@tedi-design-system/angular 6.2.0-rc.12 → 6.2.0-rc.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/angular",
-  "version": "6.2.0-rc.12",
+  "version": "6.2.0-rc.13",
   "type": "module",
   "main": "community.mjs",
   "module": "fesm2022/tedi-design-system-angular.mjs",

package/tedi/components/form/form-field/form-field-control.d.ts

@@ -0,0 +1,31 @@
+import { InjectionToken, Signal } from "@angular/core";
+/**
+ * Interface implemented by controls that can be used inside `tedi-form-field`.
+ * Allows the form field container to interact with the underlying control.
+ */
+export interface FormFieldControl<T = unknown> {
+    /**
+     * Current value of the control.
+     */
+    value: Signal<T>;
+    /**
+     * Whether the control is disabled.
+     */
+    disabled: Signal<boolean>;
+    /**
+     * Whether the control is currently in an invalid state.
+     * Usually derived from Angular form validation state.
+     */
+    invalid: Signal<boolean>;
+    /**
+     * Optional method used by the form field clear button.
+     * If implemented, the form field can trigger clearing the value.
+     */
+    clearField?(): void;
+}
+/**
+ * Injection token used by `tedi-form-field` to obtain
+ * the associated control instance.
+ */
+export declare const TEDI_FORM_FIELD_CONTROL: InjectionToken<FormFieldControl<unknown>>;
+//# sourceMappingURL=form-field-control.d.ts.map

package/tedi/components/form/form-field/form-field-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-control.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/form-field/form-field-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1B;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,IAAI,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,2CAEnC,CAAC"}

package/tedi/components/form/form-field/form-field.component.d.ts

@@ -0,0 +1,57 @@
+import { FormFieldControl } from "./form-field-control";
+import { IconColor, IconSize, IconType, IconVariant } from "../../../components/base/icon/icon.component";
+import { FeedbackTextComponent } from "../feedback-text/feedback-text.component";
+import * as i0 from "@angular/core";
+export type InputSize = "small" | "large" | "default";
+export type InputState = "valid" | "error" | "default";
+type ValidationState = "invalid" | "valid" | "neutral";
+export interface FormFieldIcon {
+    name: string;
+    size?: IconSize;
+    color?: IconColor;
+    type?: IconType;
+    variant?: IconVariant;
+}
+export declare class FormFieldComponent {
+    /**
+     * The size of the form field.
+     * @default "default"
+     */
+    size: import("@angular/core").InputSignal<InputSize>;
+    /**
+     * Icon name or configuration object.
+     */
+    icon: import("@angular/core").InputSignal<string | FormFieldIcon | undefined>;
+    /**
+     * Whether the form field includes a clear button.
+     * @default false
+     */
+    clearable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Custom CSS classes for the input.
+     */
+    inputClass: import("@angular/core").InputSignal<string | null>;
+    control?: FormFieldControl;
+    feedback?: FeedbackTextComponent;
+    readonly resolvedIcon: import("@angular/core").Signal<FormFieldIcon | undefined>;
+    readonly validationState: import("@angular/core").Signal<ValidationState>;
+    showClearButton: import("@angular/core").Signal<boolean>;
+    readonly isDisabled: import("@angular/core").Signal<boolean>;
+    readonly hostClasses: import("@angular/core").Signal<{
+        "tedi-form-field": boolean;
+        "tedi-form-field--valid": boolean;
+        "tedi-form-field--invalid": boolean;
+        "tedi-form-field--disabled": boolean | undefined;
+        "tedi-form-field--small": boolean;
+        "tedi-form-field--large": boolean;
+        "tedi-form-field--with-icon": boolean;
+    }>;
+    readonly inputClasses: import("@angular/core").Signal<{
+        "tedi-form-field__input": boolean;
+    }>;
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "tedi-form-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, {}, ["control", "feedback"], ["label[tedi-label]", "input[tedi-text-field]", "tedi-feedback-text"], true, never>;
+}
+export {};
+//# sourceMappingURL=form-field.component.d.ts.map

package/tedi/components/form/form-field/form-field.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/form-field/form-field.component.ts"],"names":[],"mappings":"AASA,OAAO,EACL,gBAAgB,EAEjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,SAAS,EAET,QAAQ,EACR,QAAQ,EACR,WAAW,EACZ,MAAM,8CAA8C,CAAC;AAItD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;;AAEjF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AACvD,KAAK,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,qBAkBa,kBAAkB;IAC7B;;;OAGG;IACH,IAAI,iDAA+B;IACnC;;OAEG;IACH,IAAI,0EAA+C;IACnD;;;OAGG;IACH,SAAS,+CAAyB;IAClC;;OAEG;IACH,UAAU,qDAA8B;IAGxC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAG3B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IAEjC,QAAQ,CAAC,YAAY,4DAKlB;IAEH,QAAQ,CAAC,eAAe,kDAQrB;IAEH,eAAe,0CAGZ;IAEH,QAAQ,CAAC,UAAU,0CAAqD;IAExE,QAAQ,CAAC,WAAW;;;;;;;;OAUjB;IAEH,QAAQ,CAAC,YAAY;;OAOlB;IAEH,KAAK;yCAvEM,kBAAkB;2CAAlB,kBAAkB;CA0E9B"}

package/tedi/components/form/index.d.ts

@@ -4,4 +4,6 @@ export * from "./feedback-text/feedback-text.component";
 export * from "./label/label.component";
 export * from "./number-field/number-field.component";
 export * from "./toggle/toggle.component";
+export * from "./form-field/form-field.component";
+export * from "./text-field/text-field.component";
 //# sourceMappingURL=index.d.ts.map

package/tedi/components/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../tedi/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yBAAyB,CAAC;AACxC,cAAc,uCAAuC,CAAC;AACtD,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../tedi/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yBAAyB,CAAC;AACxC,cAAc,uCAAuC,CAAC;AACtD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC"}

package/tedi/components/form/text-field/text-field.component.d.ts

@@ -0,0 +1,38 @@
+import { ElementRef } from "@angular/core";
+import { ControlValueAccessor, NgControl } from "@angular/forms";
+import { FormFieldControl } from "../form-field/form-field-control";
+import * as i0 from "@angular/core";
+export declare class TextFieldComponent implements ControlValueAccessor, FormFieldControl {
+    private el;
+    private ngControl;
+    /**
+     * Value of the input field. Supports two-way binding, use with form controls.
+     */
+    value: import("@angular/core").ModelSignal<string>;
+    /**
+     * Whether to hide arrows for number inputs.
+     * @default true
+     */
+    arrowsHidden: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Callback triggered when the clear button is clicked.
+     */
+    readonly clear: import("@angular/core").OutputEmitterRef<void>;
+    constructor(el: ElementRef<HTMLInputElement>, ngControl: NgControl | null);
+    readonly disabled: import("@angular/core").Signal<boolean>;
+    readonly invalid: import("@angular/core").Signal<boolean>;
+    private formDisabled;
+    private onChange;
+    private onTouched;
+    private setValue;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    handleInputChange(event: Event): void;
+    handleBlur(): void;
+    clearField(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldComponent, [null, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextFieldComponent, "input[tedi-text-field]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "arrowsHidden": { "alias": "arrowsHidden"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "clear": "clear"; }, never, never, true, never>;
+}
+//# sourceMappingURL=text-field.component.d.ts.map

package/tedi/components/form/text-field/text-field.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.component.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/form/text-field/text-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,UAAU,EAGX,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,oBAAoB,EAEpB,SAAS,EACV,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,gBAAgB,EAEjB,MAAM,kCAAkC,CAAC;;AAE1C,qBA0Ba,kBACX,YAAW,oBAAoB,EAAE,gBAAgB;IAiB/C,OAAO,CAAC,EAAE;IACU,OAAO,CAAC,SAAS;IAhBvC;;OAEG;IACH,KAAK,8CAAqB;IAC1B;;;OAGG;IACH,YAAY,+CAAwB;IACpC;;OAEG;IACH,QAAQ,CAAC,KAAK,iDAAkB;gBAGtB,EAAE,EAAE,UAAU,CAAC,gBAAgB,CAAC,EACZ,SAAS,EAAE,SAAS,GAAG,IAAI;IAOzD,QAAQ,CAAC,QAAQ,0CAEf;IACF,QAAQ,CAAC,OAAO,0CAGb;IAEH,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,SAAS,CAAwB;IAEzC,OAAO,CAAC,QAAQ;IAKhB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAItC,gBAAgB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAInD,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvC,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAK3C,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAQ9B,UAAU;IAIV,UAAU;yCAxEC,kBAAkB;2CAAlB,kBAAkB;CAgF9B"}