ui-core-abv 0.1.3 → 0.1.4

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

@@ -1,3 +1,4 @@
+import { Observable } from "rxjs";
 import { AppSelectOption } from "../inputs/select/select.component";
 export interface FormStep {
     title: string;
@@ -32,12 +33,18 @@ export interface FormField {
     max?: number;
     minLength?: number;
     maxLength?: number;
+    showCounter?: boolean;
     sliderInterval?: number;
     sliderMarks?: number;
     pattern?: RegExp;
     options?: AppSelectOption[];
+    multyoption?: boolean;
+    searchIdKey?: string;
+    searchFn?: (query: string) => Observable<any[]>;
+    searchDisplayFn?: (item: any) => string;
+    searchIsEnabledFn?: (item: any) => boolean;
 }
-export type FieldType = 'text' | 'number' | 'date' | 'select' | 'search' | 'checkbox' | 'switch' | 'slider';
+export type FieldType = 'text' | 'number' | 'date' | 'select' | 'checkbox' | 'switch' | 'textarea' | 'pool' | 'searcher' | 'slider';
 export interface FormResult {
     result: boolean;
     form: any;

package/lib/components/inputs/input/input.component.d.ts

@@ -15,5 +15,5 @@ export declare class UicInputComponent {
     disableBtn: boolean;
     disableButton(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicInputComponent, "ui-input", 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; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clickButton": "clickButton"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicInputComponent, "ui-input", 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; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clickButton": "clickButton"; }, never, ["*", "[counter]"], true, never>;
 }

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

@@ -0,0 +1,55 @@
+import { 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>;
+    onChange: (value: Record<string, any> | null) => void;
+    onTouched: () => void;
+    writeValue(obj: Record<string, any> | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    notifyChange(value: Record<string, any> | null): void;
+};
+export declare class UicSearcherComponent extends base {
+    icon: string;
+    iconColor: 'primary' | 'secondary';
+    internalIcon: string;
+    size: 's' | 'm' | 'l';
+    label: string;
+    error: string;
+    tip: string;
+    showSubtitle: boolean;
+    disabled: boolean;
+    loading: boolean;
+    showSelected: boolean;
+    placeholder: string;
+    searchFn?: (query: string) => Observable<any[]>;
+    itemDisplayFn?: (item: any) => string;
+    itemIsEnabledFn?: (item: any) => boolean;
+    manualSearch: boolean;
+    private readonly searchSubject;
+    results$: Observable<any[]>;
+    selectedOption: Record<string, any> | null;
+    searchText: string;
+    watingApi: boolean;
+    private readonly overlay;
+    private readonly vcr;
+    private readonly host;
+    onSearchChange(value: string): void;
+    triggerSearch(): void;
+    selectItem(item: Record<string, any>): void;
+    clearSearch(): void;
+    unselect(): void;
+    dropdownTemplate: TemplateRef<any>;
+    private overlayRef;
+    overlayPositions: ConnectedPosition[];
+    openList(): void;
+    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>;
+}
+export {};

package/lib/components/pool-options/pool-options.component.d.ts

@@ -0,0 +1,32 @@
+import { AppSelectOption } from '../inputs/select/select.component';
+import * as i0 from "@angular/core";
+type selectId = number | string;
+declare const base: abstract new () => {
+    value: selectId[];
+    valueChange: import("@angular/core").EventEmitter<selectId[]>;
+    onChange: (value: selectId[]) => void;
+    onTouched: () => void;
+    writeValue(obj: selectId[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    notifyChange(value: selectId[]): void;
+};
+export declare class UicPoolOptionsComponent extends base {
+    icon: string;
+    iconColor: 'primary' | 'secondary';
+    size: 's' | 'm' | 'l';
+    label: string;
+    error: string;
+    tip: string;
+    disabled: boolean;
+    loading: boolean;
+    multy: boolean;
+    options: AppSelectOption[];
+    selectedSet: Set<selectId>;
+    updateOptions(id: selectId): void;
+    writeValue(value: selectId[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicPoolOptionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicPoolOptionsComponent, "ui-pool-options", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "multy": { "alias": "multy"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/components/table/table.component.d.ts

@@ -23,12 +23,14 @@ export declare class UicTableComponent {
     action: EventEmitter<TableAction>;
     update: EventEmitter<TableFilters>;
     checkedChange: EventEmitter<(string | number)[]>;
+    allSelected: boolean;
     checkedIds: Set<string | number>;
     sortKey: string;
     sortAsc: boolean;
     filter: string;
     page: number;
-    getValue(data: TableRowData[], key: string): string | number;
+    ngOnInit(): void;
+    getValue(data: TableRowData[], key: string): string;
     getMoreActions(actions: TableButton[]): ActionMenuOption[];
     getFontColor(data: TableRowData[], key: string): string;
     getBackgroundColor(data: TableRowData[], key: string): import("ui-core-abv").BackgroundColors;
@@ -44,10 +46,9 @@ export declare class UicTableComponent {
     toggleSelection(id: string | number, checked: boolean): void;
     toggleAll(checked: boolean): void;
     areAllSelected(): void;
-    allSelected: boolean;
     ngOnChanges(): void;
     doAction(rowId: string | number, key: string): void;
     resetCheckedIds(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableComponent, "ui-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "squeletonRows": { "alias": "squeletonRows"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "highlightedId": { "alias": "highlightedId"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; }, { "action": "action"; "update": "update"; "checkedChange": "checkedChange"; }, never, ["[actions]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableComponent, "ui-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "squeletonRows": { "alias": "squeletonRows"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "highlightedId": { "alias": "highlightedId"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; }, { "action": "action"; "update": "update"; "checkedChange": "checkedChange"; }, never, ["[actions]", "[filters]"], true, never>;
 }

package/lib/components/table/table.models.d.ts

@@ -3,6 +3,7 @@ export interface TableColums {
     label: string;
     key: string;
     width?: number;
+    align?: 'flex-start' | 'flex-end' | 'center';
     type: ColumnTypes;
     sortEnable?: boolean;
     actions?: TableButton[];

package/package.json

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

package/public-api.d.ts

@@ -5,7 +5,7 @@ export * from './lib/components/dynamic-form/form-wrapper/form-wrapper.component
 export * from './lib/components/dynamic-form/steps-form/steps-form.component';
 export * from './lib/components/inputs/input/input.component';
 export * from './lib/components/inputs/date-picker/date-picker.component';
-export * from './lib/components/inputs/searcher/searcher.component';
+export * from './lib/components/inputs/uic-searcher/uic-searcher.component';
 export * from './lib/components/inputs/select/select.component';
 export * from './lib/components/table/table.component';
 export * from './lib/components/table/table.models';

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

@@ -1,46 +0,0 @@
-import { Overlay, OverlayPositionBuilder, OverlayRef } from '@angular/cdk/overlay';
-import { ElementRef, EventEmitter, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
-import { Observable } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class UicSearcherComponent {
-    private readonly renderer;
-    private readonly overlay;
-    private readonly positionBuilder;
-    private readonly vcr;
-    icon: string;
-    iconColor: 'primary' | 'secondary' | 'error' | 'light' | 'grey';
-    internalIcon: string;
-    size: 's' | 'm' | 'l';
-    label: string;
-    error: string;
-    tip: string;
-    disabled: boolean;
-    showSelected: boolean;
-    placeholder: string;
-    open: boolean;
-    searchFn: (query: string) => Observable<any[]>;
-    itemDisplayFn: (item: any) => string;
-    itemIsEnabledFn: (item: any) => boolean;
-    manualSearch: boolean;
-    selectedItem: any;
-    selectedItemChange: EventEmitter<any>;
-    isLoading: boolean;
-    searchText: string;
-    private readonly searchSubject;
-    results$: Observable<any[]>;
-    toggleButton: ElementRef;
-    private unlistener;
-    constructor(renderer: Renderer2, overlay: Overlay, positionBuilder: OverlayPositionBuilder, vcr: ViewContainerRef);
-    openList(): void;
-    onSearchChange(value: string): void;
-    triggerSearch(): void;
-    selectItem(item: any): void;
-    clearSearch(): void;
-    unselect(): void;
-    dropdownTemplateRef: TemplateRef<any>;
-    overlayRef: OverlayRef;
-    closeOverlay(): void;
-    openOverlay(): 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; }; "disabled": { "alias": "disabled"; "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; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; }, { "selectedItemChange": "selectedItemChange"; }, never, never, true, never>;
-}