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

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.
@@ -33636,9 +33636,13 @@ class CoordinatesReverseSearchSource extends SearchSource {
33636
33636
  const projections = directProjections ?? config?.getConfig('projections') ?? [];
33637
33637
  super(options, storageService);
33638
33638
  this.projections = projections;
33639
- this.languageService.language$.subscribe(() => {
33640
- this.title$.next(this.languageService.translate.instant(this.options.title));
33641
- });
33639
+ if (this.options.title) {
33640
+ this.languageService.translate
33641
+ .get(this.options.title)
33642
+ .subscribe((title) => {
33643
+ this.title$.next(title);
33644
+ });
33645
+ }
33642
33646
  }
33643
33647
  getId() {
33644
33648
  return CoordinatesReverseSearchSource.id;
@@ -33939,9 +33943,13 @@ class IChercheSearchSource extends SearchSource {
33939
33943
  if (this.settings.length) {
33940
33944
  this.getAllowedTypes();
33941
33945
  }
33942
- this.languageService.language$.subscribe(() => {
33943
- this.title$.next(this.languageService.translate.instant(this.options.title ?? ''));
33944
- });
33946
+ if (this.options.title) {
33947
+ this.languageService.translate
33948
+ .get(this.options.title)
33949
+ .subscribe((title) => {
33950
+ this.title$.next(title);
33951
+ });
33952
+ }
33945
33953
  }
33946
33954
  getId() {
33947
33955
  return IChercheSearchSource.id;
@@ -34472,9 +34480,13 @@ class IChercheReverseSearchSource extends SearchSource {
34472
34480
  const config = inject(ConfigService, { optional: true });
34473
34481
  const options = ObjectUtils.mergeDeep(config?.getConfig(`searchSources.${IChercheReverseSearchSource.id}`) ?? {}, directOptions ?? {});
34474
34482
  super(options, storageService);
34475
- this.languageService.language$.subscribe(() => {
34476
- this.title$.next(this.languageService.translate.instant(this.options.title ?? ''));
34477
- });
34483
+ if (this.options.title) {
34484
+ this.languageService.translate
34485
+ .get(this.options.title)
34486
+ .subscribe((title) => {
34487
+ this.title$.next(title);
34488
+ });
34489
+ }
34478
34490
  if (this.settings.length) {
34479
34491
  this.getAllowedTypes();
34480
34492
  }
@@ -34882,9 +34894,13 @@ class ILayerSearchSource extends SearchSource {
34882
34894
  const config = inject(ConfigService, { optional: true });
34883
34895
  const options = ObjectUtils.mergeDeep(config?.getConfig(`searchSources.${ILayerSearchSource.id}`) ?? {}, directOptions ?? {});
34884
34896
  super(options, storageService);
34885
- this.languageService.language$.subscribe(() => {
34886
- this.title$.next(this.languageService.translate.instant(this.options.title));
34887
- });
34897
+ if (this.options.title) {
34898
+ this.languageService.translate
34899
+ .get(this.options.title)
34900
+ .subscribe((title) => {
34901
+ this.title$.next(title);
34902
+ });
34903
+ }
34888
34904
  }
34889
34905
  getId() {
34890
34906
  return ILayerSearchSource.id;
@@ -35467,7 +35483,7 @@ class StyleModalLayerComponent {
35467
35483
  return undefined;
35468
35484
  }
35469
35485
  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" }] });
35486
+ 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
35487
  }
35472
35488
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: StyleModalLayerComponent, decorators: [{
35473
35489
  type: Component,
@@ -35484,7 +35500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
35484
35500
  MatInputModule,
35485
35501
  MatSelectModule,
35486
35502
  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"] }]
35503
+ ], 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
35504
  }], propDecorators: { confirmFlag: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmFlag", required: false }] }, { type: i0.Output, args: ["confirmFlagChange"] }] } });
35489
35505
 
35490
35506
  class StyleModalLayerButtonComponent {