ol-wfst 4.2.0 → 4.4.0

package/dist/ol-wfst.d.ts

@@ -0,0 +1,340 @@
+import Geometry from 'ol/geom/Geometry.js';
+import Control from 'ol/control/Control.js';
+import Draw from 'ol/interaction/Draw.js';
+import Modify from 'ol/interaction/Modify.js';
+import Select from 'ol/interaction/Select.js';
+import Snap from 'ol/interaction/Snap.js';
+import { EventsKey } from 'ol/events.js';
+import Collection from 'ol/Collection.js';
+import Feature from 'ol/Feature.js';
+import Overlay from 'ol/Overlay.js';
+import View from 'ol/View.js';
+import Map from 'ol/Map.js';
+import BaseEvent from 'ol/events/Event.js';
+import { LoadingStrategy } from 'ol/source/Vector.js';
+import { Options as VectorLayerOptions } from 'ol/layer/BaseVector.js';
+import { CombinedOnSignature, EventTypes, OnSignature } from 'ol/Observable.js';
+import { ObjectEvent } from 'ol/Object.js';
+import { Types as ObjectEventTypes } from 'ol/ObjectEventType.js';
+import WfsLayer from './WfsLayer';
+import WmsLayer from './WmsLayer';
+import LayersControl from './modules/LayersControl';
+import Uploads from './modules/Uploads';
+import { TransactionType } from './@enums';
+import { I18n, IGeoserverDescribeFeatureType, IProperty, WfsGeoserverVendor, WmsGeoserverVendor } from './@types';
+import EditControlChangesEl from './modules/EditControlChanges';
+import { EditFieldsModal } from './modules/EditFieldsModal';
+import Geoserver from './Geoserver';
+import './assets/scss/-ol-wfst.bootstrap5.scss';
+import './assets/scss/ol-wfst.scss';
+/**
+ * Tiny WFS-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".
+ *
+ * @constructor
+ * @fires modifystart
+ * @fires modifyend
+ * @fires drawstart
+ * @fires drawend
+ * @fires load
+ * @fires describeFeatureType
+ * @extends {ol/control/Control~Control}
+ * @param options Wfst options, see [Wfst Options](#options) for more details.
+ */
+export default class Wfst extends Control {
+    protected _options: Options;
+    protected _i18n: I18n;
+    protected _map: Map;
+    protected _view: View;
+    protected _viewport: HTMLElement;
+    protected _initialized: boolean;
+    protected _layersControl: LayersControl;
+    protected _overlay: Overlay;
+    protected _interactionWfsSelect: Select;
+    protected _interactionSelectModify: Select;
+    protected _collectionModify: Collection<any>;
+    protected _interactionModify: Modify;
+    protected _interactionSnap: Snap;
+    protected _interactionDraw: Draw;
+    protected _keyClickWms: EventsKey | EventsKey[];
+    protected _keyRemove: EventsKey;
+    protected _keySelect: EventsKey;
+    protected _controlApplyDiscardChanges: EditControlChangesEl;
+    protected _controlWidgetToolsDiv: HTMLElement;
+    protected _selectDraw: HTMLSelectElement;
+    protected _currentZoom: number;
+    protected _lastZoom: number;
+    protected _editFeature: Feature<Geometry>;
+    protected _editFeatureOriginal: Feature<Geometry>;
+    protected _uploads: Uploads;
+    protected _editFields: EditFieldsModal;
+    on: OnSignature<EventTypes, BaseEvent, EventsKey> & OnSignature<WfstEventTypes, WfstEvent, EventsKey> & OnSignature<ObjectEventTypes, ObjectEvent, EventsKey> & CombinedOnSignature<WfstEventTypes | ObjectEventTypes | EventTypes, EventsKey>;
+    once: OnSignature<EventTypes, BaseEvent, EventsKey> & OnSignature<WfstEventTypes, WfstEvent, EventsKey> & OnSignature<ObjectEventTypes, ObjectEvent, EventsKey> & CombinedOnSignature<WfstEventTypes | ObjectEventTypes | EventTypes, EventsKey>;
+    un: OnSignature<EventTypes, BaseEvent, void> & OnSignature<WfstEventTypes, WfstEvent, EventsKey> & OnSignature<ObjectEventTypes, ObjectEvent, void> & CombinedOnSignature<WfstEventTypes | ObjectEventTypes | EventTypes, void>;
+    constructor(options?: Options);
+    /**
+     * Get all the layers in the ol-wfst instance
+     * @public
+     */
+    getLayers(): Array<WfsLayer | WmsLayer>;
+    /**
+     * Get a layer
+     * @public
+     */
+    getLayerByName(layerName?: string): WfsLayer | WmsLayer;
+    /**
+     * Connect to the GeoServer and retrieve metadata about the service (GetCapabilities).
+     * Get each layer specs (DescribeFeatureType) and create the layers and map controls.
+     * @fires describeFeatureType
+     * @private
+     */
+    private _initMapAndLayers;
+    /**
+     * @private
+     */
+    private _init;
+    /**
+     * Create the edit layer to allow modify elements, add interactions,
+     * map controls and keyboard handlers.
+     *
+     * @param showControl
+     * @param active
+     * @private
+     */
+    private _createMapElements;
+    /**
+     * @private
+     */
+    private _addInteractions;
+    /**
+     * Layer to store temporary the elements to be edited
+     * @private
+     */
+    private _prepareEditLayer;
+    /**
+     * @private
+     */
+    private _addMapEvents;
+    /**
+     * Add map handlers
+     * @private
+     */
+    private _addInteractionHandlers;
+    /**
+     * Add the widget on the map to allow change the tools and select active layers
+     * @private
+     */
+    private _addMapControl;
+    /**
+     *
+     * @param feature
+     * @private
+     */
+    private _deselectEditFeature;
+    /**
+     *
+     * @param feature
+     * @param layerName
+     * @private
+     */
+    private _restoreFeatureToLayer;
+    /**
+     * @param feature
+     * @private
+     */
+    private _removeFeatureFromTmpLayer;
+    /**
+     * Trigger on deselecting a feature from in the Edit layer
+     *
+     * @private
+     */
+    private _onDeselectFeatureEvent;
+    /**
+     * Trigger on removing a feature from the Edit layer
+     *
+     * @private
+     */
+    private _onRemoveFeatureEvent;
+    /**
+     *
+     * @param feature
+     * @private
+     */
+    private _editModeOn;
+    /**
+     * @private
+     */
+    private _editModeOff;
+    /**
+     * Remove a feature from the edit Layer and from the Geoserver
+     *
+     * @param feature
+     * @private
+     */
+    private _deleteFeature;
+    /**
+     * Add a feature to the Edit Layer to allow editing, and creates an Overlay Helper to show options
+     *
+     * @param feature
+     * @param coordinate
+     * @param layerName
+     * @private
+     */
+    private _addFeatureToEditMode;
+    /**
+     * Activate/deactivate the draw mode
+     *
+     * @param layer
+     * @public
+     */
+    activateDrawMode(layer: WfsLayer | WmsLayer | false): void;
+    /**
+     * Activate/desactivate the edit mode
+     *
+     * @param bool
+     * @public
+     */
+    activateEditMode(bool?: boolean): void;
+    /**
+     * Remove the overlay helper atttached to a specify feature
+     * @param feature
+     * @private
+     */
+    private _removeOverlayHelper;
+}
+/**
+ * **_[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,
+ * }
+ * ```
+ */
+interface Options {
+    /**
+     * Layers to be loaded from the geoserver
+     */
+    layers?: Array<WfsLayer | WmsLayer>;
+    /**
+     * Init active
+     */
+    active?: boolean;
+    /**
+     * The click event to allow selection of Features to be edited
+     */
+    evtType?: 'singleclick' | 'dblclick';
+    /**
+     * Show/hide the control map
+     */
+    showControl?: boolean;
+    /**
+     * Modal configuration
+     */
+    modal?: {
+        animateClass?: string;
+        animateInClass?: string;
+        transition?: number;
+        backdropTransition?: number;
+        templates?: {
+            dialog?: string | HTMLElement;
+            headerClose?: string | HTMLElement;
+        };
+    };
+    /**
+     * Language to be used
+     */
+    language?: 'es' | 'en' | 'zh';
+    /**
+     * Custom translations
+     */
+    i18n?: I18n;
+    /**
+     * Show/hide the upload button
+     */
+    showUpload?: boolean;
+    /**
+     * Accepted extension formats on upload
+     * Example: ".json,.geojson"
+     */
+    uploadFormats?: string;
+    /**
+     * 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.
+     */
+    processUpload?(file: File): Array<Feature<Geometry>>;
+}
+/**
+ * **_[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
+ * }
+ * ```
+ */
+interface LayerOptions extends Omit<VectorLayerOptions<any>, 'source'> {
+    /**
+     * Layer name in the GeoServer
+     */
+    name: string;
+    /**
+     * Geoserver Object
+     */
+    geoserver: Geoserver;
+    /**
+     * Label to be displayed in the widget control
+     */
+    label?: string;
+    /**
+     * Available geoserver options
+     */
+    geoserverVendor?: WfsGeoserverVendor | WmsGeoserverVendor;
+    /**
+     * Strategy function for loading features.
+     * Only for WFS
+     * By default `all` strategy is used
+     */
+    strategy?: LoadingStrategy;
+    /**
+     * Triggered before inserting new features to the Geoserver.
+     * Use this to insert custom properties, modify the feature, etc.
+     */
+    beforeTransactFeature?(feature: Feature<Geometry>, transaction: TransactionType): Feature<Geometry>;
+    /**
+     * Hook to customize the html elements showed in the fields modal
+     * Return `null` to hide the field from the modal
+     */
+    beforeShowFieldsModal?: (field: IProperty, value: string, formElement: HTMLElement) => HTMLElement | string | null;
+}
+declare class WfstEvent extends BaseEvent {
+    data: IGeoserverDescribeFeatureType;
+    layer: WfsLayer | WmsLayer;
+    constructor(options: {
+        type: WfstEventTypes;
+        layer: WfsLayer | WmsLayer;
+        data: IGeoserverDescribeFeatureType;
+    });
+}
+type WfstEventTypes = 'describeFeatureType';
+export { Options, WfstEventTypes, WfstEvent, I18n, LayerOptions, Geoserver, WmsLayer, WfsLayer };
+//# sourceMappingURL=ol-wfst.d.ts.map

