@maro-tech/form 0.0.8 → 0.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maro-tech/form",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "private": false,
   "peerDependencies": {
     "@angular/cdk": "^21.2.0",
@@ -8,7 +8,7 @@
     "@angular/core": "^21.2.0",
     "@angular/forms": "^21.2.0",
     "@angular/router": "^21.2.0",
-    "@maro-tech/ui": "^0.0.6",
+    "@maro-tech/core": "^0.0.2",
     "lucide-angular": "^0.577.0",
     "rxjs": "~7.8.0"
   },

package/types/maro-tech-form.d.ts

@@ -44,10 +44,11 @@ declare class UiSelectComponent implements ControlValueAccessor, OnChanges {
     readonly closeIcon: lucide_angular.LucideIconData;
     readonly chevronDownIcon: lucide_angular.LucideIconData;
     readonly checkIcon: lucide_angular.LucideIconData;
-    private static openInstance;
     private readonly cdr;
     private readonly destroyRef;
     private readonly http;
+    private readonly popupService;
+    private readonly closeActivePopup;
     label?: string;
     placeholder?: string;
     name?: string;
@@ -71,10 +72,13 @@ declare class UiSelectComponent implements ControlValueAccessor, OnChanges {
     panelClass: string;
     valueChange: EventEmitter<UiSelectValue>;
     searchChange: EventEmitter<string>;
+    readonly popupMinWidth = 300;
+    readonly popupViewportMargin = 16;
+    readonly popupOffset = 8;
     dropdownTrigger?: ElementRef<HTMLButtonElement>;
     readonly dropdownPositions: ConnectedPosition[];
     isOpen: boolean;
-    triggerWidth: number;
+    popupWidth: number;
     value: string | null;
     multiValue: string[];
     selectedOptions: UiSelectOption[];
@@ -95,6 +99,8 @@ declare class UiSelectComponent implements ControlValueAccessor, OnChanges {
     selectOption(option: UiSelectOption, event: Event): void;
     markTouched(): void;
     closeDropdown(): void;
+    onDocumentClick(): void;
+    onEscape(): void;
     get displayLabel(): string;
     isSelected(option: UiSelectOption): boolean;
     getOptionValue(option: UiSelectOption): string;
@@ -472,20 +478,31 @@ declare class UiColorInputComponent implements ControlValueAccessor {
     static ɵcmp: i0.ɵɵComponentDeclaration<UiColorInputComponent, "forms-color-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-type UiInputElement$7 = 'input' | 'textarea';
+type UiInputElement$6 = 'input' | 'textarea';
+interface CalendarDay$1 {
+    date: string;
+    day: number;
+    currentMonth: boolean;
+}
+type CalendarView$1 = 'days' | 'months' | 'years';
 declare class UiDateInputComponent implements ControlValueAccessor {
     private readonly cdr;
+    private readonly popupService;
+    private readonly closeActivePopup;
     label?: string;
     hint?: string;
     placeholder?: string;
     name?: string;
     id?: string;
     readonly type = "date";
-    readonly element: UiInputElement$7;
+    readonly element: UiInputElement$6;
+    readonly calendarIcon: lucide_angular.LucideIconData;
+    readonly previousMonthIcon: lucide_angular.LucideIconData;
+    readonly nextMonthIcon: lucide_angular.LucideIconData;
     rows: number;
     required: boolean;
     fullWidth: boolean;
-    autocomplete?: string;
+    autocomplete: string;
     readonly: boolean;
     pattern?: string;
     error?: string;
@@ -494,52 +511,129 @@ declare class UiDateInputComponent implements ControlValueAccessor {
     value: string | number | null;
     private static nextId;
     private readonly generatedId;
+    visibleMonth: Date;
+    calendarView: CalendarView$1;
+    isCalendarOpen: boolean;
     actionTriggered: EventEmitter<UiDynamicFormFieldAction>;
     get controlId(): string;
     private onChange;
     onTouched: () => void;
     writeValue(value: string | number | null): void;
+    get monthLabel(): string;
+    get monthName(): string;
+    get yearLabel(): number;
+    get monthOptions(): Array<{
+        value: number;
+        label: string;
+    }>;
+    get yearOptions(): number[];
+    get calendarDays(): CalendarDay$1[];
+    get displayValue(): string;
+    get selectedDate(): Date | null;
+    openCalendar(event: Event): void;
+    closeCalendar(): void;
+    showMonthPicker(event: Event): void;
+    showYearPicker(event: Event): void;
+    selectMonth(month: number, event: Event): void;
+    selectYear(year: number, event: Event): void;
+    changeMonth(offset: number, event: Event): void;
+    selectDate(dateValue: string, event: Event): void;
+    isSelected(dateValue: string): boolean;
+    isSelectedMonth(month: number): boolean;
+    isSelectedYear(year: number): boolean;
+    onDocumentClick(): void;
+    onEscape(): void;
     registerOnChange(fn: (value: string | number | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onValueChange(value: string): void;
+    allowDateKey(event: KeyboardEvent): void;
+    private applyDateMask;
     triggerAction(action: UiDynamicFormFieldAction): void;
+    private startOfMonth;
+    private parseDate;
+    private parseInputDate;
+    private toDateValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiDateInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiDateInputComponent, "forms-date-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
 }
 
-type UiInputElement$6 = 'input' | 'textarea';
+interface CalendarDay {
+    date: string;
+    day: number;
+    currentMonth: boolean;
+}
+type CalendarView = 'days' | 'months' | 'years';
 declare class UiDatetimeInputComponent implements ControlValueAccessor {
     private readonly cdr;
+    private readonly popupService;
+    private readonly closeActivePopup;
     label?: string;
     hint?: string;
     placeholder?: string;
     name?: string;
     id?: string;
-    readonly type = "datetime-local";
-    readonly element: UiInputElement$6;
     rows: number;
     required: boolean;
     fullWidth: boolean;
-    autocomplete?: string;
+    autocomplete: string;
     readonly: boolean;
     pattern?: string;
     error?: string;
     actions: UiDynamicFormFieldAction[];
+    readonly type = "datetime-local";
+    readonly calendarIcon: lucide_angular.LucideIconData;
+    readonly previousMonthIcon: lucide_angular.LucideIconData;
+    readonly nextMonthIcon: lucide_angular.LucideIconData;
     disabled: boolean;
     value: string | number | null;
+    isCalendarOpen: boolean;
+    calendarView: CalendarView;
+    visibleMonth: Date;
+    selectedHour: number;
+    selectedMinute: number;
     private static nextId;
     private readonly generatedId;
     actionTriggered: EventEmitter<UiDynamicFormFieldAction>;
-    get controlId(): string;
     private onChange;
     onTouched: () => void;
+    get controlId(): string;
+    get selectedDate(): Date | null;
+    get displayValue(): string;
+    get monthName(): string;
+    get yearLabel(): number;
+    get monthOptions(): Array<{
+        value: number;
+        label: string;
+    }>;
+    get yearOptions(): number[];
+    get calendarDays(): CalendarDay[];
     writeValue(value: string | number | null): void;
     registerOnChange(fn: (value: string | number | null) => void): void;
     registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    onValueChange(value: string): void;
+    setDisabledState(disabled: boolean): void;
+    openCalendar(event: Event): void;
+    closeCalendar(): void;
+    changeMonth(offset: number, event: Event): void;
+    showMonthPicker(event: Event): void;
+    showYearPicker(event: Event): void;
+    selectMonth(month: number, event: Event): void;
+    selectYear(year: number, event: Event): void;
+    selectDate(dateValue: string, event: Event): void;
+    setDateTime(dateValue: string, close?: boolean): void;
+    onTimeChange(): void;
+    onValueChange(input: string): void;
+    allowDateKey(event: KeyboardEvent): void;
+    private applyMask;
+    isSelected(date: string): boolean;
+    isSelectedMonth(month: number): boolean;
+    isSelectedYear(year: number): boolean;
+    onDocumentClick(): void;
+    onEscape(): void;
     triggerAction(action: UiDynamicFormFieldAction): void;
+    private startOfMonth;
+    private parseDate;
+    private toDateValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiDatetimeInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiDatetimeInputComponent, "forms-datetime-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
 }
@@ -663,6 +757,7 @@ declare class UiNumberInputComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onValueChange(value: string): void;
+    preventWheelChange(event: WheelEvent): void;
     triggerAction(action: UiDynamicFormFieldAction): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiNumberInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiNumberInputComponent, "forms-number-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;
@@ -677,6 +772,8 @@ declare class UiPasswordInputComponent implements ControlValueAccessor {
     name?: string;
     id?: string;
     readonly type = "password";
+    readonly showPasswordIcon: lucide_angular.LucideIconData;
+    readonly hidePasswordIcon: lucide_angular.LucideIconData;
     readonly element: UiInputElement$2;
     rows: number;
     required: boolean;
@@ -687,6 +784,7 @@ declare class UiPasswordInputComponent implements ControlValueAccessor {
     error?: string;
     actions: UiDynamicFormFieldAction[];
     disabled: boolean;
+    isPasswordVisible: boolean;
     value: string | number | null;
     private static nextId;
     private readonly generatedId;
@@ -699,6 +797,7 @@ declare class UiPasswordInputComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onValueChange(value: string): void;
+    togglePassword(event: Event): void;
     triggerAction(action: UiDynamicFormFieldAction): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UiPasswordInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UiPasswordInputComponent, "forms-password-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "error": { "alias": "error"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionTriggered": "actionTriggered"; }, never, never, true, never>;