@guajiritos/map 0.0.1-beta

package/README.md

@@ -0,0 +1,159 @@
+# Guajiritos Map
+
+`Guajiritos Map` es una librería para Angular que permite la configuración de un mapa de `Leaflet` para su posterior uso de distintas formas.
+
+## Instalación
+
+Con `npm`
+
+```sh
+npm i @guajiritos/map --save
+```
+
+Con `yarn`
+
+```sh
+yarn add @guajiritos/map
+```
+
+## Nota
+
+Para el uso correcto de esta librería es necesario tener instalado previamente `@ngular/material`, `leaflet` y `@types/leaflet`. En caso de no tener instalado las librerías anteriormente descritas el uso de la librería `@guajiritos/map` derivaría en errores para su aplicación.
+
+## Importación
+
+Importar la librería como se muestra a continuación.
+
+```ts
+import {GuajiritosMap} from "@guajiritos/map";
+```
+
+Luego añadirla a la sección imports.
+
+```ts
+imports: [
+    ...
+    GuajiritosMap,
+  ]
+```
+
+## Estilos
+
+Para usar correctamente los estilos del mapa debe poner en su archivo `angular.json` la línea de código `"./node_modules/leaflet/dist/leaflet.css",` como se muestra a continuación
+
+```json
+{
+  ...
+  "projects": {
+    "angular-leaflet-app": {
+      ...
+      "architect": {
+        "build": {
+          ...
+          "options": {
+            ...
+            "styles": [
+              "./node_modules/leaflet/dist/leaflet.css",
+              "src/styles.css"
+            ],
+            ...
+          }
+          ...
+        }
+        ...
+      }
+    }
+  }
+}
+```
+
+Para que los marcadores de leaflet puedan ser vistos en el mapa debe agregar al archivo `angular.json` los siguientes etilos como se muestra a continuación
+
+```json
+{
+  ...
+  "projects": {
+    "angular-leaflet-example": {
+      ...
+      "architect": {
+        "build": {
+          ...
+          "options": {
+            ...
+            "assets": [
+              "src/favicon.ico",
+              "src/assets",
+              {
+                "glob": "**/*",
+                "input": "node_modules/leaflet/dist/images/",
+                "output": "./assets"
+              }
+            ],
+            ...
+          }
+          ...
+        }
+        ...
+      }
+    }
+  }
+}
+```
+
+Nota: En caso de querer quitar el cartel pequeño en la esquina inferior derecha, basta con poner en el `styles.css` o `styles.scss` las siguientes líneas de código
+
+```scss
+.leaflet-bottom.leaflet-right {
+  display: none;
+}
+```
+
+## Uso
+
+En nuestro archivo HTML debemos agregar la etiqueta `guajiritos-multi-chips` como se muestra a continuación.
+
+```html
+
+<guajiritos-map [latLabel]="latLabel" [latPlaceholder]="latPlaceholder" [latError]="latError" [lngLabel]="lngLabel"
+                [lngPlaceholder]="lngPlaceholder" [lngError]="lngError" [appearance]="appearance" [color]="color"
+                [readonly]="false" [hidden]="false" [options]="options" [circle]="circle" [icon]="icon"
+                [markers]="markers()" [formControl]="form" (markerDragend)="markerDragEnd($event)">
+</guajiritos-map>
+```
+
+Cada una de las propiedades descritas en el ejemplo anterior no son de uso requerido. A continuación se explica cada una de ellas.
+
+```text
+latLabel: Representa el label que se va a mostrar cuando se visualice el campo de la latitud.
+
+latPlaceholder: Representa el placeholder que se va a mostrar cuando se visualice el campo de la latitud.
+
+latError: Representa el error a mostrar cuando el campo latitud se encuentre vacío.
+
+lngLabel: Representa el label que se va a mostrar cuando se visualice el campo de la longitud.
+
+lngPlaceholder: Representa el placeholder que se va a mostrar cuando se visualice el campo de la longitud.
+
+lngError: Representa el error a mostrar cuando el campo longitud se encuentre vacío.
+
+appearance: Representa la apariencia del componente. Por defecto toma el valor "outline".
+
+color: Representa el color del componente. Por defecto su valor es "accent".
+
+readonly: Convierte en solo lectura los campos de latitud y longitud cuando sea necesario. Por defecto su valor es "false".
+
+hidden: Fuerza que los campos de latitud y longitud se oculten. Por defecto su valor es "false".
+
+options: Representa las opciones iniciales del mapa que va ser mostrado.
+
+circle: Utilizado para dibujar un círculo en el mapa.
+
+icon: Valor para representar el ícono de los marcadores que serán dibujados sobre el mapa.
+
+markers: Listado de marcadores que serán dibujados en el mapa. Éste listado debe estar representado en forma de arreglo de marcadores.
+
+formControl: Representa el FormControl al que se hace referencia en el formulario donde la librería es usada.
+
+markerDragEnd: Evento que se lanza cuando el marcador es movido de una posición a otra.
+```
+

package/esm2022/guajiritos-map.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3VhamlyaXRvcy1tYXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9ndWFqaXJpdG9zLW1hcC9zcmMvZ3VhamlyaXRvcy1tYXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2022/interfaces/interfaces.mjs

