ol-wfst 3.0.2 → 3.0.5

package/lib/ol-wfst.js

@@ -1,20 +1,20 @@
-import TileState from 'ol/TileState';
-import { GeometryCollection, Circle as Circle$1, Polygon, MultiLineString, MultiPolygon, MultiPoint } from 'ol/geom';
-import { Style, Circle, Fill, Stroke } from 'ol/style';
-import { Control } from 'ol/control';
-import { Modify, Snap, Select, Draw } from 'ol/interaction';
-import { Collection, Feature, Overlay } from 'ol';
-import { WFS, GeoJSON, KML } from 'ol/format';
-import { Vector, Tile } from 'ol/layer';
-import { Vector as Vector$1, TileWMS } from 'ol/source';
-import { bbox, all } from 'ol/loadingstrategy';
-import { fromCircle } from 'ol/geom/Polygon';
-import { getCenter } from 'ol/extent';
-import { primaryAction, never } from 'ol/events/condition';
-import { transformExtent } from 'ol/proj';
-import { unByKey } from 'ol/Observable';
-import Modal from 'modal-vanilla';
-
+import TileState from 'ol/TileState';
+import { GeometryCollection, Circle as Circle$1, Polygon, MultiLineString, MultiPolygon, MultiPoint } from 'ol/geom';
+import { Style, Circle, Fill, Stroke } from 'ol/style';
+import { Control } from 'ol/control';
+import { Modify, Snap, Select, Draw } from 'ol/interaction';
+import { Collection, Overlay, Feature } from 'ol';
+import { WFS, GeoJSON, KML } from 'ol/format';
+import { Vector, Tile } from 'ol/layer';
+import { Vector as Vector$1, TileWMS } from 'ol/source';
+import { bbox, all } from 'ol/loadingstrategy';
+import { fromCircle } from 'ol/geom/Polygon';
+import { getCenter } from 'ol/extent';
+import { primaryAction, never } from 'ol/events/condition';
+import { transformExtent } from 'ol/proj';
+import { unByKey } from 'ol/Observable';
+import Modal from 'modal-vanilla';
+
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -38,20 +38,20 @@ function __awaiter(thisArg, _arguments, P, generator) {
         function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
-}
-
-var img = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='768' height='768' viewBox='0 0 768 768'%3e %3cpath d='M663 225l-58.5 58.5-120-120 58.5-58.5q9-9 22.5-9t22.5 9l75 75q9 9 9 22.5t-9 22.5zM96 552l354-354 120 120-354 354h-120v-120z'%3e%3c/path%3e%3c/svg%3e";
-
-var img$1 = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='448' height='448' viewBox='0 0 448 448'%3e %3cpath d='M222 296l29-29-38-38-29 29v14h24v24h14zM332 116c-2.25-2.25-6-2-8.25 0.25l-87.5 87.5c-2.25 2.25-2.5 6-0.25 8.25s6 2 8.25-0.25l87.5-87.5c2.25-2.25 2.5-6 0.25-8.25zM352 264.5v47.5c0 39.75-32.25 72-72 72h-208c-39.75 0-72-32.25-72-72v-208c0-39.75 32.25-72 72-72h208c10 0 20 2 29.25 6.25 2.25 1 4 3.25 4.5 5.75 0.5 2.75-0.25 5.25-2.25 7.25l-12.25 12.25c-2.25 2.25-5.25 3-8 2-3.75-1-7.5-1.5-11.25-1.5h-208c-22 0-40 18-40 40v208c0 22 18 40 40 40h208c22 0 40-18 40-40v-31.5c0-2 0.75-4 2.25-5.5l16-16c2.5-2.5 5.75-3 8.75-1.75s5 4 5 7.25zM328 80l72 72-168 168h-72v-72zM439 113l-23 23-72-72 23-23c9.25-9.25 24.75-9.25 34 0l38 38c9.25 9.25 9.25 24.75 0 34z'%3e%3c/path%3e%3c/svg%3e";
-
-var img$2 = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='541' height='512' viewBox='0 0 541 512'%3e %3cpath fill='black' d='M103.306 228.483l129.493-125.249c-17.662-4.272-31.226-18.148-34.98-35.663l-0.055-0.307-129.852 125.248c17.812 4.15 31.53 18.061 35.339 35.662l0.056 0.308z'%3e%3c/path%3e %3cpath fill='black' d='M459.052 393.010c-13.486-8.329-22.346-23.018-22.373-39.779v-0.004c-0.053-0.817-0.082-1.772-0.082-2.733s0.030-1.916 0.089-2.863l-0.007 0.13-149.852 71.94c9.598 8.565 15.611 20.969 15.611 34.779 0 0.014 0 0.029 0 0.043v-0.002c-0.048 5.164-0.94 10.104-2.544 14.711l0.098-0.322z'%3e%3c/path%3e %3cpath fill='black' d='M290.207 57.553c-0.009 15.55-7.606 29.324-19.289 37.819l-0.135 0.093 118.054 46.69c-0.216-1.608-0.346-3.48-0.36-5.379v-0.017c0.033-16.948 9.077-31.778 22.596-39.953l0.209-0.118-122.298-48.056c0.659 2.633 1.098 5.693 1.221 8.834l0.002 0.087z'%3e%3c/path%3e %3cpath fill='black' d='M241.36 410.132l-138.629-160.067c-4.734 17.421-18.861 30.61-36.472 33.911l-0.29 0.045 143.881 166.255c1.668-18.735 14.197-34.162 31.183-40.044l0.327-0.099z'%3e%3c/path%3e %3cpath fill='black' d='M243.446 115.105c-31.785 0-57.553-25.767-57.553-57.553s25.767-57.553 57.553-57.553c31.785 0 57.552 25.767 57.552 57.553v0c0 31.786-25.767 57.553-57.553 57.553v0zM243.446 21.582c-19.866 0-35.97 16.105-35.97 35.97s16.105 35.97 35.97 35.97c19.866 0 35.97-16.105 35.97-35.97v0c0-19.866-16.104-35.97-35.97-35.97v0z'%3e%3c/path%3e %3cpath fill='black' d='M483.224 410.78c-31.786 0-57.553-25.767-57.553-57.553s25.767-57.553 57.553-57.553c31.786 0 57.552 25.767 57.552 57.553v0c0 31.786-25.767 57.553-57.553 57.553v0zM483.224 317.257c-19.866 0-35.97 16.104-35.97 35.97s16.105 35.97 35.97 35.97c19.866 0 35.97-16.105 35.97-35.97v0c0-19.866-16.105-35.97-35.97-35.97v0z'%3e%3c/path%3e %3cpath fill='black' d='M57.553 295.531c-31.785 0-57.553-25.767-57.553-57.553s25.767-57.553 57.553-57.553c31.785 0 57.553 25.767 57.553 57.553v0c0 31.786-25.767 57.553-57.553 57.553v0zM57.553 202.008c-19.866 0-35.97 16.105-35.97 35.97s16.105 35.97 35.97 35.97c19.866 0 35.97-16.105 35.97-35.97v0c-0.041-19.835-16.13-35.898-35.97-35.898 0 0 0 0 0 0v0z'%3e%3c/path%3e %3cpath fill='black' d='M256.036 512.072c-31.786 0-57.553-25.767-57.553-57.553s25.767-57.553 57.553-57.553c31.786 0 57.553 25.767 57.553 57.553v0c0 31.786-25.767 57.553-57.553 57.553v0zM256.036 418.55c-19.866 0-35.97 16.104-35.97 35.97s16.105 35.97 35.97 35.97c19.866 0 35.97-16.105 35.97-35.97v0c0-19.866-16.105-35.97-35.97-35.97v0z'%3e%3c/path%3e %3cpath fill='black' d='M435.24 194.239c-31.786 0-57.553-25.767-57.553-57.553s25.767-57.553 57.553-57.553c31.786 0 57.553 25.767 57.553 57.553v0c0 31.785-25.767 57.553-57.553 57.553v0zM435.24 100.716c-19.866 0-35.97 16.105-35.97 35.97s16.105 35.97 35.97 35.97c19.866 0 35.97-16.105 35.97-35.97v0c0-19.866-16.105-35.97-35.97-35.97v0z'%3e%3c/path%3e%3c/svg%3e";
-
-var img$3 = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath d='M240 352h-240v128h480v-128h-240zM448 416h-64v-32h64v32zM112 160l128-128 128 128h-80v160h-96v-160z'%3e%3c/path%3e%3c/svg%3e";
-
-var img$4 = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='768' height='768' viewBox='0 0 768 768'%3e%3cpath d='M384 288q39 0 67.5 28.5t28.5 67.5-28.5 67.5-67.5 28.5-67.5-28.5-28.5-67.5 28.5-67.5 67.5-28.5zM384 544.5q66 0 113.25-47.25t47.25-113.25-47.25-113.25-113.25-47.25-113.25 47.25-47.25 113.25 47.25 113.25 113.25 47.25zM384 144q118.5 0 214.5 66t138 174q-42 108-138 174t-214.5 66-214.5-66-138-174q42-108 138-174t214.5-66z'%3e%3c/path%3e%3c/svg%3e";
-
-var img$5 = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='768' height='768' viewBox='0 0 768 768'%3e%3cpath d='M379.5 288h4.5q39 0 67.5 28.5t28.5 67.5v6zM241.5 313.5q-18 36-18 70.5 0 66 47.25 113.25t113.25 47.25q34.5 0 70.5-18l-49.5-49.5q-12 3-21 3-39 0-67.5-28.5t-28.5-67.5q0-9 3-21zM64.5 136.5l40.5-40.5 567 567-40.5 40.5q-7.5-7.5-47.25-46.5t-60.75-60q-64.5 27-139.5 27-118.5 0-214.5-66t-138-174q16.5-39 51.75-86.25t68.25-72.75q-18-18-50.25-51t-36.75-37.5zM384 223.5q-30 0-58.5 12l-69-69q58.5-22.5 127.5-22.5 118.5 0 213.75 66t137.25 174q-36 88.5-109.5 151.5l-93-93q12-28.5 12-58.5 0-66-47.25-113.25t-113.25-47.25z'%3e%3c/path%3e%3c/svg%3e";
-
+}
+
+var img$5 = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='768' height='768' viewBox='0 0 768 768'%3e %3cpath d='M663 225l-58.5 58.5-120-120 58.5-58.5q9-9 22.5-9t22.5 9l75 75q9 9 9 22.5t-9 22.5zM96 552l354-354 120 120-354 354h-120v-120z'%3e%3c/path%3e%3c/svg%3e";
+
+var img$4 = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='448' height='448' viewBox='0 0 448 448'%3e %3cpath d='M222 296l29-29-38-38-29 29v14h24v24h14zM332 116c-2.25-2.25-6-2-8.25 0.25l-87.5 87.5c-2.25 2.25-2.5 6-0.25 8.25s6 2 8.25-0.25l87.5-87.5c2.25-2.25 2.5-6 0.25-8.25zM352 264.5v47.5c0 39.75-32.25 72-72 72h-208c-39.75 0-72-32.25-72-72v-208c0-39.75 32.25-72 72-72h208c10 0 20 2 29.25 6.25 2.25 1 4 3.25 4.5 5.75 0.5 2.75-0.25 5.25-2.25 7.25l-12.25 12.25c-2.25 2.25-5.25 3-8 2-3.75-1-7.5-1.5-11.25-1.5h-208c-22 0-40 18-40 40v208c0 22 18 40 40 40h208c22 0 40-18 40-40v-31.5c0-2 0.75-4 2.25-5.5l16-16c2.5-2.5 5.75-3 8.75-1.75s5 4 5 7.25zM328 80l72 72-168 168h-72v-72zM439 113l-23 23-72-72 23-23c9.25-9.25 24.75-9.25 34 0l38 38c9.25 9.25 9.25 24.75 0 34z'%3e%3c/path%3e%3c/svg%3e";
+
+var img$3 = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='541' height='512' viewBox='0 0 541 512'%3e %3cpath fill='black' d='M103.306 228.483l129.493-125.249c-17.662-4.272-31.226-18.148-34.98-35.663l-0.055-0.307-129.852 125.248c17.812 4.15 31.53 18.061 35.339 35.662l0.056 0.308z'%3e%3c/path%3e %3cpath fill='black' d='M459.052 393.010c-13.486-8.329-22.346-23.018-22.373-39.779v-0.004c-0.053-0.817-0.082-1.772-0.082-2.733s0.030-1.916 0.089-2.863l-0.007 0.13-149.852 71.94c9.598 8.565 15.611 20.969 15.611 34.779 0 0.014 0 0.029 0 0.043v-0.002c-0.048 5.164-0.94 10.104-2.544 14.711l0.098-0.322z'%3e%3c/path%3e %3cpath fill='black' d='M290.207 57.553c-0.009 15.55-7.606 29.324-19.289 37.819l-0.135 0.093 118.054 46.69c-0.216-1.608-0.346-3.48-0.36-5.379v-0.017c0.033-16.948 9.077-31.778 22.596-39.953l0.209-0.118-122.298-48.056c0.659 2.633 1.098 5.693 1.221 8.834l0.002 0.087z'%3e%3c/path%3e %3cpath fill='black' d='M241.36 410.132l-138.629-160.067c-4.734 17.421-18.861 30.61-36.472 33.911l-0.29 0.045 143.881 166.255c1.668-18.735 14.197-34.162 31.183-40.044l0.327-0.099z'%3e%3c/path%3e %3cpath fill='black' d='M243.446 115.105c-31.785 0-57.553-25.767-57.553-57.553s25.767-57.553 57.553-57.553c31.785 0 57.552 25.767 57.552 57.553v0c0 31.786-25.767 57.553-57.553 57.553v0zM243.446 21.582c-19.866 0-35.97 16.105-35.97 35.97s16.105 35.97 35.97 35.97c19.866 0 35.97-16.105 35.97-35.97v0c0-19.866-16.104-35.97-35.97-35.97v0z'%3e%3c/path%3e %3cpath fill='black' d='M483.224 410.78c-31.786 0-57.553-25.767-57.553-57.553s25.767-57.553 57.553-57.553c31.786 0 57.552 25.767 57.552 57.553v0c0 31.786-25.767 57.553-57.553 57.553v0zM483.224 317.257c-19.866 0-35.97 16.104-35.97 35.97s16.105 35.97 35.97 35.97c19.866 0 35.97-16.105 35.97-35.97v0c0-19.866-16.105-35.97-35.97-35.97v0z'%3e%3c/path%3e %3cpath fill='black' d='M57.553 295.531c-31.785 0-57.553-25.767-57.553-57.553s25.767-57.553 57.553-57.553c31.785 0 57.553 25.767 57.553 57.553v0c0 31.786-25.767 57.553-57.553 57.553v0zM57.553 202.008c-19.866 0-35.97 16.105-35.97 35.97s16.105 35.97 35.97 35.97c19.866 0 35.97-16.105 35.97-35.97v0c-0.041-19.835-16.13-35.898-35.97-35.898 0 0 0 0 0 0v0z'%3e%3c/path%3e %3cpath fill='black' d='M256.036 512.072c-31.786 0-57.553-25.767-57.553-57.553s25.767-57.553 57.553-57.553c31.786 0 57.553 25.767 57.553 57.553v0c0 31.786-25.767 57.553-57.553 57.553v0zM256.036 418.55c-19.866 0-35.97 16.104-35.97 35.97s16.105 35.97 35.97 35.97c19.866 0 35.97-16.105 35.97-35.97v0c0-19.866-16.105-35.97-35.97-35.97v0z'%3e%3c/path%3e %3cpath fill='black' d='M435.24 194.239c-31.786 0-57.553-25.767-57.553-57.553s25.767-57.553 57.553-57.553c31.786 0 57.553 25.767 57.553 57.553v0c0 31.785-25.767 57.553-57.553 57.553v0zM435.24 100.716c-19.866 0-35.97 16.105-35.97 35.97s16.105 35.97 35.97 35.97c19.866 0 35.97-16.105 35.97-35.97v0c0-19.866-16.105-35.97-35.97-35.97v0z'%3e%3c/path%3e%3c/svg%3e";
+
+var img$2 = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath d='M240 352h-240v128h480v-128h-240zM448 416h-64v-32h64v32zM112 160l128-128 128 128h-80v160h-96v-160z'%3e%3c/path%3e%3c/svg%3e";
+
+var img$1 = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='768' height='768' viewBox='0 0 768 768'%3e%3cpath d='M384 288q39 0 67.5 28.5t28.5 67.5-28.5 67.5-67.5 28.5-67.5-28.5-28.5-67.5 28.5-67.5 67.5-28.5zM384 544.5q66 0 113.25-47.25t47.25-113.25-47.25-113.25-113.25-47.25-113.25 47.25-47.25 113.25 47.25 113.25 113.25 47.25zM384 144q118.5 0 214.5 66t138 174q-42 108-138 174t-214.5 66-214.5-66-138-174q42-108 138-174t214.5-66z'%3e%3c/path%3e%3c/svg%3e";
+
+var img = "data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='768' height='768' viewBox='0 0 768 768'%3e%3cpath d='M379.5 288h4.5q39 0 67.5 28.5t28.5 67.5v6zM241.5 313.5q-18 36-18 70.5 0 66 47.25 113.25t113.25 47.25q34.5 0 70.5-18l-49.5-49.5q-12 3-21 3-39 0-67.5-28.5t-28.5-67.5q0-9 3-21zM64.5 136.5l40.5-40.5 567 567-40.5 40.5q-7.5-7.5-47.25-46.5t-60.75-60q-64.5 27-139.5 27-118.5 0-214.5-66t-138-174q16.5-39 51.75-86.25t68.25-72.75q-18-18-50.25-51t-36.75-37.5zM384 223.5q-30 0-58.5 12l-69-69q58.5-22.5 127.5-22.5 118.5 0 213.75 66t137.25 174q-36 88.5-109.5 151.5l-93-93q12-28.5 12-58.5 0-66-47.25-113.25t-113.25-47.25z'%3e%3c/path%3e%3c/svg%3e";
+
 var GeometryType;
 (function (GeometryType) {
     GeometryType["Point"] = "Point";
@@ -63,8 +63,8 @@ var GeometryType;
     GeometryType["MultiPolygon"] = "MultiPolygon";
     GeometryType["GeometryCollection"] = "GeometryCollection";
     GeometryType["Circle"] = "Circle";
-})(GeometryType || (GeometryType = {}));
-
+})(GeometryType || (GeometryType = {}));
+
 const es = {
     labels: {
         select: 'Seleccionar',
@@ -93,6 +93,7 @@ const es = {
         capabilities: 'No se pudieron obtener las Capabilidades del GeoServer',
         wfst: 'El GeoServer no tiene soporte a Transacciones',
         layer: 'No se pudieron obtener datos de la capa',
+        layerNotFound: 'CApa no encontrada',
         noValidGeometry: 'No se encontraron geometrías válidas para agregar a esta capa',
         geoserver: 'No se pudieron obtener datos desde el GeoServer',
         badFormat: 'Formato no soportado',
@@ -101,8 +102,8 @@ const es = {
         transaction: 'Error al hacer transacción con el GeoServer. HTTP status:',
         getFeatures: 'Error al obtener elemento desde el GeoServer. HTTP status:'
     }
-};
-
+};
+
 const en = {
     labels: {
         select: 'Select',
@@ -131,6 +132,7 @@ const en = {
         capabilities: 'GeoServer Capabilities could not be downloaded.',
         wfst: 'The GeoServer does not support Transactions',
         layer: 'Could not get data from layer',
+        layerNotFound: 'Layer not found',
         noValidGeometry: 'No valid geometries found to add to this layer',
         geoserver: 'Could not get data from the GeoServer',
         badFormat: 'Unsupported format',
@@ -139,8 +141,8 @@ const en = {
         transaction: 'Error when doing Transaction with GeoServer. HTTP status:',
         getFeatures: 'Error getting elements from GeoServer. HTTP status:'
     }
-};
-
+};
+
 const zh = {
     labels: {
         select: '选择',
@@ -169,6 +171,7 @@ const zh = {
         capabilities: '无法加载GeoServer服务所支持的能力.',
         wfst: 'GeoServer不支持事务',
         layer: '无法从图层获得数据',
+        layerNotFound: 'Layer not found',
         noValidGeometry: '不支持的几何类型无法加载到图层',
         geoserver: '无法从GeoServer获取数据',
         badFormat: '不支持的格式',
@@ -177,15 +180,15 @@ const zh = {
         transaction: 'GeoServer处理事务出错. HTTP状态码:',
         getFeatures: '从GeoServer获取元素出错. HTTP状态码:'
     }
-};
-
-var i18n = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    es: es,
-    en: en,
-    zh: zh
-});
-
+};
+
+var i18n = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    es: es,
+    en: en,
+    zh: zh
+});
+
 // https://docs.geoserver.org/latest/en/user/services/wfs/axis_order.html
 // Axis ordering: latitude/longitude
 const DEFAULT_GEOSERVER_SRS = 'EPSG:3857';
