@unipin/angular-applet 18.9.7 → 21.0.1

package/types/unipin-angular-applet-forms.d.ts

@@ -0,0 +1,412 @@
+import * as _angular_core from '@angular/core';
+import { Signal, DoCheck, Injector, Renderer2, ElementRef, WritableSignal, InputSignal, ModelSignal, OutputEmitterRef, OnInit, OnDestroy } from '@angular/core';
+import { ClassValue } from 'clsx';
+import { NgControl, AbstractControl, NgForm, FormGroupDirective, ControlValueAccessor, FormGroup, ValidatorFn } from '@angular/forms';
+import { Subscription, Observable, Subject } from 'rxjs';
+import { Country, Currency } from '@unipin/graphql-schema';
+import { CountryService, CurrencyService } from '@unipin/angular-applet/common';
+import { SingleDate, RangeDate } from '@unipin/angular-applet/calendar';
+
+declare abstract class UpFieldControl {
+    abstract readonly error: Signal<string>;
+    abstract readonly ngControl: NgControl | AbstractControl | null;
+    abstract setControlName(name: string): void;
+}
+declare class UpFieldControlComponent implements UpFieldControl, DoCheck {
+    readonly error: _angular_core.WritableSignal<string>;
+    readonly injector: Injector;
+    readonly ngControl: NgControl | null;
+    protected readonly _parentForm: NgForm | null;
+    protected readonly _parentFormGroup: FormGroupDirective | null;
+    protected _controlName: string;
+    ngDoCheck(): void;
+    setControlName(name: string): void;
+    protected updateErrorState(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpFieldControlComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<UpFieldControlComponent>;
+}
+
+declare class UpInputDirective extends UpFieldControlComponent {
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpInputDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpInputDirective, "[upInput]", ["upInput"], { "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UpNumberDirective extends UpInputDirective implements ControlValueAccessor {
+    protected readonly renderer: Renderer2;
+    protected readonly el: ElementRef<HTMLInputElement>;
+    readonly magnifyValue: _angular_core.InputSignal<number>;
+    protected readonly maxDecimalDigits: _angular_core.Signal<number>;
+    protected lastCaretPos: number;
+    protected lastRawValue: string;
+    protected lastKey: string | null;
+    /**
+     * Callback function to handle value changes in the password input.
+     * @type {(_val: any) => void}
+     */
+    protected _onChange: (_val: any) => void;
+    /**
+     * Callback function to handle touch events in the password input.
+     * @type {() => void}
+     */
+    protected _onTouched: () => void;
+    constructor(renderer: Renderer2, el: ElementRef<HTMLInputElement>);
+    onBlur(): void;
+    onInput(event: Event): void;
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * Registers a callback function to be called when the password input value changes.
+     * @param {(_val: any) => void} fn - Callback function for value changes.
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Registers a callback function to be called when the password input is touched.
+     * @param {() => void} fn - Callback function for touch events.
+     */
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    protected findCommaCaret(formatted: string, digitsBefore: number): number;
+    protected mapDigitsToIndex(formatted: string, digitsBefore: number): number;
+    protected formatNumber(value: string): string;
+    protected formatWithThousandSeparator(value: string): string;
+    protected sanitizeNumber(value: string): {
+        integer: string;
+        decimal?: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpNumberDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpNumberDirective, "[upNumber]", ["upNumber"], { "magnifyValue": { "alias": "magnifyValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UpCheckboxDirective extends UpFieldControlComponent {
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpCheckboxDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UpCheckboxDirective, "[upCheckbox]", ["upCheckbox"], { "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UpSwitchComponent extends UpFieldControlComponent implements ControlValueAccessor {
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    isTouched: boolean;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    protected _onChange: (_val: any) => void;
+    protected _onTouched: () => void;
+    constructor();
+    writeValue(value: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    touch(): void;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpSwitchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpSwitchComponent, "up-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+}
+
+declare class UpPasswordComponent extends UpFieldControlComponent implements ControlValueAccessor {
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    readonly autocomplete: _angular_core.InputSignal<"off" | "current-password" | "new-password">;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly value: WritableSignal<string>;
+    readonly type: WritableSignal<"text" | "password">;
+    isTouched: boolean;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    /**
+     * Callback function to handle value changes in the password input.
+     * @type {(_val: any) => void}
+     */
+    protected _onChange: (_val: any) => void;
+    /**
+     * Callback function to handle touch events in the password input.
+     * @type {() => void}
+     */
+    protected _onTouched: () => void;
+    constructor();
+    /**
+     * Registers a callback function to be called when the password input value changes.
+     * @param {(_val: any) => void} fn - Callback function for value changes.
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Registers a callback function to be called when the password input is touched.
+     * @param {() => void} fn - Callback function for touch events.
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Writes a new value to the password input.
+     * @param {*} val - The new value to be set.
+     */
+    writeValue(val: any): void;
+    /**
+     * Function that is called by the forms API when the control status change to or from 'DISABLED'.
+     * Depending on the status, it enables or disables the appropriate DOM element
+     * @param {boolean} isDisabled - disable state
+    */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Toggles the type of the password input between text and password.
+     */
+    changeType(): void;
+    /**
+     * Event handler to handle touch status.
+     *
+     * @returns {void}
+     */
+    touch(): void;
+    /**
+     * Event handler for changes in the password input.
+     * If not touched, marks the input as touched.
+     * Updates the value and triggers change detection.
+     * @param {any} param - Event detail containing the new password input value.
+     */
+    change({ value }: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpPasswordComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpPasswordComponent, "up-password", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+declare class UpSelectComponent extends UpFieldControlComponent implements ControlValueAccessor {
+    readonly items: InputSignal<any[]>;
+    readonly label: InputSignal<string>;
+    readonly appendTo: InputSignal<string>;
+    readonly placeholder: InputSignal<string>;
+    readonly bindLabel: InputSignal<string>;
+    readonly bindValue: InputSignal<string>;
+    readonly value: ModelSignal<any | null>;
+    readonly inlineClass: InputSignal<ClassValue>;
+    readonly loading: InputSignal<boolean>;
+    readonly multiple: InputSignal<boolean>;
+    readonly required: InputSignal<boolean>;
+    readonly disabled: InputSignal<boolean>;
+    readonly clearable: InputSignal<boolean>;
+    readonly addTag: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly searchable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly changed: OutputEmitterRef<any>;
+    readonly control: Signal<UpFieldControl | undefined>;
+    readonly _computedClass: Signal<any>;
+    protected isTouched: boolean;
+    protected _onTouched: () => void;
+    protected _onChange: (_val: any) => void;
+    constructor();
+    /**
+     * Lifecycle hook — initializes the control name for form integration.
+     */
+    ngOnInit(): void;
+    /**
+     * Writes a new value from the form model into the view.
+     *
+     * @param {any} value - The value to assign to the select.
+     */
+    writeValue(value: any): void;
+    /**
+     * Registers a callback function to be called when the select value changes.
+     *
+     * @param {(val: any) => void} fn - Callback function to handle value changes.
+     */
+    registerOnChange(fn: (val: any) => void): void;
+    /**
+     * Registers a callback function to be called when the component is touched.
+     *
+     * @param {() => void} fn - Callback function for touch events.
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Marks the component as touched (used for form validation state).
+     */
+    touch(): void;
+    /**
+     * Handles changes from the dropdown and propagates them to the form model.
+     *
+     * @param {any} e - The new value emitted by the ng-select component.
+     */
+    change(e?: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpSelectComponent, "up-select", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "addTag": { "alias": "addTag"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, ["control"], never, true, never>;
+}
+
+declare class UpCountrySelectComponent extends UpFieldControlComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    protected readonly service: CountryService;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly value: _angular_core.ModelSignal<string | null>;
+    readonly changed: OutputEmitterRef<Country>;
+    readonly countries: _angular_core.WritableSignal<Country[]>;
+    readonly isLoading: _angular_core.WritableSignal<boolean>;
+    readonly _disabled: _angular_core.WritableSignal<boolean>;
+    protected sub?: Subscription;
+    protected isTouched: boolean;
+    protected _onTouched: () => void;
+    protected _onChange: (_val: any) => void;
+    constructor(service: CountryService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    onTouched(): void;
+    change(value: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpCountrySelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpCountrySelectComponent, "up-country-select", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
+}
+
+declare class UpCurrencySelectComponent extends UpFieldControlComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    protected readonly service: CurrencyService;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly value: _angular_core.ModelSignal<string | null>;
+    readonly changed: OutputEmitterRef<Currency>;
+    readonly isLoading: _angular_core.WritableSignal<boolean>;
+    readonly _disabled: _angular_core.WritableSignal<boolean>;
+    readonly currencies: _angular_core.WritableSignal<(Currency & {
+        displayLabel: string;
+    })[]>;
+    protected sub?: Subscription;
+    protected isTouched: boolean;
+    protected _onTouched: () => void;
+    protected _onChange: (_val: any) => void;
+    constructor(service: CurrencyService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    onTouched(): void;
+    change(value: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpCurrencySelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpCurrencySelectComponent, "up-currency-select", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
+}
+
+declare class UpSearchableSelectComponent extends UpFieldControlComponent implements ControlValueAccessor {
+    readonly query: InputSignal<(keyword: string) => Observable<any>>;
+    readonly label: InputSignal<string>;
+    readonly appendTo: InputSignal<string>;
+    readonly placeholder: InputSignal<string>;
+    readonly initialItems: InputSignal<any[]>;
+    readonly bindLabel: InputSignal<string>;
+    readonly bindValue: InputSignal<string>;
+    readonly inlineClass: InputSignal<ClassValue>;
+    readonly addTag: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly loading: ModelSignal<boolean>;
+    readonly value: ModelSignal<any | null>;
+    readonly changed: OutputEmitterRef<any>;
+    readonly control: Signal<UpFieldControl | undefined>;
+    readonly _computedClass: Signal<any>;
+    readonly items: Signal<any[]>;
+    readonly typeahead: Subject<string>;
+    protected readonly query$: Observable<any[]>;
+    protected readonly _queryResults: Signal<any[]>;
+    protected isTouched: boolean;
+    protected _onTouched: () => void;
+    protected _onChange: (_val: any) => void;
+    constructor();
+    ngOnInit(): void;
+    registerOnChange(fn: (val: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(value: any): void;
+    touch(): void;
+    change(e?: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpSearchableSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpSearchableSelectComponent, "up-searchable-select", never, { "query": { "alias": "query"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "initialItems": { "alias": "initialItems"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "addTag": { "alias": "addTag"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "loading": "loadingChange"; "value": "valueChange"; "changed": "changed"; }, ["control"], never, true, never>;
+}
+
+declare class UpDatepickerComponent extends UpFieldControlComponent implements ControlValueAccessor {
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly minDate: _angular_core.InputSignal<SingleDate>;
+    readonly maxDate: _angular_core.InputSignal<SingleDate>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    readonly dateFormat: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly btnTrigger: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    readonly value: _angular_core.WritableSignal<SingleDate>;
+    readonly _disabled: _angular_core.WritableSignal<boolean>;
+    readonly formattedDate: _angular_core.Signal<string>;
+    readonly _computedClass: _angular_core.Signal<string>;
+    protected _isTouched: boolean;
+    protected _onTouched: () => void;
+    protected _onChange: (_val: any) => void;
+    constructor();
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    touch(): void;
+    selectedDate(day: SingleDate): void;
+    protected _markTouched(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpDatepickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpDatepickerComponent, "up-datepicker", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "format"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UpDateRangePickerComponent extends UpFieldControlComponent implements ControlValueAccessor {
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly minDate: _angular_core.InputSignal<SingleDate>;
+    readonly maxDate: _angular_core.InputSignal<SingleDate>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    readonly dateFormat: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly _disabled: _angular_core.WritableSignal<boolean>;
+    readonly value: _angular_core.WritableSignal<RangeDate>;
+    readonly formattedDate: _angular_core.Signal<string>;
+    readonly _computedClass: _angular_core.Signal<string>;
+    protected _isTouched: boolean;
+    protected _onTouched: () => void;
+    protected _onChange: (_val: any) => void;
+    constructor();
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    touch(): void;
+    selectedDate(range: RangeDate): void;
+    protected _markTouched(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpDateRangePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpDateRangePickerComponent, "up-date-range-picker", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "format"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UpFormFieldComponent {
+    readonly name: _angular_core.InputSignal<string>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    readonly control: _angular_core.Signal<UpFieldControl | undefined>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpFormFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpFormFieldComponent, "up-form-field", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["control"], ["*"], true, never>;
+}
+
+declare function setValidator(form: FormGroup, keys: string[], validators: ValidatorFn | ValidatorFn[]): void;
+
+declare function toggleFormControls(form: FormGroup, keys: string[], mode: 'enable' | 'disable'): void;
+
+/**
+ * Range validator for number and date values.
+ * @param {string} fromKey - The "from" control name
+ * @param {string} toKey - The "to" control name
+ * @returns {ValidatorFn} Throw error message when fromKey is greater than toKey
+ *
+ * Usage:
+ * this.form = new FormGroup({
+ *   agingFrom: new FormControl(),
+ *   agingTo: new FormControl(),
+ * }, { validators: rangeValidator('agingFrom', 'agingTo') });
+ */
+declare function validRangeValidator(fromKey: string, toKey: string): ValidatorFn;
+
+export { UpCheckboxDirective, UpCountrySelectComponent, UpCurrencySelectComponent, UpDateRangePickerComponent, UpDatepickerComponent, UpFieldControl, UpFieldControlComponent, UpFormFieldComponent, UpInputDirective, UpNumberDirective, UpPasswordComponent, UpSearchableSelectComponent, UpSelectComponent, UpSwitchComponent, setValidator, toggleFormControls, validRangeValidator };

package/types/unipin-angular-applet-froala.d.ts

@@ -0,0 +1,85 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, WritableSignal } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ClassValue } from 'clsx';
+import { UpFieldControlComponent } from '@unipin/angular-applet/forms';
+
+declare class UpFroalaComponent extends UpFieldControlComponent implements OnInit, ControlValueAccessor {
+    readonly froalaKey: _angular_core.InputSignal<string>;
+    readonly froalaEvents: _angular_core.InputSignal<any>;
+    readonly inlineClass: _angular_core.InputSignal<ClassValue>;
+    readonly useCustomSocialEmbed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly value: WritableSignal<string>;
+    readonly froalaOptions: _angular_core.Signal<{
+        fullPage: boolean;
+        toolbarSticky: boolean;
+        videoResponsive: boolean;
+        imageMaxSize: number;
+        imageDefaultWidth: number;
+        videoMaxSize: number;
+        imageDefaultAlign: string;
+        key: string;
+        imageResizeWithPercent: boolean;
+        imageAllowedTypes: string[];
+        placeholderText: string;
+        videoAllowedTypes: string[];
+        pasteAllowedStyleProps: string[];
+        htmlAllowedTags: string[];
+        events: any;
+        toolbarButtons: {
+            moreText: {
+                buttons: string[];
+                align: string;
+                buttonsVisible: number;
+            };
+            moreParagraph: {
+                buttons: string[];
+                align: string;
+                buttonsVisible: number;
+            };
+            moreRich: {
+                buttons: string[];
+                align: string;
+                buttonsVisible: number;
+            };
+            moreMisc: {
+                buttons: string[];
+                align: string;
+                buttonsVisible: number;
+            };
+        };
+    }>;
+    protected readonly _computedClass: _angular_core.Signal<string>;
+    /**
+     * Callback function to handle value changes in the password input.
+     * @type {(_val: any) => void}
+     */
+    protected _onChange: (_val: any) => void;
+    /**
+     * Callback function to handle touch events in the password input.
+     * @type {() => void}
+     */
+    protected _onTouched: () => void;
+    constructor();
+    ngOnInit(): void;
+    /**
+     * Registers a callback function to be called when the password input value changes.
+     * @param {(_val: any) => void} fn - Callback function for value changes.
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Registers a callback function to be called when the password input is touched.
+     * @param {() => void} fn - Callback function for touch events.
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Writes a new value to the password input.
+     * @param {*} val - The new value to be set.
+     */
+    writeValue(val: any): void;
+    protected customSocialEmbed(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpFroalaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UpFroalaComponent, "up-froala", never, { "froalaKey": { "alias": "froalaKey"; "required": true; "isSignal": true; }; "froalaEvents": { "alias": "froalaEvents"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; "useCustomSocialEmbed": { "alias": "useCustomSocialEmbed"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { UpFroalaComponent };

package/types/unipin-angular-applet-grids.d.ts

@@ -0,0 +1,22 @@
+import { BadgeVariants } from '@unipin/angular-applet/badge';
+
+declare function renderFlag(value: string | string[]): string;
+
+type RenderGridBadgeOptions = {
+    additionalClass?: string;
+    isAutoGenerateColor?: boolean;
+    variant?: BadgeVariants['variant'];
+};
+declare function renderGridBadge(value: string, { additionalClass, variant, isAutoGenerateColor, }: RenderGridBadgeOptions): string;
+
+type RenderStatusBadgeOptions = Omit<RenderGridBadgeOptions, 'isAutoGenerateColor' | 'variant'> & {
+    additionalStatus?: {
+        [key: string]: {
+            class: string;
+            variant: BadgeVariants['variant'];
+        };
+    };
+};
+declare function renderStatusBadge(value: string, { additionalStatus, additionalClass }: RenderStatusBadgeOptions): string;
+
+export { renderFlag, renderGridBadge, renderStatusBadge };

package/types/unipin-angular-applet-infinite-scroll.d.ts

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, InputSignal, OutputEmitterRef } from '@angular/core';
+
+declare class UpInfiniteScrollDirective implements OnInit, OnDestroy {
+    protected readonly elementRef: ElementRef;
+    /**
+     * Threshold at which to trigger the callback. A value of 0.0 means that the callback
+     * will be triggered as soon as a single pixel is visible. 1.0 means that the callback will only be triggered when the entire element is visible.
+     * @type {InputSignal<number>}
+     */
+    readonly threshold: InputSignal<number>;
+    /**
+     * Margin around the root. This can be used to grow or shrink the area used to
+     * determine intersections. It follows the same syntax as the CSS margin property.
+     * Example values: '10px', '10px 20px', '10%', '10% 20% 30% 40%'.
+     * @type {InputSignal<string>}
+     */
+    readonly rootMargin: InputSignal<string>;
+    /**
+     * Event emitted when the user has scrolled to the threshold.
+     * Used for triggering the component to load more data.
+     * @type {OutputEmitterRef<void>}
+     */
+    readonly scrolled: OutputEmitterRef<void>;
+    /**
+     * IntersectionObserver instance used to observe the element.
+     * @type {IntersectionObserver}
+     */
+    protected intersectionObserver?: IntersectionObserver;
+    constructor(elementRef: ElementRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Updates the observer configuration when inputs change.
+     * Call this method if you need to update threshold or rootMargin dynamically.
+     */
+    updateObserver(): void;
+    /**
+     * Cleans up the Intersection Observer when the directive is destroyed.
+     */
+    protected destroyIntersectionObserver(): void;
+    /**
+     * Creates and configures the Intersection Observer to monitor when the element
+     * comes into view based on the specified threshold and root margin.
+     */
+    protected createIntersectionObserver(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpInfiniteScrollDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UpInfiniteScrollDirective, "[upInfiniteScroll]", ["upInfiniteScroll"], { "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "rootMargin": { "alias": "rootMargin"; "required": false; "isSignal": true; }; }, { "scrolled": "scrolled"; }, never, never, true, never>;
+}
+
+export { UpInfiniteScrollDirective };

package/types/unipin-angular-applet-json-viewer.d.ts

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { InputSignal } from '@angular/core';
+import { ClassValue } from 'clsx';
+
+declare class JsonViewerComponent {
+    /**
+     * Input for the JSON data to be displayed.
+     *
+     * @type {InputSignal<Record<string, any>>}
+     */
+    readonly json: InputSignal<Record<string, any>>;
+    /**
+     * Input for if the JSON data should be expanded by default.
+     *
+     * @type {InputSignal<boolean>}
+     */
+    readonly expanded: InputSignal<boolean>;
+    /**
+     * Input for the depth of the JSON data to be displayed.
+     *
+     * @type {InputSignal<number>}
+     */
+    readonly depth: InputSignal<number>;
+    readonly inlineClass: InputSignal<ClassValue>;
+    protected readonly _computedClass: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JsonViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsonViewerComponent, "up-json-viewer", never, { "json": { "alias": "json"; "required": true; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "depth": { "alias": "depth"; "required": false; "isSignal": true; }; "inlineClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { JsonViewerComponent };

package/types/unipin-angular-applet-loading-dialog.d.ts

@@ -0,0 +1,19 @@
+import { Observable } from 'rxjs';
+import { UpDialogService, UpDialogRef } from '@unipin/angular-applet/dialog';
+import * as i0 from '@angular/core';
+
+type LoadingDialogOptions = {
+    showError?: boolean;
+    serviceCalls: Observable<any>[];
+};
+
+declare class UpLoadingDialogController {
+    protected readonly dialog: UpDialogService;
+    constructor(dialog: UpDialogService);
+    show(options: LoadingDialogOptions): UpDialogRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpLoadingDialogController, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UpLoadingDialogController>;
+}
+
+export { UpLoadingDialogController };
+export type { LoadingDialogOptions };