@nextgis/ngw-leaflet 3.0.1 → 3.1.0

package/lib/ngw-leaflet.esm-bundler.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-leaflet; version: 3.0.1; author: NextGIS */
+/** Bundle of @nextgis/ngw-leaflet; version: 3.1.0; author: NextGIS */
 import LeafletMapAdapter from '@nextgis/leaflet-map-adapter';
 import { NgwMap } from '@nextgis/ngw-map';
 import { Icon } from 'leaflet';

package/lib/ngw-leaflet.global.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-leaflet; version: 3.0.1; author: NextGIS */
+/** Bundle of @nextgis/ngw-leaflet; version: 3.1.0; author: NextGIS */
 var NgwLeaflet = (function () {
   'use strict';
 
@@ -15946,7 +15946,7 @@ var NgwLeaflet = (function () {
       return like(a, b, true);
     }
   };
-  function isPropertyFilter(filter) {
+  function isPropertyFilter$1(filter) {
     const pf = filter;
     if (pf.length === 3 && typeof pf[0] === "string" && typeof pf[1] === "string") {
       return true;
@@ -15964,7 +15964,7 @@ var NgwLeaflet = (function () {
   function propertiesFilter(properties, filters) {
     const logic = typeof filters[0] === "string" ? filters[0] : "all";
     const filterFunction = (p) => {
-      if (isPropertyFilter(p)) {
+      if (isPropertyFilter$1(p)) {
         const [field, operation, value] = p;
         const operationExec = operationsAliases[operation];
         if (operationExec) {
@@ -16163,7 +16163,7 @@ var NgwLeaflet = (function () {
     return a;
   };
   var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
-  var __objRest$8 = (source, exclude) => {
+  var __objRest$9 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$D.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -16246,7 +16246,7 @@ var NgwLeaflet = (function () {
       return PAINT;
     }
     _createDivIcon(icon) {
-      const _a = icon, { html, rotate, className } = _a, toLIconOpt = __objRest$8(_a, ["html", "rotate", "className"]);
+      const _a = icon, { html, rotate, className } = _a, toLIconOpt = __objRest$9(_a, ["html", "rotate", "className"]);
       const element = document.createElement("div");
       if (className) {
         element.className = className;
@@ -17371,7 +17371,7 @@ var NgwLeaflet = (function () {
     return a;
   };
   var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
-  var __objRest$7 = (source, exclude) => {
+  var __objRest$8 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$A.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -17387,7 +17387,7 @@ var NgwLeaflet = (function () {
     addLayer(options) {
       this.options = Object.assign(this.options, options);
       if (options) {
-        const _a = options, { url } = _a, opt = __objRest$7(_a, ["url"]);
+        const _a = options, { url } = _a, opt = __objRest$8(_a, ["url"]);
         if (url) {
           const tileLayerOptions = __spreadValues$z({
             pane: this.pane,
@@ -17480,7 +17480,7 @@ var NgwLeaflet = (function () {
     return a;
   };
   var __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
-  var __objRest$6 = (source, exclude) => {
+  var __objRest$7 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$y.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -17495,7 +17495,7 @@ var NgwLeaflet = (function () {
   class WmsAdapter extends BaseAdapter {
     addLayer(options) {
       Object.assign(this.options, options);
-      const _a = options, { url } = _a, opt = __objRest$6(_a, ["url"]);
+      const _a = options, { url } = _a, opt = __objRest$7(_a, ["url"]);
       if (url) {
         const layerOptions = __spreadValues$x({
           pane: this.pane,
@@ -18447,7 +18447,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __objRest$5 = (source, exclude) => {
+  var __objRest$6 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$v.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -18601,7 +18601,7 @@ var NgwLeaflet = (function () {
         cache,
         query,
         json
-      } = _a, opt = __objRest$5(_a, [
+      } = _a, opt = __objRest$6(_a, [
         "withCredentials",
         "responseType",
         "cacheProps",
@@ -18711,7 +18711,7 @@ var NgwLeaflet = (function () {
     return a;
   };
   var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
-  var __objRest$4 = (source, exclude) => {
+  var __objRest$5 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$u.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -18790,7 +18790,7 @@ var NgwLeaflet = (function () {
     for (const method of methods) {
       const methodResp = (requestOptions) => {
         var _b;
-        const _a = requestOptions || {}, { headers: optHeaders } = _a, restOpt = __objRest$4(_a, ["headers"]);
+        const _a = requestOptions || {}, { headers: optHeaders } = _a, restOpt = __objRest$5(_a, ["headers"]);
         if ((_b = requestOptions == null ? void 0 : requestOptions.signal) == null ? void 0 : _b.aborted) {
           throw new AbortError();
         }
@@ -18948,7 +18948,7 @@ var NgwLeaflet = (function () {
     return a;
   };
   var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
-  var __objRest$3 = (source, exclude) => {
+  var __objRest$4 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$t.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -19156,7 +19156,7 @@ var NgwLeaflet = (function () {
           throw new Error("Empty `url` not allowed");
         }
         if (params) {
-          const _a = params, restParams = __objRest$3(_a, ["paramList"]);
+          const _a = params, restParams = __objRest$4(_a, ["paramList"]);
           url = template(url, restParams);
         }
         url = encodeURI(fixUrlStr(url));
@@ -20303,7 +20303,7 @@ var NgwLeaflet = (function () {
     const filters_ = filters.filter((x) => Array.isArray(x));
     if (logic === "any") {
       for (const f of filters_) {
-        if (isPropertyFilter(f)) {
+        if (isPropertyFilter$1(f)) {
           _queries.push(
             fetchNgwLayerItemsRequest(__spreadProps$g(__spreadValues$o({}, opt), {
               paramList: [..._parentAllParams, ...paramList, createParam(f)]
@@ -20317,7 +20317,7 @@ var NgwLeaflet = (function () {
       const filters2 = [];
       const propertiesFilterList = [];
       for (const f of filters_) {
-        if (isPropertyFilter(f)) {
+        if (isPropertyFilter$1(f)) {
           filters2.push(createParam(f));
         } else {
           propertiesFilterList.push(f);
@@ -22134,7 +22134,7 @@ var NgwLeaflet = (function () {
     return a;
   };
   var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-  var __objRest$2 = (source, exclude) => {
+  var __objRest$3 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -22147,7 +22147,7 @@ var NgwLeaflet = (function () {
     return target;
   };
   function updateImageParams(params, resourceId) {
-    const _a = params, { bbox, width, height, nd } = _a, rest = __objRest$2(_a, ["bbox", "width", "height", "nd"]);
+    const _a = params, { bbox, width, height, nd } = _a, rest = __objRest$3(_a, ["bbox", "width", "height", "nd"]);
     return __spreadProps$a(__spreadValues$e({}, rest), {
       resource: Array.isArray(resourceId) ? resourceId.join(",") : resourceId,
       extent: bbox,
@@ -22278,7 +22278,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __objRest$1 = (source, exclude) => {
+  var __objRest$2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -22315,7 +22315,7 @@ var NgwLeaflet = (function () {
   function createQmsAdapter(webMapOrOptions, url = URL$1, createOpt = {}) {
     let webMap;
     if ("webMap" in webMapOrOptions) {
-      const _a = webMapOrOptions, { webMap: webMap_, url: url_ } = _a, adapterOptions = __objRest$1(_a, ["webMap", "url"]);
+      const _a = webMapOrOptions, { webMap: webMap_, url: url_ } = _a, adapterOptions = __objRest$2(_a, ["webMap", "url"]);
       webMap = webMap_;
       if (url_) {
         url = url_;
@@ -22956,6 +22956,134 @@ var NgwLeaflet = (function () {
     });
   }
 
+  function isPropertyFilter(value) {
+    return Array.isArray(value) && value.length === 3 && typeof value[0] === "string" && typeof value[1] === "string";
+  }
+  function isPropertiesFilterGroup(value) {
+    return Array.isArray(value) && !isPropertyFilter(value);
+  }
+  function toGetExpr(field) {
+    return ["get", field];
+  }
+  function toConditionExpr(filter) {
+    const [fieldRaw, op, value] = filter;
+    const field = String(fieldRaw);
+    const getExpr = toGetExpr(field);
+    switch (op) {
+      case "eq":
+        if (value === null) {
+          return ["is_null", getExpr];
+        }
+        return ["==", getExpr, value];
+      case "ne":
+        if (value === null) {
+          return ["!is_null", getExpr];
+        }
+        return ["!=", getExpr, value];
+      case "gt":
+        if (typeof value !== "number" && typeof value !== "string") {
+          throw new Error(
+            `Operator "gt" requires number or string for "${field}"`
+          );
+        }
+        return [">", getExpr, value];
+      case "lt":
+        if (typeof value !== "number" && typeof value !== "string") {
+          throw new Error(
+            `Operator "lt" requires number or string for "${field}"`
+          );
+        }
+        return ["<", getExpr, value];
+      case "ge":
+        if (typeof value !== "number" && typeof value !== "string") {
+          throw new Error(
+            `Operator "ge" requires number or string for "${field}"`
+          );
+        }
+        return [">=", getExpr, value];
+      case "le":
+        if (typeof value !== "number" && typeof value !== "string") {
+          throw new Error(
+            `Operator "le" requires number or string for "${field}"`
+          );
+        }
+        return ["<=", getExpr, value];
+      case "in":
+        if (!Array.isArray(value) || !value.every((x) => typeof x === "string" || typeof x === "number")) {
+          throw new Error(
+            `Operator "in" requires (string | number)[] for "${field}"`
+          );
+        }
+        if (!value.length) {
+          throw new Error(
+            `Operator "in" requires non-empty array for "${field}"`
+          );
+        }
+        return ["in", getExpr, ...value];
+      case "notin":
+        if (!Array.isArray(value) || !value.every((x) => typeof x === "string" || typeof x === "number")) {
+          throw new Error(
+            `Operator "notin" requires (string | number)[] for "${field}"`
+          );
+        }
+        if (!value.length) {
+          throw new Error(
+            `Operator "notin" requires non-empty array for "${field}"`
+          );
+        }
+        return ["!in", getExpr, ...value];
+      case "like":
+      case "ilike":
+        throw new Error(
+          `Operator "${op}" is not supported by server FilterExpression`
+        );
+      default: {
+        const exhaustive = op;
+        throw new Error(`Unsupported operator: ${exhaustive}`);
+      }
+    }
+  }
+  function toGroupExpr(filters) {
+    let logicalOp = "all";
+    const children = [];
+    for (const item of filters) {
+      if (item === "all" || item === "any") {
+        logicalOp = item;
+        continue;
+      }
+      if (isPropertyFilter(item)) {
+        children.push(toConditionExpr(item));
+        continue;
+      }
+      if (isPropertiesFilterGroup(item)) {
+        children.push(toGroupExpr(item));
+        continue;
+      }
+      throw new Error("Invalid PropertiesFilter node");
+    }
+    return [logicalOp, ...children];
+  }
+  function propertiesFilterToExpression(filters) {
+    if (!(filters == null ? void 0 : filters.length)) {
+      return [];
+    }
+    return toGroupExpr(filters);
+  }
+  function propertiesFilterToExpressionString(filters) {
+    if (!(filters == null ? void 0 : filters.length)) {
+      return void 0;
+    }
+    return JSON.stringify(
+      propertiesFilterToExpression(filters)
+    );
+  }
+
+  function createLayerFilterParam(resourceId, filter) {
+    return {
+      [`filter[${resourceId}]`]: propertiesFilterToExpressionString(filter)
+    };
+  }
+
   var __defProp$h = Object.defineProperty;
   var __defProps$7 = Object.defineProperties;
   var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
@@ -22975,6 +23103,18 @@ var NgwLeaflet = (function () {
     return a;
   };
   var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+  var __objRest$1 = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$a)
+      for (var prop of __getOwnPropSymbols$a(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
   var __publicField$c = (obj, key, value) => __defNormalProp$h(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$b = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
@@ -23039,8 +23179,18 @@ var NgwLeaflet = (function () {
               baseUrl: connector.options.baseUrl || ""
             });
             if (opt) {
-              const layerAdapterOptions = __spreadProps$7(__spreadValues$9(__spreadValues$9({}, opt), layerOptions.adapterOptions), {
-                params: { resource: resourceId },
+              const _a = layerOptions.adapterOptions || {}, { propertiesFilter } = _a, restAdapterOptions = __objRest$1(_a, ["propertiesFilter"]);
+              const filterParams = createLayerFilterParam(
+                resourceId,
+                propertiesFilter
+              );
+              const layerAdapterOptions = __spreadProps$7(__spreadValues$9(__spreadValues$9({}, opt), restAdapterOptions), {
+                params: __spreadValues$9({
+                  resource: resourceId
+                }, filterParams),
+                url: adapter === "TILE" && opt.url ? updateUrlParams(opt.url, __spreadValues$9({
+                  resource: String(resourceId)
+                }, filterParams)) : opt.url,
                 layers: opt.layers || String(resourceId),
                 resourceId
               });
@@ -23053,6 +23203,15 @@ var NgwLeaflet = (function () {
           addLayer(addOptions) {
             return super.addLayer(__spreadValues$9(__spreadValues$9({}, this.options), addOptions));
           }
+          propertiesFilter(filters) {
+            return __async$b(this, null, function* () {
+              var _a;
+              const opt = this.options;
+              const params = __spreadValues$9(__spreadValues$9({}, opt.params || {}), createLayerFilterParam(this.resourceId, filters));
+              opt.params = params;
+              (_a = this.updateLayer) == null ? void 0 : _a.call(this, { params });
+            });
+          }
           getIdentificationIds() {
             return __async$b(this, null, function* () {
               if (this.item) {
@@ -23548,7 +23707,8 @@ var NgwLeaflet = (function () {
           component: "pyramid"
         }
       });
-      if (settings && settings.company_logo && settings.company_logo.enabled) {
+      const company_logo = settings && "company_logo" in settings ? settings.company_logo : void 0;
+      if (company_logo && company_logo.enabled) {
         const anchor = document.createElement("a");
         anchor.style.position = "absolute";
         anchor.style.bottom = "0";
@@ -23583,10 +23743,10 @@ var NgwLeaflet = (function () {
         } else {
           return;
         }
-        if (settings.company_logo.link !== null && settings.company_logo.link.trim() !== "") {
-          anchor.href = settings.company_logo.link;
+        if (company_logo.link !== null && company_logo.link.trim() !== "") {
+          anchor.href = company_logo.link;
           anchor.target = "_blank";
-          if (settings.company_logo.link.search(/:\/\/nextgis/) !== -1) {
+          if (company_logo.link.search(/:\/\/nextgis/) !== -1) {
             img.alt = "Get your own Web GIS at nextgis.com";
           }
         }
@@ -26123,7 +26283,7 @@ var NgwLeaflet = (function () {
     addNgwLayer(options) {
       return __async$1(this, null, function* () {
         yield this.onMapLoad();
-        const { keyname, resourceId } = options;
+        const { keyname, resourceId, filters } = options;
         if (keyname || resourceId !== void 0) {
           deprecatedWarn(
             "set `resource` options instead of `keyname` or `resourceId`"
@@ -26137,12 +26297,15 @@ var NgwLeaflet = (function () {
         }
         if (defined(this.options.baseUrl)) {
           try {
+            options.adapterOptions = options.adapterOptions || {};
             if (defined(this.options.setViewDelay)) {
-              options.adapterOptions = options.adapterOptions || {};
               if (!defined(options.adapterOptions.setViewDelay)) {
                 options.adapterOptions.setViewDelay = this.options.setViewDelay;
               }
             }
+            if (defined(filters)) {
+              options.adapterOptions.propertiesFilter = filters;
+            }
             const adapter = createNgwLayerAdapter(options, this, this.connector);
             const adapterOpts = __spreadValues$1(__spreadValues$1({
               visibility: true