package/dist/ol-wfst.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ol-wfst.d.ts","sourceRoot":"","sources":["../src/ol-wfst.ts"],"names":[],"mappings":"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"}

package/dist/ol-wfst.js

@@ -1,7 +1,7 @@
 /*!
- * ol-wfst - v4.2.0
+ * ol-wfst - v4.4.0
  * https://github.com/GastonZalba/ol-wfst#readme
- * Built: Sat Sep 30 2023 12:32:13 GMT-0300 (Argentina Standard Time)
+ * Built: Sun May 05 2024 21:48:51 GMT-0300 (Argentina Standard Time)
 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('ol/style/Circle.js'), require('ol/style/Fill.js'), require('ol/style/Stroke.js'), require('ol/style/Style.js'), require('ol/control/Control.js'), require('ol/interaction/Draw.js'), require('ol/interaction/Modify.js'), require('ol/interaction/Select.js'), require('ol/interaction/Snap.js'), require('ol/Collection.js'), require('ol/events/Event.js'), require('ol/events/condition.js'), require('ol/Observable.js'), require('ol/layer/Vector.js'), require('ol/layer/Base.js'), require('ol/format/GeoJSON.js'), require('ol/source/Vector.js'), require('ol/proj.js'), require('ol/loadingstrategy.js'), require('ol/layer/Tile.js'), require('ol/source/TileWMS.js'), require('ol/geom.js'), require('ol/format/KML.js'), require('ol/format/WFS.js'), require('ol/style.js'), require('ol/Object.js'), require('ol/geom/Circle.js'), require('ol/geom/GeometryCollection.js'), require('ol/Feature.js'), require('ol/geom/Polygon.js'), require('ol/format/XML.js'), require('ol/xml.js'), require('ol/format/xlink.js'), require('ol/format/xsd.js'), require('ol/extent.js'), require('ol/Overlay.js')) :
@@ -1904,6 +1904,9 @@
           if (options.beforeTransactFeature) {
               this.beforeTransactFeature = options.beforeTransactFeature;
           }
+          if (options.beforeShowFieldsModal) {
+              this.beforeShowFieldsModal = options.beforeShowFieldsModal;
+          }
           this._formatGeoJSON = new GeoJSON();
           const geoserver = options.geoserver;
           const source = new WmsSource({
@@ -1971,6 +1974,9 @@
               const data = await response.json();
               let features = this._parseFeaturesFromResponse(data);
               const featuresId = features.map((f) => f.getId());
+              if (!featuresId.length) {
+                  return;
+              }
               const fullResList = await this._getFullResGeometryById(featuresId);
               if (fullResList) {
                   features = fullResList;
@@ -2194,17 +2200,21 @@
               layer.setVisible(false);
           }
       }
+      /**
+       * Called when a layer is selected in the widget
+       * @param evt
+       * @param layer
+       */
       _layerChangeHandler(evt, layer) {
-          const radioInput = evt.currentTarget;
-          const parentDiv = radioInput.closest('.wfst--layer-control');
-          // Deselect DOM previous layer
           const selected = document.querySelector('.ol-wfst--selected-on');
-          if (selected)
-              selected.classList.remove('ol-wfst--selected-on');
+          const parentDiv = evt.currentTarget.closest('.wfst--layer-control');
+          // Deselect DOM previous layer
+          selected.classList.remove('ol-wfst--selected-on');
           // Select this layer
           parentDiv.classList.add('ol-wfst--selected-on');
           setActiveLayerToInsertEls(layer);
           this._changeStateSelect(layer);
+          this.dispatchEvent('changeLayer');
       }
       render() {
           return (createElement(null, null,
@@ -2663,23 +2673,37 @@
       constructor(options) {
           super();
           this._options = options;
-          const footer = `
-            <button type="button" class="btn btn-sm btn-link btn-third" data-action="delete" data-dismiss="modal">
-                ${I18N.labels.delete}
-            </button>
-            <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">
-                ${I18N.labels.cancel}
-            </button>
-            <button type="button" class="btn btn-sm btn-primary" data-action="save" data-dismiss="modal">
-                ${I18N.labels.save}
-            </button>
-        `;
-          this._modal = new Modal(Object.assign(Object.assign({}, this._options), { header: true, headerClose: true, title: '', content: '<div></div>', footer: footer }));
+          this._modal = new Modal(Object.assign(Object.assign({}, this._options.modal), { header: true, headerClose: true, title: '', content: createElement("div", null), footer: `
+                <button
+                    type="button"
+                    class="btn btn-sm btn-link btn-third"
+                    data-action="delete"
+                    data-dismiss="modal"
+                >
+                    ${I18N.labels.delete}
+                </button>
+                <button
+                    type="button"
+                    class="btn btn-sm btn-secondary"
+                    data-dismiss="modal"
+                >
+                    ${I18N.labels.cancel}
+                </button>
+                <button
+                    type="button"
+                    class="btn btn-sm btn-primary"
+                    data-action="save"
+                    data-dismiss="modal"
+                >
+                    ${I18N.labels.save}
+                </button>
+            ` }));
           this._modal.on('dismiss', (modal, event) => {
               // On saving changes
               if (event.target.dataset.action === 'save') {
-                  const inputs = modal.el.querySelectorAll('input');
-                  inputs.forEach((el) => {
+                  const formElements = modal.el.querySelector('form')
+                      .elements;
+                  Array.from(formElements).forEach((el) => {
                       const value = el.value;
                       const field = el.name;
                       this._feature.set(field, value, /*isSilent = */ true);
@@ -2695,45 +2719,55 @@
       }
       show(feature) {
           this._feature = feature;
-          const title = `${I18N.labels.editElement} ${feature.getId()} `;
-          const properties = feature.getProperties();
+          const modalTitle = `${I18N.labels.editElement} ${feature.getId()} `;
+          const featProperties = feature.getProperties();
           const layerName = feature.get('_layerName_');
           // Data schema from the geoserver
           const layer = getStoredLayer(layerName);
           const dataSchema = layer.getDescribeFeatureType()._parsed.properties;
-          let content = '<form autocomplete="false">';
-          Object.keys(properties).forEach((key) => {
+          this._modal._html.body.innerHTML = '';
+          this._modal._html.body.append(createElement("form", { autocomplete: "false" }, Object.keys(featProperties).flatMap((key) => {
               // If the feature field exists in the geoserver and is not added by openlayers
               const field = dataSchema.find((data) => data.name === key);
-              if (field) {
-                  const typeXsd = field.type;
-                  let type;
-                  switch (typeXsd) {
-                      case 'xsd:string':
-                          type = 'text';
-                          break;
-                      case 'xsd:number':
-                      case 'xsd:int':
-                          type = 'number';
-                          break;
-                      case 'xsd:date-time':
-                          type = 'datetime';
-                          break;
-                      default:
-                          type = 'text';
+              if (!field)
+                  return [];
+              const typeXsd = field.type;
+              const value = featProperties[key];
+              let type;
+              switch (typeXsd) {
+                  case 'xsd:double':
+                  case 'xsd:number':
+                  case 'xsd:int':
+                      type = 'number';
+                      break;
+                  case 'xsd:date':
+                      type = 'date';
+                      break;
+                  case 'xsd:date-time':
+                      type = 'datetime';
+                      break;
+                  case 'xsd:string':
+                  default:
+                      type = 'text';
+              }
+              let input = (createElement("input", { placeholder: "NULL", className: "ol-wfst--input-field-input", type: type, name: key, value: value || null }));
+              if (layer.beforeShowFieldsModal) {
+                  const hookInput = layer.beforeShowFieldsModal(field, value, input);
+                  if (!hookInput) {
+                      return [];
+                  }
+                  if (typeof hookInput === 'string') {
+                      input = new DOMParser().parseFromString(hookInput, 'text/html').body.childNodes[0];
                   }
-                  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] || ''}">
-                </div>`;
+                  else {
+                      input = hookInput;
                   }
               }
-          });
-          content += '</form>';
-          this._modal._html.body.innerHTML = content;
-          this._modal._html.header.innerHTML = title;
+              return (createElement("div", { className: "ol-wfst--input-field-container" },
+                  createElement("label", { className: "ol-wfst--input-field-label", htmlFor: key }, key),
+                  input));
+          })));
+          this._modal._html.header.innerHTML = modalTitle;
           this._modal.show();
       }
   }
@@ -3871,9 +3905,12 @@
                           throw new Error(`${I18N.errors.layerNotFound}: "${layerName}"`);
                       }
                       const describeFeatureType = geoLayer.getDescribeFeatureType()._parsed;
+                      const layerNameClean = layerName.split(':').length > 1
+                          ? layerName.split(':').pop()
+                          : layerName;
                       const options = {
                           featureNS: describeFeatureType.namespace,
-                          featureType: layerName,
+                          featureType: layerNameClean,
                           srsName: srs,
                           featurePrefix: null,
                           nativeElements: null,
@@ -3901,7 +3938,7 @@
                       if (transactionType === TransactionType.Insert) {
                           payload = payload.replace(/<(\/?)\bgeometry\b>/g, `<$1${geomField}>`);
                       }
-                      else {
+                      else if (transactionType === TransactionType.Update) {
                           payload = payload.replace(/<Name>geometry<\/Name>/g, `<Name>${geomField}</Name>`);
                       }
                       // This has to be te same used before
@@ -4118,7 +4155,7 @@
 
   const controlElement = document.createElement('div');
   /**
-   * Tiny WFST-T client to insert (drawing/uploading), modify and delete
+   * Tiny WFS-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",
@@ -4153,7 +4190,7 @@
           this._controlWidgetToolsDiv = controlElement;
           this._controlWidgetToolsDiv.className = 'ol-wfst--tools-control';
           this._uploads = new Uploads(this._options);
-          this._editFields = new EditFieldsModal(this._options.modal);
+          this._editFields = new EditFieldsModal(this._options);
       }
       /**
        * Get all the layers in the ol-wfst instance
@@ -4260,7 +4297,7 @@
               this._collectionModify.remove(feature);
           });
           // @ts-expect-error
-          this._editFields.dispose('delete', ({ feature }) => {
+          this._editFields.on('delete', ({ feature }) => {
               this._deleteFeature(feature, true);
           });
           this._addMapEvents();
@@ -4508,6 +4545,12 @@
                   this.activateDrawMode(getActiveLayerToInsertEls());
               }
           });
+          // @ts-expect-error
+          this._layersControl.on('changeLayer', () => {
+              if (getMode() === Modes.Draw) {
+                  this.activateDrawMode(getActiveLayerToInsertEls());
+              }
+          });
           const controlEl = this._layersControl.render();
           this._selectDraw = controlEl.querySelector('.wfst--tools-control--select-draw');
           this._controlWidgetToolsDiv.append(controlEl);