spiderly 19.5.4-preview.2 → 19.6.0

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

@@ -7,10 +7,10 @@ import { AuthServiceBase } from '../../../services/auth.service.base';
 import { BaseFormService } from '../../../services/base-form.service';
 import { ConfigServiceBase } from '../../../services/config.service.base';
 import { SpiderlyMessageService } from '../../../services/spiderly-message.service';
-import { BaseFormCopy } from '../../base-form/base-form copy';
+import { BaseFormComponent } from '../../base-form/base-form.component';
 import { SpiderlyFormGroup } from '../../spiderly-form-control/spiderly-form-control';
 import * as i0 from "@angular/core";
-export declare class LoginComponent extends BaseFormCopy implements OnInit {
+export declare class LoginComponent extends BaseFormComponent implements OnInit {
     protected differs: KeyValueDiffers;
     protected http: HttpClient;
     protected messageService: SpiderlyMessageService;

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

@@ -5,10 +5,10 @@ import { TranslocoService } from '@jsverse/transloco';
 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 { BaseFormComponent } from '../../base-form/base-form.component';
 import { SpiderlyFormGroup } from '../../spiderly-form-control/spiderly-form-control';
 import * as i0 from "@angular/core";
-export declare class VerificationWrapperComponent extends BaseFormCopy implements OnInit {
+export declare class VerificationWrapperComponent extends BaseFormComponent implements OnInit {
     protected differs: KeyValueDiffers;
     protected http: HttpClient;
     protected messageService: SpiderlyMessageService;

package/lib/components/base-form/{base-form copy.d.ts → base-form.component.d.ts}

@@ -7,7 +7,7 @@ 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<TMainUIForm extends BaseEntity = any, TSaveBody extends BaseEntity = any> implements OnInit {
+export declare class BaseFormComponent<TMainUIForm extends BaseEntity = any, TSaveBody extends BaseEntity = any> implements OnInit {
     protected differs: KeyValueDiffers;
     protected http: HttpClient;
     protected messageService: SpiderlyMessageService;
@@ -153,6 +153,6 @@ export declare class BaseFormCopy<TMainUIForm extends BaseEntity = any, TSaveBod
     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[];
     removeFormControlsFromTheFormArray(formArray: SpiderlyFormArray, indexes: number[]): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormCopy<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseFormCopy<any, any>, "base-form", never, {}, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseFormComponent<any, any>, "base-form", never, {}, {}, never, never, false, never>;
 }

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

@@ -9,6 +9,7 @@ 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 { ConfigServiceBase } from '../../services/config.service.base';
 import { SpiderlyMessageService } from '../../services/spiderly-message.service';
 import { SpiderlyFormControl } from '../spiderly-form-control/spiderly-form-control';
 import * as i0 from "@angular/core";
@@ -18,6 +19,7 @@ export declare class SpiderlyDataTableComponent implements OnInit {
     private route;
     private messageService;
     private translocoService;
+    private configService;
     private locale;
     table: Table;
     tableTitle: string;
@@ -77,7 +79,7 @@ export declare class SpiderlyDataTableComponent implements OnInit {
      * Example: 'details' will navigate to '/details/{rowId}'.
      */
     rowNavigationPath: string;
-    constructor(router: Router, dialogService: DialogService, route: ActivatedRoute, messageService: SpiderlyMessageService, translocoService: TranslocoService, locale: string);
+    constructor(router: Router, dialogService: DialogService, route: ActivatedRoute, messageService: SpiderlyMessageService, translocoService: TranslocoService, configService: ConfigServiceBase, locale: string);
     ngOnInit(): void;
     lazyLoad(event: TableLazyLoadEvent): void;
     clientLoad(): void;
@@ -140,7 +142,8 @@ export declare class Column<T = any> {
     actions?: Action[];
     editable?: boolean;
     showTime?: boolean;
-    constructor({ name, field, filterField, filterType, filterPlaceholder, showMatchModes, showAddButton, dropdownOrMultiselectValues, actions, editable, showTime, }?: {
+    decimalPlaces?: number;
+    constructor({ name, field, filterField, filterType, filterPlaceholder, showMatchModes, showAddButton, dropdownOrMultiselectValues, actions, editable, showTime, decimalPlaces, }?: {
         name?: string;
         field?: string & keyof T;
         filterField?: string & keyof T;
@@ -152,6 +155,7 @@ export declare class Column<T = any> {
         actions?: Action[];
         editable?: boolean;
         showTime?: boolean;
+        decimalPlaces?: number;
     });
 }
 export declare class RowClickEvent {

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

@@ -13,7 +13,6 @@ export declare class BaseControl {
     showTooltip: boolean;
     tooltipText: string;
     tooltipIcon: string;
-    errorMessageTooltipEvent: 'hover' | 'focus';
     constructor(translocoService: TranslocoService);
     ngOnInit(): void;
     ngAfterViewInit(): void;

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

@@ -2,13 +2,11 @@ import { OnInit } from '@angular/core';
 import { BaseControl } from '../base-control';
 import { TranslocoService } from '@jsverse/transloco';
 import { Editor, EditorInitEvent } from 'primeng/editor';
-import { Tooltip } from 'primeng/tooltip';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class SpiderlyEditorComponent extends BaseControl implements OnInit {
     protected translocoService: TranslocoService;
     editor: Editor;
-    tooltip: Tooltip;
     uploadImageMethod: (formData: FormData) => Observable<string>;
     objectId: number;
     constructor(translocoService: TranslocoService);

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

@@ -14,7 +14,7 @@ export declare class SpiderlyFileComponent extends BaseControl implements OnInit
     onFileRemoved: EventEmitter<null>;
     objectId: number;
     fileData: string;
-    acceptedFileTypes: Array<'image/*' | 'application/pdf' | '.pdf' | 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'application/vnd.ms-excel' | '.xlsx' | '.xls'>;
+    acceptedFileTypes: Array<'image/*' | 'image/png' | 'image/jpeg' | 'image/webp' | 'image/gif' | 'image/avif' | 'image/svg+xml' | '.png' | '.jpg' | '.jpeg' | '.webp' | '.gif' | '.avif' | '.svg' | 'application/pdf' | '.pdf' | 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'application/vnd.ms-excel' | '.xlsx' | '.xls' | 'video/*' | 'video/mp4' | '.mp4' | 'audio/*' | 'audio/mpeg' | '.mp3' | 'application/zip' | '.zip' | 'text/csv' | '.csv'>;
     required: boolean;
     multiple: boolean;
     isCloudinaryFileData: boolean;

package/lib/enums/match-mode-enum-codes.d.ts

@@ -1,8 +1,8 @@
 export declare enum MatchModeCodes {
-    StartsWith = 0,
-    Contains = 1,
-    Equals = 2,
-    LessThan = 3,
-    GreaterThan = 4,
-    In = 5
+    StartsWith = "startsWith",
+    Contains = "contains",
+    Equals = "equals",
+    LessThan = "lessThan",
+    GreaterThan = "greaterThan",
+    In = "in"
 }

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

@@ -11,7 +11,7 @@ export declare class ApiSecurityService {
     loginExternal: (externalProviderDTO: ExternalProvider) => Observable<AuthResult>;
     sendLoginVerificationEmail: (loginDTO: Login) => Observable<SendLoginVerificationEmailResult>;
     logout: (browserId: string) => Observable<any>;
-    refreshToken: (request: RefreshTokenRequest) => Observable<AuthResult>;
+    refreshTokenWithHeaders: (request: RefreshTokenRequest) => Observable<AuthResult>;
     getCurrentUserBase: () => Observable<UserBase>;
     getCurrentUserPermissionCodes: () => Observable<string[]>;
     getUnreadNotificationsCountForCurrentUser: () => Observable<number>;

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

@@ -18,6 +18,7 @@ export declare class ConfigServiceBase {
         params: HttpParams;
     };
     logoPath: string;
+    defaultPageSize: number;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfigServiceBase, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ConfigServiceBase>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spiderly",
-  "version": "19.5.4-preview.2",
+  "version": "19.6.0",
   "author": "Filip Trivan",
   "license": "MIT",
   "description": "Spiderly Angular Library to use in combination with Spiderly.",
@@ -40,7 +40,6 @@
     "file-saver": "2.0.5",
     "json-parser": "3.1.2",
     "ngx-spinner": "19.0.0",
-    "primeflex": "3.3.1",
     "primeicons": "7.0.0",
     "primeng": "19.1.3",
     "quill": "2.0.2",

package/public-api.d.ts

@@ -18,7 +18,7 @@ export * from './lib/controls/spiderly-textbox/spiderly-textbox.component';
 export * from './lib/components/auth/login/login.component';
 export * from './lib/components/auth/partials/login-verification.component';
 export * from './lib/components/auth/partials/verification-wrapper.component';
-export * from './lib/components/base-form/base-form copy';
+export * from './lib/components/base-form/base-form.component';
 export * from './lib/components/card-skeleton/card-skeleton.component';
 export * from './lib/components/footer/footer.component';
 export * from './lib/components/index-card/index-card.component';

package/styles/styles/layout/_spiderly-controls.scss

@@ -1,14 +1,6 @@
 @use "./_variables" as *;
 
-.spiderly-tooltip-invalid.p-tooltip .p-tooltip-text {
-  background-color: $errorColorLight !important;
-  color: $errorColor !important;
-}
-
-.spiderly-tooltip-invalid.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
-  border-bottom-color: $errorColorLight;
-}
-
-.spiderly-tooltip-invalid.p-tooltip.p-tooltip-top .p-tooltip-arrow {
-  border-top-color: $errorColorLight;
+.spiderly-error-message {
+  color: $errorColor;
+  font-size: 0.75rem;
 }

package/styles/styles/shared.scss

@@ -6,91 +6,6 @@
   }
 }
 
-.spiderly-dashboard-item {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: center;
-  border: solid 1px #e0e0e0;
-  border-radius: 5px;
-  padding: 20px 30px;
-  flex-grow: 1;
-
-  &__icon {
-    margin-bottom: 10px;
-    font-size: 3.2em;
-  }
-  &__title {
-    font-size: 1.1em;
-    text-align: center;
-    text-decoration: none !important;
-  }
-  &__bullets {
-  }
-  &__bullet {
-  }
-
-  &__bg {
-    position: absolute;
-    top: 0px;
-    bottom: 0px;
-    left: 0px;
-    right: 0px;
-    background-color: #fff;
-    z-index: -5;
-
-    &-icon {
-      position: absolute;
-      bottom: 0px;
-      right: 30px;
-      font-size: 15em;
-      //transform: rotate(-45deg);
-      opacity: 0.04;
-      text-decoration: none !important;
-    }
-  }
-
-  &--eo {
-    min-height: 200px;
-  }
-  &--codebooks {
-    min-height: 100px;
-    cursor: pointer;
-  }
-  &--home {
-    min-height: 160px;
-    cursor: pointer;
-    z-index: 1;
-    &:hover {
-      text-decoration: none;
-
-      .c-dashboard-item__bg {
-        background-color: #f8f8f8;
-      }
-      .c-dashboard-item__bg-icon {
-        opacity: 0.2;
-        transform: rotate(0deg);
-      }
-    }
-
-    .c-dashboard-item__icon {
-      font-size: 4em;
-    }
-    .c-dashboard-item__title {
-      font-size: 1.3em;
-    }
-    .c-dashboard-item__bg-icon {
-      font-size: 9em;
-      right: 40px;
-      bottom: 20px;
-      transform: rotate(-20deg);
-      opacity: 0.1;
-      transition: all 1s;
-    }
-  }
-}
-
 .dashboard-card-wrapper {
   display: flex;
   flex-direction: column;
@@ -406,12 +321,12 @@
   font-size: 14px;
 }
 
-.grid {
-  margin: 0;
+.surface-card {
+  background: var(--surface-card);
 }
 
-.grid [class^="col-"] {
-  padding: 14px 9px;
+.surface-border {
+  border-color: var(--surface-border);
 }
 
 .p-colorpicker-preview {
@@ -441,13 +356,6 @@
   }
 }
 
-ul,
-ol {
-  padding-left: 25px;
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-
 $grid-columns: 8;
 $grid-gap: 2rem;
 $breakpoints: (