@@ -0,0 +1,14 @@
+export const DEFAULT_MAP_OPTION = {
+    id: 'map',
+    center: [23.130257185291036, -82.35626220703126],
+    draggable: true,
+    zoom: 15,
+    updateWithClick: false,
+    updateWithDoubleClick: false,
+    zoomControl: true,
+    borderRadius: '8px',
+    scrollWheelZoom: false,
+    addMarker: false,
+    scrollable: false
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJmYWNlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2d1YWppcml0b3MtbWFwL3NyYy9pbnRlcmZhY2VzL2ludGVyZmFjZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURBLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFjO0lBQzNDLEVBQUUsRUFBRSxLQUFLO0lBQ1QsTUFBTSxFQUFFLENBQUMsa0JBQWtCLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztJQUNoRCxTQUFTLEVBQUUsSUFBSTtJQUNmLElBQUksRUFBRSxFQUFFO0lBQ1IsZUFBZSxFQUFFLEtBQUs7SUFDdEIscUJBQXFCLEVBQUUsS0FBSztJQUM1QixXQUFXLEVBQUUsSUFBSTtJQUNqQixZQUFZLEVBQUUsS0FBSztJQUNuQixlQUFlLEVBQUUsS0FBSztJQUN0QixTQUFTLEVBQUUsS0FBSztJQUNoQixVQUFVLEVBQUUsS0FBSztDQUNsQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbi8qKlxyXG4gKiBNYXAgb3B0aW9ucyBpbnRlcmZhY2VcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgTWFwT3B0aW9uIHtcclxuICBpZDogc3RyaW5nO1xyXG4gIGNlbnRlcj86IFtudW1iZXIsIG51bWJlcl07XHJcbiAgZHJhZ2dhYmxlPzogYm9vbGVhbjtcclxuICB1cGRhdGVXaXRoQ2xpY2s/OiBib29sZWFuO1xyXG4gIHVwZGF0ZVdpdGhEb3VibGVDbGljaz86IGJvb2xlYW47XHJcbiAgem9vbT86IG51bWJlcjtcclxuICBib3JkZXJSYWRpdXM/OiBzdHJpbmc7XHJcbiAgc2Nyb2xsYWJsZT86IGJvb2xlYW47XHJcbiAgem9vbUNvbnRyb2w/OiBib29sZWFuO1xyXG4gIHNjcm9sbFdoZWVsWm9vbT86IGJvb2xlYW47XHJcbiAgYWRkTWFya2VyPzogYm9vbGVhbjtcclxufVxyXG5cclxuLyoqXHJcbiAqIE1hcmtlciBpbnRlcmZhY2VcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgTWFya2VyTWFwIHtcclxuICBsYXQ6IG51bWJlcjtcclxuICBsbmc6IG51bWJlcjtcclxuICBkcmFnZ2FibGU/OiBib29sZWFuO1xyXG59XHJcblxyXG4vKipcclxuICogSWNvbiBpbnRlcmZhY2VcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgSWNvbiB7XHJcbiAgaWNvblNpemU6IFtudW1iZXIsIG51bWJlcl07XHJcbiAgaWNvbkFuY2hvcjogW251bWJlciwgbnVtYmVyXTtcclxuICBpY29uVXJsOiBzdHJpbmc7XHJcbiAgaWNvblJldGluYVVybD86IHN0cmluZyxcclxuICBzaGFkb3dVcmw/OiBzdHJpbmcsXHJcbiAgcG9wdXBBbmNob3I/OiBbbnVtYmVyLCBudW1iZXJdLFxyXG4gIHRvb2x0aXBBbmNob3I/OiBbbnVtYmVyLCBudW1iZXJdLFxyXG4gIHNoYWRvd1NpemU/OiBbbnVtYmVyLCBudW1iZXJdLFxyXG59XHJcblxyXG4vKipcclxuICogQ2lyY2xlIG1hcCBpbnRlcmZhY2VcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgQ2lyY2xlTWFwIHtcclxuICBjZW50ZXI6IE1hcmtlck1hcDtcclxuICByYWRpdXM6IG51bWJlcjtcclxufVxyXG5cclxuZXhwb3J0IGNvbnN0IERFRkFVTFRfTUFQX09QVElPTjogTWFwT3B0aW9uID0ge1xyXG4gIGlkOiAnbWFwJyxcclxuICBjZW50ZXI6IFsyMy4xMzAyNTcxODUyOTEwMzYsIC04Mi4zNTYyNjIyMDcwMzEyNl0sXHJcbiAgZHJhZ2dhYmxlOiB0cnVlLFxyXG4gIHpvb206IDE1LFxyXG4gIHVwZGF0ZVdpdGhDbGljazogZmFsc2UsXHJcbiAgdXBkYXRlV2l0aERvdWJsZUNsaWNrOiBmYWxzZSxcclxuICB6b29tQ29udHJvbDogdHJ1ZSxcclxuICBib3JkZXJSYWRpdXM6ICc4cHgnLFxyXG4gIHNjcm9sbFdoZWVsWm9vbTogZmFsc2UsXHJcbiAgYWRkTWFya2VyOiBmYWxzZSxcclxuICBzY3JvbGxhYmxlOiBmYWxzZVxyXG59OyJdfQ==

package/esm2022/lib/guajiritos-map.component.mjs

@@ -0,0 +1,293 @@
+import { Component, EventEmitter, forwardRef, Input, Output, signal } from '@angular/core';
+import { NgIf, TitleCasePipe } from '@angular/common';
+import * as L from 'leaflet';
+import { icon, layerGroup } from 'leaflet';
+import { MatInputModule } from '@angular/material/input';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';
+import { MatIconModule } from '@angular/material/icon';
+import { Subject, takeUntil } from 'rxjs';
+import { TranslateModule } from '@ngx-translate/core';
+import { DEFAULT_MAP_OPTION } from '../interfaces/interfaces';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/input";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@ngx-translate/core";
+export class GuajiritosMap {
+    constructor() {
+        this._layerGroup = new L.LayerGroup();
+        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.appearance = 'outline';
+        this.color = 'accent';
+        this.floatLabel = 'auto';
+        this.subscriptSizing = 'dynamic';
+        this.readonly = false;
+        this.hiddenForm = false;
+        /**
+         * Default marker icon
+         */
+        this.icon = {
+            iconSize: [25, 41],
+            iconAnchor: [13, 41],
+            iconUrl: 'marker-icon.png'
+        };
+        /**
+         * 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?.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();
+            }
+        }
+    }
+    /**
+     * Draws the markers.
+     */
+    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(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
+        });
+        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
+     * @param center - center of the circle
+     * @param radius - radius of the circle in meters
+     * @private
+     */
+    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) {
+            const markerAdd = L.marker({
+                lat: marker?.lat,
+                lng: marker?.lng
+            }, {
+                draggable: marker?.draggable ?? true,
+                autoPan: true
+            }).setIcon(icon({
+                iconSize: this.icon?.iconSize,
+                iconAnchor: this.icon?.iconAnchor,
+                iconUrl: this.icon?.iconUrl
+            })).addTo(this._layerGroup);
+            markerAdd.on('dragend', () => {
+                this.changeCenter(markerAdd.getLatLng());
+                this.markerDragend.emit(markerAdd.getLatLng());
+            });
+        }
+    }
+    /**
+     * Put the map center on marker position
+     * @param marker - Point of the map
+     * @public
+     */
+    changeCenter(marker) {
+        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();
+        }
+        else {
+            this.form.enable();
+        }
+    }
+    /**
+     * 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.form.valueChanges
+            .pipe(takeUntil(GuajiritosMap._observableSubject$.asObservable()))
+            .subscribe(() => {
+            this.propagateChange(this.form.value);
+        });
+    }
+    /**
+     * Initializes the map after the view has been initialized.
+     */
+    ngAfterViewInit() {
+        this.initMap();
+    }
+    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\">\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.2.12", ngImport: i0, type: GuajiritosMap, decorators: [{
+            type: Component,
+            args: [{ selector: 'guajiritos-map', standalone: true, imports: [
+                        MatInputModule,
+                        ReactiveFormsModule,
+                        NgIf,
+                        MatIconModule,
+                        TranslateModule,
+                        TitleCasePipe
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GuajiritosMap),
+                            multi: true
+                        }
+                    ], 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
+            }], color: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], subscriptSizing: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], hiddenForm: [{
+                type: Input
+            }], optionsMap: [{
+                type: Input
+            }], circleConfig: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], markers: [{
+                type: Input
+            }], markerDragend: [{
+                type: Output
+            }], markerAdded: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3VhamlyaXRvcy1tYXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3VhamlyaXRvcy1tYXAvc3JjL2xpYi9ndWFqaXJpdG9zLW1hcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9ndWFqaXJpdG9zLW1hcC9zcmMvbGliL2d1YWppcml0b3MtbWFwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixLQUFLLEVBRUwsTUFBTSxFQUNOLE1BQU0sRUFFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3RELE9BQU8sS0FBSyxDQUFDLE1BQU0sU0FBUyxDQUFDO0FBQzdCLE9BQU8sRUFBRSxJQUFJLEVBQTRCLFVBQVUsRUFBbUIsTUFBTSxTQUFTLENBQUM7QUFDdEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFFTCxpQkFBaUIsRUFDakIsbUJBQW1CLEVBQ25CLGtCQUFrQixFQUNsQixnQkFBZ0IsRUFDaEIsVUFBVSxFQUNYLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV0RCxPQUFPLEVBQWEsa0JBQWtCLEVBQThCLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7QUF1QnJHLE1BQU0sT0FBTyxhQUFhO0lBckIxQjtRQXdCVSxnQkFBVyxHQUFlLElBQUksQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzlDLGVBQVUsR0FBZ0MsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRXJELFlBQU8sR0FBOEIsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDaEUsV0FBTSxHQUE4QixNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFakQsU0FBSSxHQUFxQixJQUFJLGdCQUFnQixDQUFDO1lBQ25ELFFBQVEsRUFBRSxJQUFJLGtCQUFrQixDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDekYsU0FBUyxFQUFFLElBQUksa0JBQWtCLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUMzRixDQUFDLENBQUM7UUFFTSxlQUFVLEdBQTJCLFNBQVMsQ0FBQztRQUMvQyxVQUFLLEdBQWlCLFFBQVEsQ0FBQztRQUMvQixlQUFVLEdBQW1CLE1BQU0sQ0FBQztRQUNwQyxvQkFBZSxHQUFvQixTQUFTLENBQUM7UUFFN0MsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixlQUFVLEdBQVksS0FBSyxDQUFDO1FBMkJyQzs7V0FFRztRQUNNLFNBQUksR0FBUztZQUNwQixRQUFRLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ2xCLFVBQVUsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7WUFDcEIsT0FBTyxFQUFFLGlCQUFpQjtTQUMzQixDQUFDO1FBcUJGOztXQUVHO1FBQ08sa0JBQWEsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRTs7V0FFRztRQUNPLGdCQUFXLEdBQTRCLElBQUksWUFBWSxFQUFFLENBQUM7S0E4S3JFO2FBL1BnQix3QkFBbUIsR0FBa0IsSUFBSSxPQUFPLEVBQUUsQUFBL0IsQ0FBZ0M7SUFxQmxFOztPQUVHO0lBQ0gsSUFBYSxVQUFVLENBQUMsT0FBMkI7UUFDakQsSUFBSSxPQUFPLEVBQUU7WUFDWCxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQztnQkFDZixHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUU7Z0JBQ2pCLEdBQUcsT0FBTzthQUNYLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFFRjs7T0FFRztJQUNILElBQWEsWUFBWSxDQUFDLE1BQWlCO1FBQ3pDLElBQUksTUFBTSxFQUFFO1lBQ1YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7WUFFeEIsSUFBSSxJQUFJLENBQUMsR0FBRyxFQUFFO2dCQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUM7YUFDOUQ7U0FDRjtJQUNILENBQUM7SUFXRDs7O09BR0c7SUFDSCxJQUFhLE9BQU8sQ0FBQyxPQUFvQjtRQUN2QyxJQUFJLE9BQU8sRUFBRSxNQUFNLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7WUFFN0IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7Z0JBQ25CLFFBQVEsRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHO2dCQUNyQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRzthQUN2QyxDQUFDLENBQUM7WUFFSCxJQUFJLElBQUksQ0FBQyxHQUFHLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtnQkFDaEMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO2FBQ3BCO1NBQ0Y7SUFDSCxDQUFDO0lBV0Q7O09BRUc7SUFDSyxXQUFXO1FBQ2pCLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRTtZQUM3QixJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFZLEVBQVEsRUFBRTtnQkFDL0MsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNwQixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVEOzs7T0FHRztJQUNLLE9BQU87UUFDYixJQUFJLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUNsQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLE1BQTBCLElBQUksa0JBQWtCLENBQUMsTUFBTTtZQUMvRSxRQUFRLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLFNBQVMsSUFBSSxrQkFBa0IsQ0FBQyxTQUFTO1lBQ25FLElBQUksRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsSUFBSSxJQUFJLGtCQUFrQixDQUFDLElBQUk7WUFDckQsV0FBVyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxXQUFXLElBQUksa0JBQWtCLENBQUMsV0FBVztZQUMxRSxlQUFlLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLGVBQWUsSUFBSSxrQkFBa0IsQ0FBQyxlQUFlO1lBQ3RGLE9BQU8sRUFBRSxFQUFFO1lBQ1gsT0FBTyxFQUFFLENBQUM7U0FDWCxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsV0FBVyxHQUFHLFVBQVUsRUFBRSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFFaEQsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxzREFBc0QsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFFcEYsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBRTFGLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUM7U0FDOUQ7UUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxTQUFTLEVBQUU7WUFDN0IsSUFBSSxJQUFJLEdBQUcsSUFBSSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQXNCO2dCQUNuRCxNQUFNLFNBQVMsR0FBYztvQkFDM0IsR0FBRyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsR0FBRztvQkFDakIsR0FBRyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsR0FBRztvQkFDakIsU0FBUyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxTQUFTLElBQUksa0JBQWtCLENBQUMsU0FBUztpQkFDckUsQ0FBQztnQkFFRixJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUUxQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUNuQyxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0ssU0FBUyxDQUFDLE1BQWlCLEVBQUUsTUFBYztRQUNqRCxJQUFJLElBQUksQ0FBQyxHQUFHLElBQUksTUFBTSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNuQixDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsR0FBRyxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDeEU7SUFDSCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssU0FBUyxDQUFDLE1BQWlCO1FBQ2pDLElBQUksSUFBSSxDQUFDLEdBQUcsSUFBSSxNQUFNLEVBQUU7WUFDdEIsTUFBTSxTQUFTLEdBQWEsQ0FBQyxDQUFDLE1BQU0sQ0FBQztnQkFDbkMsR0FBRyxFQUFFLE1BQU0sRUFBRSxHQUFHO2dCQUNoQixHQUFHLEVBQUUsTUFBTSxFQUFFLEdBQUc7YUFDakIsRUFBRTtnQkFDRCxTQUFTLEVBQUUsTUFBTSxFQUFFLFNBQVMsSUFBSSxJQUFJO2dCQUNwQyxPQUFPLEVBQUUsSUFBSTthQUNkLENBQUMsQ0FBQyxPQUFPLENBQ1IsSUFBSSxDQUFDO2dCQUNILFFBQVEsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLFFBQVE7Z0JBQzdCLFVBQVUsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLFVBQVU7Z0JBQ2pDLE9BQU8sRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU87YUFDNUIsQ0FBQyxDQUNILENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUUxQixTQUFTLENBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxHQUFTLEVBQUU7Z0JBQ2pDLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7Z0JBQ3pDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO1lBQ2pELENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNJLFlBQVksQ0FBQyxNQUFnQjtRQUNsQyxJQUFJLENBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILGVBQWUsQ0FBQyxDQUFNO0lBQ3RCLENBQUM7SUFBQSxDQUFDO0lBRUY7Ozs7OztPQU1HO0lBQ0gsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsZUFBZSxHQUFHLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQ7O09BRUc7SUFDSCxpQkFBaUI7SUFDakIsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLFVBQVUsRUFBRTtZQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDckI7YUFBTTtZQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILFVBQVUsQ0FBQyxJQUFTO1FBQ2xCLElBQUksSUFBSSxFQUFFO1lBQ1IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7Z0JBQ25CLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUTtnQkFDeEIsU0FBUyxFQUFFLElBQUksRUFBRSxTQUFTO2FBQzNCLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWTthQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO2FBQ2pFLFNBQVMsQ0FBQyxHQUFTLEVBQUU7WUFDcEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVEOztPQUVHO0lBQ0gsZUFBZTtRQUNiLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqQixDQUFDOytHQS9QVSxhQUFhO21HQUFiLGFBQWEsb1lBUmI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGFBQWEsQ0FBQztnQkFDNUMsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQ2xESCxvMENBcUJBLHFPRGdCSSxjQUFjLG8xQkFDZCxtQkFBbUIsbzJCQUNuQixJQUFJLDRGQUNKLGFBQWEsbUxBQ2IsZUFBZSx1RkFDZixhQUFhOzs0RkFVSixhQUFhO2tCQXJCekIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZCxJQUFJLFdBQ1A7d0JBQ1AsY0FBYzt3QkFDZCxtQkFBbUI7d0JBQ25CLElBQUk7d0JBQ0osYUFBYTt3QkFDYixlQUFlO3dCQUNmLGFBQWE7cUJBQ2QsYUFDVTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxjQUFjLENBQUM7NEJBQzVDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQWdCUSxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtPLFVBQVU7c0JBQXRCLEtBQUs7Z0JBWU8sWUFBWTtzQkFBeEIsS0FBSztnQkFhRyxJQUFJO3NCQUFaLEtBQUs7Z0JBVU8sT0FBTztzQkFBbkIsS0FBSztnQkFrQkksYUFBYTtzQkFBdEIsTUFBTTtnQkFJRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENvbXBvbmVudCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgZm9yd2FyZFJlZixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIHNpZ25hbCxcclxuICBXcml0YWJsZVNpZ25hbFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ0lmLCBUaXRsZUNhc2VQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0ICogYXMgTCBmcm9tICdsZWFmbGV0JztcclxuaW1wb3J0IHsgaWNvbiwgTGF0TG5nLCBMYXRMbmdFeHByZXNzaW9uLCBsYXllckdyb3VwLCBMYXllckdyb3VwLCBNYXAgfSBmcm9tICdsZWFmbGV0JztcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcbmltcG9ydCB7XHJcbiAgQ29udHJvbFZhbHVlQWNjZXNzb3IsXHJcbiAgTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuICBVbnR5cGVkRm9ybUNvbnRyb2wsXHJcbiAgVW50eXBlZEZvcm1Hcm91cCxcclxuICBWYWxpZGF0b3JzXHJcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBGbG9hdExhYmVsVHlwZSwgTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSwgU3Vic2NyaXB0U2l6aW5nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHsgVGhlbWVQYWxldHRlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XHJcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuXHJcbmltcG9ydCB7IENpcmNsZU1hcCwgREVGQVVMVF9NQVBfT1BUSU9OLCBJY29uLCBNYXBPcHRpb24sIE1hcmtlck1hcCB9IGZyb20gJy4uL2ludGVyZmFjZXMvaW50ZXJmYWNlcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2d1YWppcml0b3MtbWFwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZ3VhamlyaXRvcy1tYXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2d1YWppcml0b3MtbWFwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBNYXRJbnB1dE1vZHVsZSxcclxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgICBOZ0lmLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcclxuICAgIFRpdGxlQ2FzZVBpcGVcclxuICBdLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gR3VhamlyaXRvc01hcCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgR3VhamlyaXRvc01hcCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIHByaXZhdGUgc3RhdGljIF9vYnNlcnZhYmxlU3ViamVjdCQ6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdCgpO1xyXG4gIHByaXZhdGUgbWFwOiBNYXA7XHJcbiAgcHJpdmF0ZSBfbGF5ZXJHcm91cDogTGF5ZXJHcm91cCA9IG5ldyBMLkxheWVyR3JvdXAoKTtcclxuICBwdWJsaWMgbWFwTWFya2VyczogV3JpdGFibGVTaWduYWw8TWFya2VyTWFwW10+ID0gc2lnbmFsKFtdKTtcclxuXHJcbiAgcHVibGljIG9wdGlvbnM6IFdyaXRhYmxlU2lnbmFsPE1hcE9wdGlvbj4gPSBzaWduYWwoREVGQVVMVF9NQVBfT1BUSU9OKTtcclxuICBwdWJsaWMgY2lyY2xlOiBXcml0YWJsZVNpZ25hbDxDaXJjbGVNYXA+ID0gc2lnbmFsKG51bGwpO1xyXG5cclxuICBwdWJsaWMgZm9ybTogVW50eXBlZEZvcm1Hcm91cCA9IG5ldyBVbnR5cGVkRm9ybUdyb3VwKHtcclxuICAgIGxhdGl0dWRlOiBuZXcgVW50eXBlZEZvcm1Db250cm9sKHsgdmFsdWU6IG51bGwsIGRpc2FibGVkOiBmYWxzZSB9LCBbVmFsaWRhdG9ycy5yZXF1aXJlZF0pLFxyXG4gICAgbG9uZ2l0dWRlOiBuZXcgVW50eXBlZEZvcm1Db250cm9sKHsgdmFsdWU6IG51bGwsIGRpc2FibGVkOiBmYWxzZSB9LCBbVmFsaWRhdG9ycy5yZXF1aXJlZF0pXHJcbiAgfSk7XHJcblxyXG4gIEBJbnB1dCgpIGFwcGVhcmFuY2U6IE1hdEZvcm1GaWVsZEFwcGVhcmFuY2UgPSAnb3V0bGluZSc7XHJcbiAgQElucHV0KCkgY29sb3I6IFRoZW1lUGFsZXR0ZSA9ICdhY2NlbnQnO1xyXG4gIEBJbnB1dCgpIGZsb2F0TGFiZWw6IEZsb2F0TGFiZWxUeXBlID0gJ2F1dG8nO1xyXG4gIEBJbnB1dCgpIHN1YnNjcmlwdFNpemluZzogU3Vic2NyaXB0U2l6aW5nID0gJ2R5bmFtaWMnO1xyXG5cclxuICBASW5wdXQoKSByZWFkb25seTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhpZGRlbkZvcm06IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogRGVmYXVsdCBtYXAgb3B0aW9uc1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNldCBvcHRpb25zTWFwKG9wdGlvbnM6IFBhcnRpYWw8TWFwT3B0aW9uPikge1xyXG4gICAgaWYgKG9wdGlvbnMpIHtcclxuICAgICAgdGhpcy5vcHRpb25zLnNldCh7XHJcbiAgICAgICAgLi4udGhpcy5vcHRpb25zKCksXHJcbiAgICAgICAgLi4ub3B0aW9uc1xyXG4gICAgICB9KTtcclxuICAgIH1cclxuICB9O1xyXG5cclxuICAvKipcclxuICAgKiBBZGQgYSBjaXJjbGUgb24gdGhlIG1hcFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNldCBjaXJjbGVDb25maWcoY2lyY2xlOiBDaXJjbGVNYXApIHtcclxuICAgIGlmIChjaXJjbGUpIHtcclxuICAgICAgdGhpcy5jaXJjbGUuc2V0KGNpcmNsZSk7XHJcblxyXG4gICAgICBpZiAodGhpcy5tYXApIHtcclxuICAgICAgICB0aGlzLmFkZENpcmNsZSh0aGlzLmNpcmNsZSgpPy5jZW50ZXIsIHRoaXMuY2lyY2xlKCk/LnJhZGl1cyk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIERlZmF1bHQgbWFya2VyIGljb25cclxuICAgKi9cclxuICBASW5wdXQoKSBpY29uOiBJY29uID0ge1xyXG4gICAgaWNvblNpemU6IFsyNSwgNDFdLFxyXG4gICAgaWNvbkFuY2hvcjogWzEzLCA0MV0sXHJcbiAgICBpY29uVXJsOiAnbWFya2VyLWljb24ucG5nJ1xyXG4gIH07XHJcblxyXG4gIC8qKlxyXG4gICAqIExpc3Qgb2YgbWFya2Vyc1xyXG4gICAqIEBwYXJhbSBtYXJrZXJzIC0gTWFya2VycyBhcnJheVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNldCBtYXJrZXJzKG1hcmtlcnM6IE1hcmtlck1hcFtdKSB7XHJcbiAgICBpZiAobWFya2Vycz8ubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMubWFwTWFya2Vycy5zZXQobWFya2Vycyk7XHJcblxyXG4gICAgICB0aGlzLmZvcm0ucGF0Y2hWYWx1ZSh7XHJcbiAgICAgICAgbGF0aXR1ZGU6IHRoaXMubWFwTWFya2VycygpPy5bMF0/LmxhdCxcclxuICAgICAgICBsb25naXR1ZGU6IHRoaXMubWFwTWFya2VycygpPy5bMF0/LmxuZ1xyXG4gICAgICB9KTtcclxuXHJcbiAgICAgIGlmICh0aGlzLm1hcCAmJiB0aGlzLl9sYXllckdyb3VwKSB7XHJcbiAgICAgICAgdGhpcy5kcmF3TWFya2VycygpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBTZSBsYW56YSBjYWRhIHZleiBxdWUgY2FtYmlhIHVuIG1hcmNhZG9yXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIG1hcmtlckRyYWdlbmQ6IEV2ZW50RW1pdHRlcjxMYXRMbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIC8qKlxyXG4gICAqIFNlIGxhbnphIGNhZGEgdmV6IHF1ZSBzZSBhw7FhZGUgdW4gbWFyY2Fkb3JcclxuICAgKi9cclxuICBAT3V0cHV0KCkgbWFya2VyQWRkZWQ6IEV2ZW50RW1pdHRlcjxNYXJrZXJNYXA+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICAvKipcclxuICAgKiBEcmF3cyB0aGUgbWFya2Vycy5cclxuICAgKi9cclxuICBwcml2YXRlIGRyYXdNYXJrZXJzKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMubWFwTWFya2VycygpPy5sZW5ndGgpIHtcclxuICAgICAgdGhpcy5fbGF5ZXJHcm91cC5jbGVhckxheWVycygpO1xyXG4gICAgICB0aGlzLm1hcE1hcmtlcnMoKS5mb3JFYWNoKChtOiBNYXJrZXJNYXApOiB2b2lkID0+IHtcclxuICAgICAgICB0aGlzLmFkZE1hcmtlcihtKTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBNYWluIHByb3BlcnRpZXMgb2YgdGhlIG1hcFxyXG4gICAqIEBwcml2YXRlXHJcbiAgICovXHJcbiAgcHJpdmF0ZSBpbml0TWFwKCk6IHZvaWQge1xyXG4gICAgdGhpcy5tYXAgPSBMLm1hcCh0aGlzLm9wdGlvbnMoKS5pZCwge1xyXG4gICAgICBjZW50ZXI6IHRoaXMub3B0aW9ucygpPy5jZW50ZXIgYXMgTGF0TG5nRXhwcmVzc2lvbiA/PyBERUZBVUxUX01BUF9PUFRJT04uY2VudGVyLFxyXG4gICAgICBkcmFnZ2luZzogdGhpcy5vcHRpb25zKCk/LmRyYWdnYWJsZSA/PyBERUZBVUxUX01BUF9PUFRJT04uZHJhZ2dhYmxlLFxyXG4gICAgICB6b29tOiB0aGlzLm9wdGlvbnMoKT8uem9vbSA/PyBERUZBVUxUX01BUF9PUFRJT04uem9vbSxcclxuICAgICAgem9vbUNvbnRyb2w6IHRoaXMub3B0aW9ucygpPy56b29tQ29udHJvbCB8fCBERUZBVUxUX01BUF9PUFRJT04uem9vbUNvbnRyb2wsXHJcbiAgICAgIHNjcm9sbFdoZWVsWm9vbTogdGhpcy5vcHRpb25zKCk/LnNjcm9sbFdoZWVsWm9vbSB8fCBERUZBVUxUX01BUF9PUFRJT04uc2Nyb2xsV2hlZWxab29tLFxyXG4gICAgICBtYXhab29tOiAxOCxcclxuICAgICAgbWluWm9vbTogM1xyXG4gICAgfSk7XHJcblxyXG4gICAgdGhpcy5fbGF5ZXJHcm91cCA9IGxheWVyR3JvdXAoKS5hZGRUbyh0aGlzLm1hcCk7XHJcblxyXG4gICAgTC50aWxlTGF5ZXIoJ2h0dHA6Ly97c30udGlsZS5vcGVuc3RyZWV0bWFwLmZyL2hvdC97en0ve3h9L3t5fS5wbmcnKS5hZGRUbyh0aGlzLm1hcCk7XHJcblxyXG4gICAgdGhpcy5kcmF3TWFya2VycygpO1xyXG4gICAgdGhpcy5jaGFuZ2VDZW50ZXIobmV3IEwuTGF0TG5nKHRoaXMubWFwTWFya2VycygpPy5bMF0/LmxhdCwgdGhpcy5tYXBNYXJrZXJzKCk/LlswXT8ubG5nKSk7XHJcblxyXG4gICAgaWYgKHRoaXMuY2lyY2xlKCkpIHtcclxuICAgICAgdGhpcy5hZGRDaXJjbGUodGhpcy5jaXJjbGUoKT8uY2VudGVyLCB0aGlzLmNpcmNsZSgpPy5yYWRpdXMpO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLm9wdGlvbnMoKT8uYWRkTWFya2VyKSB7XHJcbiAgICAgIGxldCB0aGF0ID0gdGhpcztcclxuICAgICAgdGhpcy5tYXAub24oJ2NsaWNrJywgZnVuY3Rpb24gKGU6IEwuTGVhZmxldE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgICAgICBjb25zdCBuZXdNYXJrZXI6IE1hcmtlck1hcCA9IHtcclxuICAgICAgICAgIGxhdDogZS5sYXRsbmcubGF0LFxyXG4gICAgICAgICAgbG5nOiBlLmxhdGxuZy5sbmcsXHJcbiAgICAgICAgICBkcmFnZ2FibGU6IHRoYXQub3B0aW9ucygpPy5kcmFnZ2FibGUgPz8gREVGQVVMVF9NQVBfT1BUSU9OLmRyYWdnYWJsZVxyXG4gICAgICAgIH07XHJcblxyXG4gICAgICAgIHRoYXQuYWRkTWFya2VyKG5ld01hcmtlcik7XHJcblxyXG4gICAgICAgIHRoYXQubWFya2VyQWRkZWQuZW1pdChuZXdNYXJrZXIpO1xyXG4gICAgICB9KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEFkZCBtYXJrZXIgdG8gbWFwXHJcbiAgICogQHBhcmFtIGNlbnRlciAtIGNlbnRlciBvZiB0aGUgY2lyY2xlXHJcbiAgICogQHBhcmFtIHJhZGl1cyAtIHJhZGl1cyBvZiB0aGUgY2lyY2xlIGluIG1ldGVyc1xyXG4gICAqIEBwcml2YXRlXHJcbiAgICovXHJcbiAgcHJpdmF0ZSBhZGRDaXJjbGUoY2VudGVyOiBNYXJrZXJNYXAsIHJhZGl1czogbnVtYmVyKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5tYXAgJiYgY2VudGVyKSB7XHJcbiAgICAgIHRoaXMuZHJhd01hcmtlcnMoKTtcclxuICAgICAgTC5jaXJjbGVNYXJrZXIoW2NlbnRlcj8ubGF0LCBjZW50ZXI/LmxuZ10sIHsgcmFkaXVzIH0pLmFkZFRvKHRoaXMubWFwKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEFkZCBtYXJrZXIgdG8gbWFwXHJcbiAgICogQHBhcmFtIG1hcmtlciAtIFBvaW50IG9mIHRoZSBtYXBcclxuICAgKi9cclxuICBwcml2YXRlIGFkZE1hcmtlcihtYXJrZXI6IE1hcmtlck1hcCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMubWFwICYmIG1hcmtlcikge1xyXG4gICAgICBjb25zdCBtYXJrZXJBZGQ6IEwuTWFya2VyID0gTC5tYXJrZXIoe1xyXG4gICAgICAgIGxhdDogbWFya2VyPy5sYXQsXHJcbiAgICAgICAgbG5nOiBtYXJrZXI/LmxuZ1xyXG4gICAgICB9LCB7XHJcbiAgICAgICAgZHJhZ2dhYmxlOiBtYXJrZXI/LmRyYWdnYWJsZSA/PyB0cnVlLFxyXG4gICAgICAgIGF1dG9QYW46IHRydWVcclxuICAgICAgfSkuc2V0SWNvbihcclxuICAgICAgICBpY29uKHtcclxuICAgICAgICAgIGljb25TaXplOiB0aGlzLmljb24/Lmljb25TaXplLFxyXG4gICAgICAgICAgaWNvbkFuY2hvcjogdGhpcy5pY29uPy5pY29uQW5jaG9yLFxyXG4gICAgICAgICAgaWNvblVybDogdGhpcy5pY29uPy5pY29uVXJsXHJcbiAgICAgICAgfSlcclxuICAgICAgKS5hZGRUbyh0aGlzLl9sYXllckdyb3VwKTtcclxuXHJcbiAgICAgIG1hcmtlckFkZC5vbignZHJhZ2VuZCcsICgpOiB2b2lkID0+IHtcclxuICAgICAgICB0aGlzLmNoYW5nZUNlbnRlcihtYXJrZXJBZGQuZ2V0TGF0TG5nKCkpO1xyXG4gICAgICAgIHRoaXMubWFya2VyRHJhZ2VuZC5lbWl0KG1hcmtlckFkZC5nZXRMYXRMbmcoKSk7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogUHV0IHRoZSBtYXAgY2VudGVyIG9uIG1hcmtlciBwb3NpdGlvblxyXG4gICAqIEBwYXJhbSBtYXJrZXIgLSBQb2ludCBvZiB0aGUgbWFwXHJcbiAgICogQHB1YmxpY1xyXG4gICAqL1xyXG4gIHB1YmxpYyBjaGFuZ2VDZW50ZXIobWFya2VyOiBMLkxhdExuZyk6IHZvaWQge1xyXG4gICAgdGhpcy5tYXA/LnNldFZpZXcobWFya2VyKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFByb3BhZ2F0ZXMgdGhlIGNoYW5nZSB0byBvdGhlciBjb21wb25lbnRzLlxyXG4gICAqXHJcbiAgICogQHBhcmFtIHthbnl9IF8gLSBhbiBhcmJpdHJhcnkgcGFyYW1ldGVyLlxyXG4gICAqL1xyXG4gIHByb3BhZ2F0ZUNoYW5nZShfOiBhbnkpOiB2b2lkIHtcclxuICB9O1xyXG5cclxuICAvKipcclxuICAgKiBTZXRzIHRoZSBjYWxsYmFjayBmdW5jdGlvbiB0byBiZSBjYWxsZWQgd2hlbiB0aGUgdmFsdWVcclxuICAgKiBvZiB0aGUgY29udHJvbCBjaGFuZ2VzLlxyXG4gICAqXHJcbiAgICogQHBhcmFtIHthbnl9IGZuIC0gVGhlIGNhbGxiYWNrIGZ1bmN0aW9uIHRvIGJlIGNhbGxlZFxyXG4gICAqIHdoZW4gdGhlIHZhbHVlIG9mIHRoZSBjb250cm9sIGNoYW5nZXMuXHJcbiAgICovXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogUmVnaXN0ZXJzIGEgY2FsbGJhY2sgZnVuY3Rpb24gdG8gYmUgY2FsbGVkIHdoZW4gdGhlIGZvcm0gY29udHJvbCBpcyBcInRvdWNoZWRcIi5cclxuICAgKi9cclxuICByZWdpc3Rlck9uVG91Y2hlZCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFNldHMgdGhlIGRpc2FibGVkIHN0YXRlIG9mIHRoZSBmb3JtLlxyXG4gICAqXHJcbiAgICogQHBhcmFtIHtib29sZWFufSBpc0Rpc2FibGVkIC0gU3BlY2lmaWVzIHdoZXRoZXIgdGhlIGZvcm0gc2hvdWxkIGJlIGRpc2FibGVkIG9yIG5vdC5cclxuICAgKi9cclxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIGlmIChpc0Rpc2FibGVkKSB7XHJcbiAgICAgIHRoaXMuZm9ybS5kaXNhYmxlKCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmZvcm0uZW5hYmxlKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBXcml0ZXMgYSB2YWx1ZSB0byB0aGUgZm9ybS5cclxuICAgKlxyXG4gICAqIEBwYXJhbSB7YW55fSBkYXRhIC0gVGhlIGRhdGEgdG8gYmUgd3JpdHRlbi5cclxuICAgKi9cclxuICB3cml0ZVZhbHVlKGRhdGE6IGFueSk6IHZvaWQge1xyXG4gICAgaWYgKGRhdGEpIHtcclxuICAgICAgdGhpcy5mb3JtLnBhdGNoVmFsdWUoe1xyXG4gICAgICAgIGxhdGl0dWRlOiBkYXRhPy5sYXRpdHVkZSxcclxuICAgICAgICBsb25naXR1ZGU6IGRhdGE/LmxvbmdpdHVkZVxyXG4gICAgICB9KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEluaXRpYWxpemVzIHRoZSBjb21wb25lbnQgYW5kIHNldHMgdXAgYSBsaXN0ZW5lciBmb3IgY2hhbmdlcyBpbiB0aGUgZm9ybSB2YWx1ZS5cclxuICAgKi9cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZm9ybS52YWx1ZUNoYW5nZXNcclxuICAgICAgLnBpcGUodGFrZVVudGlsKEd1YWppcml0b3NNYXAuX29ic2VydmFibGVTdWJqZWN0JC5hc09ic2VydmFibGUoKSkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKCk6IHZvaWQgPT4ge1xyXG4gICAgICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMuZm9ybS52YWx1ZSk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogSW5pdGlhbGl6ZXMgdGhlIG1hcCBhZnRlciB0aGUgdmlldyBoYXMgYmVlbiBpbml0aWFsaXplZC5cclxuICAgKi9cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmluaXRNYXAoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1hcC1jb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwibGF0LWxuZy1pbnB1dFwiIFtmb3JtR3JvdXBdPVwiZm9ybVwiICpuZ0lmPVwibWFwTWFya2VycygpPy5sZW5ndGggPT09IDEgJiYgIWhpZGRlbkZvcm1cIj5cclxuICAgIDxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJhcHBlYXJhbmNlXCIgW2NvbG9yXT1cImNvbG9yXCIgW2Zsb2F0TGFiZWxdPVwiZmxvYXRMYWJlbFwiIGNsYXNzPSd3LTEwMCdcclxuICAgICAgICAgICAgICAgICAgICBbc3Vic2NyaXB0U2l6aW5nXT1cInN1YnNjcmlwdFNpemluZ1wiPlxyXG4gICAgICA8bWF0LWxhYmVsPnt7IFwibGF0aXR1ZFwiIHwgdHJhbnNsYXRlIHwgdGl0bGVjYXNlIH19PC9tYXQtbGFiZWw+XHJcbiAgICAgIDxtYXQtaWNvbiBtYXRTdWZmaXggY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZFwiIFtjb2xvcl09XCJjb2xvclwiPnBsYWNlPC9tYXQtaWNvbj5cclxuICAgICAgPGlucHV0IG1hdElucHV0IFtwbGFjZWhvbGRlcl09XCInbGF0aXR1ZCcgfCB0cmFuc2xhdGVcIiBbcmVhZG9ubHldPVwicmVhZG9ubHlcIiBmb3JtQ29udHJvbE5hbWU9XCJsYXRpdHVkZVwiPlxyXG4gICAgICA8bWF0LWVycm9yPnt7ICdMYXRpdHVkIHJlcXVlcmlkYScgfCB0cmFuc2xhdGUgfX08L21hdC1lcnJvcj5cclxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcblxyXG4gICAgPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImFwcGVhcmFuY2VcIiBbY29sb3JdPVwiY29sb3JcIiBbZmxvYXRMYWJlbF09XCJmbG9hdExhYmVsXCIgY2xhc3M9J3ctMTAwJ1xyXG4gICAgICAgICAgICAgICAgICAgIFtzdWJzY3JpcHRTaXppbmddPVwic3Vic2NyaXB0U2l6aW5nXCI+XHJcbiAgICAgIDxtYXQtbGFiZWw+e3sgXCJsb25naXR1ZFwiIHwgdHJhbnNsYXRlIHwgdGl0bGVjYXNlIH19PC9tYXQtbGFiZWw+XHJcbiAgICAgIDxtYXQtaWNvbiBtYXRTdWZmaXggY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZFwiIFtjb2xvcl09XCJjb2xvclwiPnBsYWNlPC9tYXQtaWNvbj5cclxuICAgICAgPGlucHV0IG1hdElucHV0IFtwbGFjZWhvbGRlcl09XCInbG9uZ2l0dWQnIHwgdHJhbnNsYXRlXCIgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCIgZm9ybUNvbnRyb2xOYW1lPVwibG9uZ2l0dWRlXCI+XHJcbiAgICAgIDxtYXQtZXJyb3I+e3sgJ0xvbmdpdHVkIHJlcXVlcmlkYScgfCB0cmFuc2xhdGUgfX08L21hdC1lcnJvcj5cclxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXYgW2lkXT1cIm9wdGlvbnMoKS5pZFwiIGNsYXNzPVwibWFwXCI+PC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/public-api.mjs

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of guajiritos-map
+ */
+export * from './interfaces/interfaces';
+export * from './lib/guajiritos-map.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2d1YWppcml0b3MtbWFwL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGdDQUFnQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGd1YWppcml0b3MtbWFwXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL2ludGVyZmFjZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9ndWFqaXJpdG9zLW1hcC5jb21wb25lbnQnO1xyXG4iXX0=

