@rt-tools/ui-kit 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rt-tools/ui-kit",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "license": "Apache-2.0",
   "author": "Yauheni Krumin",
   "type": "module",
@@ -8,12 +8,12 @@
     "tslib": "^2.8.0",
     "@rt-tools/core": "^0.0.2",
     "@rt-tools/store": "^0.0.4",
-    "@rt-tools/utils": "^0.0.2"
+    "@rt-tools/utils": "^0.0.5"
   },
   "peerDependencies": {
     "@rt-tools/core": "^0.0.2",
     "@rt-tools/store": "^0.0.4",
-    "@rt-tools/utils": "^0.0.2",
+    "@rt-tools/utils": "^0.0.5",
     "@angular/animations": "^21.0.0",
     "@angular/cdk": "^21.0.0",
     "@angular/common": "^21.0.0",

package/types/rt-tools-ui-kit.d.ts

@@ -1,12 +1,14 @@
 import * as i0 from '@angular/core';
 import { OnChanges, ElementRef, Renderer2, PipeTransform, Provider, InjectionToken, Type, OnInit, Signal, TemplateRef, WritableSignal, InputSignal, InputSignalWithTransform, OutputEmitterRef, ModelSignal, AfterViewInit, AfterViewChecked, AfterContentChecked, OnDestroy } from '@angular/core';
-import { Nullable, Icon, Select, ISideMenu, AsidePositions, IAside, AsideButtonsType, POSITION_ENUM, OSTypes } from '@rt-tools/utils';
-import { Observable } from 'rxjs';
+import { Nullable, PageModel, SortModel, FilterOperatorType, FilterModel, FILTER_OPERATOR_TYPE_ENUM, POSITION_ENUM, OSTypes } from '@rt-tools/utils';
+import { Observable, Subject } from 'rxjs';
 import { FormControl, ControlValueAccessor, Validator, FormGroup, ValidationErrors } from '@angular/forms';
 import { ThemePalette } from '@angular/material/core';
+import { Nullable as Nullable$1 } from '@rt-tools/core';
 import { MatDialogConfig } from '@angular/material/dialog';
 import { MatDrawer } from '@angular/material/sidenav';
-import { ComponentType } from '@angular/cdk/portal';
+import { OverlayRef, ComponentType, ConnectedPosition, CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { ComponentType as ComponentType$1 } from '@angular/cdk/portal';
 import { HttpErrorResponse } from '@angular/common/http';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
@@ -14,7 +16,6 @@ import { TooltipPosition } from '@angular/material/tooltip';
 import { AnimationPlayer, AnimationTriggerMetadata } from '@angular/animations';
 import { MatSnackBarConfig, MatSnackBarRef } from '@angular/material/snack-bar';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { ConnectedPosition, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import { MatInput } from '@angular/material/input';
 import { ImageCroppedEvent } from 'ngx-image-cropper';
 
@@ -344,11 +345,33 @@ declare function provideRtIDBStorage(): Provider[];
  */
 declare const IDB_STORAGE_SERVICE_TOKEN: InjectionToken<IDBStorageService<any>>;
 
+declare enum MODAL_WINDOW_SIZE_ENUM {
+    SM = "25rem",
+    MD = "45rem",
+    LG = "65rem",
+    FULL = "100%"
+}
+type ModalWindowSizeType = MODAL_WINDOW_SIZE_ENUM.SM | MODAL_WINDOW_SIZE_ENUM.MD | MODAL_WINDOW_SIZE_ENUM.LG | MODAL_WINDOW_SIZE_ENUM.FULL;
+interface Icon {
+    value: string;
+    style?: {
+        [className: string]: string;
+    };
+}
+interface NameValueType<N = string, V = string> {
+    name: N;
+    value: V;
+}
+interface Select<T> {
+    value: Array<NameValueType<string, T>>;
+    label?: string;
+    hint?: string;
+}
 declare namespace IModal {
     interface Button<T> {
         text: string;
         color?: ThemePalette;
-        value: Nullable<T>;
+        value: Nullable$1<T>;
         appearance?: 'standard' | 'raised' | 'flat' | 'stroked' | 'fab' | 'mini-fab';
         validateSelect?: boolean;
         assignSelectedValue?: boolean;
@@ -381,11 +404,11 @@ declare namespace IModal {
         value: T;
         message: string;
     }
-    type ConfirmResponsePredicate<T> = (answer: Nullable<IModal.DataAnswer<T>>) => boolean;
+    type ConfirmResponsePredicate<T> = (answer: Nullable$1<IModal.DataAnswer<T>>) => boolean;
     interface ConfirmResponse<T> {
-        on(predicate: ConfirmResponsePredicate<T>): Observable<Nullable<IModal.DataAnswer<T>>>;
-        onCancel(cancel?: ConfirmResponsePredicate<T>): Observable<Nullable<IModal.DataAnswer<T>>>;
-        onConfirm(confirm?: ConfirmResponsePredicate<T>): Observable<Nullable<IModal.DataAnswer<T>>>;
+        on(predicate: ConfirmResponsePredicate<T>): Observable<Nullable$1<IModal.DataAnswer<T>>>;
+        onCancel(cancel?: ConfirmResponsePredicate<T>): Observable<Nullable$1<IModal.DataAnswer<T>>>;
+        onConfirm(confirm?: ConfirmResponsePredicate<T>): Observable<Nullable$1<IModal.DataAnswer<T>>>;
     }
 }
 
@@ -430,6 +453,21 @@ declare class RtuiScrollableContainerComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<RtuiScrollableContainerComponent, "rtui-scrollable", never, {}, {}, ["headerTpl", "contentTpl", "footerTpl"], never, true, never>;
 }
 
+declare namespace ISideMenu {
+    type ItemData = string | number | object;
+    interface Item {
+        id: string | number;
+        icon?: string;
+        name?: string;
+        link?: string;
+        submenu?: Item[];
+        iconButton?: {
+            icon: string;
+            data?: ItemData;
+        };
+    }
+}
+
 declare class RtuiSideMenuHeaderDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<RtuiSideMenuHeaderDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RtuiSideMenuHeaderDirective, "[rtuiSideMenuHeader]", never, {}, {}, never, never, true, never>;
@@ -489,6 +527,40 @@ declare class RtuiSpinnerComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<RtuiSpinnerComponent, "rtui-spinner", never, { "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; "showBox": { "alias": "showBox"; "required": false; "isSignal": true; }; "showBackground": { "alias": "showBackground"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type AsidePositions = 'left' | 'right';
+declare class AsideRef<DATA, ANSWER> {
+    private answer;
+    overlayRef: OverlayRef;
+    component: ComponentType<unknown>;
+    position: AsidePositions;
+    data: DATA;
+    constructor(answer: Subject<ANSWER | null>, overlayRef: OverlayRef, component: ComponentType<unknown>, position: AsidePositions, data: DATA);
+    close(answer?: ANSWER): void;
+}
+declare const ASIDE_REF: InjectionToken<AsideRef<object, object>>;
+declare const ddServices: Array<{
+    provide: string;
+    useValue: unknown;
+}>;
+
+declare enum ASIDE_BUTTONS_ENUM {
+    USER_ACTIVE = "User active",
+    USER_INACTIVE = "User inactive",
+    DELETE = "Delete",
+    RESET = "Reset"
+}
+type AsideButtonsType = ASIDE_BUTTONS_ENUM.USER_ACTIVE | ASIDE_BUTTONS_ENUM.USER_INACTIVE | ASIDE_BUTTONS_ENUM.DELETE | ASIDE_BUTTONS_ENUM.RESET;
+
+declare namespace IAside {
+    interface HeaderActionButton {
+        name: AsideButtonsType;
+        icon: string;
+        color: string;
+        tooltip: string;
+        disabled?: boolean;
+    }
+}
+
 declare class RtAsideService {
     #private;
     /**
@@ -504,7 +576,7 @@ declare class RtAsideService {
      *
      * @returns An observable that emits the response from the aside panel when it is closed.
      */
-    Open<COMPONENT = null, DATA = null, ANSWER = null>(component: ComponentType<COMPONENT>, position: AsidePositions, data: DATA): Observable<ANSWER | null>;
+    Open<COMPONENT = null, DATA = null, ANSWER = null>(component: ComponentType$1<COMPONENT>, position: AsidePositions, data: DATA): Observable<ANSWER | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RtAsideService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RtAsideService>;
 }
@@ -640,51 +712,6 @@ declare class RtuiClearButtonComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<RtuiClearButtonComponent, "rtui-clear-button", never, { "isMobile": { "alias": "isMobile"; "required": false; "isSignal": true; }; "isButtonShown": { "alias": "isButtonShown"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, { "keydownAction": "keydownAction"; "clickAction": "clickAction"; }, never, never, true, never>;
 }
 
-declare enum LIST_SORT_ORDER_ENUM {
-    ASC = "asc",
-    DESC = "desc"
-}
-type ListSortOrderType = LIST_SORT_ORDER_ENUM.ASC | LIST_SORT_ORDER_ENUM.DESC;
-
-interface ListState<T extends string, M extends object> {
-    pageModel: PageModel;
-    sortModel: SortModel<T>;
-    filterModel: M;
-    searchTerm: string;
-}
-interface SortModel<T = string> {
-    propertyName: T;
-    sortDirection: ListSortOrderType;
-}
-interface PageModel {
-    pageNumber: number;
-    pageSize: number;
-    totalCount: number;
-    endIndex?: number;
-    hasNext?: boolean;
-    hasPrev?: boolean;
-    isFirstPage?: boolean;
-    isLastPage?: boolean;
-    startIndex?: number;
-}
-interface FilterModel<M = string> {
-    operatorType: FilterOperatorType;
-    propertyName: M;
-    value?: string | number | boolean;
-    values?: Array<string | number>;
-}
-declare enum FILTER_OPERATOR_TYPE_ENUM {
-    EQUALS = "equals",
-    NOT_EQUALS = "notEquals",
-    STARTS_WITH = "startsWith",
-    ENDS_WITH = "endsWith",
-    CONTAINS = "contains",
-    GREATER_THAN = "greaterThan",
-    LESS_THAN = "lessThan"
-}
-type FilterOperatorType = FILTER_OPERATOR_TYPE_ENUM.EQUALS | FILTER_OPERATOR_TYPE_ENUM.NOT_EQUALS | FILTER_OPERATOR_TYPE_ENUM.STARTS_WITH | FILTER_OPERATOR_TYPE_ENUM.ENDS_WITH | FILTER_OPERATOR_TYPE_ENUM.CONTAINS | FILTER_OPERATOR_TYPE_ENUM.GREATER_THAN | FILTER_OPERATOR_TYPE_ENUM.LESS_THAN;
-declare const FILTER_OPERATORS: ReadonlyArray<FilterOperatorType>;
-
 declare class RtuiPaginationComponent implements OnInit, AfterViewInit {
     #private;
     /** Current Page Model */
@@ -1869,5 +1896,5 @@ declare class RtActionBarService {
     static ɵprov: i0.ɵɵInjectableDeclaration<RtActionBarService>;
 }
 
-export { BUTTON_APPEARANCE, BUTTON_COLOR, BUTTON_SIZE, BlockDirective, CUSTOM_STORAGE, ConcatClassesPipe, DEFAULT_PAGE_MODEL, DEFAULT_PAGE_SIZE, ElemDirective, FILTER_OPERATORS, FILTER_OPERATOR_TYPE_ENUM, IDBStorageService, IDB_STORAGE_SERVICE_TOKEN, IModal, INFO_BADGE_SIZE_ENUM, INFO_BADGE_TYPE_ENUM, IN_MEMORY_STORAGE, IRtActionBar, IRtSnackBar, ITable, InMemoryStorageService, JsonConverter, LIST_SORT_ORDER_ENUM, LOCAL_STORAGE, ModDirective, RTUI_TABLE_COMPONENT_TOKEN, RTUI_TABLE_STOP_ROW_CLICK_ATTRIBUTE, RtActionBarService, RtAsideService, RtDynamicListSelectorsDirective, RtModalService, RtPopoverDirective, RtSnackBarService, RtTableConfigService, RtTableSelectorsDirective, RtuiActionBarComponent, RtuiActionBarContainerComponent, RtuiAsideContainerComponent, RtuiAsideContainerHeaderDirective, RtuiButtonComponent, RtuiClearButtonComponent, RtuiCustomTableCellsDirective, RtuiDynamicInputAdditionalControlDirective, RtuiDynamicInputComponent, RtuiDynamicListComponent, RtuiDynamicListCustomTableCellsDirective, RtuiDynamicListRowActionsDirective, RtuiDynamicListRowAdditionalActionsDirective, RtuiDynamicListToolbarActionsDirective, RtuiDynamicListToolbarSelectorsDirective, RtuiDynamicSelectorAdditionalControlDirective, RtuiDynamicSelectorComponent, RtuiDynamicSelectorItemAdditionalControlDirective, RtuiDynamicSelectorListActionsComponent, RtuiDynamicSelectorPlaceholderComponent, RtuiDynamicSelectorSelectedListComponent, RtuiFileUploadComponent, RtuiHeaderCenterDirective, RtuiHeaderComponent, RtuiHeaderLeftDirective, RtuiHeaderRightDirective, RtuiImageUploadComponent, RtuiInfoBadgeComponent, RtuiModalComponent, RtuiMultiButtonComponent, RtuiMultiSelectorPopupComponent, RtuiPaginationComponent, RtuiRoundIconButtonComponent, RtuiScrollableContainerComponent, RtuiScrollableContainerContentDirective, RtuiScrollableContainerFooterDirective, RtuiScrollableContainerHeaderDirective, RtuiSideMenuComponent, RtuiSideMenuFooterDirective, RtuiSideMenuHeaderDirective, RtuiSnackBarComponent, RtuiSpinnerComponent, RtuiStopTableRowClickDirective, RtuiTableAdditionalRowActionsDirective, RtuiTableComponent, RtuiTableRowActionsDirective, RtuiTableRowClickDirective, RtuiToggleComponent, RtuiToolbarCenterDirective, RtuiToolbarComponent, RtuiToolbarLeftDirective, RtuiToolbarRightDirective, SESSION_STORAGE, STORAGE_TYPES_ENUM, StorageService, TABLE_COLUMN_FILTER_TYPES_ENUM, TABLE_COLUMN_TYPES_ENUM, TEXT_CELL_COLOR_ENUM, TOGGLE_SIZE_TYPE_ENUM, darkenHexColor, getColorBasedOnBackground, iDBStorageFactory, inMemoryStorageFactory, localStorageFactory, progressDecreaseAnimation, progressIncreaseAnimation, provideRtIDBStorage, provideRtStorage, provideRtUi, sessionStorageFactory };
-export type { ButtonAppearanceType, ButtonColorType, ButtonSizeType, FilterModel, FilterOperatorType, IBemConfig, IIDBStorageServiceInterface, IImageUploadFormat, IInfoBadgeSizeType, IModsObject, IRtuiTable, IStorageConfig, IStorageConverter, IconSideType, InfoBadgeType, ListSortOrderType, ListState, MenuItemTrigger, PageModel, SortModel, StorageType, ToggleSizeType };
+export { ASIDE_BUTTONS_ENUM, ASIDE_REF, AsideRef, BUTTON_APPEARANCE, BUTTON_COLOR, BUTTON_SIZE, BlockDirective, CUSTOM_STORAGE, ConcatClassesPipe, DEFAULT_PAGE_MODEL, DEFAULT_PAGE_SIZE, ElemDirective, IAside, IDBStorageService, IDB_STORAGE_SERVICE_TOKEN, IModal, INFO_BADGE_SIZE_ENUM, INFO_BADGE_TYPE_ENUM, IN_MEMORY_STORAGE, IRtActionBar, IRtSnackBar, ISideMenu, ITable, InMemoryStorageService, JsonConverter, LOCAL_STORAGE, MODAL_WINDOW_SIZE_ENUM, ModDirective, RTUI_TABLE_COMPONENT_TOKEN, RTUI_TABLE_STOP_ROW_CLICK_ATTRIBUTE, RtActionBarService, RtAsideService, RtDynamicListSelectorsDirective, RtModalService, RtPopoverDirective, RtSnackBarService, RtTableConfigService, RtTableSelectorsDirective, RtuiActionBarComponent, RtuiActionBarContainerComponent, RtuiAsideContainerComponent, RtuiAsideContainerHeaderDirective, RtuiButtonComponent, RtuiClearButtonComponent, RtuiCustomTableCellsDirective, RtuiDynamicInputAdditionalControlDirective, RtuiDynamicInputComponent, RtuiDynamicListComponent, RtuiDynamicListCustomTableCellsDirective, RtuiDynamicListRowActionsDirective, RtuiDynamicListRowAdditionalActionsDirective, RtuiDynamicListToolbarActionsDirective, RtuiDynamicListToolbarSelectorsDirective, RtuiDynamicSelectorAdditionalControlDirective, RtuiDynamicSelectorComponent, RtuiDynamicSelectorItemAdditionalControlDirective, RtuiDynamicSelectorListActionsComponent, RtuiDynamicSelectorPlaceholderComponent, RtuiDynamicSelectorSelectedListComponent, RtuiFileUploadComponent, RtuiHeaderCenterDirective, RtuiHeaderComponent, RtuiHeaderLeftDirective, RtuiHeaderRightDirective, RtuiImageUploadComponent, RtuiInfoBadgeComponent, RtuiModalComponent, RtuiMultiButtonComponent, RtuiMultiSelectorPopupComponent, RtuiPaginationComponent, RtuiRoundIconButtonComponent, RtuiScrollableContainerComponent, RtuiScrollableContainerContentDirective, RtuiScrollableContainerFooterDirective, RtuiScrollableContainerHeaderDirective, RtuiSideMenuComponent, RtuiSideMenuFooterDirective, RtuiSideMenuHeaderDirective, RtuiSnackBarComponent, RtuiSpinnerComponent, RtuiStopTableRowClickDirective, RtuiTableAdditionalRowActionsDirective, RtuiTableComponent, RtuiTableRowActionsDirective, RtuiTableRowClickDirective, RtuiToggleComponent, RtuiToolbarCenterDirective, RtuiToolbarComponent, RtuiToolbarLeftDirective, RtuiToolbarRightDirective, SESSION_STORAGE, STORAGE_TYPES_ENUM, StorageService, TABLE_COLUMN_FILTER_TYPES_ENUM, TABLE_COLUMN_TYPES_ENUM, TEXT_CELL_COLOR_ENUM, TOGGLE_SIZE_TYPE_ENUM, darkenHexColor, ddServices, getColorBasedOnBackground, iDBStorageFactory, inMemoryStorageFactory, localStorageFactory, progressDecreaseAnimation, progressIncreaseAnimation, provideRtIDBStorage, provideRtStorage, provideRtUi, sessionStorageFactory };
+export type { AsideButtonsType, AsidePositions, ButtonAppearanceType, ButtonColorType, ButtonSizeType, IBemConfig, IIDBStorageServiceInterface, IImageUploadFormat, IInfoBadgeSizeType, IModsObject, IRtuiTable, IStorageConfig, IStorageConverter, Icon, IconSideType, InfoBadgeType, MenuItemTrigger, ModalWindowSizeType, NameValueType, Select, StorageType, ToggleSizeType };