@igo2/geo 21.0.0-next.53 → 21.0.0-next.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1708,6 +1708,15 @@ class OGCFilterService {
1708
1708
  }
1709
1709
  buildAdvancedOgcFilters(options, ogcFilterWriter) {
1710
1710
  const { ogcFilters, fieldNameGeometry } = options;
1711
+ if (!ogcFilters.interfaceOgcFilters?.length && ogcFilters.filters) {
1712
+ // First load (ex: from a context): seed the interface sequence from the
1713
+ // configured filters instead of rebuilding them from an empty sequence,
1714
+ // which would wipe them out.
1715
+ ogcFilters.filters = ogcFilterWriter.checkIgoFiltersProperties(ogcFilters.filters, fieldNameGeometry, undefined, true);
1716
+ ogcFilters.interfaceOgcFilters =
1717
+ ogcFilterWriter.defineInterfaceFilterSequence(ogcFilters.filters, fieldNameGeometry);
1718
+ return ogcFilterWriter.buildFilter(ogcFilters.filters, undefined, undefined, undefined, options);
1719
+ }
1711
1720
  const currentFilters = ogcFilters.interfaceOgcFilters ?? [];
1712
1721
  // Build the sequence using writer
1713
1722
  const newFilterSequence = ogcFilterWriter.defineInterfaceFilterSequence(currentFilters, fieldNameGeometry);
@@ -33636,9 +33645,13 @@ class CoordinatesReverseSearchSource extends SearchSource {
33636
33645
  const projections = directProjections ?? config?.getConfig('projections') ?? [];
33637
33646
  super(options, storageService);
33638
33647
  this.projections = projections;
33639
- this.languageService.language$.subscribe(() => {
33640
- this.title$.next(this.languageService.translate.instant(this.options.title));
33641
- });
33648
+ if (this.options.title) {
33649
+ this.languageService.translate
33650
+ .get(this.options.title)
33651
+ .subscribe((title) => {
33652
+ this.title$.next(title);
33653
+ });
33654
+ }
33642
33655
  }
33643
33656
  getId() {
33644
33657
  return CoordinatesReverseSearchSource.id;
@@ -33939,9 +33952,13 @@ class IChercheSearchSource extends SearchSource {
33939
33952
  if (this.settings.length) {
33940
33953
  this.getAllowedTypes();
33941
33954
  }
33942
- this.languageService.language$.subscribe(() => {
33943
- this.title$.next(this.languageService.translate.instant(this.options.title ?? ''));
33944
- });
33955
+ if (this.options.title) {
33956
+ this.languageService.translate
33957
+ .get(this.options.title)
33958
+ .subscribe((title) => {
33959
+ this.title$.next(title);
33960
+ });
33961
+ }
33945
33962
  }
33946
33963
  getId() {
33947
33964
  return IChercheSearchSource.id;
@@ -34472,9 +34489,13 @@ class IChercheReverseSearchSource extends SearchSource {
34472
34489
  const config = inject(ConfigService, { optional: true });
34473
34490
  const options = ObjectUtils.mergeDeep(config?.getConfig(`searchSources.${IChercheReverseSearchSource.id}`) ?? {}, directOptions ?? {});
34474
34491
  super(options, storageService);
34475
- this.languageService.language$.subscribe(() => {
34476
- this.title$.next(this.languageService.translate.instant(this.options.title ?? ''));
34477
- });
34492
+ if (this.options.title) {
34493
+ this.languageService.translate
34494
+ .get(this.options.title)
34495
+ .subscribe((title) => {
34496
+ this.title$.next(title);
34497
+ });
34498
+ }
34478
34499
  if (this.settings.length) {
34479
34500
  this.getAllowedTypes();
34480
34501
  }
@@ -34882,9 +34903,13 @@ class ILayerSearchSource extends SearchSource {
34882
34903
  const config = inject(ConfigService, { optional: true });
34883
34904
  const options = ObjectUtils.mergeDeep(config?.getConfig(`searchSources.${ILayerSearchSource.id}`) ?? {}, directOptions ?? {});
34884
34905
  super(options, storageService);
34885
- this.languageService.language$.subscribe(() => {
34886
- this.title$.next(this.languageService.translate.instant(this.options.title));
34887
- });
34906
+ if (this.options.title) {
34907
+ this.languageService.translate
34908
+ .get(this.options.title)
34909
+ .subscribe((title) => {
34910
+ this.title$.next(title);
34911
+ });
34912
+ }
34888
34913
  }
34889
34914
  getId() {
34890
34915
  return ILayerSearchSource.id;
@@ -35467,7 +35492,7 @@ class StyleModalLayerComponent {
35467
35492
  return undefined;
35468
35493
  }
35469
35494
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: StyleModalLayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
35470
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: StyleModalLayerComponent, isStandalone: true, selector: "igo-style-modal-layer", inputs: { confirmFlag: { classPropertyName: "confirmFlag", publicName: "confirmFlag", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmFlag: "confirmFlagChange" }, ngImport: i0, template: "@if (isOlFlatStyleLike()) {\n <h2 mat-dialog-title>\n {{ 'igo.geo.style.styleModal' | translate }}\n </h2>\n <div mat-dialog-content>\n <div class=\"edit-colorpicker\">\n <form class=\"igo-form\" [formGroup]=\"form\">\n <div class=\"color-picker\">\n @if (showForm.fill) {\n <span>\n <mat-icon>format_color_fill</mat-icon>\n {{ 'igo.geo.style.fill' | translate }}\n </span>\n <igo-color-picker-form-field\n outputFormat=\"hex\"\n formControlName=\"fillColor\"\n />\n }\n @if (showForm.stroke) {\n <span>\n <mat-icon>border_color</mat-icon>\n {{ 'igo.geo.style.stroke' | translate }}\n </span>\n <igo-color-picker-form-field\n outputFormat=\"hex\"\n formControlName=\"strokeColor\"\n ></igo-color-picker-form-field>\n }\n @if (showForm.width) {\n <span>\n <mat-icon>line_weight</mat-icon>\n {{ 'igo.geo.style.strokeWidth' | translate }}\n </span>\n <mat-form-field>\n <input\n matInput\n formControlName=\"strokeWidth\"\n type=\"number\"\n min=\"1\"\n max=\"5\"\n />\n </mat-form-field>\n }\n @if (showForm.radius) {\n <span>\n <mat-icon>linear_scale</mat-icon>\n {{ 'igo.geo.style.radius' | translate }}\n </span>\n <mat-form-field>\n <input\n matInput\n formControlName=\"radius\"\n type=\"number\"\n min=\"1\"\n max=\"50\"\n />\n </mat-form-field>\n }\n @if (showForm.fields) {\n <span>\n <mat-icon>match_word</mat-icon>\n {{ 'igo.geo.style.labelField' | translate }}\n </span>\n <mat-form-field>\n <mat-select #testFontStyle formControlName=\"field\">\n <mat-option [value]=\"null\"></mat-option>\n @for (\n featuresProperty of featuresProperties | keyvalue;\n track featuresProperty\n ) {\n <mat-option [value]=\"featuresProperty.key\">\n {{ featuresProperty.key }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n </div>\n </form>\n </div>\n </div>\n <div mat-dialog-actions>\n <button matButton=\"elevated\" (click)=\"cancel()\">\n {{ 'igo.geo.style.cancel' | translate }}\n </button>\n <button matButton=\"elevated\" color=\"primary\" (click)=\"confirm()\">OK</button>\n </div>\n}\n", styles: ["h2{font-weight:700;font-size:large}.igo-form{padding:10px}.color-picker{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:16px;margin-bottom:16px}.color-picker span{display:flex;align-items:center}.color-picker span mat-icon{margin-right:8px}.edit-colorpicker{padding:10px 0}button{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { 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: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ColorPickerFormFieldComponent, selector: "igo-color-picker-form-field", inputs: ["outputFormat"], outputs: ["colorChange"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { 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: "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: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { 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: "component", type: i4$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }] });
35495
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: StyleModalLayerComponent, isStandalone: true, selector: "igo-style-modal-layer", inputs: { confirmFlag: { classPropertyName: "confirmFlag", publicName: "confirmFlag", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmFlag: "confirmFlagChange" }, ngImport: i0, template: "@if (isOlFlatStyleLike()) {\n <h2 mat-dialog-title>\n {{ 'igo.geo.style.styleModal' | translate }}\n </h2>\n <div mat-dialog-content>\n <div class=\"edit-colorpicker\">\n <form class=\"igo-form\" [formGroup]=\"form\">\n <div class=\"color-picker\">\n @if (showForm.fill) {\n <span>\n <mat-icon>format_color_fill</mat-icon>\n {{ 'igo.geo.style.fill' | translate }}\n </span>\n <igo-color-picker-form-field\n outputFormat=\"hex\"\n formControlName=\"fillColor\"\n />\n }\n @if (showForm.stroke) {\n <span>\n <mat-icon>border_color</mat-icon>\n {{ 'igo.geo.style.stroke' | translate }}\n </span>\n <igo-color-picker-form-field\n outputFormat=\"hex\"\n formControlName=\"strokeColor\"\n ></igo-color-picker-form-field>\n }\n @if (showForm.width) {\n <span>\n <mat-icon>line_weight</mat-icon>\n {{ 'igo.geo.style.strokeWidth' | translate }}\n </span>\n <mat-form-field>\n <input\n matInput\n formControlName=\"strokeWidth\"\n type=\"number\"\n min=\"1\"\n max=\"5\"\n />\n </mat-form-field>\n }\n @if (showForm.radius) {\n <span>\n <mat-icon>linear_scale</mat-icon>\n {{ 'igo.geo.style.radius' | translate }}\n </span>\n <mat-form-field>\n <input\n matInput\n formControlName=\"radius\"\n type=\"number\"\n min=\"1\"\n max=\"50\"\n />\n </mat-form-field>\n }\n @if (showForm.fields) {\n <span>\n <mat-icon>match_word</mat-icon>\n {{ 'igo.geo.style.label' | translate }}\n </span>\n <mat-form-field>\n <mat-select #testFontStyle formControlName=\"field\">\n <mat-option [value]=\"null\"></mat-option>\n @for (\n featuresProperty of featuresProperties | keyvalue;\n track featuresProperty\n ) {\n <mat-option [value]=\"featuresProperty.key\">\n {{ featuresProperty.key }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n </div>\n </form>\n </div>\n </div>\n <div mat-dialog-actions>\n <button matButton=\"elevated\" (click)=\"cancel()\">\n {{ 'igo.geo.style.cancel' | translate }}\n </button>\n <button matButton=\"elevated\" color=\"primary\" (click)=\"confirm()\">OK</button>\n </div>\n}\n", styles: ["h2{font-weight:700;font-size:large}.igo-form{padding:10px}.color-picker{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:16px;margin-bottom:16px}.color-picker span{display:flex;align-items:center}.color-picker span mat-icon{margin-right:8px}.edit-colorpicker{padding:10px 0}button{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { 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: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ColorPickerFormFieldComponent, selector: "igo-color-picker-form-field", inputs: ["outputFormat"], outputs: ["colorChange"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { 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: "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: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { 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: "component", type: i4$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }] });
35471
35496
  }
35472
35497
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: StyleModalLayerComponent, decorators: [{
35473
35498
  type: Component,
@@ -35484,7 +35509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
35484
35509
  MatInputModule,
35485
35510
  MatSelectModule,
35486
35511
  KeyValuePipe
35487
- ], template: "@if (isOlFlatStyleLike()) {\n <h2 mat-dialog-title>\n {{ 'igo.geo.style.styleModal' | translate }}\n </h2>\n <div mat-dialog-content>\n <div class=\"edit-colorpicker\">\n <form class=\"igo-form\" [formGroup]=\"form\">\n <div class=\"color-picker\">\n @if (showForm.fill) {\n <span>\n <mat-icon>format_color_fill</mat-icon>\n {{ 'igo.geo.style.fill' | translate }}\n </span>\n <igo-color-picker-form-field\n outputFormat=\"hex\"\n formControlName=\"fillColor\"\n />\n }\n @if (showForm.stroke) {\n <span>\n <mat-icon>border_color</mat-icon>\n {{ 'igo.geo.style.stroke' | translate }}\n </span>\n <igo-color-picker-form-field\n outputFormat=\"hex\"\n formControlName=\"strokeColor\"\n ></igo-color-picker-form-field>\n }\n @if (showForm.width) {\n <span>\n <mat-icon>line_weight</mat-icon>\n {{ 'igo.geo.style.strokeWidth' | translate }}\n </span>\n <mat-form-field>\n <input\n matInput\n formControlName=\"strokeWidth\"\n type=\"number\"\n min=\"1\"\n max=\"5\"\n />\n </mat-form-field>\n }\n @if (showForm.radius) {\n <span>\n <mat-icon>linear_scale</mat-icon>\n {{ 'igo.geo.style.radius' | translate }}\n </span>\n <mat-form-field>\n <input\n matInput\n formControlName=\"radius\"\n type=\"number\"\n min=\"1\"\n max=\"50\"\n />\n </mat-form-field>\n }\n @if (showForm.fields) {\n <span>\n <mat-icon>match_word</mat-icon>\n {{ 'igo.geo.style.labelField' | translate }}\n </span>\n <mat-form-field>\n <mat-select #testFontStyle formControlName=\"field\">\n <mat-option [value]=\"null\"></mat-option>\n @for (\n featuresProperty of featuresProperties | keyvalue;\n track featuresProperty\n ) {\n <mat-option [value]=\"featuresProperty.key\">\n {{ featuresProperty.key }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n </div>\n </form>\n </div>\n </div>\n <div mat-dialog-actions>\n <button matButton=\"elevated\" (click)=\"cancel()\">\n {{ 'igo.geo.style.cancel' | translate }}\n </button>\n <button matButton=\"elevated\" color=\"primary\" (click)=\"confirm()\">OK</button>\n </div>\n}\n", styles: ["h2{font-weight:700;font-size:large}.igo-form{padding:10px}.color-picker{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:16px;margin-bottom:16px}.color-picker span{display:flex;align-items:center}.color-picker span mat-icon{margin-right:8px}.edit-colorpicker{padding:10px 0}button{margin-right:5px}\n"] }]
35512
+ ], template: "@if (isOlFlatStyleLike()) {\n <h2 mat-dialog-title>\n {{ 'igo.geo.style.styleModal' | translate }}\n </h2>\n <div mat-dialog-content>\n <div class=\"edit-colorpicker\">\n <form class=\"igo-form\" [formGroup]=\"form\">\n <div class=\"color-picker\">\n @if (showForm.fill) {\n <span>\n <mat-icon>format_color_fill</mat-icon>\n {{ 'igo.geo.style.fill' | translate }}\n </span>\n <igo-color-picker-form-field\n outputFormat=\"hex\"\n formControlName=\"fillColor\"\n />\n }\n @if (showForm.stroke) {\n <span>\n <mat-icon>border_color</mat-icon>\n {{ 'igo.geo.style.stroke' | translate }}\n </span>\n <igo-color-picker-form-field\n outputFormat=\"hex\"\n formControlName=\"strokeColor\"\n ></igo-color-picker-form-field>\n }\n @if (showForm.width) {\n <span>\n <mat-icon>line_weight</mat-icon>\n {{ 'igo.geo.style.strokeWidth' | translate }}\n </span>\n <mat-form-field>\n <input\n matInput\n formControlName=\"strokeWidth\"\n type=\"number\"\n min=\"1\"\n max=\"5\"\n />\n </mat-form-field>\n }\n @if (showForm.radius) {\n <span>\n <mat-icon>linear_scale</mat-icon>\n {{ 'igo.geo.style.radius' | translate }}\n </span>\n <mat-form-field>\n <input\n matInput\n formControlName=\"radius\"\n type=\"number\"\n min=\"1\"\n max=\"50\"\n />\n </mat-form-field>\n }\n @if (showForm.fields) {\n <span>\n <mat-icon>match_word</mat-icon>\n {{ 'igo.geo.style.label' | translate }}\n </span>\n <mat-form-field>\n <mat-select #testFontStyle formControlName=\"field\">\n <mat-option [value]=\"null\"></mat-option>\n @for (\n featuresProperty of featuresProperties | keyvalue;\n track featuresProperty\n ) {\n <mat-option [value]=\"featuresProperty.key\">\n {{ featuresProperty.key }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n </div>\n </form>\n </div>\n </div>\n <div mat-dialog-actions>\n <button matButton=\"elevated\" (click)=\"cancel()\">\n {{ 'igo.geo.style.cancel' | translate }}\n </button>\n <button matButton=\"elevated\" color=\"primary\" (click)=\"confirm()\">OK</button>\n </div>\n}\n", styles: ["h2{font-weight:700;font-size:large}.igo-form{padding:10px}.color-picker{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:16px;margin-bottom:16px}.color-picker span{display:flex;align-items:center}.color-picker span mat-icon{margin-right:8px}.edit-colorpicker{padding:10px 0}button{margin-right:5px}\n"] }]
35488
35513
  }], propDecorators: { confirmFlag: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmFlag", required: false }] }, { type: i0.Output, args: ["confirmFlagChange"] }] } });
35489
35514
 
35490
35515
  class StyleModalLayerButtonComponent {