package/fesm2022/guajiritos-map.mjs

@@ -0,0 +1,317 @@
+import * as i0 from '@angular/core';
+import { signal, EventEmitter, forwardRef, Component, Input, Output } from '@angular/core';
+import { NgIf, TitleCasePipe } from '@angular/common';
+import * as L 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 * 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: 15,
+    updateWithClick: false,
+    updateWithDoubleClick: false,
+    zoomControl: true,
+    borderRadius: '8px',
+    scrollWheelZoom: false,
+    addMarker: false,
+    scrollable: false
+};
+
+class GuajiritosMap {
+    constructor() {
+        this._layerGroup = new L.LayerGroup();
+        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.appearance = 'outline';
+        this.color = 'accent';
+        this.floatLabel = 'auto';
+        this.subscriptSizing = 'dynamic';
+        this.readonly = false;
+        this.hiddenForm = false;
+        /**
+         * Default marker icon
+         */
+        this.icon = {
+            iconSize: [25, 41],
+            iconAnchor: [13, 41],
+            iconUrl: 'marker-icon.png'
+        };
+        /**
+         * 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?.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();
+            }
+        }
+    }
+    /**
+     * Draws the markers.
+     */
+    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(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
+        });
+        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
+     * @param center - center of the circle
+     * @param radius - radius of the circle in meters
+     * @private
+     */
+    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) {
+            const markerAdd = L.marker({
+                lat: marker?.lat,
+                lng: marker?.lng
+            }, {
+                draggable: marker?.draggable ?? true,
+                autoPan: true
+            }).setIcon(icon({
+                iconSize: this.icon?.iconSize,
+                iconAnchor: this.icon?.iconAnchor,
+                iconUrl: this.icon?.iconUrl
+            })).addTo(this._layerGroup);
+            markerAdd.on('dragend', () => {
+                this.changeCenter(markerAdd.getLatLng());
+                this.markerDragend.emit(markerAdd.getLatLng());
+            });
+        }
+    }
+    /**
+     * Put the map center on marker position
+     * @param marker - Point of the map
+     * @public
+     */
+    changeCenter(marker) {
+        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();
+        }
+        else {
+            this.form.enable();
+        }
+    }
+    /**
+     * 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.form.valueChanges
+            .pipe(takeUntil(GuajiritosMap._observableSubject$.asObservable()))
+            .subscribe(() => {
+            this.propagateChange(this.form.value);
+        });
+    }
+    /**
+     * Initializes the map after the view has been initialized.
+     */
+    ngAfterViewInit() {
+        this.initMap();
+    }
+    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\">\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.2.12", ngImport: i0, type: GuajiritosMap, decorators: [{
+            type: Component,
+            args: [{ selector: 'guajiritos-map', standalone: true, imports: [
+                        MatInputModule,
+                        ReactiveFormsModule,
+                        NgIf,
+                        MatIconModule,
+                        TranslateModule,
+                        TitleCasePipe
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GuajiritosMap),
+                            multi: true
+                        }
+                    ], 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
+            }], color: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], subscriptSizing: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], hiddenForm: [{
+                type: Input
+            }], optionsMap: [{
+                type: Input
+            }], circleConfig: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], markers: [{
+                type: Input
+            }], markerDragend: [{
+                type: Output
+            }], markerAdded: [{
+                type: Output
+            }] } });
+
+/*
+ * Public API Surface of guajiritos-map
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_MAP_OPTION, GuajiritosMap };
+//# sourceMappingURL=guajiritos-map.mjs.map

package/fesm2022/guajiritos-map.mjs.map

@@ -0,0 +1 @@
+{"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/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@guajiritos/map" />
+export * from './public-api';

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;

package/lib/guajiritos-map.component.d.ts

@@ -0,0 +1,115 @@
+import { AfterViewInit, EventEmitter, OnInit, WritableSignal } from '@angular/core';
+import * as L from 'leaflet';
+import { LatLng } from 'leaflet';
+import { ControlValueAccessor, UntypedFormGroup } from '@angular/forms';
+import { FloatLabelType, MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
+import { ThemePalette } from '@angular/material/core';
+import { CircleMap, Icon, MapOption, MarkerMap } from '../interfaces/interfaces';
+import * as i0 from "@angular/core";
+export declare class GuajiritosMap implements OnInit, AfterViewInit, ControlValueAccessor {
+    private static _observableSubject$;
+    private map;
+    private _layerGroup;
+    mapMarkers: WritableSignal<MarkerMap[]>;
+    options: WritableSignal<MapOption>;
+    circle: WritableSignal<CircleMap>;
+    form: UntypedFormGroup;
+    appearance: MatFormFieldAppearance;
+    color: ThemePalette;
+    floatLabel: FloatLabelType;
+    subscriptSizing: SubscriptSizing;
+    readonly: boolean;
+    hiddenForm: boolean;
+    /**
+     * Default map options
+     */
+    set optionsMap(options: Partial<MapOption>);
+    /**
+     * Add a circle on the map
+     */
+    set circleConfig(circle: CircleMap);
+    /**
+     * Default marker icon
+     */
+    icon: Icon;
+    /**
+     * List of markers
+     * @param markers - Markers array
+     */
+    set markers(markers: MarkerMap[]);
+    /**
+     * Se lanza cada vez que cambia un marcador
+     */
+    markerDragend: EventEmitter<LatLng>;
+    /**
+     * Se lanza cada vez que se añade un marcador
+     */
+    markerAdded: EventEmitter<MarkerMap>;
+    /**
+     * Draws the markers.
+     */
+    private drawMarkers;
+    /**
+     * Main properties of the map
+     * @private
+     */
+    private initMap;
+    /**
+     * Add marker to map
+     * @param center - center of the circle
+     * @param radius - radius of the circle in meters
+     * @private
+     */
+    private addCircle;
+    /**
+     * Add marker to map
+     * @param marker - Point of the map
+     */
+    private addMarker;
+    /**
+     * Put the map center on marker position
+     * @param marker - Point of the map
+     * @public
+     */
+    changeCenter(marker: L.LatLng): void;
+    /**
+     * Propagates the change to other components.
+     *
+     * @param {any} _ - an arbitrary parameter.
+     */
+    propagateChange(_: any): void;
+    /**
+     * 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: any): void;
+    /**
+     * Registers a callback function to be called when the form control is "touched".
+     */
+    registerOnTouched(): void;
+    /**
+     * Sets the disabled state of the form.
+     *
+     * @param {boolean} isDisabled - Specifies whether the form should be disabled or not.
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Writes a value to the form.
+     *
+     * @param {any} data - The data to be written.
+     */
+    writeValue(data: any): void;
+    /**
+     * Initializes the component and sets up a listener for changes in the form value.
+     */
+    ngOnInit(): void;
+    /**
+     * Initializes the map after the view has been initialized.
+     */
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GuajiritosMap, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GuajiritosMap, "guajiritos-map", never, { "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "hiddenForm": { "alias": "hiddenForm"; "required": false; }; "optionsMap": { "alias": "optionsMap"; "required": false; }; "circleConfig": { "alias": "circleConfig"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "markers": { "alias": "markers"; "required": false; }; }, { "markerDragend": "markerDragend"; "markerAdded": "markerAdded"; }, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@guajiritos/map",
+  "version": "0.0.1-beta",
+  "peerDependencies": {
+    "@angular/cdk": "^16.0.0 || >16.0.0",
+    "@angular/common": "^16.0.0 || >16.0.0",
+    "@angular/core": "^16.0.0 || >16.0.0",
+    "@angular/material": "^16.0.0 || >16.0.0",
+    "leaflet": "^1.9.0 || >1.9.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0 || >2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/guajiritos-map.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/guajiritos-map.mjs",
+      "esm": "./esm2022/guajiritos-map.mjs",
+      "default": "./fesm2022/guajiritos-map.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './interfaces/interfaces';
+export * from './lib/guajiritos-map.component';