spiderly 19.0.9 → 19.1.0-preview

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

@@ -5,16 +5,20 @@ import { AppSidebarComponent } from './sidebar/sidebar.component';
 import { SideMenuTopBarComponent } from './sidemenu-topbar/sidemenu-topbar.component';
 import { LayoutBaseService } from '../../services/app-layout-base.service';
 import { SpiderlyMenuItem } from './sidebar/sidebar-menu.component';
-import { MenuItem } from 'primeng/api';
 import * as i0 from "@angular/core";
 export declare class SpiderlyLayoutComponent implements OnDestroy {
     protected layoutService: LayoutBaseService;
     protected renderer: Renderer2;
     protected router: Router;
     menu: SpiderlyMenuItem[];
-    sideMenu: MenuItem[];
-    topMenu: MenuItem[];
+    sideMenu: SpiderlyMenuItem[];
+    topMenu: SpiderlyMenuItem[];
     isSideMenuLayout: boolean;
+    /**
+     * Determines whether to show background color on hover
+     * for root top menu items. Defaults to `false`.
+     */
+    showHoverBgOnRootTopMenuItems: boolean;
     overlayMenuOpenSubscription: Subscription;
     menuOutsideClickListener: any;
     profileMenuOutsideClickListener: any;
@@ -41,5 +45,5 @@ export declare class SpiderlyLayoutComponent implements OnDestroy {
     ngOnDestroy(): void;
     onAfterNgDestroy: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyLayoutComponent, "spiderly-layout", never, { "menu": { "alias": "menu"; "required": false; }; "isSideMenuLayout": { "alias": "isSideMenuLayout"; "required": false; }; }, {}, never, ["[ACTIONS]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyLayoutComponent, "spiderly-layout", never, { "menu": { "alias": "menu"; "required": false; }; "isSideMenuLayout": { "alias": "isSideMenuLayout"; "required": false; }; "showHoverBgOnRootTopMenuItems": { "alias": "showHoverBgOnRootTopMenuItems"; "required": false; }; }, {}, never, ["[ACTIONS]"], true, never>;
 }

package/lib/components/layout/topbar/topbar.component.d.ts

@@ -1,14 +1,23 @@
 import { ConfigBaseService } from '../../../services/config-base.service';
-import { MenuItem } from 'primeng/api';
+import { SpiderlyMenuItem } from '../sidebar/sidebar-menu.component';
+import { AuthBaseService } from '../../../services/auth-base.service';
 import * as i0 from "@angular/core";
 export declare class TopBarComponent {
+    private authService;
     private config;
-    menu: MenuItem[];
+    menu: SpiderlyMenuItem[];
     companyName: string;
     logoPath: string;
-    isSideMenuActive: boolean;
-    constructor(config: ConfigBaseService);
+    /**
+   * Determines whether to show background color on hover
+   * for root menu items. Defaults to `false`.
+   */
+    showHoverBgOnRootItems: boolean;
+    private permissionSubscription;
+    constructor(authService: AuthBaseService, config: ConfigBaseService);
     ngOnInit(): void;
+    hideMenuItemsBasedOnPermissions: (menu: SpiderlyMenuItem[], currentUserPermissionCodes: string[]) => void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TopBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TopBarComponent, "spiderly-topbar", never, { "menu": { "alias": "menu"; "required": false; }; }, {}, never, ["[ACTIONS]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TopBarComponent, "spiderly-topbar", never, { "menu": { "alias": "menu"; "required": false; }; "showHoverBgOnRootItems": { "alias": "showHoverBgOnRootItems"; "required": false; }; }, {}, never, ["[ACTIONS]"], true, never>;
 }

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

@@ -115,7 +115,7 @@ export declare class Column<T = any> {
     name?: string;
     field?: string & keyof T;
     filterField?: string & keyof T;
-    filterType?: 'text' | 'date' | 'multiselect' | 'boolean' | 'numeric';
+    filterType?: 'text' | 'date' | 'multiselect' | 'boolean' | 'numeric' | 'blob';
     filterPlaceholder?: string;
     showMatchModes?: boolean;
     showAddButton?: boolean;

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

@@ -1,5 +1,4 @@
 import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
 import { Table, TableFilterEvent, TableLazyLoadEvent } from 'primeng/table';
 import { Observable } from 'rxjs';
 import { TranslocoService } from '@jsverse/transloco';
@@ -11,37 +10,46 @@ import { BaseEntity } from '../../entities/base-entity';
 import { PrimengOption } from '../../entities/primeng-option';
 import * as i0 from "@angular/core";
 export declare class SpiderlyDataViewComponent<T> implements OnInit {
-    private router;
-    private route;
     private translocoService;
     private locale;
     table: Table;
+    /**
+     * List of items in the table.
+     * Should be provided only when `hasLazyLoad === false`.
+    */
     items: T[];
     rows: number;
     filters: Filter<T>[];
     totalRecords: number;
-    showCardWrapper: boolean;
     onLazyLoad: EventEmitter<TableFilter>;
+    showCardWrapper: boolean;
+    /**
+     * Whether to display additional data on the right side of the paginator.
+     * Defaults to `false`.
+     */
+    showPaginatorRightData: boolean;
+    showTotalRecordsNumber: boolean;
+    applyFiltersIcon: string;
+    clearFiltersIcon: string;
     getTableDataObservableMethod: (tableFilter: TableFilter) => Observable<TableResponse>;
     lastLazyLoadEvent: TableLazyLoadEvent;
     loading: boolean;
     matchModeDateOptions: SelectItem[];
     matchModeNumberOptions: SelectItem[];
     cardBody: TemplateRef<any>;
-    constructor(router: Router, route: ActivatedRoute, translocoService: TranslocoService, locale: string);
+    constructor(translocoService: TranslocoService, locale: string);
     ngOnInit(): void;
     lazyLoad(event: TableLazyLoadEvent): void;
     filter(event: TableFilterEvent): void;
     getDefaultMatchMode(filterType: string): any;
     getMatchModeOptions(filterType: string): SelectItem<any>[];
-    navigateToDetails(rowId: number): void;
     reload(): void;
     colTrackByFn(index: any, item: any): any;
     actionTrackByFn(index: any, item: Action): string;
     applyFilters: () => void;
     clearFilters(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyDataViewComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyDataViewComponent<any>, "spiderly-data-view", never, { "items": { "alias": "items"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "showCardWrapper": { "alias": "showCardWrapper"; "required": false; }; "getTableDataObservableMethod": { "alias": "getTableDataObservableMethod"; "required": false; }; }, { "onLazyLoad": "onLazyLoad"; }, ["cardBody"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyDataViewComponent<any>, "spiderly-data-view", never, { "items": { "alias": "items"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "showCardWrapper": { "alias": "showCardWrapper"; "required": false; }; "showPaginatorRightData": { "alias": "showPaginatorRightData"; "required": false; }; "showTotalRecordsNumber": { "alias": "showTotalRecordsNumber"; "required": false; }; "applyFiltersIcon": { "alias": "applyFiltersIcon"; "required": false; }; "clearFiltersIcon": { "alias": "clearFiltersIcon"; "required": false; }; "getTableDataObservableMethod": { "alias": "getTableDataObservableMethod"; "required": false; }; }, { "onLazyLoad": "onLazyLoad"; }, ["cardBody"], ["[PAGINATORRIGHT]"], true, never>;
 }
 export interface DataViewCardBody<T> {
     $implicit: T;
@@ -52,7 +60,7 @@ export interface Filter<T extends BaseEntity> {
     name?: string;
     field?: string & keyof T;
     filterField?: string & keyof T;
-    filterType?: 'text' | 'date' | 'multiselect' | 'boolean' | 'numeric';
+    filterType?: 'text' | 'date' | 'multiselect' | 'boolean' | 'numeric' | 'blob';
     filterPlaceholder?: string;
     showMatchModes?: boolean;
     dropdownOrMultiselectValues?: PrimengOption[];

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

@@ -1,14 +1,17 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { BaseControl } from '../base-control';
 import { TranslocoService } from '@jsverse/transloco';
+import { CheckboxChangeEvent } from 'primeng/checkbox';
 import * as i0 from "@angular/core";
 export declare class SpiderlyCheckboxComponent extends BaseControl implements OnInit {
     protected translocoService: TranslocoService;
     fakeLabel: boolean;
     initializeToFalse: boolean;
     inlineLabel: boolean;
+    onChange: EventEmitter<CheckboxChangeEvent>;
     constructor(translocoService: TranslocoService);
     ngOnInit(): void;
+    change: (event: CheckboxChangeEvent) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyCheckboxComponent, "spiderly-checkbox", never, { "fakeLabel": { "alias": "fakeLabel"; "required": false; }; "initializeToFalse": { "alias": "initializeToFalse"; "required": false; }; "inlineLabel": { "alias": "inlineLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderlyCheckboxComponent, "spiderly-checkbox", never, { "fakeLabel": { "alias": "fakeLabel"; "required": false; }; "initializeToFalse": { "alias": "initializeToFalse"; "required": false; }; "inlineLabel": { "alias": "inlineLabel"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
 }

package/lib/modules/spiderly-transloco.module.d.ts

@@ -10,6 +10,7 @@ export declare class SpiderlyTranslocoModule {
 }
 export interface SpiderlyTranslocoConfig {
     availableLangs: string[];
+    preloadLangs: string[];
     defaultLang: string;
     fallbackLang: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spiderly",
-  "version": "19.0.9",
+  "version": "19.1.0-preview",
   "author": "Filip Trivan",
   "license": "MIT",
   "description": "Spiderly Angular Library to use in combination with Spiderly.",

package/styles/components/layout/topbar/topbar.component.scss

@@ -15,7 +15,13 @@
 }
 
 ::ng-deep{
+  .show-hover-bg-on-root-items {
+    .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content {
+      background-color: transparent !important;
+    }
+  }
   .p-menubar-item-link {
+    background-color: transparent !important;
     padding: 10px !important;
     font-size: 15px !important;
     .pi {

package/styles/components/spiderly-data-view/spiderly-data-view.component.scss

@@ -1,3 +1,4 @@
+
 ::ng-deep{
 	.p-datatable-tbody {
 		display: flex;
@@ -12,6 +13,10 @@
 		background-color: transparent !important;
 	}
 
+	.p-paginator {
+		padding: 18px 9px 0px 9px !important;
+	}
+
 	.p-fluid {
 		width: 100% !important;
 	}
@@ -29,6 +34,7 @@
 	}
 }
 
+
 .data-view-grid {
     display: grid;
     gap: 18px;

package/styles/controls/spiderly-checkbox/spiderly-checkbox.component.scss

@@ -0,0 +1,23 @@
+::ng-deep {
+    .p-checkbox-false {
+        .p-checkbox-box {
+            border-color: var(--p-checkbox-checked-border-color);
+            background: var(--p-checkbox-checked-background);
+        }
+        .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+            border-color: var(--p-checkbox-checked-hover-border-color);
+            background: var(--p-checkbox-checked-hover-background);
+        }
+        .p-checkbox-false:has(.p-checkbox.p-disabled) .p-checkbox-false-icon {
+            color: var(--p-checkbox-icon-disabled-color);
+        }
+    }
+}
+
+.p-checkbox-false-icon {
+    position: absolute; 
+    top: 3px; 
+    left: 2.7px; 
+    font-size: 12.25px; 
+    color: var(--p-checkbox-icon-checked-color);
+}