@igo2/geo 21.0.0-next.2 → 21.0.0-next.4

package/fesm2022/igo2-geo.mjs

@@ -22742,11 +22742,11 @@ class FeatureFormComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FeatureFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: FeatureFormComponent, isStandalone: true, selector: "igo-feature-form", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, feature: { classPropertyName: "feature", publicName: "feature", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { submitForm: "submitForm" }, viewQueries: [{ propertyName: "igoForm", first: true, predicate: ["igoForm"], descendants: true, isSignal: true }], ngImport: i0, template: "<igo-form\n  #igoForm\n  [form]=\"form()\"\n  [formData]=\"feature()\"\n  (submitForm)=\"onSubmit($event)\"\n>\n  <ng-content />\n\n  <ng-content select=\"[formButtons]\" formButtons />\n</igo-form>\n", styles: [":host{display:block}igo-form{height:100%}\n"], dependencies: [{ kind: "component", type: FormComponent, selector: "igo-form", inputs: ["form", "formData", "autocomplete"], outputs: ["submitForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: FeatureFormComponent, isStandalone: true, selector: "igo-feature-form", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, feature: { classPropertyName: "feature", publicName: "feature", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { submitForm: "submitForm" }, viewQueries: [{ propertyName: "igoForm", first: true, predicate: ["igoForm"], descendants: true, isSignal: true }], ngImport: i0, template: "<igo-form\n  #igoForm\n  [form]=\"form()\"\n  [formData]=\"$any(feature())\"\n  (submitForm)=\"onSubmit($event)\"\n>\n  <ng-content />\n\n  <ng-content select=\"[formButtons]\" formButtons />\n</igo-form>\n", styles: [":host{display:block}igo-form{height:100%}\n"], dependencies: [{ kind: "component", type: FormComponent, selector: "igo-form", inputs: ["form", "formData", "autocomplete"], outputs: ["submitForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FeatureFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-feature-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormComponent], template: "<igo-form\n  #igoForm\n  [form]=\"form()\"\n  [formData]=\"feature()\"\n  (submitForm)=\"onSubmit($event)\"\n>\n  <ng-content />\n\n  <ng-content select=\"[formButtons]\" formButtons />\n</igo-form>\n", styles: [":host{display:block}igo-form{height:100%}\n"] }]
+            args: [{ selector: 'igo-feature-form', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormComponent], template: "<igo-form\n  #igoForm\n  [form]=\"form()\"\n  [formData]=\"$any(feature())\"\n  (submitForm)=\"onSubmit($event)\"\n>\n  <ng-content />\n\n  <ng-content select=\"[formButtons]\" formButtons />\n</igo-form>\n", styles: [":host{display:block}igo-form{height:100%}\n"] }]
         }], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], feature: [{ type: i0.Input, args: [{ isSignal: true, alias: "feature", required: false }] }], submitForm: [{ type: i0.Output, args: ["submitForm"] }], igoForm: [{ type: i0.ViewChild, args: ['igoForm', { isSignal: true }] }] } });
 
 const FEATURE_DIRECTIVES = [
@@ -31214,7 +31214,7 @@ class ImportExportComponent {
         this.selectedMode.set(event.value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ImportExportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: ImportExportComponent, isStandalone: true, selector: "igo-import-export", inputs: { selectFirstProj: { classPropertyName: "selectFirstProj", publicName: "selectFirstProj", isSignal: true, isRequired: false, transformFunction: null }, map: { classPropertyName: "map", publicName: "map", isSignal: true, isRequired: false, transformFunction: null }, contextUri: { classPropertyName: "contextUri", publicName: "contextUri", isSignal: true, isRequired: false, transformFunction: null }, projectionsLimitations: { classPropertyName: "projectionsLimitations", publicName: "projectionsLimitations", isSignal: true, isRequired: false, transformFunction: null }, store: { classPropertyName: "store", publicName: "store", isSignal: true, isRequired: false, transformFunction: null }, selectedMode: { classPropertyName: "selectedMode", publicName: "selectedMode", isSignal: true, isRequired: false, transformFunction: null }, exportOptions$: { classPropertyName: "exportOptions$", publicName: "exportOptions$", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedMode: "selectedModeChange", selectMode: "selectMode", exportOptionsChange: "exportOptionsChange" }, providers: [ConfirmDialogService], ngImport: i0, template: "<div class=\"import-export-toggle\">\n  <mat-button-toggle-group\n    [value]=\"selectedMode()\"\n    (change)=\"onImportExportChange($event)\"\n  >\n    <mat-button-toggle [value]=\"'import'\">\n      {{ 'igo.geo.importExportForm.importTabTitle' | translate }}\n    </mat-button-toggle>\n    <mat-button-toggle [value]=\"'export'\">\n      {{ 'igo.geo.importExportForm.exportTabTitle' | translate }}\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n\n@if (selectedMode() === 'import') {\n  <form class=\"igo-form\" [formGroup]=\"importForm\">\n    <div class=\"igo-input-container\">\n      <mat-form-field>\n        <mat-label>{{\n          'igo.geo.importExportForm.importProjPlaceholder' | translate\n        }}</mat-label>\n        <mat-select [(value)]=\"inputProj\">\n          @for (projection of projections$ | async; track projection) {\n            <mat-option [value]=\"projection\" (click)=\"$event.stopPropagation()\">\n              @if (projection.translateKey) {\n                <span matListItemTitle>\n                  {{\n                    'igo.geo.importExportForm.projections.' +\n                      projection.translateKey | translate: projection\n                  }}\n                </span>\n              }\n              @if (!projection.translateKey) {\n                <span matListItemTitle>\n                  {{ projection.alias }}\n                </span>\n              }\n            </mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        importForm.invalid\n          ? ('igo.geo.importExportForm.projections.choose' | translate)\n          : ('igo.geo.importExportForm.importButton' | translate)\n      \"\n      class=\"igo-form-button-group\"\n    >\n      <button\n        [disabled]=\"importForm.invalid || (loading$ | async)\"\n        matButton=\"elevated\"\n        type=\"button\"\n        (click)=\"fileInput.click()\"\n      >\n        {{ 'igo.geo.importExportForm.importButton' | translate }}\n      </button>\n      <igo-spinner [shown]=\"loading$ | async\" />\n      <input\n        hidden\n        #fileInput\n        type=\"file\"\n        [style.display]=\"'none'\"\n        (click)=\"fileInput.value = null\"\n        (change)=\"importFiles($any($event.target).files)\"\n      />\n    </div>\n  </form>\n\n  <section>\n    @if (importHtmlClarifications === '') {\n      <div>\n        <h4>\n          {{ 'igo.geo.importExportForm.importClarifications' | translate }}\n        </h4>\n        <ul>\n          <li>\n            {{\n              'igo.geo.importExportForm.importSizeMax'\n                | translate: { size: fileSizeMb }\n            }}\n          </li>\n          <li>\n            {{ 'igo.geo.importExportForm.importFormatAuthorized' | translate }}\n          </li>\n          <li>{{ 'igo.geo.importExportForm.importShpZip' | translate }}</li>\n        </ul>\n      </div>\n    }\n    @if (importHtmlClarifications !== '') {\n      <igo-custom-html [html]=\"importHtmlClarifications\" />\n    }\n  </section>\n} @else if (selectedMode() === 'export') {\n  @let hasExports = (exportableLayers$ | async).length === 0;\n  @if (hasExports) {\n    <section>\n      <h4>\n        {{ 'igo.geo.importExportForm.exportNoLayersExportable' | translate }}\n      </h4>\n    </section>\n\n    <form class=\"igo-form\" [formGroup]=\"form\">\n      <div class=\"igo-input-container\">\n        <mat-form-field>\n          <mat-label>{{\n            'igo.geo.importExportForm.exportLayerPlaceholder' | translate\n          }}</mat-label>\n          <mat-select [(value)]=\"layers\" multiple>\n            <mat-select-trigger>\n              {{ layers.length ? getLayerTitleById(layers[0]) : '' }}\n              @if (layers.length > 1) {\n                <span class=\"export-select-trigger\">\n                  (+{{ layers.length - 1 }}\n                  {{\n                    (layers?.length === 2\n                      ? 'igo.geo.importExportForm.other'\n                      : 'igo.geo.importExportForm.others'\n                    ) | translate\n                  }})\n                </span>\n              }\n            </mat-select-trigger>\n            @for (layer of exportableLayers$ | async; track layer) {\n              <mat-option\n                [class.igo-export-layer-mat-option]=\"\n                  layerHasSelectedFeatures(layer)\n                \"\n                [value]=\"layer.id\"\n                (click)=\"$event.stopPropagation()\"\n              >\n                <span matListItemTitle>{{ layer.title }}</span>\n                <span matListItemTitle>\n                  @if (layerHasSelectedFeatures(layer)) {\n                    <mat-slide-toggle\n                      (click)=\"onlySelectedClick($event, layer.id)\"\n                      (checked)=\"inLayersIdToExportSelectionOnly(layer)\"\n                      (change)=\"onlySelected($event, layer.id)\"\n                    >\n                      <small>{{\n                        'igo.geo.importExportForm.exportSelectedFeature'\n                          | translate\n                      }}</small>\n                    </mat-slide-toggle>\n                  }\n                </span>\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      <div class=\"igo-input-container\">\n        <mat-form-field>\n          <mat-label>{{\n            'igo.geo.importExportForm.exportFormatPlaceholder' | translate\n          }}</mat-label>\n          <mat-select formControlName=\"format\">\n            @if ((formats$ | async).length !== 0) {\n              @for (format of formats$ | async; track format) {\n                <mat-option [value]=\"format\">\n                  {{ 'igo.geo.export.format.' + format | translate }}\n                </mat-option>\n              }\n            }\n            @if ((formats$ | async).length === 0) {\n              <mat-option disabled=\"true\">\n                {{ 'igo.geo.export.noFormat.title' | translate }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      @if (forceNaming && form.value.format !== 'URL') {\n        <div class=\"igo-input-container\">\n          <mat-form-field>\n            <input\n              matInput\n              formControlName=\"name\"\n              placeholder=\"{{\n                'igo.geo.importExportForm.exportFileNamePlaceholder' | translate\n              }}\"\n            />\n          </mat-form-field>\n        </div>\n      }\n      @if (this.isCsvExport(form.value.format)) {\n        <div class=\"igo-input-container\">\n          <mat-form-field>\n            <mat-label>{{ 'igo.geo.export.separator' | translate }}</mat-label>\n            <mat-select formControlName=\"csvSeparator\">\n              @for (separator of csvSeparators; track separator) {\n                <mat-option [value]=\"separator\">\n                  {{ 'igo.geo.export.csv.separator.' + separator | translate }}\n                </mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n        </div>\n        @if (layers.length > 1) {\n          <div class=\"export-combine-layers\">\n            <mat-slide-toggle\n              formControlName=\"combineLayers\"\n              [labelPosition]=\"'before'\"\n            >\n              {{ 'igo.geo.importExportForm.exportCombineResults' | translate }}\n            </mat-slide-toggle>\n          </div>\n        }\n        @if (layers.length > 1 && form.value.combineLayers) {\n          <div class=\"export-separator\">\n            <mat-slide-toggle\n              formControlName=\"separator\"\n              [labelPosition]=\"'before'\"\n            >\n              {{ 'igo.geo.importExportForm.exportSeparator' | translate }}\n            </mat-slide-toggle>\n          </div>\n        }\n      }\n      @if (form.value.format !== 'URL') {\n        <div class=\"export-options\">\n          <mat-slide-toggle\n            formControlName=\"featureInMapExtent\"\n            [labelPosition]=\"'before'\"\n          >\n            {{ 'igo.geo.importExportForm.exportFeatureInExtent' | translate }}\n          </mat-slide-toggle>\n        </div>\n      }\n      <div class=\"igo-form-button-group\">\n        <button\n          matButton=\"elevated\"\n          type=\"button\"\n          [disabled]=\"!form.valid || (loading$ | async)\"\n          (click)=\"handleExportFormSubmit(form.value)\"\n        >\n          {{\n            form.value.format !== 'URL'\n              ? ('igo.geo.importExportForm.exportButton' | translate)\n              : form.value.layers.length > 1\n                ? ('igo.geo.importExportForm.exportButtonLinks' | translate)\n                : ('igo.geo.importExportForm.exportButtonLink' | translate)\n          }}\n        </button>\n        <igo-spinner [shown]=\"loading$ | async\" />\n      </div>\n      @if (exportHtmlClarifications !== '') {\n        <igo-custom-html [html]=\"exportHtmlClarifications\" />\n      }\n    </form>\n  }\n}\n", styles: [":host{padding:16px;display:flex;flex-direction:column;gap:16px}:host mat-option.igo-export-layer-mat-option{height:5em;line-height:1em}:host .import-export-toggle mat-button-toggle-group{width:100%}:host .import-export-toggle mat-button-toggle-group mat-button-toggle{width:50%}:host .igo-input-container mat-form-field{width:100%}:host .igo-form-button-group{text-align:center}:host igo-spinner{position:absolute}:host .export-options mat-slide-toggle,:host .export-combine-layers mat-slide-toggle,:host .export-separator mat-slide-toggle{width:100%;padding:10px}:host .export-options mat-slide-toggle ::ng-deep .mdc-form-field,:host .export-combine-layers mat-slide-toggle ::ng-deep .mdc-form-field,:host .export-separator mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}:host .export-options mat-slide-toggle ::ng-deep .mdc-label,:host .export-combine-layers mat-slide-toggle ::ng-deep .mdc-label,:host .export-separator mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}:host .export-select-trigger{opacity:.75;font-size:.75em}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$4.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$4.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$3.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { 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: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: SpinnerComponent, selector: "igo-spinner", inputs: ["shown"] }, { kind: "component", type: CustomHtmlComponent, selector: "igo-custom-html", inputs: ["html"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1$3.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: MatInputModule }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: ImportExportComponent, isStandalone: true, selector: "igo-import-export", inputs: { selectFirstProj: { classPropertyName: "selectFirstProj", publicName: "selectFirstProj", isSignal: true, isRequired: false, transformFunction: null }, map: { classPropertyName: "map", publicName: "map", isSignal: true, isRequired: false, transformFunction: null }, contextUri: { classPropertyName: "contextUri", publicName: "contextUri", isSignal: true, isRequired: false, transformFunction: null }, projectionsLimitations: { classPropertyName: "projectionsLimitations", publicName: "projectionsLimitations", isSignal: true, isRequired: false, transformFunction: null }, store: { classPropertyName: "store", publicName: "store", isSignal: true, isRequired: false, transformFunction: null }, selectedMode: { classPropertyName: "selectedMode", publicName: "selectedMode", isSignal: true, isRequired: false, transformFunction: null }, exportOptions$: { classPropertyName: "exportOptions$", publicName: "exportOptions$", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedMode: "selectedModeChange", selectMode: "selectMode", exportOptionsChange: "exportOptionsChange" }, providers: [ConfirmDialogService], ngImport: i0, template: "<div class=\"import-export-toggle\">\n  <mat-button-toggle-group\n    [value]=\"selectedMode()\"\n    (change)=\"onImportExportChange($event)\"\n  >\n    <mat-button-toggle [value]=\"'import'\">\n      {{ 'igo.geo.importExportForm.importTabTitle' | translate }}\n    </mat-button-toggle>\n    <mat-button-toggle [value]=\"'export'\">\n      {{ 'igo.geo.importExportForm.exportTabTitle' | translate }}\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n\n@if (selectedMode() === 'import') {\n  <form class=\"igo-form\" [formGroup]=\"importForm\">\n    <div class=\"igo-input-container\">\n      <mat-form-field>\n        <mat-label>{{\n          'igo.geo.importExportForm.importProjPlaceholder' | translate\n        }}</mat-label>\n        <mat-select [(value)]=\"inputProj\">\n          @for (projection of projections$ | async; track projection) {\n            <mat-option [value]=\"projection\" (click)=\"$event.stopPropagation()\">\n              @if (projection.translateKey) {\n                <span matListItemTitle>\n                  {{\n                    'igo.geo.importExportForm.projections.' +\n                      projection.translateKey | translate: projection\n                  }}\n                </span>\n              }\n              @if (!projection.translateKey) {\n                <span matListItemTitle>\n                  {{ projection.alias }}\n                </span>\n              }\n            </mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        importForm.invalid\n          ? ('igo.geo.importExportForm.projections.choose' | translate)\n          : ('igo.geo.importExportForm.importButton' | translate)\n      \"\n      class=\"igo-form-button-group\"\n    >\n      <button\n        [disabled]=\"importForm.invalid || (loading$ | async)\"\n        matButton=\"elevated\"\n        type=\"button\"\n        (click)=\"fileInput.click()\"\n      >\n        {{ 'igo.geo.importExportForm.importButton' | translate }}\n      </button>\n      <igo-spinner [shown]=\"loading$ | async\" />\n      <input\n        hidden\n        #fileInput\n        type=\"file\"\n        [style.display]=\"'none'\"\n        (click)=\"fileInput.value = null\"\n        (change)=\"importFiles($any($event.target).files)\"\n      />\n    </div>\n  </form>\n\n  <section>\n    @if (importHtmlClarifications === '') {\n      <div>\n        <h4>\n          {{ 'igo.geo.importExportForm.importClarifications' | translate }}\n        </h4>\n        <ul>\n          <li>\n            {{\n              'igo.geo.importExportForm.importSizeMax'\n                | translate: { size: fileSizeMb }\n            }}\n          </li>\n          <li>\n            {{ 'igo.geo.importExportForm.importFormatAuthorized' | translate }}\n          </li>\n          <li>{{ 'igo.geo.importExportForm.importShpZip' | translate }}</li>\n        </ul>\n      </div>\n    }\n    @if (importHtmlClarifications !== '') {\n      <igo-custom-html [html]=\"importHtmlClarifications\" />\n    }\n  </section>\n} @else if (selectedMode() === 'export') {\n  @let hasExports = (exportableLayers$ | async)?.length;\n  @if (hasExports) {\n    <form class=\"igo-form\" [formGroup]=\"form\">\n      <div class=\"igo-input-container\">\n        <mat-form-field>\n          <mat-label>{{\n            'igo.geo.importExportForm.exportLayerPlaceholder' | translate\n          }}</mat-label>\n          <mat-select [(value)]=\"layers\" multiple>\n            <mat-select-trigger>\n              {{ layers.length ? getLayerTitleById(layers[0]) : '' }}\n              @if (layers.length > 1) {\n                <span class=\"export-select-trigger\">\n                  (+{{ layers.length - 1 }}\n                  {{\n                    (layers?.length === 2\n                      ? 'igo.geo.importExportForm.other'\n                      : 'igo.geo.importExportForm.others'\n                    ) | translate\n                  }})\n                </span>\n              }\n            </mat-select-trigger>\n            @for (layer of exportableLayers$ | async; track layer) {\n              <mat-option\n                [class.igo-export-layer-mat-option]=\"\n                  layerHasSelectedFeatures(layer)\n                \"\n                [value]=\"layer.id\"\n                (click)=\"$event.stopPropagation()\"\n              >\n                <span matListItemTitle>{{ layer.title }}</span>\n                <span matListItemTitle>\n                  @if (layerHasSelectedFeatures(layer)) {\n                    <mat-slide-toggle\n                      (click)=\"onlySelectedClick($event, layer.id)\"\n                      (checked)=\"inLayersIdToExportSelectionOnly(layer)\"\n                      (change)=\"onlySelected($event, layer.id)\"\n                    >\n                      <small>{{\n                        'igo.geo.importExportForm.exportSelectedFeature'\n                          | translate\n                      }}</small>\n                    </mat-slide-toggle>\n                  }\n                </span>\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      <div class=\"igo-input-container\">\n        <mat-form-field>\n          <mat-label>{{\n            'igo.geo.importExportForm.exportFormatPlaceholder' | translate\n          }}</mat-label>\n          <mat-select formControlName=\"format\">\n            @if ((formats$ | async).length !== 0) {\n              @for (format of formats$ | async; track format) {\n                <mat-option [value]=\"format\">\n                  {{ 'igo.geo.export.format.' + format | translate }}\n                </mat-option>\n              }\n            }\n            @if ((formats$ | async).length === 0) {\n              <mat-option disabled=\"true\">\n                {{ 'igo.geo.export.noFormat.title' | translate }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      @if (forceNaming && form.value.format !== 'URL') {\n        <div class=\"igo-input-container\">\n          <mat-form-field>\n            <input\n              matInput\n              formControlName=\"name\"\n              placeholder=\"{{\n                'igo.geo.importExportForm.exportFileNamePlaceholder' | translate\n              }}\"\n            />\n          </mat-form-field>\n        </div>\n      }\n      @if (this.isCsvExport(form.value.format)) {\n        <div class=\"igo-input-container\">\n          <mat-form-field>\n            <mat-label>{{ 'igo.geo.export.separator' | translate }}</mat-label>\n            <mat-select formControlName=\"csvSeparator\">\n              @for (separator of csvSeparators; track separator) {\n                <mat-option [value]=\"separator\">\n                  {{ 'igo.geo.export.csv.separator.' + separator | translate }}\n                </mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n        </div>\n        @if (layers.length > 1) {\n          <div class=\"export-combine-layers\">\n            <mat-slide-toggle\n              formControlName=\"combineLayers\"\n              [labelPosition]=\"'before'\"\n            >\n              {{ 'igo.geo.importExportForm.exportCombineResults' | translate }}\n            </mat-slide-toggle>\n          </div>\n        }\n        @if (layers.length > 1 && form.value.combineLayers) {\n          <div class=\"export-separator\">\n            <mat-slide-toggle\n              formControlName=\"separator\"\n              [labelPosition]=\"'before'\"\n            >\n              {{ 'igo.geo.importExportForm.exportSeparator' | translate }}\n            </mat-slide-toggle>\n          </div>\n        }\n      }\n      @if (form.value.format !== 'URL') {\n        <div class=\"export-options\">\n          <mat-slide-toggle\n            formControlName=\"featureInMapExtent\"\n            [labelPosition]=\"'before'\"\n          >\n            {{ 'igo.geo.importExportForm.exportFeatureInExtent' | translate }}\n          </mat-slide-toggle>\n        </div>\n      }\n      <div class=\"igo-form-button-group\">\n        <button\n          matButton=\"elevated\"\n          type=\"button\"\n          [disabled]=\"!form.valid || (loading$ | async)\"\n          (click)=\"handleExportFormSubmit(form.value)\"\n        >\n          {{\n            form.value.format !== 'URL'\n              ? ('igo.geo.importExportForm.exportButton' | translate)\n              : form.value.layers.length > 1\n                ? ('igo.geo.importExportForm.exportButtonLinks' | translate)\n                : ('igo.geo.importExportForm.exportButtonLink' | translate)\n          }}\n        </button>\n        <igo-spinner [shown]=\"loading$ | async\" />\n      </div>\n      @if (exportHtmlClarifications !== '') {\n        <igo-custom-html [html]=\"exportHtmlClarifications\" />\n      }\n    </form>\n  } @else {\n    <section>\n      <h4>\n        {{ 'igo.geo.importExportForm.exportNoLayersExportable' | translate }}\n      </h4>\n    </section>\n  }\n}\n", styles: [":host{padding:16px;display:flex;flex-direction:column;gap:16px}:host mat-option.igo-export-layer-mat-option{height:5em;line-height:1em}:host .import-export-toggle mat-button-toggle-group{width:100%}:host .import-export-toggle mat-button-toggle-group mat-button-toggle{width:50%}:host .igo-input-container mat-form-field{width:100%}:host .igo-form-button-group{text-align:center}:host igo-spinner{position:absolute}:host .export-options mat-slide-toggle,:host .export-combine-layers mat-slide-toggle,:host .export-separator mat-slide-toggle{width:100%;padding:10px}:host .export-options mat-slide-toggle ::ng-deep .mdc-form-field,:host .export-combine-layers mat-slide-toggle ::ng-deep .mdc-form-field,:host .export-separator mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}:host .export-options mat-slide-toggle ::ng-deep .mdc-label,:host .export-combine-layers mat-slide-toggle ::ng-deep .mdc-label,:host .export-separator mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}:host .export-select-trigger{opacity:.75;font-size:.75em}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$4.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$4.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$3.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { 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: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: SpinnerComponent, selector: "igo-spinner", inputs: ["shown"] }, { kind: "component", type: CustomHtmlComponent, selector: "igo-custom-html", inputs: ["html"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1$3.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: MatInputModule }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ImportExportComponent, decorators: [{
             type: Component,
@@ -31233,7 +31233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                         MatInputModule,
                         AsyncPipe,
                         IgoLanguageModule
-                    ], providers: [ConfirmDialogService], template: "<div class=\"import-export-toggle\">\n  <mat-button-toggle-group\n    [value]=\"selectedMode()\"\n    (change)=\"onImportExportChange($event)\"\n  >\n    <mat-button-toggle [value]=\"'import'\">\n      {{ 'igo.geo.importExportForm.importTabTitle' | translate }}\n    </mat-button-toggle>\n    <mat-button-toggle [value]=\"'export'\">\n      {{ 'igo.geo.importExportForm.exportTabTitle' | translate }}\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n\n@if (selectedMode() === 'import') {\n  <form class=\"igo-form\" [formGroup]=\"importForm\">\n    <div class=\"igo-input-container\">\n      <mat-form-field>\n        <mat-label>{{\n          'igo.geo.importExportForm.importProjPlaceholder' | translate\n        }}</mat-label>\n        <mat-select [(value)]=\"inputProj\">\n          @for (projection of projections$ | async; track projection) {\n            <mat-option [value]=\"projection\" (click)=\"$event.stopPropagation()\">\n              @if (projection.translateKey) {\n                <span matListItemTitle>\n                  {{\n                    'igo.geo.importExportForm.projections.' +\n                      projection.translateKey | translate: projection\n                  }}\n                </span>\n              }\n              @if (!projection.translateKey) {\n                <span matListItemTitle>\n                  {{ projection.alias }}\n                </span>\n              }\n            </mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        importForm.invalid\n          ? ('igo.geo.importExportForm.projections.choose' | translate)\n          : ('igo.geo.importExportForm.importButton' | translate)\n      \"\n      class=\"igo-form-button-group\"\n    >\n      <button\n        [disabled]=\"importForm.invalid || (loading$ | async)\"\n        matButton=\"elevated\"\n        type=\"button\"\n        (click)=\"fileInput.click()\"\n      >\n        {{ 'igo.geo.importExportForm.importButton' | translate }}\n      </button>\n      <igo-spinner [shown]=\"loading$ | async\" />\n      <input\n        hidden\n        #fileInput\n        type=\"file\"\n        [style.display]=\"'none'\"\n        (click)=\"fileInput.value = null\"\n        (change)=\"importFiles($any($event.target).files)\"\n      />\n    </div>\n  </form>\n\n  <section>\n    @if (importHtmlClarifications === '') {\n      <div>\n        <h4>\n          {{ 'igo.geo.importExportForm.importClarifications' | translate }}\n        </h4>\n        <ul>\n          <li>\n            {{\n              'igo.geo.importExportForm.importSizeMax'\n                | translate: { size: fileSizeMb }\n            }}\n          </li>\n          <li>\n            {{ 'igo.geo.importExportForm.importFormatAuthorized' | translate }}\n          </li>\n          <li>{{ 'igo.geo.importExportForm.importShpZip' | translate }}</li>\n        </ul>\n      </div>\n    }\n    @if (importHtmlClarifications !== '') {\n      <igo-custom-html [html]=\"importHtmlClarifications\" />\n    }\n  </section>\n} @else if (selectedMode() === 'export') {\n  @let hasExports = (exportableLayers$ | async).length === 0;\n  @if (hasExports) {\n    <section>\n      <h4>\n        {{ 'igo.geo.importExportForm.exportNoLayersExportable' | translate }}\n      </h4>\n    </section>\n\n    <form class=\"igo-form\" [formGroup]=\"form\">\n      <div class=\"igo-input-container\">\n        <mat-form-field>\n          <mat-label>{{\n            'igo.geo.importExportForm.exportLayerPlaceholder' | translate\n          }}</mat-label>\n          <mat-select [(value)]=\"layers\" multiple>\n            <mat-select-trigger>\n              {{ layers.length ? getLayerTitleById(layers[0]) : '' }}\n              @if (layers.length > 1) {\n                <span class=\"export-select-trigger\">\n                  (+{{ layers.length - 1 }}\n                  {{\n                    (layers?.length === 2\n                      ? 'igo.geo.importExportForm.other'\n                      : 'igo.geo.importExportForm.others'\n                    ) | translate\n                  }})\n                </span>\n              }\n            </mat-select-trigger>\n            @for (layer of exportableLayers$ | async; track layer) {\n              <mat-option\n                [class.igo-export-layer-mat-option]=\"\n                  layerHasSelectedFeatures(layer)\n                \"\n                [value]=\"layer.id\"\n                (click)=\"$event.stopPropagation()\"\n              >\n                <span matListItemTitle>{{ layer.title }}</span>\n                <span matListItemTitle>\n                  @if (layerHasSelectedFeatures(layer)) {\n                    <mat-slide-toggle\n                      (click)=\"onlySelectedClick($event, layer.id)\"\n                      (checked)=\"inLayersIdToExportSelectionOnly(layer)\"\n                      (change)=\"onlySelected($event, layer.id)\"\n                    >\n                      <small>{{\n                        'igo.geo.importExportForm.exportSelectedFeature'\n                          | translate\n                      }}</small>\n                    </mat-slide-toggle>\n                  }\n                </span>\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      <div class=\"igo-input-container\">\n        <mat-form-field>\n          <mat-label>{{\n            'igo.geo.importExportForm.exportFormatPlaceholder' | translate\n          }}</mat-label>\n          <mat-select formControlName=\"format\">\n            @if ((formats$ | async).length !== 0) {\n              @for (format of formats$ | async; track format) {\n                <mat-option [value]=\"format\">\n                  {{ 'igo.geo.export.format.' + format | translate }}\n                </mat-option>\n              }\n            }\n            @if ((formats$ | async).length === 0) {\n              <mat-option disabled=\"true\">\n                {{ 'igo.geo.export.noFormat.title' | translate }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      @if (forceNaming && form.value.format !== 'URL') {\n        <div class=\"igo-input-container\">\n          <mat-form-field>\n            <input\n              matInput\n              formControlName=\"name\"\n              placeholder=\"{{\n                'igo.geo.importExportForm.exportFileNamePlaceholder' | translate\n              }}\"\n            />\n          </mat-form-field>\n        </div>\n      }\n      @if (this.isCsvExport(form.value.format)) {\n        <div class=\"igo-input-container\">\n          <mat-form-field>\n            <mat-label>{{ 'igo.geo.export.separator' | translate }}</mat-label>\n            <mat-select formControlName=\"csvSeparator\">\n              @for (separator of csvSeparators; track separator) {\n                <mat-option [value]=\"separator\">\n                  {{ 'igo.geo.export.csv.separator.' + separator | translate }}\n                </mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n        </div>\n        @if (layers.length > 1) {\n          <div class=\"export-combine-layers\">\n            <mat-slide-toggle\n              formControlName=\"combineLayers\"\n              [labelPosition]=\"'before'\"\n            >\n              {{ 'igo.geo.importExportForm.exportCombineResults' | translate }}\n            </mat-slide-toggle>\n          </div>\n        }\n        @if (layers.length > 1 && form.value.combineLayers) {\n          <div class=\"export-separator\">\n            <mat-slide-toggle\n              formControlName=\"separator\"\n              [labelPosition]=\"'before'\"\n            >\n              {{ 'igo.geo.importExportForm.exportSeparator' | translate }}\n            </mat-slide-toggle>\n          </div>\n        }\n      }\n      @if (form.value.format !== 'URL') {\n        <div class=\"export-options\">\n          <mat-slide-toggle\n            formControlName=\"featureInMapExtent\"\n            [labelPosition]=\"'before'\"\n          >\n            {{ 'igo.geo.importExportForm.exportFeatureInExtent' | translate }}\n          </mat-slide-toggle>\n        </div>\n      }\n      <div class=\"igo-form-button-group\">\n        <button\n          matButton=\"elevated\"\n          type=\"button\"\n          [disabled]=\"!form.valid || (loading$ | async)\"\n          (click)=\"handleExportFormSubmit(form.value)\"\n        >\n          {{\n            form.value.format !== 'URL'\n              ? ('igo.geo.importExportForm.exportButton' | translate)\n              : form.value.layers.length > 1\n                ? ('igo.geo.importExportForm.exportButtonLinks' | translate)\n                : ('igo.geo.importExportForm.exportButtonLink' | translate)\n          }}\n        </button>\n        <igo-spinner [shown]=\"loading$ | async\" />\n      </div>\n      @if (exportHtmlClarifications !== '') {\n        <igo-custom-html [html]=\"exportHtmlClarifications\" />\n      }\n    </form>\n  }\n}\n", styles: [":host{padding:16px;display:flex;flex-direction:column;gap:16px}:host mat-option.igo-export-layer-mat-option{height:5em;line-height:1em}:host .import-export-toggle mat-button-toggle-group{width:100%}:host .import-export-toggle mat-button-toggle-group mat-button-toggle{width:50%}:host .igo-input-container mat-form-field{width:100%}:host .igo-form-button-group{text-align:center}:host igo-spinner{position:absolute}:host .export-options mat-slide-toggle,:host .export-combine-layers mat-slide-toggle,:host .export-separator mat-slide-toggle{width:100%;padding:10px}:host .export-options mat-slide-toggle ::ng-deep .mdc-form-field,:host .export-combine-layers mat-slide-toggle ::ng-deep .mdc-form-field,:host .export-separator mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}:host .export-options mat-slide-toggle ::ng-deep .mdc-label,:host .export-combine-layers mat-slide-toggle ::ng-deep .mdc-label,:host .export-separator mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}:host .export-select-trigger{opacity:.75;font-size:.75em}\n"] }]
+                    ], providers: [ConfirmDialogService], template: "<div class=\"import-export-toggle\">\n  <mat-button-toggle-group\n    [value]=\"selectedMode()\"\n    (change)=\"onImportExportChange($event)\"\n  >\n    <mat-button-toggle [value]=\"'import'\">\n      {{ 'igo.geo.importExportForm.importTabTitle' | translate }}\n    </mat-button-toggle>\n    <mat-button-toggle [value]=\"'export'\">\n      {{ 'igo.geo.importExportForm.exportTabTitle' | translate }}\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n\n@if (selectedMode() === 'import') {\n  <form class=\"igo-form\" [formGroup]=\"importForm\">\n    <div class=\"igo-input-container\">\n      <mat-form-field>\n        <mat-label>{{\n          'igo.geo.importExportForm.importProjPlaceholder' | translate\n        }}</mat-label>\n        <mat-select [(value)]=\"inputProj\">\n          @for (projection of projections$ | async; track projection) {\n            <mat-option [value]=\"projection\" (click)=\"$event.stopPropagation()\">\n              @if (projection.translateKey) {\n                <span matListItemTitle>\n                  {{\n                    'igo.geo.importExportForm.projections.' +\n                      projection.translateKey | translate: projection\n                  }}\n                </span>\n              }\n              @if (!projection.translateKey) {\n                <span matListItemTitle>\n                  {{ projection.alias }}\n                </span>\n              }\n            </mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div\n      tooltip-position=\"below\"\n      matTooltipShowDelay=\"500\"\n      [matTooltip]=\"\n        importForm.invalid\n          ? ('igo.geo.importExportForm.projections.choose' | translate)\n          : ('igo.geo.importExportForm.importButton' | translate)\n      \"\n      class=\"igo-form-button-group\"\n    >\n      <button\n        [disabled]=\"importForm.invalid || (loading$ | async)\"\n        matButton=\"elevated\"\n        type=\"button\"\n        (click)=\"fileInput.click()\"\n      >\n        {{ 'igo.geo.importExportForm.importButton' | translate }}\n      </button>\n      <igo-spinner [shown]=\"loading$ | async\" />\n      <input\n        hidden\n        #fileInput\n        type=\"file\"\n        [style.display]=\"'none'\"\n        (click)=\"fileInput.value = null\"\n        (change)=\"importFiles($any($event.target).files)\"\n      />\n    </div>\n  </form>\n\n  <section>\n    @if (importHtmlClarifications === '') {\n      <div>\n        <h4>\n          {{ 'igo.geo.importExportForm.importClarifications' | translate }}\n        </h4>\n        <ul>\n          <li>\n            {{\n              'igo.geo.importExportForm.importSizeMax'\n                | translate: { size: fileSizeMb }\n            }}\n          </li>\n          <li>\n            {{ 'igo.geo.importExportForm.importFormatAuthorized' | translate }}\n          </li>\n          <li>{{ 'igo.geo.importExportForm.importShpZip' | translate }}</li>\n        </ul>\n      </div>\n    }\n    @if (importHtmlClarifications !== '') {\n      <igo-custom-html [html]=\"importHtmlClarifications\" />\n    }\n  </section>\n} @else if (selectedMode() === 'export') {\n  @let hasExports = (exportableLayers$ | async)?.length;\n  @if (hasExports) {\n    <form class=\"igo-form\" [formGroup]=\"form\">\n      <div class=\"igo-input-container\">\n        <mat-form-field>\n          <mat-label>{{\n            'igo.geo.importExportForm.exportLayerPlaceholder' | translate\n          }}</mat-label>\n          <mat-select [(value)]=\"layers\" multiple>\n            <mat-select-trigger>\n              {{ layers.length ? getLayerTitleById(layers[0]) : '' }}\n              @if (layers.length > 1) {\n                <span class=\"export-select-trigger\">\n                  (+{{ layers.length - 1 }}\n                  {{\n                    (layers?.length === 2\n                      ? 'igo.geo.importExportForm.other'\n                      : 'igo.geo.importExportForm.others'\n                    ) | translate\n                  }})\n                </span>\n              }\n            </mat-select-trigger>\n            @for (layer of exportableLayers$ | async; track layer) {\n              <mat-option\n                [class.igo-export-layer-mat-option]=\"\n                  layerHasSelectedFeatures(layer)\n                \"\n                [value]=\"layer.id\"\n                (click)=\"$event.stopPropagation()\"\n              >\n                <span matListItemTitle>{{ layer.title }}</span>\n                <span matListItemTitle>\n                  @if (layerHasSelectedFeatures(layer)) {\n                    <mat-slide-toggle\n                      (click)=\"onlySelectedClick($event, layer.id)\"\n                      (checked)=\"inLayersIdToExportSelectionOnly(layer)\"\n                      (change)=\"onlySelected($event, layer.id)\"\n                    >\n                      <small>{{\n                        'igo.geo.importExportForm.exportSelectedFeature'\n                          | translate\n                      }}</small>\n                    </mat-slide-toggle>\n                  }\n                </span>\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      <div class=\"igo-input-container\">\n        <mat-form-field>\n          <mat-label>{{\n            'igo.geo.importExportForm.exportFormatPlaceholder' | translate\n          }}</mat-label>\n          <mat-select formControlName=\"format\">\n            @if ((formats$ | async).length !== 0) {\n              @for (format of formats$ | async; track format) {\n                <mat-option [value]=\"format\">\n                  {{ 'igo.geo.export.format.' + format | translate }}\n                </mat-option>\n              }\n            }\n            @if ((formats$ | async).length === 0) {\n              <mat-option disabled=\"true\">\n                {{ 'igo.geo.export.noFormat.title' | translate }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      @if (forceNaming && form.value.format !== 'URL') {\n        <div class=\"igo-input-container\">\n          <mat-form-field>\n            <input\n              matInput\n              formControlName=\"name\"\n              placeholder=\"{{\n                'igo.geo.importExportForm.exportFileNamePlaceholder' | translate\n              }}\"\n            />\n          </mat-form-field>\n        </div>\n      }\n      @if (this.isCsvExport(form.value.format)) {\n        <div class=\"igo-input-container\">\n          <mat-form-field>\n            <mat-label>{{ 'igo.geo.export.separator' | translate }}</mat-label>\n            <mat-select formControlName=\"csvSeparator\">\n              @for (separator of csvSeparators; track separator) {\n                <mat-option [value]=\"separator\">\n                  {{ 'igo.geo.export.csv.separator.' + separator | translate }}\n                </mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n        </div>\n        @if (layers.length > 1) {\n          <div class=\"export-combine-layers\">\n            <mat-slide-toggle\n              formControlName=\"combineLayers\"\n              [labelPosition]=\"'before'\"\n            >\n              {{ 'igo.geo.importExportForm.exportCombineResults' | translate }}\n            </mat-slide-toggle>\n          </div>\n        }\n        @if (layers.length > 1 && form.value.combineLayers) {\n          <div class=\"export-separator\">\n            <mat-slide-toggle\n              formControlName=\"separator\"\n              [labelPosition]=\"'before'\"\n            >\n              {{ 'igo.geo.importExportForm.exportSeparator' | translate }}\n            </mat-slide-toggle>\n          </div>\n        }\n      }\n      @if (form.value.format !== 'URL') {\n        <div class=\"export-options\">\n          <mat-slide-toggle\n            formControlName=\"featureInMapExtent\"\n            [labelPosition]=\"'before'\"\n          >\n            {{ 'igo.geo.importExportForm.exportFeatureInExtent' | translate }}\n          </mat-slide-toggle>\n        </div>\n      }\n      <div class=\"igo-form-button-group\">\n        <button\n          matButton=\"elevated\"\n          type=\"button\"\n          [disabled]=\"!form.valid || (loading$ | async)\"\n          (click)=\"handleExportFormSubmit(form.value)\"\n        >\n          {{\n            form.value.format !== 'URL'\n              ? ('igo.geo.importExportForm.exportButton' | translate)\n              : form.value.layers.length > 1\n                ? ('igo.geo.importExportForm.exportButtonLinks' | translate)\n                : ('igo.geo.importExportForm.exportButtonLink' | translate)\n          }}\n        </button>\n        <igo-spinner [shown]=\"loading$ | async\" />\n      </div>\n      @if (exportHtmlClarifications !== '') {\n        <igo-custom-html [html]=\"exportHtmlClarifications\" />\n      }\n    </form>\n  } @else {\n    <section>\n      <h4>\n        {{ 'igo.geo.importExportForm.exportNoLayersExportable' | translate }}\n      </h4>\n    </section>\n  }\n}\n", styles: [":host{padding:16px;display:flex;flex-direction:column;gap:16px}:host mat-option.igo-export-layer-mat-option{height:5em;line-height:1em}:host .import-export-toggle mat-button-toggle-group{width:100%}:host .import-export-toggle mat-button-toggle-group mat-button-toggle{width:50%}:host .igo-input-container mat-form-field{width:100%}:host .igo-form-button-group{text-align:center}:host igo-spinner{position:absolute}:host .export-options mat-slide-toggle,:host .export-combine-layers mat-slide-toggle,:host .export-separator mat-slide-toggle{width:100%;padding:10px}:host .export-options mat-slide-toggle ::ng-deep .mdc-form-field,:host .export-combine-layers mat-slide-toggle ::ng-deep .mdc-form-field,:host .export-separator mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}:host .export-options mat-slide-toggle ::ng-deep .mdc-label,:host .export-combine-layers mat-slide-toggle ::ng-deep .mdc-label,:host .export-separator mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}:host .export-select-trigger{opacity:.75;font-size:.75em}\n"] }]
         }], ctorParameters: () => [], propDecorators: { selectFirstProj: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectFirstProj", required: false }] }], map: [{ type: i0.Input, args: [{ isSignal: true, alias: "map", required: false }] }], contextUri: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextUri", required: false }] }], projectionsLimitations: [{ type: i0.Input, args: [{ isSignal: true, alias: "projectionsLimitations", required: false }] }], store: [{ type: i0.Input, args: [{ isSignal: true, alias: "store", required: false }] }], selectedMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedMode", required: false }] }, { type: i0.Output, args: ["selectedModeChange"] }], selectMode: [{ type: i0.Output, args: ["selectMode"] }], exportOptions$: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportOptions$", required: false }] }], exportOptionsChange: [{ type: i0.Output, args: ["exportOptionsChange"] }] } });
 
 class DropGeoFileDirective extends DragAndDropDirective {
@@ -36193,7 +36193,7 @@ class InteractiveSelectionFormComponent {
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: InteractiveSelectionFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: InteractiveSelectionFormComponent, isStandalone: true, selector: "igo-interactive-selection", inputs: { map: { classPropertyName: "map", publicName: "map", isSignal: true, isRequired: false, transformFunction: null }, workspace: { classPropertyName: "workspace", publicName: "workspace", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { complete: "complete", cancel: "cancel" }, ngImport: i0, template: "@if (form$ | async; as form) {\n  <igo-form\n    [form]=\"form\"\n    [formData]=\"data$ | async\"\n    (submitForm)=\"onSubmit($event)\"\n  >\n    @if (form.fields.length) {\n      <div class=\"form-container\">\n        @for (field of form.fields; track field) {\n          <igo-form-field [field]=\"field\" />\n        }\n      </div>\n    }\n    <div formButtons class=\"actions-container\">\n      <button\n        mat-stroked-button\n        type=\"button\"\n        color=\"primary\"\n        (click)=\"clear()\"\n      >\n        {{\n          'igo.geo.workspace.widget.interactiveSelection.reset.button'\n            | translate\n        }}\n      </button>\n      <button\n        matButton=\"filled\"\n        type=\"submit\"\n        color=\"primary\"\n        [disabled]=\"submitDisabled\"\n      >\n        {{ submitButtonText$ | async | translate }}\n      </button>\n    </div>\n  </igo-form>\n}\n", styles: [":host .actions-container button:not(:last-child){margin-right:8px}:host .form-container{width:100%;padding:10px}:host .form-container igo-form-field{display:block;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "component", type: FormComponent, selector: "igo-form", inputs: ["form", "formData", "autocomplete"], outputs: ["submitForm"] }, { kind: "component", type: FormFieldComponent, selector: "igo-form-field", inputs: ["field"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: InteractiveSelectionFormComponent, isStandalone: true, selector: "igo-interactive-selection", inputs: { map: { classPropertyName: "map", publicName: "map", isSignal: true, isRequired: false, transformFunction: null }, workspace: { classPropertyName: "workspace", publicName: "workspace", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { complete: "complete", cancel: "cancel" }, ngImport: i0, template: "@if (form$ | async; as form) {\n  <igo-form\n    [form]=\"form\"\n    [formData]=\"$any(data$ | async)\"\n    (submitForm)=\"onSubmit($event)\"\n  >\n    @if (form.fields.length) {\n      <div class=\"form-container\">\n        @for (field of form.fields; track field) {\n          <igo-form-field [field]=\"field\" />\n        }\n      </div>\n    }\n    <div formButtons class=\"actions-container\">\n      <button\n        mat-stroked-button\n        type=\"button\"\n        color=\"primary\"\n        (click)=\"clear()\"\n      >\n        {{\n          'igo.geo.workspace.widget.interactiveSelection.reset.button'\n            | translate\n        }}\n      </button>\n      <button\n        matButton=\"filled\"\n        type=\"submit\"\n        color=\"primary\"\n        [disabled]=\"submitDisabled\"\n      >\n        {{ submitButtonText$ | async | translate }}\n      </button>\n    </div>\n  </igo-form>\n}\n", styles: [":host .actions-container button:not(:last-child){margin-right:8px}:host .form-container{width:100%;padding:10px}:host .form-container igo-form-field{display:block;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "component", type: FormComponent, selector: "igo-form", inputs: ["form", "formData", "autocomplete"], outputs: ["submitForm"] }, { kind: "component", type: FormFieldComponent, selector: "igo-form-field", inputs: ["field"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: InteractiveSelectionFormComponent, decorators: [{
             type: Component,
@@ -36203,7 +36203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                         FormComponent,
                         FormFieldComponent,
                         AsyncPipe
-                    ], template: "@if (form$ | async; as form) {\n  <igo-form\n    [form]=\"form\"\n    [formData]=\"data$ | async\"\n    (submitForm)=\"onSubmit($event)\"\n  >\n    @if (form.fields.length) {\n      <div class=\"form-container\">\n        @for (field of form.fields; track field) {\n          <igo-form-field [field]=\"field\" />\n        }\n      </div>\n    }\n    <div formButtons class=\"actions-container\">\n      <button\n        mat-stroked-button\n        type=\"button\"\n        color=\"primary\"\n        (click)=\"clear()\"\n      >\n        {{\n          'igo.geo.workspace.widget.interactiveSelection.reset.button'\n            | translate\n        }}\n      </button>\n      <button\n        matButton=\"filled\"\n        type=\"submit\"\n        color=\"primary\"\n        [disabled]=\"submitDisabled\"\n      >\n        {{ submitButtonText$ | async | translate }}\n      </button>\n    </div>\n  </igo-form>\n}\n", styles: [":host .actions-container button:not(:last-child){margin-right:8px}:host .form-container{width:100%;padding:10px}:host .form-container igo-form-field{display:block;height:auto}\n"] }]
+                    ], template: "@if (form$ | async; as form) {\n  <igo-form\n    [form]=\"form\"\n    [formData]=\"$any(data$ | async)\"\n    (submitForm)=\"onSubmit($event)\"\n  >\n    @if (form.fields.length) {\n      <div class=\"form-container\">\n        @for (field of form.fields; track field) {\n          <igo-form-field [field]=\"field\" />\n        }\n      </div>\n    }\n    <div formButtons class=\"actions-container\">\n      <button\n        mat-stroked-button\n        type=\"button\"\n        color=\"primary\"\n        (click)=\"clear()\"\n      >\n        {{\n          'igo.geo.workspace.widget.interactiveSelection.reset.button'\n            | translate\n        }}\n      </button>\n      <button\n        matButton=\"filled\"\n        type=\"submit\"\n        color=\"primary\"\n        [disabled]=\"submitDisabled\"\n      >\n        {{ submitButtonText$ | async | translate }}\n      </button>\n    </div>\n  </igo-form>\n}\n", styles: [":host .actions-container button:not(:last-child){margin-right:8px}:host .form-container{width:100%;padding:10px}:host .form-container igo-form-field{display:block;height:auto}\n"] }]
         }], propDecorators: { map: [{ type: i0.Input, args: [{ isSignal: true, alias: "map", required: false }] }], workspace: [{ type: i0.Input, args: [{ isSignal: true, alias: "workspace", required: false }] }], complete: [{ type: i0.Output, args: ["complete"] }], cancel: [{ type: i0.Output, args: ["cancel"] }] } });
 
 const OgcFilterWidget = new InjectionToken('OgcFilterWidget');