@@ -207,6 +210,7 @@ const controlElement = document.createElement('div');
  * @fires modifyend
  * @fires drawstart
  * @fires drawend
+ * @fires load
  * @extends {ol/control/Control~Control}
  * @param opt_options Wfst options, see [Wfst Options](#options) for more details.
  */
@@ -216,6 +220,7 @@ class Wfst extends Control {
             target: null,
             element: controlElement
         });
+        this._initialized = false;
         // Check if the selected language exists
         this._i18n =
             opt_options.language && opt_options.language in i18n
@@ -237,6 +242,7 @@ class Wfst extends Control {
                 projection: DEFAULT_GEOSERVER_SRS
             },
             headers: {},
+            credentials: 'same-origin',
             layers: null,
             evtType: 'singleclick',
             active: true,
@@ -259,7 +265,7 @@ class Wfst extends Control {
             }
         };
         this._options = deepObjectAssign(defaultOptions, opt_options);
-        this._mapLayers = [];
+        this._mapLayers = {};
         this._countRequests = 0;
         this._isEditModeOn = false;
         // GeoServer
@@ -285,6 +291,17 @@ class Wfst extends Control {
         this._controlWidgetToolsDiv.className = 'ol-wfst--tools-control';
         this._initAsyncOperations();
     }
+    /**
+     * Gat all the layers in the ol-wfst instance
+     * If a name is provided, only returns that layer
+     * @public
+     */
+    getLayers(layerName = '') {
+        if (layerName && layerName in this._mapLayers) {
+            return this._mapLayers[layerName];
+        }
+        return Object.values(this._mapLayers);
+    }
     /**
      * @private
      */
