@guajiritos/map 0.0.10 → 0.1.0

package/fesm2022/guajiritos-map.mjs

@@ -1,50 +1,49 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, forwardRef, Component, Input, Output } from '@angular/core';
-import { NgIf } from '@angular/common';
+import { signal, EventEmitter, forwardRef, Component, Input, Output } from '@angular/core';
+import { NgIf, TitleCasePipe } from '@angular/common';
 import * as L from 'leaflet';
-import { layerGroup, icon, Marker, LatLng } from 'leaflet';
+import { layerGroup, icon } from 'leaflet';
 import * as i1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i3 from '@angular/forms';
 import { UntypedFormGroup, UntypedFormControl, Validators, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
-import { Subject, takeUntil } from 'rxjs';
 import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
+import { Subject, takeUntil } from 'rxjs';
+import * as i5 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
 import * as i2 from '@angular/material/form-field';
 
 const DEFAULT_MAP_OPTION = {
+    id: 'map',
     center: [23.130257185291036, -82.35626220703126],
     draggable: true,
-    zoom: 8,
+    zoom: 15,
     updateWithClick: false,
     updateWithDoubleClick: false,
-    zoomControl: false,
+    zoomControl: true,
     borderRadius: '8px',
-    scrollWheelZoom: false
+    scrollWheelZoom: false,
+    addMarker: false,
+    scrollable: false
 };
+
 class GuajiritosMap {
     constructor() {
-        this._map = null;
         this._layerGroup = new L.LayerGroup();
-        this._markersList = [];
+        this.mapMarkers = signal([]);
+        this.options = signal(DEFAULT_MAP_OPTION);
+        this.circle = signal(null);
         this.form = new UntypedFormGroup({
             latitude: new UntypedFormControl({ value: null, disabled: false }, [Validators.required]),
             longitude: new UntypedFormControl({ value: null, disabled: false }, [Validators.required])
         });
-        this.latLabel = '';
-        this.latPlaceholder = '';
-        this.lngLabel = '';
-        this.lngPlaceholder = '';
-        this.latError = '';
-        this.lngError = '';
         this.appearance = 'outline';
         this.color = 'accent';
+        this.floatLabel = 'auto';
+        this.subscriptSizing = 'dynamic';
         this.readonly = false;
-        this.hidden = false;
-        /**
-         * Default map options
-         */
-        this.options = {};
+        this.hiddenForm = false;
         /**
          * Default marker icon
          */
@@ -57,50 +56,95 @@ class GuajiritosMap {
          * Se lanza cada vez que cambia un marcador
          */
         this.markerDragend = new EventEmitter();
+        /**
+         * Se lanza cada vez que se añade un marcador
+         */
+        this.markerAdded = new EventEmitter();
     }
     static { this._observableSubject$ = new Subject(); }
+    /**
+     * Default map options
+     */
+    set optionsMap(options) {
+        if (options) {
+            this.options.set({
+                ...this.options(),
+                ...options
+            });
+        }
+    }
+    ;
+    /**
+     * Add a circle on the map
+     */
+    set circleConfig(circle) {
+        if (circle) {
+            this.circle.set(circle);
+            if (this.map) {
+                this.addCircle(this.circle()?.center, this.circle()?.radius);
+            }
+        }
+    }
     /**
      * List of markers
      * @param markers - Markers array
      */
     set markers(markers) {
-        if (markers && markers.length > 0) {
-            this._markersList = markers;
-            setTimeout(() => {
-                this._layerGroup?.clearLayers();
-                markers.forEach((m) => {
-                    this._addMarker(m);
-                });
-                this.changeCenter(this._createMarker(markers[0]));
-            }, 100);
+        if (markers?.length) {
+            this.mapMarkers.set(markers);
+            this.form.patchValue({
+                latitude: this.mapMarkers()?.[0]?.lat,
+                longitude: this.mapMarkers()?.[0]?.lng
+            });
+            if (this.map && this._layerGroup) {
+                this.drawMarkers();
+            }
         }
     }
     /**
-     * Form initialization
-     * @param data - Initial data
+     * Draws the markers.
      */
-    _initForm(data) {
-        this.form.patchValue({
-            latitude: data?.latitude,
-            longitude: data?.longitude,
-        });
+    drawMarkers() {
+        if (this.mapMarkers()?.length) {
+            this._layerGroup.clearLayers();
+            this.mapMarkers().forEach((m) => {
+                this.addMarker(m);
+            });
+        }
     }
     /**
      * Main properties of the map
      * @private
      */
-    _initMap() {
-        this._map = L.map('map', {
-            center: this.options?.center ?? DEFAULT_MAP_OPTION.center,
-            dragging: this.options?.draggable ?? DEFAULT_MAP_OPTION.draggable,
-            zoom: this.options?.zoom ?? DEFAULT_MAP_OPTION.zoom,
-            zoomControl: this.options?.zoomControl || DEFAULT_MAP_OPTION.zoomControl,
-            scrollWheelZoom: this.options?.scrollWheelZoom || DEFAULT_MAP_OPTION.scrollWheelZoom,
+    initMap() {
+        this.map = L.map(this.options().id, {
+            center: this.options()?.center ?? DEFAULT_MAP_OPTION.center,
+            dragging: this.options()?.draggable ?? DEFAULT_MAP_OPTION.draggable,
+            zoom: this.options()?.zoom ?? DEFAULT_MAP_OPTION.zoom,
+            zoomControl: this.options()?.zoomControl || DEFAULT_MAP_OPTION.zoomControl,
+            scrollWheelZoom: this.options()?.scrollWheelZoom || DEFAULT_MAP_OPTION.scrollWheelZoom,
             maxZoom: 18,
-            minZoom: 3,
+            minZoom: 3
         });
-        this._layerGroup = layerGroup().addTo(this._map);
-        L.tileLayer('http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png').addTo(this._map);
+        this._layerGroup = layerGroup().addTo(this.map);
+        L.tileLayer('http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png').addTo(this.map);
+        this.drawMarkers();
+        this.changeCenter(new L.LatLng(this.mapMarkers()?.[0]?.lat, this.mapMarkers()?.[0]?.lng));
+        if (this.circle()) {
+            this.addCircle(this.circle()?.center, this.circle()?.radius);
+        }
+        if (this.options()?.addMarker) {
+            let that = this;
+            this.map.on('click', function (e) {
+                const newMarker = {
+                    lat: e.latlng.lat,
+                    lng: e.latlng.lng,
+                    draggable: that.options()?.draggable ?? DEFAULT_MAP_OPTION.draggable
+                };
+                that.addMarker(newMarker);
+                that.markerAdded.emit(newMarker);
+            });
+        }
     }
     /**
      * Add marker to map
@@ -108,17 +152,18 @@ class GuajiritosMap {
      * @param radius - radius of the circle in meters
      * @private
      */
-    _addCircle(center, radius) {
-        if (this._map && center) {
-            L.circleMarker([center?.lat, center?.lng], { radius }).addTo(this._map);
+    addCircle(center, radius) {
+        if (this.map && center) {
+            this.drawMarkers();
+            L.circleMarker([center?.lat, center?.lng], { radius }).addTo(this.map);
         }
     }
     /**
      * Add marker to map
      * @param marker - Point of the map
      */
-    _addMarker(marker) {
-        if (this._map && marker) {
+    addMarker(marker) {
+        if (this.map && marker) {
             const markerAdd = L.marker({
                 lat: marker?.lat,
                 lng: marker?.lng
@@ -131,86 +176,47 @@ class GuajiritosMap {
                 iconUrl: this.icon?.iconUrl
             })).addTo(this._layerGroup);
             markerAdd.on('dragend', () => {
-                this.changeCenter(markerAdd);
+                this.changeCenter(markerAdd.getLatLng());
                 this.markerDragend.emit(markerAdd.getLatLng());
             });
         }
     }
-    /**
-     * Add a marker on the map
-     * @param marker - Point of the map
-     * @private
-     */
-    _createMarker(marker) {
-        const markerCreate = new Marker(new LatLng(marker?.lat, marker?.lng), {
-            draggable: marker?.draggable ?? true,
-            autoPan: true
-        }).setIcon(icon({
-            iconSize: this.icon?.iconSize,
-            iconAnchor: this.icon?.iconAnchor,
-            iconUrl: this.icon?.iconUrl
-        }));
-        markerCreate.on('dragend', () => {
-            this.changeCenter(markerCreate);
-            this.markerDragend.emit(markerCreate.getLatLng());
-        });
-        return markerCreate;
-    }
-    /**
-     * Get latitude and longitude values if maker map is only one
-     * @private
-     */
-    _getLatLng() {
-        if (this._markersList?.length === 1) {
-            this.form.patchValue({
-                latitude: this._markersList?.[0]?.lat,
-                longitude: this._markersList?.[0]?.lng
-            });
-        }
-    }
-    _latLngChangeCenter(marker) {
-        this._map?.setView({
-            lat: marker?.latitude,
-            lng: marker?.longitude
-        });
-        this._markersList[0].lat = parseFloat(marker?.latitude);
-        this._markersList[0].lng = parseFloat(marker?.longitude);
-        this._layerGroup?.clearLayers();
-        const markerAdd = L.marker({
-            lat: this._markersList?.[0]?.lat,
-            lng: this._markersList?.[0]?.lng,
-        }, {
-            draggable: marker?.draggable ?? true,
-            autoPan: true
-        }).addTo(this._layerGroup);
-        markerAdd.on('dragend', () => {
-            this.changeCenter(markerAdd);
-            this.markerDragend.emit(markerAdd.getLatLng());
-        });
-    }
-    /**
-     * Make visible/hide latitude and longitude inputs
-     * @public
-     */
-    hideLatLng() {
-        return this._markersList?.length === 1;
-    }
     /**
      * Put the map center on marker position
      * @param marker - Point of the map
      * @public
      */
     changeCenter(marker) {
-        this._map?.setView(marker?.getLatLng());
+        this.map?.setView(marker);
     }
+    /**
+     * Propagates the change to other components.
+     *
+     * @param {any} _ - an arbitrary parameter.
+     */
     propagateChange(_) {
     }
     ;
+    /**
+     * Sets the callback function to be called when the value
+     * of the control changes.
+     *
+     * @param {any} fn - The callback function to be called
+     * when the value of the control changes.
+     */
     registerOnChange(fn) {
         this.propagateChange = fn;
     }
+    /**
+     * Registers a callback function to be called when the form control is "touched".
+     */
     registerOnTouched() {
     }
+    /**
+     * Sets the disabled state of the form.
+     *
+     * @param {boolean} isDisabled - Specifies whether the form should be disabled or not.
+     */
     setDisabledState(isDisabled) {
         if (isDisabled) {
             this.form.disable();
@@ -219,72 +225,75 @@ class GuajiritosMap {
             this.form.enable();
         }
     }
-    writeValue(form) {
-        if (form) {
-            this._initForm(form);
+    /**
+     * Writes a value to the form.
+     *
+     * @param {any} data - The data to be written.
+     */
+    writeValue(data) {
+        if (data) {
+            this.form.patchValue({
+                latitude: data?.latitude,
+                longitude: data?.longitude
+            });
         }
     }
+    /**
+     * Initializes the component and sets up a listener for changes in the form value.
+     */
     ngOnInit() {
-        this._getLatLng();
         this.form.valueChanges
             .pipe(takeUntil(GuajiritosMap._observableSubject$.asObservable()))
             .subscribe(() => {
             this.propagateChange(this.form.value);
-            this._latLngChangeCenter(this.form.value);
         });
     }
+    /**
+     * Initializes the map after the view has been initialized.
+     */
     ngAfterViewInit() {
-        this._initMap();
-        if (this.circle) {
-            this._addCircle(this.circle?.center, this.circle?.radius);
-        }
+        this.initMap();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: GuajiritosMap, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: GuajiritosMap, isStandalone: true, selector: "guajiritos-map", inputs: { latLabel: "latLabel", latPlaceholder: "latPlaceholder", lngLabel: "lngLabel", lngPlaceholder: "lngPlaceholder", latError: "latError", lngError: "lngError", appearance: "appearance", color: "color", readonly: "readonly", hidden: "hidden", options: "options", circle: "circle", icon: "icon", markers: "markers" }, outputs: { markerDragend: "markerDragend" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GuajiritosMap, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GuajiritosMap, isStandalone: true, selector: "guajiritos-map", inputs: { appearance: "appearance", color: "color", floatLabel: "floatLabel", subscriptSizing: "subscriptSizing", readonly: "readonly", hiddenForm: "hiddenForm", optionsMap: "optionsMap", circleConfig: "circleConfig", icon: "icon", markers: "markers" }, outputs: { markerDragend: "markerDragend", markerAdded: "markerAdded" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GuajiritosMap),
                 multi: true
             }
-        ], ngImport: i0, template: "<div class=\"map-container\">\n  <div class=\"latLngInput\" [formGroup]=\"form\" *ngIf=\"hideLatLng() && !hidden\">\n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" class='w-100'>\n      <mat-label>{{latLabel}}</mat-label>\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\n      <input matInput [placeholder]=\"latPlaceholder\" [readonly]=\"readonly\" formControlName=\"latitude\">\n      <mat-error *ngIf=\"form.controls['latitude'].hasError('required')\">{{latError}}</mat-error>\n    </mat-form-field>\n    \n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" class='w-100'>\n      <mat-label>{{lngLabel}}</mat-label>\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\n      <input matInput [placeholder]=\"lngPlaceholder\" [readonly]=\"readonly\" formControlName=\"longitude\">\n      <mat-error *ngIf=\"form.controls['longitude'].hasError('required')\">{{lngError}}</mat-error>\n    </mat-form-field>\n  </div>\n  \n  <div id=\"map\" class=\"map\"></div>\n</div>\n", styles: [".map-container{display:flex;flex-direction:column;gap:2rem}.latLngInput{display:flex;flex-direction:row;gap:1rem}.map{min-height:400px;max-width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+        ], ngImport: i0, template: "<div class=\"map-container\">\r\n  <div class=\"lat-lng-input\" [formGroup]=\"form\" *ngIf=\"mapMarkers()?.length === 1 && !hiddenForm\">\r\n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" [floatLabel]=\"floatLabel\" class='w-100'\r\n                    [subscriptSizing]=\"subscriptSizing\">\r\n      <mat-label>{{ \"latitud\" | translate | titlecase }}</mat-label>\r\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\r\n      <input matInput [placeholder]=\"'latitud' | translate\" [readonly]=\"readonly\" formControlName=\"latitude\">\r\n      <mat-error>{{ 'Latitud requerida' | translate }}</mat-error>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" [floatLabel]=\"floatLabel\" class='w-100'\r\n                    [subscriptSizing]=\"subscriptSizing\">\r\n      <mat-label>{{ \"longitud\" | translate | titlecase }}</mat-label>\r\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\r\n      <input matInput [placeholder]=\"'longitud' | translate\" [readonly]=\"readonly\" formControlName=\"longitude\">\r\n      <mat-error>{{ 'Longitud requerida' | translate }}</mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <div [id]=\"options().id\" class=\"map\"></div>\r\n</div>\r\n", styles: [".map-container{display:flex;flex-direction:column;gap:2rem}.lat-lng-input{display:flex;flex-direction:row;gap:1rem}.map{min-height:400px;max-width:100%}.w-100{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: GuajiritosMap, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GuajiritosMap, decorators: [{
             type: Component,
             args: [{ selector: 'guajiritos-map', standalone: true, imports: [
                         MatInputModule,
                         ReactiveFormsModule,
                         NgIf,
-                        MatIconModule
+                        MatIconModule,
+                        TranslateModule,
+                        TitleCasePipe
                     ], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => GuajiritosMap),
                             multi: true
                         }
-                    ], template: "<div class=\"map-container\">\n  <div class=\"latLngInput\" [formGroup]=\"form\" *ngIf=\"hideLatLng() && !hidden\">\n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" class='w-100'>\n      <mat-label>{{latLabel}}</mat-label>\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\n      <input matInput [placeholder]=\"latPlaceholder\" [readonly]=\"readonly\" formControlName=\"latitude\">\n      <mat-error *ngIf=\"form.controls['latitude'].hasError('required')\">{{latError}}</mat-error>\n    </mat-form-field>\n    \n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" class='w-100'>\n      <mat-label>{{lngLabel}}</mat-label>\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\n      <input matInput [placeholder]=\"lngPlaceholder\" [readonly]=\"readonly\" formControlName=\"longitude\">\n      <mat-error *ngIf=\"form.controls['longitude'].hasError('required')\">{{lngError}}</mat-error>\n    </mat-form-field>\n  </div>\n  \n  <div id=\"map\" class=\"map\"></div>\n</div>\n", styles: [".map-container{display:flex;flex-direction:column;gap:2rem}.latLngInput{display:flex;flex-direction:row;gap:1rem}.map{min-height:400px;max-width:100%}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { latLabel: [{
-                type: Input
-            }], latPlaceholder: [{
-                type: Input
-            }], lngLabel: [{
-                type: Input
-            }], lngPlaceholder: [{
+                    ], template: "<div class=\"map-container\">\r\n  <div class=\"lat-lng-input\" [formGroup]=\"form\" *ngIf=\"mapMarkers()?.length === 1 && !hiddenForm\">\r\n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" [floatLabel]=\"floatLabel\" class='w-100'\r\n                    [subscriptSizing]=\"subscriptSizing\">\r\n      <mat-label>{{ \"latitud\" | translate | titlecase }}</mat-label>\r\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\r\n      <input matInput [placeholder]=\"'latitud' | translate\" [readonly]=\"readonly\" formControlName=\"latitude\">\r\n      <mat-error>{{ 'Latitud requerida' | translate }}</mat-error>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" [floatLabel]=\"floatLabel\" class='w-100'\r\n                    [subscriptSizing]=\"subscriptSizing\">\r\n      <mat-label>{{ \"longitud\" | translate | titlecase }}</mat-label>\r\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\r\n      <input matInput [placeholder]=\"'longitud' | translate\" [readonly]=\"readonly\" formControlName=\"longitude\">\r\n      <mat-error>{{ 'Longitud requerida' | translate }}</mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <div [id]=\"options().id\" class=\"map\"></div>\r\n</div>\r\n", styles: [".map-container{display:flex;flex-direction:column;gap:2rem}.lat-lng-input{display:flex;flex-direction:row;gap:1rem}.map{min-height:400px;max-width:100%}.w-100{width:100%}\n"] }]
+        }], propDecorators: { appearance: [{
                 type: Input
-            }], latError: [{
-                type: Input
-            }], lngError: [{
+            }], color: [{
                 type: Input
-            }], appearance: [{
+            }], floatLabel: [{
                 type: Input
-            }], color: [{
+            }], subscriptSizing: [{
                 type: Input
             }], readonly: [{
                 type: Input
-            }], hidden: [{
+            }], hiddenForm: [{
                 type: Input
-            }], options: [{
+            }], optionsMap: [{
                 type: Input
-            }], circle: [{
+            }], circleConfig: [{
                 type: Input
             }], icon: [{
                 type: Input
@@ -292,6 +301,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImpor
                 type: Input
             }], markerDragend: [{
                 type: Output
+            }], markerAdded: [{
+                type: Output
             }] } });
 
 /*

package/fesm2022/guajiritos-map.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"guajiritos-map.mjs","sources":["../../../projects/guajiritos-map/src/lib/map.component.ts","../../../projects/guajiritos-map/src/lib/map.component.html","../../../projects/guajiritos-map/src/public-api.ts","../../../projects/guajiritos-map/src/guajiritos-map.ts"],"sourcesContent":["import {AfterViewInit, Component, EventEmitter, forwardRef, Input, OnInit, Output} from \"@angular/core\";\nimport {NgIf} from \"@angular/common\";\nimport * as L from \"leaflet\";\nimport {icon, LatLng, LatLngExpression, layerGroup, LayerGroup, Map, Marker} from \"leaflet\";\nimport {MatInputModule} from \"@angular/material/input\";\nimport {\n  ControlValueAccessor,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n  UntypedFormControl,\n  UntypedFormGroup, Validators\n} from \"@angular/forms\";\nimport {MatFormFieldAppearance} from \"@angular/material/form-field\";\nimport {ThemePalette} from \"@angular/material/core\";\nimport {Subject, takeUntil} from \"rxjs\";\nimport {MatIconModule} from \"@angular/material/icon\";\n\n/**\n * Map options interface\n */\nexport interface MapOption {\n  center?: [number, number],\n  draggable?: boolean,\n  updateWithClick?: boolean,\n  updateWithDoubleClick?: boolean,\n  zoom?: number,\n  borderRadius?: string,\n  scrollable?: boolean,\n  zoomControl?: boolean,\n  scrollWheelZoom?: boolean,\n}\n\n/**\n * Marker interface\n */\nexport interface MarkerMap {\n  lat: number;\n  lng: number;\n  draggable?: boolean;\n}\n\n/**\n * Icon interface\n */\nexport interface Icon {\n  iconSize: [number, number];\n  iconAnchor: [number, number];\n  iconUrl: string;\n  iconRetinaUrl?: string,\n  shadowUrl?: string,\n  popupAnchor?: [number, number],\n  tooltipAnchor?: [number, number],\n  shadowSize?: [number, number],\n}\n\n/**\n * Circle map interface\n */\nexport interface CircleMap {\n  center: MarkerMap;\n  radius: number;\n}\n\nexport const DEFAULT_MAP_OPTION: MapOption = {\n  center: [23.130257185291036, -82.35626220703126],\n  draggable: true,\n  zoom: 8,\n  updateWithClick: false,\n  updateWithDoubleClick: false,\n  zoomControl: false,\n  borderRadius: '8px',\n  scrollWheelZoom: false\n};\n\n@Component({\n  selector: 'guajiritos-map',\n  templateUrl: './map.component.html',\n  styleUrls: ['./map.component.scss'],\n  standalone: true,\n  imports: [\n    MatInputModule,\n    ReactiveFormsModule,\n    NgIf,\n    MatIconModule\n  ],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => GuajiritosMap),\n      multi: true\n    }\n  ]\n})\nexport class GuajiritosMap implements AfterViewInit, OnInit, ControlValueAccessor {\n  constructor() {\n  }\n  \n  private static _observableSubject$: Subject<void> = new Subject();\n  private _map: Map | null = null;\n  private _layerGroup: LayerGroup = new L.LayerGroup();\n  private _markersList: MarkerMap[] = [];\n  \n  public form: UntypedFormGroup = new UntypedFormGroup({\n    latitude: new UntypedFormControl({value: null, disabled: false}, [Validators.required]),\n    longitude: new UntypedFormControl({value: null, disabled: false}, [Validators.required])\n  });\n  \n  @Input() latLabel: string = '';\n  @Input() latPlaceholder: string = '';\n  @Input() lngLabel: string = '';\n  @Input() lngPlaceholder: string = '';\n  @Input() latError: string = '';\n  @Input() lngError: string = '';\n  @Input() appearance: MatFormFieldAppearance = 'outline';\n  @Input() color: ThemePalette = 'accent';\n  @Input() readonly: boolean = false;\n  @Input() hidden: boolean = false;\n  /**\n   * Default map options\n   */\n  @Input() options: MapOption = {};\n  /**\n   * Add a circle on the map\n   */\n  @Input() circle!: CircleMap;\n  /**\n   * Default marker icon\n   */\n  @Input() icon: Icon = {\n    iconSize: [25, 41],\n    iconAnchor: [13, 41],\n    iconUrl: 'marker-icon.png'\n  };\n  \n  /**\n   * List of markers\n   * @param markers - Markers array\n   */\n  @Input() set markers(markers: MarkerMap[]) {\n    if (markers && markers.length > 0) {\n      this._markersList = markers;\n      setTimeout((): void => {\n        this._layerGroup?.clearLayers();\n        markers.forEach((m: any): void => {\n          this._addMarker(m);\n        });\n        this.changeCenter(this._createMarker(markers[0]));\n      }, 100);\n    }\n  }\n  \n  /**\n   * Se lanza cada vez que cambia un marcador\n   */\n  @Output() markerDragend: EventEmitter<LatLng> = new EventEmitter();\n  \n  /**\n   * Form initialization\n   * @param data - Initial data\n   */\n  private _initForm(data: any): void {\n    this.form.patchValue({\n      latitude: data?.latitude,\n      longitude: data?.longitude,\n    });\n  }\n  \n  /**\n   * Main properties of the map\n   * @private\n   */\n  private _initMap(): void {\n    this._map = L.map('map', {\n      center: this.options?.center as LatLngExpression ?? DEFAULT_MAP_OPTION.center,\n      dragging: this.options?.draggable ?? DEFAULT_MAP_OPTION.draggable,\n      zoom: this.options?.zoom ?? DEFAULT_MAP_OPTION.zoom,\n      zoomControl: this.options?.zoomControl || DEFAULT_MAP_OPTION.zoomControl,\n      scrollWheelZoom: this.options?.scrollWheelZoom || DEFAULT_MAP_OPTION.scrollWheelZoom,\n      maxZoom: 18,\n      minZoom: 3,\n    });\n    \n    this._layerGroup = layerGroup().addTo(this._map);\n    \n    L.tileLayer('http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png').addTo(this._map);\n  }\n  \n  /**\n   * Add marker to map\n   * @param center - center of the circle\n   * @param radius - radius of the circle in meters\n   * @private\n   */\n  private _addCircle(center: MarkerMap, radius: number): void {\n    if (this._map && center) {\n      L.circleMarker([center?.lat, center?.lng], {radius}).addTo(this._map);\n    }\n  }\n  \n  /**\n   * Add marker to map\n   * @param marker - Point of the map\n   */\n  private _addMarker(marker: MarkerMap): void {\n    if (this._map && marker) {\n      const markerAdd = L.marker({\n        lat: marker?.lat,\n        lng: marker?.lng\n      }, {\n        draggable: marker?.draggable ?? true,\n        autoPan: true\n      }).setIcon(\n        icon({\n          iconSize: this.icon?.iconSize,\n          iconAnchor: this.icon?.iconAnchor,\n          iconUrl: this.icon?.iconUrl\n        })\n      ).addTo(this._layerGroup);\n      \n      markerAdd.on('dragend', (): void => {\n        this.changeCenter(markerAdd);\n        this.markerDragend.emit(markerAdd.getLatLng());\n      });\n    }\n  }\n  \n  /**\n   * Add a marker on the map\n   * @param marker - Point of the map\n   * @private\n   */\n  private _createMarker(marker: MarkerMap): Marker {\n    const markerCreate: Marker<LatLng> = new Marker(new LatLng(\n      marker?.lat,\n      marker?.lng\n    ), {\n      draggable: marker?.draggable ?? true,\n      autoPan: true\n    }).setIcon(\n      icon({\n        iconSize: this.icon?.iconSize,\n        iconAnchor: this.icon?.iconAnchor,\n        iconUrl: this.icon?.iconUrl\n      })\n    );\n    \n    markerCreate.on('dragend', (): void => {\n      this.changeCenter(markerCreate);\n      this.markerDragend.emit(markerCreate.getLatLng());\n    });\n    \n    return markerCreate;\n  }\n  \n  /**\n   * Get latitude and longitude values if maker map is only one\n   * @private\n   */\n  private _getLatLng(): void {\n    if (this._markersList?.length === 1) {\n      this.form.patchValue({\n        latitude: this._markersList?.[0]?.lat,\n        longitude: this._markersList?.[0]?.lng\n      })\n    }\n  }\n  \n  private _latLngChangeCenter(marker: any) {\n    this._map?.setView({\n      lat: marker?.latitude,\n      lng: marker?.longitude\n    });\n    \n    this._markersList[0].lat = parseFloat(marker?.latitude);\n    this._markersList[0].lng = parseFloat(marker?.longitude);\n    \n    this._layerGroup?.clearLayers();\n    \n    const markerAdd = L.marker({\n      lat: this._markersList?.[0]?.lat,\n      lng: this._markersList?.[0]?.lng,\n    }, {\n      draggable: marker?.draggable ?? true,\n      autoPan: true\n    }).addTo(this._layerGroup);\n    \n    markerAdd.on('dragend', (): void => {\n      this.changeCenter(markerAdd);\n      this.markerDragend.emit(markerAdd.getLatLng());\n    });\n  }\n  \n  /**\n   * Make visible/hide latitude and longitude inputs\n   * @public\n   */\n  public hideLatLng(): boolean {\n    return this._markersList?.length === 1;\n  }\n  \n  /**\n   * Put the map center on marker position\n   * @param marker - Point of the map\n   * @public\n   */\n  public changeCenter(marker: Marker): void {\n    this._map?.setView(marker?.getLatLng());\n  }\n  \n  propagateChange(_: any): void {\n  };\n  \n  registerOnChange(fn: any): void {\n    this.propagateChange = fn;\n  }\n  \n  registerOnTouched(): void {\n  }\n  \n  setDisabledState(isDisabled: boolean): void {\n    if (isDisabled) {\n      this.form.disable();\n    } else {\n      this.form.enable();\n    }\n  }\n  \n  writeValue(form: any): void {\n    if (form) {\n      this._initForm(form);\n    }\n  }\n  \n  ngOnInit(): void {\n    this._getLatLng();\n    \n    this.form.valueChanges\n      .pipe(takeUntil(GuajiritosMap._observableSubject$.asObservable()))\n      .subscribe((): void => {\n        this.propagateChange(this.form.value);\n        this._latLngChangeCenter(this.form.value);\n      })\n  }\n  \n  ngAfterViewInit(): void {\n    this._initMap();\n    \n    if (this.circle) {\n      this._addCircle(this.circle?.center, this.circle?.radius);\n    }\n  }\n}\n","<div class=\"map-container\">\n  <div class=\"latLngInput\" [formGroup]=\"form\" *ngIf=\"hideLatLng() && !hidden\">\n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" class='w-100'>\n      <mat-label>{{latLabel}}</mat-label>\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\n      <input matInput [placeholder]=\"latPlaceholder\" [readonly]=\"readonly\" formControlName=\"latitude\">\n      <mat-error *ngIf=\"form.controls['latitude'].hasError('required')\">{{latError}}</mat-error>\n    </mat-form-field>\n    \n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" class='w-100'>\n      <mat-label>{{lngLabel}}</mat-label>\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\n      <input matInput [placeholder]=\"lngPlaceholder\" [readonly]=\"readonly\" formControlName=\"longitude\">\n      <mat-error *ngIf=\"form.controls['longitude'].hasError('required')\">{{lngError}}</mat-error>\n    </mat-form-field>\n  </div>\n  \n  <div id=\"map\" class=\"map\"></div>\n</div>\n","/*\n * Public API Surface of guajiritos-map\n */\n\nexport * from './lib/map.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"guajiritos-map.mjs","sources":["../../../projects/guajiritos-map/src/interfaces/interfaces.ts","../../../projects/guajiritos-map/src/lib/guajiritos-map.component.ts","../../../projects/guajiritos-map/src/lib/guajiritos-map.component.html","../../../projects/guajiritos-map/src/public-api.ts","../../../projects/guajiritos-map/src/guajiritos-map.ts"],"sourcesContent":["\r\n/**\r\n * Map options interface\r\n */\r\nexport interface MapOption {\r\n  id: string;\r\n  center?: [number, number];\r\n  draggable?: boolean;\r\n  updateWithClick?: boolean;\r\n  updateWithDoubleClick?: boolean;\r\n  zoom?: number;\r\n  borderRadius?: string;\r\n  scrollable?: boolean;\r\n  zoomControl?: boolean;\r\n  scrollWheelZoom?: boolean;\r\n  addMarker?: boolean;\r\n}\r\n\r\n/**\r\n * Marker interface\r\n */\r\nexport interface MarkerMap {\r\n  lat: number;\r\n  lng: number;\r\n  draggable?: boolean;\r\n}\r\n\r\n/**\r\n * Icon interface\r\n */\r\nexport interface Icon {\r\n  iconSize: [number, number];\r\n  iconAnchor: [number, number];\r\n  iconUrl: string;\r\n  iconRetinaUrl?: string,\r\n  shadowUrl?: string,\r\n  popupAnchor?: [number, number],\r\n  tooltipAnchor?: [number, number],\r\n  shadowSize?: [number, number],\r\n}\r\n\r\n/**\r\n * Circle map interface\r\n */\r\nexport interface CircleMap {\r\n  center: MarkerMap;\r\n  radius: number;\r\n}\r\n\r\nexport const DEFAULT_MAP_OPTION: MapOption = {\r\n  id: 'map',\r\n  center: [23.130257185291036, -82.35626220703126],\r\n  draggable: true,\r\n  zoom: 15,\r\n  updateWithClick: false,\r\n  updateWithDoubleClick: false,\r\n  zoomControl: true,\r\n  borderRadius: '8px',\r\n  scrollWheelZoom: false,\r\n  addMarker: false,\r\n  scrollable: false\r\n};","import {\r\n  AfterViewInit,\r\n  Component,\r\n  EventEmitter,\r\n  forwardRef,\r\n  Input,\r\n  OnInit,\r\n  Output,\r\n  signal,\r\n  WritableSignal\r\n} from '@angular/core';\r\nimport { NgIf, TitleCasePipe } from '@angular/common';\r\nimport * as L from 'leaflet';\r\nimport { icon, LatLng, LatLngExpression, layerGroup, LayerGroup, Map } from 'leaflet';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport {\r\n  ControlValueAccessor,\r\n  NG_VALUE_ACCESSOR,\r\n  ReactiveFormsModule,\r\n  UntypedFormControl,\r\n  UntypedFormGroup,\r\n  Validators\r\n} from '@angular/forms';\r\nimport { FloatLabelType, MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { ThemePalette } from '@angular/material/core';\r\nimport { Subject, takeUntil } from 'rxjs';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\n\r\nimport { CircleMap, DEFAULT_MAP_OPTION, Icon, MapOption, MarkerMap } from '../interfaces/interfaces';\r\n\r\n@Component({\r\n  selector: 'guajiritos-map',\r\n  templateUrl: './guajiritos-map.component.html',\r\n  styleUrls: ['./guajiritos-map.component.scss'],\r\n  standalone: true,\r\n  imports: [\r\n    MatInputModule,\r\n    ReactiveFormsModule,\r\n    NgIf,\r\n    MatIconModule,\r\n    TranslateModule,\r\n    TitleCasePipe\r\n  ],\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => GuajiritosMap),\r\n      multi: true\r\n    }\r\n  ]\r\n})\r\nexport class GuajiritosMap implements OnInit, AfterViewInit, ControlValueAccessor {\r\n  private static _observableSubject$: Subject<void> = new Subject();\r\n  private map: Map;\r\n  private _layerGroup: LayerGroup = new L.LayerGroup();\r\n  public mapMarkers: WritableSignal<MarkerMap[]> = signal([]);\r\n\r\n  public options: WritableSignal<MapOption> = signal(DEFAULT_MAP_OPTION);\r\n  public circle: WritableSignal<CircleMap> = signal(null);\r\n\r\n  public form: UntypedFormGroup = new UntypedFormGroup({\r\n    latitude: new UntypedFormControl({ value: null, disabled: false }, [Validators.required]),\r\n    longitude: new UntypedFormControl({ value: null, disabled: false }, [Validators.required])\r\n  });\r\n\r\n  @Input() appearance: MatFormFieldAppearance = 'outline';\r\n  @Input() color: ThemePalette = 'accent';\r\n  @Input() floatLabel: FloatLabelType = 'auto';\r\n  @Input() subscriptSizing: SubscriptSizing = 'dynamic';\r\n\r\n  @Input() readonly: boolean = false;\r\n  @Input() hiddenForm: boolean = false;\r\n\r\n  /**\r\n   * Default map options\r\n   */\r\n  @Input() set optionsMap(options: Partial<MapOption>) {\r\n    if (options) {\r\n      this.options.set({\r\n        ...this.options(),\r\n        ...options\r\n      });\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Add a circle on the map\r\n   */\r\n  @Input() set circleConfig(circle: CircleMap) {\r\n    if (circle) {\r\n      this.circle.set(circle);\r\n\r\n      if (this.map) {\r\n        this.addCircle(this.circle()?.center, this.circle()?.radius);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Default marker icon\r\n   */\r\n  @Input() icon: Icon = {\r\n    iconSize: [25, 41],\r\n    iconAnchor: [13, 41],\r\n    iconUrl: 'marker-icon.png'\r\n  };\r\n\r\n  /**\r\n   * List of markers\r\n   * @param markers - Markers array\r\n   */\r\n  @Input() set markers(markers: MarkerMap[]) {\r\n    if (markers?.length) {\r\n      this.mapMarkers.set(markers);\r\n\r\n      this.form.patchValue({\r\n        latitude: this.mapMarkers()?.[0]?.lat,\r\n        longitude: this.mapMarkers()?.[0]?.lng\r\n      });\r\n\r\n      if (this.map && this._layerGroup) {\r\n        this.drawMarkers();\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Se lanza cada vez que cambia un marcador\r\n   */\r\n  @Output() markerDragend: EventEmitter<LatLng> = new EventEmitter();\r\n  /**\r\n   * Se lanza cada vez que se añade un marcador\r\n   */\r\n  @Output() markerAdded: EventEmitter<MarkerMap> = new EventEmitter();\r\n\r\n  /**\r\n   * Draws the markers.\r\n   */\r\n  private drawMarkers(): void {\r\n    if (this.mapMarkers()?.length) {\r\n      this._layerGroup.clearLayers();\r\n      this.mapMarkers().forEach((m: MarkerMap): void => {\r\n        this.addMarker(m);\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Main properties of the map\r\n   * @private\r\n   */\r\n  private initMap(): void {\r\n    this.map = L.map(this.options().id, {\r\n      center: this.options()?.center as LatLngExpression ?? DEFAULT_MAP_OPTION.center,\r\n      dragging: this.options()?.draggable ?? DEFAULT_MAP_OPTION.draggable,\r\n      zoom: this.options()?.zoom ?? DEFAULT_MAP_OPTION.zoom,\r\n      zoomControl: this.options()?.zoomControl || DEFAULT_MAP_OPTION.zoomControl,\r\n      scrollWheelZoom: this.options()?.scrollWheelZoom || DEFAULT_MAP_OPTION.scrollWheelZoom,\r\n      maxZoom: 18,\r\n      minZoom: 3\r\n    });\r\n\r\n    this._layerGroup = layerGroup().addTo(this.map);\r\n\r\n    L.tileLayer('http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png').addTo(this.map);\r\n\r\n    this.drawMarkers();\r\n    this.changeCenter(new L.LatLng(this.mapMarkers()?.[0]?.lat, this.mapMarkers()?.[0]?.lng));\r\n\r\n    if (this.circle()) {\r\n      this.addCircle(this.circle()?.center, this.circle()?.radius);\r\n    }\r\n\r\n    if (this.options()?.addMarker) {\r\n      let that = this;\r\n      this.map.on('click', function (e: L.LeafletMouseEvent): void {\r\n        const newMarker: MarkerMap = {\r\n          lat: e.latlng.lat,\r\n          lng: e.latlng.lng,\r\n          draggable: that.options()?.draggable ?? DEFAULT_MAP_OPTION.draggable\r\n        };\r\n\r\n        that.addMarker(newMarker);\r\n\r\n        that.markerAdded.emit(newMarker);\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Add marker to map\r\n   * @param center - center of the circle\r\n   * @param radius - radius of the circle in meters\r\n   * @private\r\n   */\r\n  private addCircle(center: MarkerMap, radius: number): void {\r\n    if (this.map && center) {\r\n      this.drawMarkers();\r\n      L.circleMarker([center?.lat, center?.lng], { radius }).addTo(this.map);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Add marker to map\r\n   * @param marker - Point of the map\r\n   */\r\n  private addMarker(marker: MarkerMap): void {\r\n    if (this.map && marker) {\r\n      const markerAdd: L.Marker = L.marker({\r\n        lat: marker?.lat,\r\n        lng: marker?.lng\r\n      }, {\r\n        draggable: marker?.draggable ?? true,\r\n        autoPan: true\r\n      }).setIcon(\r\n        icon({\r\n          iconSize: this.icon?.iconSize,\r\n          iconAnchor: this.icon?.iconAnchor,\r\n          iconUrl: this.icon?.iconUrl\r\n        })\r\n      ).addTo(this._layerGroup);\r\n\r\n      markerAdd.on('dragend', (): void => {\r\n        this.changeCenter(markerAdd.getLatLng());\r\n        this.markerDragend.emit(markerAdd.getLatLng());\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Put the map center on marker position\r\n   * @param marker - Point of the map\r\n   * @public\r\n   */\r\n  public changeCenter(marker: L.LatLng): void {\r\n    this.map?.setView(marker);\r\n  }\r\n\r\n  /**\r\n   * Propagates the change to other components.\r\n   *\r\n   * @param {any} _ - an arbitrary parameter.\r\n   */\r\n  propagateChange(_: any): void {\r\n  };\r\n\r\n  /**\r\n   * Sets the callback function to be called when the value\r\n   * of the control changes.\r\n   *\r\n   * @param {any} fn - The callback function to be called\r\n   * when the value of the control changes.\r\n   */\r\n  registerOnChange(fn: any): void {\r\n    this.propagateChange = fn;\r\n  }\r\n\r\n  /**\r\n   * Registers a callback function to be called when the form control is \"touched\".\r\n   */\r\n  registerOnTouched(): void {\r\n  }\r\n\r\n  /**\r\n   * Sets the disabled state of the form.\r\n   *\r\n   * @param {boolean} isDisabled - Specifies whether the form should be disabled or not.\r\n   */\r\n  setDisabledState(isDisabled: boolean): void {\r\n    if (isDisabled) {\r\n      this.form.disable();\r\n    } else {\r\n      this.form.enable();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Writes a value to the form.\r\n   *\r\n   * @param {any} data - The data to be written.\r\n   */\r\n  writeValue(data: any): void {\r\n    if (data) {\r\n      this.form.patchValue({\r\n        latitude: data?.latitude,\r\n        longitude: data?.longitude\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Initializes the component and sets up a listener for changes in the form value.\r\n   */\r\n  ngOnInit(): void {\r\n    this.form.valueChanges\r\n      .pipe(takeUntil(GuajiritosMap._observableSubject$.asObservable()))\r\n      .subscribe((): void => {\r\n        this.propagateChange(this.form.value);\r\n      });\r\n  }\r\n\r\n  /**\r\n   * Initializes the map after the view has been initialized.\r\n   */\r\n  ngAfterViewInit(): void {\r\n    this.initMap();\r\n  }\r\n}\r\n","<div class=\"map-container\">\r\n  <div class=\"lat-lng-input\" [formGroup]=\"form\" *ngIf=\"mapMarkers()?.length === 1 && !hiddenForm\">\r\n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" [floatLabel]=\"floatLabel\" class='w-100'\r\n                    [subscriptSizing]=\"subscriptSizing\">\r\n      <mat-label>{{ \"latitud\" | translate | titlecase }}</mat-label>\r\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\r\n      <input matInput [placeholder]=\"'latitud' | translate\" [readonly]=\"readonly\" formControlName=\"latitude\">\r\n      <mat-error>{{ 'Latitud requerida' | translate }}</mat-error>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\" [floatLabel]=\"floatLabel\" class='w-100'\r\n                    [subscriptSizing]=\"subscriptSizing\">\r\n      <mat-label>{{ \"longitud\" | translate | titlecase }}</mat-label>\r\n      <mat-icon matSuffix class=\"material-icons-outlined\" [color]=\"color\">place</mat-icon>\r\n      <input matInput [placeholder]=\"'longitud' | translate\" [readonly]=\"readonly\" formControlName=\"longitude\">\r\n      <mat-error>{{ 'Longitud requerida' | translate }}</mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <div [id]=\"options().id\" class=\"map\"></div>\r\n</div>\r\n","/*\r\n * Public API Surface of guajiritos-map\r\n */\r\n\r\nexport * from './interfaces/interfaces';\r\nexport * from './lib/guajiritos-map.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/interfaces/interfaces.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Map options interface
+ */
+export interface MapOption {
+    id: string;
+    center?: [number, number];
+    draggable?: boolean;
+    updateWithClick?: boolean;
+    updateWithDoubleClick?: boolean;
+    zoom?: number;
+    borderRadius?: string;
+    scrollable?: boolean;
+    zoomControl?: boolean;
+    scrollWheelZoom?: boolean;
+    addMarker?: boolean;
+}
+/**
+ * Marker interface
+ */
+export interface MarkerMap {
+    lat: number;
+    lng: number;
+    draggable?: boolean;
+}
+/**
+ * Icon interface
+ */
+export interface Icon {
+    iconSize: [number, number];
+    iconAnchor: [number, number];
+    iconUrl: string;
+    iconRetinaUrl?: string;
+    shadowUrl?: string;
+    popupAnchor?: [number, number];
+    tooltipAnchor?: [number, number];
+    shadowSize?: [number, number];
+}
+/**
+ * Circle map interface
+ */
+export interface CircleMap {
+    center: MarkerMap;
+    radius: number;
+}
+export declare const DEFAULT_MAP_OPTION: MapOption;