spiderly 19.2.0 → 19.3.0-preview.0

package/lib/services/api.service.security.d.ts

@@ -2,7 +2,7 @@ import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { Namebook } from '../entities/namebook';
 import { Filter } from '../entities/filter';
-import { Login, Registration, RegistrationVerificationResult, RefreshTokenRequest, AuthResult, Role, UserBase, ExternalProvider, VerificationTokenRequest, RoleSaveBody, RoleMainUIForm } from '../entities/security-entities';
+import { Login, RefreshTokenRequest, AuthResult, Role, UserBase, ExternalProvider, VerificationTokenRequest, RoleSaveBody, RoleMainUIForm } from '../entities/security-entities';
 import { ConfigBaseService } from './config-base.service';
 import { PaginatedResult } from '../entities/paginated-result';
 import * as i0 from "@angular/core";
@@ -10,8 +10,6 @@ export declare class ApiSecurityService {
     protected http: HttpClient;
     protected config: ConfigBaseService;
     constructor(http: HttpClient, config: ConfigBaseService);
-    register: (request: VerificationTokenRequest) => Observable<AuthResult>;
-    sendRegistrationVerificationEmail: (registrationDTO: Registration) => Observable<RegistrationVerificationResult>;
     login: (request: VerificationTokenRequest) => Observable<AuthResult>;
     loginExternal: (externalProviderDTO: ExternalProvider) => Observable<AuthResult>;
     sendLoginVerificationEmail: (loginDTO: Login) => Observable<any>;

package/lib/services/app-initializer.d.ts

@@ -1,4 +1,4 @@
 import { Observable } from 'rxjs';
 import { AuthBaseService } from './auth-base.service';
 import { AuthResult } from '../entities/security-entities';
-export declare function authInitializer(authService: AuthBaseService): () => Observable<AuthResult>;
+export declare function authInitializer(authService: AuthBaseService, platformId: any): () => Observable<AuthResult>;

package/lib/services/app-layout-base.service.d.ts

@@ -4,8 +4,8 @@ import { OnDestroy } from '@angular/core';
 import { BehaviorSubject, Observable, Subscription } from 'rxjs';
 import { InitTopBarData } from '../entities/init-top-bar-data';
 import { ConfigBaseService } from './config-base.service';
-import { PrimengOption } from '../entities/primeng-option';
 import { AutoCompleteCompleteEvent } from 'primeng/autocomplete';
+import { Namebook } from '../entities/namebook';
 import * as i0 from "@angular/core";
 export interface AppConfig {
     inputStyle: string;
@@ -51,8 +51,8 @@ export declare class LayoutBaseService implements OnDestroy {
     isMobile(): boolean;
     onConfigUpdate(): void;
     initTopBarData: () => Observable<InitTopBarData>;
-    searchPartners: (event: AutoCompleteCompleteEvent) => Observable<PrimengOption[]>;
-    partnersAutocompleteButtonClick: (selectedPartner: PrimengOption) => void;
+    searchPartners: (event: AutoCompleteCompleteEvent) => Observable<Namebook[]>;
+    partnersAutocompleteButtonClick: (selectedPartner: Namebook) => void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutBaseService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LayoutBaseService>;

package/lib/services/auth-base.service.d.ts

@@ -3,7 +3,7 @@ import { Router } from '@angular/router';
 import { HttpClient } from '@angular/common/http';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { SocialUser, SocialAuthService } from '@abacritt/angularx-social-login';
-import { ExternalProvider, Login, VerificationTokenRequest, AuthResult, Registration, RegistrationVerificationResult, UserBase } from '../entities/security-entities';
+import { ExternalProvider, Login, VerificationTokenRequest, AuthResult, UserBase } from '../entities/security-entities';
 import { ConfigBaseService } from './config-base.service';
 import { ApiSecurityService } from './api.service.security';
 import { InitCompanyAuthDialogDetails } from '../entities/init-company-auth-dialog-details';
@@ -14,6 +14,7 @@ export declare class AuthBaseService implements OnDestroy {
     protected externalAuthService: SocialAuthService;
     protected apiService: ApiSecurityService;
     protected config: ConfigBaseService;
+    protected platformId: Object;
     private readonly apiUrl;
     private timer?;
     protected _currentUserPermissionCodes: BehaviorSubject<string[]>;
@@ -24,13 +25,12 @@ export declare class AuthBaseService implements OnDestroy {
     private extAuthChangeSub;
     authChanged: Observable<boolean>;
     extAuthChanged: Observable<SocialUser>;
-    constructor(router: Router, http: HttpClient, externalAuthService: SocialAuthService, apiService: ApiSecurityService, config: ConfigBaseService);
+    constructor(router: Router, http: HttpClient, externalAuthService: SocialAuthService, apiService: ApiSecurityService, config: ConfigBaseService, platformId: Object);
     private storageEventListener;
     sendLoginVerificationEmail(body: Login): Observable<any>;
     login(body: VerificationTokenRequest): Observable<Promise<AuthResult>>;
     loginExternal(body: ExternalProvider): Observable<Promise<AuthResult>>;
-    sendRegistrationVerificationEmail(body: Registration): Observable<RegistrationVerificationResult>;
-    register(body: VerificationTokenRequest): Observable<Promise<AuthResult>>;
+    onAfterLoginExternal: () => void;
     handleLoginResult(loginResultObservable: Observable<AuthResult>): Observable<Promise<AuthResult>>;
     logout(): void;
     onAfterLogout: () => void;
@@ -45,7 +45,6 @@ export declare class AuthBaseService implements OnDestroy {
     private startTokenTimer;
     private stopTokenTimer;
     navigateToDashboard(): void;
-    logoutGoogle: () => void;
     initCompanyAuthDialogDetails: () => Observable<InitCompanyAuthDialogDetails>;
     setCurrentUserPermissionCodes(): Observable<string[]>;
     ngOnDestroy(): void;

package/lib/services/base-form.service.d.ts

@@ -1,9 +1,9 @@
 import { TranslocoService } from '@jsverse/transloco';
-import { SpiderlyFormArray, SpiderlyFormGroup } from '../components/spiderly-form-control/spiderly-form-control';
-import { BaseEntity } from '../entities/base-entity';
+import { SpiderlyFormArray, SpiderlyFormControl, SpiderlyFormGroup } from '../components/spiderly-form-control/spiderly-form-control';
+import { BaseEntity, SchemaAwareConstructor } from '../entities/base-entity';
+import { SpiderlyMessageService } from './spiderly-message.service';
 import { TranslateLabelsAbstractService } from './translate-labels-abstract.service';
 import { ValidatorAbstractService } from './validator-abstract.service';
-import { SpiderlyMessageService } from './spiderly-message.service';
 import * as i0 from "@angular/core";
 export declare class BaseFormService {
     private translateLabelsService;
@@ -11,17 +11,16 @@ export declare class BaseFormService {
     private messageService;
     private translocoService;
     constructor(translateLabelsService: TranslateLabelsAbstractService, validatorService: ValidatorAbstractService, messageService: SpiderlyMessageService, translocoService: TranslocoService);
-    addFormGroup: <T>(formGroup: SpiderlyFormGroup<T>, parentFormGroup: SpiderlyFormGroup, modelConstructor: any, propertyNameInSaveBody: string, updateOnChangeControls?: (keyof T)[]) => SpiderlyFormGroup<T>;
-    initFormGroup: <T>(formGroup: SpiderlyFormGroup<T>, modelConstructor: T & BaseEntity, updateOnChangeControls?: (keyof T)[]) => SpiderlyFormGroup<T>;
+    initFormGroup: <T extends BaseEntity>(formGroup: SpiderlyFormGroup<T>, targetClass: SchemaAwareConstructor<T>, initialValues?: T, updateOnChangeControls?: (keyof T)[]) => SpiderlyFormGroup<T>;
     getTranslatedLabel(formControlName: string): string;
-    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>;
-    disableAllFormControls<T>(formArray: SpiderlyFormArray<T>): void;
-    enableAllFormControls<T>(formArray: SpiderlyFormArray<T>): void;
-    checkFormGroupValidity: <T>(formGroup: SpiderlyFormGroup<T>) => boolean;
+    addNewFormGroupToFormArray<T extends BaseEntity>(formArray: SpiderlyFormArray<T>, targetClass: SchemaAwareConstructor<T>, initialValues: T, index: number): SpiderlyFormGroup;
+    removeFormControlFromTheFormArray(formArray: SpiderlyFormArray, index: number): void;
+    initFormArray<T extends BaseEntity>(formArray: SpiderlyFormArray<T>, targetClass: SchemaAwareConstructor<T>, initialValues?: T[]): SpiderlyFormArray<T>;
     showInvalidFieldsMessage: () => void;
     generateNewNegativeId<T extends BaseEntity>(formArray: SpiderlyFormArray<T>): number;
+    getSaveBodyMainDTOKey: (saveBodyClass: SchemaAwareConstructor<any>) => string;
+    mapMainUIFormToSaveBody: <T extends BaseEntity>(mainUIFormClass: SchemaAwareConstructor<T>, mainUIFormValues: T) => {};
+    isControlValid(control: SpiderlyFormControl | SpiderlyFormGroup | SpiderlyFormArray, controlNamesFromHtml?: string[]): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BaseFormService>;
 }

package/lib/services/config-base.service.d.ts

@@ -8,7 +8,6 @@ export declare class ConfigBaseService {
     companyName: string;
     primaryColor: string;
     googleAuth: boolean;
-    usersCanRegister: boolean;
     loginSlug: string;
     accessTokenKey: string;
     refreshTokenKey: string;

package/lib/services/helper-functions.d.ts

@@ -1,13 +1,12 @@
-import { Action, Column } from "../components/spiderly-data-table/spiderly-data-table.component";
 import { HttpResponse } from "@angular/common/http";
-import { BaseEntity } from "../entities/base-entity";
-import { SpiderlyFormGroup } from "../components/spiderly-form-control/spiderly-form-control";
+import 'reflect-metadata';
 import { Observable } from 'rxjs';
+import { Action, Column } from "../components/spiderly-data-table/spiderly-data-table.component";
+import { SpiderlyTab } from "../components/spiderly-panels/panel-header/panel-header.component";
+import { Codebook } from "../entities/codebook";
 import { Filter } from "../entities/filter";
 import { Namebook } from "../entities/namebook";
-import { Codebook } from "../entities/codebook";
 import { PrimengOption } from "../entities/primeng-option";
-import { SpiderlyTab } from "../components/spiderly-panels/panel-header/panel-header.component";
 export declare function validatePrecisionScale(value: any, precision: number, scale: number, ignoreTrailingZeros: boolean): boolean;
 export declare function getMimeTypeForFileName(fileName: string): string;
 export declare function adjustColor(color: string, percent: number): string;
@@ -18,13 +17,11 @@ export declare function nameOf<TObject extends {
     name: S;
 }, S extends string>(funcOrClass: TObject): S;
 export declare function getParentUrl(currentUrl: string): string;
-export declare function capitalizeFirstLetter(inputString: string): string;
 export declare function getMonth(numberOfTheMonth: number): string;
 export declare function singleOrDefault<T>(array: T[], predicate: (item: T) => boolean): T | undefined;
 export declare function pushAction(cols: Column[], action: Action): void;
 export declare function deleteAction(cols: Column[], actionField: string): void;
 export declare function getFileNameFromContentDisposition(resp: HttpResponse<Blob>, defaultName: string): string;
-export declare const getControl: <T extends BaseEntity>(formControlName: string & keyof T, formGroup: SpiderlyFormGroup<T>) => { [P in keyof T]: import("../components/spiderly-form-control/spiderly-form-control").SpiderlyFormControl<T[P]>; }[string & keyof T];
 export declare function toCommaSeparatedString<T>(input: T[]): string;
 export declare function isImageFileType(mimeType: string): boolean;
 export declare function isExcelFileType(mimeType: string): boolean;
@@ -35,3 +32,16 @@ export declare function getPrimengAutocompleteNamebookOptions(getAutocompleteLis
 export declare function getPrimengAutocompleteCodebookOptions(getAutocompleteListObservable: (limit: number, query: string) => Observable<Codebook[]>, limit: number, query: string): Observable<PrimengOption[]>;
 export declare const isNullOrEmpty: (input: string) => boolean;
 export declare const selectedTab: (tabs: SpiderlyTab[]) => number;
+export declare function firstCharToUpper(input: string): string;
+export declare function splitPascalCase(input: string): string;
+export declare function capitalizeFirstChar(str: string): string;
+export declare function kebabToTitleCase(input: string): string;
+/**
+ * Custom styling of the google button - https://medium.com/simform-engineering/implement-custom-google-sign-in-using-angular-16-9c93aeff6252
+*/
+export declare function createFakeGoogleWrapper(): {
+    click: () => void;
+};
+export declare const PROPS_KEY: unique symbol;
+export declare function ReflectProp(target: any, propertyKey: string): void;
+export declare const primitiveArrayTypes: string[];

package/lib/services/spiderly-message.service.d.ts

@@ -9,7 +9,6 @@ export declare class SpiderlyMessageService {
     constructor(messageService: MessageService, translocoService: TranslocoService, ngZone: NgZone);
     successMessage(detail: string, title?: string): void;
     warningMessage(detail: string, title?: string, sticky?: boolean): void;
-    warningMessageWithTimeout(detail: string, title?: string): void;
     errorMessage(detail: string, title?: string): void;
     infoMessage(detail: string, title?: string, sticky?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyMessageService, never>;

package/lib/services/spiderly-transloco-loader.d.ts

@@ -1,9 +1,11 @@
+import { ConfigBaseService } from './config-base.service';
 import { TranslocoLoader } from '@jsverse/transloco';
 import { HttpClient } from '@angular/common/http';
 import * as i0 from "@angular/core";
 export declare class SpiderlyTranslocoLoader implements TranslocoLoader {
     private http;
-    constructor(http: HttpClient);
+    private config;
+    constructor(http: HttpClient, config: ConfigBaseService);
     getTranslation(lang: string): import("rxjs").Observable<Object>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyTranslocoLoader, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SpiderlyTranslocoLoader>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spiderly",
-  "version": "19.2.0",
+  "version": "19.3.0-preview.0",
   "author": "Filip Trivan",
   "license": "MIT",
   "description": "Spiderly Angular Library to use in combination with Spiderly.",
@@ -27,15 +27,15 @@
   ],
   "private": false,
   "peerDependencies": {
-    "@abacritt/angularx-social-login": "2.2.0",
-    "@angular/animations": "19.2.13",
-    "@angular/common": "19.2.13",
-    "@angular/compiler": "19.2.13",
-    "@angular/core": "19.2.13",
-    "@angular/forms": "19.2.13",
-    "@angular/platform-browser": "19.2.13",
-    "@angular/platform-browser-dynamic": "19.2.13",
-    "@angular/router": "19.2.13",
+    "@abacritt/angularx-social-login": "^2.2.0",
+    "@angular/animations": "^19.2.0",
+    "@angular/common": "^19.2.0",
+    "@angular/compiler": "^19.2.0",
+    "@angular/core": "^19.2.0",
+    "@angular/forms": "^19.2.0",
+    "@angular/platform-browser": "^19.2.0",
+    "@angular/platform-browser-dynamic": "^19.2.0",
+    "@angular/router": "^19.2.0",
     "@jsverse/transloco": "7.5.0",
     "file-saver": "2.0.5",
     "json-parser": "3.1.2",

package/public-api.d.ts

@@ -1,5 +1,3 @@
-export * from './lib/modules/core.module';
-export * from './lib/modules/spiderly-transloco.module';
 export * from './lib/controls/spiderly-autocomplete/spiderly-autocomplete.component';
 export * from './lib/controls/spiderly-calendar/spiderly-calendar.component';
 export * from './lib/controls/spiderly-checkbox/spiderly-checkbox.component';
@@ -21,10 +19,8 @@ export * from './lib/components/base-details/role-base-details.component';
 export * from './lib/components/base-form/base-form copy';
 export * from './lib/components/card-skeleton/card-skeleton.component';
 export * from './lib/components/auth/partials/login-verification.component';
-export * from './lib/components/auth/partials/registration-verification.component';
 export * from './lib/components/auth/partials/verification-wrapper.component';
 export * from './lib/components/auth/login/login.component';
-export * from './lib/components/auth/registration/registration.component';
 export * from './lib/components/footer/footer.component';
 export * from './lib/components/spiderly-buttons/google-button/google-button.component';
 export * from './lib/components/index-card/index-card.component';
@@ -51,6 +47,7 @@ export * from './lib/components/layout/sidebar/sidebar.component';
 export * from './lib/components/layout/sidemenu-topbar/sidemenu-topbar.component';
 export * from './lib/components/layout/layout.component';
 export * from './lib/components/layout/topbar/topbar.component';
+export * from './lib/components/layout/profile-avatar/profile-avatar.component';
 export * from './lib/entities/base-entity';
 export * from './lib/entities/codebook';
 export * from './lib/entities/last-menu-icon-index-clicked';
@@ -75,7 +72,6 @@ export * from './lib/enums/match-mode-enum-codes';
 export * from './lib/guards/auth.guard';
 export * from './lib/guards/not-auth.guard';
 export * from './lib/handlers/spiderly-error-handler';
-export * from './lib/handlers/spiderly-transloco-fallback-strategy';
 export * from './lib/interceptors/http-loading.interceptor';
 export * from './lib/interceptors/json-parser.interceptor';
 export * from './lib/interceptors/jwt.interceptor';

package/styles/components/info-card/info-card.component.scss

@@ -0,0 +1,61 @@
+.info-card {
+  background-color: var(--p-primary-100);
+  position: relative;
+  overflow: hidden;
+
+  &__content {
+    display: flex;
+    align-items: center;
+    gap: 21px;
+    position: relative;
+    z-index: 2;
+  }
+
+  &__icon {
+    font-size: 21px;
+    color: var(--p-primary-color);
+  }
+
+  &__header {
+    display: flex;
+    gap: 8px;
+    color: var(--p-primary-color);
+    font-weight: 600;
+    text-align: left;
+    font-size: 17.5px;
+  }
+
+  &__body {
+    text-align: left;
+    margin-top: 8px;
+  }
+
+  &__background-icon {
+    text-align: center;
+    transform: rotate(30deg);
+    color: var(--p-primary-400);
+    opacity: 0.2;
+    position: absolute; 
+    overflow: hidden; 
+    right: -30px; 
+    top: -25px; 
+    z-index: 1;
+    
+    i {
+      font-size: 270px;
+    }
+  }
+}
+
+::ng-deep{
+  html.dark .info-card {
+    background-color: var(--p-primary-950);
+
+    &__header {
+      color: var(--p-primary-400);
+    }
+    &__icon {
+      color: var(--p-primary-400);
+    }
+  }
+}

package/styles/components/layout/profile-avatar/profile-avatar.component.scss

@@ -0,0 +1,9 @@
+.side-menu-profile-dialog {
+    right: 26px;
+    top: 60px;
+}
+
+.top-menu-profile-dialog {
+    right: 0px;
+    top: 40px;
+}

package/styles/components/spiderly-panels/panel-body/panel-body.component.scss

@@ -0,0 +1,9 @@
+.non-grid-panel-bottom-padding{
+	padding-bottom: 14px;
+}
+
+@media (max-width: 600px) {
+	.non-grid-panel-bottom-padding{
+		padding-bottom: 0px;
+	}
+}

package/styles/components/spiderly-panels/panel-footer/panel-footer.component.scss

@@ -7,4 +7,11 @@
     border-bottom-right-radius: var(--p-content-border-radius);
     border-bottom-left-radius: var(--p-content-border-radius);
     padding: 18px;
+}
+
+.buttons-wrapper{
+    gap: 0.5rem;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
 }

package/styles/components/spiderly-panels/spiderly-panel/spiderly-panel.component.scss

@@ -1,11 +1,88 @@
-    :host {
-      ::ng-deep {
-        .p-panel{
-          overflow: hidden;
-        }
-        .p-panel-icons{
-          display: flex;
-          align-items: center;
-        }
+:host {
+  ::ng-deep {
+    .spiderly-panel{
+      .p-panel-content{
+        padding: 0;
       }
-    }
+    }
+    .p-panel{
+      overflow: hidden;
+    }
+    .p-panel-icons{
+      display: flex;
+      align-items: center;
+    }
+    
+		.panel-header-cursor-pointer {
+			.p-panel-header {
+				cursor: pointer !important;
+			}
+		}
+  }
+}
+
+.multiple-panel-first-without-header{
+	.p-panel {
+		border-bottom-left-radius: 0px;
+		border-bottom-right-radius: 0px;
+		border-top: 1px solid var(--surface-border);
+		border-top-left-radius: var(--p-content-border-radius);
+		border-top-right-radius: var(--p-content-border-radius);
+		border-bottom: none;
+	}
+}
+
+.multiple-panel-middle-without-header{
+	.p-panel {
+		border-bottom-left-radius: 0px;
+		border-bottom-right-radius: 0px;
+		border-top: 1px solid var(--surface-border);
+		border-top-left-radius: 0px;
+		border-top-right-radius: 0px;
+		border-bottom: none;
+	}
+}
+
+.multiple-panel-last-without-header{
+	.p-panel {
+		border-bottom-left-radius: var(--p-content-border-radius);
+		border-bottom-right-radius: var(--p-content-border-radius);
+		border-top: 1px solid var(--surface-border);
+		border-top-left-radius: 0px;
+		border-top-right-radius: 0px;
+	}
+}
+
+.multiple-panel-first{
+	.p-panel {
+		border-bottom-left-radius: 0px;
+		border-bottom-right-radius: 0px;
+		border-bottom: none;
+	}
+}
+
+.panel-border{
+	.p-panel {
+		border-bottom-left-radius: var(--p-content-border-radius);
+		border-bottom-right-radius: var(--p-content-border-radius);
+		border-bottom: 1px solid var(--surface-border);
+	}
+}
+
+.multiple-panel-middle {
+	.p-panel {
+		border-radius: 0px;
+		border-bottom: none;
+	}
+}
+
+.multiple-panel-last {
+	.p-panel {
+		border-top-left-radius: 0px;
+		border-top-right-radius: 0px;
+	}
+}
+
+.panel-body-wrapper{
+	padding: 18px; 
+}

package/styles/controls/base-controls.scss

@@ -0,0 +1,17 @@
+.spiderly-inputgroup {
+    display: flex;
+    gap: 8px;
+}
+
+.spiderly-inputgroup-addon {
+    width: 38px;
+    cursor: pointer; 
+    background-color: var(--p-primary-color); 
+    border-color: var(--p-primary-color);
+    border-radius: var(--p-content-border-radius);
+    display: flex;
+
+    i {
+        margin: auto;
+    }
+}

package/styles/styles/layout/_variables.scss

@@ -886,7 +886,7 @@ $imagePreviewActionIconBorderRadius:50% !default;
     // --gray-900: #212121;
     // --content-padding:#{$panelContentPadding};
     // --inline-spacing:#{$inlineSpacing};
-    // --border-radius:#{$borderRadius};
+    --border-radius:#{$borderRadius};
     // --surface-ground:#f8f9fa;
     // --surface-section:#ffffff;
     --p-paginator-border-radius: 0 0 6px 6px !important;