spiderly 19.2.0 → 19.3.0

package/lib/components/auth/login/login.component.d.ts

@@ -1,14 +1,14 @@
-import { ActivatedRoute, Router } from '@angular/router';
-import { ChangeDetectorRef, KeyValueDiffers, OnInit } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
+import { ChangeDetectorRef, KeyValueDiffers, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
 import { TranslocoService } from '@jsverse/transloco';
-import { BaseFormCopy } from '../../base-form/base-form copy';
 import { Login } from '../../../entities/security-entities';
-import { SpiderlyFormGroup } from '../../spiderly-form-control/spiderly-form-control';
-import { SpiderlyMessageService } from '../../../services/spiderly-message.service';
-import { BaseFormService } from '../../../services/base-form.service';
 import { AuthBaseService } from '../../../services/auth-base.service';
+import { BaseFormService } from '../../../services/base-form.service';
 import { ConfigBaseService } from '../../../services/config-base.service';
+import { SpiderlyMessageService } from '../../../services/spiderly-message.service';
+import { BaseFormCopy } from '../../base-form/base-form copy';
+import { SpiderlyFormGroup } from '../../spiderly-form-control/spiderly-form-control';
 import * as i0 from "@angular/core";
 export declare class LoginComponent extends BaseFormCopy implements OnInit {
     protected differs: KeyValueDiffers;
@@ -24,7 +24,6 @@ export declare class LoginComponent extends BaseFormCopy implements OnInit {
     loginFormGroup: SpiderlyFormGroup<Login>;
     companyName: string;
     showEmailSentDialog: boolean;
-    usersCanRegister: boolean;
     constructor(differs: KeyValueDiffers, http: HttpClient, messageService: SpiderlyMessageService, changeDetectorRef: ChangeDetectorRef, router: Router, route: ActivatedRoute, translocoService: TranslocoService, baseFormService: BaseFormService, authService: AuthBaseService, config: ConfigBaseService);
     ngOnInit(): void;
     initLoginFormGroup(model: Login): void;

package/lib/components/auth/partials/verification-wrapper.component.d.ts

@@ -1,12 +1,12 @@
-import { ChangeDetectorRef, EventEmitter, KeyValueDiffers, OnInit } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
+import { ChangeDetectorRef, EventEmitter, KeyValueDiffers, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { TranslocoService } from '@jsverse/transloco';
-import { BaseFormCopy } from '../../base-form/base-form copy';
-import { BaseFormService } from '../../../services/base-form.service';
-import { SpiderlyFormGroup } from '../../spiderly-form-control/spiderly-form-control';
 import { VerificationTokenRequest } from '../../../entities/security-entities';
+import { BaseFormService } from '../../../services/base-form.service';
 import { SpiderlyMessageService } from '../../../services/spiderly-message.service';
+import { BaseFormCopy } from '../../base-form/base-form copy';
+import { SpiderlyFormGroup } from '../../spiderly-form-control/spiderly-form-control';
 import * as i0 from "@angular/core";
 export declare class VerificationWrapperComponent extends BaseFormCopy implements OnInit {
     protected differs: KeyValueDiffers;

package/lib/components/base-details/role-base-details.component.d.ts

@@ -1,18 +1,17 @@
 import { EventEmitter } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { Observable, Subscription } from 'rxjs';
 import { MenuItem } from 'primeng/api';
-import { SpiderlyFormArray, SpiderlyFormControl, SpiderlyFormGroup } from '../spiderly-form-control/spiderly-form-control';
+import { AutoCompleteCompleteEvent } from 'primeng/autocomplete';
 import { BaseEntity } from '../../entities/base-entity';
+import { IsAuthorizedForSaveEvent } from '../../entities/is-authorized-for-save-event';
 import { LastMenuIconIndexClicked } from '../../entities/last-menu-icon-index-clicked';
-import { Role } from '../../entities/security-entities';
+import { Namebook } from '../../entities/namebook';
+import { RoleMainUIForm } from '../../entities/security-entities';
 import { SpiderlyButton } from '../../entities/spiderly-button';
-import { BaseFormService } from '../../services/base-form.service';
 import { ApiSecurityService } from '../../services/api.service.security';
-import { PrimengOption } from '../../entities/primeng-option';
-import { AutoCompleteCompleteEvent } from 'primeng/autocomplete';
-import { IsAuthorizedForSaveEvent } from '../../entities/is-authorized-for-save-event';
 import { AuthBaseService } from '../../services/auth-base.service';
+import { BaseFormService } from '../../services/base-form.service';
+import { SpiderlyFormArray, SpiderlyFormGroup } from '../spiderly-form-control/spiderly-form-control';
 import * as i0 from "@angular/core";
 export declare class RoleBaseDetailsComponent {
     private apiService;
@@ -20,34 +19,25 @@ export declare class RoleBaseDetailsComponent {
     private baseFormService;
     private authService;
     onSave: EventEmitter<void>;
-    onRoleFormGroupInitFinish: EventEmitter<void>;
+    onAfterFormGroupInit: EventEmitter<void>;
     getCrudMenuForOrderedData: (formArray: SpiderlyFormArray, modelConstructor: BaseEntity, lastMenuIconIndexClicked: LastMenuIconIndexClicked, adjustFormArrayManually: boolean) => MenuItem[];
-    formGroup: SpiderlyFormGroup;
-    roleFormGroup: SpiderlyFormGroup<Role>;
+    parentFormGroup: SpiderlyFormGroup<RoleMainUIForm>;
     additionalButtons: SpiderlyButton[];
     panelTitle: string;
     showBigPanelTitle: boolean;
     panelIcon: string;
-    authorizationForSaveSubscription: Subscription;
-    authorizedForSaveObservable: () => Observable<boolean>;
+    handleAdditionalSaveAuthorization: () => Promise<boolean>;
     isAuthorizedForSave: boolean;
     onIsAuthorizedForSaveChange: EventEmitter<IsAuthorizedForSaveEvent>;
     modelId: number;
     loading: boolean;
-    roleSaveBodyName: string;
-    usersForRoleOptions: PrimengOption[];
-    permissionsForRoleOptions: PrimengOption[];
-    selectedUsersForRole: SpiderlyFormControl<PrimengOption[]>;
-    selectedPermissionsForRole: SpiderlyFormControl<number[]>;
+    usersForRoleOptions: Namebook[];
+    permissionsForRoleOptions: Namebook[];
     constructor(apiService: ApiSecurityService, route: ActivatedRoute, baseFormService: BaseFormService, authService: AuthBaseService);
     ngOnInit(): void;
-    initRoleFormGroup(role: Role): void;
-    handleAuthorizationForSave: () => Observable<void>;
+    handleAuthorizationForSave: () => Promise<void>;
     searchUsersForRole(event: AutoCompleteCompleteEvent): void;
-    control(formControlName: string, formGroup: SpiderlyFormGroup): SpiderlyFormControl<any>;
-    getFormArrayGroups<T>(formArray: SpiderlyFormArray): SpiderlyFormGroup<T>[];
     save(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RoleBaseDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RoleBaseDetailsComponent, "role-base-details", never, { "getCrudMenuForOrderedData": { "alias": "getCrudMenuForOrderedData"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "roleFormGroup": { "alias": "roleFormGroup"; "required": false; }; "additionalButtons": { "alias": "additionalButtons"; "required": false; }; "panelTitle": { "alias": "panelTitle"; "required": false; }; "showBigPanelTitle": { "alias": "showBigPanelTitle"; "required": false; }; "panelIcon": { "alias": "panelIcon"; "required": false; }; "authorizedForSaveObservable": { "alias": "authorizedForSaveObservable"; "required": false; }; }, { "onSave": "onSave"; "onRoleFormGroupInitFinish": "onRoleFormGroupInitFinish"; "onIsAuthorizedForSaveChange": "onIsAuthorizedForSaveChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RoleBaseDetailsComponent, "role-base-details", never, { "getCrudMenuForOrderedData": { "alias": "getCrudMenuForOrderedData"; "required": false; }; "parentFormGroup": { "alias": "parentFormGroup"; "required": false; }; "additionalButtons": { "alias": "additionalButtons"; "required": false; }; "panelTitle": { "alias": "panelTitle"; "required": false; }; "showBigPanelTitle": { "alias": "showBigPanelTitle"; "required": false; }; "panelIcon": { "alias": "panelIcon"; "required": false; }; "handleAdditionalSaveAuthorization": { "alias": "handleAdditionalSaveAuthorization"; "required": false; }; }, { "onSave": "onSave"; "onAfterFormGroupInit": "onAfterFormGroupInit"; "onIsAuthorizedForSaveChange": "onIsAuthorizedForSaveChange"; }, never, never, true, never>;
 }

package/lib/components/base-form/base-form copy.d.ts

@@ -1,15 +1,13 @@
-import { BaseFormService } from './../../services/base-form.service';
-import { ChangeDetectorRef, KeyValueDiffers, OnInit } from '@angular/core';
-import { SpiderlyFormArray, SpiderlyFormControl, SpiderlyFormGroup } from '../spiderly-form-control/spiderly-form-control';
 import { HttpClient } from '@angular/common/http';
-import { SpiderlyMessageService } from '../../services/spiderly-message.service';
+import { ChangeDetectorRef, KeyValueDiffers, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { MenuItem } from 'primeng/api';
 import { TranslocoService } from '@jsverse/transloco';
-import { BaseEntity } from '../../entities/base-entity';
-import { LastMenuIconIndexClicked } from '../../entities/last-menu-icon-index-clicked';
+import { BaseEntity, SchemaAwareConstructor } from '../../entities/base-entity';
+import { SpiderlyMessageService } from '../../services/spiderly-message.service';
+import { SpiderlyFormArray, SpiderlyFormControl, SpiderlyFormGroup } from '../spiderly-form-control/spiderly-form-control';
+import { BaseFormService } from './../../services/base-form.service';
 import * as i0 from "@angular/core";
-export declare class BaseFormCopy implements OnInit {
+export declare class BaseFormCopy<T extends BaseEntity = any> implements OnInit {
     protected differs: KeyValueDiffers;
     protected http: HttpClient;
     protected messageService: SpiderlyMessageService;
@@ -18,37 +16,22 @@ export declare class BaseFormCopy implements OnInit {
     protected route: ActivatedRoute;
     protected translocoService: TranslocoService;
     protected baseFormService: BaseFormService;
-    formGroup: SpiderlyFormGroup;
+    parentFormGroup: SpiderlyFormGroup<T>;
+    mainUIFormClass: SchemaAwareConstructor<any>;
+    saveBodyClass: SchemaAwareConstructor<any>;
     saveBody: any;
     successfulSaveToastDescription: string;
-    loading: boolean;
     private modelDiffer;
     constructor(differs: KeyValueDiffers, http: HttpClient, messageService: SpiderlyMessageService, changeDetectorRef: ChangeDetectorRef, router: Router, route: ActivatedRoute, translocoService: TranslocoService, baseFormService: BaseFormService);
     ngOnInit(): void;
-    initFormGroup: <T>(formGroup: SpiderlyFormGroup<T>, parentFormGroup: SpiderlyFormGroup, modelConstructor: any, propertyNameInSaveBody: string, updateOnChangeControls?: (keyof T)[]) => SpiderlyFormGroup<T>;
-    createFormGroup: <T>(formGroup: SpiderlyFormGroup<T>, modelConstructor: T & BaseEntity, updateOnChangeControls?: (keyof T)[]) => SpiderlyFormGroup<T>;
-    control: <T extends BaseEntity>(formControlName: string & keyof T, formGroup: SpiderlyFormGroup<T>) => { [P in keyof T]: SpiderlyFormControl<T[P]>; }[string & keyof T];
     onSave: (reroute?: boolean) => void;
     rerouteToSavedObject: (rerouteId: number | string) => void;
     onBeforeSave: (saveBody?: any) => void;
     onAfterSave: () => void;
     onAfterSaveRequest: () => void;
-    areFormGroupsFromParentFormGroupValid(): boolean;
     getFormArrayControlByIndex<T>(formControlName: keyof T & string, formArray: SpiderlyFormArray<T>, index: number, filter?: (formGroups: SpiderlyFormGroup<T>[]) => SpiderlyFormGroup<T>[]): SpiderlyFormControl;
     getFormArrayControls<T>(formControlName: keyof T & string, formArray: SpiderlyFormArray<T>, filter?: (formGroups: SpiderlyFormGroup<T>[]) => SpiderlyFormGroup<T>[]): SpiderlyFormControl[];
-    getFormArrayGroups<T>(formArray: SpiderlyFormArray<T>): SpiderlyFormGroup<T>[];
-    addNewFormGroupToFormArray<T>(formArray: SpiderlyFormArray<T>, modelConstructor: T & BaseEntity, index: number): SpiderlyFormGroup;
-    initFormArray<T>(parentFormGroup: SpiderlyFormGroup, modelList: (T & BaseEntity)[], modelConstructor: T & BaseEntity, formArraySaveBodyName: string, formArrayTranslationKey: string, required?: boolean): SpiderlyFormArray<T>;
-    removeFormControlFromTheFormArray(formArray: SpiderlyFormArray, index: number): void;
     removeFormControlsFromTheFormArray(formArray: SpiderlyFormArray, indexes: number[]): void;
-    areFormArraysValid(): boolean;
-    onBeforeSaveList(): void;
-    onAfterSaveList(): void;
-    onAfterSaveListRequest(): void;
-    getCrudMenuForOrderedData: (formArray: SpiderlyFormArray, modelConstructor: BaseEntity, lastMenuIconIndexClicked: LastMenuIconIndexClicked, adjustFormArrayManually?: boolean) => MenuItem[];
-    onBeforeRemove: (formArray: SpiderlyFormArray, modelConstructor: any, lastMenuIconIndexClicked: number) => void;
-    onBeforeAddAbove: (formArray: SpiderlyFormArray, modelConstructor: any, lastMenuIconIndexClicked: number) => void;
-    onBeforeAddBelow: (formArray: SpiderlyFormArray, modelConstructor: any, lastMenuIconIndexClicked: number) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormCopy, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseFormCopy, "base-form", never, {}, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormCopy<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseFormCopy<any>, "base-form", never, {}, {}, never, never, false, never>;
 }

package/lib/components/info-card/info-card.component.d.ts

@@ -3,9 +3,11 @@ import * as i0 from "@angular/core";
 export declare class InfoCardComponent {
     protected formBuilder: FormBuilder;
     header: string;
-    description: string;
+    showSmallIcon: boolean;
+    icon: string;
+    textColor: string;
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InfoCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InfoCardComponent, "info-card", never, { "header": { "alias": "header"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InfoCardComponent, "info-card", never, { "header": { "alias": "header"; "required": false; }; "showSmallIcon": { "alias": "showSmallIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/layout/profile-avatar/profile-avatar.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { Router } from '@angular/router';
 import { LayoutBaseService } from '../../../services/app-layout-base.service';
 import { UserBase } from '../../../entities/security-entities';
@@ -6,13 +6,6 @@ import { AuthBaseService } from '../../../services/auth-base.service';
 import { TranslocoService } from '@jsverse/transloco';
 import { ConfigBaseService } from '../../../services/config-base.service';
 import * as i0 from "@angular/core";
-interface ProfileAvatarModalMenuItem {
-    label?: string;
-    icon?: string;
-    showSeparator?: boolean;
-    onClick?: () => void;
-    showNotificationBadge?: boolean;
-}
 export declare class ProfileAvatarComponent {
     layoutService: LayoutBaseService;
     private authService;
@@ -20,11 +13,18 @@ export declare class ProfileAvatarComponent {
     private translocoService;
     config: ConfigBaseService;
     isSideMenuLayout: boolean;
+    routeOnLargeProfileAvatarClick: boolean;
+    showLoginButton: boolean;
+    routeToLoginPage: boolean;
+    loginButtonOutlined: boolean;
+    loginButtonSeverity: 'success' | 'info' | 'warn' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
+    loginButtonSize: 'small' | 'large' | undefined;
+    onLoginButtonClick: EventEmitter<any>;
+    menuItems: ProfileAvatarModalMenuItem[];
     private initTopBarSubscription;
     currentUser: UserBase;
     userProfilePath: string;
     unreadNotificationsCount: number;
-    menuItems: ProfileAvatarModalMenuItem[];
     avatarLabel: string;
     showProfileIcon: boolean;
     notificationMenuItem: ProfileAvatarModalMenuItem;
@@ -35,8 +35,15 @@ export declare class ProfileAvatarComponent {
     onAfterNgOnInit: () => void;
     onDocumentClick(event: any): void;
     routeToUserPage(): void;
+    loginButtonClick(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProfileAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileAvatarComponent, "spiderly-profile-avatar", never, { "isSideMenuLayout": { "alias": "isSideMenuLayout"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileAvatarComponent, "spiderly-profile-avatar", never, { "isSideMenuLayout": { "alias": "isSideMenuLayout"; "required": false; }; "routeOnLargeProfileAvatarClick": { "alias": "routeOnLargeProfileAvatarClick"; "required": false; }; "showLoginButton": { "alias": "showLoginButton"; "required": false; }; "routeToLoginPage": { "alias": "routeToLoginPage"; "required": false; }; "loginButtonOutlined": { "alias": "loginButtonOutlined"; "required": false; }; "loginButtonSeverity": { "alias": "loginButtonSeverity"; "required": false; }; "loginButtonSize": { "alias": "loginButtonSize"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; }, { "onLoginButtonClick": "onLoginButtonClick"; }, never, never, true, never>;
+}
+export interface ProfileAvatarModalMenuItem {
+    label?: string;
+    icon?: string;
+    showSeparator?: boolean;
+    onClick?: () => void;
+    showNotificationBadge?: boolean;
 }
-export {};

package/lib/components/layout/sidebar/menuitem.component.d.ts

@@ -4,11 +4,11 @@ import { SidebarMenuService } from './sidebar-menu.service';
 import { SpiderlyMenuItem } from './sidebar-menu.component';
 import { AutoCompleteCompleteEvent } from 'primeng/autocomplete';
 import { SpiderlyFormControl } from '../../spiderly-form-control/spiderly-form-control';
-import { PrimengOption } from '../../../entities/primeng-option';
 import { LayoutBaseService } from '../../../services/app-layout-base.service';
 import { AuthBaseService } from '../../../services/auth-base.service';
 import { ApiSecurityService } from '../../../services/api.service.security';
 import { ConfigBaseService } from '../../../services/config-base.service';
+import { Namebook } from '../../../entities/namebook';
 import * as i0 from "@angular/core";
 export declare class MenuitemComponent implements OnInit, OnDestroy {
     layoutService: LayoutBaseService;
@@ -27,8 +27,8 @@ export declare class MenuitemComponent implements OnInit, OnDestroy {
     private menuResetSubscription;
     private permissionSubscription;
     key: string;
-    selectedPartner: SpiderlyFormControl;
-    partnerOptions: PrimengOption[];
+    selectedPartner: SpiderlyFormControl<Namebook>;
+    partnerOptions: Namebook[];
     constructor(layoutService: LayoutBaseService, cd: ChangeDetectorRef, router: Router, menuService: SidebarMenuService, authService: AuthBaseService, apiService: ApiSecurityService, config: ConfigBaseService);
     ngOnInit(): void;
     updateActiveStateFromRoute(): void;

package/lib/components/spiderly-buttons/google-button/google-button.component.d.ts

@@ -1,14 +1,11 @@
 import { EventEmitter } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class GoogleButtonComponent {
+    label: string;
     loginWithGoogle: EventEmitter<any>;
-    constructor();
-    createFakeGoogleWrapper: () => {
-        click: () => void;
-    };
     handleGoogleLogin(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoogleButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoogleButtonComponent, "google-button", never, {}, { "loginWithGoogle": "loginWithGoogle"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoogleButtonComponent, "google-button", never, { "label": { "alias": "label"; "required": false; }; }, { "loginWithGoogle": "loginWithGoogle"; }, never, never, true, never>;
 }
 declare global {
     interface Window {

package/lib/components/spiderly-buttons/spiderly-button/spiderly-button.component.d.ts

@@ -1,6 +1,7 @@
 import { SpiderlyButtonBaseComponent } from "../spiderly-button-base/spiderly-button-base";
 import * as i0 from "@angular/core";
 export declare class SpiderlyButtonComponent extends SpiderlyButtonBaseComponent {
+    type: 'button' | 'submit' | 'reset';
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyButtonComponent, "spiderly-button", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyButtonComponent, "spiderly-button", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/spiderly-buttons/spiderly-button-base/spiderly-button-base.d.ts

@@ -14,6 +14,7 @@ export declare class SpiderlyButtonBaseComponent {
     };
     class: string;
     severity: 'success' | 'info' | 'warn' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
+    size: 'small' | 'large' | undefined;
     disabled: boolean;
     onClick: EventEmitter<Event>;
     private clickSubject;
@@ -23,5 +24,5 @@ export declare class SpiderlyButtonBaseComponent {
     handleClick: (event: Event) => void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyButtonBaseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyButtonBaseComponent, "spiderly-button-base", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "style": { "alias": "style"; "required": false; }; "class": { "alias": "class"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyButtonBaseComponent, "spiderly-button-base", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "style": { "alias": "style"; "required": false; }; "class": { "alias": "class"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
 }

package/lib/components/spiderly-data-table/spiderly-data-table.component.d.ts

@@ -1,16 +1,16 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
+import { TranslocoService } from '@jsverse/transloco';
 import { SelectItem } from 'primeng/api';
-import { Table, TableFilterEvent, TableLazyLoadEvent } from 'primeng/table';
 import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
-import { SpiderlyMessageService } from '../../services/spiderly-message.service';
+import { Table, TableFilterEvent, TableLazyLoadEvent } from 'primeng/table';
 import { Observable } from 'rxjs';
+import { Filter } from '../../entities/filter';
+import { LazyLoadSelectedIdsResult } from '../../entities/lazy-load-selected-ids-result';
+import { PaginatedResult } from '../../entities/paginated-result';
 import { PrimengOption } from '../../entities/primeng-option';
-import { TranslocoService } from '@jsverse/transloco';
+import { SpiderlyMessageService } from '../../services/spiderly-message.service';
 import { SpiderlyFormControl } from '../spiderly-form-control/spiderly-form-control';
-import { PaginatedResult } from '../../entities/paginated-result';
-import { LazyLoadSelectedIdsResult } from '../../entities/lazy-load-selected-ids-result';
-import { Filter } from '../../entities/filter';
 import * as i0 from "@angular/core";
 export declare class SpiderlyDataTableComponent implements OnInit {
     private router;
@@ -28,6 +28,7 @@ export declare class SpiderlyDataTableComponent implements OnInit {
     showPaginator: boolean;
     showCardWrapper: boolean;
     readonly: boolean;
+    idField: string;
     totalRecords: number;
     onTotalRecordsChange: EventEmitter<number>;
     getPaginatedListObservableMethod: (tableFilter: Filter) => Observable<PaginatedResult>;
@@ -81,6 +82,7 @@ export declare class SpiderlyDataTableComponent implements OnInit {
     showActions(): boolean;
     getStyleForBodyColumn(col: Column<any>): string;
     getClassForAction(action: Action): string;
+    getStyleForAction(action: Action): string;
     getMethodForAction(action: Action, rowData: any): void;
     getRowData(rowData: any, col: Column): string;
     colTrackByFn(index: any, item: any): any;
@@ -95,19 +97,21 @@ export declare class SpiderlyDataTableComponent implements OnInit {
     rowUnselect(id: number): void;
     getFormArrayControlByIndex(formControlName: string, index: number): SpiderlyFormControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyDataTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyDataTableComponent, "spiderly-data-table", never, { "tableTitle": { "alias": "tableTitle"; "required": false; }; "tableIcon": { "alias": "tableIcon"; "required": false; }; "items": { "alias": "items"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "showPaginator": { "alias": "showPaginator"; "required": false; }; "showCardWrapper": { "alias": "showCardWrapper"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "getPaginatedListObservableMethod": { "alias": "getPaginatedListObservableMethod"; "required": false; }; "exportListToExcelObservableMethod": { "alias": "exportListToExcelObservableMethod"; "required": false; }; "deleteItemFromTableObservableMethod": { "alias": "deleteItemFromTableObservableMethod"; "required": false; }; "newlySelectedItems": { "alias": "newlySelectedItems"; "required": false; }; "unselectedItems": { "alias": "unselectedItems"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectedLazyLoadObservableMethod": { "alias": "selectedLazyLoadObservableMethod"; "required": false; }; "additionalFilterIdLong": { "alias": "additionalFilterIdLong"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "showExportToExcelButton": { "alias": "showExportToExcelButton"; "required": false; }; "showReloadTableButton": { "alias": "showReloadTableButton"; "required": false; }; "getFormArrayItems": { "alias": "getFormArrayItems"; "required": false; }; "hasLazyLoad": { "alias": "hasLazyLoad"; "required": false; }; "getAlreadySelectedItemIds": { "alias": "getAlreadySelectedItemIds"; "required": false; }; "getAlreadySelectedItems": { "alias": "getAlreadySelectedItems"; "required": false; }; "getFormControl": { "alias": "getFormControl"; "required": false; }; "additionalIndexes": { "alias": "additionalIndexes"; "required": false; }; }, { "onTotalRecordsChange": "onTotalRecordsChange"; "onLazyLoad": "onLazyLoad"; "onIsAllSelectedChange": "onIsAllSelectedChange"; "onRowSelect": "onRowSelect"; "onRowUnselect": "onRowUnselect"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyDataTableComponent, "spiderly-data-table", never, { "tableTitle": { "alias": "tableTitle"; "required": false; }; "tableIcon": { "alias": "tableIcon"; "required": false; }; "items": { "alias": "items"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "showPaginator": { "alias": "showPaginator"; "required": false; }; "showCardWrapper": { "alias": "showCardWrapper"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; "getPaginatedListObservableMethod": { "alias": "getPaginatedListObservableMethod"; "required": false; }; "exportListToExcelObservableMethod": { "alias": "exportListToExcelObservableMethod"; "required": false; }; "deleteItemFromTableObservableMethod": { "alias": "deleteItemFromTableObservableMethod"; "required": false; }; "newlySelectedItems": { "alias": "newlySelectedItems"; "required": false; }; "unselectedItems": { "alias": "unselectedItems"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectedLazyLoadObservableMethod": { "alias": "selectedLazyLoadObservableMethod"; "required": false; }; "additionalFilterIdLong": { "alias": "additionalFilterIdLong"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "showExportToExcelButton": { "alias": "showExportToExcelButton"; "required": false; }; "showReloadTableButton": { "alias": "showReloadTableButton"; "required": false; }; "getFormArrayItems": { "alias": "getFormArrayItems"; "required": false; }; "hasLazyLoad": { "alias": "hasLazyLoad"; "required": false; }; "getAlreadySelectedItemIds": { "alias": "getAlreadySelectedItemIds"; "required": false; }; "getAlreadySelectedItems": { "alias": "getAlreadySelectedItems"; "required": false; }; "getFormControl": { "alias": "getFormControl"; "required": false; }; "additionalIndexes": { "alias": "additionalIndexes"; "required": false; }; }, { "onTotalRecordsChange": "onTotalRecordsChange"; "onLazyLoad": "onLazyLoad"; "onIsAllSelectedChange": "onIsAllSelectedChange"; "onRowSelect": "onRowSelect"; "onRowUnselect": "onRowUnselect"; }, never, never, true, never>;
 }
 export declare class Action {
     name?: string;
     field?: string;
     icon?: string;
     style?: string;
+    styleClass?: string;
     onClick?: (id: number) => void;
-    constructor({ name, field, icon, style, onClick, }?: {
+    constructor({ name, field, icon, style, styleClass, onClick, }?: {
         name?: string;
         field?: string;
         icon?: string;
         style?: string;
+        styleClass?: string;
         onClick?: () => void;
     });
 }

package/lib/components/spiderly-form-control/spiderly-form-control.d.ts

@@ -1,6 +1,10 @@
 import { FormArray, FormControl, FormControlOptions, FormGroup, ValidatorFn } from '@angular/forms';
+import { TranslocoService } from '@jsverse/transloco';
+import { MenuItem } from 'primeng/api';
 import { Observable } from 'rxjs';
-import { BaseEntity } from '../../entities/base-entity';
+import { BaseEntity, SchemaAwareConstructor } from '../../entities/base-entity';
+import { Namebook } from '../../entities/namebook';
+import { BaseFormService } from '../../services/base-form.service';
 export interface SpiderlyValidatorFn extends ValidatorFn {
     hasNotEmptyRule?: boolean;
 }
@@ -9,6 +13,7 @@ export declare class SpiderlyFormControl<T = any> extends FormControl<T> {
     labelForDisplay: string;
     required: boolean;
     parentClassName: string;
+    type: string;
     private _spiderlyValidator;
     constructor(value: any, opts?: FormControlOptions, required?: boolean);
     getRawValue(): T;
@@ -16,23 +21,35 @@ export declare class SpiderlyFormControl<T = any> extends FormControl<T> {
     set validator(validator: SpiderlyValidatorFn | null);
 }
 type SpiderlyControlsOfType<TValue> = {
-    [P in keyof TValue]: SpiderlyFormControl<TValue[P]>;
+    [P in keyof TValue]: TValue[P] extends (infer U)[] ? U extends Namebook | string | number | Date | boolean ? SpiderlyFormControl<TValue[P]> : SpiderlyFormArray<U> : TValue[P] extends Date ? SpiderlyFormControl<TValue[P]> : TValue[P] extends object ? SpiderlyFormGroup<TValue[P]> : SpiderlyFormControl<TValue[P]>;
 };
 export declare class SpiderlyFormGroup<TValue = any> extends FormGroup {
     controls: SpiderlyControlsOfType<TValue>;
     constructor(controls: SpiderlyControlsOfType<TValue>);
     getRawValue(): TValue;
+    targetClass: SchemaAwareConstructor<TValue>;
+    trackingId: string;
     name?: string;
-    mainDTOName?: string;
     saveObservableMethod?: (saveBody: any) => Observable<any>;
     initSaveBody?: () => BaseEntity;
     controlNamesFromHtml?: string[];
+    getControl: <TKey extends Extract<keyof TValue, string>>(formControlName: TKey) => SpiderlyControlsOfType<TValue>[TKey];
 }
-export declare class SpiderlyFormArray<TValue = any> extends FormArray {
+export declare class SpiderlyFormArray<TValue extends BaseEntity = any> extends FormArray {
+    private translocoService;
+    private baseFormService;
+    constructor(controls: SpiderlyControlsOfType<TValue>[], translocoService: TranslocoService, baseFormService: BaseFormService);
+    label: string;
+    labelForDisplay: string;
     value: TValue[];
     required: boolean;
-    modelConstructor: TValue;
-    translationKey: string;
-    controlNamesFromHtml?: string[];
+    formGroupInitialValues: Partial<TValue>;
+    targetClass: SchemaAwareConstructor<TValue>;
+    lastMenuIconIndexClicked: number;
+    getCrudMenuForOrderedData: () => MenuItem[];
+    addNewFormGroup: (index: number) => void;
+    getFormGroups: () => SpiderlyFormGroup<TValue>[];
+    disableAllFormControls(): void;
+    enableAllFormControls(): void;
 }
 export {};

package/lib/components/spiderly-panels/spiderly-card/spiderly-card.component.d.ts

@@ -6,5 +6,5 @@ export declare class SpiderlyCardComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyCardComponent, "spiderly-card", never, { "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyCardComponent, "spiderly-card", never, { "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/spiderly-panels/spiderly-panel/spiderly-panel.component.d.ts

@@ -7,6 +7,7 @@ export declare class SpiderlyPanelComponent implements OnInit {
     isMiddleMultiplePanel: boolean;
     isLastMultiplePanel: boolean;
     toggleable: boolean;
+    toggler: 'header' | 'icon' | null;
     collapsed: boolean;
     crudMenu: MenuItem[];
     showCrudMenu: boolean;
@@ -21,5 +22,5 @@ export declare class SpiderlyPanelComponent implements OnInit {
     menuItemClick(index: number, event: any): void;
     removeItemClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyPanelComponent, "spiderly-panel", never, { "isFirstMultiplePanel": { "alias": "isFirstMultiplePanel"; "required": false; }; "isMiddleMultiplePanel": { "alias": "isMiddleMultiplePanel"; "required": false; }; "isLastMultiplePanel": { "alias": "isLastMultiplePanel"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "crudMenu": { "alias": "crudMenu"; "required": false; }; "showCrudMenu": { "alias": "showCrudMenu"; "required": false; }; "showRemoveIcon": { "alias": "showRemoveIcon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "showPanelHeader": { "alias": "showPanelHeader"; "required": false; }; }, { "onMenuIconClick": "onMenuIconClick"; "onRemoveIconClick": "onRemoveIconClick"; }, never, ["panel-header", "panel-body", "panel-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyPanelComponent, "spiderly-panel", never, { "isFirstMultiplePanel": { "alias": "isFirstMultiplePanel"; "required": false; }; "isMiddleMultiplePanel": { "alias": "isMiddleMultiplePanel"; "required": false; }; "isLastMultiplePanel": { "alias": "isLastMultiplePanel"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "toggler": { "alias": "toggler"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "crudMenu": { "alias": "crudMenu"; "required": false; }; "showCrudMenu": { "alias": "showCrudMenu"; "required": false; }; "showRemoveIcon": { "alias": "showRemoveIcon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "showPanelHeader": { "alias": "showPanelHeader"; "required": false; }; }, { "onMenuIconClick": "onMenuIconClick"; "onRemoveIconClick": "onRemoveIconClick"; }, never, ["panel-header", "[panelHeader]", "panel-body", "panel-footer"], false, never>;
 }

package/lib/components/spiderly-panels/spiderly-panels.module.d.ts

@@ -3,12 +3,11 @@ import * as i1 from "./panel-header/panel-header.component";
 import * as i2 from "./panel-body/panel-body.component";
 import * as i3 from "./panel-footer/panel-footer.component";
 import * as i4 from "./spiderly-panel/spiderly-panel.component";
-import * as i5 from "./spiderly-card/spiderly-card.component";
-import * as i6 from "@angular/common";
-import * as i7 from "primeng/menu";
-import * as i8 from "primeng/panel";
+import * as i5 from "@angular/common";
+import * as i6 from "primeng/menu";
+import * as i7 from "primeng/panel";
 export declare class SpiderlyPanelsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyPanelsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SpiderlyPanelsModule, [typeof i1.PanelHeaderComponent, typeof i2.PanelBodyComponent, typeof i3.PanelFooterComponent, typeof i4.SpiderlyPanelComponent, typeof i5.SpiderlyCardComponent], [typeof i6.CommonModule, typeof i7.MenuModule, typeof i8.PanelModule], [typeof i1.PanelHeaderComponent, typeof i2.PanelBodyComponent, typeof i3.PanelFooterComponent, typeof i4.SpiderlyPanelComponent, typeof i5.SpiderlyCardComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SpiderlyPanelsModule, [typeof i1.PanelHeaderComponent, typeof i2.PanelBodyComponent, typeof i3.PanelFooterComponent, typeof i4.SpiderlyPanelComponent], [typeof i5.CommonModule, typeof i6.MenuModule, typeof i7.PanelModule], [typeof i1.PanelHeaderComponent, typeof i2.PanelBodyComponent, typeof i3.PanelFooterComponent, typeof i4.SpiderlyPanelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SpiderlyPanelsModule>;
 }

package/lib/controls/base-control.d.ts

@@ -1,11 +1,12 @@
-import { SpiderlyFormControl } from '../components/spiderly-form-control/spiderly-form-control';
 import { TranslocoService } from '@jsverse/transloco';
+import { SpiderlyFormControl } from '../components/spiderly-form-control/spiderly-form-control';
 import * as i0 from "@angular/core";
 export declare class BaseControl {
     protected translocoService: TranslocoService;
-    control: SpiderlyFormControl;
+    control: SpiderlyFormControl<any>;
     disabled: boolean;
     showLabel: boolean;
+    showRequired: boolean;
     label: string;
     controlValid: boolean;
     placeholder: string;
@@ -19,5 +20,5 @@ export declare class BaseControl {
     getTranslatedLabel(): string;
     getValidationErrrorMessages(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseControl, "base-control", never, { "control": { "alias": "control"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "controlValid": { "alias": "controlValid"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "tooltipIcon": { "alias": "tooltipIcon"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseControl, "base-control", never, { "control": { "alias": "control"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "showRequired": { "alias": "showRequired"; "required": false; }; "label": { "alias": "label"; "required": false; }; "controlValid": { "alias": "controlValid"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "tooltipIcon": { "alias": "tooltipIcon"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/controls/base-dropdown-control.d.ts

@@ -1,11 +1,11 @@
 import { EventEmitter } from '@angular/core';
 import { BaseControl } from './base-control';
-import { PrimengOption } from '../entities/primeng-option';
 import { TranslocoService } from '@jsverse/transloco';
+import { Namebook } from '../entities/namebook';
 import * as i0 from "@angular/core";
 export declare class BaseDropdownControl extends BaseControl {
     protected translocoService: TranslocoService;
-    options: PrimengOption[];
+    options: Namebook[];
     showAddon: boolean;
     addonIcon: string;
     placeholder: string;

package/lib/controls/spiderly-autocomplete/spiderly-autocomplete.component.d.ts

@@ -1,10 +1,10 @@
 import { OnInit } from '@angular/core';
-import { AutoCompleteCompleteEvent, AutoCompleteSelectEvent } from 'primeng/autocomplete';
-import { BaseAutocompleteControl } from '../base-autocomplete-control';
 import { TranslocoService } from '@jsverse/transloco';
+import { AutoCompleteCompleteEvent, AutoCompleteSelectEvent } from 'primeng/autocomplete';
 import { ValidatorAbstractService } from '../../services/validator-abstract.service';
+import { BaseAutocompleteControl } from '../base-autocomplete-control';
 import { SpiderlyFormControl } from '../../components/spiderly-form-control/spiderly-form-control';
-import { PrimengOption } from '../../entities/primeng-option';
+import { Namebook } from '../../entities/namebook';
 import * as i0 from "@angular/core";
 export declare class SpiderlyAutocompleteComponent extends BaseAutocompleteControl implements OnInit {
     protected translocoService: TranslocoService;
@@ -13,7 +13,7 @@ export declare class SpiderlyAutocompleteComponent extends BaseAutocompleteContr
     showClear: boolean;
     emptyMessage: string;
     displayName: string;
-    helperFormControl: SpiderlyFormControl<PrimengOption>;
+    helperFormControl: SpiderlyFormControl<Namebook>;
     constructor(translocoService: TranslocoService, validatorService: ValidatorAbstractService);
     ngOnInit(): void;
     search(event: AutoCompleteCompleteEvent): void;