@igo2/geo 16.0.0-rc.3 → 16.0.0-rc.4

package/fesm2022/igo2-geo.mjs

@@ -10454,7 +10454,7 @@ class LayerItemComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LayerItemComponent, [{
         type: Component,
-        args: [{ selector: 'igo-layer-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list-item class=\"igo-layer-list-item\">\n  <mat-checkbox\n    *ngIf=\"selectionMode\"\n    class=\"layerCheck\"\n    matListItemIcon\n    (change)=\"check()\"\n    [checked]=\"layerCheck\"\n  >\n  </mat-checkbox>\n  <span\n    matListItemTitle\n    class=\"igo-layer-title\"\n    [matTooltip]=\"tooltipText\"\n    matTooltipShowDelay=\"500\"\n    (click)=\"toggleLegendOnClick()\"\n  >\n    {{ layer.title }}\n  </span>\n\n  <div matListItemMeta>\n    <button\n      *ngIf=\"!selectionMode\"\n      mat-icon-button\n      [color]=\"layer.visible ? 'primary' : 'default'\"\n      collapsibleButton\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"eyeTooltip | translate\"\n      (click)=\"toggleVisibility($event)\"\n    >\n      <mat-icon\n        aria-hidden=\"false\"\n        matBadge=\"?\"\n        matBadgeColor=\"accent\"\n        matBadgeSize=\"small\"\n        matBadgePosition=\"after\"\n        [matBadgeHidden]=\"queryBadgeHidden$ | async\"\n        [ngClass]=\"{ disabled: (inResolutionRange$ | async) === false }\"\n        [svgIcon]=\"(layer.visible$ | async) ? 'eye' : 'eye-off'\"\n      >\n      </mat-icon>\n    </button>\n\n    <button\n      *ngIf=\"selectionMode\"\n      class=\"selection-eye\"\n      mat-icon-button\n      [color]=\"layer.visible ? 'primary' : 'default'\"\n      collapsibleButton\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        layer.visible\n          ? ('igo.geo.layer.hideLayer' | translate)\n          : ('igo.geo.layer.showLayer' | translate)\n      \"\n      (click)=\"toggleVisibility($event)\"\n    >\n      <mat-icon\n        aria-hidden=\"false\"\n        matBadge=\"?\"\n        matBadgeColor=\"accent\"\n        matBadgeSize=\"small\"\n        matBadgePosition=\"after\"\n        [matBadgeHidden]=\"queryBadgeHidden$ | async\"\n        [ngClass]=\"{ disabled: (inResolutionRange$ | async) === false }\"\n        [svgIcon]=\"layer.visible ? 'eye' : 'eye-off'\"\n      >\n      </mat-icon>\n    </button>\n\n    <button\n      *ngIf=\"!selectionMode\"\n      class=\"actions-button\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"'igo.geo.layer.moreOptions' | translate\"\n      mat-icon-button\n      color=\"primary\"\n      (click)=\"toggleLayerTool()\"\n    >\n      <mat-icon svgIcon=\"dots-horizontal\"></mat-icon>\n    </button>\n  </div>\n</mat-list-item>\n\n<div #legend class=\"igo-layer-legend-container\">\n  <igo-layer-legend\n    *ngIf=\"showLegend$ | async\"\n    [layer]=\"layer\"\n    [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n  >\n  </igo-layer-legend>\n</div>\n", styles: [":host{overflow:hidden}:host ::ng-deep .igo-layer-title{display:block;width:100%;cursor:pointer}:host .igo-layer-legend-container{padding-left:18px;width:calc(100% - 18px)}:host mat-icon.disabled{color:#00000061}:host mat-icon[matBadge] ::ng-deep .mat-badge-content{font-size:12px}:host .layerCheck{align-self:baseline;width:16px;padding-right:0}\n"] }]
+        args: [{ selector: 'igo-layer-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list-item class=\"igo-layer-list-item\">\r\n  <mat-checkbox\r\n    *ngIf=\"selectionMode\"\r\n    class=\"layerCheck\"\r\n    matListItemIcon\r\n    (change)=\"check()\"\r\n    [checked]=\"layerCheck\"\r\n  >\r\n  </mat-checkbox>\r\n  <span\r\n    matListItemTitle\r\n    class=\"igo-layer-title\"\r\n    [matTooltip]=\"tooltipText\"\r\n    matTooltipShowDelay=\"500\"\r\n    (click)=\"toggleLegendOnClick()\"\r\n  >\r\n    {{ layer.title }}\r\n  </span>\r\n\r\n  <div matListItemMeta>\r\n    <button\r\n      *ngIf=\"!selectionMode\"\r\n      mat-icon-button\r\n      [color]=\"layer.visible ? 'primary' : 'default'\"\r\n      collapsibleButton\r\n      tooltip-position=\"below\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"eyeTooltip | translate\"\r\n      (click)=\"toggleVisibility($event)\"\r\n    >\r\n      <mat-icon\r\n        aria-hidden=\"false\"\r\n        matBadge=\"?\"\r\n        matBadgeColor=\"accent\"\r\n        matBadgeSize=\"small\"\r\n        matBadgePosition=\"after\"\r\n        [matBadgeHidden]=\"queryBadgeHidden$ | async\"\r\n        [ngClass]=\"{ disabled: (inResolutionRange$ | async) === false }\"\r\n        [svgIcon]=\"(layer.visible$ | async) ? 'eye' : 'eye-off'\"\r\n      >\r\n      </mat-icon>\r\n    </button>\r\n\r\n    <button\r\n      *ngIf=\"selectionMode\"\r\n      class=\"selection-eye\"\r\n      mat-icon-button\r\n      [color]=\"layer.visible ? 'primary' : 'default'\"\r\n      collapsibleButton\r\n      tooltip-position=\"below\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"\r\n        layer.visible\r\n          ? ('igo.geo.layer.hideLayer' | translate)\r\n          : ('igo.geo.layer.showLayer' | translate)\r\n      \"\r\n      (click)=\"toggleVisibility($event)\"\r\n    >\r\n      <mat-icon\r\n        aria-hidden=\"false\"\r\n        matBadge=\"?\"\r\n        matBadgeColor=\"accent\"\r\n        matBadgeSize=\"small\"\r\n        matBadgePosition=\"after\"\r\n        [matBadgeHidden]=\"queryBadgeHidden$ | async\"\r\n        [ngClass]=\"{ disabled: (inResolutionRange$ | async) === false }\"\r\n        [svgIcon]=\"layer.visible ? 'eye' : 'eye-off'\"\r\n      >\r\n      </mat-icon>\r\n    </button>\r\n\r\n    <button\r\n      *ngIf=\"!selectionMode\"\r\n      class=\"actions-button\"\r\n      tooltip-position=\"below\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"'igo.geo.layer.moreOptions' | translate\"\r\n      mat-icon-button\r\n      color=\"primary\"\r\n      (click)=\"toggleLayerTool()\"\r\n    >\r\n      <mat-icon svgIcon=\"dots-horizontal\"></mat-icon>\r\n    </button>\r\n  </div>\r\n</mat-list-item>\r\n\r\n<div #legend class=\"igo-layer-legend-container\">\r\n  <igo-layer-legend\r\n    *ngIf=\"showLegend$ | async\"\r\n    [layer]=\"layer\"\r\n    [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n  >\r\n  </igo-layer-legend>\r\n</div>\r\n", styles: [":host{overflow:hidden}:host ::ng-deep .igo-layer-title{display:block;width:100%;cursor:pointer}:host .igo-layer-legend-container{padding-left:18px;width:calc(100% - 18px)}:host mat-icon.disabled{color:#00000061}:host mat-icon[matBadge] ::ng-deep .mat-badge-content{font-size:12px}:host .layerCheck{align-self:baseline;width:16px;padding-right:0}\n"] }]
     }], function () { return [{ type: i2.NetworkService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, { activeLayer: [{
             type: Input
         }], selectAll: [{
@@ -11350,7 +11350,7 @@ class LayerListToolComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LayerListToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-layer-list-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field class=\"inputFilter\" [floatLabel]=\"floatLabel\">\n  <input\n    matInput\n    [placeholder]=\"'igo.geo.layer.filterPlaceholder' | translate\"\n    [matTooltip]=\"'igo.geo.layer.subsetLayersListKeyword' | translate\"\n    matTooltipShowDelay=\"500\"\n    type=\"text\"\n    [(ngModel)]=\"term\"\n  />\n  <button\n    *ngIf=\"term\"\n    matSuffix\n    mat-icon-button\n    aria-label=\"Clear\"\n    color=\"warn\"\n    (click)=\"clearTerm()\"\n  >\n    <mat-icon svgIcon=\"close\"></mat-icon>\n  </button>\n</mat-form-field>\n\n<div class=\"actions-container\">\n  <button\n    class=\"sort-alpha\"\n    [color]=\"sortAlpha ? 'warn' : 'primary'\"\n    mat-icon-button\n    [matTooltip]=\"\n      sortAlpha\n        ? ('igo.geo.layer.sortMapOrder' | translate)\n        : ('igo.geo.layer.sortAlphabetically' | translate)\n    \"\n    matTooltipShowDelay=\"500\"\n    (click)=\"toggleSortAlpha()\"\n  >\n    <mat-icon\n      [svgIcon]=\"sortAlpha ? 'sort-ascending' : 'sort-alphabetical-ascending'\"\n    ></mat-icon>\n  </button>\n\n  <button\n    class=\"only-visible\"\n    mat-icon-button\n    [disabled]=\"layersAreAllVisible && !onlyVisible\"\n    [color]=\"onlyVisible ? 'warn' : 'primary'\"\n    [matTooltip]=\"\n      onlyVisible\n        ? ('igo.geo.layer.resetLayersList' | translate)\n        : ('igo.geo.layer.subsetLayersListOnlyVisible' | translate)\n    \"\n    matTooltipShowDelay=\"500\"\n    (click)=\"toggleOnlyVisible()\"\n  >\n    <mat-icon\n      aria-hidden=\"false\"\n      matBadge=\"icon\"\n      igoMatBadgeIcon=\"eye\"\n      igoMatBadgeInverseColor=\"true\"\n      igoMatBadgeInheritColor=\"true\"\n      [svgIcon]=\"onlyVisible ? 'filter-remove' : 'filter'\"\n    >\n    </mat-icon>\n  </button>\n\n  <button\n    class=\"selection-mode\"\n    mat-icon-button\n    color=\"primary\"\n    [matTooltip]=\"\n      selectionMode\n        ? ('igo.geo.layer.deactivateSelectionMode' | translate)\n        : ('igo.geo.layer.activateSelectionMode' | translate)\n    \"\n    matTooltipShowDelay=\"500\"\n    (click)=\"toggleSelectionMode()\"\n  >\n    <mat-icon\n      [svgIcon]=\"\n        selectionMode\n          ? 'checkbox-multiple-marked-outline'\n          : 'checkbox-multiple-blank-outline'\n      \"\n    ></mat-icon>\n  </button>\n</div>\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}:host .inputFilter{width:calc(100% - 100px);max-width:200px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){:host .inputFilter{width:50%}}:host ::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}\n"] }]
+        args: [{ selector: 'igo-layer-list-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field class=\"inputFilter\" [floatLabel]=\"floatLabel\">\r\n  <input\r\n    matInput\r\n    [placeholder]=\"'igo.geo.layer.filterPlaceholder' | translate\"\r\n    [matTooltip]=\"'igo.geo.layer.subsetLayersListKeyword' | translate\"\r\n    matTooltipShowDelay=\"500\"\r\n    type=\"text\"\r\n    [(ngModel)]=\"term\"\r\n  />\r\n  <button\r\n    *ngIf=\"term\"\r\n    matSuffix\r\n    mat-icon-button\r\n    aria-label=\"Clear\"\r\n    color=\"warn\"\r\n    (click)=\"clearTerm()\"\r\n  >\r\n    <mat-icon svgIcon=\"close\"></mat-icon>\r\n  </button>\r\n</mat-form-field>\r\n\r\n<div class=\"actions-container\">\r\n  <button\r\n    class=\"sort-alpha\"\r\n    [color]=\"sortAlpha ? 'warn' : 'primary'\"\r\n    mat-icon-button\r\n    [matTooltip]=\"\r\n      sortAlpha\r\n        ? ('igo.geo.layer.sortMapOrder' | translate)\r\n        : ('igo.geo.layer.sortAlphabetically' | translate)\r\n    \"\r\n    matTooltipShowDelay=\"500\"\r\n    (click)=\"toggleSortAlpha()\"\r\n  >\r\n    <mat-icon\r\n      [svgIcon]=\"sortAlpha ? 'sort-ascending' : 'sort-alphabetical-ascending'\"\r\n    ></mat-icon>\r\n  </button>\r\n\r\n  <button\r\n    class=\"only-visible\"\r\n    mat-icon-button\r\n    [disabled]=\"layersAreAllVisible && !onlyVisible\"\r\n    [color]=\"onlyVisible ? 'warn' : 'primary'\"\r\n    [matTooltip]=\"\r\n      onlyVisible\r\n        ? ('igo.geo.layer.resetLayersList' | translate)\r\n        : ('igo.geo.layer.subsetLayersListOnlyVisible' | translate)\r\n    \"\r\n    matTooltipShowDelay=\"500\"\r\n    (click)=\"toggleOnlyVisible()\"\r\n  >\r\n    <mat-icon\r\n      aria-hidden=\"false\"\r\n      matBadge=\"icon\"\r\n      igoMatBadgeIcon=\"eye\"\r\n      igoMatBadgeInverseColor=\"true\"\r\n      igoMatBadgeInheritColor=\"true\"\r\n      [svgIcon]=\"onlyVisible ? 'filter-remove' : 'filter'\"\r\n    >\r\n    </mat-icon>\r\n  </button>\r\n\r\n  <button\r\n    class=\"selection-mode\"\r\n    mat-icon-button\r\n    color=\"primary\"\r\n    [matTooltip]=\"\r\n      selectionMode\r\n        ? ('igo.geo.layer.deactivateSelectionMode' | translate)\r\n        : ('igo.geo.layer.activateSelectionMode' | translate)\r\n    \"\r\n    matTooltipShowDelay=\"500\"\r\n    (click)=\"toggleSelectionMode()\"\r\n  >\r\n    <mat-icon\r\n      [svgIcon]=\"\r\n        selectionMode\r\n          ? 'checkbox-multiple-marked-outline'\r\n          : 'checkbox-multiple-blank-outline'\r\n      \"\r\n    ></mat-icon>\r\n  </button>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}:host .inputFilter{width:calc(100% - 100px);max-width:200px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){:host .inputFilter{width:50%}}:host ::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}\n"] }]
     }], null, { layersAreAllVisible: [{
             type: Input
         }], floatLabel: [{
@@ -16717,7 +16717,7 @@ class CatalogLibaryItemComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CatalogLibaryItemComponent, [{
         type: Component,
-        args: [{ selector: 'igo-catalog-library-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list-item>\n  <span matListItemTitle>\n    {{ title }}\n  </span>\n  <div matListItemMeta>\n    <mat-icon\n      *ngIf=\"catalog.externalProvider\"\n      matListItemIcon\n      class=\"igo-external-provider\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"'igo.geo.catalog.externalProvider.catalog' | translate\"\n      color=\"primary\"\n      (click)=\"$event.stopPropagation()\"\n      svgIcon=\"earth-arrow-right\"\n    >\n    </mat-icon>\n    <button\n      *ngIf=\"catalog.removable\"\n      mat-icon-button\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"'igo.geo.catalog.library.remove' | translate\"\n      color=\"warn\"\n      (click)=\"removeCatalogFromLibrary($event)\"\n    >\n      <mat-icon svgIcon=\"delete\"></mat-icon>\n    </button>\n\n    <button\n      class=\"igo-blank\"\n      *ngIf=\"!catalog.removable\"\n      disabled=\"true\"\n      mat-icon-button\n    >\n      <mat-icon svgIcon=\"blank\"></mat-icon>\n    </button>\n  </div>\n</mat-list-item>\n", styles: [".igo-blank{cursor:pointer}.igo-external-provider{cursor:help}\n"] }]
+        args: [{ selector: 'igo-catalog-library-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list-item>\r\n  <span matListItemTitle>\r\n    {{ title }}\r\n  </span>\r\n  <div matListItemMeta>\r\n    <mat-icon\r\n      *ngIf=\"catalog.externalProvider\"\r\n      matListItemIcon\r\n      class=\"igo-external-provider\"\r\n      tooltip-position=\"below\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"'igo.geo.catalog.externalProvider.catalog' | translate\"\r\n      color=\"primary\"\r\n      (click)=\"$event.stopPropagation()\"\r\n      svgIcon=\"earth-arrow-right\"\r\n    >\r\n    </mat-icon>\r\n    <button\r\n      *ngIf=\"catalog.removable\"\r\n      mat-icon-button\r\n      tooltip-position=\"below\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"'igo.geo.catalog.library.remove' | translate\"\r\n      color=\"warn\"\r\n      (click)=\"removeCatalogFromLibrary($event)\"\r\n    >\r\n      <mat-icon svgIcon=\"delete\"></mat-icon>\r\n    </button>\r\n\r\n    <button\r\n      class=\"igo-blank\"\r\n      *ngIf=\"!catalog.removable\"\r\n      disabled=\"true\"\r\n      mat-icon-button\r\n    >\r\n      <mat-icon svgIcon=\"blank\"></mat-icon>\r\n    </button>\r\n  </div>\r\n</mat-list-item>\r\n", styles: [".igo-blank{cursor:pointer}.igo-external-provider{cursor:help}\n"] }]
     }], null, { catalog: [{
             type: Input
         }], map: [{
@@ -20214,7 +20214,7 @@ class DirectionsInputsComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DirectionsInputsComponent, [{
         type: Component,
-        args: [{ selector: 'igo-directions-inputs', template: "<div cdkDropList class=\"stops-list\" (cdkDropListDropped)=\"drop($event)\">\n  <div\n    touchleave\n    (touchenter)=\"onStopEnter(stop)\"\n    (touchleave)=\"onStopLeave()\"\n    (mouseover)=\"onStopEnter(stop)\"\n    (mouseleave)=\"onStopLeave()\"\n    (cdkDragStarted)=\"stopIsDragged = true\"\n    (cdkDragEnded)=\"stopIsDragged = false\"\n    cdkDragLockAxis=\"y\"\n    class=\"stop-box\"\n    *ngFor=\"let stop of stopsStore.view.all$() | async; let i = index\"\n    cdkDrag\n  >\n    <div [ngClass]=\"getNgClass(stop)\">\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <mat-label>{{ getPlaceholder(stop) }}</mat-label>\n        <input\n          id=\"{{ stop.id }}\"\n          type=\"text\"\n          [placeholder]=\"getPlaceholder(stop)\"\n          matTooltipShowDelay=\"500\"\n          [matTooltip]=\"stop.text\"\n          aria-label=\"Number\"\n          matInput\n          (focus)=\"onInputFocus(stop)\"\n          [(ngModel)]=\"stop.text\"\n          (keyup)=\"setStopText($event, stop)\"\n          (keydown.enter)=\"$event.preventDefault()\"\n          [matAutocomplete]=\"auto\"\n        />\n        <button\n          *ngIf=\"\n            (stop.text || stop.coordinates) &&\n            stopWithHover &&\n            stop.id === stopWithHover.id\n          \"\n          mat-icon-button\n          matSuffix\n          matTooltipShowDelay=\"500\"\n          [matTooltip]=\"'igo.geo.directionsForm.clearStop' | translate\"\n          color=\"warn\"\n          aria-label=\"Clear\"\n          (click)=\"clearStop(stop)\"\n        >\n          <mat-icon svgIcon=\"close\"></mat-icon>\n        </button>\n\n        <mat-autocomplete\n          [displayWith]=\"getOptionText\"\n          #auto=\"matAutocomplete\"\n          (optionSelected)=\"chooseProposal($event, stop)\"\n        >\n          <mat-optgroup\n            *ngFor=\"let source of stop.searchProposals\"\n            [label]=\"source.source.title\"\n            [disabled]=\"source.source.enabled === false\"\n          >\n            <mat-option\n              *ngFor=\"let result of source.results\"\n              [value]=\"result\"\n              matTooltipShowDelay=\"500\"\n              [matTooltip]=\"result.meta ? result.meta.title : ''\"\n            >\n              {{ result.meta ? result.meta.title : '' }}\n            </mat-option>\n          </mat-optgroup>\n        </mat-autocomplete>\n      </mat-form-field>\n    </div>\n\n    <div\n      *ngIf=\"!stopIsDragged && stopWithHover && stop.id === stopWithHover.id\"\n      class=\"igo-form-button-group\"\n    >\n      <button\n        class=\"swipe-vertical\"\n        cdkDragHandle\n        mat-icon-button\n        tooltip-position=\"below\"\n        matTooltipShowDelay=\"500\"\n        [matTooltip]=\"'igo.geo.directionsForm.moveStop' | translate\"\n        color=\"primary\"\n      >\n        <mat-icon svgIcon=\"gesture-swipe-vertical\"></mat-icon>\n      </button>\n\n      <button\n        *ngIf=\"(stopsStore.count$ | async) > 2\"\n        mat-icon-button\n        tooltip-position=\"below\"\n        matTooltipShowDelay=\"500\"\n        [matTooltip]=\"'igo.geo.directionsForm.removeStop' | translate\"\n        color=\"warn\"\n        (click)=\"removeStop(stop)\"\n      >\n        <mat-icon svgIcon=\"delete\"></mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [":host .igo-input-container{display:flex;width:100%}:host .igo-input-container mat-form-field{flex:1}:host .igo-form-button-group{display:flex;align-items:center;padding-left:12px}:host .stops-list{max-width:100%;min-height:60px;display:block;background:white;border-radius:4px;overflow:hidden;padding:20px 10px}:host .swipe-vertical{cursor:move}:host .stop-box{color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:white}:host .stop-box:not(:last-child){margin-bottom:16px}:host .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}:host .cdk-drag-placeholder{opacity:0}:host .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host .stops-list.cdk-drop-list-dragging .stop-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
+        args: [{ selector: 'igo-directions-inputs', template: "<div cdkDropList class=\"stops-list\" (cdkDropListDropped)=\"drop($event)\">\r\n  <div\r\n    touchleave\r\n    (touchenter)=\"onStopEnter(stop)\"\r\n    (touchleave)=\"onStopLeave()\"\r\n    (mouseover)=\"onStopEnter(stop)\"\r\n    (mouseleave)=\"onStopLeave()\"\r\n    (cdkDragStarted)=\"stopIsDragged = true\"\r\n    (cdkDragEnded)=\"stopIsDragged = false\"\r\n    cdkDragLockAxis=\"y\"\r\n    class=\"stop-box\"\r\n    *ngFor=\"let stop of stopsStore.view.all$() | async; let i = index\"\r\n    cdkDrag\r\n  >\r\n    <div [ngClass]=\"getNgClass(stop)\">\r\n      <mat-form-field subscriptSizing=\"dynamic\">\r\n        <mat-label>{{ getPlaceholder(stop) }}</mat-label>\r\n        <input\r\n          id=\"{{ stop.id }}\"\r\n          type=\"text\"\r\n          [placeholder]=\"getPlaceholder(stop)\"\r\n          matTooltipShowDelay=\"500\"\r\n          [matTooltip]=\"stop.text\"\r\n          aria-label=\"Number\"\r\n          matInput\r\n          (focus)=\"onInputFocus(stop)\"\r\n          [(ngModel)]=\"stop.text\"\r\n          (keyup)=\"setStopText($event, stop)\"\r\n          (keydown.enter)=\"$event.preventDefault()\"\r\n          [matAutocomplete]=\"auto\"\r\n        />\r\n        <button\r\n          *ngIf=\"\r\n            (stop.text || stop.coordinates) &&\r\n            stopWithHover &&\r\n            stop.id === stopWithHover.id\r\n          \"\r\n          mat-icon-button\r\n          matSuffix\r\n          matTooltipShowDelay=\"500\"\r\n          [matTooltip]=\"'igo.geo.directionsForm.clearStop' | translate\"\r\n          color=\"warn\"\r\n          aria-label=\"Clear\"\r\n          (click)=\"clearStop(stop)\"\r\n        >\r\n          <mat-icon svgIcon=\"close\"></mat-icon>\r\n        </button>\r\n\r\n        <mat-autocomplete\r\n          [displayWith]=\"getOptionText\"\r\n          #auto=\"matAutocomplete\"\r\n          (optionSelected)=\"chooseProposal($event, stop)\"\r\n        >\r\n          <mat-optgroup\r\n            *ngFor=\"let source of stop.searchProposals\"\r\n            [label]=\"source.source.title\"\r\n            [disabled]=\"source.source.enabled === false\"\r\n          >\r\n            <mat-option\r\n              *ngFor=\"let result of source.results\"\r\n              [value]=\"result\"\r\n              matTooltipShowDelay=\"500\"\r\n              [matTooltip]=\"result.meta ? result.meta.title : ''\"\r\n            >\r\n              {{ result.meta ? result.meta.title : '' }}\r\n            </mat-option>\r\n          </mat-optgroup>\r\n        </mat-autocomplete>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <div\r\n      *ngIf=\"!stopIsDragged && stopWithHover && stop.id === stopWithHover.id\"\r\n      class=\"igo-form-button-group\"\r\n    >\r\n      <button\r\n        class=\"swipe-vertical\"\r\n        cdkDragHandle\r\n        mat-icon-button\r\n        tooltip-position=\"below\"\r\n        matTooltipShowDelay=\"500\"\r\n        [matTooltip]=\"'igo.geo.directionsForm.moveStop' | translate\"\r\n        color=\"primary\"\r\n      >\r\n        <mat-icon svgIcon=\"gesture-swipe-vertical\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"(stopsStore.count$ | async) > 2\"\r\n        mat-icon-button\r\n        tooltip-position=\"below\"\r\n        matTooltipShowDelay=\"500\"\r\n        [matTooltip]=\"'igo.geo.directionsForm.removeStop' | translate\"\r\n        color=\"warn\"\r\n        (click)=\"removeStop(stop)\"\r\n      >\r\n        <mat-icon svgIcon=\"delete\"></mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host .igo-input-container{display:flex;width:100%}:host .igo-input-container mat-form-field{flex:1}:host .igo-form-button-group{display:flex;align-items:center;padding-left:12px}:host .stops-list{max-width:100%;min-height:60px;display:block;background:white;border-radius:4px;overflow:hidden;padding:20px 10px}:host .swipe-vertical{cursor:move}:host .stop-box{color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:white}:host .stop-box:not(:last-child){margin-bottom:16px}:host .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}:host .cdk-drag-placeholder{opacity:0}:host .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host .stops-list.cdk-drop-list-dragging .stop-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
     }], function () { return [{ type: i2.LanguageService }]; }, { stopsStore: [{
             type: Input
         }], stopsFeatureStore: [{
@@ -31137,7 +31137,7 @@ class OgcFilterFormComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OgcFilterFormComponent, [{
         type: Component,
-        args: [{ selector: 'igo-ogc-filter-form', template: "<div class=\"ogc-filter-form-container\">\n  <mat-checkbox\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [matTooltip]=\"'igo.geo.filter.toggleFilterState' | translate\"\n    (click)=\"$event.stopPropagation()\"\n    (change)=\"toggleFilterState($event)\"\n    [checked]=\"currentFilter.active\"\n  >\n  </mat-checkbox>\n\n  <mat-form-field\n    [ngClass]=\"{\n      logical:\n        activeFilters.indexOf(currentFilter) !== 0 &&\n        currentFilter.active === true,\n      logicalHidden:\n        activeFilters.indexOf(currentFilter) === 0 ||\n        currentFilter.active !== true\n    }\"\n  >\n    <mat-select\n      [disabled]=\"!currentFilter.active\"\n      [value]=\"currentFilter.parentLogical\"\n      tooltip-position=\"above\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        currentFilter.parentLogical\n          ? ('igo.geo.operators.tooltip.' + currentFilter.parentLogical\n            | translate)\n          : ''\n      \"\n      (selectionChange)=\"changeLogical($event.value)\"\n    >\n      <mat-option\n        [value]=\"ogcFilterOperator.And\"\n        tooltip-position=\"above\"\n        matTooltipShowDelay=\"500\"\n        [matTooltip]=\"'igo.geo.operators.tooltip.And' | translate\"\n      >\n        {{ 'igo.geo.operators.And' | translate }}\n      </mat-option>\n      <mat-option\n        [value]=\"ogcFilterOperator.Or\"\n        tooltip-position=\"above\"\n        matTooltipShowDelay=\"500\"\n        [matTooltip]=\"'igo.geo.operators.tooltip.Or' | translate\"\n      >\n        {{ 'igo.geo.operators.Or' | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field\n    class=\"field\"\n    *ngIf=\"\n      (currentFilterIsSpatial$ | async) === false &&\n      (fields$ | async) &&\n      (fields$ | async).length > 0 &&\n      (fields$ | async)[0].name !== ''\n    \"\n    (mouseenter)=\"inputClearable = 'selectField'\"\n    (mouseleave)=\"inputClearable = undefined\"\n    [floatLabel]=\"floatLabel\"\n  >\n    <input\n      matInput\n      [placeholder]=\"'igo.geo.sourceFields.selectField' | translate\"\n      [disabled]=\"!currentFilter.active\"\n      [matAutocomplete]=\"autoCompleteField\"\n      [value]=\"(selectedField$ | async) ? (selectedField$ | async).alias : ''\"\n      tooltip-position=\"above\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        (selectedField$ | async)\n          ? (selectedField$ | async).alias\n          : ('igo.geo.sourceFields.selectField' | translate)\n      \"\n      (input)=\"updateFieldsList($event.target.value)\"\n    />\n    <mat-autocomplete\n      #autoCompleteField=\"matAutocomplete\"\n      (optionSelected)=\"changeField($event.option.id)\"\n    >\n      <mat-option\n        *ngFor=\"let field of filteredFields$ | async\"\n        matTooltipShowDelay=\"500\"\n        [value]=\"field.alias\"\n        [id]=\"field.name\"\n        [matTooltip]=\"field.alias\"\n      >\n        {{ field.alias }}\n      </mat-option>\n    </mat-autocomplete>\n    <button\n      *ngIf=\"\n        currentFilter.propertyName &&\n        inputClearable === 'selectField' &&\n        currentFilter.active\n      \"\n      matSuffix\n      mat-icon-button\n      aria-label=\"Clear\"\n      [disabled]=\"!currentFilter.active\"\n      (click)=\"clearSelectedField()\"\n    >\n      <mat-icon svgIcon=\"close\"></mat-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-form-field\n    [ngClass]=\"{\n      operator: (currentFilterIsSpatial$ | async) === false,\n      dualInput: (currentFilterIsSpatial$ | async)\n    }\"\n    [floatLabel]=\"floatLabel\"\n  >\n    <mat-select\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        currentFilter.operator\n          ? ('igo.geo.operators.tooltip.' + currentFilter.operator | translate)\n          : ('igo.geo.filter.selectOperator' | translate)\n      \"\n      [disabled]=\"!currentFilter.active\"\n      [value]=\"currentFilter.operator\"\n      (selectionChange)=\"changeOperator($event.value)\"\n    >\n      <mat-option\n        *ngFor=\"let operator of ogcFilterOperators$ | async | keyvalue\"\n        tooltip-position=\"above\"\n        matTooltipShowDelay=\"500\"\n        [value]=\"operator.key\"\n        [matTooltip]=\"'igo.geo.operators.tooltip.' + operator.key | translate\"\n      >\n        {{ 'igo.geo.operators.' + operator.key | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field\n    class=\"spatialSelector\"\n    *ngIf=\"currentFilterIsSpatial$ | async\"\n  >\n    <mat-select\n      [disabled]=\"!currentFilter.active\"\n      [value]=\"currentFilter.igoSpatialSelector\"\n      (selectionChange)=\"changeSpatialSelector($event.value)\"\n    >\n      <mat-option\n        *ngFor=\"let igoSpatialSelector of igoSpatialSelectors\"\n        [value]=\"igoSpatialSelector.type\"\n      >\n        {{ 'igo.geo.spatialSelector.' + igoSpatialSelector.type | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field\n    class=\"singleInput\"\n    *ngIf=\"['expression', 'pattern'].indexOf(detectProperty()) !== -1\"\n    (mouseenter)=\"inputClearable = 'selectProperty'\"\n    (mouseleave)=\"inputClearable = undefined\"\n    [floatLabel]=\"floatLabel\"\n  >\n    <input\n      matInput\n      [placeholder]=\"'igo.geo.filter.placeholder' | translate\"\n      [disabled]=\"!currentFilter.active\"\n      [matAutocomplete]=\"autoCompleteValues\"\n      [value]=\"\n        detectProperty() === 'expression'\n          ? currentFilter.expression\n          : currentFilter.pattern\n      \"\n      tooltip-position=\"above\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        detectProperty() === 'expression'\n          ? currentFilter.expression || ''\n          : currentFilter.pattern || ''\n      \"\n      (input)=\"updateValuesList($event.target.value)\"\n    />\n    <mat-autocomplete\n      #autoCompleteValues=\"matAutocomplete\"\n      (optionSelected)=\"changeProperty($event.option.value)\"\n    >\n      <mat-option\n        *ngFor=\"let value of filteredValues$ | async\"\n        matTooltipShowDelay=\"500\"\n        [value]=\"value\"\n        [matTooltip]=\"value\"\n      >\n        {{ value }}\n      </mat-option>\n    </mat-autocomplete>\n    <button\n      *ngIf=\"\n        isClearable() &&\n        inputClearable === 'selectProperty' &&\n        currentFilter.active\n      \"\n      matSuffix\n      mat-icon-button\n      aria-label=\"Clear\"\n      [disabled]=\"!currentFilter.active\"\n      (click)=\"clearProperty()\"\n    >\n      <mat-icon svgIcon=\"close\"></mat-icon>\n    </button>\n  </mat-form-field>\n\n  <div class=\"igo-layer-button-group\">\n    <button\n      mat-icon-button\n      collapsibleButton\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"'igo.geo.filter.removeFilter' | translate\"\n      color=\"warn\"\n      (click)=\"deleteFilter()\"\n    >\n      <mat-icon svgIcon=\"delete\"></mat-icon>\n    </button>\n  </div>\n\n  <mat-form-field\n    class=\"snrc\"\n    *ngIf=\"\n      (currentFilterIsSpatial$ | async) &&\n      currentFilter.igoSpatialSelector === 'snrc'\n    \"\n    (mouseenter)=\"inputClearable = 'selectSNRC'\"\n    (mouseleave)=\"inputClearable = undefined\"\n    [floatLabel]=\"floatLabel\"\n  >\n    <input\n      matInput\n      [placeholder]=\"'igo.geo.filter.placeholderSnrc' | translate\"\n      [value]=\"currentFilter.igoSNRC\"\n      tooltip-position=\"above\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"currentFilter.igoSNRC ? currentFilter.igoSNRC : ''\"\n      (input)=\"changeSNRC($event.target.value)\"\n    />\n    <button\n      *ngIf=\"currentFilter.igoSNRC\"\n      matSuffix\n      mat-icon-button\n      aria-label=\"Clear\"\n      [disabled]=\"\n        !currentFilter.active &&\n        inputClearable === 'selectSNRC' &&\n        currentFilter.active\n      \"\n      (click)=\"currentFilter.igoSNRC = ''\"\n    >\n      <mat-icon svgIcon=\"close\"></mat-icon>\n    </button>\n  </mat-form-field>\n\n  <ng-container\n    *ngIf=\"\n      (currentFilterIsSpatial$ | async) &&\n      currentFilter.igoSpatialSelector === 'fixedExtent'\n    \"\n  >\n    <button\n      [disabled]=\"!currentFilter.active\"\n      *ngIf=\"currentFilter.igoSpatialSelector === 'fixedExtent'\"\n      matSuffix\n      mat-icon-button\n      [disabled]=\"!currentFilter.active\"\n      (click)=\"changeMapExtentGeometry()\"\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"'igo.geo.spatialSelector.btnSetExtent' | translate\"\n    >\n      <mat-icon svgIcon=\"arrow-expand-all\"></mat-icon>\n    </button>\n  </ng-container>\n</div>\n\n<div class=\"ogc-filter-form-container\">\n  <mat-form-field\n    class=\"dualInput\"\n    *ngIf=\"\n      !isTemporalOperator() &&\n      ['lowerBoundary', 'begin'].indexOf(detectProperty(1)) !== -1\n    \"\n    (mouseenter)=\"inputClearable = 'selectProperty1'\"\n    (mouseleave)=\"inputClearable = undefined\"\n    [floatLabel]=\"floatLabel\"\n  >\n    <input\n      matInput\n      [placeholder]=\"'igo.geo.filter.placeholder' | translate\"\n      [disabled]=\"!currentFilter.active\"\n      [matAutocomplete]=\"autoDualValueOperator1\"\n      type=\"number\"\n      [value]=\"\n        detectProperty(1) === 'lowerBoundary'\n          ? currentFilter.lowerBoundary\n          : currentFilter.begin\n      \"\n      (input)=\"updateValuesList($event.target.value, 1)\"\n    />\n    <mat-autocomplete\n      #autoDualValueOperator1=\"matAutocomplete\"\n      (optionSelected)=\"changeNumericProperty($event.option.value, 1)\"\n    >\n      <mat-option\n        *ngFor=\"let value of filteredValues$ | async\"\n        matTooltipShowDelay=\"500\"\n        [value]=\"value\"\n        [matTooltip]=\"value\"\n      >\n        {{ value }}\n      </mat-option>\n    </mat-autocomplete>\n    <button\n      *ngIf=\"\n        isClearable(1) &&\n        inputClearable === 'selectProperty1' &&\n        currentFilter.active\n      \"\n      matSuffix\n      mat-icon-button\n      aria-label=\"Clear\"\n      [disabled]=\"!currentFilter.active\"\n      (click)=\"clearProperty(1)\"\n    >\n      <mat-icon svgIcon=\"close\"></mat-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-form-field\n    class=\"dualInput\"\n    *ngIf=\"\n      !isTemporalOperator() &&\n      ['upperBoundary', 'end'].indexOf(detectProperty(2)) !== -1\n    \"\n    (mouseenter)=\"inputClearable = 'selectProperty2'\"\n    (mouseleave)=\"inputClearable = undefined\"\n    [floatLabel]=\"floatLabel\"\n  >\n    <input\n      matInput\n      [placeholder]=\"'igo.geo.filter.placeholder' | translate\"\n      [disabled]=\"!currentFilter.active\"\n      [matAutocomplete]=\"autoDualValueOperator2\"\n      type=\"number\"\n      [value]=\"\n        detectProperty(2) === 'upperBoundary'\n          ? currentFilter.upperBoundary\n          : currentFilter.end\n      \"\n      (input)=\"updateValuesList($event.target.value, 2)\"\n    />\n    <mat-autocomplete\n      #autoDualValueOperator2=\"matAutocomplete\"\n      (optionSelected)=\"changeNumericProperty($event.option.value, 2)\"\n    >\n      <mat-option\n        *ngFor=\"let value of filteredValues$ | async\"\n        matTooltipShowDelay=\"500\"\n        [value]=\"value\"\n        [matTooltip]=\"value\"\n      >\n        {{ value }}\n      </mat-option>\n    </mat-autocomplete>\n    <button\n      *ngIf=\"\n        isClearable(2) &&\n        inputClearable === 'selectProperty2' &&\n        currentFilter.active\n      \"\n      matSuffix\n      mat-icon-button\n      aria-label=\"Clear\"\n      [disabled]=\"!currentFilter.active\"\n      (click)=\"clearProperty(2)\"\n    >\n      <mat-icon svgIcon=\"close\"></mat-icon>\n    </button>\n  </mat-form-field>\n</div>\n\n<igo-ogc-filter-time\n  *ngIf=\"isTemporalOperator()\"\n  [(datasource)]=\"datasource\"\n  [(currentFilter)]=\"currentFilter\"\n  (changeProperty)=\"changeProperty($event.value, $event.pos)\"\n>\n</igo-ogc-filter-time>\n", styles: [":host{width:100%;padding:5px 10px}:host ::ng-deep .mat-mdc-form-field .mat-icon svg{width:1em;height:1em;color:#d3d3d3}:host .ogc-filter-form-container{display:flex}:host .mat-mdc-form-field{width:100%}:host .mat-mdc-select-arrow{visibility:hidden}:host .mat-mdc-slide-toggle{margin-top:10px}:host .logical{flex-flow:column nowrap;width:100%;max-width:60px;margin-right:5px}:host .logicalHidden{width:0px;visibility:hidden;max-width:0px}:host ::ng-deep .logical .mat-mdc-select-arrow{visibility:hidden}:host ::ng-deep .logicalHidden .mat-mdc-select-arrow{visibility:hidden}:host .field{width:150px;margin-right:5px}:host ::ng-deep .field .mat-mdc-select-arrow{visibility:hidden}:host .operator{width:150px;margin-right:5px;text-align:center}:host ::ng-deep .operator .mat-mdc-select-arrow{visibility:hidden}:host .spatialSelector{width:110px;margin-right:5px}:host ::ng-deep .spatialSelector .mat-mdc-select-arrow{visibility:hidden}:host .singleInput{width:150px;margin-right:5px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){:host .singleInput{width:27%}}:host .snrc{width:110px;margin-right:5px}:host ::ng-deep .singleInput .mat-mdc-select-arrow{visibility:hidden}:host .dualInput{width:150px;margin-right:5px}:host ::ng-deep .dualInput .mat-mdc-select-arrow{visibility:hidden}:host .igo-layer-button-group{display:flex;padding-top:5px}:host .container{display:flex}\n"] }]
+        args: [{ selector: 'igo-ogc-filter-form', template: "<div class=\"ogc-filter-form-container\">\r\n  <mat-checkbox\r\n    tooltip-position=\"below\"\r\n    matTooltipShowDelay=\"500\"\r\n    [matTooltip]=\"'igo.geo.filter.toggleFilterState' | translate\"\r\n    (click)=\"$event.stopPropagation()\"\r\n    (change)=\"toggleFilterState($event)\"\r\n    [checked]=\"currentFilter.active\"\r\n  >\r\n  </mat-checkbox>\r\n\r\n  <mat-form-field\r\n    [ngClass]=\"{\r\n      logical:\r\n        activeFilters.indexOf(currentFilter) !== 0 &&\r\n        currentFilter.active === true,\r\n      logicalHidden:\r\n        activeFilters.indexOf(currentFilter) === 0 ||\r\n        currentFilter.active !== true\r\n    }\"\r\n  >\r\n    <mat-select\r\n      [disabled]=\"!currentFilter.active\"\r\n      [value]=\"currentFilter.parentLogical\"\r\n      tooltip-position=\"above\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"\r\n        currentFilter.parentLogical\r\n          ? ('igo.geo.operators.tooltip.' + currentFilter.parentLogical\r\n            | translate)\r\n          : ''\r\n      \"\r\n      (selectionChange)=\"changeLogical($event.value)\"\r\n    >\r\n      <mat-option\r\n        [value]=\"ogcFilterOperator.And\"\r\n        tooltip-position=\"above\"\r\n        matTooltipShowDelay=\"500\"\r\n        [matTooltip]=\"'igo.geo.operators.tooltip.And' | translate\"\r\n      >\r\n        {{ 'igo.geo.operators.And' | translate }}\r\n      </mat-option>\r\n      <mat-option\r\n        [value]=\"ogcFilterOperator.Or\"\r\n        tooltip-position=\"above\"\r\n        matTooltipShowDelay=\"500\"\r\n        [matTooltip]=\"'igo.geo.operators.tooltip.Or' | translate\"\r\n      >\r\n        {{ 'igo.geo.operators.Or' | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </mat-form-field>\r\n\r\n  <mat-form-field\r\n    class=\"field\"\r\n    *ngIf=\"\r\n      (currentFilterIsSpatial$ | async) === false &&\r\n      (fields$ | async) &&\r\n      (fields$ | async).length > 0 &&\r\n      (fields$ | async)[0].name !== ''\r\n    \"\r\n    (mouseenter)=\"inputClearable = 'selectField'\"\r\n    (mouseleave)=\"inputClearable = undefined\"\r\n    [floatLabel]=\"floatLabel\"\r\n  >\r\n    <input\r\n      matInput\r\n      [placeholder]=\"'igo.geo.sourceFields.selectField' | translate\"\r\n      [disabled]=\"!currentFilter.active\"\r\n      [matAutocomplete]=\"autoCompleteField\"\r\n      [value]=\"(selectedField$ | async) ? (selectedField$ | async).alias : ''\"\r\n      tooltip-position=\"above\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"\r\n        (selectedField$ | async)\r\n          ? (selectedField$ | async).alias\r\n          : ('igo.geo.sourceFields.selectField' | translate)\r\n      \"\r\n      (input)=\"updateFieldsList($event.target.value)\"\r\n    />\r\n    <mat-autocomplete\r\n      #autoCompleteField=\"matAutocomplete\"\r\n      (optionSelected)=\"changeField($event.option.id)\"\r\n    >\r\n      <mat-option\r\n        *ngFor=\"let field of filteredFields$ | async\"\r\n        matTooltipShowDelay=\"500\"\r\n        [value]=\"field.alias\"\r\n        [id]=\"field.name\"\r\n        [matTooltip]=\"field.alias\"\r\n      >\r\n        {{ field.alias }}\r\n      </mat-option>\r\n    </mat-autocomplete>\r\n    <button\r\n      *ngIf=\"\r\n        currentFilter.propertyName &&\r\n        inputClearable === 'selectField' &&\r\n        currentFilter.active\r\n      \"\r\n      matSuffix\r\n      mat-icon-button\r\n      aria-label=\"Clear\"\r\n      [disabled]=\"!currentFilter.active\"\r\n      (click)=\"clearSelectedField()\"\r\n    >\r\n      <mat-icon svgIcon=\"close\"></mat-icon>\r\n    </button>\r\n  </mat-form-field>\r\n\r\n  <mat-form-field\r\n    [ngClass]=\"{\r\n      operator: (currentFilterIsSpatial$ | async) === false,\r\n      dualInput: (currentFilterIsSpatial$ | async)\r\n    }\"\r\n    [floatLabel]=\"floatLabel\"\r\n  >\r\n    <mat-select\r\n      tooltip-position=\"below\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"\r\n        currentFilter.operator\r\n          ? ('igo.geo.operators.tooltip.' + currentFilter.operator | translate)\r\n          : ('igo.geo.filter.selectOperator' | translate)\r\n      \"\r\n      [disabled]=\"!currentFilter.active\"\r\n      [value]=\"currentFilter.operator\"\r\n      (selectionChange)=\"changeOperator($event.value)\"\r\n    >\r\n      <mat-option\r\n        *ngFor=\"let operator of ogcFilterOperators$ | async | keyvalue\"\r\n        tooltip-position=\"above\"\r\n        matTooltipShowDelay=\"500\"\r\n        [value]=\"operator.key\"\r\n        [matTooltip]=\"'igo.geo.operators.tooltip.' + operator.key | translate\"\r\n      >\r\n        {{ 'igo.geo.operators.' + operator.key | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </mat-form-field>\r\n\r\n  <mat-form-field\r\n    class=\"spatialSelector\"\r\n    *ngIf=\"currentFilterIsSpatial$ | async\"\r\n  >\r\n    <mat-select\r\n      [disabled]=\"!currentFilter.active\"\r\n      [value]=\"currentFilter.igoSpatialSelector\"\r\n      (selectionChange)=\"changeSpatialSelector($event.value)\"\r\n    >\r\n      <mat-option\r\n        *ngFor=\"let igoSpatialSelector of igoSpatialSelectors\"\r\n        [value]=\"igoSpatialSelector.type\"\r\n      >\r\n        {{ 'igo.geo.spatialSelector.' + igoSpatialSelector.type | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </mat-form-field>\r\n\r\n  <mat-form-field\r\n    class=\"singleInput\"\r\n    *ngIf=\"['expression', 'pattern'].indexOf(detectProperty()) !== -1\"\r\n    (mouseenter)=\"inputClearable = 'selectProperty'\"\r\n    (mouseleave)=\"inputClearable = undefined\"\r\n    [floatLabel]=\"floatLabel\"\r\n  >\r\n    <input\r\n      matInput\r\n      [placeholder]=\"'igo.geo.filter.placeholder' | translate\"\r\n      [disabled]=\"!currentFilter.active\"\r\n      [matAutocomplete]=\"autoCompleteValues\"\r\n      [value]=\"\r\n        detectProperty() === 'expression'\r\n          ? currentFilter.expression\r\n          : currentFilter.pattern\r\n      \"\r\n      tooltip-position=\"above\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"\r\n        detectProperty() === 'expression'\r\n          ? currentFilter.expression || ''\r\n          : currentFilter.pattern || ''\r\n      \"\r\n      (input)=\"updateValuesList($event.target.value)\"\r\n    />\r\n    <mat-autocomplete\r\n      #autoCompleteValues=\"matAutocomplete\"\r\n      (optionSelected)=\"changeProperty($event.option.value)\"\r\n    >\r\n      <mat-option\r\n        *ngFor=\"let value of filteredValues$ | async\"\r\n        matTooltipShowDelay=\"500\"\r\n        [value]=\"value\"\r\n        [matTooltip]=\"value\"\r\n      >\r\n        {{ value }}\r\n      </mat-option>\r\n    </mat-autocomplete>\r\n    <button\r\n      *ngIf=\"\r\n        isClearable() &&\r\n        inputClearable === 'selectProperty' &&\r\n        currentFilter.active\r\n      \"\r\n      matSuffix\r\n      mat-icon-button\r\n      aria-label=\"Clear\"\r\n      [disabled]=\"!currentFilter.active\"\r\n      (click)=\"clearProperty()\"\r\n    >\r\n      <mat-icon svgIcon=\"close\"></mat-icon>\r\n    </button>\r\n  </mat-form-field>\r\n\r\n  <div class=\"igo-layer-button-group\">\r\n    <button\r\n      mat-icon-button\r\n      collapsibleButton\r\n      tooltip-position=\"below\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"'igo.geo.filter.removeFilter' | translate\"\r\n      color=\"warn\"\r\n      (click)=\"deleteFilter()\"\r\n    >\r\n      <mat-icon svgIcon=\"delete\"></mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <mat-form-field\r\n    class=\"snrc\"\r\n    *ngIf=\"\r\n      (currentFilterIsSpatial$ | async) &&\r\n      currentFilter.igoSpatialSelector === 'snrc'\r\n    \"\r\n    (mouseenter)=\"inputClearable = 'selectSNRC'\"\r\n    (mouseleave)=\"inputClearable = undefined\"\r\n    [floatLabel]=\"floatLabel\"\r\n  >\r\n    <input\r\n      matInput\r\n      [placeholder]=\"'igo.geo.filter.placeholderSnrc' | translate\"\r\n      [value]=\"currentFilter.igoSNRC\"\r\n      tooltip-position=\"above\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"currentFilter.igoSNRC ? currentFilter.igoSNRC : ''\"\r\n      (input)=\"changeSNRC($event.target.value)\"\r\n    />\r\n    <button\r\n      *ngIf=\"currentFilter.igoSNRC\"\r\n      matSuffix\r\n      mat-icon-button\r\n      aria-label=\"Clear\"\r\n      [disabled]=\"\r\n        !currentFilter.active &&\r\n        inputClearable === 'selectSNRC' &&\r\n        currentFilter.active\r\n      \"\r\n      (click)=\"currentFilter.igoSNRC = ''\"\r\n    >\r\n      <mat-icon svgIcon=\"close\"></mat-icon>\r\n    </button>\r\n  </mat-form-field>\r\n\r\n  <ng-container\r\n    *ngIf=\"\r\n      (currentFilterIsSpatial$ | async) &&\r\n      currentFilter.igoSpatialSelector === 'fixedExtent'\r\n    \"\r\n  >\r\n    <button\r\n      [disabled]=\"!currentFilter.active\"\r\n      *ngIf=\"currentFilter.igoSpatialSelector === 'fixedExtent'\"\r\n      matSuffix\r\n      mat-icon-button\r\n      [disabled]=\"!currentFilter.active\"\r\n      (click)=\"changeMapExtentGeometry()\"\r\n      tooltip-position=\"below\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"'igo.geo.spatialSelector.btnSetExtent' | translate\"\r\n    >\r\n      <mat-icon svgIcon=\"arrow-expand-all\"></mat-icon>\r\n    </button>\r\n  </ng-container>\r\n</div>\r\n\r\n<div class=\"ogc-filter-form-container\">\r\n  <mat-form-field\r\n    class=\"dualInput\"\r\n    *ngIf=\"\r\n      !isTemporalOperator() &&\r\n      ['lowerBoundary', 'begin'].indexOf(detectProperty(1)) !== -1\r\n    \"\r\n    (mouseenter)=\"inputClearable = 'selectProperty1'\"\r\n    (mouseleave)=\"inputClearable = undefined\"\r\n    [floatLabel]=\"floatLabel\"\r\n  >\r\n    <input\r\n      matInput\r\n      [placeholder]=\"'igo.geo.filter.placeholder' | translate\"\r\n      [disabled]=\"!currentFilter.active\"\r\n      [matAutocomplete]=\"autoDualValueOperator1\"\r\n      type=\"number\"\r\n      [value]=\"\r\n        detectProperty(1) === 'lowerBoundary'\r\n          ? currentFilter.lowerBoundary\r\n          : currentFilter.begin\r\n      \"\r\n      (input)=\"updateValuesList($event.target.value, 1)\"\r\n    />\r\n    <mat-autocomplete\r\n      #autoDualValueOperator1=\"matAutocomplete\"\r\n      (optionSelected)=\"changeNumericProperty($event.option.value, 1)\"\r\n    >\r\n      <mat-option\r\n        *ngFor=\"let value of filteredValues$ | async\"\r\n        matTooltipShowDelay=\"500\"\r\n        [value]=\"value\"\r\n        [matTooltip]=\"value\"\r\n      >\r\n        {{ value }}\r\n      </mat-option>\r\n    </mat-autocomplete>\r\n    <button\r\n      *ngIf=\"\r\n        isClearable(1) &&\r\n        inputClearable === 'selectProperty1' &&\r\n        currentFilter.active\r\n      \"\r\n      matSuffix\r\n      mat-icon-button\r\n      aria-label=\"Clear\"\r\n      [disabled]=\"!currentFilter.active\"\r\n      (click)=\"clearProperty(1)\"\r\n    >\r\n      <mat-icon svgIcon=\"close\"></mat-icon>\r\n    </button>\r\n  </mat-form-field>\r\n\r\n  <mat-form-field\r\n    class=\"dualInput\"\r\n    *ngIf=\"\r\n      !isTemporalOperator() &&\r\n      ['upperBoundary', 'end'].indexOf(detectProperty(2)) !== -1\r\n    \"\r\n    (mouseenter)=\"inputClearable = 'selectProperty2'\"\r\n    (mouseleave)=\"inputClearable = undefined\"\r\n    [floatLabel]=\"floatLabel\"\r\n  >\r\n    <input\r\n      matInput\r\n      [placeholder]=\"'igo.geo.filter.placeholder' | translate\"\r\n      [disabled]=\"!currentFilter.active\"\r\n      [matAutocomplete]=\"autoDualValueOperator2\"\r\n      type=\"number\"\r\n      [value]=\"\r\n        detectProperty(2) === 'upperBoundary'\r\n          ? currentFilter.upperBoundary\r\n          : currentFilter.end\r\n      \"\r\n      (input)=\"updateValuesList($event.target.value, 2)\"\r\n    />\r\n    <mat-autocomplete\r\n      #autoDualValueOperator2=\"matAutocomplete\"\r\n      (optionSelected)=\"changeNumericProperty($event.option.value, 2)\"\r\n    >\r\n      <mat-option\r\n        *ngFor=\"let value of filteredValues$ | async\"\r\n        matTooltipShowDelay=\"500\"\r\n        [value]=\"value\"\r\n        [matTooltip]=\"value\"\r\n      >\r\n        {{ value }}\r\n      </mat-option>\r\n    </mat-autocomplete>\r\n    <button\r\n      *ngIf=\"\r\n        isClearable(2) &&\r\n        inputClearable === 'selectProperty2' &&\r\n        currentFilter.active\r\n      \"\r\n      matSuffix\r\n      mat-icon-button\r\n      aria-label=\"Clear\"\r\n      [disabled]=\"!currentFilter.active\"\r\n      (click)=\"clearProperty(2)\"\r\n    >\r\n      <mat-icon svgIcon=\"close\"></mat-icon>\r\n    </button>\r\n  </mat-form-field>\r\n</div>\r\n\r\n<igo-ogc-filter-time\r\n  *ngIf=\"isTemporalOperator()\"\r\n  [(datasource)]=\"datasource\"\r\n  [(currentFilter)]=\"currentFilter\"\r\n  (changeProperty)=\"changeProperty($event.value, $event.pos)\"\r\n>\r\n</igo-ogc-filter-time>\r\n", styles: [":host{width:100%;padding:5px 10px}:host ::ng-deep .mat-mdc-form-field .mat-icon svg{width:1em;height:1em;color:#d3d3d3}:host .ogc-filter-form-container{display:flex}:host .mat-mdc-form-field{width:100%}:host .mat-mdc-select-arrow{visibility:hidden}:host .mat-mdc-slide-toggle{margin-top:10px}:host .logical{flex-flow:column nowrap;width:100%;max-width:60px;margin-right:5px}:host .logicalHidden{width:0px;visibility:hidden;max-width:0px}:host ::ng-deep .logical .mat-mdc-select-arrow{visibility:hidden}:host ::ng-deep .logicalHidden .mat-mdc-select-arrow{visibility:hidden}:host .field{width:150px;margin-right:5px}:host ::ng-deep .field .mat-mdc-select-arrow{visibility:hidden}:host .operator{width:150px;margin-right:5px;text-align:center}:host ::ng-deep .operator .mat-mdc-select-arrow{visibility:hidden}:host .spatialSelector{width:110px;margin-right:5px}:host ::ng-deep .spatialSelector .mat-mdc-select-arrow{visibility:hidden}:host .singleInput{width:150px;margin-right:5px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){:host .singleInput{width:27%}}:host .snrc{width:110px;margin-right:5px}:host ::ng-deep .singleInput .mat-mdc-select-arrow{visibility:hidden}:host .dualInput{width:150px;margin-right:5px}:host ::ng-deep .dualInput .mat-mdc-select-arrow{visibility:hidden}:host .igo-layer-button-group{display:flex;padding-top:5px}:host .container{display:flex}\n"] }]
     }], function () { return [{ type: WktService }]; }, { refreshFilters: [{
             type: Input
         }], datasource: [{
@@ -35490,7 +35490,7 @@ class SpatialFilterListComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SpatialFilterListComponent, [{
         type: Component,
-        args: [{ selector: 'igo-spatial-filter-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-list\">\n  <mat-form-field class=\"zone-list\">\n    <mat-label>{{ 'igo.geo.spatialFilter.listLabel' | translate }}</mat-label>\n    <input\n      #input\n      type=\"text\"\n      placeholder=\"{{ 'igo.geo.spatialFilter.listLabel' | translate }}\"\n      matInput\n      [formControl]=\"formControl\"\n      [matAutocomplete]=\"auto\"\n    />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"onZoneChange($event.option.value)\"\n      [displayWith]=\"displayFn\"\n    >\n      <mat-option\n        *ngFor=\"let entities of this.store.view.all$() | async\"\n        [value]=\"entities\"\n      >\n        {{ entities.properties.nom }}\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n  <div>\n    <div class=\"buffer-div\">\n      <mat-form-field class=\"buffer\">\n        <mat-label>{{ 'igo.geo.spatialFilter.buffer' | translate }}</mat-label>\n        <input\n          type=\"number\"\n          matInput\n          placeholder=\"{{ 'igo.geo.spatialFilter.buffer' | translate }}\"\n          [formControl]=\"bufferFormControl\"\n          [value]=\"0\"\n          [readonly]=\"!zone\"\n        />\n      </mat-form-field>\n\n      <mat-form-field class=\"unit-field\">\n        <mat-select\n          [value]=\"measureUnit\"\n          (selectionChange)=\"onMeasureUnitChange($event.value)\"\n        >\n          <mat-option\n            *ngFor=\"let measureUnit of measureUnits\"\n            [value]=\"measureUnit\"\n          >\n            {{ 'igo.geo.measure.' + measureUnit | translate }}\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}:host .buffer-div{display:flex;width:100%}:host .zone-list{width:100%}:host .buffer{display:flex;flex-flow:column nowrap;width:110%}:host .unit-field{width:110px;margin-left:16px}\n"] }]
+        args: [{ selector: 'igo-spatial-filter-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-list\">\r\n  <mat-form-field class=\"zone-list\">\r\n    <mat-label>{{ 'igo.geo.spatialFilter.listLabel' | translate }}</mat-label>\r\n    <input\r\n      #input\r\n      type=\"text\"\r\n      placeholder=\"{{ 'igo.geo.spatialFilter.listLabel' | translate }}\"\r\n      matInput\r\n      [formControl]=\"formControl\"\r\n      [matAutocomplete]=\"auto\"\r\n    />\r\n    <mat-autocomplete\r\n      #auto=\"matAutocomplete\"\r\n      (optionSelected)=\"onZoneChange($event.option.value)\"\r\n      [displayWith]=\"displayFn\"\r\n    >\r\n      <mat-option\r\n        *ngFor=\"let entities of this.store.view.all$() | async\"\r\n        [value]=\"entities\"\r\n      >\r\n        {{ entities.properties.nom }}\r\n      </mat-option>\r\n    </mat-autocomplete>\r\n  </mat-form-field>\r\n  <div>\r\n    <div class=\"buffer-div\">\r\n      <mat-form-field class=\"buffer\">\r\n        <mat-label>{{ 'igo.geo.spatialFilter.buffer' | translate }}</mat-label>\r\n        <input\r\n          type=\"number\"\r\n          matInput\r\n          placeholder=\"{{ 'igo.geo.spatialFilter.buffer' | translate }}\"\r\n          [formControl]=\"bufferFormControl\"\r\n          [value]=\"0\"\r\n          [readonly]=\"!zone\"\r\n        />\r\n      </mat-form-field>\r\n\r\n      <mat-form-field class=\"unit-field\">\r\n        <mat-select\r\n          [value]=\"measureUnit\"\r\n          (selectionChange)=\"onMeasureUnitChange($event.value)\"\r\n        >\r\n          <mat-option\r\n            *ngFor=\"let measureUnit of measureUnits\"\r\n            [value]=\"measureUnit\"\r\n          >\r\n            {{ 'igo.geo.measure.' + measureUnit | translate }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}:host .buffer-div{display:flex;width:100%}:host .zone-list{width:100%}:host .buffer{display:flex;flex-flow:column nowrap;width:110%}:host .unit-field{width:110px;margin-left:16px}\n"] }]
     }], function () { return [{ type: SpatialFilterService }, { type: i2.MessageService }]; }, { store: [{
             type: Input
         }], queryType: [{
@@ -42842,7 +42842,7 @@ class IChercheSearchSource extends SearchSource {
                 'regadmin',
                 'lieux'
             ];
-        const showAdvancedParams = this.options.showAdvancedSettings ?? true;
+        const showAdvancedParams = this.options.showAdvancedSettings;
         return {
             title: 'igo.geo.search.icherche.name',
             searchUrl: 'https://geoegl.msp.gouv.qc.ca/apis/icherche',
@@ -43673,6 +43673,7 @@ class ILayerSearchSource extends SearchSource {
         const ecmax = this.options.params && this.options.params.ecmax
             ? Number(this.options.params.ecmax)
             : undefined;
+        const showAdvancedParams = this.options.showAdvancedSettings;
         return {
             title: 'igo.geo.search.ilayer.name',
             searchUrl: 'https://geoegl.msp.gouv.qc.ca/apis/layers/search',
@@ -43728,39 +43729,40 @@ class ILayerSearchSource extends SearchSource {
                         }
                     ]
                 },
-                {
-                    type: 'radiobutton',
-                    title: 'ecmax',
-                    name: 'ecmax',
-                    values: [
-                        {
-                            title: '10 %',
-                            value: 10,
-                            enabled: ecmax === 10
-                        },
-                        {
-                            title: '30 %',
-                            value: 30,
-                            enabled: ecmax === 30
-                        },
-                        {
-                            title: '50 %',
-                            value: 50,
-                            enabled: ecmax === 50 || !ecmax
-                        },
-                        {
-                            title: '75 %',
-                            value: 75,
-                            enabled: ecmax === 75
-                        },
-                        {
-                            title: '100 %',
-                            value: 100,
-                            enabled: ecmax === 100
-                        }
-                    ]
-                }
-            ]
+                showAdvancedParams &&
+                    ({
+                        type: 'radiobutton',
+                        title: 'ecmax',
+                        name: 'ecmax',
+                        values: [
+                            {
+                                title: '10 %',
+                                value: 10,
+                                enabled: ecmax === 10
+                            },
+                            {
+                                title: '30 %',
+                                value: 30,
+                                enabled: ecmax === 30
+                            },
+                            {
+                                title: '50 %',
+                                value: 50,
+                                enabled: ecmax === 50 || !ecmax
+                            },
+                            {
+                                title: '75 %',
+                                value: 75,
+                                enabled: ecmax === 75
+                            },
+                            {
+                                title: '100 %',
+                                value: 100,
+                                enabled: ecmax === 100
+                            }
+                        ]
+                    })
+            ].filter(Boolean)
         };
     }
     /**