@nextgis/ngw-connector 2.3.0 → 3.0.0-alpha.0

package/lib/ngw-connector.global.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-connector; version: 2.3.0; author: NextGIS */
+/** Bundle of @nextgis/ngw-connector; version: 3.0.0-alpha.0; author: NextGIS */
 var NgwConnector = (function () {
   'use strict';
 
@@ -531,12 +531,12 @@ var NgwConnector = (function () {
     return url.replace(/([^:]\/)\/+/g, "$1");
   }
 
-  var __defProp$a = Object.defineProperty;
-  var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$a = (obj, key, value) => __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$7 = Object.defineProperty;
+  var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$6 = (obj, key, value) => __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
   const _Cache = class _Cache {
     constructor(options = {}) {
-      __publicField$a(this, "cache", []);
+      __publicField$6(this, "cache", []);
       var _a;
       const namespace = (_a = options.namespace) != null ? _a : "default";
       if (_Cache.instance[namespace]) {
@@ -569,8 +569,7 @@ var NgwConnector = (function () {
      * // somewhere else in the code
      * const item = await cache.addFull('foo', getItemFunc).then((resp) => {
      *   console.log(resp); // 'New item'
-     * })
-     *
+     * });
      * ```
      */
     addFull(key, valueToSet, props) {
@@ -585,13 +584,11 @@ var NgwConnector = (function () {
         } else {
           value = valueToSet;
         }
-        const props_ = props && JSON.parse(JSON.stringify(objectRemoveEmpty(props)));
+        const nonEmptyProps = props && JSON.parse(JSON.stringify(objectRemoveEmpty(props)));
         const cacheItem = {
           key,
           value,
-          props: props_,
-          // TODO: remove backward compatibility use only props
-          options: props_
+          props: nonEmptyProps
         };
         if (onlyFull && !full(value)) {
           return value;
@@ -600,7 +597,6 @@ var NgwConnector = (function () {
         if (value instanceof Promise) {
           value.catch((er) => {
             this.delete(key, props);
-            throw er;
           });
           if (onlyFull) {
             value.then((x) => {
@@ -619,9 +615,7 @@ var NgwConnector = (function () {
     }
     match(key, props) {
       const cacheRecord = this._find(key, props);
-      if (cacheRecord) {
-        return cacheRecord.value;
-      }
+      return cacheRecord == null ? void 0 : cacheRecord.value;
     }
     matchAll(key, props) {
       if (key) {
@@ -630,339 +624,30 @@ var NgwConnector = (function () {
       return this.cache.map((x) => x.value);
     }
     delete(keyOrItem, props) {
-      let exist = [];
-      if (typeof keyOrItem === "string") {
-        exist = this.cache.filter((x) => this._filter(x, keyOrItem, props));
-      } else {
-        exist.push(keyOrItem);
-      }
-      for (const e of exist) {
-        const index = this.cache.indexOf(e);
-        this.cache.splice(index, 1);
+      const itemsToDelete = typeof keyOrItem === "string" ? this.cache.filter((x) => this._filter(x, keyOrItem, props)) : [keyOrItem];
+      for (const item of itemsToDelete) {
+        const index = this.cache.indexOf(item);
+        if (index !== -1) {
+          this.cache.splice(index, 1);
+        }
       }
     }
     _find(key, props) {
       return this.cache.find((x) => this._filter(x, key, props));
     }
     _filter(item, key, props) {
-      if (item.key === key) {
-        if (props) {
-          const itemProps = item.props || item.options;
-          return objectDeepEqual(itemProps || {}, objectRemoveEmpty(props));
-        }
-        return true;
-      }
-      return false;
+      if (item.key !== key) return false;
+      if (!props) return true;
+      const itemProps = item.props;
+      return objectDeepEqual(itemProps || {}, objectRemoveEmpty(props));
     }
   };
-  __publicField$a(_Cache, "instance", {});
+  __publicField$6(_Cache, "instance", {});
   let Cache = _Cache;
 
-  var __defProp$9 = Object.defineProperty;
-  var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$9 = (obj, key, value) => __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
-  class CancelError extends Error {
-    constructor() {
-      super();
-      __publicField$9(this, "name", "CancelError");
-      Object.setPrototypeOf(this, CancelError.prototype);
-    }
-  }
-
-  var __defProp$8 = Object.defineProperty;
-  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$8 = (obj, key, value) => __defNormalProp$8(obj, typeof key !== "symbol" ? key + "" : key, value);
-  class PromiseControl {
-    constructor(options = {}) {
-      this.options = options;
-      __publicField$8(this, "_promises", /* @__PURE__ */ new Map());
-    }
-    get isLoaded() {
-      return this._promises.size > 0;
-    }
-    remove(promise) {
-      if (this._promises.has(promise)) {
-        this._promises.delete(promise);
-        this._onStop();
-      }
-    }
-    get(promise) {
-      return this._promises.get(promise);
-    }
-    add(promise, name) {
-      const key = name ? name : promise;
-      const exist = this._promises.get(key);
-      if (this.options.onStart && !this.isLoaded) {
-        this.options.onStart();
-      }
-      if (exist) {
-        return exist;
-      }
-      this._promises.set(key, promise);
-      promise.finally(() => {
-        this.remove(key);
-      });
-      return promise;
-    }
-    abort() {
-      if (this.isLoaded) {
-        this._promises.forEach((x) => {
-          if (x.cancel) {
-            x.cancel();
-          }
-        });
-        this._promises.clear();
-        this._onStop();
-      }
-    }
-    waitFunc(func, name = "") {
-      name = name || func.name;
-      const exist = this.get(name);
-      if (exist) {
-        return exist;
-      }
-      return this.add(func(), name);
-    }
-    WaitForMe(name = "") {
-      const get = this.get.bind(this);
-      const add = this.add.bind(this);
-      return function(target, key, descriptor) {
-        const originalMethod = descriptor.value;
-        name = name || key;
-        descriptor.value = function(...args) {
-          const exist = get(name);
-          if (exist) {
-            return exist;
-          }
-          const result = add(originalMethod.apply(this, args), name);
-          return result;
-        };
-        return descriptor;
-      };
-    }
-    /** @deprecated use {@link PromiseControl.WaitForMe } instead */
-    GetOrCreateDecorator(name = "") {
-      return this.WaitForMe(name);
-    }
-    _onStop() {
-      if (this.options.onStop && !this.isLoaded) {
-        this.options.onStop();
-      }
-    }
-  }
-
-  var __defProp$7 = Object.defineProperty;
-  var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$7 = (obj, key, value) => __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
-  class TimeoutError extends Error {
-    constructor() {
-      super();
-      __publicField$7(this, "name", "TimeoutError");
-      Object.setPrototypeOf(this, TimeoutError.prototype);
-    }
-  }
-
   var __defProp$6 = Object.defineProperty;
   var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$6 = (obj, key, value) => __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
-  var _a;
-  const handleCallback = (resolve, reject, callback, r) => {
-    try {
-      resolve(callback(r));
-    } catch (e) {
-      reject(e);
-    }
-  };
-  let ID$1 = 0;
-  _a = Symbol.toStringTag;
-  const _CancelablePromise = class _CancelablePromise {
-    constructor(executor, timeout) {
-      // @ts-ignore
-      __publicField$6(this, _a);
-      __publicField$6(this, "id", ID$1++);
-      __publicField$6(this, "_isCanceled", false);
-      __publicField$6(this, "_isPending", true);
-      __publicField$6(this, "_promise");
-      __publicField$6(this, "_cancelPromise");
-      __publicField$6(this, "_cancelHandlers", []);
-      __publicField$6(this, "_setCanceledCallback");
-      __publicField$6(this, "_parentPromise");
-      __publicField$6(this, "_children", []);
-      this._cancelPromise = new Promise((resolve_, reject_) => {
-        this._setCanceledCallback = (er) => resolve_(er || new CancelError());
-      });
-      const promises = [
-        this._cancelPromise,
-        new Promise((resolve, reject) => {
-          const onResolve = (value) => {
-            if (value instanceof _CancelablePromise) {
-              this.attach(value);
-            } else {
-              this._isPending = false;
-            }
-            resolve(value);
-          };
-          const onReject = (error) => {
-            this._isPending = false;
-            reject(error);
-          };
-          const onCancel = (handler) => {
-            if (!this._isPending) {
-              throw new Error(
-                "The `onCancel` handler was attached after the promise settled."
-              );
-            }
-            this._cancelHandlers.push(handler);
-          };
-          return executor(onResolve, onReject, onCancel);
-        })
-      ];
-      if (timeout) {
-        promises.push(
-          new Promise((resolve, reject) => {
-            setTimeout(() => {
-              if (this._isPending) {
-                try {
-                  this.cancel();
-                } finally {
-                  reject(new TimeoutError());
-                }
-              }
-            }, timeout);
-          })
-        );
-      }
-      this._promise = Promise.race(promises);
-    }
-    static createControl(opt) {
-      return new PromiseControl(opt);
-    }
-    static resolve(value) {
-      return new _CancelablePromise((resolve) => resolve(value));
-    }
-    static reject(value) {
-      return new _CancelablePromise((resolve, reject) => reject(value));
-    }
-    static all(values) {
-      return new _CancelablePromise((resolve, reject) => {
-        Promise.all(values).then(resolve).catch(reject);
-      }).catch((er) => {
-        if (er instanceof this.CancelError) {
-          for (const v of values) {
-            const v_ = v;
-            if ("cancel" in v_) {
-              v_.cancel();
-            }
-          }
-        }
-        throw er;
-      });
-    }
-    attach(p) {
-      if (this._isCanceled) {
-        p.cancel();
-      } else {
-        this._children.push(p);
-      }
-    }
-    then(onfulfilled, onrejected) {
-      const p = new _CancelablePromise((resolve, reject) => {
-        if (this._promise) {
-          const reject_ = (r) => {
-            if (onrejected) {
-              handleCallback(resolve, reject, onrejected, r);
-            } else {
-              reject(r);
-            }
-          };
-          this._promise.then((r) => {
-            if (this._isCanceled) {
-              reject_(r);
-            } else {
-              if (onfulfilled) {
-                handleCallback(resolve, reject, onfulfilled, r);
-              } else {
-                resolve(r);
-              }
-            }
-          }, reject_);
-        }
-      });
-      p._parentPromise = this;
-      this._children.push(p);
-      return p;
-    }
-    catch(onrejected) {
-      if (this._isCanceled && onrejected) {
-        onrejected(new CancelError());
-      }
-      return this.then(void 0, onrejected);
-    }
-    finally(onfinally) {
-      if (this._promise) {
-        return this._promise.finally(onfinally);
-      }
-      if (this._isCanceled) {
-        return Promise.reject(new CancelError());
-      }
-      return Promise.reject(onfinally);
-    }
-    cancel() {
-      if (this._isCanceled || !this._isPending) {
-        return this;
-      }
-      this._isCanceled = true;
-      const parent = this._getTopParent();
-      if (parent) {
-        parent.cancel();
-      }
-      if (this._children) {
-        this._children.forEach((x) => x.cancel());
-      }
-      if (this._isPending) {
-        if (this._cancelHandlers.length) {
-          try {
-            for (const handler of this._cancelHandlers) {
-              handler();
-            }
-          } catch (error) {
-          }
-        }
-        if (this._setCanceledCallback) {
-          this._setCanceledCallback();
-        }
-      }
-      this._destroy();
-      return this;
-    }
-    _getTopParent() {
-      let parent = this._parentPromise;
-      let hasParent = !!parent;
-      while (hasParent) {
-        if (parent && parent._parentPromise) {
-          parent = parent._parentPromise;
-          hasParent = !!parent;
-        } else {
-          hasParent = false;
-        }
-      }
-      return parent;
-    }
-    _destroy() {
-      this._setCanceledCallback = void 0;
-      this._cancelPromise = void 0;
-      this._promise = void 0;
-    }
-  };
-  __publicField$6(_CancelablePromise, "CancelError", CancelError);
-  __publicField$6(_CancelablePromise, "TimeoutError", TimeoutError);
-  __publicField$6(_CancelablePromise, "PromiseControl", PromiseControl);
-  let CancelablePromise = _CancelablePromise;
-  Object.setPrototypeOf(CancelablePromise.prototype, Promise.prototype);
-
-  var __defProp$5 = Object.defineProperty;
-  var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$5 = (obj, key, value) => __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$5 = (obj, key, value) => __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
   class NgwError extends Error {
     constructor(er) {
       super();
@@ -979,9 +664,9 @@ var NgwConnector = (function () {
     }
   }
 
-  var __defProp$4 = Object.defineProperty;
-  var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$4 = (obj, key, value) => __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$5 = Object.defineProperty;
+  var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$4 = (obj, key, value) => __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
   class ResourceNotFoundError extends NgwError {
     constructor(obj) {
       super(obj);
@@ -1020,27 +705,24 @@ var NgwConnector = (function () {
     return query;
   }
 
-  var __defProp$3 = Object.defineProperty;
-  var __defProps = Object.defineProperties;
-  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1 = (a, b) => {
+  var __defProp$4 = Object.defineProperty;
+  var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$1.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1)
-      for (var prop of __getOwnPropSymbols$1(b)) {
-        if (__propIsEnum$1.call(b, prop))
-          __defNormalProp$3(a, prop, b[prop]);
+      if (__hasOwnProp$2.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2)
+      for (var prop of __getOwnPropSymbols$2(b)) {
+        if (__propIsEnum$2.call(b, prop))
+          __defNormalProp$4(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-  var __publicField$3 = (obj, key, value) => __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
-  var __async = (__this, __arguments, generator) => {
+  var __publicField$3 = (obj, key, value) => __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __async$2 = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
         try {
@@ -1081,36 +763,27 @@ var NgwConnector = (function () {
      * Fetching resource would be cached to speed up next call
      */
     getOne(resource, requestOptions) {
-      const cache = this.cache;
-      const forCache = {};
-      const opt = __spreadProps(__spreadValues$1({}, requestOptions), { cache: false });
-      if (typeof resource === "string") {
-        forCache.keyname = resource;
-      } else if (typeof resource === "number") {
-        forCache.id = resource;
-      } else if (isObject(resource)) {
+      const opt = __spreadValues$2({}, requestOptions);
+      if (typeof resource === "string") ; else if (typeof resource === "number") ; else if (isObject(resource)) {
         if (resource.id !== void 0) {
-          forCache.id = resource.id;
+          resource.id;
         } else {
           if (resource.keyname) {
-            forCache.keyname = resource.keyname;
+            resource.keyname;
           }
           if (resource.display_name) {
-            forCache.display_name = resource.display_name;
+            resource.display_name;
           }
         }
       }
-      const makeRequest = () => {
-        if (typeof resource === "string") {
-          return this._fetchResourceBy({ keyname: resource }, opt);
-        } else if (typeof resource === "number") {
-          return this._fetchResourceById(resource, opt);
-        } else if (isObject(resource)) {
-          return this._fetchResourceBy(resource, opt);
-        }
-        return CancelablePromise.resolve(void 0);
-      };
-      return cache.addFull("resource", makeRequest, forCache);
+      if (typeof resource === "string") {
+        return this._fetchResourceBy({ keyname: resource }, opt);
+      } else if (typeof resource === "number") {
+        return this._fetchResourceById(resource, opt);
+      } else if (isObject(resource)) {
+        return this._fetchResourceBy(resource, opt);
+      }
+      return Promise.resolve(void 0);
     }
     getOneOrFail(resource, requestOptions) {
       return this.getOne(resource, requestOptions).then((res) => {
@@ -1132,7 +805,7 @@ var NgwConnector = (function () {
      */
     getId(resource, requestOptions) {
       if (typeof resource === "number") {
-        return CancelablePromise.resolve(resource);
+        return Promise.resolve(resource);
       } else if (typeof resource === "string" || isObject(resource)) {
         return this.getOne(resource, requestOptions).then((res) => {
           if (res) {
@@ -1140,7 +813,7 @@ var NgwConnector = (function () {
           }
         });
       }
-      return CancelablePromise.resolve(void 0);
+      return Promise.resolve(void 0);
     }
     /**
      * A fast way to retrieve resource ID for any resource definition.
@@ -1167,12 +840,12 @@ var NgwConnector = (function () {
           } else {
             Object.assign(query, resourceToQuery(resource));
           }
-          return this.connector.get("resource.search", requestOptions, __spreadValues$1({
+          return this.connector.get("resource.search", requestOptions, __spreadValues$2({
             serialization: "full"
           }, query)).then((resources) => {
-            if (resources) {
+            if ((requestOptions == null ? void 0 : requestOptions.cache) && resources) {
               for (const x of resources) {
-                this.cache.add("resource.item", CancelablePromise.resolve(x), {
+                this.cache.add("resource.item", Promise.resolve(x), {
                   id: x.resource.id
                 });
               }
@@ -1188,7 +861,7 @@ var NgwConnector = (function () {
         if (child) {
           return this.getOne(child.resource.parent.id, requestOptions);
         }
-        return CancelablePromise.resolve(void 0);
+        return Promise.resolve(void 0);
       });
     }
     getChildrenOf(resource, requestOptions) {
@@ -1218,18 +891,16 @@ var NgwConnector = (function () {
       });
     }
     _getChildrenOf(parent, requestOptions, _items = []) {
-      return this.connector.get(
-        "resource.collection",
-        __spreadValues$1({ cache: true }, requestOptions),
-        {
-          parent
-        }
-      ).then((items) => {
+      return this.connector.get("resource.collection", requestOptions, {
+        parent
+      }).then((items) => {
         const recursivePromises = [];
         for (const item of items) {
-          this.cache.add("resource.item", CancelablePromise.resolve(item), {
-            id: item.resource.id
-          });
+          if (requestOptions == null ? void 0 : requestOptions.cache) {
+            this.cache.add("resource.item", Promise.resolve(item), {
+              id: item.resource.id
+            });
+          }
           _items.push(item);
           if ((requestOptions == null ? void 0 : requestOptions.recursive) && item.resource.children) {
             recursivePromises.push(
@@ -1238,7 +909,7 @@ var NgwConnector = (function () {
           }
         }
         if (recursivePromises.length) {
-          return CancelablePromise.all(recursivePromises).then(() => {
+          return Promise.all(recursivePromises).then(() => {
             return _items;
           });
         }
@@ -1246,11 +917,12 @@ var NgwConnector = (function () {
       });
     }
     _cleanResourceItemCache(id) {
-      return __async(this, null, function* () {
+      return __async$2(this, null, function* () {
+        var _a;
         const all = this.cache.all();
         const toDelete = [];
         for (const c of all) {
-          const cid = c.options && c.options.id;
+          const cid = (_a = c.props) == null ? void 0 : _a.id;
           if (["resource.item", "resource"].includes(c.key) && cid !== void 0) {
             if (typeof cid === "number") {
               if (cid === id) {
@@ -1270,15 +942,7 @@ var NgwConnector = (function () {
       });
     }
     _fetchResourceById(id, requestOptions) {
-      const promise = () => this.connector.get("resource.item", requestOptions, { id });
-      return this.cache.add("resource.item", promise, {
-        id
-      }).catch((er) => {
-        if (!(er instanceof ResourceNotFoundError)) {
-          throw er;
-        }
-        return void 0;
-      });
+      return this.connector.get("resource.item", requestOptions, { id });
     }
     _fetchResourceBy(resource, requestOptions) {
       return this.getMany(resource, requestOptions).then((resources) => {
@@ -1286,7 +950,7 @@ var NgwConnector = (function () {
       });
     }
     _resourceCacheFilter(resource) {
-      return CancelablePromise.all(this.cache.matchAll("resource.item")).then(
+      return Promise.all(this.cache.matchAll("resource.item")).then(
         (resources) => {
           const items = [];
           resources.filter((x) => {
@@ -1330,9 +994,16 @@ var NgwConnector = (function () {
     }
   }
 
-  var __defProp$2 = Object.defineProperty;
-  var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$2 = (obj, key, value) => __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
+  class AbortError extends Error {
+    constructor(message = "AbortError") {
+      super(message);
+      this.name = "AbortError";
+    }
+  }
+
+  var __defProp$3 = Object.defineProperty;
+  var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$2 = (obj, key, value) => __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
   class InsufficientPermissionsError extends NgwError {
     constructor(obj) {
       super(obj);
@@ -1355,64 +1026,96 @@ var NgwConnector = (function () {
     });
   }
 
+  var __defProp$2 = Object.defineProperty;
+  var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$1.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    if (__getOwnPropSymbols$1)
+      for (var prop of __getOwnPropSymbols$1(b)) {
+        if (__propIsEnum$1.call(b, prop))
+          __defNormalProp$2(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __async$1 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
   function apiRequest(opt) {
-    const params = opt.params;
-    return new CancelablePromise((resolve, reject) => {
-      opt.connector.connect().then((apiItems) => {
-        let apiItem = apiItems && apiItems[opt.name];
-        if (apiItem) {
-          apiItem = [...apiItem];
-          let url = apiItem.shift();
-          if (apiItem.length) {
-            const replaceParams = {};
-            for (let fry = 0; fry < apiItem.length; fry++) {
-              const arg = apiItem[fry];
-              replaceParams[fry] = "{" + arg + "}";
-              if (params[arg] === void 0) {
-                throw new Error(
-                  "`" + arg + "` url api argument is not specified"
-                );
-              }
-            }
-            if (url) {
-              url = template(url, replaceParams);
+    return __async$1(this, null, function* () {
+      const { params, name, connector, requestOptions } = opt;
+      const apiItems = yield connector.connect();
+      let apiItem = apiItems && apiItems[name];
+      if (apiItem) {
+        apiItem = [...apiItem];
+        let url = apiItem.shift();
+        if (apiItem.length) {
+          const replaceParams = {};
+          for (let fry = 0; fry < apiItem.length; fry++) {
+            const arg = apiItem[fry];
+            replaceParams[fry] = `{${arg}}`;
+            if (params[arg] === void 0) {
+              throw new Error(`\`${arg}\` URL API argument is not specified`);
             }
           }
-          if (params) {
-            const paramArray = [];
-            const paramList = params.paramList;
-            if (Array.isArray(paramList)) {
-              delete params.paramList;
-              paramList.forEach((x) => {
-                paramArray.push(`${x[0]}=${x[1]}`);
-              });
-            }
-            for (const p in params) {
-              if (apiItem.indexOf(p) === -1) {
-                paramArray.push(`${p}=${params[p]}`);
-              }
-            }
-            if (paramArray.length) {
-              url = url + "?" + paramArray.join("&");
+          if (url) {
+            url = template(url, replaceParams);
+          }
+        }
+        if (params) {
+          const paramArray = [];
+          const paramList = params.paramList;
+          if (Array.isArray(paramList)) {
+            paramList.forEach(([key, value]) => {
+              paramArray.push(`${key}=${value}`);
+            });
+          }
+          for (const p in params) {
+            if (apiItem.indexOf(p) === -1) {
+              paramArray.push(`${p}=${params[p]}`);
             }
           }
-          if (url) {
-            resolve(opt.connector.makeQuery(url, params, opt.requestOptions));
-          } else {
-            reject(new Error("request url is not set"));
+          if (paramArray.length) {
+            url = `${url}?${paramArray.join("&")}`;
           }
+        }
+        if (url) {
+          return connector.makeQuery(url, params, __spreadValues$1({
+            cacheName: name
+          }, requestOptions));
         } else {
-          resolve(void 0);
+          throw new Error("Request URL is not set");
         }
-      }).catch((er) => {
-        reject(er);
-      });
+      } else {
+        return void 0;
+      }
     });
   }
 
   var __defProp$1 = Object.defineProperty;
   var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, key + "" , value);
   class NetworkError extends Error {
     constructor(url) {
       super();
@@ -1506,6 +1209,8 @@ var NgwConnector = (function () {
   }
 
   var __defProp = Object.defineProperty;
+  var __defProps = Object.defineProperties;
+  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols = Object.getOwnPropertySymbols;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
   var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -1521,8 +1226,42 @@ var NgwConnector = (function () {
       }
     return a;
   };
+  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+  var __objRest = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
   var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __async = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
   let ID = 0;
+  let REQUEST_ID = 0;
   class NgwConnector {
     constructor(options) {
       this.options = options;
@@ -1532,7 +1271,7 @@ var NgwConnector = (function () {
       __publicField(this, "resources");
       __publicField(this, "cache");
       __publicField(this, "routeStr", "/api/component/pyramid/route");
-      __publicField(this, "activeRequests", []);
+      __publicField(this, "activeRequests", {});
       __publicField(this, "requestTransform");
       const exist = findConnector(options);
       this.cache = new Cache({ namespace: options.cacheId });
@@ -1589,29 +1328,27 @@ var NgwConnector = (function () {
      * ```
      */
     connect() {
-      const auth = this.options.auth;
-      const makeConnect = () => new CancelablePromise((resolve, reject) => {
-        const makeQuery = () => {
-          return this.makeQuery(this.routeStr, {}, {}).then((route) => {
-            resolve(route);
-          }).catch((er) => {
-            reject(er);
-          });
-        };
+      return __async(this, null, function* () {
+        const auth = this.options.auth;
         if (auth) {
           const { login, password } = auth;
           if (login && password) {
-            return this._login({ login, password }).then(() => {
-              return makeQuery();
-            }).catch((er) => reject(er));
+            yield this._login({ login, password });
           }
         }
-        return makeQuery();
-      });
-      return this.cache.add("route", makeConnect, {
-        id: this.id,
-        auth,
-        baseUrl: this.options.baseUrl
+        return yield this.makeQuery(
+          this.routeStr,
+          {},
+          {
+            cacheName: "route",
+            cache: true,
+            cacheProps: {
+              id: this.id,
+              auth,
+              baseUrl: this.options.baseUrl
+            }
+          }
+        );
       });
     }
     /**
@@ -1635,20 +1372,22 @@ var NgwConnector = (function () {
       this.emitter.emit("logout");
     }
     getUserInfo(credentials, options) {
-      if (this.user && this.user.id) {
-        return CancelablePromise.resolve(this.user);
-      }
-      if (credentials) {
-        this.options.auth = credentials;
-      }
-      const options_ = __spreadValues({
-        headers: this.getAuthorizationHeaders(credentials)
-      }, options);
-      return this.makeQuery(
-        "/api/component/auth/current_user",
-        {},
-        options_
-      );
+      return __async(this, null, function* () {
+        if (this.user && this.user.id) {
+          return this.user;
+        }
+        if (credentials) {
+          this.options.auth = credentials;
+        }
+        const options_ = __spreadValues({
+          headers: this.getAuthorizationHeaders(credentials)
+        }, options);
+        return this.makeQuery(
+          "/api/component/auth/current_user",
+          {},
+          options_
+        );
+      });
     }
     /**
      * Obtaining the required Headers for authentication of requests in the NGW.
@@ -1657,7 +1396,7 @@ var NgwConnector = (function () {
       const client = this.makeClientId(credentials);
       if (client) {
         return {
-          Authorization: "Basic " + client
+          Authorization: `Basic ${client}`
         };
       }
     }
@@ -1665,21 +1404,22 @@ var NgwConnector = (function () {
       credentials = credentials || this.options.auth;
       if (credentials) {
         const { login, password } = credentials;
-        const str = unescape(encodeURIComponent(`${login}:${password}`));
+        const str = `${login}:${password}`;
+        const encodedStr = encodeURIComponent(str);
         {
-          return window.btoa(str);
+          return window.btoa(encodedStr);
         }
       }
     }
     /** Stop all api requests */
     abort() {
-      for (const req of this.activeRequests) {
-        req.cancel();
+      for (const abortController of Object.values(this.activeRequests)) {
+        abortController.abort();
       }
-      this.activeRequests = [];
+      this.activeRequests = {};
     }
     getActiveApiRequests() {
-      return [...this.activeRequests];
+      return __spreadValues({}, this.activeRequests);
     }
     /**
      * Send request to NGW api router.
@@ -1711,23 +1451,10 @@ var NgwConnector = (function () {
      * ```
      */
     apiRequest(name, params_ = {}, requestOptions = {}) {
-      var _a, _b;
-      const { method, headers, withCredentials, responseType } = requestOptions;
+      var _a;
       params_ = (_a = requestOptions.params) != null ? _a : params_;
       const params = objectRemoveEmpty(params_);
-      const makeApiRequest = () => apiRequest({ name, params, requestOptions, connector: this });
-      if (requestOptions.cache && method === "GET") {
-        return this.cache.add(name, makeApiRequest, __spreadValues({
-          params
-        }, objectRemoveEmpty({
-          headers,
-          withCredentials,
-          responseType,
-          baseUrl: this.options.baseUrl,
-          userId: (_b = this.user) == null ? void 0 : _b.id
-        })));
-      }
-      return makeApiRequest();
+      return apiRequest({ name, params, requestOptions, connector: this });
     }
     /**
      * Shortcut method for send POST request to NGW.
@@ -1817,17 +1544,67 @@ var NgwConnector = (function () {
      * @param params - Query params
      * @param options - Request options
      */
-    makeQuery(url, params, options = {}) {
-      url = (this.options.baseUrl ? this.options.baseUrl : "") + url;
-      if (url) {
+    makeQuery(_0, _1) {
+      return __async(this, arguments, function* (url, params, options = {}) {
+        var _b;
+        url = (this.options.baseUrl ? this.options.baseUrl : "") + url;
+        if (!url) {
+          throw new Error("Empty `url` not allowed");
+        }
         if (params) {
-          url = template(url, params);
+          const _a = params, restParams = __objRest(_a, ["paramList"]);
+          url = template(url, restParams);
         }
         url = encodeURI(fixUrlStr(url));
-        return this._loadData(url, options);
-      } else {
-        throw new Error("Empty `url` not allowed");
-      }
+        const {
+          cache,
+          signal: externalSignal,
+          method = "GET",
+          headers,
+          cacheName,
+          cacheProps,
+          responseType,
+          withCredentials
+        } = options;
+        const internalAbortController = new AbortController();
+        const internalSignal = internalAbortController.signal;
+        if (externalSignal) {
+          if (externalSignal.aborted) {
+            throw new AbortError();
+          }
+          externalSignal.addEventListener("abort", () => {
+            internalAbortController.abort();
+          });
+        }
+        options.signal = internalSignal;
+        const createPromise = () => __async(this, null, function* () {
+          const id = REQUEST_ID++;
+          this.activeRequests[id] = internalAbortController;
+          try {
+            return this._loadData(url, options);
+          } finally {
+            this._cleanActiveRequest(id);
+          }
+        });
+        if (cache && method === "GET") {
+          const cacheOptions = cacheProps ? cacheProps : __spreadProps(__spreadValues({}, objectRemoveEmpty({
+            headers,
+            withCredentials,
+            responseType,
+            baseUrl: this.options.baseUrl,
+            userId: (_b = this.user) == null ? void 0 : _b.id
+          })), {
+            params
+          });
+          return this.cache.add(
+            cacheName || url,
+            createPromise,
+            cacheOptions,
+            false
+          );
+        }
+        return createPromise();
+      });
     }
     // -------------------------------------------------------------------------
     // Resource Methods
@@ -1909,10 +1686,8 @@ var NgwConnector = (function () {
      */
     _loadData(url, options) {
       options.responseType = options.responseType || "json";
-      if (options.signal && options.signal.aborted) {
-        return CancelablePromise.reject(new CancelablePromise.CancelError());
-      }
-      const request = new CancelablePromise((resolve, reject, onCancel) => {
+      return new Promise((resolve, reject) => {
+        var _a;
         if (this.user) {
           options = options || {};
           options.headers = __spreadValues(__spreadValues({}, this.getAuthorizationHeaders()), options.headers);
@@ -1922,13 +1697,18 @@ var NgwConnector = (function () {
           url = transUrl;
           options = transOptions;
         }
-        loadData(url, resolve, options, reject, onCancel);
-      }).then((resp) => {
-        this._cleanActiveRequests(request);
-        return resp;
+        let runOnAbort = void 0;
+        loadData(url, resolve, options, reject, (handler) => {
+          runOnAbort = handler;
+        });
+        (_a = options.signal) == null ? void 0 : _a.addEventListener("abort", () => {
+          if (runOnAbort !== void 0) {
+            runOnAbort();
+          }
+          reject(new AbortError());
+        });
       }).catch((httpError) => {
-        this._cleanActiveRequests(request);
-        if (httpError instanceof CancelablePromise.CancelError) ; else {
+        if (httpError.name !== "AbortError") {
           {
             console.warn("DEV WARN", httpError);
           }
@@ -1937,31 +1717,24 @@ var NgwConnector = (function () {
             throw er;
           }
         }
+        throw httpError;
       });
-      if (options.signal && typeof options.signal.addEventListener === "function") {
-        options.signal.addEventListener("abort", () => {
-          request.cancel();
-          this._cleanActiveRequests(request);
-        });
-      }
-      this.activeRequests.push(request);
-      return request;
     }
     _login(credentials, options) {
-      return this.getUserInfo(credentials, options).then((data) => {
-        this.user = data;
-        this.emitter.emit("login", data);
-        return data;
-      }).catch((er) => {
-        this.emitter.emit("login:error", er);
-        throw er;
+      return __async(this, null, function* () {
+        try {
+          const data = yield this.getUserInfo(credentials, options);
+          this.user = data;
+          this.emitter.emit("login", data);
+          return data;
+        } catch (er) {
+          this.emitter.emit("login:error", er);
+          throw er;
+        }
       });
     }
-    _cleanActiveRequests(request) {
-      const activeRequestIndex = this.activeRequests.indexOf(request);
-      if (activeRequestIndex !== -1) {
-        this.activeRequests.splice(activeRequestIndex, 1);
-      }
+    _cleanActiveRequest(requestId) {
+      delete this.activeRequests[requestId];
     }
     _handleHttpError(er) {
       if (er) {