ol-wfst 4.0.5 → 4.1.0

package/README.md

@@ -1,22 +1,22 @@
 # OpenLayers WFST
 
-<p align="center">
-    <a href="https://www.npmjs.com/package/ol-wfst">
-        <img src="https://img.shields.io/npm/v/ol-wfst.svg" alt="npm version">
-    </a>
-    <a href="https://img.shields.io/npm/dm/ol-wfst">
-        <img alt="npm" src="https://img.shields.io/npm/dm/ol-wfst">
-    </a>
-    <a href="https://github.com/gastonzalba/ol-wfst/blob/master/LICENSE">
-        <img src="https://img.shields.io/npm/l/ol-wfst.svg" alt="license">
-    </a>
+<p align="center">
+    <a href="https://www.npmjs.com/package/ol-wfst">
+        <img src="https://img.shields.io/npm/v/ol-wfst.svg" alt="npm version">
+    </a>
+    <a href="https://img.shields.io/npm/dm/ol-wfst">
+        <img alt="npm" src="https://img.shields.io/npm/dm/ol-wfst">
+    </a>
+    <a href="https://github.com/gastonzalba/ol-wfst/blob/master/LICENSE">
+        <img src="https://img.shields.io/npm/l/ol-wfst.svg" alt="license">
+    </a>
 </p>
 
