@igo2/geo 18.0.0-next.9 → 18.0.0

package/lib/filter/time-filter-form/time-filter-form.component.d.ts

@@ -1,13 +1,11 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { DateAdapter, ThemePalette } from '@angular/material/core';
-import { Layer } from '../../layer/shared/layers/layer';
+import { Layer } from '../../layer';
 import { TimeFilterStyle, TimeFilterType } from '../shared/time-filter.enum';
 import { TimeFilterOptions } from '../shared/time-filter.interface';
 import * as i0 from "@angular/core";
 export declare class TimeFilterFormComponent implements OnInit {
     private dateAdapter;
-    layer: Layer;
-    options: TimeFilterOptions;
     color: ThemePalette;
     date: Date;
     startDate: Date;
@@ -20,10 +18,12 @@ export declare class TimeFilterFormComponent implements OnInit {
     listYears: string[];
     startListYears: string[];
     endListYears: string[];
-    set currentValue(value: string);
-    interval: any;
+    interval: number;
     playIcon: string;
     resetIcon: string;
+    layer: Layer;
+    options: TimeFilterOptions;
+    set currentValue(value: string);
     change: EventEmitter<Date | [Date, Date]>;
     yearChange: EventEmitter<string | [string, string]>;
     mySlider: any;

package/lib/filter/time-filter-item/time-filter-item.component.d.ts

@@ -1,7 +1,7 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { TimeFilterableDataSource } from '../../datasource/shared/datasources/wms-datasource';
-import { Layer } from '../../layer/shared/layers/layer';
+import { Layer } from '../../layer';
 import { TimeFilterService } from '../shared/time-filter.service';
 import * as i0 from "@angular/core";
 export declare class TimeFilterItemComponent implements OnInit, OnDestroy {

package/lib/filter/time-filter-list/time-filter-list.component.d.ts

@@ -1,12 +1,7 @@
-import { ChangeDetectorRef } from '@angular/core';
-import { Layer } from '../../layer/shared/layers/layer';
+import { AnyLayer } from '../../layer';
 import * as i0 from "@angular/core";
 export declare class TimeFilterListComponent {
-    private cdRef;
-    get layers(): Layer[];
-    set layers(value: Layer[]);
-    private _layers;
-    constructor(cdRef: ChangeDetectorRef);
+    layers: AnyLayer[];
     static ɵfac: i0.ɵɵFactoryDeclaration<TimeFilterListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TimeFilterListComponent, "igo-time-filter-list", never, { "layers": { "alias": "layers"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/import-export/export-button/export-button.component.d.ts

@@ -1,13 +1,9 @@
 import { DataSourceOptions } from '../../datasource/shared/datasources';
-import { Layer } from '../../layer/shared/layers/layer';
+import { Layer } from '../../layer/shared';
 import * as i0 from "@angular/core";
 export declare class ExportButtonComponent {
-    get layer(): Layer;
-    set layer(value: Layer);
-    private _layer;
-    get color(): string;
-    set color(value: string);
-    private _color;
+    layer: Layer;
+    color: string;
     get options(): DataSourceOptions;
     layerIsExportable(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExportButtonComponent, never>;

package/lib/import-export/import-export/import-export.component.d.ts

@@ -10,7 +10,6 @@ import { StorageService } from '@igo2/core/storage';
 import { BehaviorSubject } from 'rxjs';
 import { DownloadService } from '../../download/shared/download.service';
 import { LayerService } from '../../layer/shared/layer.service';
-import { AnyLayer } from '../../layer/shared/layers/any-layer';
 import { Layer } from '../../layer/shared/layers/layer';
 import { InputProjections, ProjectionsLimitationsOptions } from '../../map/';
 import { IgoMap } from '../../map/shared/map';
@@ -38,7 +37,7 @@ export declare class ImportExportComponent implements OnDestroy, OnInit {
     form: UntypedFormGroup;
     importForm: UntypedFormGroup;
     formats$: BehaviorSubject<("GeoJSON" | "Excel" | "Shapefile" | "GML" | "GPX" | "KML" | "CSV" | "URL")[]>;
-    exportableLayers$: BehaviorSubject<AnyLayer[]>;
+    exportableLayers$: BehaviorSubject<Layer[]>;
     loading$: BehaviorSubject<boolean>;
     forceNaming: boolean;
     controlFormat: string;

package/lib/import-export/shared/export.service.d.ts

@@ -5,7 +5,7 @@ import OlFeature from 'ol/Feature';
 import * as olformat from 'ol/format';
 import type { default as OlGeometry } from 'ol/geom/Geometry';
 import { Observable } from 'rxjs';
-import { AnyLayer } from '../../layer';
+import { Layer } from '../../layer';
 import { IgoMap } from '../../map';
 import { ExportOptions, GeometryCollection } from './export.interface';
 import { AnyExportFormat, ExportOgreFormat } from './export.type';
@@ -35,7 +35,7 @@ export declare class ExportService {
     private nothingToExport;
     private getFeaturesFromMap;
     private getFeaturesFromWorkspace;
-    getFeatures(map: IgoMap, layer: AnyLayer, data: ExportOptions, store: WorkspaceStore): Observable<OlFeature[]>;
+    getFeatures(map: IgoMap, layer: Layer, data: ExportOptions, store: WorkspaceStore): Observable<OlFeature[]>;
     getWorkspaceByLayerId(id: string, store: WorkspaceStore): Workspace;
     getGeomTypes(features: OlFeature[], format?: AnyExportFormat): GeometryCollection[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ExportService, never>;

package/lib/layer/index.d.ts

@@ -1,10 +1,15 @@
-export * from './shared';
-export * from './layer.module';
+export * from './layer-group';
 export * from './layer-item';
-export * from './layer-legend';
 export * from './layer-legend-item';
 export * from './layer-legend-list';
-export * from './layer-list';
+export * from './layer-legend';
 export * from './layer-list-tool';
+export * from './layer-list';
+export * from './layer-search';
+export * from './layer-unavailable';
+export * from './layer-viewer-bottom-actions';
+export * from './layer-viewer';
+export * from './layer-visibility-button';
+export * from './shared';
 export * from './track-feature-button';
 export * from './utils';

package/lib/layer/layer-group/index.d.ts

@@ -0,0 +1 @@
+export * from './layer-group.component';

package/lib/layer/layer-group/layer-group.component.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { LayerViewerOptions } from '../layer-viewer/layer-viewer.interface';
+import type { AnyLayer } from '../shared/layers/any-layer';
+import type { LayerGroup } from '../shared/layers/layer-group';
+import * as i0 from "@angular/core";
+export declare class LayerGroupComponent implements OnInit {
+    layer: LayerGroup;
+    viewerOptions: LayerViewerOptions;
+    selected: boolean;
+    selectionDisabled: boolean;
+    action: EventEmitter<AnyLayer>;
+    visibilityChange: EventEmitter<Event>;
+    expand: EventEmitter<void>;
+    selectChange: EventEmitter<boolean>;
+    isDisabled: boolean;
+    get title(): string;
+    get collapsed(): boolean;
+    set collapsed(value: boolean);
+    get tooltipMessage(): string;
+    ngOnInit(): void;
+    onToggle(): void;
+    toggleVisibility(event: Event): void;
+    toggleLayerGroupTool(event: Event): void;
+    toggleLayerTool(layer: AnyLayer): void;
+    handleExpand(): void;
+    handleSelect(event: MatCheckboxChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayerGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayerGroupComponent, "igo-layer-group", never, { "layer": { "alias": "layer"; "required": false; }; "viewerOptions": { "alias": "viewerOptions"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selectionDisabled": { "alias": "selectionDisabled"; "required": false; }; }, { "action": "action"; "visibilityChange": "visibilityChange"; "expand": "expand"; "selectChange": "selectChange"; }, never, ["*"], true, never>;
+}

package/lib/layer/layer-item/layer-item.component.d.ts

@@ -1,66 +1,43 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { MatCheckboxChange } from '@angular/material/checkbox';
 import { ConnectionState, NetworkService } from '@igo2/core/network';
 import { BehaviorSubject } from 'rxjs';
-import { AnyLayerOptions } from '../shared';
-import { Layer } from '../shared/layers/layer';
+import { LayerViewerOptions } from '../layer-viewer/layer-viewer.interface';
+import type { Layer } from '../shared/layers/layer';
 import * as i0 from "@angular/core";
 export declare class LayerItemComponent implements OnInit, OnDestroy {
     private networkService;
-    private renderer;
-    private elRef;
-    private cdRef;
-    focusedCls: string;
-    get activeLayer(): any;
-    set activeLayer(value: any);
-    private _activeLayer;
-    layerTool$: BehaviorSubject<boolean>;
     showLegend$: BehaviorSubject<boolean>;
     inResolutionRange$: BehaviorSubject<boolean>;
     queryBadgeHidden$: BehaviorSubject<boolean>;
     tooltipText: string;
     state: ConnectionState;
-    get selectAll(): boolean;
-    set selectAll(value: boolean);
-    private _selectAll;
-    layerCheck: any;
     private resolution$$;
     private network$$;
-    private layers$$;
-    layers$: BehaviorSubject<Layer>;
-    get layer(): any;
-    set layer(value: any);
-    private _layer;
-    toggleLegendOnVisibilityChange: boolean;
-    expandLegendIfVisible: boolean;
-    updateLegendOnResolutionChange: boolean;
-    orderable: boolean;
-    lowerDisabled: boolean;
-    raiseDisabled: boolean;
-    queryBadge: boolean;
-    selectionMode: any;
-    changeDetection: any;
-    unavailableLayer: AnyLayerOptions;
-    get unavailableLayerTitle(): string | undefined;
+    layer: Layer;
+    /** Pass the visibility to trigger change detection */
+    visible: boolean;
+    selected: boolean;
+    selectionDisabled: boolean;
+    viewerOptions: LayerViewerOptions;
+    action: EventEmitter<Layer>;
+    selectChange: EventEmitter<boolean>;
+    visibilityChange: EventEmitter<Event>;
+    isDisabled: boolean;
     get opacity(): number;
     set opacity(opacity: number);
-    get eyeTooltip(): "igo.geo.layer.notInResolution" | "igo.geo.layer.hideLayer" | "igo.geo.layer.showLayer";
-    action: EventEmitter<Layer | AnyLayerOptions>;
-    checkbox: EventEmitter<{
-        layer: Layer;
-        check: boolean;
-    }>;
-    constructor(networkService: NetworkService, renderer: Renderer2, elRef: ElementRef, cdRef: ChangeDetectorRef);
+    get visibilityTooltip(): "igo.geo.layer.notInResolution" | "igo.geo.layer.group.hideChildren" | "igo.geo.layer.hideLayer" | "igo.geo.layer.showLayer";
+    constructor(networkService: NetworkService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     toggleLegend(collapsed: boolean): void;
     toggleLegendOnClick(): void;
-    toggleVisibility(event: Event): void;
+    handleVisibilityChange(event: Event): void;
     computeTooltip(): string;
     private onResolutionChange;
     private updateQueryBadge;
     toggleLayerTool(): void;
-    check(): void;
-    deleteUnavailableLayer(anyLayerOptions: AnyLayerOptions): void;
+    handleSelect(event: MatCheckboxChange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayerItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayerItemComponent, "igo-layer-item", never, { "activeLayer": { "alias": "activeLayer"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "layerCheck": { "alias": "layerCheck"; "required": false; }; "layer": { "alias": "layer"; "required": false; }; "toggleLegendOnVisibilityChange": { "alias": "toggleLegendOnVisibilityChange"; "required": false; }; "expandLegendIfVisible": { "alias": "expandLegendIfVisible"; "required": false; }; "updateLegendOnResolutionChange": { "alias": "updateLegendOnResolutionChange"; "required": false; }; "orderable": { "alias": "orderable"; "required": false; }; "lowerDisabled": { "alias": "lowerDisabled"; "required": false; }; "raiseDisabled": { "alias": "raiseDisabled"; "required": false; }; "queryBadge": { "alias": "queryBadge"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "changeDetection": { "alias": "changeDetection"; "required": false; }; "unavailableLayer": { "alias": "unavailableLayer"; "required": false; }; }, { "action": "action"; "checkbox": "checkbox"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayerItemComponent, "igo-layer-item", never, { "layer": { "alias": "layer"; "required": true; }; "visible": { "alias": "visible"; "required": true; }; "selected": { "alias": "selected"; "required": false; }; "selectionDisabled": { "alias": "selectionDisabled"; "required": false; }; "viewerOptions": { "alias": "viewerOptions"; "required": false; }; }, { "action": "action"; "selectChange": "selectChange"; "visibilityChange": "visibilityChange"; }, never, ["*"], true, never>;
 }

package/lib/layer/layer-legend/layer-legend.component.d.ts

@@ -5,8 +5,8 @@ import { ConfigService } from '@igo2/core/config';
 import { LanguageService } from '@igo2/core/language';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { CapabilitiesService } from '../../datasource/shared/capabilities.service';
-import { Legend } from '../../datasource/shared/datasources/datasource.interface';
-import { Layer } from '../shared/layers/layer';
+import { Legend } from '../../datasource/shared/datasources';
+import { Layer } from '../shared/layers';
 import * as i0 from "@angular/core";
 export declare class LayerLegendComponent implements OnInit, OnDestroy {
     private capabilitiesService;
@@ -47,9 +47,6 @@ export declare class LayerLegendComponent implements OnInit, OnDestroy {
      * List of size of images displayed
      */
     imagesHeight: Record<string, number>;
-    /**
-     * Layer
-     */
     layer: Layer;
     /**
      * if getLegendGraphic is authorized

package/lib/layer/layer-legend-list/layer-legend-list.component.d.ts

@@ -1,29 +1,28 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { BehaviorSubject, ReplaySubject } from 'rxjs';
-import { Layer } from '../shared/layers/layer';
+import { AnyLayer } from '../shared/layers/any-layer';
+import { isLayerItem } from '../utils';
 import * as i0 from "@angular/core";
 export declare class LayerLegendListComponent implements OnInit, OnDestroy {
     orderable: boolean;
     hasVisibleOrInRangeLayers$: BehaviorSubject<boolean>;
     hasVisibleAndNotInRangeLayers$: BehaviorSubject<boolean>;
-    layersInUi$: BehaviorSubject<Layer[]>;
-    layers$: BehaviorSubject<Layer[]>;
+    layersInUi$: BehaviorSubject<AnyLayer[]>;
+    layers$: BehaviorSubject<AnyLayer[]>;
     showAllLegend: boolean;
     change$: ReplaySubject<void>;
     private change$$;
-    set layers(value: Layer[]);
-    get layers(): Layer[];
-    private _layers;
+    layers: AnyLayer[];
     excludeBaseLayers: boolean;
     updateLegendOnResolutionChange: boolean;
     allowShowAllLegends: boolean;
     showAllLegendsValue: boolean;
     allLegendsShown: EventEmitter<boolean>;
+    isLayerItem: typeof isLayerItem;
     ngOnInit(): void;
     ngOnDestroy(): void;
     private next;
     private computeShownLayers;
-    private sortLayersByZindex;
     toggleShowAllLegends(toggle: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayerLegendListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LayerLegendListComponent, "igo-layer-legend-list", never, { "layers": { "alias": "layers"; "required": false; }; "excludeBaseLayers": { "alias": "excludeBaseLayers"; "required": false; }; "updateLegendOnResolutionChange": { "alias": "updateLegendOnResolutionChange"; "required": false; }; "allowShowAllLegends": { "alias": "allowShowAllLegends"; "required": false; }; "showAllLegendsValue": { "alias": "showAllLegendsValue"; "required": false; }; }, { "allLegendsShown": "allLegendsShown"; }, never, never, true, never>;

package/lib/layer/layer-list/index.d.ts

@@ -1,3 +1 @@
 export * from './layer-list.component';
-export * from './layer-list-binding.directive';
-export * from './layer-list.enum';

package/lib/layer/layer-list/layer-list.component.d.ts

@@ -1,132 +1,55 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import type { TemplateRef } from '@angular/core';
-import { FloatLabelType } from '@angular/material/form-field';
-import { MatSliderChange } from '@angular/material/slider';
-import { BehaviorSubject, ReplaySubject } from 'rxjs';
-import { IgoMap } from '../../map/shared/map';
-import { LayerListControlsOptions } from '../layer-list-tool/layer-list-tool.interface';
-import { LayerService } from '../shared/layer.service';
-import { AnyLayerOptions } from '../shared/layers';
-import { Layer } from '../shared/layers/layer';
-import { LayerListDisplacement } from './layer-list.enum';
-import { LayerListSelectVisibleEnum } from './layer-list.enum';
+import { FlatTreeControl } from '@angular/cdk/tree';
+import { EventEmitter } from '@angular/core';
+import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
+import { DropPermission, TreeDropEvent, TreeFlatNode } from '@igo2/common/drag-drop';
+import { IconSvg } from '@igo2/common/icon';
+import { MessageService } from '@igo2/core/message';
+import type { LayerViewerOptions } from '../layer-viewer/layer-viewer.interface';
+import { LayerType } from '../shared';
+import type { LayerController } from '../shared/layer-controller';
+import type { AnyLayer } from '../shared/layers/any-layer';
+import type { Layer } from '../shared/layers/layer';
+import type { LayerGroup } from '../shared/layers/layer-group';
+import { isLayerGroup, isLayerItem } from '../utils/layer.utils';
 import * as i0 from "@angular/core";
-export declare class LayerListComponent implements OnInit, OnDestroy {
-    private elRef;
-    private layerService;
-    orderable: boolean;
-    thresholdToFilterAndSort: number;
-    layers$: BehaviorSubject<Layer[]>;
-    change$: ReplaySubject<void>;
-    showToolbar$: BehaviorSubject<boolean>;
-    layerTool: boolean;
-    hideSelectedLayers: boolean;
-    activeLayer$: BehaviorSubject<Layer>;
-    layersChecked: Layer[];
-    selection: boolean;
-    private change$$;
-    private layers$$;
-    layerItemChangeDetection$: BehaviorSubject<any>;
-    templateLayerToolbar: TemplateRef<any>;
-    layersAreAllVisible: boolean;
-    ogcButton: boolean;
-    timeButton: boolean;
-    get map(): IgoMap;
-    set map(value: IgoMap);
-    private _map;
-    set layers(value: Layer[]);
-    get layers(): Layer[];
-    private _layers;
-    set activeLayer(value: Layer);
-    get activeLayer(): Layer;
-    private _activeLayer;
-    floatLabel: FloatLabelType;
-    layerFilterAndSortOptions: LayerListControlsOptions;
-    excludeBaseLayers: boolean;
-    toggleLegendOnVisibilityChange: boolean;
-    expandLegendOfVisibleLayers: boolean;
-    updateLegendOnResolutionChange: boolean;
-    queryBadge: boolean;
-    appliedFilterAndSort: EventEmitter<LayerListControlsOptions>;
-    get keyword(): string;
-    set keyword(value: string);
-    private _keyword;
-    get onlyVisible(): boolean;
-    set onlyVisible(value: boolean);
-    private _onlyVisible;
-    get sortAlpha(): boolean;
-    set sortAlpha(value: boolean);
-    private _sortedAlpha;
-    get opacity(): number;
-    set opacity(opacity: number);
-    get badgeOpacity(): number;
-    get raiseDisabled(): boolean;
-    get lowerDisabled(): boolean;
-    get raiseDisabledSelection(): boolean;
-    get lowerDisabledSelection(): boolean;
-    get checkOpacity(): number;
-    set checkOpacity(opacity: number);
-    get layerListDisplacement(): typeof LayerListDisplacement;
-    get unavailableLayers(): AnyLayerOptions[];
+type LayerFlatNode<T = AnyLayer> = TreeFlatNode<T>;
+export declare class LayerListComponent {
+    private messageService;
     toggleOpacity: boolean;
-    selectAllCheck: boolean;
-    selectAllCheck$: BehaviorSubject<boolean>;
-    private selectAllCheck$$;
-    constructor(elRef: ElementRef, layerService: LayerService);
-    /**
-     * Subscribe to the search term stream and trigger researches
-     * @internal
-     */
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    activeLayerExtentIsValid(layer: Layer): boolean;
-    activeLayersExtentAreValid(layers: Layer[]): boolean;
-    zoomLayerExtents(layer: Layer): void;
-    zoomLayersExtents(layers: Layer[]): void;
-    changeOpacity(event: MatSliderChange): void;
-    clearKeyword(): void;
-    getLowerLayer(): {
-        zIndex: any;
-        id: any;
-    };
-    isLowerBaselayer(layer: any): boolean;
-    getUpperLayer(): {
-        zIndex: any;
-        id: any;
-    };
-    isUpperBaselayer(layer: any): boolean;
-    moveActiveLayer(activeLayer: Layer, actiontype: LayerListDisplacement, fromUi?: boolean): void;
-    raisableLayers(layers: Layer[]): boolean;
-    raisableLayer(index: number): any;
-    raiseLayers(layers: Layer[], fromUi?: boolean): void;
-    lowerableLayers(layers: Layer[]): boolean;
-    lowerableLayer(index: number): any;
-    lowerLayers(layers: Layer[], fromUi?: boolean): void;
-    private next;
-    private computeLayers;
-    onKeywordChange(term: any): void;
-    onAppliedFilterAndSortChange(appliedFilter: LayerListControlsOptions): void;
-    private filterLayers;
-    private sortLayersByZindex;
-    private sortLayersByTitle;
-    private normalize;
-    private computeShowToolbar;
-    toggleLayerTool(layer: any): void;
-    removeLayers(layers?: Layer[]): void;
-    toggleVisibility(layers?: Layer[]): void;
-    isLayerRemovable(layer: Layer): boolean;
-    isAllLayersRemovable(layers: Layer[]): boolean;
-    get statusSelectedLayersCheck(): LayerListSelectVisibleEnum;
-    layersCheck(event: {
-        layer: Layer;
-        check: boolean;
-    }): void;
-    toggleSelectionMode(value: boolean): void;
-    layersCheckedOpacity(): any;
-    selectAll(): void;
-    isScrolledIntoView(elemSource: any, elem: any): boolean;
-    removeProblemLayerInList(layersList: Layer[]): Layer[];
-    deleteUnavailableLayer(anyLayerOptions: AnyLayerOptions): void;
+    isInit: boolean;
+    controller: LayerController;
+    set layers(layers: AnyLayer[]);
+    get layers(): AnyLayer[];
+    private _layers;
+    isDesktop: boolean;
+    isDragDropDisabled: boolean;
+    selectAll: boolean;
+    viewerOptions: LayerViewerOptions;
+    activeChange: EventEmitter<AnyLayer>;
+    private _transformer;
+    treeControl: FlatTreeControl<LayerFlatNode<AnyLayer>, LayerFlatNode<AnyLayer>>;
+    treeFlattener: MatTreeFlattener<AnyLayer, LayerFlatNode<AnyLayer>, LayerFlatNode<AnyLayer>>;
+    dataSource: MatTreeFlatDataSource<AnyLayer, LayerFlatNode>;
+    constructor(messageService: MessageService);
+    isGroup: (_: number, node: LayerFlatNode) => boolean;
+    isLayerGroup: typeof isLayerGroup;
+    isLayerItem: typeof isLayerItem;
+    isSelected: (layer: AnyLayer) => boolean;
+    isDescendantSelection: (layer: AnyLayer) => boolean;
+    toggleActive(layer: AnyLayer): void;
+    handleSelect(checked: boolean, layer: AnyLayer): void;
+    getLayerType(layer: Layer): LayerType | 'measure' | 'draw';
+    getLayerIcon(layer: Layer): string | IconSvg;
+    dropNode({ node, ref, position }: TreeDropEvent<AnyLayer>): void;
+    dropNodeError(details: DropPermission): void;
+    dragStart(): void;
+    handleNodeToggle(node: LayerFlatNode<LayerGroup>): void;
+    private findNodeByLayerId;
+    private updateDatasource;
+    /** Recursive */
+    private expandGroup;
+    private restoreModel;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayerListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayerListComponent, "igo-layer-list", never, { "layersAreAllVisible": { "alias": "layersAreAllVisible"; "required": false; }; "ogcButton": { "alias": "ogcButton"; "required": false; }; "timeButton": { "alias": "timeButton"; "required": false; }; "map": { "alias": "map"; "required": false; }; "layers": { "alias": "layers"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "layerFilterAndSortOptions": { "alias": "layerFilterAndSortOptions"; "required": false; }; "excludeBaseLayers": { "alias": "excludeBaseLayers"; "required": false; }; "toggleLegendOnVisibilityChange": { "alias": "toggleLegendOnVisibilityChange"; "required": false; }; "expandLegendOfVisibleLayers": { "alias": "expandLegendOfVisibleLayers"; "required": false; }; "updateLegendOnResolutionChange": { "alias": "updateLegendOnResolutionChange"; "required": false; }; "queryBadge": { "alias": "queryBadge"; "required": false; }; }, { "appliedFilterAndSort": "appliedFilterAndSort"; }, ["templateLayerToolbar"], ["[igoLayerItemToolbar]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayerListComponent, "igo-layer-list", never, { "controller": { "alias": "controller"; "required": true; }; "layers": { "alias": "layers"; "required": true; }; "isDesktop": { "alias": "isDesktop"; "required": false; }; "isDragDropDisabled": { "alias": "isDragDropDisabled"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "viewerOptions": { "alias": "viewerOptions"; "required": false; }; }, { "activeChange": "activeChange"; }, never, never, true, never>;
 }
+export {};

package/lib/layer/layer-list-tool/index.d.ts

@@ -1,4 +1,3 @@
 export * from './layer-list-tool.component';
-export * from './layer-list-tool.enum';
 export * from './layer-list-tool.interface';
 export * from './layer-list-tool.service';

package/lib/layer/layer-list-tool/layer-list-tool.component.d.ts

@@ -1,32 +1,25 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { FloatLabelType } from '@angular/material/form-field';
-import { BehaviorSubject, Subscription } from 'rxjs';
-import { LayerListControlsOptions } from './layer-list-tool.interface';
+import { LayerToolMode, LayerViewerOptions } from '../layer-viewer/layer-viewer.interface';
+import { LayerGroup } from '../shared/layers/layer-group';
+import { LayerListToolService } from './layer-list-tool.service';
 import * as i0 from "@angular/core";
-export declare class LayerListToolComponent implements OnInit, OnDestroy {
-    onlyVisible$: BehaviorSubject<boolean>;
-    sortAlpha$: BehaviorSubject<boolean>;
-    term$: BehaviorSubject<string>;
-    onlyVisible$$: Subscription;
-    sortAlpha$$: Subscription;
-    term$$: Subscription;
-    layersAreAllVisible: boolean;
+export declare class LayerListToolComponent {
+    private layerListToolService;
+    mode: LayerToolMode;
+    viewerOptions: LayerViewerOptions;
     floatLabel: FloatLabelType;
-    set onlyVisible(value: boolean);
-    get onlyVisible(): boolean;
-    set sortAlpha(value: boolean);
-    get sortAlpha(): boolean;
-    set term(value: string);
-    get term(): string;
-    selectionMode: boolean;
-    appliedFilterAndSort: EventEmitter<LayerListControlsOptions>;
-    selection: EventEmitter<boolean>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    clearTerm(): void;
-    toggleSortAlpha(): void;
-    toggleOnlyVisible(): void;
+    onlyVisible: boolean;
+    term: string;
+    searchChange: EventEmitter<string>;
+    visibilityOnlyChange: EventEmitter<boolean>;
+    modeChange: EventEmitter<boolean>;
+    addedLayer: EventEmitter<LayerGroup>;
+    get selectionActive(): boolean;
+    constructor(layerListToolService: LayerListToolService);
+    handleTermChange(value: string | undefined): void;
     toggleSelectionMode(): void;
+    createGroup(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayerListToolComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayerListToolComponent, "igo-layer-list-tool", never, { "layersAreAllVisible": { "alias": "layersAreAllVisible"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "onlyVisible": { "alias": "onlyVisible"; "required": false; }; "sortAlpha": { "alias": "sortAlpha"; "required": false; }; "term": { "alias": "term"; "required": false; }; }, { "appliedFilterAndSort": "appliedFilterAndSort"; "selection": "selection"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayerListToolComponent, "igo-layer-list-tool", never, { "mode": { "alias": "mode"; "required": true; }; "viewerOptions": { "alias": "viewerOptions"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "onlyVisible": { "alias": "onlyVisible"; "required": false; }; "term": { "alias": "term"; "required": false; }; }, { "searchChange": "searchChange"; "visibilityOnlyChange": "visibilityOnlyChange"; "modeChange": "modeChange"; "addedLayer": "addedLayer"; }, never, never, true, never>;
 }

package/lib/layer/layer-list-tool/layer-list-tool.interface.d.ts

@@ -1,4 +1,3 @@
-import { LayerListControlsEnum } from '../layer-list/layer-list.enum';
 export interface LayerListControlsOptions {
     excludeBaseLayers?: boolean;
     showToolbar?: LayerListControlsEnum;
@@ -6,3 +5,8 @@ export interface LayerListControlsOptions {
     sortAlpha?: boolean;
     onlyVisible?: boolean;
 }
+export declare enum LayerListControlsEnum {
+    always = "always",
+    never = "never",
+    default = "default"
+}

package/lib/layer/layer-list-tool/layer-list-tool.service.d.ts

@@ -1,13 +1,14 @@
+import { FormDialogService } from '@igo2/common/form';
+import { Observable } from 'rxjs';
+import { LayerService } from '../shared/layer.service';
+import { LayerGroup } from '../shared/layers/layer-group';
 import * as i0 from "@angular/core";
 export declare class LayerListToolService {
-    keyword: string;
-    sortAlpha: boolean;
-    onlyVisible: boolean;
-    onlyInRange: boolean;
-    keywordInitialized: boolean;
-    sortedAlphaInitialized: boolean;
-    onlyVisibleInitialized: boolean;
-    onlyInRangeInitialized: boolean;
+    private layerService;
+    private formDialogService;
+    constructor(layerService: LayerService, formDialogService: FormDialogService);
+    createGroup(): Observable<LayerGroup | undefined>;
+    renameGroup(group: LayerGroup): Observable<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayerListToolService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LayerListToolService>;
 }

package/lib/layer/layer-search/index.d.ts

@@ -0,0 +1 @@
+export * from './layer-search.component';

package/lib/layer/layer-search/layer-search.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { FloatLabelType } from '@angular/material/form-field';
+import * as i0 from "@angular/core";
+export declare class LayerSearchComponent implements OnInit {
+    control: FormControl<any>;
+    initialValue: string;
+    floatLabel: FloatLabelType;
+    placeholder: string;
+    tooltip: string;
+    searchChange: EventEmitter<string>;
+    ngOnInit(): void;
+    clearTerm(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayerSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayerSearchComponent, "igo-layer-search", never, { "initialValue": { "alias": "initialValue"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "searchChange": "searchChange"; }, never, never, true, never>;
+}