@provoly/dashboard 1.2.1 → 1.2.3

package/lib/core/components/share/group-share/group-share.component.d.ts

@@ -1,46 +1,51 @@
 import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { Group, PryVisibilityType } from '../share.model';
+import { Group } from '../share.model';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { Store } from '@ngrx/store';
 import { SubscriptionnerDirective } from '../../../../dashboard/components/subscriptionner.directive';
 import * as i0 from "@angular/core";
+export declare enum PryShareMode {
+    PRIVATE = "PRIVATE",
+    PUBLIC = "PUBLIC",
+    GROUPS = "GROUPS"
+}
 export declare class PryGroupShareComponent extends SubscriptionnerDirective implements ControlValueAccessor {
     private store;
     private _cd;
     private _onChange;
     private _onTouched;
     assignedGroupNames$: BehaviorSubject<string[]>;
-    radioValue: PryVisibilityType;
+    radioValue: PryShareMode;
     assignedGroups$: Observable<Group[]>;
     groups$: Observable<Group[]>;
-    PryVisibilityType: typeof PryVisibilityType;
-    visibilityTypes: {
+    PryShareMode: typeof PryShareMode;
+    shareModes: {
         label: string;
-        value: PryVisibilityType;
+        value: PryShareMode;
     }[];
     templateData$: Observable<{
         groups: Group[];
         assignedGroups: Group[];
         disableRadios: {
-            [key in PryVisibilityType]: boolean;
+            [key in PryShareMode]: boolean;
         };
     }>;
     _disableRadios$: BehaviorSubject<{
-        [key in PryVisibilityType]: boolean;
+        [key in PryShareMode]: boolean;
     }>;
     set disableRadios(value: {
-        [key in PryVisibilityType]: boolean;
+        [key in PryShareMode]: boolean;
     } | null);
     _allowedGroups$: BehaviorSubject<string[] | undefined>;
     set allowedGroups(value: string[] | null);
-    radioValueChange: EventEmitter<PryVisibilityType>;
+    radioValueChange: EventEmitter<PryShareMode>;
     constructor(store: Store, _cd: ChangeDetectorRef);
     writeValue(value: string[] | undefined): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     updateRadioValue(groups: string[]): void;
-    changeGroupsBasedOnRadioValue(type: PryVisibilityType): void;
+    changeGroupsBasedOnRadioValue(type: PryShareMode): void;
     changeGroups(groups: (Group | string)[] | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PryGroupShareComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PryGroupShareComponent, "pry-group-share", never, { "disableRadios": { "alias": "disableRadios"; "required": false; }; "allowedGroups": { "alias": "allowedGroups"; "required": false; }; }, { "radioValueChange": "radioValueChange"; }, never, never, false, never>;

package/lib/core/components/share/legacy-share/share.component.d.ts

@@ -1,31 +1,25 @@
-import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { Observable } from 'rxjs';
-import { PryVisibility, PryVisibilityType } from '../share.model';
 import * as i0 from "@angular/core";
-export declare class PryShareComponent implements ControlValueAccessor, OnInit {
+export declare class PryShareComponent implements ControlValueAccessor {
     private _cd;
     private _onChange;
     private _onTouched;
     _disabled: boolean;
-    PryVisibilityType: typeof PryVisibilityType;
-    value?: PryVisibility;
+    value: string[];
+    stringValue: 'private' | 'public';
     labelProperty: string;
     valueProperty: string;
-    users$: Observable<any[]> | null;
     visibilityTypes: {
-        label: string;
-        value: string;
+        name: string;
         icon: string;
     }[];
     constructor(_cd: ChangeDetectorRef);
-    ngOnInit(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    writeValueUsers(obj: any[]): void;
-    writeValueType(type: PryVisibilityType): void;
-    writeValue(obj: any): void;
+    writeValue(value: string[]): void;
+    onChange($event: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PryShareComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PryShareComponent, "pry-share", never, { "value": { "alias": "value"; "required": false; }; "labelProperty": { "alias": "labelProperty"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; "users$": { "alias": "users$"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PryShareComponent, "pry-share", never, { "labelProperty": { "alias": "labelProperty"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/core/components/share/share.model.d.ts

@@ -1,8 +1,3 @@
-export declare enum PryVisibilityType {
-    PRIVATE = "PRIVATE",
-    PUBLIC = "PUBLIC",
-    RESTRICTED = "RESTRICTED"
-}
 export interface Group {
     id: string;
     name: string;
@@ -14,7 +9,3 @@ export interface MissingGroupsByEntity {
 export interface ShareConflict {
     missingGroupsByEntity: MissingGroupsByEntity;
 }
-export interface PryVisibility {
-    type: PryVisibilityType;
-    users?: any[];
-}

package/lib/core/model/widget.interface.d.ts

@@ -1,11 +1,10 @@
-import { PryVisibility } from '../components/share/share.model';
 export interface Widget {
     id: string;
     name: string;
     description: string;
     image: string;
     content: string;
-    visibility?: PryVisibility;
+    groups?: string[];
     datasource: string[];
     owner?: boolean;
     modificationDate: string;

package/lib/core/store/data-source/data-source.actions.d.ts

@@ -1,8 +1,7 @@
-import { PryVisibility } from '../../components/share/share.model';
 import { DatasetPreview } from '../../model/dataset.interface';
 import { MonoClassSearchPayload } from '../../model/search-mono-class.model';
 import { FullTextSearchPayload, MultiClassSearchPayload } from '../../model/search-multi-class.model';
-import { Dataset, DatasetVersion, NamedQuery } from './data-source.model';
+import { Dataset, DatasetVersion, NamedQuery, PryVisibilityType } from './data-source.model';
 export declare const DataSourceActions: {
     load: import("@ngrx/store").ActionCreator<"[Datasource] load", () => import("@ngrx/store/src/models").TypedAction<"[Datasource] load">>;
     namedQuery: {
@@ -21,7 +20,10 @@ export declare const DataSourceActions: {
             name: string;
             id?: string | undefined;
             description?: string | undefined;
-            visibility?: PryVisibility | undefined;
+            visibility?: {
+                type: PryVisibilityType;
+                users?: any[] | undefined;
+            } | undefined;
             payload: MonoClassSearchPayload | MultiClassSearchPayload | FullTextSearchPayload;
             color?: string | undefined;
             favorite: boolean;
@@ -30,7 +32,10 @@ export declare const DataSourceActions: {
             name: string;
             id?: string | undefined;
             description?: string | undefined;
-            visibility?: PryVisibility | undefined;
+            visibility?: {
+                type: PryVisibilityType;
+                users?: any[] | undefined;
+            } | undefined;
             payload: MonoClassSearchPayload | MultiClassSearchPayload | FullTextSearchPayload;
             color?: string | undefined;
             favorite: boolean;

package/lib/core/store/data-source/data-source.model.d.ts

@@ -1,4 +1,3 @@
-import { PryVisibility } from '../../components/share/share.model';
 import { MetadataValue } from '../../model/admin-api.model';
 import { PryDatasetType } from '../../model/dataset.interface';
 import { MonoClassSearchPayload } from '../../model/search-mono-class.model';
@@ -16,9 +15,17 @@ export interface NamedQuery extends DescriptionQuery {
 export interface DescriptionQuery {
     name: string;
     description?: string;
-    visibility?: PryVisibility;
+    visibility?: {
+        type: PryVisibilityType;
+        users?: any[];
+    };
     metadata?: MetadataValue[];
 }
+export declare enum PryVisibilityType {
+    PRIVATE = "PRIVATE",
+    PUBLIC = "PUBLIC",
+    RESTRICTED = "RESTRICTED"
+}
 export interface Dataset extends DescriptionQuery {
     sourceType: 'dataset';
     id: string;

package/lib/core/toolbox/toolbox-menu.service.d.ts

@@ -1,7 +1,6 @@
 import { Store } from '@ngrx/store';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { WidgetFactoryService } from '../../dashboard/components/widgets/widget-instanciator/widget-factory.service';
-import { PryVisibility } from '../components/share/share.model';
 import { Widget } from '../model/widget.interface';
 import { ToolboxManifestService } from './toolbox-manifest.service';
 import { WidgetManifest } from '../model/manifest.interface';
@@ -19,7 +18,7 @@ export type CatalogEntry = WidgetDescriptionBase & {
     type: string;
     description?: string;
     isCustom?: boolean;
-    visibility?: PryVisibility;
+    groups?: string[];
     cover?: boolean;
 };
 export declare const defaultMenuStructure: WidgetDescriptionMenu[];
@@ -39,7 +38,6 @@ export declare class ToolboxMenuService {
     constructor(widgetFactoryService: WidgetFactoryService, toolboxManifestService: ToolboxManifestService, store: Store);
     addMenu(icon: string, label: string): void;
     addWidget(menuLabel: string, icon: string, label: string, type: string): void;
-    setMenuStructure(structure: WidgetDescriptionMenu[]): void;
     addToCatalog(widget: Widget, index: number): void;
     isValidForCatalog(name: string): false;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolboxMenuService, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "16.x || 17.x",
@@ -132,6 +132,36 @@
       "esm": "./esm2022/toolbox/provoly-dashboard-toolbox.mjs",
       "default": "./fesm2022/provoly-dashboard-toolbox.mjs"
     },
+    "./filters/autocomplete": {
+      "types": "./filters/autocomplete/index.d.ts",
+      "esm2022": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
+      "esm": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-autocomplete.mjs"
+    },
+    "./filters/date": {
+      "types": "./filters/date/index.d.ts",
+      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
+    },
+    "./filters/list": {
+      "types": "./filters/list/index.d.ts",
+      "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
+      "esm": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-list.mjs"
+    },
+    "./filters/number": {
+      "types": "./filters/number/index.d.ts",
+      "esm2022": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
+      "esm": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-number.mjs"
+    },
+    "./filters/text": {
+      "types": "./filters/text/index.d.ts",
+      "esm2022": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
+      "esm": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-text.mjs"
+    },
     "./components/card": {
       "types": "./components/card/index.d.ts",
       "esm2022": "./esm2022/components/card/provoly-dashboard-components-card.mjs",
@@ -150,6 +180,12 @@
       "esm": "./esm2022/components/color-picker/provoly-dashboard-components-color-picker.mjs",
       "default": "./fesm2022/provoly-dashboard-components-color-picker.mjs"
     },
+    "./components/data-format": {
+      "types": "./components/data-format/index.d.ts",
+      "esm2022": "./esm2022/components/data-format/provoly-dashboard-components-data-format.mjs",
+      "esm": "./esm2022/components/data-format/provoly-dashboard-components-data-format.mjs",
+      "default": "./fesm2022/provoly-dashboard-components-data-format.mjs"
+    },
     "./components/expand-panel": {
       "types": "./components/expand-panel/index.d.ts",
       "esm2022": "./esm2022/components/expand-panel/provoly-dashboard-components-expand-panel.mjs",
@@ -198,36 +234,6 @@
       "esm": "./esm2022/components/text-editor/provoly-dashboard-components-text-editor.mjs",
       "default": "./fesm2022/provoly-dashboard-components-text-editor.mjs"
     },
-    "./filters/autocomplete": {
-      "types": "./filters/autocomplete/index.d.ts",
-      "esm2022": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
-      "esm": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-autocomplete.mjs"
-    },
-    "./filters/date": {
-      "types": "./filters/date/index.d.ts",
-      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
-    },
-    "./filters/list": {
-      "types": "./filters/list/index.d.ts",
-      "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
-      "esm": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-list.mjs"
-    },
-    "./filters/number": {
-      "types": "./filters/number/index.d.ts",
-      "esm2022": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
-      "esm": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-number.mjs"
-    },
-    "./filters/text": {
-      "types": "./filters/text/index.d.ts",
-      "esm2022": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
-      "esm": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-text.mjs"
-    },
     "./pipeline-components/filter": {
       "types": "./pipeline-components/filter/index.d.ts",
       "esm2022": "./esm2022/pipeline-components/filter/provoly-dashboard-pipeline-components-filter.mjs",

package/restitution/components/restitution/restitution.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { Store } from '@ngrx/store';
-import { CatalogEntry, Class, DataSource, LibraryTypes, PryVisibility, SubscriptionnerDirective, ToolboxManifestService, ToolboxMenuService, Widget, WidgetManifest } from '@provoly/dashboard';
+import { CatalogEntry, Class, DataSource, LibraryTypes, SubscriptionnerDirective, ToolboxManifestService, ToolboxMenuService, Widget, WidgetManifest } from '@provoly/dashboard';
 import { PryStepperComponent } from '@provoly/dashboard/components/stepper';
 import { Observable, Subject } from 'rxjs';
 import { RestitutionForm } from '../../model/restitution.model';
@@ -18,9 +18,8 @@ export declare class PryRestitutionComponent extends SubscriptionnerDirective im
     classes$: Observable<Class[]>;
     customManifest: WidgetManifest;
     form: RestitutionForm;
-    visibility: PryVisibility;
+    groups: string[];
     openSettings$: Subject<void>;
-    users$: Observable<any[]> | null;
     consultMode: boolean;
     selectedRestitution: Widget | null;
     edit: boolean;

package/restitution/components/restitution-catalog/restitution-catalog.component.d.ts

@@ -1,7 +1,7 @@
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
 import { TemplateRef, ViewContainerRef } from '@angular/core';
 import { Store } from '@ngrx/store';
-import { PryVisibilityType, ViewMode, Widget } from '@provoly/dashboard';
+import { ViewMode, Widget } from '@provoly/dashboard';
 import { BehaviorSubject, Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class PryRestitutionCatalogComponent {
@@ -15,7 +15,6 @@ export declare class PryRestitutionCatalogComponent {
     selectedMode: ViewMode;
     selectedRestitution: Widget | null;
     restitution?: Widget;
-    PryVisibilityType: typeof PryVisibilityType;
     overlayRef?: OverlayRef;
     templateActions: TemplateRef<any>;
     constructor(store: Store, overlay: Overlay, viewContainerRef: ViewContainerRef);

package/restitution/components/restitution-list-item/restitution-list-item.component.d.ts

@@ -1,5 +1,5 @@
 import { Store } from '@ngrx/store';
-import { CatalogEntry, PryVisibilityType, SubscriptionnerDirective, ToolboxManifestService, Widget } from '@provoly/dashboard';
+import { CatalogEntry, SubscriptionnerDirective, ToolboxManifestService, Widget } from '@provoly/dashboard';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class PryRestitutionListItemComponent extends SubscriptionnerDirective {
@@ -10,7 +10,6 @@ export declare class PryRestitutionListItemComponent extends SubscriptionnerDire
     catalog: Widget[] | undefined;
     automaticGridMode$: Observable<boolean>;
     automaticGridMode: boolean;
-    PryVisibilityType: typeof PryVisibilityType;
     constructor(store: Store, toolboxManifestService: ToolboxManifestService);
     dragStart($event: DragEvent, type: string): void;
     viewInDashboard(widget: CatalogEntry): void;

package/search/components/save-query/save-query.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, OnInit } from '@angular/core';
 import { Store } from '@ngrx/store';
-import { NamedQuery, NamedQueryTypes, PryDialogRef, PryVisibility } from '@provoly/dashboard';
+import { NamedQuery, NamedQueryTypes, PryDialogRef, PryVisibilityType } from '@provoly/dashboard';
 import { Observable } from 'rxjs';
 import { SearchFulltextChange } from '../../search-fulltext/search-fulltext/search-fulltext.component';
 import * as i0 from "@angular/core";
@@ -15,7 +15,10 @@ export declare class PrySaveQueryComponent implements OnInit {
     id?: string;
     name: string;
     description: string;
-    visibility: PryVisibility;
+    visibility: {
+        type: PryVisibilityType;
+        users: never[];
+    };
     savedNameQuery?: NamedQuery;
     get modalSave(): boolean;
     get saveDisabled(): boolean;

package/search/search-fulltext/store/search-fulltext.effects.d.ts

@@ -10,7 +10,10 @@ export declare class SearchFulltextEffects {
         name: string;
         id?: string | undefined;
         description?: string | undefined;
-        visibility?: import("@provoly/dashboard").PryVisibility | undefined;
+        visibility?: {
+            type: import("@provoly/dashboard").PryVisibilityType;
+            users?: any[] | undefined;
+        } | undefined;
         payload: import("@provoly/dashboard").FullTextSearchPayload | import("@provoly/dashboard").MonoClassSearchPayload | import("@provoly/dashboard").MultiClassSearchPayload;
         color?: string | undefined;
         favorite: boolean;

package/search/search-mono-class/store/search-mono-class.effects.d.ts

@@ -32,7 +32,10 @@ export declare class SearchMonoClassEffects {
         name: string;
         id?: string | undefined;
         description?: string | undefined;
-        visibility?: import("@provoly/dashboard").PryVisibility | undefined;
+        visibility?: {
+            type: import("@provoly/dashboard").PryVisibilityType;
+            users?: any[] | undefined;
+        } | undefined;
         payload: import("@provoly/dashboard").FullTextSearchPayload | MonoClassSearchPayload | MultiClassSearchPayload;
         color?: string | undefined;
         favorite: boolean;

package/search/search-multi-class/store/search-multi-class.effects.d.ts

@@ -20,7 +20,10 @@ export declare class SearchMultiClassEffects {
         name: string;
         id?: string | undefined;
         description?: string | undefined;
-        visibility?: import("@provoly/dashboard").PryVisibility | undefined;
+        visibility?: {
+            type: import("@provoly/dashboard").PryVisibilityType;
+            users?: any[] | undefined;
+        } | undefined;
         payload: import("@provoly/dashboard").FullTextSearchPayload | import("@provoly/dashboard").MonoClassSearchPayload | import("@provoly/dashboard").MultiClassSearchPayload;
         color?: string | undefined;
         favorite: boolean;

package/styles/base/_utils.scss

@@ -49,6 +49,10 @@
     align-items: center;
   }
 
+  &.-align-start{
+    align-items: flex-start;
+  }
+
   &.-justify-center {
     justify-content: center;
   }

package/styles-theme/main-theme.scss

@@ -32,7 +32,6 @@
 @use 'components-theme/m-minus-plus.theme' as *;
 @use 'components-theme/m-nav-links.theme' as *;
 @use 'components-theme/m-notifications.theme' as *;
-@use 'components-theme/m-layer-legend.theme' as *;
 @use 'components-theme/m-pry-search-select-attribute.theme' as *;
 @use 'components-theme/m-snackbar.theme' as *;
 @use 'components-theme/m-time-picker.theme' as *;

package/widgets/widget-analytic/component/widget-analytic.component.d.ts

@@ -17,7 +17,7 @@ export declare class WidgetAnalyticComponent extends DataWidgetComponent {
         value: {
             [key: string]: {
                 [key: string]: any;
-            };
+            } | string;
         };
     }[]>;
     totals$: Observable<{

package/widgets/widget-analytic/widget-analytic.module.d.ts

@@ -10,11 +10,12 @@ import * as i6 from "@provoly/dashboard";
 import * as i7 from "@provoly/dashboard/components/checkbox";
 import * as i8 from "@provoly/dashboard/components/color-picker";
 import * as i9 from "@angular/cdk/drag-drop";
+import * as i10 from "@provoly/dashboard/components/data-format";
 export declare class WidgetAnalyticModule extends BaseWidgetModule {
     private pryTranslateService;
     constructor(pryTranslateService: PryI18nService);
     getComponent(): Type<BaseWidgetComponent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetAnalyticModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WidgetAnalyticModule, [typeof i1.WidgetAnalyticComponent, typeof i2.PryWidgetAnalyticCssComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.OverlayModule, typeof i6.PryCoreModule, typeof i6.PryDashboardModule, typeof i6.PrySelectModule, typeof i6.PryIconModule, typeof i7.PryCheckboxModule, typeof i6.PryToggleModule, typeof i6.PryI18nModule, typeof i3.AsyncPipe, typeof i8.PryColorPickerModule, typeof i9.DragDropModule], [typeof i1.WidgetAnalyticComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WidgetAnalyticModule, [typeof i1.WidgetAnalyticComponent, typeof i2.PryWidgetAnalyticCssComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.OverlayModule, typeof i6.PryCoreModule, typeof i6.PryDashboardModule, typeof i6.PrySelectModule, typeof i6.PryIconModule, typeof i7.PryCheckboxModule, typeof i6.PryToggleModule, typeof i6.PryI18nModule, typeof i3.AsyncPipe, typeof i8.PryColorPickerModule, typeof i9.DragDropModule, typeof i10.PryDataFormatModule], [typeof i1.WidgetAnalyticComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<WidgetAnalyticModule>;
 }

package/widgets/widget-map/component/widget-map.component.d.ts

@@ -67,11 +67,12 @@ export declare class WidgetMapComponent extends DataWidgetComponent implements A
     geoServerLayerDescriptions$: Observable<MapGeoServerLayerOptions[]>;
     legendTabOpen: boolean;
     layersTabOpen: boolean;
-    legendTab: number;
+    legendTabClosed: boolean[];
     legendLayers$: Observable<(MapGeoServerLayerOptions | MapWMSLayerLayerOptions)[]>;
     legendTop$: Observable<number>;
     layersTop$: Observable<number>;
     legendHeight$: Observable<number>;
+    layersHeight$: Observable<number>;
     imageNotProvided: boolean[];
     basicActions$: Observable<('click' | 'lasso' | 'rectangle' | 'zoom' | 'move' | 'export' | 'upload')[]>;
     zoomAndCenter$: BehaviorSubject<{
@@ -179,8 +180,9 @@ export declare class WidgetMapComponent extends DataWidgetComponent implements A
     get mapLayers(): BaseLayer[];
     get rightSlideLayers(): BaseLayer[];
     get leftSlideLayers(): BaseLayer[];
+    hideAllLayersInGroup(group: LayerGroup): void;
     changeVisibility(group: LayerGroup, _layer?: MapWidgetLayerOptions): void;
-    isLayerVisible(layer: MapWidgetLayerOptions, group: LayerGroup): boolean;
+    isLayerVisible(layer: MapWidgetLayerOptions, group?: LayerGroup): boolean;
     changeAutoLayer($event: any): void;
     get layerVisibleIdx(): number;
     ngOnDestroy(): void;

package/widgets/widget-map/style/_m-layer-legend.scss

@@ -1,34 +1,43 @@
 @use '../../../styles/abstracts' as *;
+@use '../../../styles-theme/abstracts-theme/variables.theme' as *;
 
-.m-map-layer-action {
-  display: flex;
-  gap: toRem(6);
+.m-map-action {
   z-index: 2;
   right: toRem(8);
+  color: themed($theme-map, 'color', 'primary', 750);
+  background-color: transparent;
+  border: none;
 
-  button {
+  &__button, button {
     border-radius: 8px;
-  }
 
-  &.ol-control {
-    border: none;
-    background-color: transparent;
+    &:hover {
+      outline: none;
+    }
   }
+}
 
-  .-hidden {
-    display: none;
-  }
+// map pop-ins are opened when clicking on map-action buttons
+.m-map-pop-in {
+  z-index: 2;
+  display: block;
+  position: absolute;
+  right: toRem(58);
+  //max-width: toRem(220); // only for layer popin
+  background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
+  padding: toRem(8) toRem(10);
+  border-radius: toRem(8);
 
-  &__toggle {
-    order: 2;
-    width: toRem(30);
-    height: toRem(30);
+  &.-hidden, .-hidden {
+    display: none;
   }
 
   &__title {
     display: flex;
     flex-direction: row;
-    align-items: center;
+    align-items: flex-start;
+    word-break: break-word;
+    gap: toRem(5);
 
     &:hover {
       cursor: pointer;
@@ -36,30 +45,10 @@
     }
   }
 
-  &__container {
-    border-radius: toRem(8);
-    padding: toRem(8) toRem(10);
-
-    &--layers {
-      max-width: toRem(220);
-    }
-
-    .a-h4 {
-      font-size: 16px;
-    }
-
-    .a-h5 {
-      font-size: 14px;
-      margin: 0;
-    }
+  // legend popin classes
 
-    button.m-map-layer-action__toggle {
-      border-radius: 50%;
-
-      &:hover {
-        outline: none;
-      }
-    }
+  &__dropdown-icon {
+    margin-top: toRem(2);
   }
 
   &__image {
@@ -71,21 +60,17 @@
     font-style: italic;
     color: #c74646;
   }
-}
 
-.m-layer-legend {
-  &__title {
-    align-items: flex-start;
-    gap: toRem(5);
+  .a-h4 {
+    font-size: 16px;
   }
 
-  &__dropdown-icon {
-    margin-top: toRem(2);
+  .a-h5 {
+    font-size: 14px;
+    margin: 0;
   }
-}
 
-.m-layer-switcher {
-  max-height: toRem(510);
+  // layer switcher popin classes
 
   &__group-title {
     font-weight: 700;
@@ -93,24 +78,24 @@
   }
 
   &__content {
-    max-height: toRem(420);
     overflow-y: auto;
   }
 
-  &__title {
-    align-items: flex-start;
-    word-break: break-word;
-  }
-
-  &--radios {
+  &__radios {
     display: flex;
     flex-direction: column;
     gap: toRem(5);
 
     input {
+      accent-color: themed($theme-map, 'color', 'primary', 600);
       margin-top: toRem(3);
     }
   }
+
+  // modifiers
+  &.-max-width-220 {
+    max-width: toRem(220);
+  }
 }
 
 .m-map-slide-legend {