@igo2/geo 1.14.2 → 1.14.3

package/esm2020/lib/layer/style-modal/style-modal.component.mjs

@@ -1,288 +1,288 @@
-import { Component, Inject, Input } from '@angular/core';
-import { MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { FontType } from '../../draw';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/forms";
-import * as i3 from "../../draw";
-import * as i4 from "@angular/material/form-field";
-import * as i5 from "@angular/material/input";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/button";
-import * as i9 from "@angular/material/select";
-import * as i10 from "@angular/material/core";
-import * as i11 from "@angular/material/tooltip";
-import * as i12 from "ngx-color-picker";
-import * as i13 from "@ngx-translate/core";
-function StyleModalComponent_div_6_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 24)(1, "span");
-    i0.ɵɵelement(2, "mat-icon", 25);
-    i0.ɵɵtext(3);
-    i0.ɵɵpipe(4, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "mat-form-field", 26);
-    i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementStart(7, "mat-label");
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "input", 27, 28);
-    i0.ɵɵlistener("colorPickerChange", function StyleModalComponent_div_6_Template_input_colorPickerChange_9_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.styleModalData.fillColor = $event); });
-    i0.ɵɵpipe(11, "translate");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 14, "igo.geo.draw.fill"), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(6, 16, "igo.geo.draw.colorPicker"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.getFeatureFillColor());
-    i0.ɵɵadvance(1);
-    i0.ɵɵstyleProp("background", ctx_r0.getFeatureFillColor());
-    i0.ɵɵproperty("readonly", true)("colorPicker", ctx_r0.getFeatureFillColor())("cpWidth", "200px")("cpOutputFormat", "rgba")("cpPosition", "bottom")("cpPositionOffset", "-75%")("cpCancelButton", true)("cpCancelButtonText", i0.ɵɵpipeBind1(11, 18, "igo.geo.draw.cancel"))("cpOKButton", true);
-} }
-function StyleModalComponent_mat_option_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-option", 29);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const fontSelect_r10 = ctx.$implicit;
-    i0.ɵɵproperty("value", fontSelect_r10);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", fontSelect_r10, " ");
-} }
-export class StyleModalComponent {
-    constructor(dialogRef, formBuilder, drawStyleService, data) {
-        this.dialogRef = dialogRef;
-        this.formBuilder = formBuilder;
-        this.drawStyleService = drawStyleService;
-        this.data = data;
-        this.confirmFlag = false;
-        this.buildForm();
-    }
-    ngOnInit() {
-        this.linestringOnly = true;
-        for (const feature of this.data.features) {
-            if (feature.geometry.type !== 'LineString') {
-                this.linestringOnly = false;
-            }
-        }
-        this.buildStyleData();
-    }
-    buildForm() {
-        this.form = this.formBuilder.group({
-            fill: [''],
-            stroke: ['']
-        });
-    }
-    buildStyleData() {
-        this.styleModalData = {
-            fillColor: this.data.features.length > 0
-                ? this.data.features[0].properties.drawingStyle.fill
-                : 'rgba(255,255,255,0.4)',
-            strokeColor: this.data.features.length > 0
-                ? this.data.features[0].properties.drawingStyle.stroke
-                : 'rgba(143,7,7,1)',
-            fontSize: this.data.features.length > 0
-                ? this.data.features[0].properties.fontStyle
-                    .split(' ')[0]
-                    .replace('px', '')
-                : '20',
-            fontStyle: this.data.features.length > 0
-                ? this.data.features[0].properties.fontStyle.substring(this.data.features[0].properties.fontStyle.indexOf(' ') + 1)
-                : FontType.Arial,
-            offsetX: this.data.features.length > 0
-                ? this.data.features[0].properties.offsetX
-                : this.drawStyleService.getOffsetX(),
-            offsetY: this.data.features.length > 0
-                ? this.data.features[0].properties.offsetY
-                : this.drawStyleService.getOffsetY()
-        };
-    }
-    get allFontStyles() {
-        return Object.values(FontType);
-    }
-    getFeatureFontSize() {
-        if (!this.styleModalData.fontSize) {
-            return this.data.features.length > 0
-                ? this.data.features[0].properties.fontStyle
-                    .split(' ')[0]
-                    .replace('px', '')
-                : '20';
-        }
-        else {
-            return this.styleModalData.fontSize;
-        }
-    }
-    getFeatureFontStyle() {
-        if (!this.styleModalData.fontStyle) {
-            return this.data.features.length > 0
-                ? this.data.features[0].properties.fontStyle.substring(this.data.features[0].properties.fontStyle.indexOf(' ') + 1)
-                : FontType.Arial;
-        }
-        else {
-            return this.styleModalData.fontStyle;
-        }
-    }
-    getFeatureFillColor() {
-        if (!this.styleModalData.fillColor) {
-            return this.data.features.length > 0
-                ? this.data.features[0].properties.drawingStyle.fill
-                : 'rgba(255,255,255,0.4)';
-        }
-        else {
-            return this.styleModalData.fillColor;
-        }
-    }
-    getFeatureStrokeColor() {
-        if (!this.styleModalData.strokeColor) {
-            return this.data.features.length > 0
-                ? this.data.features[0].properties.drawingStyle.stroke
-                : 'rgba(143,7,7,1)';
-        }
-        else {
-            return this.styleModalData.strokeColor;
-        }
-    }
-    getFeatureOffsetX() {
-        if (!this.styleModalData.offsetX) {
-            return this.data.features.length > 0
-                ? this.data.features[0].properties.offsetX
-                : this.drawStyleService.getOffsetX();
-        }
-        else {
-            return this.styleModalData.offsetX;
-        }
-    }
-    getFeatureOffsetY() {
-        if (!this.styleModalData.offsetY) {
-            return this.data.features.length > 0
-                ? this.data.features[0].properties.offsetY
-                : this.drawStyleService.getOffsetY();
-        }
-        else {
-            return this.styleModalData.offsetY;
-        }
-    }
-    cancelDrawing() {
-        this.dialogRef.close();
-    }
-    confirm() {
-        this.confirmFlag = true;
-        this.dialogRef.close(this.styleModalData);
-    }
-}
-StyleModalComponent.ɵfac = function StyleModalComponent_Factory(t) { return new (t || StyleModalComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(i2.UntypedFormBuilder), i0.ɵɵdirectiveInject(i3.DrawStyleService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
-StyleModalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StyleModalComponent, selectors: [["igo-style-modal-component"]], inputs: { confirmFlag: "confirmFlag" }, decls: 54, vars: 46, consts: [["mat-dialog-content", ""], ["mat-dialog-title", "", 1, "mat-typography"], [1, "edition-drawing", "mat-typography", 3, "hidden"], [1, "igo-form", 3, "formGroup"], ["class", "fill-color-picker mat-typography", 4, "ngIf"], [1, "stroke-color-picker", "mat-typography"], ["svgIcon", "square-outline", 1, "stroke-palette-icon"], ["appearance", "outline", "floatLabel", "always", "tooltip-position", "below", "matTooltipShowDelay", "500", 1, "stroke-field", 3, "matTooltip"], ["formControlName", "stroke", "matInput", "", "type", "text", 3, "readonly", "colorPicker", "cpWidth", "cpPosition", "cpPositionOffset", "cpOutputFormat", "cpCancelButton", "cpCancelButtonText", "cpOKButton", "colorPickerChange"], ["strokeColorInput", ""], [1, "igo-input-container"], ["appearance", "outline", 1, "igo-form-input-box"], ["matInput", "", "type", "number", "placeholder", "10", "min", "10", "onkeydown", "return event.keyCode !== 69", 3, "value", "input"], ["testFontSize", ""], ["matSuffix", ""], [3, "value", "selectionChange"], ["testFontStyle", ""], [3, "value", 4, "ngFor", "ngForOf"], ["matInput", "", "type", "number", "onkeydown", "return event.keyCode !== 69", 3, "value", "input"], ["offsetXInput", ""], ["offsetYInput", ""], ["mat-dialog-actions", ""], ["mat-raised-button", "", 3, "click"], ["mat-raised-button", "", "color", "primary", 3, "click"], [1, "fill-color-picker", "mat-typography"], ["svgIcon", "square", 1, "stroke-palette-icon"], ["appearance", "outline", "floatLabel", "always", "tooltip-position", "below", "matTooltipShowDelay", "500", 1, "fill-field", 3, "matTooltip"], ["formControlName", "fill", "matInput", "", "type", "text", 3, "readonly", "colorPicker", "cpWidth", "cpOutputFormat", "cpPosition", "cpPositionOffset", "cpCancelButton", "cpCancelButtonText", "cpOKButton", "colorPickerChange"], ["fillColorInput", ""], [3, "value"]], template: function StyleModalComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0)(1, "h2", 1);
-        i0.ɵɵtext(2);
-        i0.ɵɵpipe(3, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "div", 2)(5, "form", 3);
-        i0.ɵɵtemplate(6, StyleModalComponent_div_6_Template, 12, 20, "div", 4);
-        i0.ɵɵelementStart(7, "div", 5)(8, "span");
-        i0.ɵɵelement(9, "mat-icon", 6);
-        i0.ɵɵtext(10);
-        i0.ɵɵpipe(11, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(12, "mat-form-field", 7);
-        i0.ɵɵpipe(13, "translate");
-        i0.ɵɵelementStart(14, "mat-label");
-        i0.ɵɵtext(15);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(16, "input", 8, 9);
-        i0.ɵɵlistener("colorPickerChange", function StyleModalComponent_Template_input_colorPickerChange_16_listener($event) { return ctx.styleModalData.strokeColor = $event; });
-        i0.ɵɵpipe(18, "translate");
-        i0.ɵɵelementEnd()()();
-        i0.ɵɵelementStart(19, "div", 10)(20, "mat-form-field", 11)(21, "mat-label");
-        i0.ɵɵtext(22);
-        i0.ɵɵpipe(23, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(24, "input", 12, 13);
-        i0.ɵɵlistener("input", function StyleModalComponent_Template_input_input_24_listener($event) { return ctx.styleModalData.fontSize = $event.target.value; });
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(26, "span", 14);
-        i0.ɵɵtext(27, "px");
-        i0.ɵɵelementEnd()();
-        i0.ɵɵelementStart(28, "mat-form-field", 11)(29, "mat-label");
-        i0.ɵɵtext(30);
-        i0.ɵɵpipe(31, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(32, "mat-select", 15, 16);
-        i0.ɵɵlistener("selectionChange", function StyleModalComponent_Template_mat_select_selectionChange_32_listener($event) { return ctx.styleModalData.fontStyle = $event.value; });
-        i0.ɵɵtemplate(34, StyleModalComponent_mat_option_34_Template, 2, 2, "mat-option", 17);
-        i0.ɵɵelementEnd()()();
-        i0.ɵɵelementStart(35, "div", 10)(36, "mat-form-field", 11)(37, "mat-label");
-        i0.ɵɵtext(38);
-        i0.ɵɵpipe(39, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(40, "input", 18, 19);
-        i0.ɵɵlistener("input", function StyleModalComponent_Template_input_input_40_listener($event) { return ctx.styleModalData.offsetX = $event.target.value; });
-        i0.ɵɵelementEnd()();
-        i0.ɵɵelementStart(42, "mat-form-field", 11)(43, "mat-label");
-        i0.ɵɵtext(44);
-        i0.ɵɵpipe(45, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(46, "input", 18, 20);
-        i0.ɵɵlistener("input", function StyleModalComponent_Template_input_input_46_listener($event) { return ctx.styleModalData.offsetY = $event.target.value; });
-        i0.ɵɵelementEnd()()()()()();
-        i0.ɵɵelementStart(48, "div", 21)(49, "button", 22);
-        i0.ɵɵlistener("click", function StyleModalComponent_Template_button_click_49_listener() { return ctx.cancelDrawing(); });
-        i0.ɵɵtext(50);
-        i0.ɵɵpipe(51, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(52, "button", 23);
-        i0.ɵɵlistener("click", function StyleModalComponent_Template_button_click_52_listener() { return ctx.confirm(); });
-        i0.ɵɵtext(53, "OK ");
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 28, "igo.geo.layer.style.styleModal"));
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("hidden", ctx.data.features.length === 0);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("formGroup", ctx.form);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.linestringOnly !== true);
-        i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(11, 30, "igo.geo.draw.stroke"), " ");
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(13, 32, "igo.geo.draw.colorPicker"));
-        i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate(ctx.getFeatureStrokeColor());
-        i0.ɵɵadvance(1);
-        i0.ɵɵstyleProp("background", ctx.getFeatureStrokeColor());
-        i0.ɵɵproperty("readonly", true)("colorPicker", ctx.getFeatureStrokeColor())("cpWidth", "200px")("cpPosition", "bottom")("cpPositionOffset", "-75%")("cpOutputFormat", "rgba")("cpCancelButton", true)("cpCancelButtonText", i0.ɵɵpipeBind1(18, 34, "igo.geo.draw.cancel"))("cpOKButton", true);
-        i0.ɵɵadvance(6);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 36, "igo.geo.draw.fontSize"));
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("value", ctx.getFeatureFontSize());
-        i0.ɵɵadvance(6);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(31, 38, "igo.geo.draw.fontStyle"));
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("value", ctx.getFeatureFontStyle());
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngForOf", ctx.allFontStyles);
-        i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(39, 40, "igo.geo.draw.offsetX"));
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("value", ctx.getFeatureOffsetX());
-        i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(45, 42, "igo.geo.draw.offsetY"));
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("value", ctx.getFeatureOffsetY());
-        i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(51, 44, "igo.geo.draw.cancel"), " ");
-    } }, dependencies: [i4.MatFormField, i4.MatLabel, i4.MatSuffix, i5.MatInput, i2.ɵNgNoValidate, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i6.NgForOf, i6.NgIf, i7.MatIcon, i8.MatButton, i9.MatSelect, i10.MatOption, i11.MatTooltip, i12.ColorPickerDirective, i13.TranslatePipe], styles: ["h2[_ngcontent-%COMP%]{font-weight:700;font-size:large}.igo-form[_ngcontent-%COMP%]{padding:10px}.fill-field[_ngcontent-%COMP%], .stroke-field[_ngcontent-%COMP%]{width:130px}.fill-color-picker[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{position:relative;top:7px}.fill-color-picker[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{left:8px}.stroke-color-picker[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{position:relative;top:7px}.stroke-color-picker[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{left:35px}.box[_ngcontent-%COMP%]{width:25px;height:25px}.edition-drawing[_ngcontent-%COMP%]{padding:10px 0}.igo-input-container[_ngcontent-%COMP%]   .mat-form-field[_ngcontent-%COMP%] + .mat-form-field[_ngcontent-%COMP%]{margin-left:8px}.igo-form-input-box[_ngcontent-%COMP%]{width:150px}button[_ngcontent-%COMP%]{margin-right:5px}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StyleModalComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-style-modal-component', template: "<div mat-dialog-content>\n  <h2 mat-dialog-title class=\"mat-typography\">{{ 'igo.geo.layer.style.styleModal' | translate }}</h2>\n  <div\n  class=\"edition-drawing mat-typography\"\n  [hidden]=\"data.features.length === 0\">\n    <form\n      class=\"igo-form\"\n      [formGroup]=\"form\">\n      <div class=\"fill-color-picker mat-typography\" *ngIf=\"linestringOnly !== true\">\n        <span>\n          <mat-icon class=\"stroke-palette-icon\" svgIcon=\"square\"></mat-icon>\n          {{ 'igo.geo.draw.fill' | translate }}\n        </span>\n\n        <mat-form-field\n          class=\"fill-field\"\n          appearance=\"outline\"\n          floatLabel=\"always\"\n          tooltip-position=\"below\"\n          matTooltipShowDelay=\"500\"\n          [matTooltip]=\"'igo.geo.draw.colorPicker' | translate\">\n          <mat-label>{{ getFeatureFillColor() }}</mat-label>\n          <input\n            #fillColorInput\n            formControlName=\"fill\"\n            matInput\n            type=\"text\"\n            [style.background]=\"getFeatureFillColor()\"\n            [readonly]=\"true\"\n            [colorPicker]=\"getFeatureFillColor()\"\n            [cpWidth]=\"'200px'\"\n            [cpOutputFormat]=\"'rgba'\"\n            [cpPosition]=\"'bottom'\"\n            [cpPositionOffset]=\"'-75%'\"\n            [cpCancelButton]=\"true\"\n            [cpCancelButtonText]=\"'igo.geo.draw.cancel' | translate\"\n            [cpOKButton]=\"true\"\n            (colorPickerChange)=\"styleModalData.fillColor = $event\">\n        </mat-form-field>\n      </div>\n\n      <div class=\"stroke-color-picker mat-typography\">\n        <span>\n          <mat-icon\n            class=\"stroke-palette-icon\"\n            svgIcon=\"square-outline\">\n          </mat-icon>\n          {{'igo.geo.draw.stroke' | translate}}\n        </span>\n\n        <mat-form-field\n          class=\"stroke-field\"\n          appearance=\"outline\"\n          floatLabel=\"always\"\n          tooltip-position=\"below\"\n          matTooltipShowDelay=\"500\"\n          [matTooltip]=\"'igo.geo.draw.colorPicker' | translate\">\n          <mat-label>{{ getFeatureStrokeColor() }}</mat-label>\n          <input\n            #strokeColorInput\n            formControlName=\"stroke\"\n            matInput\n            type=\"text\"\n            [style.background]=\"getFeatureStrokeColor()\"\n            [readonly]=\"true\"\n            [colorPicker]=\"getFeatureStrokeColor()\"\n            [cpWidth]=\"'200px'\"\n            [cpPosition]=\"'bottom'\"\n            [cpPositionOffset]=\"'-75%'\"\n            [cpOutputFormat]=\"'rgba'\"\n            [cpCancelButton]=\"true\"\n            [cpCancelButtonText]=\"'igo.geo.draw.cancel' | translate\"\n            [cpOKButton]=\"true\"\n            (colorPickerChange)=\"styleModalData.strokeColor = $event\">\n        </mat-form-field>\n      </div>\n\n      <div class=\"igo-input-container\">\n        <mat-form-field appearance=\"outline\" class=\"igo-form-input-box\">\n          <mat-label>{{ 'igo.geo.draw.fontSize' | translate }}</mat-label>\n          <input\n            matInput\n            #testFontSize\n            type=\"number\"\n            placeholder=\"10\"\n            min=\"10\"\n            onkeydown=\"return event.keyCode !== 69\"\n            [value]=\"getFeatureFontSize()\"\n            (input)=\"styleModalData.fontSize = $event.target.value\">\n          <span matSuffix>px</span>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"igo-form-input-box\">\n          <mat-label>{{ 'igo.geo.draw.fontStyle' | translate }}</mat-label>\n          <mat-select\n            #testFontStyle\n            [value]=\"getFeatureFontStyle()\"\n            (selectionChange)=\"styleModalData.fontStyle = $event.value\">\n            <mat-option\n              *ngFor=\"let fontSelect of allFontStyles\"\n              [value]=\"fontSelect\">\n              {{ fontSelect }}\n            </mat-option>\n          </mat-select>\n        </mat-form-field>\n      </div>\n\n      <div class=\"igo-input-container\">\n        <mat-form-field appearance=\"outline\" class=\"igo-form-input-box\">\n          <mat-label>{{ 'igo.geo.draw.offsetX' | translate }}</mat-label>\n          <input\n            matInput\n            #offsetXInput\n            type=\"number\"\n            onkeydown=\"return event.keyCode !== 69\"\n            [value]=\"getFeatureOffsetX()\"\n            (input)=\"styleModalData.offsetX = $event.target.value\">\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"igo-form-input-box\">\n          <mat-label>{{ 'igo.geo.draw.offsetY' | translate }}</mat-label>\n          <input\n            matInput\n            #offsetYInput\n            type=\"number\"\n            onkeydown=\"return event.keyCode !== 69\"\n            [value]=\"getFeatureOffsetY()\"\n            (input)=\"styleModalData.offsetY= $event.target.value\">\n        </mat-form-field>\n      </div>\n    </form>\n  </div>\n</div>\n<div mat-dialog-actions>\n  <button \n    mat-raised-button \n    (click)=\"cancelDrawing()\">{{'igo.geo.draw.cancel' | translate}}\n  </button>\n  <button \n    mat-raised-button \n    color=\"primary\" \n    (click)=\"confirm()\">OK\n  </button>\n</div>\n", styles: ["h2{font-weight:700;font-size:large}.igo-form{padding:10px}.fill-field,.stroke-field{width:130px}.fill-color-picker mat-icon{position:relative;top:7px}.fill-color-picker mat-form-field{left:8px}.stroke-color-picker mat-icon{position:relative;top:7px}.stroke-color-picker mat-form-field{left:35px}.box{width:25px;height:25px}.edition-drawing{padding:10px 0}.igo-input-container .mat-form-field+.mat-form-field{margin-left:8px}.igo-form-input-box{width:150px}button{margin-right:5px}\n"] }]
-    }], function () { return [{ type: i1.MatDialogRef }, { type: i2.UntypedFormBuilder }, { type: i3.DrawStyleService }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [MAT_DIALOG_DATA]
-            }] }]; }, { confirmFlag: [{
-            type: Input
-        }] }); })();
+import { Component, Inject, Input } from '@angular/core';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { FontType } from '../../draw';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../draw";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/select";
+import * as i10 from "@angular/material/core";
+import * as i11 from "@angular/material/tooltip";
+import * as i12 from "ngx-color-picker";
+import * as i13 from "@ngx-translate/core";
+function StyleModalComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 24)(1, "span");
+    i0.ɵɵelement(2, "mat-icon", 25);
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "translate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "mat-form-field", 26);
+    i0.ɵɵpipe(6, "translate");
+    i0.ɵɵelementStart(7, "mat-label");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "input", 27, 28);
+    i0.ɵɵlistener("colorPickerChange", function StyleModalComponent_div_6_Template_input_colorPickerChange_9_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.styleModalData.fillColor = $event); });
+    i0.ɵɵpipe(11, "translate");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 14, "igo.geo.draw.fill"), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(6, 16, "igo.geo.draw.colorPicker"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.getFeatureFillColor());
+    i0.ɵɵadvance(1);
+    i0.ɵɵstyleProp("background", ctx_r0.getFeatureFillColor());
+    i0.ɵɵproperty("readonly", true)("colorPicker", ctx_r0.getFeatureFillColor())("cpWidth", "200px")("cpOutputFormat", "rgba")("cpPosition", "bottom")("cpPositionOffset", "-75%")("cpCancelButton", true)("cpCancelButtonText", i0.ɵɵpipeBind1(11, 18, "igo.geo.draw.cancel"))("cpOKButton", true);
+} }
+function StyleModalComponent_mat_option_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 29);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const fontSelect_r10 = ctx.$implicit;
+    i0.ɵɵproperty("value", fontSelect_r10);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", fontSelect_r10, " ");
+} }
+export class StyleModalComponent {
+    constructor(dialogRef, formBuilder, drawStyleService, data) {
+        this.dialogRef = dialogRef;
+        this.formBuilder = formBuilder;
+        this.drawStyleService = drawStyleService;
+        this.data = data;
+        this.confirmFlag = false;
+        this.buildForm();
+    }
+    ngOnInit() {
+        this.linestringOnly = true;
+        for (const feature of this.data.features) {
+            if (feature.geometry.type !== 'LineString') {
+                this.linestringOnly = false;
+            }
+        }
+        this.buildStyleData();
+    }
+    buildForm() {
+        this.form = this.formBuilder.group({
+            fill: [''],
+            stroke: ['']
+        });
+    }
+    buildStyleData() {
+        this.styleModalData = {
+            fillColor: this.data.features.length > 0
+                ? this.data.features[0].properties.drawingStyle.fill
+                : 'rgba(255,255,255,0.4)',
+            strokeColor: this.data.features.length > 0
+                ? this.data.features[0].properties.drawingStyle.stroke
+                : 'rgba(143,7,7,1)',
+            fontSize: this.data.features.length > 0
+                ? this.data.features[0].properties.fontStyle
+                    .split(' ')[0]
+                    .replace('px', '')
+                : '20',
+            fontStyle: this.data.features.length > 0
+                ? this.data.features[0].properties.fontStyle.substring(this.data.features[0].properties.fontStyle.indexOf(' ') + 1)
+                : FontType.Arial,
+            offsetX: this.data.features.length > 0
+                ? this.data.features[0].properties.offsetX
+                : this.drawStyleService.getOffsetX(),
+            offsetY: this.data.features.length > 0
+                ? this.data.features[0].properties.offsetY
+                : this.drawStyleService.getOffsetY()
+        };
+    }
+    get allFontStyles() {
+        return Object.values(FontType);
+    }
+    getFeatureFontSize() {
+        if (!this.styleModalData.fontSize) {
+            return this.data.features.length > 0
+                ? this.data.features[0].properties.fontStyle
+                    .split(' ')[0]
+                    .replace('px', '')
+                : '20';
+        }
+        else {
+            return this.styleModalData.fontSize;
+        }
+    }
+    getFeatureFontStyle() {
+        if (!this.styleModalData.fontStyle) {
+            return this.data.features.length > 0
+                ? this.data.features[0].properties.fontStyle.substring(this.data.features[0].properties.fontStyle.indexOf(' ') + 1)
+                : FontType.Arial;
+        }
+        else {
+            return this.styleModalData.fontStyle;
+        }
+    }
+    getFeatureFillColor() {
+        if (!this.styleModalData.fillColor) {
+            return this.data.features.length > 0
+                ? this.data.features[0].properties.drawingStyle.fill
+                : 'rgba(255,255,255,0.4)';
+        }
+        else {
+            return this.styleModalData.fillColor;
+        }
+    }
+    getFeatureStrokeColor() {
+        if (!this.styleModalData.strokeColor) {
+            return this.data.features.length > 0
+                ? this.data.features[0].properties.drawingStyle.stroke
+                : 'rgba(143,7,7,1)';
+        }
+        else {
+            return this.styleModalData.strokeColor;
+        }
+    }
+    getFeatureOffsetX() {
+        if (!this.styleModalData.offsetX) {
+            return this.data.features.length > 0
+                ? this.data.features[0].properties.offsetX
+                : this.drawStyleService.getOffsetX();
+        }
+        else {
+            return this.styleModalData.offsetX;
+        }
+    }
+    getFeatureOffsetY() {
+        if (!this.styleModalData.offsetY) {
+            return this.data.features.length > 0
+                ? this.data.features[0].properties.offsetY
+                : this.drawStyleService.getOffsetY();
+        }
+        else {
+            return this.styleModalData.offsetY;
+        }
+    }
+    cancelDrawing() {
+        this.dialogRef.close();
+    }
+    confirm() {
+        this.confirmFlag = true;
+        this.dialogRef.close(this.styleModalData);
+    }
+}
+StyleModalComponent.ɵfac = function StyleModalComponent_Factory(t) { return new (t || StyleModalComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(i2.UntypedFormBuilder), i0.ɵɵdirectiveInject(i3.DrawStyleService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
+StyleModalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StyleModalComponent, selectors: [["igo-style-modal-component"]], inputs: { confirmFlag: "confirmFlag" }, decls: 54, vars: 46, consts: [["mat-dialog-content", ""], ["mat-dialog-title", "", 1, "mat-typography"], [1, "edition-drawing", "mat-typography", 3, "hidden"], [1, "igo-form", 3, "formGroup"], ["class", "fill-color-picker mat-typography", 4, "ngIf"], [1, "stroke-color-picker", "mat-typography"], ["svgIcon", "square-outline", 1, "stroke-palette-icon"], ["appearance", "outline", "floatLabel", "always", "tooltip-position", "below", "matTooltipShowDelay", "500", 1, "stroke-field", 3, "matTooltip"], ["formControlName", "stroke", "matInput", "", "type", "text", 3, "readonly", "colorPicker", "cpWidth", "cpPosition", "cpPositionOffset", "cpOutputFormat", "cpCancelButton", "cpCancelButtonText", "cpOKButton", "colorPickerChange"], ["strokeColorInput", ""], [1, "igo-input-container"], ["appearance", "outline", 1, "igo-form-input-box"], ["matInput", "", "type", "number", "placeholder", "10", "min", "10", "onkeydown", "return event.keyCode !== 69", 3, "value", "input"], ["testFontSize", ""], ["matSuffix", ""], [3, "value", "selectionChange"], ["testFontStyle", ""], [3, "value", 4, "ngFor", "ngForOf"], ["matInput", "", "type", "number", "onkeydown", "return event.keyCode !== 69", 3, "value", "input"], ["offsetXInput", ""], ["offsetYInput", ""], ["mat-dialog-actions", ""], ["mat-raised-button", "", 3, "click"], ["mat-raised-button", "", "color", "primary", 3, "click"], [1, "fill-color-picker", "mat-typography"], ["svgIcon", "square", 1, "stroke-palette-icon"], ["appearance", "outline", "floatLabel", "always", "tooltip-position", "below", "matTooltipShowDelay", "500", 1, "fill-field", 3, "matTooltip"], ["formControlName", "fill", "matInput", "", "type", "text", 3, "readonly", "colorPicker", "cpWidth", "cpOutputFormat", "cpPosition", "cpPositionOffset", "cpCancelButton", "cpCancelButtonText", "cpOKButton", "colorPickerChange"], ["fillColorInput", ""], [3, "value"]], template: function StyleModalComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0)(1, "h2", 1);
+        i0.ɵɵtext(2);
+        i0.ɵɵpipe(3, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "div", 2)(5, "form", 3);
+        i0.ɵɵtemplate(6, StyleModalComponent_div_6_Template, 12, 20, "div", 4);
+        i0.ɵɵelementStart(7, "div", 5)(8, "span");
+        i0.ɵɵelement(9, "mat-icon", 6);
+        i0.ɵɵtext(10);
+        i0.ɵɵpipe(11, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(12, "mat-form-field", 7);
+        i0.ɵɵpipe(13, "translate");
+        i0.ɵɵelementStart(14, "mat-label");
+        i0.ɵɵtext(15);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(16, "input", 8, 9);
+        i0.ɵɵlistener("colorPickerChange", function StyleModalComponent_Template_input_colorPickerChange_16_listener($event) { return ctx.styleModalData.strokeColor = $event; });
+        i0.ɵɵpipe(18, "translate");
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(19, "div", 10)(20, "mat-form-field", 11)(21, "mat-label");
+        i0.ɵɵtext(22);
+        i0.ɵɵpipe(23, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(24, "input", 12, 13);
+        i0.ɵɵlistener("input", function StyleModalComponent_Template_input_input_24_listener($event) { return ctx.styleModalData.fontSize = $event.target.value; });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(26, "span", 14);
+        i0.ɵɵtext(27, "px");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(28, "mat-form-field", 11)(29, "mat-label");
+        i0.ɵɵtext(30);
+        i0.ɵɵpipe(31, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(32, "mat-select", 15, 16);
+        i0.ɵɵlistener("selectionChange", function StyleModalComponent_Template_mat_select_selectionChange_32_listener($event) { return ctx.styleModalData.fontStyle = $event.value; });
+        i0.ɵɵtemplate(34, StyleModalComponent_mat_option_34_Template, 2, 2, "mat-option", 17);
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(35, "div", 10)(36, "mat-form-field", 11)(37, "mat-label");
+        i0.ɵɵtext(38);
+        i0.ɵɵpipe(39, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(40, "input", 18, 19);
+        i0.ɵɵlistener("input", function StyleModalComponent_Template_input_input_40_listener($event) { return ctx.styleModalData.offsetX = $event.target.value; });
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(42, "mat-form-field", 11)(43, "mat-label");
+        i0.ɵɵtext(44);
+        i0.ɵɵpipe(45, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(46, "input", 18, 20);
+        i0.ɵɵlistener("input", function StyleModalComponent_Template_input_input_46_listener($event) { return ctx.styleModalData.offsetY = $event.target.value; });
+        i0.ɵɵelementEnd()()()()()();
+        i0.ɵɵelementStart(48, "div", 21)(49, "button", 22);
+        i0.ɵɵlistener("click", function StyleModalComponent_Template_button_click_49_listener() { return ctx.cancelDrawing(); });
+        i0.ɵɵtext(50);
+        i0.ɵɵpipe(51, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(52, "button", 23);
+        i0.ɵɵlistener("click", function StyleModalComponent_Template_button_click_52_listener() { return ctx.confirm(); });
+        i0.ɵɵtext(53, "OK ");
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 28, "igo.geo.layer.style.styleModal"));
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("hidden", ctx.data.features.length === 0);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("formGroup", ctx.form);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.linestringOnly !== true);
+        i0.ɵɵadvance(4);
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(11, 30, "igo.geo.draw.stroke"), " ");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(13, 32, "igo.geo.draw.colorPicker"));
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate(ctx.getFeatureStrokeColor());
+        i0.ɵɵadvance(1);
+        i0.ɵɵstyleProp("background", ctx.getFeatureStrokeColor());
+        i0.ɵɵproperty("readonly", true)("colorPicker", ctx.getFeatureStrokeColor())("cpWidth", "200px")("cpPosition", "bottom")("cpPositionOffset", "-75%")("cpOutputFormat", "rgba")("cpCancelButton", true)("cpCancelButtonText", i0.ɵɵpipeBind1(18, 34, "igo.geo.draw.cancel"))("cpOKButton", true);
+        i0.ɵɵadvance(6);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(23, 36, "igo.geo.draw.fontSize"));
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("value", ctx.getFeatureFontSize());
+        i0.ɵɵadvance(6);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(31, 38, "igo.geo.draw.fontStyle"));
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("value", ctx.getFeatureFontStyle());
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.allFontStyles);
+        i0.ɵɵadvance(4);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(39, 40, "igo.geo.draw.offsetX"));
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("value", ctx.getFeatureOffsetX());
+        i0.ɵɵadvance(4);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(45, 42, "igo.geo.draw.offsetY"));
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("value", ctx.getFeatureOffsetY());
+        i0.ɵɵadvance(4);
+        i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(51, 44, "igo.geo.draw.cancel"), " ");
+    } }, dependencies: [i4.MatFormField, i4.MatLabel, i4.MatSuffix, i5.MatInput, i2.ɵNgNoValidate, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i6.NgForOf, i6.NgIf, i7.MatIcon, i8.MatButton, i9.MatSelect, i10.MatOption, i11.MatTooltip, i12.ColorPickerDirective, i13.TranslatePipe], styles: ["h2[_ngcontent-%COMP%]{font-weight:700;font-size:large}.igo-form[_ngcontent-%COMP%]{padding:10px}.fill-field[_ngcontent-%COMP%], .stroke-field[_ngcontent-%COMP%]{width:130px}.fill-color-picker[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{position:relative;top:7px}.fill-color-picker[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{left:8px}.stroke-color-picker[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{position:relative;top:7px}.stroke-color-picker[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{left:35px}.box[_ngcontent-%COMP%]{width:25px;height:25px}.edition-drawing[_ngcontent-%COMP%]{padding:10px 0}.igo-input-container[_ngcontent-%COMP%]   .mat-form-field[_ngcontent-%COMP%] + .mat-form-field[_ngcontent-%COMP%]{margin-left:8px}.igo-form-input-box[_ngcontent-%COMP%]{width:150px}button[_ngcontent-%COMP%]{margin-right:5px}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StyleModalComponent, [{
+        type: Component,
+        args: [{ selector: 'igo-style-modal-component', template: "<div mat-dialog-content>\n  <h2 mat-dialog-title class=\"mat-typography\">{{ 'igo.geo.layer.style.styleModal' | translate }}</h2>\n  <div\n  class=\"edition-drawing mat-typography\"\n  [hidden]=\"data.features.length === 0\">\n    <form\n      class=\"igo-form\"\n      [formGroup]=\"form\">\n      <div class=\"fill-color-picker mat-typography\" *ngIf=\"linestringOnly !== true\">\n        <span>\n          <mat-icon class=\"stroke-palette-icon\" svgIcon=\"square\"></mat-icon>\n          {{ 'igo.geo.draw.fill' | translate }}\n        </span>\n\n        <mat-form-field\n          class=\"fill-field\"\n          appearance=\"outline\"\n          floatLabel=\"always\"\n          tooltip-position=\"below\"\n          matTooltipShowDelay=\"500\"\n          [matTooltip]=\"'igo.geo.draw.colorPicker' | translate\">\n          <mat-label>{{ getFeatureFillColor() }}</mat-label>\n          <input\n            #fillColorInput\n            formControlName=\"fill\"\n            matInput\n            type=\"text\"\n            [style.background]=\"getFeatureFillColor()\"\n            [readonly]=\"true\"\n            [colorPicker]=\"getFeatureFillColor()\"\n            [cpWidth]=\"'200px'\"\n            [cpOutputFormat]=\"'rgba'\"\n            [cpPosition]=\"'bottom'\"\n            [cpPositionOffset]=\"'-75%'\"\n            [cpCancelButton]=\"true\"\n            [cpCancelButtonText]=\"'igo.geo.draw.cancel' | translate\"\n            [cpOKButton]=\"true\"\n            (colorPickerChange)=\"styleModalData.fillColor = $event\">\n        </mat-form-field>\n      </div>\n\n      <div class=\"stroke-color-picker mat-typography\">\n        <span>\n          <mat-icon\n            class=\"stroke-palette-icon\"\n            svgIcon=\"square-outline\">\n          </mat-icon>\n          {{'igo.geo.draw.stroke' | translate}}\n        </span>\n\n        <mat-form-field\n          class=\"stroke-field\"\n          appearance=\"outline\"\n          floatLabel=\"always\"\n          tooltip-position=\"below\"\n          matTooltipShowDelay=\"500\"\n          [matTooltip]=\"'igo.geo.draw.colorPicker' | translate\">\n          <mat-label>{{ getFeatureStrokeColor() }}</mat-label>\n          <input\n            #strokeColorInput\n            formControlName=\"stroke\"\n            matInput\n            type=\"text\"\n            [style.background]=\"getFeatureStrokeColor()\"\n            [readonly]=\"true\"\n            [colorPicker]=\"getFeatureStrokeColor()\"\n            [cpWidth]=\"'200px'\"\n            [cpPosition]=\"'bottom'\"\n            [cpPositionOffset]=\"'-75%'\"\n            [cpOutputFormat]=\"'rgba'\"\n            [cpCancelButton]=\"true\"\n            [cpCancelButtonText]=\"'igo.geo.draw.cancel' | translate\"\n            [cpOKButton]=\"true\"\n            (colorPickerChange)=\"styleModalData.strokeColor = $event\">\n        </mat-form-field>\n      </div>\n\n      <div class=\"igo-input-container\">\n        <mat-form-field appearance=\"outline\" class=\"igo-form-input-box\">\n          <mat-label>{{ 'igo.geo.draw.fontSize' | translate }}</mat-label>\n          <input\n            matInput\n            #testFontSize\n            type=\"number\"\n            placeholder=\"10\"\n            min=\"10\"\n            onkeydown=\"return event.keyCode !== 69\"\n            [value]=\"getFeatureFontSize()\"\n            (input)=\"styleModalData.fontSize = $event.target.value\">\n          <span matSuffix>px</span>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"igo-form-input-box\">\n          <mat-label>{{ 'igo.geo.draw.fontStyle' | translate }}</mat-label>\n          <mat-select\n            #testFontStyle\n            [value]=\"getFeatureFontStyle()\"\n            (selectionChange)=\"styleModalData.fontStyle = $event.value\">\n            <mat-option\n              *ngFor=\"let fontSelect of allFontStyles\"\n              [value]=\"fontSelect\">\n              {{ fontSelect }}\n            </mat-option>\n          </mat-select>\n        </mat-form-field>\n      </div>\n\n      <div class=\"igo-input-container\">\n        <mat-form-field appearance=\"outline\" class=\"igo-form-input-box\">\n          <mat-label>{{ 'igo.geo.draw.offsetX' | translate }}</mat-label>\n          <input\n            matInput\n            #offsetXInput\n            type=\"number\"\n            onkeydown=\"return event.keyCode !== 69\"\n            [value]=\"getFeatureOffsetX()\"\n            (input)=\"styleModalData.offsetX = $event.target.value\">\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" class=\"igo-form-input-box\">\n          <mat-label>{{ 'igo.geo.draw.offsetY' | translate }}</mat-label>\n          <input\n            matInput\n            #offsetYInput\n            type=\"number\"\n            onkeydown=\"return event.keyCode !== 69\"\n            [value]=\"getFeatureOffsetY()\"\n            (input)=\"styleModalData.offsetY= $event.target.value\">\n        </mat-form-field>\n      </div>\n    </form>\n  </div>\n</div>\n<div mat-dialog-actions>\n  <button \n    mat-raised-button \n    (click)=\"cancelDrawing()\">{{'igo.geo.draw.cancel' | translate}}\n  </button>\n  <button \n    mat-raised-button \n    color=\"primary\" \n    (click)=\"confirm()\">OK\n  </button>\n</div>\n", styles: ["h2{font-weight:700;font-size:large}.igo-form{padding:10px}.fill-field,.stroke-field{width:130px}.fill-color-picker mat-icon{position:relative;top:7px}.fill-color-picker mat-form-field{left:8px}.stroke-color-picker mat-icon{position:relative;top:7px}.stroke-color-picker mat-form-field{left:35px}.box{width:25px;height:25px}.edition-drawing{padding:10px 0}.igo-input-container .mat-form-field+.mat-form-field{margin-left:8px}.igo-form-input-box{width:150px}button{margin-right:5px}\n"] }]
+    }], function () { return [{ type: i1.MatDialogRef }, { type: i2.UntypedFormBuilder }, { type: i3.DrawStyleService }, { type: undefined, decorators: [{
+                type: Inject,
+                args: [MAT_DIALOG_DATA]
+            }] }]; }, { confirmFlag: [{
+            type: Input
+        }] }); })();
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZ2VvL3NyYy9saWIvbGF5ZXIvc3R5bGUtbW9kYWwvc3R5bGUtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZ2VvL3NyYy9saWIvbGF5ZXIvc3R5bGUtbW9kYWwvc3R5bGUtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBZ0IsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFHekUsT0FBTyxFQUFvQixRQUFRLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDSWxELCtCQUE4RSxXQUFBO0lBRTFFLCtCQUFrRTtJQUNsRSxZQUNGOztJQUFBLGlCQUFPO0lBRVAsMENBTXdEOztJQUN0RCxpQ0FBVztJQUFBLFlBQTJCO0lBQUEsaUJBQVk7SUFDbEQscUNBZTBEO0lBQXhELDZMQUFxQix3REFBaUMsSUFBQzs7SUFmekQsaUJBZTBELEVBQUEsRUFBQTs7O0lBMUIxRCxlQUNGO0lBREUsMkVBQ0Y7SUFRRSxlQUFxRDtJQUFyRCw4RUFBcUQ7SUFDMUMsZUFBMkI7SUFBM0Isa0RBQTJCO0lBTXBDLGVBQTBDO0lBQTFDLDBEQUEwQztJQUMxQywrQkFBaUIsNkNBQUEsb0JBQUEsMEJBQUEsd0JBQUEsNEJBQUEsd0JBQUEscUVBQUEsb0JBQUE7OztJQXFFakIsc0NBRXVCO0lBQ3JCLFlBQ0Y7SUFBQSxpQkFBYTs7O0lBRlgsc0NBQW9CO0lBQ3BCLGVBQ0Y7SUFERSwrQ0FDRjs7QURqRlosTUFBTSxPQUFPLG1CQUFtQjtJQVE5QixZQUNTLFNBQTRDLEVBQzNDLFdBQStCLEVBQy9CLGdCQUFrQyxFQUNWLElB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QjtRQUE3QiwrQ0FBNkI7UUFVWCxlQUM1QjtRQUQ0Qiw2RUFDNUI7O3VGRG5IVyxtQkFBbUI7Y0FML0IsU0FBUzsyQkFDRSwyQkFBMkI7O3NCQWdCbEMsTUFBTTt1QkFBQyxlQUFlO3dCQVhoQixXQUFXO2tCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IFVudHlwZWRGb3JtR3JvdXAsIFVudHlwZWRGb3JtQnVpbGRlciB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgRHJhd1N0eWxlU2VydmljZSwgRm9udFR5cGUgfSBmcm9tICcuLi8uLi9kcmF3JztcblxuZXhwb3J0IGludGVyZmFjZSBTdHlsZU1vZGFsRGF0YSB7XG4gIGZpbGxDb2xvcjogc3RyaW5nO1xuICBzdHJva2VDb2xvcjogc3RyaW5nO1xuICBmb250U2l6ZTogc3RyaW5nO1xuICBmb250U3R5bGU6IEZvbnRUeXBlO1xuICBvZmZzZXRYOiBudW1iZXI7XG4gIG9mZnNldFk6IG51bWJlcjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWdvLXN0eWxlLW1vZGFsLWNvbXBvbmVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdHlsZS1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0eWxlLW1vZGFsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU3R5bGVNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNvbmZpcm1GbGFnOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIGZvcm06IFVudHlwZWRGb3JtR3JvdXA7XG5cbiAgcHVibGljIHN0eWxlTW9kYWxEYXRhOiBTdHlsZU1vZGFsRGF0YTtcbiAgcHVibGljIGxpbmVzdHJpbmdPbmx5OiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxTdHlsZU1vZGFsQ29tcG9uZW50PixcbiAgICBwcml2YXRlIGZvcm1CdWlsZGVyOiBVbnR5cGVkRm9ybUJ1aWxkZXIsXG4gICAgcHJpdmF0ZSBkcmF3U3R5bGVTZXJ2aWNlOiBEcmF3U3R5bGVTZXJ2aWNlLFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogeyBmZWF0dXJlcyB9KSB7XG4gICAgICB0aGlzLmJ1aWxkRm9ybSgpO1xuICAgIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmxpbmVzdHJpbmdPbmx5ID0gdHJ1ZTtcbiAgICBmb3IgKGNvbnN0IGZlYXR1cmUgb2YgdGhpcy5kYXRhLmZlYXR1cmVzKSB7XG4gICAgICBpZiAoZmVhdHVyZS5nZW9tZXRyeS50eXBlICE9PSAnTGluZVN0cmluZycpIHtcbiAgICAgICAgdGhpcy5saW5lc3RyaW5nT25seSA9IGZhbHNlO1xuICAgICAgfVxuICAgIH1cbiAgICB0aGlzLmJ1aWxkU3R5bGVEYXRhKCk7XG4gIH1cblxuICBwcml2YXRlIGJ1aWxkRm9ybSgpIHtcbiAgICB0aGlzLmZvcm0gPSB0aGlzLmZvcm1CdWlsZGVyLmdyb3VwKHtcbiAgICAgIGZpbGw6IFsnJ10sXG4gICAgICBzdHJva2U6IFsnJ11cbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgYnVpbGRTdHlsZURhdGEoKSB7XG4gICAgdGhpcy5zdHlsZU1vZGFsRGF0YSA9IHtcbiAgICAgIGZpbGxDb2xvcjpcbiAgICAgICAgdGhpcy5kYXRhLmZlYXR1cmVzLmxlbmd0aCA+IDBcbiAgICAgICAgPyB0aGlzLmRhdGEuZmVhdHVyZXNbMF0ucHJvcGVydGllcy5kcmF3aW5nU3R5bGUuZmlsbFxuICAgICAgICA6ICdyZ2JhKDI1NSwyNTUsMjU1LDAuNCknLFxuICAgICAgc3Ryb2tlQ29sb3I6XG4gICAgICAgIHRoaXMuZGF0YS5mZWF0dXJlcy5sZW5ndGggPiAwXG4gICAgICAgID8gdGhpcy5kYXRhLmZlYXR1cmVzWzBdLnByb3BlcnRpZXMuZHJhd2luZ1N0eWxlLnN0cm9rZVxuICAgICAgICA6ICdyZ2JhKDE0Myw3LDcsMSknLFxuICAgICAgZm9udFNpemU6XG4gICAgICAgIHRoaXMuZGF0YS5mZWF0dXJlcy5sZW5ndGggPiAwXG4gICAgICAgID8gdGhpcy5kYXRhLmZlYXR1cmVzWzBdLnByb3BlcnRpZXMuZm9udFN0eWxlXG4gICAgICAgICAgICAuc3BsaXQoJyAnKVswXVxuICAgICAgICAgICAgLnJlcGxhY2UoJ3B4JywgJycpXG4gICAgICAgIDogJzIwJyxcbiAgICAgIGZvbnRTdHlsZTpcbiAgICAgICAgdGhpcy5kYXRhLmZlYXR1cmVzLmxlbmd0aCA+IDBcbiAgICAgICAgPyB0aGlzLmRhdGEuZmVhdHVyZXNbMF0ucHJvcGVydGllcy5mb250U3R5bGUuc3Vic3RyaW5nKFxuICAgICAgICAgICAgdGhpcy5kYXRhLmZlYXR1cmVzWzBdLnByb3BlcnRpZXMuZm9udFN0eWxlLmluZGV4T2YoJyAnKSArIDEpXG4gICAgICAgIDogRm9udFR5cGUuQXJpYWwsXG4gICAgICBvZmZzZXRYOlxuICAgICAgICB0aGlzLmRhdGEuZmVhdHVyZXMubGVuZ3RoID4gMFxuICAgICAgICA/IHRoaXMuZGF0YS5mZWF0dXJlc1swXS5wcm9wZXJ0aWVzLm9mZnNldFhcbiAgICAgICAgOiB0aGlzLmRyYXdTdHlsZVNlcnZpY2UuZ2V0T2Zmc2V0WCgpLFxuICAgICAgb2Zmc2V0WTpcbiAgICAgICAgdGhpcy5kYXRhLmZlYXR1cmVzLmxlbmd0aCA+IDBcbiAgICAgICAgPyB0aGlzLmRhdGEuZmVhdHVyZXNbMF0ucHJvcGVydGllcy5vZmZzZXRZXG4gICAgICAgIDogdGhpcy5kcmF3U3R5bGVTZXJ2aWNlLmdldE9mZnNldFkoKVxuICAgIH07XG4gIH1cblxuICBnZXQgYWxsRm9udFN0eWxlcygpOiBzdHJpbmdbXSB7XG4gICAgcmV0dXJuIE9iamVjdC52YWx1ZXMoRm9udFR5cGUpO1xuICB9XG5cbiAgZ2V0RmVhdHVyZUZvbnRTaXplKCk6IHN0cmluZyB7XG4gICAgaWYgKCF0aGlzLnN0eWxlTW9kYWxEYXRhLmZvbnRTaXplKSB7XG4gICAgICByZXR1cm4gdGhpcy5kYXRhLmZlYXR1cmVzLmxlbmd0aCA+IDBcbiAgICAgID8gdGhpcy5kYXRhLmZlYXR1cmVzWzBdLnByb3BlcnRpZXMuZm9udFN0eWxlXG4gICAgICAgICAgLnNwbGl0KCcgJylbMF1cbiAgICAgICAgICAucmVwbGFjZSgncHgnLCAnJylcbiAgICAgIDogJzIwJztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIHRoaXMuc3R5bGVNb2RhbERhdGEuZm9udFNpemU7XG4gICAgfVxuICB9XG5cbiAgZ2V0RmVhdHVyZUZvbnRTdHlsZSgpIHtcbiAgICBpZiAoIXRoaXMuc3R5bGVNb2RhbERhdGEuZm9udFN0eWxlKSB7XG4gICAgICByZXR1cm4gdGhpcy5kYXRhLmZlYXR1cmVzLmxlbmd0aCA+IDBcbiAgICAgID8gdGhpcy5kYXRhLmZlYXR1cmVzWzBdLnByb3BlcnRpZXMuZm9udFN0eWxlLnN1YnN0cmluZyhcbiAgICAgICAgdGhpcy5kYXRhLmZlYXR1cmVzWzBdLnByb3BlcnRpZXMuZm9udFN0eWxlLmluZGV4T2YoJyAnKSArIDFcbiAgICAgICAgKVxuICAgICAgOiBGb250VHlwZS5BcmlhbDtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIHRoaXMuc3R5bGVNb2RhbERhdGEuZm9udFN0eWxlO1xuICAgIH1cbiAgfVxuXG4gIGdldEZlYXR1cmVGaWxsQ29sb3IoKSB7XG4gICAgaWYgKCF0aGlzLnN0eWxlTW9kYWxEYXRhLmZpbGxDb2xvcikge1xuICAgICAgcmV0dXJuIHRoaXMuZGF0YS5mZWF0dXJlcy5sZW5ndGggPiAwXG4gICAgICAgID8gdGhpcy5kYXRhLmZlYXR1cmVzWzBdLnByb3BlcnRpZXMuZHJhd2luZ1N0eWxlLmZpbGxcbiAgICAgICAgOiAncmdiYSgyNTUsMjU1LDI1NSwwLjQpJztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIHRoaXMuc3R5bGVNb2RhbERhdGEuZmlsbENvbG9yO1xuICAgIH1cbiAgfVxuXG4gIGdldEZlYXR1cmVTdHJva2VDb2xvcigpIHtcbiAgICBpZiAoIXRoaXMuc3R5bGVNb2RhbERhdGEuc3Ryb2tlQ29sb3IpIHtcbiAgICAgIHJldHVybiB0aGlzLmRhdGEuZmVhdHVyZXMubGVuZ3RoID4gMFxuICAgICAgICA/IHRoaXMuZGF0YS5mZWF0dXJlc1swXS5wcm9wZXJ0aWVzLmRyYXdpbmdTdHlsZS5zdHJva2VcbiAgICAgICAgOiAncmdiYSgxNDMsNyw3LDEpJztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIHRoaXMuc3R5bGVNb2RhbERhdGEuc3Ryb2tlQ29sb3I7XG4gICAgfVxuICB9XG5cbiAgZ2V0RmVhdHVyZU9mZnNldFgoKSB7XG4gICAgaWYgKCF0aGlzLnN0eWxlTW9kYWxEYXRhLm9mZnNldFgpIHtcbiAgICAgIHJldHVybiB0aGlzLmRhdGEuZmVhdHVyZXMubGVuZ3RoID4gMFxuICAgICAgICA/IHRoaXMuZGF0YS5mZWF0dXJlc1swXS5wcm9wZXJ0aWVzLm9mZnNldFhcbiAgICAgICAgOiB0aGlzLmRyYXdTdHlsZVNlcnZpY2UuZ2V0T2Zmc2V0WCgpO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gdGhpcy5zdHlsZU1vZGFsRGF0YS5vZmZzZXRYO1xuICAgIH1cbiAgfVxuXG4gIGdldEZlYXR1cmVPZmZzZXRZKCkge1xuICAgIGlmICghdGhpcy5zdHlsZU1vZGFsRGF0YS5vZmZzZXRZKSB7XG4gICAgICByZXR1cm4gdGhpcy5kYXRhLmZlYXR1cmVzLmxlbmd0aCA+IDBcbiAgICAgID8gdGhpcy5kYXRhLmZlYXR1cmVzWzBdLnByb3BlcnRpZXMub2Zmc2V0WVxuICAgICAgOiB0aGlzLmRyYXdTdHlsZVNlcnZpY2UuZ2V0T2Zmc2V0WSgpO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gdGhpcy5zdHlsZU1vZGFsRGF0YS5vZmZzZXRZO1xuICAgIH1cbiAgfVxuXG4gIGNhbmNlbERyYXdpbmcoKSB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgfVxuXG4gIGNvbmZpcm0oKSB7XG4gICAgdGhpcy5jb25maXJtRmxhZyA9IHRydWU7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5zdHlsZU1vZGFsRGF0YSk7XG4gIH1cbn1cbiIsIjxkaXYgbWF0LWRpYWxvZy1jb250ZW50PlxuICA8aDIgbWF0LWRpYWxvZy10aXRsZSBjbGFzcz1cIm1hdC10eXBvZ3JhcGh5XCI+e3sgJ2lnby5nZW8ubGF5ZXIuc3R5bGUuc3R5bGVNb2RhbCcgfCB0cmFuc2xhdGUgfX08L2gyPlxuICA8ZGl2XG4gIGNsYXNzPVwiZWRpdGlvbi1kcmF3aW5nIG1hdC10eXBvZ3JhcGh5XCJcbiAgW2hpZGRlbl09XCJkYXRhLmZlYXR1cmVzLmxlbmd0aCA9PT0gMFwiPlxuICAgIDxmb3JtXG4gICAgICBjbGFzcz1cImlnby1mb3JtXCJcbiAgICAgIFtmb3JtR3JvdXBdPVwiZm9ybVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImZpbGwtY29sb3ItcGlja2VyIG1hdC10eXBvZ3JhcGh5XCIgKm5nSWY9XCJsaW5lc3RyaW5nT25seSAhPT0gdHJ1ZVwiPlxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJzdHJva2UtcGFsZXR0ZS1pY29uXCIgc3ZnSWNvbj1cInNxdWFyZVwiPjwvbWF0LWljb24+XG4gICAgICAgICAge3sgJ2lnby5nZW8uZHJhdy5maWxsJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICA8L3NwYW4+XG5cbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkXG4gICAgICAgICAgY2xhc3M9XCJmaWxsLWZpZWxkXCJcbiAgICAgICAgICBhcHBlYXJhbmNlPVwib3V0bGluZVwiXG4gICAgICAgICAgZmxvYXRMYWJlbD1cImFsd2F5c1wiXG4gICAgICAgICAgdG9vbHRpcC1wb3NpdGlvbj1cImJlbG93XCJcbiAgICAgICAgICBtYXRUb29sdGlwU2hvd0RlbGF5PVwiNTAwXCJcbiAgICAgICAgICBbbWF0VG9vbHRpcF09XCInaWdvLmdlby5kcmF3LmNvbG9yUGlja2VyJyB8IHRyYW5zbGF0ZVwiPlxuICAgICAgICAgIDxtYXQtbGFiZWw+e3sgZ2V0RmVhdHVyZUZpbGxDb2xvcigpIH19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAjZmlsbENvbG9ySW5wdXRcbiAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cImZpbGxcIlxuICAgICAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImdldEZlYXR1cmVGaWxsQ29sb3IoKVwiXG4gICAgICAgICAgICBbcmVhZG9ubHldPVwidHJ1ZVwiXG4gICAgICAgICAgICBbY29sb3JQaWNrZXJdPVwiZ2V0RmVhdHVyZUZpbGxDb2xvcigpXCJcbiAgICAgICAgICAgIFtjcFdpZHRoXT1cIicyMDBweCdcIlxuICAgICAgICAgICAgW2NwT3V0cHV0Rm9ybWF0XT1cIidyZ2JhJ1wiXG4gICAgICAgICAgICBbY3BQb3NpdGlvbl09XCInYm90dG9tJ1wiXG4gICAgICAgICAgICBbY3BQb3NpdGlvbk9mZnNldF09XCInLTc1JSdcIlxuICAgICAgICAgICAgW2NwQ2FuY2VsQnV0dG9uXT1cInRydWVcIlxuICAgICAgICAgICAgW2NwQ2FuY2VsQnV0dG9uVGV4dF09XCInaWdvLmdlby5kcmF3LmNhbmNlbCcgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgW2NwT0tCdXR0b25dPVwidHJ1ZVwiXG4gICAgICAgICAgICAoY29sb3JQaWNrZXJDaGFuZ2UpPVwic3R5bGVNb2RhbERhdGEuZmlsbENvbG9yID0gJGV2ZW50XCI+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cInN0cm9rZS1jb2xvci1waWNrZXIgbWF0LXR5cG9ncmFwaHlcIj5cbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAgPG1hdC1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInN0cm9rZS1wYWxldHRlLWljb25cIlxuICAgICAgICAgICAgc3ZnSWNvbj1cInNxdWFyZS1vdXRsaW5lXCI+XG4gICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgICB7eydpZ28uZ2VvLmRyYXcuc3Ryb2tlJyB8IHRyYW5zbGF0ZX19XG4gICAgICAgIDwvc3Bhbj5cblxuICAgICAgICA8bWF0LWZvcm0tZmllbGRcbiAgICAgICAgICBjbGFzcz1cInN0cm9rZS1maWVsZFwiXG4gICAgICAgICAgYXBwZWFyYW5jZT1cIm91dGxpbmVcIlxuICAgICAgICAgIGZsb2F0TGFiZWw9XCJhbHdheXNcIlxuICAgICAgICAgIHRvb2x0aXAtcG9zaXRpb249XCJiZWxvd1wiXG4gICAgICAgICAgbWF0VG9vbHRpcFNob3dEZWxheT1cIjUwMFwiXG4gICAgICAgICAgW21hdFRvb2x0aXBdPVwiJ2lnby5nZW8uZHJhdy5jb2xvclBpY2tlcicgfCB0cmFuc2xhdGVcIj5cbiAgICAgICAgICA8bWF0LWxhYmVsPnt7IGdldEZlYXR1cmVTdHJva2VDb2xvcigpIH19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAjc3Ryb2tlQ29sb3JJbnB1dFxuICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwic3Ryb2tlXCJcbiAgICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZF09XCJnZXRGZWF0dXJlU3Ryb2tlQ29sb3IoKVwiXG4gICAgICAgICAgICBbcmVhZG9ubHldPVwidHJ1ZVwiXG4gICAgICAgICAgICBbY29sb3JQaWNrZXJdPVwiZ2V0RmVhdHVyZVN0cm9rZUNvbG9yKClcIlxuICAgICAgICAgICAgW2NwV2lkdGhdPVwiJzIwMHB4J1wiXG4gICAgICAgICAgICBbY3BQb3NpdGlvbl09XCInYm90dG9tJ1wiXG4gICAgICAgICAgICBbY3BQb3NpdGlvbk9mZnNldF09XCInLTc1JSdcIlxuICAgICAgICAgICAgW2NwT3V0cHV0Rm9ybWF0XT1cIidyZ2JhJ1wiXG4gICAgICAgICAgICBbY3BDYW5jZWxCdXR0b25dPVwidHJ1ZVwiXG4gICAgICAgICAgICBbY3BDYW5jZWxCdXR0b25UZXh0XT1cIidpZ28uZ2VvLmRyYXcuY2FuY2VsJyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICBbY3BPS0J1dHRvbl09XCJ0cnVlXCJcbiAgICAgICAgICAgIChjb2xvclBpY2tlckNoYW5nZSk9XCJzdHlsZU1vZGFsRGF0YS5zdHJva2VDb2xvciA9ICRldmVudFwiPlxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJpZ28taW5wdXQtY29udGFpbmVyXCI+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwiaWdvLWZvcm0taW5wdXQtYm94XCI+XG4gICAgICAgICAgPG1hdC1sYWJlbD57eyAnaWdvLmdlby5kcmF3LmZvbnRTaXplJyB8IHRyYW5zbGF0ZSB9fTwvbWF0LWxhYmVsPlxuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgICAgICN0ZXN0Rm9udFNpemVcbiAgICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCIxMFwiXG4gICAgICAgICAgICBtaW49XCIxMFwiXG4gICAgICAgICAgICBvbmtleWRvd249XCJyZXR1cm4gZXZlbnQua2V5Q29kZSAhPT0gNjlcIlxuICAgICAgICAgICAgW3ZhbHVlXT1cImdldEZlYXR1cmVGb250U2l6ZSgpXCJcbiAgICAgICAgICAgIChpbnB1dCk9XCJzdHlsZU1vZGFsRGF0YS5mb250U2l6ZSA9ICRldmVudC50YXJnZXQudmFsdWVcIj5cbiAgICAgICAgICA8c3BhbiBtYXRTdWZmaXg+cHg8L3NwYW4+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwiaWdvLWZvcm0taW5wdXQtYm94XCI+XG4gICAgICAgICAgPG1hdC1sYWJlbD57eyAnaWdvLmdlby5kcmF3LmZvbnRTdHlsZScgfCB0cmFuc2xhdGUgfX08L21hdC1sYWJlbD5cbiAgICAgICAgICA8bWF0LXNlbGVjdFxuICAgICAgICAgICAgI3Rlc3RGb250U3R5bGVcbiAgICAgICAgICAgIFt2YWx1ZV09XCJnZXRGZWF0dXJlRm9udFN0eWxlKClcIlxuICAgICAgICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJzdHlsZU1vZGFsRGF0YS5mb250U3R5bGUgPSAkZXZlbnQudmFsdWVcIj5cbiAgICAgICAgICAgIDxtYXQtb3B0aW9uXG4gICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBmb250U2VsZWN0IG9mIGFsbEZvbnRTdHlsZXNcIlxuICAgICAgICAgICAgICBbdmFsdWVdPVwiZm9udFNlbGVjdFwiPlxuICAgICAgICAgICAgICB7eyBmb250U2VsZWN0IH19XG4gICAgICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgICAgICAgPC9tYXQtc2VsZWN0PlxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJpZ28taW5wdXQtY29udGFpbmVyXCI+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwiaWdvLWZvcm0taW5wdXQtYm94XCI+XG4gICAgICAgICAgPG1hdC1sYWJlbD57eyAnaWdvLmdlby5kcmF3Lm9mZnNldFgnIHwgdHJhbnNsYXRlIH19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBtYXRJbnB1dFxuICAgICAgICAgICAgI29mZnNldFhJbnB1dFxuICAgICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgICBvbmtleWRvd249XCJyZXR1cm4gZXZlbnQua2V5Q29kZSAhPT0gNjlcIlxuICAgICAgICAgICAgW3ZhbHVlXT1cImdldEZlYXR1cmVPZmZzZXRYKClcIlxuICAgICAgICAgICAgKGlucHV0KT1cInN0eWxlTW9kYWxEYXRhLm9mZnNldFggPSAkZXZlbnQudGFyZ2V0LnZhbHVlXCI+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwiaWdvLWZvcm0taW5wdXQtYm94XCI+XG4gICAgICAgICAgPG1hdC1sYWJlbD57eyAnaWdvLmdlby5kcmF3Lm9mZnNldFknIHwgdHJhbnNsYXRlIH19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBtYXRJbnB1dFxuICAgICAgICAgICAgI29mZnNldFlJbnB1dFxuICAgICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgICBvbmtleWRvd249XCJyZXR1cm4gZXZlbnQua2V5Q29kZSAhPT0gNjlcIlxuICAgICAgICAgICAgW3ZhbHVlXT1cImdldEZlYXR1cmVPZmZzZXRZKClcIlxuICAgICAgICAgICAgKGlucHV0KT1cInN0eWxlTW9kYWxEYXRhLm9mZnNldFk9ICRldmVudC50YXJnZXQudmFsdWVcIj5cbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZm9ybT5cbiAgPC9kaXY+XG48L2Rpdj5cbjxkaXYgbWF0LWRpYWxvZy1hY3Rpb25zPlxuICA8YnV0dG9uIFxuICAgIG1hdC1yYWlzZWQtYnV0dG9uIFxuICAgIChjbGljayk9XCJjYW5jZWxEcmF3aW5nKClcIj57eydpZ28uZ2VvLmRyYXcuY2FuY2VsJyB8IHRyYW5zbGF0ZX19XG4gIDwvYnV0dG9uPlxuICA8YnV0dG9uIFxuICAgIG1hdC1yYWlzZWQtYnV0dG9uIFxuICAgIGNvbG9yPVwicHJpbWFyeVwiIFxuICAgIChjbGljayk9XCJjb25maXJtKClcIj5PS1xuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19