@@ -300,10 +317,6 @@ class Wfst extends Control {
     /**
      * Connect to the GeoServer and retrieve metadata about the service (GetCapabilities).
      * Get each layer specs (DescribeFeatureType) and create the layers and map controls.
-     *
-     * @param layers
-     * @param showControl
-     * @param active
      * @private
      */
     _initAsyncOperations() {
@@ -311,7 +324,9 @@ class Wfst extends Control {
             try {
                 // @ts-expect-error
                 this.on('allDescribeFeatureTypeLoaded', this._onLoad);
-                this._showLoading();
+                if (this._isVisible) {
+                    this._showLoading();
+                }
                 yield this._connectToGeoServerAndGetCapabilities();
                 if (this._options.layers) {
                     yield this._getGeoserverLayersData(this._options.layers, this._options.geoServerUrl);
@@ -348,7 +363,8 @@ class Wfst extends Control {
                 const url_fetch = this._options.geoServerUrl + '?' + params.toString();
                 try {
                     const response = yield fetch(url_fetch, {
-                        headers: this._options.headers
+                        headers: this._options.headers,
+                        credentials: this._options.credentials
                     });
                     if (!response.ok) {
                         throw new Error('');
@@ -405,8 +421,7 @@ class Wfst extends Control {
             const getLayerData = (layerName) => __awaiter(this, void 0, void 0, function* () {
                 const params = new URLSearchParams({
                     service: 'wfs',
-                    version: this._options.geoServerAdvanced
-                        .describeFeatureTypeVersion,
+                    version: this._options.geoServerAdvanced.describeFeatureTypeVersion,
                     request: 'DescribeFeatureType',
                     typeName: layerName,
                     outputFormat: 'application/json',
@@ -414,7 +429,8 @@ class Wfst extends Control {
                 });
                 const url_fetch = geoServerUrl + '?' + params.toString();
                 const response = yield fetch(url_fetch, {
-                    headers: this._options.headers
+                    headers: this._options.headers,
+                    credentials: this._options.credentials
                 });
                 if (!response.ok) {
                     throw new Error('');
@@ -503,7 +519,8 @@ class Wfst extends Control {
                 tileLoadFunction: (tile, src) => __awaiter(this, void 0, void 0, function* () {
                     try {
                         const response = yield fetch(src, {
-                            headers: this._options.headers
+                            headers: this._options.headers,
+                            credentials: this._options.credentials
                         });
                         if (!response.ok) {
                             throw new Error('');
@@ -578,7 +595,8 @@ class Wfst extends Control {
                             '?' +
                             params.toString();
                         const response = yield fetch(url_fetch, {
-                            headers: this._options.headers
+                            headers: this._options.headers,
+                            credentials: this._options.credentials
                         });
                         if (!response.ok) {
                             throw new Error('');
@@ -594,8 +612,7 @@ class Wfst extends Control {
                             featureProjection: this._view
                                 .getProjection()
                                 .getCode(),
-                            dataProjection: this._options.geoServerAdvanced
-                                .projection
+                            dataProjection: this._options.geoServerAdvanced.projection
                         });
                         features.forEach((feature) => {
                             feature.set('_layerName_', layerName, 
@@ -759,7 +776,8 @@ class Wfst extends Control {
                     });
                     try {
                         const response = yield fetch(url, {
-                            headers: this._options.headers
+                            headers: this._options.headers,
+                            credentials: this._options.credentials
                         });
                         if (!response.ok) {
                             throw new Error(this._i18n.errors.getFeatures +
@@ -922,27 +940,27 @@ class Wfst extends Control {
                 const layerName = layerParams.name;
                 const layerLabel = `<span title="${this._geoServerData[layerName].geomType}">${layerParams.label || layerName}</span>`;
                 const visible = 'visible' in layerParams ? layerParams.visible : true;
-                return `
-                <div class="wfst--layer-control 
-                    ${visible ? 'ol-wfst--visible-on' : ''}
+                return `
+                <div class="wfst--layer-control 
+                    ${visible ? 'ol-wfst--visible-on' : ''}
                     ${layerName === this._layerToInsertElements
                     ? 'ol-wfst--selected-on'
-                    : ''}
-                    " data-layer="${layerName}">
-                    <div class="ol-wfst--tools-control-visible">
-                    <span class="ol-wfst--tools-control-visible-btn ol-wfst--visible-btn-on" title="${this._i18n.labels.toggleVisibility}">
-                      <img src="${img$4}"/>
-                    </span>
-                    <span class="ol-wfst--tools-control-visible-btn ol-wfst--visible-btn-off" title="${this._i18n.labels.toggleVisibility}">
-                      <img src="${img$5}"/>
-                    </span>
-                  </div>
-                    <label for="wfst--${layerName}">
+                    : ''}
+                    " data-layer="${layerName}">
+                    <div class="ol-wfst--tools-control-visible">
+                    <span class="ol-wfst--tools-control-visible-btn ol-wfst--visible-btn-on" title="${this._i18n.labels.toggleVisibility}">
+                      <img src="${img$1}"/>
+                    </span>
+                    <span class="ol-wfst--tools-control-visible-btn ol-wfst--visible-btn-off" title="${this._i18n.labels.toggleVisibility}">
+                      <img src="${img}"/>
+                    </span>
+                  </div>
+                    <label for="wfst--${layerName}">
                         <input value="${layerName}" id="wfst--${layerName}" type="radio" class="ol-wfst--tools-control-input" name="wfst--select-layer" ${layerName === this._layerToInsertElements
                     ? 'checked="checked"'
-                    : ''}>
-                        ${layerLabel}
-                    </label>
+                    : ''}>
+                        ${layerLabel}
+                    </label>
                 </div>`;
             };
             let htmlLayers = '';
@@ -998,7 +1016,7 @@ class Wfst extends Control {
                 uploadButton.className =
                     'ol-wfst--tools-control-btn ol-wfst--tools-control-btn-upload';
                 uploadButton.htmlFor = 'ol-wfst--upload';
-                uploadButton.innerHTML = `<img src="${img$3}"/> `;
+                uploadButton.innerHTML = `<img src="${img$2}"/> `;
                 uploadButton.title = this._i18n.labels.uploadToLayer;
                 // Hidden Input form
                 const uploadInput = document.createElement('input');
@@ -1022,7 +1040,7 @@ class Wfst extends Control {
                 drawButton.className =
                     'ol-wfst--tools-control-btn ol-wfst--tools-control-btn-draw';
                 drawButton.type = 'button';
-                drawButton.innerHTML = `<img src="${img}"/>`;
+                drawButton.innerHTML = `<img src="${img$5}"/>`;
                 drawButton.title = this._i18n.labels.addElement;
                 drawButton.onclick = () => {
                     if (this._isDrawModeOn) {
@@ -1098,10 +1116,18 @@ class Wfst extends Control {
     }
     /**
      * Hide loading
+     * @fires load
      * @private
      */
     _hideLoading() {
-        this._modalLoading.classList.remove('ol-wfst--tools-control--loading-show');
+        // run only once
+        if (!this._initialized) {
+            this.dispatchEvent('load');
+            this._initialized = true;
+        }
+        if (this._modalLoading) {
+            this._modalLoading.classList.remove('ol-wfst--tools-control--loading-show');
+        }
     }
     /**
      * Lock a feature in the geoserver before edit
@@ -1127,7 +1153,8 @@ class Wfst extends Control {
             const url_fetch = this._options.geoServerUrl + '?' + params.toString();
             try {
                 const response = yield fetch(url_fetch, {
-                    headers: this._options.headers
+                    headers: this._options.headers,
+                    credentials: this._options.credentials
                 });
                 if (!response.ok) {
                     throw new Error(this._i18n.errors.lockFeature);
@@ -1256,7 +1283,8 @@ class Wfst extends Control {
                 }
             }
             if (!clonedFeatures.length) {
-                return this._showError(this._i18n.errors.noValidGeometry);
+                this._showError(this._i18n.errors.noValidGeometry);
+                return false;
             }
             switch (action) {
                 case 'insert':
@@ -1280,95 +1308,111 @@ class Wfst extends Control {
             }
             this._countRequests++;
             const numberRequest = this._countRequests;
-            setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-                try {
-                    // Prevent fire multiples times
-                    if (numberRequest !== this._countRequests) {
-                        return;
-                    }
-                    let srs = this._view.getProjection().getCode();
-                    // Force latitude/longitude order on transactions
-                    // EPSG:4326 is longitude/latitude (assumption) and is not managed correctly by GML3
-                    srs = srs === 'EPSG:4326' ? 'urn:x-ogc:def:crs:EPSG:4326' : srs;
-                    const options = {
-                        featureNS: this._geoServerData[layerName].namespace,
-                        featureType: layerName,
-                        srsName: srs,
-                        featurePrefix: null,
-                        nativeElements: null,
-                        version: this._options.geoServerAdvanced
-                            .wfsTransactionVersion
-                    };
-                    const transaction = this._formatWFS.writeTransaction(this._insertFeatures, this._updateFeatures, this._deleteFeatures, options);
-                    let payload = this._xs.serializeToString(transaction);
-                    const geomType = this._geoServerData[layerName].geomType;
-                    const geomField = this._geoServerData[layerName].geomField;
-                    // Ugly fix to support GeometryCollection on GML
-                    // See https://github.com/openlayers/openlayers/issues/4220
-                    if (geomType === GeometryType.GeometryCollection) {
+            return new Promise((resolve, reject) => {
+                setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+                    try {
+                        // Prevent fire multiples times
+                        if (numberRequest !== this._countRequests) {
+                            return;
+                        }
+                        let srs = this._view.getProjection().getCode();
+                        // Force latitude/longitude order on transactions
+                        // EPSG:4326 is longitude/latitude (assumption) and is not managed correctly by GML3
+                        srs =
+                            srs === 'EPSG:4326'
+                                ? 'urn:x-ogc:def:crs:EPSG:4326'
+                                : srs;
+                        const geoLayer = this._geoServerData[layerName];
+                        if (!geoLayer) {
+                            throw new Error(this._i18n.errors.layerNotFound);
+                        }
+                        const options = {
+                            featureNS: geoLayer.namespace,
+                            featureType: layerName,
+                            srsName: srs,
+                            featurePrefix: null,
+                            nativeElements: null,
+                            version: this._options.geoServerAdvanced
+                                .wfsTransactionVersion
+                        };
+                        const transaction = this._formatWFS.writeTransaction(this._insertFeatures, this._updateFeatures, this._deleteFeatures, options);
+                        let payload = this._xs.serializeToString(transaction);
+                        const geomType = geoLayer.geomType;
+                        const geomField = geoLayer.geomField;
+                        // Ugly fix to support GeometryCollection on GML
+                        // See https://github.com/openlayers/openlayers/issues/4220
+                        if (geomType === GeometryType.GeometryCollection) {
+                            if (action === 'insert') {
+                                payload = payload.replace(/<geometry>/g, `<geometry><MultiGeometry xmlns="http://www.opengis.net/gml" srsName="${srs}"><geometryMember>`);
+                                payload = payload.replace(/<\/geometry>/g, `</geometryMember></MultiGeometry></geometry>`);
+                            }
+                            else if (action === 'update') {
+                                const gmemberIn = `<MultiGeometry xmlns="http://www.opengis.net/gml" srsName="${srs}"><geometryMember>`;
+                                const gmemberOut = `</geometryMember></MultiGeometry>`;
+                                payload = payload.replace(/(.*)(<Name>geometry<\/Name><Value>)(.*?)(<\/Value>)(.*)/g, `$1$2${gmemberIn}$3${gmemberOut}$4$5`);
+                            }
+                        }
+                        // Fixes geometry name, weird bug with GML:
+                        // The property for the geometry column is always named "geometry"
                         if (action === 'insert') {
-                            payload = payload.replace(/<geometry>/g, `<geometry><MultiGeometry xmlns="http://www.opengis.net/gml" srsName="${srs}"><geometryMember>`);
-                            payload = payload.replace(/<\/geometry>/g, `</geometryMember></MultiGeometry></geometry>`);
+                            payload = payload.replace(/<(\/?)\bgeometry\b>/g, `<$1${geomField}>`);
                         }
-                        else if (action === 'update') {
-                            const gmemberIn = `<MultiGeometry xmlns="http://www.opengis.net/gml" srsName="${srs}"><geometryMember>`;
-                            const gmemberOut = `</geometryMember></MultiGeometry>`;
-                            payload = payload.replace(/(.*)(<Name>geometry<\/Name><Value>)(.*?)(<\/Value>)(.*)/g, `$1$2${gmemberIn}$3${gmemberOut}$4$5`);
+                        else {
+                            payload = payload.replace(/<Name>geometry<\/Name>/g, `<Name>${geomField}</Name>`);
                         }
-                    }
-                    // Fixes geometry name, weird bug with GML:
-                    // The property for the geometry column is always named "geometry"
-                    if (action === 'insert') {
-                        payload = payload.replace(/<(\/?)\bgeometry\b>/g, `<$1${geomField}>`);
-                    }
-                    else {
-                        payload = payload.replace(/<Name>geometry<\/Name>/g, `<Name>${geomField}</Name>`);
-                    }
-                    // Add default LockId value
-                    if (this._hasLockFeature &&
-                        this._useLockFeature &&
-                        action !== 'insert') {
-                        payload = payload.replace(`</Transaction>`, `<LockId>GeoServer</LockId></Transaction>`);
-                    }
-                    const headers = Object.assign({ 'Content-Type': 'text/xml' }, this._options.headers);
-                    const response = yield fetch(this._options.geoServerUrl, {
-                        method: 'POST',
-                        body: payload,
-                        headers: headers
-                    });
-                    if (!response.ok) {
-                        throw new Error(this._i18n.errors.transaction + ' ' + response.status);
-                    }
-                    const parseResponse = this._formatWFS.readTransactionResponse(response);
-                    if (!Object.keys(parseResponse).length) {
-                        const responseStr = yield response.text();
-                        const findError = String(responseStr).match(/<ows:ExceptionText>([\s\S]*?)<\/ows:ExceptionText>/);
-                        if (findError) {
-                            this._showError(findError[1]);
+                        // Add default LockId value
+                        if (this._hasLockFeature &&
+                            this._useLockFeature &&
+                            action !== 'insert') {
+                            payload = payload.replace(`</Transaction>`, `<LockId>GeoServer</LockId></Transaction>`);
                         }
-                    }
-                    if (action !== 'delete') {
-                        for (const feature of features) {
-                            this._editLayer.getSource().removeFeature(feature);
+                        const headers = Object.assign({ 'Content-Type': 'text/xml' }, this._options.headers);
+                        const response = yield fetch(this._options.geoServerUrl, {
+                            method: 'POST',
+                            body: payload,
+                            headers: headers,
+                            credentials: this._options.credentials
+                        });
+                        if (!response.ok) {
+                            throw new Error(this._i18n.errors.transaction +
+                                ' ' +
+                                response.status);
                         }
+                        const parseResponse = this._formatWFS.readTransactionResponse(response);
+                        if (!Object.keys(parseResponse).length) {
+                            const responseStr = yield response.text();
+                            const findError = String(responseStr).match(/<ows:ExceptionText>([\s\S]*?)<\/ows:ExceptionText>/);
+                            if (findError) {
+                                throw new Error(findError[1]);
+                            }
+                        }
+                        if (action !== 'delete') {
+                            for (const feature of features) {
+                                this._editLayer.getSource().removeFeature(feature);
+                            }
+                        }
+                        const wlayer = this._mapLayers[layerName];
+                        if (wlayer instanceof Vector) {
+                            refreshWfsLayer(wlayer);
+                        }
+                        else if (wlayer instanceof Tile) {
+                            refreshWmsLayer(wlayer);
+                        }
+                        this._hideLoading();
+                        this._insertFeatures = [];
+                        this._updateFeatures = [];
+                        this._deleteFeatures = [];
+                        this._countRequests = 0;
+                        resolve(true);
                     }
-                    const { mode } = this._options.layers.find((layer) => layer.name === layerName);
-                    if (mode === 'wfs') {
-                        refreshWfsLayer(this._mapLayers[layerName]);
-                    }
-                    else if (mode === 'wms') {
-                        refreshWmsLayer(this._mapLayers[layerName]);
+                    catch (err) {
+                        this._showError(err.message, err);
+                        this._hideLoading();
+                        this._countRequests = 0;
+                        reject();
                     }
-                    this._hideLoading();
-                }
-                catch (err) {
-                    this._showError(err.message, err);
-                }
-                this._insertFeatures = [];
-                this._updateFeatures = [];
-                this._deleteFeatures = [];
-                this._countRequests = 0;
-            }), 0);
+                }), 0);
+            });
         });
     }
     /**
@@ -1720,7 +1764,7 @@ class Wfst extends Control {
      */
     _addFeatureToEdit(feature, coordinate = null, layerName = null) {
         const prepareOverlay = () => {
-            const svgFields = `<img src="${img$1}"/>`;
+            const svgFields = `<img src="${img$4}"/>`;
             const editFieldsEl = document.createElement('div');
             editFieldsEl.className = 'ol-wfst--edit-button-cnt';
             editFieldsEl.innerHTML = `<button class="ol-wfst--edit-button" type="button" title="${this._i18n.labels.editFields}">${svgFields}</button>`;
@@ -1729,7 +1773,7 @@ class Wfst extends Control {
             };
             const buttons = document.createElement('div');
             buttons.append(editFieldsEl);
-            const svgGeom = `<img src="${img$2}"/>`;
+            const svgGeom = `<img src="${img$3}"/>`;
             const editGeomEl = document.createElement('div');
             editGeomEl.className = 'ol-wfst--edit-button-cnt';
             editGeomEl.innerHTML = `<button class="ol-wfst--edit-button" type="button" title="${this._i18n.labels.editGeom}">${svgGeom}</button>`;
@@ -1782,13 +1826,13 @@ class Wfst extends Control {
      * @private
      */
     _initUploadFileModal(content, featuresToInsert) {
-        const footer = `
-            <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">
-                ${this._i18n.labels.cancel}
-            </button>
-            <button type="button" class="btn btn-sm btn-primary" data-action="save" data-dismiss="modal">
-                ${this._i18n.labels.upload}
-            </button>
+        const footer = `
+            <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">
+                ${this._i18n.labels.cancel}
+            </button>
+            <button type="button" class="btn btn-sm btn-primary" data-action="save" data-dismiss="modal">
+                ${this._i18n.labels.upload}
+            </button>
         `;
         const modal = new Modal(Object.assign(Object.assign({}, this._options.modal), { header: true, headerClose: false, title: this._i18n.labels.uploadFeatures +
                 ' ' +
@@ -1941,11 +1985,11 @@ class Wfst extends Control {
             else {
                 this._resetStateButtons();
                 this.activateEditMode();
-                const content = `
-                ${this._i18n.labels.validFeatures}: ${validFeaturesCount}<br>
+                const content = `
+                ${this._i18n.labels.validFeatures}: ${validFeaturesCount}<br>
                 ${invalidFeaturesCount
                     ? `${this._i18n.labels.invalidFeatures}: ${invalidFeaturesCount}`
-                    : ''}
+                    : ''}
             `;
                 this._editLayer.getSource().addFeatures(featuresToInsert);
                 this._initUploadFileModal(content, featuresToInsert);
@@ -2098,15 +2142,19 @@ class Wfst extends Control {
             this.interactionWfsSelect.setActive(bool);
     }
     /**
+     *
      * Add features directly to the geoserver, in a custom layer
      * without checking geometry or showing modal to confirm.
+     * Returns `true` if features are inserted correctly
      *
      * @param layerName
      * @param features
-     * @public
+     * @returns
      */
     insertFeaturesTo(layerName, features) {
-        this._transactWFS('insert', features, layerName);
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._transactWFS('insert', features, layerName);
+        });
     }
     /**
      * Shows a fields form in a modal window to allow changes in the properties of the feature.
@@ -2142,25 +2190,25 @@ class Wfst extends Control {
                         type = 'text';
                 }
                 if (type) {
-                    content += `
-                <div class="ol-wfst--input-field-container">
-                    <label class="ol-wfst--input-field-label" for="${key}">${key}</label>
-                    <input placeholder="NULL" class="ol-wfst--input-field-input" type="${type}" name="${key}" value="${properties[key] || ''}">
+                    content += `
+                <div class="ol-wfst--input-field-container">
+                    <label class="ol-wfst--input-field-label" for="${key}">${key}</label>
+                    <input placeholder="NULL" class="ol-wfst--input-field-input" type="${type}" name="${key}" value="${properties[key] || ''}">
                 </div>`;
                 }
             }
         });
         content += '</form>';
-        const footer = `
-            <button type="button" class="btn btn-sm btn-link btn-third" data-action="delete" data-dismiss="modal">
-                ${this._i18n.labels.delete}
-            </button>
-            <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">
-                ${this._i18n.labels.cancel}
-            </button>
-            <button type="button" class="btn btn-sm btn-primary" data-action="save" data-dismiss="modal">
-                ${this._i18n.labels.save}
-            </button>
+        const footer = `
+            <button type="button" class="btn btn-sm btn-link btn-third" data-action="delete" data-dismiss="modal">
+                ${this._i18n.labels.delete}
+            </button>
+            <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">
+                ${this._i18n.labels.cancel}
+            </button>
+            <button type="button" class="btn btn-sm btn-primary" data-action="save" data-dismiss="modal">
+                ${this._i18n.labels.save}
+            </button>
         `;
         const modal = new Modal(Object.assign(Object.assign({}, this._options.modal), { header: true, headerClose: true, title: `${this._i18n.labels.editElement} ${this._editFeature.getId()} `, content: content, footer: footer })).show();
         modal.on('dismiss', (modal, event) => {
@@ -2222,7 +2270,7 @@ const deepObjectAssign = (target, ...sources) => {
         });
     });
     return target;
-};
-
-export default Wfst;
-//# sourceMappingURL=ol-wfst.js.map
+};
+
+export { Wfst as default };
+//# sourceMappingURL=ol-wfst.js.map