@@ -39857,7 +39857,7 @@ class AddCatalogDialogComponent {
             .every((e) => e);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AddCatalogDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: AddCatalogDialogComponent, isStandalone: true, selector: "igo-add-catalog-dialog", ngImport: i0, template: "<h4>{{ 'igo.geo.catalog.library.addBtn' | translate }}</h4>\n\n<ng-template #customTab>\n  @let form = customForm$ | async;\n\n  @if (form) {\n    <igo-form\n      [form]=\"form\"\n      [formData]=\"customData$ | async\"\n      (submitForm)=\"onCustomSubmit($any($event))\"\n    >\n      @if (form.fields.length) {\n        <div class=\"form-container\">\n          @for (field of form.fields; track field) {\n            <igo-form-field [field]=\"field\" />\n          }\n        </div>\n      }\n      <div formButtons class=\"actions-container\">\n        <button\n          matButton=\"outlined\"\n          type=\"button\"\n          color=\"primary\"\n          (click)=\"dialogRef.close()\"\n        >\n          {{ 'igo.geo.catalog.library.cancel' | translate }}\n        </button>\n        <button matButton=\"filled\" type=\"submit\" color=\"primary\">\n          {{ 'igo.geo.catalog.library.add' | translate }}\n        </button>\n      </div>\n    </igo-form>\n  }\n</ng-template>\n\n@if (data.predefinedCatalogs.length) {\n  <mat-tab-group\n    [selectedIndex]=\"\n      !data.addedCatalog ||\n      (data.error && data.isPredefinedCatalog && data.predefinedCatalogs.length)\n        ? 0\n        : 1\n    \"\n  >\n    <mat-tab [label]=\"'igo.geo.catalog.library.predefined' | translate\">\n      @let form = predefinedForm$ | async;\n\n      @if (form) {\n        <igo-form\n          [form]=\"form\"\n          [formData]=\"data$ | async\"\n          (submitForm)=\"onPredefinedSubmit($any($event))\"\n        >\n          @if (form.fields.length) {\n            <div class=\"form-container\">\n              @for (field of form.fields; track field) {\n                <igo-form-field [field]=\"field\" />\n              }\n            </div>\n          }\n          <div formButtons class=\"actions-container\">\n            <button\n              matButton=\"outlined\"\n              type=\"button\"\n              color=\"primary\"\n              (click)=\"dialogRef.close()\"\n            >\n              {{ 'igo.geo.catalog.library.cancel' | translate }}\n            </button>\n            <button matButton=\"filled\" type=\"submit\" color=\"primary\">\n              {{ 'igo.geo.catalog.library.add' | translate }}\n            </button>\n          </div>\n        </igo-form>\n      }\n    </mat-tab>\n\n    <mat-tab [label]=\"'igo.geo.catalog.library.custom' | translate\">\n      <ng-container *ngTemplateOutlet=\"customTab\" />\n    </mat-tab>\n  </mat-tab-group>\n} @else {\n  <ng-container *ngTemplateOutlet=\"customTab\" />\n}\n\n@if (data.error && data.addedCatalog) {\n  <p class=\"error\">\n    {{\n      emailAddress\n        ? languageService.translate.instant(\n            'igo.geo.catalog.externalProvider.unavailableWithEmail',\n            { value: data.addedCatalog.url, email: emailAddress }\n          )\n        : languageService.translate.instant('igo.geo.catalog.unavailable', {\n            value: data.addedCatalog.url\n          })\n    }}\n  </p>\n}\n", styles: ["h4{padding:0 12px}mat-tab-group{padding:12px}igo-form{overflow:hidden;padding:0 12px 12px}.actions-container{display:flex;justify-content:flex-end;column-gap:8px}.form-container{width:100%;height:auto;padding-top:12px}.form-container igo-form-field{display:block;height:auto}.error{overflow-wrap:break-word;padding:0 20px;color:red}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i1$5.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1$5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatListModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "component", type: FormComponent, selector: "igo-form", inputs: ["form", "formData", "autocomplete"], outputs: ["submitForm"] }, { kind: "component", type: FormFieldComponent, selector: "igo-form-field", inputs: ["field"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: AddCatalogDialogComponent, isStandalone: true, selector: "igo-add-catalog-dialog", ngImport: i0, template: "<h4>{{ 'igo.geo.catalog.library.addBtn' | translate }}</h4>\n\n<ng-template #customTab>\n  @let form = customForm$ | async;\n\n  @if (form) {\n    <igo-form\n      [form]=\"form\"\n      [formData]=\"$any(customData$ | async)\"\n      (submitForm)=\"onCustomSubmit($any($event))\"\n    >\n      @if (form.fields.length) {\n        <div class=\"form-container\">\n          @for (field of form.fields; track field) {\n            <igo-form-field [field]=\"field\" />\n          }\n        </div>\n      }\n      <div formButtons class=\"actions-container\">\n        <button\n          matButton=\"outlined\"\n          type=\"button\"\n          color=\"primary\"\n          (click)=\"dialogRef.close()\"\n        >\n          {{ 'igo.geo.catalog.library.cancel' | translate }}\n        </button>\n        <button matButton=\"filled\" type=\"submit\" color=\"primary\">\n          {{ 'igo.geo.catalog.library.add' | translate }}\n        </button>\n      </div>\n    </igo-form>\n  }\n</ng-template>\n\n@if (data.predefinedCatalogs.length) {\n  <mat-tab-group\n    [selectedIndex]=\"\n      !data.addedCatalog ||\n      (data.error && data.isPredefinedCatalog && data.predefinedCatalogs.length)\n        ? 0\n        : 1\n    \"\n  >\n    <mat-tab [label]=\"'igo.geo.catalog.library.predefined' | translate\">\n      @let form = predefinedForm$ | async;\n\n      @if (form) {\n        <igo-form\n          [form]=\"form\"\n          [formData]=\"$any(data$ | async)\"\n          (submitForm)=\"onPredefinedSubmit($any($event))\"\n        >\n          @if (form.fields.length) {\n            <div class=\"form-container\">\n              @for (field of form.fields; track field) {\n                <igo-form-field [field]=\"field\" />\n              }\n            </div>\n          }\n          <div formButtons class=\"actions-container\">\n            <button\n              matButton=\"outlined\"\n              type=\"button\"\n              color=\"primary\"\n              (click)=\"dialogRef.close()\"\n            >\n              {{ 'igo.geo.catalog.library.cancel' | translate }}\n            </button>\n            <button matButton=\"filled\" type=\"submit\" color=\"primary\">\n              {{ 'igo.geo.catalog.library.add' | translate }}\n            </button>\n          </div>\n        </igo-form>\n      }\n    </mat-tab>\n\n    <mat-tab [label]=\"'igo.geo.catalog.library.custom' | translate\">\n      <ng-container *ngTemplateOutlet=\"customTab\" />\n    </mat-tab>\n  </mat-tab-group>\n} @else {\n  <ng-container *ngTemplateOutlet=\"customTab\" />\n}\n\n@if (data.error && data.addedCatalog) {\n  <p class=\"error\">\n    {{\n      emailAddress\n        ? languageService.translate.instant(\n            'igo.geo.catalog.externalProvider.unavailableWithEmail',\n            { value: data.addedCatalog.url, email: emailAddress }\n          )\n        : languageService.translate.instant('igo.geo.catalog.unavailable', {\n            value: data.addedCatalog.url\n          })\n    }}\n  </p>\n}\n", styles: ["h4{padding:0 12px}mat-tab-group{padding:12px}igo-form{overflow:hidden;padding:0 12px 12px}.actions-container{display:flex;justify-content:flex-end;column-gap:8px}.form-container{width:100%;height:auto;padding-top:12px}.form-container igo-form-field{display:block;height:auto}.error{overflow-wrap:break-word;padding:0 20px;color:red}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i1$5.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1$5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatListModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "component", type: FormComponent, selector: "igo-form", inputs: ["form", "formData", "autocomplete"], outputs: ["submitForm"] }, { kind: "component", type: FormFieldComponent, selector: "igo-form-field", inputs: ["field"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AddCatalogDialogComponent, decorators: [{
             type: Component,
@@ -39878,7 +39878,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                         FormComponent,
                         FormFieldComponent,
                         NgTemplateOutlet
-                    ], template: "<h4>{{ 'igo.geo.catalog.library.addBtn' | translate }}</h4>\n\n<ng-template #customTab>\n  @let form = customForm$ | async;\n\n  @if (form) {\n    <igo-form\n      [form]=\"form\"\n      [formData]=\"customData$ | async\"\n      (submitForm)=\"onCustomSubmit($any($event))\"\n    >\n      @if (form.fields.length) {\n        <div class=\"form-container\">\n          @for (field of form.fields; track field) {\n            <igo-form-field [field]=\"field\" />\n          }\n        </div>\n      }\n      <div formButtons class=\"actions-container\">\n        <button\n          matButton=\"outlined\"\n          type=\"button\"\n          color=\"primary\"\n          (click)=\"dialogRef.close()\"\n        >\n          {{ 'igo.geo.catalog.library.cancel' | translate }}\n        </button>\n        <button matButton=\"filled\" type=\"submit\" color=\"primary\">\n          {{ 'igo.geo.catalog.library.add' | translate }}\n        </button>\n      </div>\n    </igo-form>\n  }\n</ng-template>\n\n@if (data.predefinedCatalogs.length) {\n  <mat-tab-group\n    [selectedIndex]=\"\n      !data.addedCatalog ||\n      (data.error && data.isPredefinedCatalog && data.predefinedCatalogs.length)\n        ? 0\n        : 1\n    \"\n  >\n    <mat-tab [label]=\"'igo.geo.catalog.library.predefined' | translate\">\n      @let form = predefinedForm$ | async;\n\n      @if (form) {\n        <igo-form\n          [form]=\"form\"\n          [formData]=\"data$ | async\"\n          (submitForm)=\"onPredefinedSubmit($any($event))\"\n        >\n          @if (form.fields.length) {\n            <div class=\"form-container\">\n              @for (field of form.fields; track field) {\n                <igo-form-field [field]=\"field\" />\n              }\n            </div>\n          }\n          <div formButtons class=\"actions-container\">\n            <button\n              matButton=\"outlined\"\n              type=\"button\"\n              color=\"primary\"\n              (click)=\"dialogRef.close()\"\n            >\n              {{ 'igo.geo.catalog.library.cancel' | translate }}\n            </button>\n            <button matButton=\"filled\" type=\"submit\" color=\"primary\">\n              {{ 'igo.geo.catalog.library.add' | translate }}\n            </button>\n          </div>\n        </igo-form>\n      }\n    </mat-tab>\n\n    <mat-tab [label]=\"'igo.geo.catalog.library.custom' | translate\">\n      <ng-container *ngTemplateOutlet=\"customTab\" />\n    </mat-tab>\n  </mat-tab-group>\n} @else {\n  <ng-container *ngTemplateOutlet=\"customTab\" />\n}\n\n@if (data.error && data.addedCatalog) {\n  <p class=\"error\">\n    {{\n      emailAddress\n        ? languageService.translate.instant(\n            'igo.geo.catalog.externalProvider.unavailableWithEmail',\n            { value: data.addedCatalog.url, email: emailAddress }\n          )\n        : languageService.translate.instant('igo.geo.catalog.unavailable', {\n            value: data.addedCatalog.url\n          })\n    }}\n  </p>\n}\n", styles: ["h4{padding:0 12px}mat-tab-group{padding:12px}igo-form{overflow:hidden;padding:0 12px 12px}.actions-container{display:flex;justify-content:flex-end;column-gap:8px}.form-container{width:100%;height:auto;padding-top:12px}.form-container igo-form-field{display:block;height:auto}.error{overflow-wrap:break-word;padding:0 20px;color:red}\n"] }]
+                    ], template: "<h4>{{ 'igo.geo.catalog.library.addBtn' | translate }}</h4>\n\n<ng-template #customTab>\n  @let form = customForm$ | async;\n\n  @if (form) {\n    <igo-form\n      [form]=\"form\"\n      [formData]=\"$any(customData$ | async)\"\n      (submitForm)=\"onCustomSubmit($any($event))\"\n    >\n      @if (form.fields.length) {\n        <div class=\"form-container\">\n          @for (field of form.fields; track field) {\n            <igo-form-field [field]=\"field\" />\n          }\n        </div>\n      }\n      <div formButtons class=\"actions-container\">\n        <button\n          matButton=\"outlined\"\n          type=\"button\"\n          color=\"primary\"\n          (click)=\"dialogRef.close()\"\n        >\n          {{ 'igo.geo.catalog.library.cancel' | translate }}\n        </button>\n        <button matButton=\"filled\" type=\"submit\" color=\"primary\">\n          {{ 'igo.geo.catalog.library.add' | translate }}\n        </button>\n      </div>\n    </igo-form>\n  }\n</ng-template>\n\n@if (data.predefinedCatalogs.length) {\n  <mat-tab-group\n    [selectedIndex]=\"\n      !data.addedCatalog ||\n      (data.error && data.isPredefinedCatalog && data.predefinedCatalogs.length)\n        ? 0\n        : 1\n    \"\n  >\n    <mat-tab [label]=\"'igo.geo.catalog.library.predefined' | translate\">\n      @let form = predefinedForm$ | async;\n\n      @if (form) {\n        <igo-form\n          [form]=\"form\"\n          [formData]=\"$any(data$ | async)\"\n          (submitForm)=\"onPredefinedSubmit($any($event))\"\n        >\n          @if (form.fields.length) {\n            <div class=\"form-container\">\n              @for (field of form.fields; track field) {\n                <igo-form-field [field]=\"field\" />\n              }\n            </div>\n          }\n          <div formButtons class=\"actions-container\">\n            <button\n              matButton=\"outlined\"\n              type=\"button\"\n              color=\"primary\"\n              (click)=\"dialogRef.close()\"\n            >\n              {{ 'igo.geo.catalog.library.cancel' | translate }}\n            </button>\n            <button matButton=\"filled\" type=\"submit\" color=\"primary\">\n              {{ 'igo.geo.catalog.library.add' | translate }}\n            </button>\n          </div>\n        </igo-form>\n      }\n    </mat-tab>\n\n    <mat-tab [label]=\"'igo.geo.catalog.library.custom' | translate\">\n      <ng-container *ngTemplateOutlet=\"customTab\" />\n    </mat-tab>\n  </mat-tab-group>\n} @else {\n  <ng-container *ngTemplateOutlet=\"customTab\" />\n}\n\n@if (data.error && data.addedCatalog) {\n  <p class=\"error\">\n    {{\n      emailAddress\n        ? languageService.translate.instant(\n            'igo.geo.catalog.externalProvider.unavailableWithEmail',\n            { value: data.addedCatalog.url, email: emailAddress }\n          )\n        : languageService.translate.instant('igo.geo.catalog.unavailable', {\n            value: data.addedCatalog.url\n          })\n    }}\n  </p>\n}\n", styles: ["h4{padding:0 12px}mat-tab-group{padding:12px}igo-form{overflow:hidden;padding:0 12px 12px}.actions-container{display:flex;justify-content:flex-end;column-gap:8px}.form-container{width:100%;height:auto;padding-top:12px}.form-container igo-form-field{display:block;height:auto}.error{overflow-wrap:break-word;padding:0 20px;color:red}\n"] }]
         }] });
 
 /**