@igo2/geo 18.0.2 → 18.0.3

package/esm2022/lib/layer/layer-legend-list/layer-legend-list-binding.directive.mjs

@@ -39,10 +39,10 @@ export class LayerLegendListBindingDirective {
             this.layersVisibility$$ = undefined;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerLegendListBindingDirective, deps: [{ token: i1.LayerLegendListComponent, self: true }, { token: i2.MapService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LayerLegendListBindingDirective, isStandalone: true, selector: "[igoLayerLegendListBinding]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerLegendListBindingDirective, deps: [{ token: i1.LayerLegendListComponent, self: true }, { token: i2.MapService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LayerLegendListBindingDirective, isStandalone: true, selector: "[igoLayerLegendListBinding]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerLegendListBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerLegendListBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igoLayerLegendListBinding]',

package/esm2022/lib/layer/layer-legend-list/layer-legend-list.component.mjs

@@ -71,10 +71,10 @@ export class LayerLegendListComponent {
         this.next();
         this.allLegendsShown.emit(toggle);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerLegendListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayerLegendListComponent, isStandalone: true, selector: "igo-layer-legend-list", inputs: { layers: "layers", excludeBaseLayers: "excludeBaseLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", allowShowAllLegends: "allowShowAllLegends", showAllLegendsValue: "showAllLegendsValue" }, outputs: { allLegendsShown: "allLegendsShown" }, ngImport: i0, template: "<div class=\"layer-legend-list-container\">\n  <mat-slide-toggle\n    tooltip-position=\"above\"\n    matTooltipShowDelay=\"500\"\n    [matTooltip]=\"'igo.geo.layer.legend.showAll' | translate\"\n    [checked]=\"showAllLegendsValue\"\n    class=\"mat-typography\"\n    *ngIf=\"(layersInUi$ | async).length && allowShowAllLegends\"\n    [labelPosition]=\"'before'\"\n    (change)=\"toggleShowAllLegends($event.checked)\"\n  >\n    {{ 'igo.geo.layer.legend.showAll' | translate }}\n  </mat-slide-toggle>\n  <mat-divider\n    *ngIf=\"(layersInUi$ | async).length && allowShowAllLegends\"\n  ></mat-divider>\n  <igo-list [navigation]=\"false\" [selection]=\"false\">\n    <ng-template ngFor let-layer let-i=\"index\" [ngForOf]=\"layers$ | async\">\n      <igo-layer-legend-item\n        *ngIf=\"!(excludeBaseLayers && isLayerItem(layer) && layer.baseLayer)\"\n        igoListItem\n        [layer]=\"$any(layer)\"\n        [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n      >\n      </igo-layer-legend-item>\n    </ng-template>\n  </igo-list>\n  <p\n    class=\"layers-empty mat-typography\"\n    *ngIf=\"\n      !showAllLegendsValue &&\n      (layersInUi$ | async).length &&\n      (hasVisibleOrInRangeLayers$ | async) === false &&\n      (hasVisibleAndNotInRangeLayers$ | async) === false &&\n      allowShowAllLegends\n    \"\n  >\n    {{ 'igo.geo.layer.legend.noLayersVisibleWithShowAllButton' | translate }}\n  </p>\n  <p\n    class=\"layers-empty mat-typography\"\n    *ngIf=\"\n      !showAllLegendsValue &&\n      (layersInUi$ | async).length &&\n      (hasVisibleOrInRangeLayers$ | async) === false &&\n      (hasVisibleAndNotInRangeLayers$ | async) &&\n      allowShowAllLegends\n    \"\n  >\n    {{\n      'igo.geo.layer.legend.noLayersVisibleWithShowAllButtonButZoom' | translate\n    }}\n  </p>\n  <p\n    class=\"layers-empty mat-typography\"\n    *ngIf=\"\n      (layersInUi$ | async).length &&\n      (hasVisibleOrInRangeLayers$ | async) === false &&\n      (hasVisibleAndNotInRangeLayers$ | async) === false &&\n      !allowShowAllLegends\n    \"\n  >\n    {{ 'igo.geo.layer.legend.noLayersVisible' | translate }}\n  </p>\n  <p\n    class=\"layers-empty mat-typography\"\n    *ngIf=\"\n      (layersInUi$ | async).length &&\n      (hasVisibleOrInRangeLayers$ | async) === false &&\n      (hasVisibleAndNotInRangeLayers$ | async) &&\n      !allowShowAllLegends\n    \"\n  >\n    {{ 'igo.geo.layer.legend.noLayersVisibleButZoom' | translate }}\n  </p>\n</div>\n", styles: [":host mat-slide-toggle{width:100%;padding:10px}:host mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}:host mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}:host igo-list{display:contents}:host .layers-empty{text-align:justify;margin:10px}:host .layer-legend-list-container{max-height:100%;overflow:auto}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: ListComponent, selector: "igo-list", inputs: ["navigation", "selection"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: LayerLegendItemComponent, selector: "igo-layer-legend-item", inputs: ["layer", "updateLegendOnResolutionChange"] }, { kind: "directive", type: ListItemDirective, selector: "[igoListItem]", inputs: ["color", "focused", "selected", "disabled"], outputs: ["beforeSelect", "beforeFocus", "beforeUnselect", "beforeUnfocus", "beforeDisable", "beforeEnable", "focus", "unfocus", "select", "unselect", "disable", "enable"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerLegendListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LayerLegendListComponent, isStandalone: true, selector: "igo-layer-legend-list", inputs: { layers: "layers", excludeBaseLayers: "excludeBaseLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", allowShowAllLegends: "allowShowAllLegends", showAllLegendsValue: "showAllLegendsValue" }, outputs: { allLegendsShown: "allLegendsShown" }, ngImport: i0, template: "<div class=\"layer-legend-list-container\">\n  <mat-slide-toggle\n    tooltip-position=\"above\"\n    matTooltipShowDelay=\"500\"\n    [matTooltip]=\"'igo.geo.layer.legend.showAll' | translate\"\n    [checked]=\"showAllLegendsValue\"\n    class=\"mat-typography\"\n    *ngIf=\"(layersInUi$ | async).length && allowShowAllLegends\"\n    [labelPosition]=\"'before'\"\n    (change)=\"toggleShowAllLegends($event.checked)\"\n  >\n    {{ 'igo.geo.layer.legend.showAll' | translate }}\n  </mat-slide-toggle>\n  <mat-divider\n    *ngIf=\"(layersInUi$ | async).length && allowShowAllLegends\"\n  ></mat-divider>\n  <igo-list [navigation]=\"false\" [selection]=\"false\">\n    <ng-template ngFor let-layer let-i=\"index\" [ngForOf]=\"layers$ | async\">\n      <igo-layer-legend-item\n        *ngIf=\"!(excludeBaseLayers && isLayerItem(layer) && layer.baseLayer)\"\n        igoListItem\n        [layer]=\"$any(layer)\"\n        [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n      >\n      </igo-layer-legend-item>\n    </ng-template>\n  </igo-list>\n  <p\n    class=\"layers-empty mat-typography\"\n    *ngIf=\"\n      !showAllLegendsValue &&\n      (layersInUi$ | async).length &&\n      (hasVisibleOrInRangeLayers$ | async) === false &&\n      (hasVisibleAndNotInRangeLayers$ | async) === false &&\n      allowShowAllLegends\n    \"\n  >\n    {{ 'igo.geo.layer.legend.noLayersVisibleWithShowAllButton' | translate }}\n  </p>\n  <p\n    class=\"layers-empty mat-typography\"\n    *ngIf=\"\n      !showAllLegendsValue &&\n      (layersInUi$ | async).length &&\n      (hasVisibleOrInRangeLayers$ | async) === false &&\n      (hasVisibleAndNotInRangeLayers$ | async) &&\n      allowShowAllLegends\n    \"\n  >\n    {{\n      'igo.geo.layer.legend.noLayersVisibleWithShowAllButtonButZoom' | translate\n    }}\n  </p>\n  <p\n    class=\"layers-empty mat-typography\"\n    *ngIf=\"\n      (layersInUi$ | async).length &&\n      (hasVisibleOrInRangeLayers$ | async) === false &&\n      (hasVisibleAndNotInRangeLayers$ | async) === false &&\n      !allowShowAllLegends\n    \"\n  >\n    {{ 'igo.geo.layer.legend.noLayersVisible' | translate }}\n  </p>\n  <p\n    class=\"layers-empty mat-typography\"\n    *ngIf=\"\n      (layersInUi$ | async).length &&\n      (hasVisibleOrInRangeLayers$ | async) === false &&\n      (hasVisibleAndNotInRangeLayers$ | async) &&\n      !allowShowAllLegends\n    \"\n  >\n    {{ 'igo.geo.layer.legend.noLayersVisibleButZoom' | translate }}\n  </p>\n</div>\n", styles: [":host mat-slide-toggle{width:100%;padding:10px}:host mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}:host mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}:host igo-list{display:contents}:host .layers-empty{text-align:justify;margin:10px}:host .layer-legend-list-container{max-height:100%;overflow:auto}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: ListComponent, selector: "igo-list", inputs: ["navigation", "selection"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: LayerLegendItemComponent, selector: "igo-layer-legend-item", inputs: ["layer", "updateLegendOnResolutionChange"] }, { kind: "directive", type: ListItemDirective, selector: "[igoListItem]", inputs: ["color", "focused", "selected", "disabled"], outputs: ["beforeSelect", "beforeFocus", "beforeUnselect", "beforeUnfocus", "beforeDisable", "beforeEnable", "focus", "unfocus", "select", "unselect", "disable", "enable"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerLegendListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerLegendListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-layer-legend-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgIf,

package/esm2022/lib/layer/layer-list/layer-list.component.mjs

@@ -182,10 +182,10 @@ export class LayerListComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerListComponent, deps: [{ token: i1.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayerListComponent, isStandalone: true, selector: "igo-layer-list", inputs: { controller: "controller", layers: "layers", isDesktop: "isDesktop", isDragDropDisabled: "isDragDropDisabled", selectAll: "selectAll", viewerOptions: "viewerOptions" }, outputs: { activeChange: "activeChange" }, ngImport: i0, template: "<mat-tree\n  [class.--not-desktop]=\"!isDesktop\"\n  igoTreeDragDrop\n  [treeDragDropIsDisabled]=\"isDragDropDisabled\"\n  [maxLevel]=\"viewerOptions?.group?.maxHierarchyLevel\"\n  [dataSource]=\"dataSource\"\n  [treeControl]=\"treeControl\"\n  (dragStart)=\"dragStart()\"\n  (onDrop)=\"dropNode($event)\"\n  (onDropError)=\"dropNodeError($event)\"\n>\n  <!-- This is the tree node template for leaf nodes -->\n  <mat-tree-node\n    *matTreeNodeDef=\"let node\"\n    [class.--selected]=\"isSelected(node.data)\"\n    [class.--children-selected]=\"isDescendantSelection(node.data)\"\n  >\n    <igo-layer-item\n      [matTreeNodePadding]=\"node.level === 0 ? 1 : node.level\"\n      [matTreeNodePaddingIndent]=\"node.level === 0 ? 16 : 24 + 16 / node.level\"\n      class=\"tree-node-item\"\n      [layer]=\"node.data\"\n      [visible]=\"node.data.visible\"\n      [viewerOptions]=\"viewerOptions\"\n      [selected]=\"isSelected(node.data) || isDescendantSelection(node.data)\"\n      [selectionDisabled]=\"isDescendantSelection(node.data)\"\n      (action)=\"toggleActive($event)\"\n      (selectChange)=\"handleSelect($event, node.data)\"\n    >\n    </igo-layer-item>\n  </mat-tree-node>\n  <!-- This is the tree node template for expandable nodes -->\n  <mat-tree-node\n    *matTreeNodeDef=\"let node; when: isGroup\"\n    [class.--selected]=\"isSelected(node.data)\"\n    [class.--children-selected]=\"isDescendantSelection(node.data)\"\n  >\n    <igo-layer-group\n      matTreeNodePadding\n      [matTreeNodePaddingIndent]=\"24\"\n      class=\"tree-node-item\"\n      [layer]=\"node.data\"\n      [viewerOptions]=\"viewerOptions\"\n      [selected]=\"isSelected(node.data) || isDescendantSelection(node.data)\"\n      [selectionDisabled]=\"isDescendantSelection(node.data)\"\n      (action)=\"toggleActive($event)\"\n      (expand)=\"treeControl.toggle(node); handleNodeToggle(node)\"\n      (selectChange)=\"handleSelect($event, node.data)\"\n    >\n      <button\n        mat-icon-button\n        matTreeNodeToggle\n        class=\"layer-indicator\"\n        [attr.aria-label]=\"'Toggle ' + node.data.title\"\n        (click)=\"handleNodeToggle(node)\"\n      >\n        <mat-icon class=\"mat-icon-rtl-mirror\">\n          {{\n            treeControl.isExpanded(node)\n              ? 'keyboard_arrow_down'\n              : 'keyboard_arrow_right'\n          }}\n        </mat-icon>\n      </button>\n    </igo-layer-group>\n  </mat-tree-node>\n</mat-tree>\n", styles: [".--not-desktop igo-layer-group ::ng-deep .list-secondary-actions button,.--not-desktop igo-layer-item ::ng-deep .list-secondary-actions button{visibility:visible!important}.tree-node-item{flex:1}mat-tree-node{position:relative;min-height:40px}mat-tree-node:hover:after,mat-tree-node.--drag-hover:after{content:\"\";position:absolute;inset:0;border-style:solid;border-width:1px;border-color:transparent;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatSliderModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i4.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i4.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i4.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: TreeDragDropDirective, selector: "[igoTreeDragDrop]", inputs: ["treeControl", "maxLevel", "treeDragDropIsDisabled"], outputs: ["dragStart", "onDrop", "onDropError"] }, { kind: "component", type: LayerGroupComponent, selector: "igo-layer-group", inputs: ["layer", "viewerOptions", "selected", "selectionDisabled"], outputs: ["action", "visibilityChange", "expand", "selectChange"] }, { kind: "component", type: LayerItemComponent, selector: "igo-layer-item", inputs: ["layer", "visible", "selected", "selectionDisabled", "viewerOptions"], outputs: ["action", "selectChange", "visibilityChange"] }, { kind: "ngmodule", type: IgoLanguageModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerListComponent, deps: [{ token: i1.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LayerListComponent, isStandalone: true, selector: "igo-layer-list", inputs: { controller: "controller", layers: "layers", isDesktop: "isDesktop", isDragDropDisabled: "isDragDropDisabled", selectAll: "selectAll", viewerOptions: "viewerOptions" }, outputs: { activeChange: "activeChange" }, ngImport: i0, template: "<mat-tree\n  [class.--not-desktop]=\"!isDesktop\"\n  igoTreeDragDrop\n  [treeDragDropIsDisabled]=\"isDragDropDisabled\"\n  [maxLevel]=\"viewerOptions?.group?.maxHierarchyLevel\"\n  [dataSource]=\"dataSource\"\n  [treeControl]=\"treeControl\"\n  (dragStart)=\"dragStart()\"\n  (onDrop)=\"dropNode($event)\"\n  (onDropError)=\"dropNodeError($event)\"\n>\n  <!-- This is the tree node template for leaf nodes -->\n  <mat-tree-node\n    *matTreeNodeDef=\"let node\"\n    [class.--selected]=\"isSelected(node.data)\"\n    [class.--children-selected]=\"isDescendantSelection(node.data)\"\n  >\n    <igo-layer-item\n      [matTreeNodePadding]=\"node.level === 0 ? 1 : node.level\"\n      [matTreeNodePaddingIndent]=\"node.level === 0 ? 16 : 24 + 16 / node.level\"\n      class=\"tree-node-item\"\n      [layer]=\"node.data\"\n      [visible]=\"node.data.visible\"\n      [viewerOptions]=\"viewerOptions\"\n      [selected]=\"isSelected(node.data) || isDescendantSelection(node.data)\"\n      [selectionDisabled]=\"isDescendantSelection(node.data)\"\n      (action)=\"toggleActive($event)\"\n      (selectChange)=\"handleSelect($event, node.data)\"\n    >\n    </igo-layer-item>\n  </mat-tree-node>\n  <!-- This is the tree node template for expandable nodes -->\n  <mat-tree-node\n    *matTreeNodeDef=\"let node; when: isGroup\"\n    [class.--selected]=\"isSelected(node.data)\"\n    [class.--children-selected]=\"isDescendantSelection(node.data)\"\n  >\n    <igo-layer-group\n      matTreeNodePadding\n      [matTreeNodePaddingIndent]=\"24\"\n      class=\"tree-node-item\"\n      [layer]=\"node.data\"\n      [viewerOptions]=\"viewerOptions\"\n      [selected]=\"isSelected(node.data) || isDescendantSelection(node.data)\"\n      [selectionDisabled]=\"isDescendantSelection(node.data)\"\n      (action)=\"toggleActive($event)\"\n      (expand)=\"treeControl.toggle(node); handleNodeToggle(node)\"\n      (selectChange)=\"handleSelect($event, node.data)\"\n    >\n      <button\n        mat-icon-button\n        matTreeNodeToggle\n        class=\"layer-indicator\"\n        [attr.aria-label]=\"'Toggle ' + node.data.title\"\n        (click)=\"handleNodeToggle(node)\"\n      >\n        <mat-icon class=\"mat-icon-rtl-mirror\">\n          {{\n            treeControl.isExpanded(node)\n              ? 'keyboard_arrow_down'\n              : 'keyboard_arrow_right'\n          }}\n        </mat-icon>\n      </button>\n    </igo-layer-group>\n  </mat-tree-node>\n</mat-tree>\n", styles: [".--not-desktop igo-layer-group ::ng-deep .list-secondary-actions button,.--not-desktop igo-layer-item ::ng-deep .list-secondary-actions button{visibility:visible!important}.tree-node-item{flex:1}mat-tree-node{position:relative;min-height:40px}mat-tree-node:hover:after,mat-tree-node.--drag-hover:after{content:\"\";position:absolute;inset:0;border-style:solid;border-width:1px;border-color:transparent;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatSliderModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i4.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i4.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i4.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: TreeDragDropDirective, selector: "[igoTreeDragDrop]", inputs: ["treeControl", "maxLevel", "treeDragDropIsDisabled"], outputs: ["dragStart", "onDrop", "onDropError"] }, { kind: "component", type: LayerGroupComponent, selector: "igo-layer-group", inputs: ["layer", "viewerOptions", "selected", "selectionDisabled"], outputs: ["action", "visibilityChange", "expand", "selectChange"] }, { kind: "component", type: LayerItemComponent, selector: "igo-layer-item", inputs: ["layer", "visible", "selected", "selectionDisabled", "viewerOptions"], outputs: ["action", "selectChange", "visibilityChange"] }, { kind: "ngmodule", type: IgoLanguageModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-layer-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgIf,

package/esm2022/lib/layer/layer-list-tool/layer-list-tool.component.mjs

@@ -50,10 +50,10 @@ export class LayerListToolComponent {
             this.addedLayer.emit(group);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerListToolComponent, deps: [{ token: i1.LayerListToolService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayerListToolComponent, isStandalone: true, selector: "igo-layer-list-tool", inputs: { mode: "mode", viewerOptions: "viewerOptions", floatLabel: "floatLabel", onlyVisible: "onlyVisible", term: "term" }, outputs: { searchChange: "searchChange", visibilityOnlyChange: "visibilityOnlyChange", modeChange: "modeChange", addedLayer: "addedLayer" }, providers: [LayerListToolService, FormDialogService], ngImport: i0, template: "<igo-layer-search\n  [initialValue]=\"term\"\n  [floatLabel]=\"floatLabel\"\n  placeholder=\"igo.geo.layer.filterPlaceholder\"\n  tooltip=\"igo.geo.layer.subsetLayersListKeyword\"\n  (searchChange)=\"handleTermChange($event)\"\n></igo-layer-search>\n\n<div class=\"actions-container\">\n  <button\n    mat-icon-button\n    [color]=\"selectionActive ? 'warn' : 'primary'\"\n    [matTooltip]=\"\n      selectionActive\n        ? ('igo.geo.layer.deactivateSelectionMode' | translate)\n        : ('igo.geo.layer.activateSelectionMode' | translate)\n    \"\n    matTooltipShowDelay=\"500\"\n    (click)=\"toggleSelectionMode()\"\n  >\n    <mat-icon>{{\n      selectionActive ? 'remove_done' : 'library_add_check'\n    }}</mat-icon>\n  </button>\n\n  <button\n    *ngIf=\"viewerOptions?.group?.canCreate\"\n    mat-icon-button\n    [disabled]=\"!viewerOptions.group.enable\"\n    [matTooltip]=\"'igo.geo.layer.group.create' | translate\"\n    matTooltipShowDelay=\"500\"\n    type=\"button\"\n    color=\"primary\"\n    (click)=\"createGroup()\"\n  >\n    <mat-icon>create_new_folder</mat-icon>\n  </button>\n</div>\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.sort-alpha.--active mat-icon{color:red}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: LayerSearchComponent, selector: "igo-layer-search", inputs: ["initialValue", "floatLabel", "placeholder", "tooltip"], outputs: ["searchChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerListToolComponent, deps: [{ token: i1.LayerListToolService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LayerListToolComponent, isStandalone: true, selector: "igo-layer-list-tool", inputs: { mode: "mode", viewerOptions: "viewerOptions", floatLabel: "floatLabel", onlyVisible: "onlyVisible", term: "term" }, outputs: { searchChange: "searchChange", visibilityOnlyChange: "visibilityOnlyChange", modeChange: "modeChange", addedLayer: "addedLayer" }, providers: [LayerListToolService, FormDialogService], ngImport: i0, template: "<igo-layer-search\n  [initialValue]=\"term\"\n  [floatLabel]=\"floatLabel\"\n  placeholder=\"igo.geo.layer.filterPlaceholder\"\n  tooltip=\"igo.geo.layer.subsetLayersListKeyword\"\n  (searchChange)=\"handleTermChange($event)\"\n></igo-layer-search>\n\n<div class=\"actions-container\">\n  <button\n    mat-icon-button\n    [color]=\"selectionActive ? 'warn' : 'primary'\"\n    [matTooltip]=\"\n      selectionActive\n        ? ('igo.geo.layer.deactivateSelectionMode' | translate)\n        : ('igo.geo.layer.activateSelectionMode' | translate)\n    \"\n    matTooltipShowDelay=\"500\"\n    (click)=\"toggleSelectionMode()\"\n  >\n    <mat-icon>{{\n      selectionActive ? 'remove_done' : 'library_add_check'\n    }}</mat-icon>\n  </button>\n\n  <button\n    *ngIf=\"viewerOptions?.group?.canCreate\"\n    mat-icon-button\n    [disabled]=\"!viewerOptions.group.enable\"\n    [matTooltip]=\"'igo.geo.layer.group.create' | translate\"\n    matTooltipShowDelay=\"500\"\n    type=\"button\"\n    color=\"primary\"\n    (click)=\"createGroup()\"\n  >\n    <mat-icon>create_new_folder</mat-icon>\n  </button>\n</div>\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.sort-alpha.--active mat-icon{color:red}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: LayerSearchComponent, selector: "igo-layer-search", inputs: ["initialValue", "floatLabel", "placeholder", "tooltip"], outputs: ["searchChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerListToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerListToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-layer-list-tool', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         FormsModule,

package/esm2022/lib/layer/layer-list-tool/layer-list-tool.service.mjs

@@ -52,10 +52,10 @@ export class LayerListToolService {
         })
             .pipe(map((result) => result?.name));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerListToolService, deps: [{ token: i1.LayerService }, { token: i2.FormDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerListToolService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerListToolService, deps: [{ token: i1.LayerService }, { token: i2.FormDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerListToolService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerListToolService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerListToolService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.LayerService }, { type: i2.FormDialogService }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5ZXItbGlzdC10b29sLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9nZW8vc3JjL2xpYi9sYXllci9sYXllci1saXN0LXRvb2wvbGF5ZXItbGlzdC10b29sLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFNUMsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRTVFLE9BQU8sRUFBYyxHQUFHLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUV0RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7QUFHdkQsTUFBTSxpQkFBaUIsR0FBeUI7SUFDOUMsZ0JBQWdCLEVBQUU7UUFDaEI7WUFDRSxJQUFJLEVBQUUsTUFBTTtZQUNaLEtBQUssRUFBRSwwQkFBMEI7WUFDakMsSUFBSSxFQUFFLE1BQU07WUFDWixPQUFPLEVBQUU7Z0JBQ1AsU0FBUyxFQUFFLFVBQVUsQ0FBQyxRQUFRO2dCQUM5QixNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsaUNBQWlDLEVBQUU7YUFDeEQ7U0FDRjtLQUNGO0NBQ0YsQ0FBQztBQUdGLE1BQU0sT0FBTyxvQkFBb0I7SUFFckI7SUFDQTtJQUZWLFlBQ1UsWUFBMEIsRUFDMUIsaUJBQW9DO1FBRHBDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzFCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7SUFDM0MsQ0FBQztJQUVKLFdBQVc7UUFDVCxPQUFPLElBQUksQ0FBQyxpQkFBaUI7YUFDMUIsSUFBSSxDQUFDLGlCQUFpQixFQUFFO1lBQ3ZCLEtBQUssRUFBRSw0QkFBNEI7WUFDbkMsUUFBUSxFQUFFLEtBQUs7U0FDaEIsQ0FBQzthQUNELElBQUksQ0FDSCxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNuQixPQUFPLE1BQU07Z0JBQ1gsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUM7b0JBQ2pDLElBQUksRUFBRSxPQUFPO29CQUNiLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSTtpQkFDbkIsQ0FBQztnQkFDSixDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3BCLENBQUMsQ0FBQyxDQUNILENBQUM7SUFDTixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWlCO1FBQzNCLE1BQU0sTUFBTSxHQUFHLEVBQUUsR0FBRyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3hDLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQ3hDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FDakMsQ0FBQztRQUNGLEtBQUssQ0FBQyxPQUFPLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFFekMsT0FBTyxJQUFJLENBQUMsaUJBQWlCO2FBQzFCLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDWixLQUFLLEVBQUUsNEJBQTRCO1lBQ25DLFFBQVEsRUFBRSxLQUFLO1NBQ2hCLENBQUM7YUFDRCxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUN6QyxDQUFDO3dHQXJDVSxvQkFBb0I7NEdBQXBCLG9CQUFvQjs7NEZBQXBCLG9CQUFvQjtrQkFEaEMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IEZvcm1EaWFsb2dGb3JtQ29uZmlnLCBGb3JtRGlhbG9nU2VydmljZSB9IGZyb20gJ0BpZ28yL2NvbW1vbi9mb3JtJztcblxuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgbWFwLCBvZiwgc3dpdGNoTWFwIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IExheWVyU2VydmljZSB9IGZyb20gJy4uL3NoYXJlZC9sYXllci5zZXJ2aWNlJztcbmltcG9ydCB7IExheWVyR3JvdXAgfSBmcm9tICcuLi9zaGFyZWQvbGF5ZXJzL2xheWVyLWdyb3VwJztcblxuY29uc3QgRk9STV9HUk9VUF9DT05GSUc6IEZvcm1EaWFsb2dGb3JtQ29uZmlnID0ge1xuICBmb3JtRmllbGRDb25maWdzOiBbXG4gICAge1xuICAgICAgbmFtZTogJ25hbWUnLFxuICAgICAgdGl0bGU6ICdpZ28uZ2VvLmxheWVyLmdyb3VwLm5hbWUnLFxuICAgICAgdHlwZTogJ3RleHQnLFxuICAgICAgb3B0aW9uczoge1xuICAgICAgICB2YWxpZGF0b3I6IFZhbGlkYXRvcnMucmVxdWlyZWQsXG4gICAgICAgIGVycm9yczogeyByZXF1aXJlZDogJ2lnby5jb21tb24uZm9ybS5lcnJvcnMucmVxdWlyZWQnIH1cbiAgICAgIH1cbiAgICB9XG4gIF1cbn07XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBMYXllckxpc3RUb29sU2VydmljZSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgbGF5ZXJTZXJ2aWNlOiBMYXllclNlcnZpY2UsXG4gICAgcHJpdmF0ZSBmb3JtRGlhbG9nU2VydmljZTogRm9ybURpYWxvZ1NlcnZpY2VcbiAgKSB7fVxuXG4gIGNyZWF0ZUdyb3VwKCk6IE9ic2VydmFibGU8TGF5ZXJHcm91cCB8IHVuZGVmaW5lZD4ge1xuICAgIHJldHVybiB0aGlzLmZvcm1EaWFsb2dTZXJ2aWNlXG4gICAgICAub3BlbihGT1JNX0dST1VQX0NPTkZJRywge1xuICAgICAgICB0aXRsZTogJ2lnby5nZW8ubGF5ZXIuZ3JvdXAuY3JlYXRlJyxcbiAgICAgICAgbWluV2lkdGg6ICcyNSUnXG4gICAgICB9KVxuICAgICAgLnBpcGUoXG4gICAgICAgIHN3aXRjaE1hcCgocmVzdWx0KSA9PiB7XG4gICAgICAgICAgcmV0dXJuIHJlc3VsdFxuICAgICAgICAgICAgPyB0aGlzLmxheWVyU2VydmljZS5jcmVhdGVBc3luY0dyb3VwKHtcbiAgICAgICAgICAgICAgICB0eXBlOiAnZ3JvdXAnLFxuICAgICAgICAgICAgICAgIHRpdGxlOiByZXN1bHQubmFtZVxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgOiBvZih1bmRlZmluZWQpO1xuICAgICAgICB9KVxuICAgICAgKTtcbiAgfVxuXG4gIHJlbmFtZUdyb3VwKGdyb3VwOiBMYXllckdyb3VwKTogT2JzZXJ2YWJsZTxzdHJpbmcgfCB1bmRlZmluZWQ+IHtcbiAgICBjb25zdCBjb25maWcgPSB7IC4uLkZPUk1fR1JPVVBfQ09ORklHIH07XG4gICAgY29uc3QgZmllbGQgPSBjb25maWcuZm9ybUZpZWxkQ29uZmlncy5maW5kKFxuICAgICAgKGZpZWxkKSA9PiBmaWVsZC5uYW1lID09PSAnbmFtZSdcbiAgICApO1xuICAgIGZpZWxkLm9wdGlvbnMuaW5pdGlhbFZhbHVlID0gZ3JvdXAudGl0bGU7XG5cbiAgICByZXR1cm4gdGhpcy5mb3JtRGlhbG9nU2VydmljZVxuICAgICAgLm9wZW4oY29uZmlnLCB7XG4gICAgICAgIHRpdGxlOiAnaWdvLmdlby5sYXllci5ncm91cC5yZW5hbWUnLFxuICAgICAgICBtaW5XaWR0aDogJzI1JSdcbiAgICAgIH0pXG4gICAgICAucGlwZShtYXAoKHJlc3VsdCkgPT4gcmVzdWx0Py5uYW1lKSk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/layer/layer-search/layer-search.component.mjs

@@ -36,10 +36,10 @@ export class LayerSearchComponent {
     clearTerm() {
         this.control.reset();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayerSearchComponent, isStandalone: true, selector: "igo-layer-search", inputs: { initialValue: "initialValue", floatLabel: "floatLabel", placeholder: "placeholder", tooltip: "tooltip" }, outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<mat-form-field [floatLabel]=\"floatLabel\" subscriptSizing=\"dynamic\">\n  <input\n    matInput\n    [placeholder]=\"placeholder | translate\"\n    [matTooltip]=\"tooltip | translate\"\n    [matTooltipDisabled]=\"!tooltip\"\n    matTooltipShowDelay=\"500\"\n    type=\"text\"\n    [formControl]=\"control\"\n  />\n  <button\n    *ngIf=\"control.value\"\n    matSuffix\n    mat-icon-button\n    aria-label=\"Clear\"\n    color=\"warn\"\n    (click)=\"clearTerm()\"\n  >\n    <mat-icon>close</mat-icon>\n  </button>\n</mat-form-field>\n", styles: [":host{flex:1}mat-form-field{width:100%}mat-form-field ::ng-deep .mat-mdc-form-field-infix{width:auto!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LayerSearchComponent, isStandalone: true, selector: "igo-layer-search", inputs: { initialValue: "initialValue", floatLabel: "floatLabel", placeholder: "placeholder", tooltip: "tooltip" }, outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<mat-form-field [floatLabel]=\"floatLabel\" subscriptSizing=\"dynamic\">\n  <input\n    matInput\n    [placeholder]=\"placeholder | translate\"\n    [matTooltip]=\"tooltip | translate\"\n    [matTooltipDisabled]=\"!tooltip\"\n    matTooltipShowDelay=\"500\"\n    type=\"text\"\n    [formControl]=\"control\"\n  />\n  <button\n    *ngIf=\"control.value\"\n    matSuffix\n    mat-icon-button\n    aria-label=\"Clear\"\n    color=\"warn\"\n    (click)=\"clearTerm()\"\n  >\n    <mat-icon>close</mat-icon>\n  </button>\n</mat-form-field>\n", styles: [":host{flex:1}mat-form-field{width:100%}mat-form-field ::ng-deep .mat-mdc-form-field-infix{width:auto!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-layer-search', standalone: true, imports: [
                         NgIf,

package/esm2022/lib/layer/layer-unavailable/layer-unavailable-list/layer-unavailable-list.component.mjs

@@ -14,10 +14,10 @@ export class LayerUnavailableListComponent {
     deleteUnavailableLayer(options) {
         this.layerService.deleteUnavailableLayers(options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerUnavailableListComponent, deps: [{ token: i1.LayerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayerUnavailableListComponent, isStandalone: true, selector: "igo-layer-unavailable-list", inputs: { layersOptions: "layersOptions" }, ngImport: i0, template: "<igo-list [navigation]=\"false\" [selection]=\"false\">\n  <igo-layer-unavailable\n    *ngFor=\"let layer of layersOptions\"\n    igoListItem\n    [layerOptions]=\"layer\"\n    (remove)=\"deleteUnavailableLayer($event)\"\n  >\n  </igo-layer-unavailable>\n</igo-list>\n", styles: ["igo-list{height:auto}igo-list ::ng-deep mat-list{padding-bottom:0}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ListComponent, selector: "igo-list", inputs: ["navigation", "selection"] }, { kind: "directive", type: ListItemDirective, selector: "[igoListItem]", inputs: ["color", "focused", "selected", "disabled"], outputs: ["beforeSelect", "beforeFocus", "beforeUnselect", "beforeUnfocus", "beforeDisable", "beforeEnable", "focus", "unfocus", "select", "unselect", "disable", "enable"] }, { kind: "component", type: LayerUnavailableComponent, selector: "igo-layer-unavailable", inputs: ["layerOptions"], outputs: ["remove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerUnavailableListComponent, deps: [{ token: i1.LayerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LayerUnavailableListComponent, isStandalone: true, selector: "igo-layer-unavailable-list", inputs: { layersOptions: "layersOptions" }, ngImport: i0, template: "<igo-list [navigation]=\"false\" [selection]=\"false\">\n  <igo-layer-unavailable\n    *ngFor=\"let layer of layersOptions\"\n    igoListItem\n    [layerOptions]=\"layer\"\n    (remove)=\"deleteUnavailableLayer($event)\"\n  >\n  </igo-layer-unavailable>\n</igo-list>\n", styles: ["igo-list{height:auto}igo-list ::ng-deep mat-list{padding-bottom:0}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ListComponent, selector: "igo-list", inputs: ["navigation", "selection"] }, { kind: "directive", type: ListItemDirective, selector: "[igoListItem]", inputs: ["color", "focused", "selected", "disabled"], outputs: ["beforeSelect", "beforeFocus", "beforeUnselect", "beforeUnfocus", "beforeDisable", "beforeEnable", "focus", "unfocus", "select", "unselect", "disable", "enable"] }, { kind: "component", type: LayerUnavailableComponent, selector: "igo-layer-unavailable", inputs: ["layerOptions"], outputs: ["remove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerUnavailableListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerUnavailableListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-layer-unavailable-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgFor, ListComponent, ListItemDirective, LayerUnavailableComponent], template: "<igo-list [navigation]=\"false\" [selection]=\"false\">\n  <igo-layer-unavailable\n    *ngFor=\"let layer of layersOptions\"\n    igoListItem\n    [layerOptions]=\"layer\"\n    (remove)=\"deleteUnavailableLayer($event)\"\n  >\n  </igo-layer-unavailable>\n</igo-list>\n", styles: ["igo-list{height:auto}igo-list ::ng-deep mat-list{padding-bottom:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.LayerService }], propDecorators: { layersOptions: [{

package/esm2022/lib/layer/layer-unavailable/layer-unavailable.component.mjs

@@ -21,10 +21,10 @@ export class LayerUnavailableComponent {
     handleRemove(layerOptions) {
         this.remove.emit(layerOptions);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerUnavailableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayerUnavailableComponent, isStandalone: true, selector: "igo-layer-unavailable", inputs: { layerOptions: "layerOptions" }, outputs: { remove: "remove" }, ngImport: i0, template: "<mat-list-item>\n  <button mat-icon-button disabled class=\"layer-indicator\">\n    <mat-icon aria-hidden=\"false\" color=\"warn\">warning</mat-icon>\n  </button>\n  <span\n    matListItemTitle\n    [matTooltip]=\"title\"\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n  >\n    {{ title }}\n  </span>\n  <div matListItemMeta>\n    <div\n      class=\"align-disabled-button-with-tooltip\"\n      [matTooltip]=\"'igo.geo.layer.unavailableLayer' | translate\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n    ></div>\n    <button\n      mat-icon-button\n      color=\"warn\"\n      [matTooltip]=\"'igo.geo.layer.deleteLayer' | translate\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      (click)=\"handleRemove(layerOptions)\"\n    >\n      <mat-icon aria-hidden=\"false\">delete</mat-icon>\n    </button>\n  </div>\n</mat-list-item>\n", styles: [":host mat-list-item{padding-left:1px}:host ::ng-deep .mdc-list-item__content{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end}:host ::ng-deep .mat-mdc-list-item-title{font-size:12px!important}:host ::ng-deep .mdc-list-item__end{margin-left:8px;margin-right:4px}.align-disabled-button-with-tooltip{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerUnavailableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LayerUnavailableComponent, isStandalone: true, selector: "igo-layer-unavailable", inputs: { layerOptions: "layerOptions" }, outputs: { remove: "remove" }, ngImport: i0, template: "<mat-list-item>\n  <button mat-icon-button disabled class=\"layer-indicator\">\n    <mat-icon aria-hidden=\"false\" color=\"warn\">warning</mat-icon>\n  </button>\n  <span\n    matListItemTitle\n    [matTooltip]=\"title\"\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n  >\n    {{ title }}\n  </span>\n  <div matListItemMeta>\n    <div\n      class=\"align-disabled-button-with-tooltip\"\n      [matTooltip]=\"'igo.geo.layer.unavailableLayer' | translate\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n    ></div>\n    <button\n      mat-icon-button\n      color=\"warn\"\n      [matTooltip]=\"'igo.geo.layer.deleteLayer' | translate\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      (click)=\"handleRemove(layerOptions)\"\n    >\n      <mat-icon aria-hidden=\"false\">delete</mat-icon>\n    </button>\n  </div>\n</mat-list-item>\n", styles: [":host mat-list-item{padding-left:1px}:host ::ng-deep .mdc-list-item__content{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end}:host ::ng-deep .mat-mdc-list-item-title{font-size:12px!important}:host ::ng-deep .mdc-list-item__end{margin-left:8px;margin-right:4px}.align-disabled-button-with-tooltip{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerUnavailableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerUnavailableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-layer-unavailable', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatListModule, MatIconModule, MatTooltipModule, IgoLanguageModule], template: "<mat-list-item>\n  <button mat-icon-button disabled class=\"layer-indicator\">\n    <mat-icon aria-hidden=\"false\" color=\"warn\">warning</mat-icon>\n  </button>\n  <span\n    matListItemTitle\n    [matTooltip]=\"title\"\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n  >\n    {{ title }}\n  </span>\n  <div matListItemMeta>\n    <div\n      class=\"align-disabled-button-with-tooltip\"\n      [matTooltip]=\"'igo.geo.layer.unavailableLayer' | translate\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n    ></div>\n    <button\n      mat-icon-button\n      color=\"warn\"\n      [matTooltip]=\"'igo.geo.layer.deleteLayer' | translate\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      (click)=\"handleRemove(layerOptions)\"\n    >\n      <mat-icon aria-hidden=\"false\">delete</mat-icon>\n    </button>\n  </div>\n</mat-list-item>\n", styles: [":host mat-list-item{padding-left:1px}:host ::ng-deep .mdc-list-item__content{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end}:host ::ng-deep .mat-mdc-list-item-title{font-size:12px!important}:host ::ng-deep .mdc-list-item__end{margin-left:8px;margin-right:4px}.align-disabled-button-with-tooltip{display:inline-block}\n"] }]
         }], propDecorators: { layerOptions: [{

package/esm2022/lib/layer/layer-viewer/layer-viewer.component.mjs

@@ -190,10 +190,10 @@ export class LayerViewerComponent {
     normalizeString(value) {
         return value.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerViewerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.LayerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayerViewerComponent, isStandalone: true, selector: "igo-layer-viewer", inputs: { map: "map", options: "options", isDesktop: "isDesktop", excludeBaseLayers: "excludeBaseLayers" }, outputs: { appliedFilterAndSort: "appliedFilterAndSort" }, queries: [{ propertyName: "customBottomActions", first: true, predicate: ["customBottomActions"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<igo-layer-list-tool\n  floatLabel=\"auto\"\n  [viewerOptions]=\"layerViewerOptions\"\n  [term]=\"options?.filterAndSortOptions?.keyword\"\n  [mode]=\"mode\"\n  (addedLayer)=\"createGroup($event)\"\n  (modeChange)=\"toggleSelectionMode($event)\"\n  (searchChange)=\"onSearchChange($event)\"\n  (visibilityOnlyChange)=\"onVisibilityOnlyChange()\"\n>\n</igo-layer-list-tool>\n\n<ng-container *ngIf=\"mode === 'selection'\">\n  <mat-divider></mat-divider>\n  <div class=\"header-item active-background\">\n    <mat-checkbox\n      class=\"select-all-checkbox\"\n      [color]=\"isAllSelected() ? 'primary' : 'accent'\"\n      (change)=\"toggleAllRows()\"\n      [checked]=\"isAllSelected()\"\n      [indeterminate]=\"!isAllSelected() && layerController.selected.length > 0\"\n    >\n      {{\n        isAllSelected()\n          ? ('igo.geo.layer.deselectAll' | translate)\n          : ('igo.geo.layer.selectAll' | translate)\n      }}\n    </mat-checkbox>\n\n    <button mat-icon-button color=\"warn\" (click)=\"toggleSelectionMode(false)\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n</ng-container>\n<mat-divider></mat-divider>\n\n<div class=\"layer-view\">\n  <ng-container\n    *ngIf=\"\n      layers?.length > 0 ||\n        unavailableLayers?.length > 0 ||\n        baselayers?.length > 0;\n      else showEmptyList\n    \"\n  >\n    <div class=\"layer-list-container\">\n      <igo-layer-unavailable-list\n        *ngIf=\"unavailableLayers?.length\"\n        [layersOptions]=\"unavailableLayers\"\n      ></igo-layer-unavailable-list>\n\n      <igo-layer-list\n        [controller]=\"map.layerController\"\n        [layers]=\"layers\"\n        [viewerOptions]=\"layerViewerOptions\"\n        [isDragDropDisabled]=\"isDragDropDisabled\"\n        [isDesktop]=\"isDesktop\"\n      ></igo-layer-list>\n\n      <div *ngIf=\"!excludeBaseLayers && baselayers?.length\">\n        <mat-divider></mat-divider>\n        <igo-layer-list\n          [controller]=\"map.layerController\"\n          [layers]=\"baselayers\"\n          [viewerOptions]=\"layerViewerOptions\"\n          [isDragDropDisabled]=\"true\"\n          [isDesktop]=\"isDesktop\"\n        ></igo-layer-list>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-template #showEmptyList>\n    <ng-content select=\"[emptyList]\"></ng-content>\n  </ng-template>\n</div>\n\n<igo-layer-viewer-bottom-actions\n  *ngIf=\"layerController.hasSelection\"\n  [map]=\"map\"\n  [viewerOptions]=\"layerViewerOptions\"\n  [controller]=\"layerController\"\n  [searchTerm]=\"keyword$.value\"\n  (layerChange)=\"onLayerChange()\"\n>\n  <ng-container\n    *ngIf=\"\n      layerController.selected.length === 1 &&\n      isLayerItem(layerController.selected[0])\n    \"\n    [ngTemplateOutlet]=\"customBottomActions\"\n    [ngTemplateOutletContext]=\"{ layer: layerController.selected[0] }\"\n  ></ng-container>\n</igo-layer-viewer-bottom-actions>\n\n<ng-content></ng-content>\n", styles: [":host{display:flex;flex-direction:column;height:100%}.layer-view{display:flex;flex-direction:column;flex:1;overflow-y:auto}.layer-list-container{position:relative;display:flex;flex-direction:column;flex:1;overflow-x:hidden}.header-item{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px}.header-item mat-checkbox{margin-left:-16px}::ng-deep .layer-indicator{color:#00000061!important}::ng-deep .layer-indicator igo-icon,::ng-deep .layer-indicator.mdc-icon-button{display:flex;align-items:center;justify-content:center}::ng-deep .layer-indicator mat-icon{height:18px;width:18px;font-size:18px;font-variation-settings:\"fill\" 0}::ng-deep .layer-indicator mat-icon ::ng-deep svg{height:18px;width:18px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: LayerListComponent, selector: "igo-layer-list", inputs: ["controller", "layers", "isDesktop", "isDragDropDisabled", "selectAll", "viewerOptions"], outputs: ["activeChange"] }, { kind: "component", type: LayerUnavailableListComponent, selector: "igo-layer-unavailable-list", inputs: ["layersOptions"] }, { kind: "component", type: LayerViewerBottomActionsComponent, selector: "igo-layer-viewer-bottom-actions", inputs: ["map", "controller", "searchTerm", "viewerOptions"], outputs: ["layerChange"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "component", type: LayerListToolComponent, selector: "igo-layer-list-tool", inputs: ["mode", "viewerOptions", "floatLabel", "onlyVisible", "term"], outputs: ["searchChange", "visibilityOnlyChange", "modeChange", "addedLayer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerViewerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.LayerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LayerViewerComponent, isStandalone: true, selector: "igo-layer-viewer", inputs: { map: "map", options: "options", isDesktop: "isDesktop", excludeBaseLayers: "excludeBaseLayers" }, outputs: { appliedFilterAndSort: "appliedFilterAndSort" }, queries: [{ propertyName: "customBottomActions", first: true, predicate: ["customBottomActions"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<igo-layer-list-tool\n  floatLabel=\"auto\"\n  [viewerOptions]=\"layerViewerOptions\"\n  [term]=\"options?.filterAndSortOptions?.keyword\"\n  [mode]=\"mode\"\n  (addedLayer)=\"createGroup($event)\"\n  (modeChange)=\"toggleSelectionMode($event)\"\n  (searchChange)=\"onSearchChange($event)\"\n  (visibilityOnlyChange)=\"onVisibilityOnlyChange()\"\n>\n</igo-layer-list-tool>\n\n<ng-container *ngIf=\"mode === 'selection'\">\n  <mat-divider></mat-divider>\n  <div class=\"header-item active-background\">\n    <mat-checkbox\n      class=\"select-all-checkbox\"\n      [color]=\"isAllSelected() ? 'primary' : 'accent'\"\n      (change)=\"toggleAllRows()\"\n      [checked]=\"isAllSelected()\"\n      [indeterminate]=\"!isAllSelected() && layerController.selected.length > 0\"\n    >\n      {{\n        isAllSelected()\n          ? ('igo.geo.layer.deselectAll' | translate)\n          : ('igo.geo.layer.selectAll' | translate)\n      }}\n    </mat-checkbox>\n\n    <button mat-icon-button color=\"warn\" (click)=\"toggleSelectionMode(false)\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n</ng-container>\n<mat-divider></mat-divider>\n\n<div class=\"layer-view\">\n  <ng-container\n    *ngIf=\"\n      layers?.length > 0 ||\n        unavailableLayers?.length > 0 ||\n        baselayers?.length > 0;\n      else showEmptyList\n    \"\n  >\n    <div class=\"layer-list-container\">\n      <igo-layer-unavailable-list\n        *ngIf=\"unavailableLayers?.length\"\n        [layersOptions]=\"unavailableLayers\"\n      ></igo-layer-unavailable-list>\n\n      <igo-layer-list\n        [controller]=\"map.layerController\"\n        [layers]=\"layers\"\n        [viewerOptions]=\"layerViewerOptions\"\n        [isDragDropDisabled]=\"isDragDropDisabled\"\n        [isDesktop]=\"isDesktop\"\n      ></igo-layer-list>\n\n      <div *ngIf=\"!excludeBaseLayers && baselayers?.length\">\n        <mat-divider></mat-divider>\n        <igo-layer-list\n          [controller]=\"map.layerController\"\n          [layers]=\"baselayers\"\n          [viewerOptions]=\"layerViewerOptions\"\n          [isDragDropDisabled]=\"true\"\n          [isDesktop]=\"isDesktop\"\n        ></igo-layer-list>\n      </div>\n    </div>\n  </ng-container>\n\n  <ng-template #showEmptyList>\n    <ng-content select=\"[emptyList]\"></ng-content>\n  </ng-template>\n</div>\n\n<igo-layer-viewer-bottom-actions\n  *ngIf=\"layerController.hasSelection\"\n  [map]=\"map\"\n  [viewerOptions]=\"layerViewerOptions\"\n  [controller]=\"layerController\"\n  [searchTerm]=\"keyword$.value\"\n  (layerChange)=\"onLayerChange()\"\n>\n  <ng-container\n    *ngIf=\"\n      layerController.selected.length === 1 &&\n      isLayerItem(layerController.selected[0])\n    \"\n    [ngTemplateOutlet]=\"customBottomActions\"\n    [ngTemplateOutletContext]=\"{ layer: layerController.selected[0] }\"\n  ></ng-container>\n</igo-layer-viewer-bottom-actions>\n\n<ng-content></ng-content>\n", styles: [":host{display:flex;flex-direction:column;height:100%}.layer-view{display:flex;flex-direction:column;flex:1;overflow-y:auto}.layer-list-container{position:relative;display:flex;flex-direction:column;flex:1;overflow-x:hidden}.header-item{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px}.header-item mat-checkbox{margin-left:-16px}::ng-deep .layer-indicator{color:#00000061!important}::ng-deep .layer-indicator igo-icon,::ng-deep .layer-indicator.mdc-icon-button{display:flex;align-items:center;justify-content:center}::ng-deep .layer-indicator mat-icon{height:18px;width:18px;font-size:18px;font-variation-settings:\"fill\" 0}::ng-deep .layer-indicator mat-icon ::ng-deep svg{height:18px;width:18px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: LayerListComponent, selector: "igo-layer-list", inputs: ["controller", "layers", "isDesktop", "isDragDropDisabled", "selectAll", "viewerOptions"], outputs: ["activeChange"] }, { kind: "component", type: LayerUnavailableListComponent, selector: "igo-layer-unavailable-list", inputs: ["layersOptions"] }, { kind: "component", type: LayerViewerBottomActionsComponent, selector: "igo-layer-viewer-bottom-actions", inputs: ["map", "controller", "searchTerm", "viewerOptions"], outputs: ["layerChange"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "component", type: LayerListToolComponent, selector: "igo-layer-list-tool", inputs: ["mode", "viewerOptions", "floatLabel", "onlyVisible", "term"], outputs: ["searchChange", "visibilityOnlyChange", "modeChange", "addedLayer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerViewerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-layer-viewer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgIf,

package/esm2022/lib/layer/layer-viewer-bottom-actions/layer-viewer-bottom-actions.component.mjs

@@ -173,10 +173,10 @@ export class LayerViewerBottomActionsComponent {
         }
         return layer.options.removable !== false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerViewerBottomActionsComponent, deps: [{ token: i1.LayerListToolService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayerViewerBottomActionsComponent, isStandalone: true, selector: "igo-layer-viewer-bottom-actions", inputs: { map: "map", controller: "controller", searchTerm: "searchTerm", viewerOptions: "viewerOptions" }, outputs: { layerChange: "layerChange" }, providers: [LayerListToolService, FormDialogService], ngImport: i0, template: "<igo-panel\n  class=\"igo-layer-actions-container\"\n  [title]=\"\n    hasMultipleSelection\n      ? ('igo.geo.layer.tools' | translate)\n      : selected[0].title\n  \"\n>\n  <div class=\"igo-layer-button-group\">\n    <button\n      *ngIf=\"isLayersRemovable(selected)\"\n      class=\"delete-button\"\n      mat-icon-button\n      color=\"warn\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        (hasMultipleSelection\n          ? isLayersRemovable(selected)\n            ? ('igo.geo.layer.removeSelectedLayers' | translate)\n            : ('igo.geo.layer.removeSelectedLayersRestriction' | translate)\n          : 'igo.geo.layer.removeLayer'\n        ) | translate\n      \"\n      (click)=\"removeLayers()\"\n    >\n      <mat-icon\n        aria-hidden=\"false\"\n        [matBadge]=\"'!'\"\n        matBadgeColor=\"warn\"\n        matBadgeSize=\"medium\"\n        [matBadgeHidden]=\"!hasMultipleSelection || isLayersRemovable(selected)\"\n        >delete</mat-icon\n      >\n    </button>\n\n    <button\n      *ngIf=\"hasMultipleSelection\"\n      class=\"eye-button\"\n      mat-icon-button\n      color=\"primary\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [disabled]=\"selected.length === 0\"\n      [matTooltip]=\"\n        allSelectionVisibilityHidden\n          ? ('igo.geo.layer.showSelectedLayers' | translate)\n          : ('igo.geo.layer.hideSelectedLayers' | translate)\n      \"\n      (click)=\"toggleSelectionVisibility()\"\n    >\n      <mat-icon>{{\n        allSelectionVisibilityHidden ? 'visibility_off' : 'visibility'\n      }}</mat-icon>\n    </button>\n\n    <button\n      class=\"down-button\"\n      mat-icon-button\n      color=\"primary\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        searchTerm\n          ? ('igo.geo.layer.filterLowerLayer' | translate)\n          : ('igo.geo.layer.lowerLayer' | translate)\n      \"\n      [disabled]=\"!isSelectionLowerable\"\n      (click)=\"lowerSelection()\"\n    >\n      <mat-icon\n        aria-hidden=\"false\"\n        [matBadge]=\"searchTerm ? '!' : ''\"\n        matBadgeColor=\"warn\"\n        matBadgeSize=\"medium\"\n        [matBadgeHidden]=\"!isSelectionLowerable\"\n        >arrow_downward</mat-icon\n      >\n    </button>\n\n    <button\n      class=\"up-button\"\n      color=\"primary\"\n      mat-icon-button\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        searchTerm\n          ? ('igo.geo.layer.filterRaiseLayer' | translate)\n          : ('igo.geo.layer.raiseLayer' | translate)\n      \"\n      [disabled]=\"!isSelectionRaisable\"\n      (click)=\"raiseSelection()\"\n    >\n      <mat-icon\n        aria-hidden=\"false\"\n        [matBadge]=\"searchTerm ? '!' : ''\"\n        matBadgeColor=\"warn\"\n        matBadgeSize=\"medium\"\n        [matBadgeHidden]=\"!isSelectionRaisable\"\n        >arrow_upward</mat-icon\n      >\n    </button>\n\n    <ng-container *ngIf=\"controller.selected.length === 1\">\n      <button\n        class=\"opacity-button\"\n        color=\"primary\"\n        mat-icon-button\n        tooltip-position=\"below\"\n        matTooltipShowDelay=\"500\"\n        [matMenuTriggerFor]=\"opacityMenu\"\n        [matTooltip]=\"'igo.geo.layer.opacity' | translate\"\n      >\n        <mat-icon\n          aria-hidden=\"false\"\n          [matBadge]=\"opacity === 100 ? null : opacity\"\n          matBadgeColor=\"primary\"\n          matBadgeSize=\"medium\"\n          >opacity</mat-icon\n        >\n      </button>\n\n      <mat-menu #opacityMenu=\"matMenu\" class=\"panel-opacity-menu\">\n        <mat-slider\n          id=\"opacity-slider\"\n          color=\"primary\"\n          discrete\n          step=\"5\"\n          [min]=\"0\"\n          [max]=\"100\"\n          [matTooltip]=\"'igo.geo.layer.opacity' | translate\"\n          (click)=\"$event.stopPropagation()\"\n          matTooltipShowDelay=\"500\"\n          tooltip-position=\"below\"\n          #ngSlider\n          ><input\n            matSliderThumb\n            [value]=\"opacity\"\n            (input)=\"\n              changeOpacity({\n                source: ngSliderThumb,\n                parent: ngSlider,\n                value: ngSliderThumb.value\n              })\n            \"\n            #ngSliderThumb=\"matSliderThumb\"\n          />\n        </mat-slider>\n      </mat-menu>\n    </ng-container>\n\n    <button\n      *ngIf=\"isExtentsValid()\"\n      class=\"zoomLayer-button\"\n      color=\"primary\"\n      mat-icon-button\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        (hasMultipleSelection\n          ? 'igo.geo.layer.zoomLayers'\n          : 'igo.geo.layer.zoomLayer'\n        ) | translate\n      \"\n      (click)=\"zoomLayersExtents()\"\n    >\n      <mat-icon matBadgeColor=\"primary\" matBadgeSize=\"medium\"\n        >frame_inspect</mat-icon\n      >\n    </button>\n\n    <button\n      *ngIf=\"canRename\"\n      color=\"primary\"\n      mat-icon-button\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"'igo.geo.layer.group.rename' | translate\"\n      (click)=\"handleRename()\"\n    >\n      <mat-icon>edit</mat-icon>\n    </button>\n\n    <ng-content></ng-content>\n  </div>\n</igo-panel>\n", styles: [".igo-layer-actions-container{padding:0 6px 0 4px}.igo-layer-actions-container>div{text-align:center}.igo-layer-button-group,.actions-buttons-multi{display:flex;align-items:center;flex-direction:row-reverse;overflow-x:auto;overflow-y:hidden}.igo-layer-button-group::-webkit-scrollbar,.actions-buttons-multi::-webkit-scrollbar{height:4px}.igo-layer-button-group::-webkit-scrollbar-track,.actions-buttons-multi::-webkit-scrollbar-track{background:#f1f1f1}.igo-layer-button-group::-webkit-scrollbar-thumb,.actions-buttons-multi::-webkit-scrollbar-thumb{background:#888}.igo-layer-button-group::-webkit-scrollbar-thumb:hover,.actions-buttons-multi::-webkit-scrollbar-thumb:hover{background:#555}.igo-layer-button-group{padding-top:4px}igo-panel{height:unset}::ng-deep .panel-opacity-menu{overflow:visible!important}::ng-deep .panel-opacity-menu #opacity-slider{margin:0 16px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i5.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i7.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i7.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }, { kind: "component", type: PanelComponent, selector: "igo-panel", inputs: ["title", "withHeader", "cursorPointer"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerViewerBottomActionsComponent, deps: [{ token: i1.LayerListToolService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LayerViewerBottomActionsComponent, isStandalone: true, selector: "igo-layer-viewer-bottom-actions", inputs: { map: "map", controller: "controller", searchTerm: "searchTerm", viewerOptions: "viewerOptions" }, outputs: { layerChange: "layerChange" }, providers: [LayerListToolService, FormDialogService], ngImport: i0, template: "<igo-panel\n  class=\"igo-layer-actions-container\"\n  [title]=\"\n    hasMultipleSelection\n      ? ('igo.geo.layer.tools' | translate)\n      : selected[0].title\n  \"\n>\n  <div class=\"igo-layer-button-group\">\n    <button\n      *ngIf=\"isLayersRemovable(selected)\"\n      class=\"delete-button\"\n      mat-icon-button\n      color=\"warn\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        (hasMultipleSelection\n          ? isLayersRemovable(selected)\n            ? ('igo.geo.layer.removeSelectedLayers' | translate)\n            : ('igo.geo.layer.removeSelectedLayersRestriction' | translate)\n          : 'igo.geo.layer.removeLayer'\n        ) | translate\n      \"\n      (click)=\"removeLayers()\"\n    >\n      <mat-icon\n        aria-hidden=\"false\"\n        [matBadge]=\"'!'\"\n        matBadgeColor=\"warn\"\n        matBadgeSize=\"medium\"\n        [matBadgeHidden]=\"!hasMultipleSelection || isLayersRemovable(selected)\"\n        >delete</mat-icon\n      >\n    </button>\n\n    <button\n      *ngIf=\"hasMultipleSelection\"\n      class=\"eye-button\"\n      mat-icon-button\n      color=\"primary\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [disabled]=\"selected.length === 0\"\n      [matTooltip]=\"\n        allSelectionVisibilityHidden\n          ? ('igo.geo.layer.showSelectedLayers' | translate)\n          : ('igo.geo.layer.hideSelectedLayers' | translate)\n      \"\n      (click)=\"toggleSelectionVisibility()\"\n    >\n      <mat-icon>{{\n        allSelectionVisibilityHidden ? 'visibility_off' : 'visibility'\n      }}</mat-icon>\n    </button>\n\n    <button\n      class=\"down-button\"\n      mat-icon-button\n      color=\"primary\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        searchTerm\n          ? ('igo.geo.layer.filterLowerLayer' | translate)\n          : ('igo.geo.layer.lowerLayer' | translate)\n      \"\n      [disabled]=\"!isSelectionLowerable\"\n      (click)=\"lowerSelection()\"\n    >\n      <mat-icon\n        aria-hidden=\"false\"\n        [matBadge]=\"searchTerm ? '!' : ''\"\n        matBadgeColor=\"warn\"\n        matBadgeSize=\"medium\"\n        [matBadgeHidden]=\"!isSelectionLowerable\"\n        >arrow_downward</mat-icon\n      >\n    </button>\n\n    <button\n      class=\"up-button\"\n      color=\"primary\"\n      mat-icon-button\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        searchTerm\n          ? ('igo.geo.layer.filterRaiseLayer' | translate)\n          : ('igo.geo.layer.raiseLayer' | translate)\n      \"\n      [disabled]=\"!isSelectionRaisable\"\n      (click)=\"raiseSelection()\"\n    >\n      <mat-icon\n        aria-hidden=\"false\"\n        [matBadge]=\"searchTerm ? '!' : ''\"\n        matBadgeColor=\"warn\"\n        matBadgeSize=\"medium\"\n        [matBadgeHidden]=\"!isSelectionRaisable\"\n        >arrow_upward</mat-icon\n      >\n    </button>\n\n    <ng-container *ngIf=\"controller.selected.length === 1\">\n      <button\n        class=\"opacity-button\"\n        color=\"primary\"\n        mat-icon-button\n        tooltip-position=\"below\"\n        matTooltipShowDelay=\"500\"\n        [matMenuTriggerFor]=\"opacityMenu\"\n        [matTooltip]=\"'igo.geo.layer.opacity' | translate\"\n      >\n        <mat-icon\n          aria-hidden=\"false\"\n          [matBadge]=\"opacity === 100 ? null : opacity\"\n          matBadgeColor=\"primary\"\n          matBadgeSize=\"medium\"\n          >opacity</mat-icon\n        >\n      </button>\n\n      <mat-menu #opacityMenu=\"matMenu\" class=\"panel-opacity-menu\">\n        <mat-slider\n          id=\"opacity-slider\"\n          color=\"primary\"\n          discrete\n          step=\"5\"\n          [min]=\"0\"\n          [max]=\"100\"\n          [matTooltip]=\"'igo.geo.layer.opacity' | translate\"\n          (click)=\"$event.stopPropagation()\"\n          matTooltipShowDelay=\"500\"\n          tooltip-position=\"below\"\n          #ngSlider\n          ><input\n            matSliderThumb\n            [value]=\"opacity\"\n            (input)=\"\n              changeOpacity({\n                source: ngSliderThumb,\n                parent: ngSlider,\n                value: ngSliderThumb.value\n              })\n            \"\n            #ngSliderThumb=\"matSliderThumb\"\n          />\n        </mat-slider>\n      </mat-menu>\n    </ng-container>\n\n    <button\n      *ngIf=\"isExtentsValid()\"\n      class=\"zoomLayer-button\"\n      color=\"primary\"\n      mat-icon-button\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        (hasMultipleSelection\n          ? 'igo.geo.layer.zoomLayers'\n          : 'igo.geo.layer.zoomLayer'\n        ) | translate\n      \"\n      (click)=\"zoomLayersExtents()\"\n    >\n      <mat-icon matBadgeColor=\"primary\" matBadgeSize=\"medium\"\n        >frame_inspect</mat-icon\n      >\n    </button>\n\n    <button\n      *ngIf=\"canRename\"\n      color=\"primary\"\n      mat-icon-button\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"'igo.geo.layer.group.rename' | translate\"\n      (click)=\"handleRename()\"\n    >\n      <mat-icon>edit</mat-icon>\n    </button>\n\n    <ng-content></ng-content>\n  </div>\n</igo-panel>\n", styles: [".igo-layer-actions-container{padding:0 6px 0 4px}.igo-layer-actions-container>div{text-align:center}.igo-layer-button-group,.actions-buttons-multi{display:flex;align-items:center;flex-direction:row-reverse;overflow-x:auto;overflow-y:hidden}.igo-layer-button-group::-webkit-scrollbar,.actions-buttons-multi::-webkit-scrollbar{height:4px}.igo-layer-button-group::-webkit-scrollbar-track,.actions-buttons-multi::-webkit-scrollbar-track{background:#f1f1f1}.igo-layer-button-group::-webkit-scrollbar-thumb,.actions-buttons-multi::-webkit-scrollbar-thumb{background:#888}.igo-layer-button-group::-webkit-scrollbar-thumb:hover,.actions-buttons-multi::-webkit-scrollbar-thumb:hover{background:#555}.igo-layer-button-group{padding-top:4px}igo-panel{height:unset}::ng-deep .panel-opacity-menu{overflow:visible!important}::ng-deep .panel-opacity-menu #opacity-slider{margin:0 16px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i5.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i7.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i7.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }, { kind: "component", type: PanelComponent, selector: "igo-panel", inputs: ["title", "withHeader", "cursorPointer"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerViewerBottomActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerViewerBottomActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-layer-viewer-bottom-actions', standalone: true, imports: [
                         NgIf,

package/esm2022/lib/layer/layer-visibility-button/layer-visibility-button.component.mjs

@@ -52,10 +52,10 @@ export class LayerVisibilityButtonComponent {
         this.layer.visible = !this.layer.visible;
         this.visibilityChange.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerVisibilityButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LayerVisibilityButtonComponent, isStandalone: true, selector: "igo-layer-visibility-button", inputs: { layer: "layer", tooltip: "tooltip", disabled: "disabled", showQueryBadge: "showQueryBadge", inResolutionsRange: "inResolutionsRange" }, outputs: { visibilityChange: "visibilityChange" }, ngImport: i0, template: "<button\n  mat-icon-button\n  [ngClass]=\"{\n    disabled: disabled,\n    'out-of-range': !inResolutionsRange,\n    'visibility-hidden': !visible\n  }\"\n  [color]=\"visible ? 'primary' : 'default'\"\n  tooltip-position=\"below\"\n  matTooltipShowDelay=\"500\"\n  [matTooltip]=\"tooltip ?? defaultTooltip | translate\"\n  (click)=\"toggle($event)\"\n>\n  <igo-icon\n    matBadge=\"?\"\n    matBadgeColor=\"accent\"\n    matBadgeSize=\"small\"\n    matBadgePosition=\"after\"\n    [matBadgeHidden]=\"!showQueryBadge\"\n    [icon]=\"\n      visible\n        ? hiddenByParent\n          ? eyeClosedSvg\n          : 'visibility'\n        : 'visibility_off'\n    \"\n    iconPositionEnd\n  />\n</button>\n", styles: [":host .disabled.out-of-range,:host .visibility-hidden.out-of-range{opacity:.54}mat-icon[matBadge] ::ng-deep .mat-badge-content{font-size:12px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: IgoIconComponent, selector: "igo-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerVisibilityButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LayerVisibilityButtonComponent, isStandalone: true, selector: "igo-layer-visibility-button", inputs: { layer: "layer", tooltip: "tooltip", disabled: "disabled", showQueryBadge: "showQueryBadge", inResolutionsRange: "inResolutionsRange" }, outputs: { visibilityChange: "visibilityChange" }, ngImport: i0, template: "<button\n  mat-icon-button\n  [ngClass]=\"{\n    disabled: disabled,\n    'out-of-range': !inResolutionsRange,\n    'visibility-hidden': !visible\n  }\"\n  [color]=\"visible ? 'primary' : 'default'\"\n  tooltip-position=\"below\"\n  matTooltipShowDelay=\"500\"\n  [matTooltip]=\"tooltip ?? defaultTooltip | translate\"\n  (click)=\"toggle($event)\"\n>\n  <igo-icon\n    matBadge=\"?\"\n    matBadgeColor=\"accent\"\n    matBadgeSize=\"small\"\n    matBadgePosition=\"after\"\n    [matBadgeHidden]=\"!showQueryBadge\"\n    [icon]=\"\n      visible\n        ? hiddenByParent\n          ? eyeClosedSvg\n          : 'visibility'\n        : 'visibility_off'\n    \"\n    iconPositionEnd\n  />\n</button>\n", styles: [":host .disabled.out-of-range,:host .visibility-hidden.out-of-range{opacity:.54}mat-icon[matBadge] ::ng-deep .mat-badge-content{font-size:12px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: IgoIconComponent, selector: "igo-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayerVisibilityButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LayerVisibilityButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-layer-visibility-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgClass,

package/esm2022/lib/layer/layer.module.mjs

@@ -51,8 +51,8 @@ export class IgoLayerModule {
             ]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IgoLayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: IgoLayerModule, imports: [LayerItemComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IgoLayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IgoLayerModule, imports: [LayerItemComponent,
             LayerLegendItemComponent,
             LayerLegendComponent,
             LayerListComponent,
@@ -81,7 +81,7 @@ export class IgoLayerModule {
             LayerSearchComponent,
             LayerViewerBottomActionsComponent,
             LayerUnavailableListComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IgoLayerModule, providers: [FormDialogService], imports: [LayerItemComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IgoLayerModule, providers: [FormDialogService], imports: [LayerItemComponent,
             LayerLegendItemComponent,
             LayerLegendComponent,
             LayerListComponent,
@@ -96,7 +96,7 @@ export class IgoLayerModule {
             LayerViewerBottomActionsComponent,
             LayerUnavailableListComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IgoLayerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IgoLayerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...LAYER_DIRECTIVES],