ui-core-abv 0.1.96 → 0.2.1

package/lib/components/dropdown-container/dropdown-close.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class UiDropdownCloseDirective {
+    private readonly dropdown;
+    handleClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownCloseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownCloseDirective, "[uiDropdownClose]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/dropdown-container/dropdown-container.component.d.ts

@@ -1,8 +1,16 @@
 import { ConnectedPosition } from '@angular/cdk/overlay';
-import { ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { EventEmitter, InjectionToken, OnDestroy, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class UicDropdownContainerComponent implements OnDestroy {
+export interface DropdownOverlayControls {
+    close(): void;
+    open(): void;
+    toggle(): void;
+    readonly isOpen: boolean;
+}
+export declare const DROPDOWN_OVERLAY_CONTROLS: InjectionToken<DropdownOverlayControls>;
+export declare class UicDropdownContainerComponent implements OnDestroy, DropdownOverlayControls {
     private _disabled;
+    private readonly host;
     buttonLabel: string;
     get disabled(): boolean;
     set disabled(value: boolean);
@@ -11,7 +19,6 @@ export declare class UicDropdownContainerComponent implements OnDestroy {
     width?: number | string;
     minWidth?: number | string;
     maxWidth?: number | string;
-    panelClass?: string | string[];
     backdropClass: string;
     hasBackdrop: boolean;
     closeOnBackdropClick: boolean;
@@ -21,15 +28,14 @@ export declare class UicDropdownContainerComponent implements OnDestroy {
     offsetY: number;
     push: boolean;
     flexibleDimensions: boolean;
-    opened: EventEmitter<void>;
     closed: EventEmitter<void>;
-    triggerButton?: ElementRef<HTMLButtonElement>;
     contentTemplate?: TemplateRef<unknown>;
     projectedTemplate?: TemplateRef<unknown>;
     private overlayRef?;
     private readonly overlay;
     private readonly vcr;
-    private readonly destroyRef;
+    private overlaySubscriptions;
+    private contentClickHandler?;
     get isOpen(): boolean;
     ngOnDestroy(): void;
     open(): void;
@@ -37,10 +43,9 @@ export declare class UicDropdownContainerComponent implements OnDestroy {
     toggle(): void;
     onTriggerClick(event: Event): void;
     private createPositionStrategy;
-    private attachOverlayListeners;
-    private readonly overlayContentClick;
     private destroyOverlay;
     private resolveDimension;
+    private bindOverlayEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicDropdownContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicDropdownContainerComponent, "ui-dropdown-container", never, { "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "positions": { "alias": "positions"; "required": false; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "closeOnContentClick": { "alias": "closeOnContentClick"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "push": { "alias": "push"; "required": false; }; "flexibleDimensions": { "alias": "flexibleDimensions"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, ["projectedTemplate"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicDropdownContainerComponent, "ui-dropdown-container", never, { "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "positions": { "alias": "positions"; "required": false; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "closeOnContentClick": { "alias": "closeOnContentClick"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "push": { "alias": "push"; "required": false; }; "flexibleDimensions": { "alias": "flexibleDimensions"; "required": false; }; }, { "closed": "closed"; }, ["projectedTemplate"], ["[button]", "[content]"], true, never>;
 }

package/lib/components/dynamic-form/form-wrapper/form-wrapper.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { FormField, FormResult, FormSchema } from '../form.models';
+import { FormField, FormResult, FormSchema, uicFormValuesRecord } from '../form.models';
 import { FormGroup } from '@angular/forms';
 import { AppSelectOption } from '../../inputs/select/select.component';
 import * as i0 from "@angular/core";
@@ -12,9 +12,9 @@ export declare class UicFormWrapperComponent implements OnChanges {
     loading: boolean;
     disabled: boolean;
     showButtons: boolean;
-    initialValues: Record<string, any>;
+    initialValues: uicFormValuesRecord;
     formSubmit: EventEmitter<FormResult>;
-    formChange: EventEmitter<any>;
+    formChange: EventEmitter<uicFormValuesRecord>;
     private readonly destroy$;
     ngOnChanges(changes: SimpleChanges): void;
     private handleNgOnChange;
@@ -28,6 +28,7 @@ export declare class UicFormWrapperComponent implements OnChanges {
     private updateFieldOptions;
     private collectAllFields;
     updateFieldValue(name: string, value: any): void;
+    updateFieldConfig(name: string, config: Omit<FormField, 'name' | 'type'>): void;
     updateFieldDisabled(name: string, disabled: boolean): void;
     updateFieldLoading(name: string, loading: boolean): void;
     submit(): void;

package/lib/components/dynamic-form/form.models.d.ts

@@ -44,6 +44,8 @@ export interface FormField {
     sliderMarks?: number;
     monthMode?: boolean;
     monthDay?: 'first' | 'last';
+    minDate?: string;
+    maxDate?: string;
     timeInterval?: number;
     fileTypes?: string[] | string;
     poolEnabledListView?: boolean;
@@ -58,5 +60,6 @@ export interface FormField {
 export type FieldType = 'text' | 'number' | 'phone' | 'date' | 'time' | 'select' | 'checkbox' | 'switch' | 'textarea' | 'pool' | 'file' | 'multyselect' | 'searcher' | 'slider';
 export interface FormResult {
     result: boolean;
-    form: any;
+    form: uicFormValuesRecord | null;
 }
+export type uicFormValuesRecord = Record<string, any>;

package/lib/components/inputs/date-picker/date-picker.component.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef } from '@angular/core';
+import { OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 import { ButtonColor } from '../../button/button.component';
 import * as i0 from "@angular/core";
@@ -14,7 +14,7 @@ declare const base: abstract new () => {
     setDisabledState?(isDisabled: boolean): void;
     notifyChange(value: string): void;
 };
-export declare class UicDatePickerComponent extends base {
+export declare class UicDatePickerComponent extends base implements OnChanges {
     icon: string;
     iconColor: ButtonColor;
     internalIcon: string;
@@ -47,6 +47,7 @@ export declare class UicDatePickerComponent extends base {
     private readonly vcr;
     private readonly host;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     overlayPositions: ConnectedPosition[];
     openCalendar(): void;
     closeCalendar(): void;
@@ -62,7 +63,7 @@ export declare class UicDatePickerComponent extends base {
     isToday(day: Date | null): boolean;
     isPainted(day: Date | null): boolean;
     isThisMonth(m: string): boolean;
-    parseDateLimits(date: string): Date | null;
+    parseDateLimits(date: string | Date | null | undefined): Date | null;
     cleanInput(): void;
     pickToday(): void;
     onInputChange(event: Event): void;

package/lib/components/inputs/multy-searcher/multy-searcher.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UicMultySearcherComponent {
+    itemDisplayFn?: (item: any) => string;
+    disabled: boolean;
+    values: any[];
+    valuesChange: EventEmitter<any[]>;
+    removeItem(idx: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicMultySearcherComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicMultySearcherComponent, "ui-multy-searcher", never, { "itemDisplayFn": { "alias": "itemDisplayFn"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "valuesChange": "valuesChange"; }, never, never, true, never>;
+}

package/lib/components/inputs/uic-searcher/uic-searcher.component.d.ts

@@ -1,10 +1,10 @@
-import { TemplateRef } from '@angular/core';
+import { EventEmitter, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 declare const base: abstract new () => {
     value: Record<string, any> | null;
-    valueChange: import("@angular/core").EventEmitter<Record<string, any> | null>;
+    valueChange: EventEmitter<Record<string, any> | null>;
     onChange: (value: Record<string, any> | null) => void;
     onTouched: () => void;
     writeValue(obj: Record<string, any> | null): void;
@@ -30,6 +30,8 @@ export declare class UicSearcherComponent extends base {
     itemDisplayFn?: (item: any) => string;
     itemIsEnabledFn?: (item: any) => boolean;
     manualSearch: boolean;
+    stateless: boolean;
+    pickedItem: EventEmitter<Record<string, any>>;
     private readonly searchSubject;
     results$: Observable<any[]>;
     selectedOption: Record<string, any> | null;
@@ -50,6 +52,6 @@ export declare class UicSearcherComponent extends base {
     closeList(): void;
     writeValue(value: Record<string, any>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicSearcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicSearcherComponent, "ui-searcher", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "showSubtitle": { "alias": "showSubtitle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "showSelected": { "alias": "showSelected"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "itemDisplayFn": { "alias": "itemDisplayFn"; "required": false; }; "itemIsEnabledFn": { "alias": "itemIsEnabledFn"; "required": false; }; "manualSearch": { "alias": "manualSearch"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicSearcherComponent, "ui-searcher", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "showSubtitle": { "alias": "showSubtitle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "showSelected": { "alias": "showSelected"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "itemDisplayFn": { "alias": "itemDisplayFn"; "required": false; }; "itemIsEnabledFn": { "alias": "itemIsEnabledFn"; "required": false; }; "manualSearch": { "alias": "manualSearch"; "required": false; }; "stateless": { "alias": "stateless"; "required": false; }; }, { "pickedItem": "pickedItem"; }, never, never, true, never>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-core-abv",
-  "version": "0.1.96",
+  "version": "0.2.1",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0",

package/public-api.d.ts

@@ -6,12 +6,14 @@ export * from './lib/components/dynamic-form/steps-form/steps-form.component';
 export * from './lib/components/dynamic-form/steps-form/step-tabs/step-tabs.component';
 export * from './lib/components/inputs/input/input.component';
 export * from './lib/components/inputs/date-picker/date-picker.component';
+export * from './lib/components/inputs/multy-searcher/multy-searcher.component';
 export * from './lib/components/inputs/uic-searcher/uic-searcher.component';
 export * from './lib/components/inputs/file-input/file-input.component';
 export * from './lib/components/inputs/select/select.component';
 export * from './lib/components/inputs/phone-input/phone-input.component';
 export * from './lib/components/inputs/multy-select/multy-select.component';
 export * from './lib/components/dropdown-container/dropdown-container.component';
+export * from './lib/components/dropdown-container/dropdown-close.directive';
 export * from './lib/components/inputs/time-picker/time-picker.component';
 export * from './lib/components/table/table.component';
 export * from './lib/components/table/table.models';