-Tiny WFST-T client to insert (drawing/uploading), modify and delete features on GeoServers using [OpenLayers](https://openlayers.org/). Layers with these types of geometries are supported: _GeometryCollection_ (in this case, you can choose the geometry type of each element to draw), _Point_, _MultiPoint_, _LineString_, _MultiLineString_, _Polygon_ and _MultiPolygon_.
+Tiny WFST-T client to insert (drawing/uploading), modify and delete features on GeoServers using [OpenLayers](https://openlayers.org/). Layers with these types of geometries are supported: *GeometryCollection* (in this case, you can choose the geometry type of each element to draw), *Point*, *MultiPoint*, *LineString*, *MultiLineString*, *Polygon* and *MultiPolygon*.
 
 Tested with OpenLayers version 5, 6 and 7.
 
-<img src="screenshots/example-1.jpg" alt="Drawing" style="width:50%; float:left;">
+<img src="screenshots/example-1.jpg" alt="Drawing" style="width:50%; float:left;">
 <img src="screenshots/example-2.jpg" alt="Editing fields" style="width:50%; float:left;">
 
 ## Usage
@@ -24,100 +24,100 @@ Tested with OpenLayers version 5, 6 and 7.
 See [Wfst Options](#options) for more details.
 
 ```javascript
-import Wfst, { Geoserver, WmsLayer, WfsLayer } from 'ol-wfst';
-import { Fill, Stroke, Circle, Style } from 'ol/style';
-
-// Style
-import 'ol-wfst/lib/scss/ol-wfst.css';
-import 'ol-wfst/lib/scss/ol-wfst.bootstrap5.css'; // Do not import if you already have boostrap css
-
-// Optional credentials
-const password = 123456;
-const username = 'username';
-
-const geoserver = {
-    url: 'https://mysite.com/geoserver/myworkspace/ows',
-    advanced: {
-        getCapabilitiesVersion: '1.3.0',
-        getFeatureVersion: '1.0.0',
-        describeFeatureTypeVersion: '1.1.0',
-        lockFeatureVersion: '1.1.0',
-        projection: 'EPSG:3857'
-    },
-    // Maybe you wanna add this on a proxy, at the backend
-    headers: { Authorization: 'Basic ' + btoa(username + ':' + password) }
-};
-
-const wfsLayer = new WfsLayer({
-    name: 'myPointsLayer', // Name of the layer on the GeoServer
-    label: 'Photos', // Optional Label to be displayed in the controller
-    geoserver: geoserver,
-    zIndex: 99,
-
-    // WfsLayers need a custom style
-    style: new Style({
-        image: new Circle({
-            radius: 7,
-            fill: new Fill({
-                color: '#000000'
-            }),
-            stroke: new Stroke({
-                color: [255, 0, 0],
-                width: 2
-            })
-        })
-    }),
-
-    // See [geoserverVendor](#geoservervendor) for more details.
-    geoserverVendor: {
-        cql_filter: 'id > 50',
-        maxFeatures: 500
-    },
-
-    beforeTransactFeature: function (feature, transactionType) {
-        if (transactionType === 'insert') {
-            // Maybe add a custom value o perform an action before insert features
-            feature.set('customProperty', 'customValue', true);
-        } else if (transactionType === 'update') {
-            // ... //
-        } else if (transactionType === 'delete') {
-            // .. //
-        }
-
-        return feature;
-    }
-});
-
-const wmsLayer = new WmsLayer({
-    name: 'myMultiGeometryLayer',
-    label: 'Other elements',
-    geoserver: geoserver,
-    // See [geoserverVendor](#geoservervendor) for more details.
-    geoserverVendor: {
-        cql_filter: 'id > 50',
-        buffer: 50,
-        maxFeatures: 500
-    },
-    beforeTransactFeature: function (feature, transactionType) {
-        if (transactionType === 'insert') {
-            // Maybe add a custom value o perform an action before insert features
-            feature.set('customProperty', 'customValue', true);
-        } else if (transactionType === 'update') {
-            // ... //
-        } else if (transactionType === 'delete') {
-            // .. //
-        }
-
-        return feature;
-    }
-});
-
-const wfst = new Wfst({
-    layers: [wfsLayer, wmsLayer],
-    language: 'en',
-    showUpload: true
-});
-
+import Wfst, { Geoserver, WmsLayer, WfsLayer } from 'ol-wfst';
+import { Fill, Stroke, Circle, Style } from 'ol/style';
+
+// Style
+import 'ol-wfst/lib/scss/ol-wfst.css';
+import 'ol-wfst/lib/scss/ol-wfst.bootstrap5.css'; // Do not import if you already have boostrap css
+
+// Optional credentials
+const password = 123456;
+const username = 'username';
+
+const geoserver = {
+    url: 'https://mysite.com/geoserver/myworkspace/ows',
+    advanced: {
+        getCapabilitiesVersion: '1.3.0',
+        getFeatureVersion: '1.0.0',
+        describeFeatureTypeVersion: '1.1.0',
+        lockFeatureVersion: '1.1.0',
+        projection: 'EPSG:3857'
+    },
+    // Maybe you wanna add this on a proxy, at the backend
+    headers: { Authorization: 'Basic ' + btoa(username + ':' + password) }
+};
+
+const wfsLayer = new WfsLayer({
+    name: 'myPointsLayer', // Name of the layer on the GeoServer
+    label: 'Photos', // Optional Label to be displayed in the controller
+    geoserver: geoserver,
+    zIndex: 99,
+
+    // WfsLayers need a custom style
+    style: new Style({
+        image: new Circle({
+            radius: 7,
+            fill: new Fill({
+                color: '#000000'
+            }),
+            stroke: new Stroke({
+                color: [255, 0, 0],
+                width: 2
+            })
+        })
+    }),
+
+    // See [geoserverVendor](#geoservervendor) for more details.
+    geoserverVendor: {
+        cql_filter: 'id > 50',
+        maxFeatures: 500
+    },
+
+    beforeTransactFeature: function (feature, transactionType) {
+        if (transactionType === 'insert') {
+            // Maybe add a custom value o perform an action before insert features
+            feature.set('customProperty', 'customValue', true);
+        } else if (transactionType === 'update') {
+            // ... //
+        } else if (transactionType === 'delete') {
+            // .. //
+        }
+
+        return feature;
+    }
+});
+
+const wmsLayer = new WmsLayer({
+    name: 'myMultiGeometryLayer',
+    label: 'Other elements',
+    geoserver: geoserver,
+    // See [geoserverVendor](#geoservervendor) for more details.
+    geoserverVendor: {
+        cql_filter: 'id > 50',
+        buffer: 50,
+        maxFeatures: 500
+    },
+    beforeTransactFeature: function (feature, transactionType) {
+        if (transactionType === 'insert') {
+            // Maybe add a custom value o perform an action before insert features
+            feature.set('customProperty', 'customValue', true);
+        } else if (transactionType === 'update') {
+            // ... //
+        } else if (transactionType === 'delete') {
+            // .. //
+        }
+
+        return feature;
+    }
+});
+
+const wfst = new Wfst({
+    layers: [wfsLayer, wmsLayer],
+    language: 'en',
+    showUpload: true
+});
+
 map.addControl(wfst);
 ```
 
@@ -126,23 +126,23 @@ map.addControl(wfst);
 See \[#wfsSource]
 
 ```js
-
-wmsLayer.setCustomParam('cql_filter',(`id = 28`);
+
+wmsLayer.setCustomParam('cql_filter',(`id = 28`);
 wmsLayer.setCustomParam('env', `tags=true`);
 ```
 
 ### Adding features programatically
 
 ```js
-const feature = new ol.Feature({
-    geometry: new ol.geom.MultiPoint([[`-57.1145}`, `-36.2855`]])
-});
-const inserted = await myWmsLayer.insertFeatures([feature]);
-
-if (inserted) {
-    alert('Feature inserted');
-} else {
-    alert('Feature not inserted');
+const feature = new ol.Feature({
+    geometry: new ol.geom.MultiPoint([[`-57.1145}`, `-36.2855`]])
+});
+const inserted = await myWmsLayer.insertFeatures([feature]);
+
+if (inserted) {
+    alert('Feature inserted');
+} else {
+    alert('Feature not inserted');
 }
 ```
 
@@ -151,23 +151,23 @@ if (inserted) {
 ### wfst instance events
 
 ```js
-wfst.on(
-    ['modifystart', 'modifyend', 'drawstart', 'drawend', 'load', 'visible'],
-    function (evt) {
-        console.log(evt);
-    }
-);
-
-wfst.on(['describeFeatureType'], function (evt) {
-    console.log(evt.layer, evt.data);
+wfst.on(
+    ['modifystart', 'modifyend', 'drawstart', 'drawend', 'load', 'visible'],
+    function (evt) {
+        console.log(evt);
+    }
+);
+
+wfst.on(['describeFeatureType'], function (evt) {
+    console.log(evt.layer, evt.data);
 });
 ```
 
 ### Geoserver events
 
 ```js
-geoserver.on(['getCapabilities'], function (evt) {
-    console.log(evt.data);
+geoserver.on(['getCapabilities'], function (evt) {
+    console.log(evt.data);
 });
 ```
 
@@ -176,8 +176,8 @@ geoserver.on(['getCapabilities'], function (evt) {
 #### WMS Layer
 
 ```js
-wmsLayer.on(['change:describeFeatureType'], function (evt) {
-    console.log(evt);
+wmsLayer.on(['change:describeFeatureType'], function (evt) {
+    console.log(evt);
 });
 ```
 
@@ -190,23 +190,23 @@ wmsLayer.getSource().on([...])
 #### WFS Layer
 
 ```js
-wfsLayer.on(['change:describeFeatureType'], function (evt) {
-    console.log(evt);
+wfsLayer.on(['change:describeFeatureType'], function (evt) {
+    console.log(evt);
 });
 ```
 
 [VectorSource Events](https://openlayers.org/en/latest/apidoc/module-ol_source_Vector.VectorSourceEvent.html)
 
 ```js
-wfsLayer.getSource().on([...])
+wfsLayer.getSource().on([...])
 
 ```
 
 ### Some considerations
 
--   If the features/vertex appear to be slightly offset after adding them, check the _Number of Decimals_ in your Workplace, you may have to increment that to have a more accurete preview.
--   You can configure a _Basic Authentication_ or an _HTTP Header Proxy Authentication_ with this client, but in some cases is recommended setting that on an reverse proxy on the backend.
--   If you don't use a reverse proxy, remeber configure [cors](https://docs.geoserver.org/latest/en/user/production/container.html#enable-cors)
+*   If the features/vertex appear to be slightly offset after adding them, check the *Number of Decimals* in your Workplace, you may have to increment that to have a more accurete preview.
+*   You can configure a *Basic Authentication* or an *HTTP Header Proxy Authentication* with this client, but in some cases is recommended setting that on an reverse proxy on the backend.
+*   If you don't use a reverse proxy, remeber configure [cors](https://docs.geoserver.org/latest/en/user/production/container.html#enable-cors)
 
 ## Changelog
 
@@ -221,14 +221,14 @@ See [CHANGELOG](./CHANGELOG.md) for details of changes in each release.
 Load `ol-wfst.js` after OpenLayers. The available classes are `Wfst`, `Wfst.Geoserver`, `Wfst.WfsLayer` and `Wfst.WmsLayer`.
 
 ```HTML
-<script src="https://unpkg.com/ol-wfst@4.0.4"></script>
+<script src="https://unpkg.com/ol-wfst@4.1.0"></script>
 ```
 
 #### CSS
 
 ```HTML
-<link rel="stylesheet" href="https://unpkg.com/ol-wfst@4.0.4/dist/css/ol-wfst.min.css" />
-<link rel="stylesheet" href="https://unpkg.com/ol-wfst@4.0.4/dist/css/ol-wfst.bootstrap5.min.css" />
+<link rel="stylesheet" href="https://unpkg.com/ol-wfst@4.1.0/dist/css/ol-wfst.min.css" />
+<link rel="stylesheet" href="https://unpkg.com/ol-wfst@4.1.0/dist/css/ol-wfst.bootstrap5.min.css" />
 ```
 
 ### Parcel, Webpack, etc.
@@ -248,12 +248,12 @@ import Wfst, { Geoserver, WmsLayer, WfsLayer } from 'ol-wfst';
 #### CSS
 
 ```js
-// scss
-import 'ol-wfst/lib/style/scss/ol-wfst.scss';
-import 'ol-wfst/lib/style/scss/-ol-wfst.bootstrap5.scss';
-
-// or css
-import 'ol-wfst/lib/style/css/ol-wfst.css';
+// scss
+import 'ol-wfst/lib/style/scss/ol-wfst.scss';
+import 'ol-wfst/lib/style/scss/-ol-wfst.bootstrap5.scss';
+
+// or css
+import 'ol-wfst/lib/style/css/ol-wfst.css';
 import 'ol-wfst/lib/style/css/ol-wfst.bootstrap5.css';
 ```
 
@@ -267,104 +267,106 @@ TypeScript types are shipped with the project in the dist directory and should b
 
 #### Table of Contents
 
--   [BaseGeoserverVendor](#basegeoservervendor)
-    -   [key](#key)
-    -   [cql_filter](#cql_filter)
-    -   [sortBy](#sortby)
-    -   [featureid](#featureid)
-    -   [filter](#filter)
-    -   [format_options](#format_options)
-    -   [maxFeatures](#maxfeatures)
-    -   [startIndex](#startindex)
-    -   [propertyname](#propertyname)
--   [Wfst](#wfst)
-    -   [Parameters](#parameters)
-    -   [getLayers](#getlayers)
-    -   [getLayerByName](#getlayerbyname)
-        -   [Parameters](#parameters-1)
-    -   [activateDrawMode](#activatedrawmode)
-        -   [Parameters](#parameters-2)
-    -   [activateEditMode](#activateeditmode)
-        -   [Parameters](#parameters-3)
--   [Geoserver](#geoserver)
-    -   [Parameters](#parameters-4)
-    -   [getCapabilities](#getcapabilities)
-    -   [setUrl](#seturl)
-        -   [Parameters](#parameters-5)
-    -   [getUrl](#geturl)
-    -   [setHeaders](#setheaders)
-        -   [Parameters](#parameters-6)
-    -   [getHeaders](#getheaders)
-    -   [setCredentials](#setcredentials)
-        -   [Parameters](#parameters-7)
-    -   [getCredentials](#getcredentials)
-    -   [setAdvanced](#setadvanced)
-        -   [Parameters](#parameters-8)
-    -   [getAdvanced](#getadvanced)
-    -   [hasTransaction](#hastransaction)
-    -   [hasLockFeature](#haslockfeature)
-    -   [getUseLockFeature](#getuselockfeature)
-    -   [setUseLockFeature](#setuselockfeature)
-        -   [Parameters](#parameters-9)
-    -   [isLoaded](#isloaded)
-    -   [getState](#getstate)
-    -   [getAndUpdateCapabilities](#getandupdatecapabilities)
-    -   [lockFeature](#lockfeature)
-        -   [Parameters](#parameters-10)
--   [WfsLayer](#wfslayer)
-    -   [Parameters](#parameters-11)
-    -   [refresh](#refresh)
-    -   [setCustomParam](#setcustomparam)
-        -   [Parameters](#parameters-12)
--   [WmsLayer](#wmslayer)
-    -   [Parameters](#parameters-13)
-    -   [refresh](#refresh-1)
-    -   [setCustomParam](#setcustomparam-1)
-        -   [Parameters](#parameters-14)
--   [Options](#options)
-    -   [processUpload](#processupload)
-        -   [Parameters](#parameters-15)
-    -   [layers](#layers)
-    -   [active](#active)
-    -   [evtType](#evttype)
-    -   [showControl](#showcontrol)
-    -   [modal](#modal)
-    -   [language](#language)
-    -   [i18n](#i18n)
-    -   [showUpload](#showupload)
-    -   [uploadFormats](#uploadformats)
--   [LayerOptions](#layeroptions)
-    -   [beforeTransactFeature](#beforetransactfeature)
-        -   [Parameters](#parameters-16)
-    -   [name](#name)
-    -   [geoserver](#geoserver-1)
-    -   [label](#label)
-    -   [geoserverVendor](#geoservervendor)
-    -   [strategy](#strategy)
--   [GeoserverOptions](#geoserveroptions)
-    -   [url](#url)
-    -   [advanced](#advanced)
-    -   [headers](#headers)
-    -   [credentials](#credentials)
-    -   [useLockFeature](#uselockfeature)
--   [GeoServerAdvanced](#geoserveradvanced)
--   [WfsGeoserverVendor](#wfsgeoservervendor)
-    -   [strict](#strict)
--   [WmsGeoserverVendor](#wmsgeoservervendor)
-    -   [buffer](#buffer)
-    -   [env](#env)
-    -   [clip](#clip)
-    -   [styles](#styles)
-    -   [transparent](#transparent)
-    -   [bgcolor](#bgcolor)
-    -   [time](#time)
-    -   [sld](#sld)
-    -   [sld_body](#sld_body)
--   [IGeoserverDescribeFeatureType](#igeoserverdescribefeaturetype)
-    -   [\_parsed](#_parsed)
--   [I18n](#i18n-1)
-    -   [labels](#labels)
-    -   [errors](#errors)
+*   [BaseGeoserverVendor](#basegeoservervendor)
+    *   [key](#key)
+    *   [cql\_filter](#cql_filter)
+    *   [sortBy](#sortby)
+    *   [featureid](#featureid)
+    *   [filter](#filter)
+    *   [format\_options](#format_options)
+    *   [maxFeatures](#maxfeatures)
+    *   [startIndex](#startindex)
+    *   [propertyname](#propertyname)
+*   [Wfst](#wfst)
+    *   [Parameters](#parameters)
+    *   [getLayers](#getlayers)
+    *   [getLayerByName](#getlayerbyname)
+        *   [Parameters](#parameters-1)
+    *   [activateDrawMode](#activatedrawmode)
+        *   [Parameters](#parameters-2)
+    *   [activateEditMode](#activateeditmode)
+        *   [Parameters](#parameters-3)
+*   [Geoserver](#geoserver)
+    *   [Parameters](#parameters-4)
+    *   [getCapabilities](#getcapabilities)
+    *   [setUrl](#seturl)
+        *   [Parameters](#parameters-5)
+    *   [getUrl](#geturl)
+    *   [setHeaders](#setheaders)
+        *   [Parameters](#parameters-6)
+    *   [getHeaders](#getheaders)
+    *   [setCredentials](#setcredentials)
+        *   [Parameters](#parameters-7)
+    *   [getCredentials](#getcredentials)
+    *   [setAdvanced](#setadvanced)
+        *   [Parameters](#parameters-8)
+    *   [getAdvanced](#getadvanced)
+    *   [hasTransaction](#hastransaction)
+    *   [hasLockFeature](#haslockfeature)
+    *   [getUseLockFeature](#getuselockfeature)
+    *   [setUseLockFeature](#setuselockfeature)
+        *   [Parameters](#parameters-9)
+    *   [isLoaded](#isloaded)
+    *   [getState](#getstate)
+    *   [getAndUpdateCapabilities](#getandupdatecapabilities)
+    *   [\_removeFeatures](#_removefeatures)
+        *   [Parameters](#parameters-10)
+    *   [lockFeature](#lockfeature)
+        *   [Parameters](#parameters-11)
+*   [WfsLayer](#wfslayer)
+    *   [Parameters](#parameters-12)
+    *   [refresh](#refresh)
+    *   [setCustomParam](#setcustomparam)
+        *   [Parameters](#parameters-13)
+*   [WmsLayer](#wmslayer)
+    *   [Parameters](#parameters-14)
+    *   [refresh](#refresh-1)
+    *   [setCustomParam](#setcustomparam-1)
+        *   [Parameters](#parameters-15)
+*   [Options](#options)
+    *   [processUpload](#processupload)
+        *   [Parameters](#parameters-16)
+    *   [layers](#layers)
+    *   [active](#active)
+    *   [evtType](#evttype)
+    *   [showControl](#showcontrol)
+    *   [modal](#modal)
+    *   [language](#language)
+    *   [i18n](#i18n)
+    *   [showUpload](#showupload)
+    *   [uploadFormats](#uploadformats)
+*   [LayerOptions](#layeroptions)
+    *   [beforeTransactFeature](#beforetransactfeature)
+        *   [Parameters](#parameters-17)
+    *   [name](#name)
+    *   [geoserver](#geoserver-1)
+    *   [label](#label)
+    *   [geoserverVendor](#geoservervendor)
+    *   [strategy](#strategy)
+*   [GeoserverOptions](#geoserveroptions)
+    *   [url](#url)
+    *   [advanced](#advanced)
+    *   [headers](#headers)
+    *   [credentials](#credentials)
+    *   [useLockFeature](#uselockfeature)
+*   [GeoServerAdvanced](#geoserveradvanced)
+*   [WfsGeoserverVendor](#wfsgeoservervendor)
+    *   [strict](#strict)
+*   [WmsGeoserverVendor](#wmsgeoservervendor)
+    *   [buffer](#buffer)
+    *   [env](#env)
+    *   [clip](#clip)
+    *   [styles](#styles)
+    *   [transparent](#transparent)
+    *   [bgcolor](#bgcolor)
+    *   [time](#time)
+    *   [sld](#sld)
+    *   [sld\_body](#sld_body)
+*   [IGeoserverDescribeFeatureType](#igeoserverdescribefeaturetype)
+    *   [\_parsed](#_parsed)
+*   [I18n](#i18n-1)
+    *   [labels](#labels)
+    *   [errors](#errors)
 
 ### BaseGeoserverVendor
 
@@ -372,7 +374,7 @@ TypeScript types are shipped with the project in the dist directory and should b
 
 Add any other param
 
-#### cql_filter
+#### cql\_filter
 
 <https://docs.geoserver.org/latest/en/user/services/wms/vendor.html#cql-filter>
 
@@ -396,9 +398,9 @@ Type: [string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Globa
 
 Type: [string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)
 
-#### format_options
+#### format\_options
 
-WMS: <https://docs.geoserver.org/latest/en/user/services/wms/vendor.html#format-options>
+WMS: <https://docs.geoserver.org/latest/en/user/services/wms/vendor.html#format-options>
 WFS: <https://docs.geoserver.org/latest/en/user/services/wfs/vendor.html#format-options>
 
 Type: [string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)
@@ -423,17 +425,17 @@ Type: [string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Globa
 
 ### Wfst
 
-**Extends ol/control/[Control](https://openlayers.org/en/latest/apidoc/module-ol_control_Control-Control.html)~[Control](https://openlayers.org/en/latest/apidoc/module-ol_control_Control-Control.html)**
+**Extends ol/control/Control~Control**
 
-Tiny WFST-T client to insert (drawing/uploading), modify and delete
-features on GeoServers using OpenLayers. Layers with these types
-of geometries are supported: "GeometryCollection" (in this case, you can
-choose the geometry type of each element to draw), "Point", "MultiPoint",
+Tiny WFST-T client to insert (drawing/uploading), modify and delete
+features on GeoServers using OpenLayers. Layers with these types
+of geometries are supported: "GeometryCollection" (in this case, you can
+choose the geometry type of each element to draw), "Point", "MultiPoint",
 "LineString", "MultiLineString", "Polygon" and "MultiPolygon".
 
 #### Parameters
 
--   `options` **[Options](#options)?** Wfst options, see [Wfst Options](#options) for more details.
+*   `options` **[Options](#options)?** Wfst options, see [Wfst Options](#options) for more details.
 
 #### getLayers
 
@@ -447,7 +449,7 @@ Get a layer
 
 ##### Parameters
 
--   `layerName` (optional, default `''`)
+*   `layerName`   (optional, default `''`)
 
 Returns **([WfsLayer](#wfslayer) | [WmsLayer](#wmslayer))**&#x20;
 
@@ -457,7 +459,7 @@ Activate/deactivate the draw mode
 
 ##### Parameters
 
--   `layer` **([WfsLayer](#wfslayer) | [WmsLayer](#wmslayer) | `false`)**&#x20;
+*   `layer` **([WfsLayer](#wfslayer) | [WmsLayer](#wmslayer) | `false`)**&#x20;
 
 Returns **void**&#x20;
 
@@ -467,17 +469,17 @@ Activate/desactivate the edit mode
 
 ##### Parameters
 
--   `bool` (optional, default `true`)
+*   `bool`   (optional, default `true`)
 
 Returns **void**&#x20;
 
 ### Geoserver
 
-**Extends ol/Object~[BaseObject](https://openlayers.org/en/latest/apidoc/module-ol_Object-BaseObject.html)**
+**Extends ol/Object~BaseObject**
 
 #### Parameters
 
--   `options` **[GeoserverOptions](#geoserveroptions)**&#x20;
+*   `options` **[GeoserverOptions](#geoserveroptions)**&#x20;
 
 #### getCapabilities
 
@@ -487,8 +489,8 @@ Returns **XMLDocument**&#x20;
 
 ##### Parameters
 
--   `url` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)**&#x20;
--   `opt_silent` (optional, default `false`)
+*   `url` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)**&#x20;
+*   `opt_silent`   (optional, default `false`)
 
 Returns **void**&#x20;
 
@@ -500,8 +502,8 @@ Returns **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/G
 
 ##### Parameters
 
--   `headers` **HeadersInit** (optional, default `{}`)
--   `opt_silent` (optional, default `false`)
+*   `headers` **HeadersInit**  (optional, default `{}`)
+*   `opt_silent`   (optional, default `false`)
 
 Returns **void**&#x20;
 
@@ -513,8 +515,8 @@ Returns **HeadersInit**&#x20;
 
 ##### Parameters
 
--   `credentials` **RequestCredentials** (optional, default `null`)
--   `opt_silent` (optional, default `false`)
+*   `credentials` **RequestCredentials**  (optional, default `null`)
+*   `opt_silent`   (optional, default `false`)
 
 Returns **void**&#x20;
 
@@ -526,8 +528,8 @@ Returns **RequestCredentials**&#x20;
 
 ##### Parameters
 
--   `advanced` **[GeoServerAdvanced](#geoserveradvanced)** (optional, default `{}`)
--   `opt_silent` (optional, default `false`)
+*   `advanced` **[GeoServerAdvanced](#geoserveradvanced)**  (optional, default `{}`)
+*   `opt_silent`   (optional, default `false`)
 
 Returns **void**&#x20;
 
@@ -551,8 +553,8 @@ Returns **[boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/
 
 ##### Parameters
 
--   `useLockFeature` **[boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)**&#x20;
--   `opt_silent` (optional, default `false`)
+*   `useLockFeature` **[boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)**&#x20;
+*   `opt_silent`   (optional, default `false`)
 
 Returns **void**&#x20;
 
@@ -564,110 +566,116 @@ Returns **[boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/
 
 #### getAndUpdateCapabilities
 
-Get the capabilities from the GeoServer and check
+Get the capabilities from the GeoServer and check
 all the available operations.
 
 Returns **[Promise](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise)\<XMLDocument>**&#x20;
 
+#### \_removeFeatures
+
+##### Parameters
+
+*   `features` **[Array](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array)\<Feature\<Geometry>>**&#x20;
+
 #### lockFeature
 
-Lock a feature in the geoserver. Useful before editing a geometry,
+Lock a feature in the geoserver. Useful before editing a geometry,
 to avoid changes from multiples suers
 
 ##### Parameters
 
--   `featureId` **([string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String) | [number](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number))**&#x20;
--   `layerName` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)**&#x20;
--   `retry` (optional, default `0`)
+*   `featureId` **([string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String) | [number](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number))**&#x20;
+*   `layerName` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)**&#x20;
+*   `retry`   (optional, default `0`)
 
 Returns **[Promise](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise)<[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)>**&#x20;
 
 ### WfsLayer
 
-**Extends ol/layer/Vector~[VectorLayer](https://openlayers.org/en/latest/apidoc/module-ol_layer_Vector-VectorLayer.html)**
+**Extends ol/layer/Vector~VectorLayer**
 
-Layer to retrieve WFS features from geoservers
+Layer to retrieve WFS features from geoservers
 <https://docs.geoserver.org/stable/en/user/services/wfs/reference.html>
 
 #### Parameters
 
--   `options` **[LayerOptions](#layeroptions)**&#x20;
+*   `options` **[LayerOptions](#layeroptions)**&#x20;
 
 #### refresh
 
 #### setCustomParam
 
-Use this to update Geoserver Wms Vendors (<https://docs.geoserver.org/latest/en/user/services/wms/vendor.html>)
-and other arguements (<https://docs.geoserver.org/stable/en/user/services/wms/reference.html#getmap>)
+Use this to update Geoserver Wms Vendors (<https://docs.geoserver.org/latest/en/user/services/wms/vendor.html>)
+and other arguements (<https://docs.geoserver.org/stable/en/user/services/wms/reference.html#getmap>)
 in all the getMap requests.
 
-Example: you can use this to change the style of the WMS, add a custom sld, set a cql_filter, etc.
+Example: you can use this to change the style of the WMS, add a custom sld, set a cql\_filter, etc.
 
 ##### Parameters
 
--   `paramName` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)**&#x20;
--   `value` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** Use `undefined` or `null` to remove the param (optional, default `null`)
--   `refresh` (optional, default `true`)
+*   `paramName` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)**&#x20;
+*   `value` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** Use `undefined` or `null` to remove the param (optional, default `null`)
+*   `refresh`   (optional, default `true`)
 
 Returns **URLSearchParams**&#x20;
 
 ### WmsLayer
 
-**Extends ol/layer/Tile~[TileLayer](https://openlayers.org/en/latest/apidoc/module-ol_layer_Tile-TileLayer.html)**
+**Extends ol/layer/Tile~TileLayer**
 
-Layer to retrieve WMS information from geoservers
+Layer to retrieve WMS information from geoservers
 <https://docs.geoserver.org/stable/en/user/services/wms/reference.html>
 
 #### Parameters
 
--   `options` **[LayerOptions](#layeroptions)**&#x20;
+*   `options` **[LayerOptions](#layeroptions)**&#x20;
 
 #### refresh
 
 #### setCustomParam
 
-Use this to update Geoserver Wfs Vendors (<https://docs.geoserver.org/latest/en/user/services/wfs/vendor.html>)
-and other arguements (<https://docs.geoserver.org/stable/en/user/services/wfs/reference.html>)
+Use this to update Geoserver Wfs Vendors (<https://docs.geoserver.org/latest/en/user/services/wfs/vendor.html>)
+and other arguements (<https://docs.geoserver.org/stable/en/user/services/wfs/reference.html>)
 in all the getFeature requests.
 
-Example: you can use this to set a cql_filter, limit the numbers of features, etc.
+Example: you can use this to set a cql\_filter, limit the numbers of features, etc.
 
 ##### Parameters
 
--   `paramName` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)**&#x20;
--   `value` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** (optional, default `null`)
--   `refresh` (optional, default `true`)
+*   `paramName` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)**&#x20;
+*   `value` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)**  (optional, default `null`)
+*   `refresh`   (optional, default `true`)
 
 Returns **URLSearchParams**&#x20;
 
 ### Options
 
-**_\[interface]_** - Wfst Options specified when creating a Wfst instance
+***\[interface]*** - Wfst Options specified when creating a Wfst instance
 
 Default values:
 
 ```javascript
-{
- layers: null,
- evtType: 'singleclick',
- active: true,
- showControl: true,
- language: 'en',
- i18n: {...}, // according to language selection
- uploadFormats: '.geojson,.json,.kml',
- processUpload: null,
+{
+ layers: null,
+ evtType: 'singleclick',
+ active: true,
+ showControl: true,
+ language: 'en',
+ i18n: {...}, // according to language selection
+ uploadFormats: '.geojson,.json,.kml',
+ processUpload: null,
 }
 ```
 
 #### processUpload
 
-Triggered to allow implement custom functions or to parse other formats than default
-by filtering the extension. If this doesn't return features, the default function
+Triggered to allow implement custom functions or to parse other formats than default
+by filtering the extension. If this doesn't return features, the default function
 will be used to extract them.
 
 ##### Parameters
 
--   `file` **File**&#x20;
+*   `file` **File**&#x20;
 
 Returns **[Array](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array)\<Feature\<Geometry>>**&#x20;
 
@@ -721,40 +729,40 @@ Type: [boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Glob
 
 #### uploadFormats
 
-Accepted extension formats on upload
+Accepted extension formats on upload
 Example: ".json,.geojson"
 
 Type: [string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)
 
 ### LayerOptions
 
-**Extends Omit\<[VectorLayerOptions](https://openlayers.org/en/latest/apidoc/module-ol_layer_Vector-VectorLayer.html)\<any>, 'source'>**
+**Extends Omit\<VectorLayerOptions\<any>, 'source'>**
 
-**_\[interface]_** - Parameters to create the layers and connect to the GeoServer
+***\[interface]*** - Parameters to create the layers and connect to the GeoServer
 
 You can use all the parameters supported by OpenLayers
 
 Default values:
 
 ```javascript
-{
- name: null,
- geoserver: null,
- label: null, // `name` if not provided
- strategy: all,
- geoserverVendor: null
+{
+ name: null,
+ geoserver: null,
+ label: null, // `name` if not provided
+ strategy: all,
+ geoserverVendor: null
 }
 ```
 
 #### beforeTransactFeature
 
-Triggered before inserting new features to the Geoserver.
+Triggered before inserting new features to the Geoserver.
 Use this to insert custom properties, modify the feature, etc.
 
 ##### Parameters
 
--   `feature` **Feature\<Geometry>**&#x20;
--   `transaction` **TransactionType**&#x20;
+*   `feature` **Feature\<Geometry>**&#x20;
+*   `transaction` **TransactionType**&#x20;
 
 Returns **Feature\<Geometry>**&#x20;
 
@@ -784,15 +792,15 @@ Type: ([WfsGeoserverVendor](#wfsgeoservervendor) | [WmsGeoserverVendor](#wmsgeos
 
 #### strategy
 
-Strategy function for loading features.
-Only for WFS
+Strategy function for loading features.
+Only for WFS
 By default `all` strategy is used
 
 Type: LoadingStrategy
 
 ### GeoserverOptions
 
-**_\[interface]_**
+***\[interface]***
 
 #### url
 
@@ -808,14 +816,14 @@ Type: [GeoServerAdvanced](#geoserveradvanced)
 
 #### headers
 
-Http headers for GeoServer requests
+Http headers for GeoServer requests
 <https://developer.mozilla.org/en-US/docs/Web/API/Request/headers>
 
 Type: HeadersInit
 
 #### credentials
 
-Credentials for fetch requests
+Credentials for fetch requests
 <https://developer.mozilla.org/en-US/docs/Web/API/Request/credentials>
 
 Default is 'same-origin'
@@ -824,31 +832,31 @@ Type: RequestCredentials
 
 #### useLockFeature
 
-Use LockFeatue request on GeoServer when selecting features. Prevents a feature from being edited
-through a persistent feature lock. This is not always supportedd by the GeoServer.
+Use LockFeatue request on GeoServer when selecting features. Prevents a feature from being edited
+through a persistent feature lock. This is not always supportedd by the GeoServer.
 See <https://docs.geoserver.org/stable/en/user/services/wfs/reference.html>
 
 Type: [boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)
 
 ### GeoServerAdvanced
 
-**_\[interface]_**
+***\[interface]***
 
--   Default values:
+*   Default values:
 
 ```javascript
-{
-  getCapabilitiesVersion: '1.3.0',
-  getFeatureVersion: '1.0.0',
-  describeFeatureTypeVersion: '1.1.0',
-  lockFeatureVersion: '1.1.0',
-  wfsTransactionVersion: '1.1.0',
-  projection: 'EPSG:3857',
-  lockFeatureParams: {
-    expiry: 5,
-    lockId: 'Geoserver',
-    releaseAction: 'SOME'
-  }
+{
+  getCapabilitiesVersion: '1.3.0',
+  getFeatureVersion: '1.0.0',
+  describeFeatureTypeVersion: '1.1.0',
+  lockFeatureVersion: '1.1.0',
+  wfsTransactionVersion: '1.1.0',
+  projection: 'EPSG:3857',
+  lockFeatureParams: {
+    expiry: 5,
+    lockId: 'Geoserver',
+    releaseAction: 'SOME'
+  }
 }
 ```
 
@@ -856,7 +864,7 @@ Type: [boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Glob
 
 **Extends BaseGeoserverVendor**
 
-**_\[interface]_** - WFS geoserver options
+***\[interface]*** - WFS geoserver options
 <https://docs.geoserver.org/latest/en/user/services/wfs/vendor.html>
 
 #### strict
@@ -869,7 +877,7 @@ Type: [boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Glob
 
 **Extends BaseGeoserverVendor**
 
-**_\[interface]_** - WMS geoserver options
+***\[interface]*** - WMS geoserver options
 <https://docs.geoserver.org/latest/en/user/services/wms/vendor.html>
 
 #### buffer
@@ -892,8 +900,8 @@ Type: [string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Globa
 
 #### styles
 
-Styles in which layers are to be rendered.
-Value is a comma-separated list of style names, or empty if default styling is required.
+Styles in which layers are to be rendered.
+Value is a comma-separated list of style names, or empty if default styling is required.
 Style names may be empty in the list, to use default layer styling.
 
 Type: [string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)
@@ -912,19 +920,19 @@ Type: [string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Globa
 
 #### time
 
-Time value or range for map data.
+Time value or range for map data.
 See [Time Support in GeoServer WMS](https://docs.geoserver.org/stable/en/user/services/wms/time.html#wms-time) for more information.
 
 Type: [string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)
 
 #### sld
 
-A URL referencing a [StyledLayerDescriptor](https://docs.geoserver.org/stable/en/user/styling/index.html#styling)
+A URL referencing a [StyledLayerDescriptor](https://docs.geoserver.org/stable/en/user/styling/index.html#styling)
 XML file which controls or enhances map layers and styling
 
 Type: [string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)
 
-#### sld_body
+#### sld\_body
 
 A URL-encoded StyledLayerDescriptor XML document which controls or enhances map layers and styling
 
@@ -932,7 +940,7 @@ Type: [string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Globa
 
 ### IGeoserverDescribeFeatureType
 
-**_\[interface]_** - Geoserver original response on DescribeFeature request
+***\[interface]*** - Geoserver original response on DescribeFeature request
 
 #### \_parsed
 
@@ -942,7 +950,7 @@ Type: {namespace: [string](https://developer.mozilla.org/docs/Web/JavaScript/Ref
 
 ### I18n
 
-**_\[interface]_** - Custom Language specified when creating a WFST instance
+***\[interface]*** - Custom Language specified when creating a WFST instance
 
 #### labels
 
@@ -958,17 +966,17 @@ Type: {capabilities: [string](https://developer.mozilla.org/docs/Web/JavaScript/
 
 ## TODO
 
--   \~~Add support to diferent layer styles~~
--   \~~Improve widget controller: visibility toggle~~
--   \~~Add events~~
--   Add `Don't show again` option in the error modal
--   Allow selection of multiples features and bulk edit
--   Add customizables styles
--   Improve scss (add variables)
--   Add cookies to persist widget controller state
--   Geometry type _LinearRing_ support
--   Tests!
--   Improve comments and documentation
--   Improve interface
--   Change svg imports to preserve svg structure
--   Improve style on editing and drawing features
+*   \~~Add support to diferent layer styles~~
+*   \~~Improve widget controller: visibility toggle~~
+*   \~~Add events~~
+*   Add `Don't show again` option in the error modal
+*   Allow selection of multiples features and bulk edit
+*   Add customizables styles
+*   Improve scss (add variables)
+*   Add cookies to persist widget controller state
+*   Geometry type *LinearRing* support
+*   Tests!
+*   Improve comments and documentation
+*   Improve interface
+*   Change svg imports to preserve svg structure
+*   Improve style on editing and drawing features