wj-elements 0.1.176 → 0.1.178

package/dist/wje-element.js

@@ -11,6 +11,235 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _Event_instances, dispatch_fn, _drawingStatus, _isAttached, _isRendering, _originalVisibility, _pristine, _WJElement_instances, enqueueUpdate_fn, refresh_fn, resolveRender_fn;
 import { store, defaultStoreActions } from "./wje-store.js";
+var self;
+class Event {
+  constructor() {
+    __privateAdd(this, _Event_instances);
+    this.customEventWeakMap = /* @__PURE__ */ new WeakMap();
+    self = this;
+  }
+  /**
+   * Dispatch custom event to the element with the specified event name and detail.
+   * @param element
+   * @param event
+   * @param detail
+   */
+  dispatchCustomEvent(element, event2, detail) {
+    element.dispatchEvent(
+      new CustomEvent(event2, {
+        detail: detail || {
+          context: element,
+          event: self
+        },
+        bubbles: true,
+        composed: true,
+        cancelable: true
+      })
+    );
+  }
+  /**
+   * Find record by element in the storage.
+   * @param element
+   * @returns {*}
+   */
+  findRecordByElement(element) {
+    return this.customEventWeakMap.get(element);
+  }
+  /**
+   * Add listener to the element. If the element is an array, the listener will be added to all elements in the array.
+   * @param element
+   * @param originalEvent
+   * @param event
+   * @param listener
+   * @param options
+   */
+  addListener(element, originalEvent, event2, listener, options) {
+    if (!element) return;
+    if (!Array.isArray(element)) element = [element];
+    element.forEach((el) => {
+      this.writeRecord(el, originalEvent, event2, listener, options);
+    });
+  }
+  /**
+   * Write record to the storage.
+   * @param element
+   * @param originalEvent
+   * @param event
+   * @param listener
+   * @param options
+   */
+  writeRecord(element, originalEvent, event2, listener, options) {
+    let recordListeners = this.findRecordByElement(element);
+    if (!recordListeners) {
+      this.customEventWeakMap.set(element, {
+        [originalEvent]: []
+      });
+      recordListeners = this.findRecordByElement(element);
+    } else {
+      recordListeners[originalEvent] = recordListeners[originalEvent] || [];
+    }
+    listener = listener || __privateMethod(this, _Event_instances, dispatch_fn);
+    let obj = {
+      listener,
+      options,
+      event: event2
+    };
+    if (!this.isRecordExists(recordListeners[originalEvent], obj)) {
+      if (!this.listenerExists(recordListeners[originalEvent], obj)) {
+        element.addEventListener(originalEvent, listener, options);
+        obj.unbind = () => {
+          element.removeEventListener(originalEvent, listener, options);
+        };
+      }
+      recordListeners[originalEvent].push(obj);
+    }
+  }
+  /**
+   * Performs a deep equality check between two objects.
+   * @param x The first object to compare.
+   * @param y The second object to compare.
+   * @returns - Returns `true` if the objects are deeply equal, `false` otherwise.
+   */
+  deepEqual(x, y) {
+    return x && y && typeof x === "object" && typeof x === typeof y ? Object.keys(x).length === Object.keys(y).length && Object.keys(x).every((key) => this.deepEqual(x[key], y[key])) : x === y;
+  }
+  /**
+   * Check if the listener already exists on the element.
+   * @param records
+   * @param eventObj
+   * @returns
+   */
+  listenerExists(records, eventObj) {
+    return records.some((e) => e.listener === eventObj.listener);
+  }
+  isRecordExists(records, eventObj) {
+    return records.some((e) => this.deepEqual(e, eventObj));
+  }
+  /**
+   * Remove listener from the element and delete the listener from the custom event storage.
+   * @param element
+   * @param originalEvent
+   * @param event
+   * @param listener
+   * @param options
+   */
+  removeListener(element, originalEvent, event2, listener, options) {
+    let records = this.findRecordByElement(element);
+    let listeners = records == null ? void 0 : records[originalEvent];
+    listener = listener || __privateMethod(this, _Event_instances, dispatch_fn);
+    if (listeners) {
+      let listenerOfWeakMap = listeners.find((e) => e.listener === listener);
+      if (listenerOfWeakMap) {
+        listeners.splice(listeners.indexOf(listenerOfWeakMap), 1);
+      }
+      if (!listeners.length) {
+        delete records[originalEvent];
+        element == null ? void 0 : element.removeEventListener(originalEvent, listener, options);
+      }
+    }
+  }
+  /**
+   * Remove all event listeners from the specified element and delete the element from the custom event storage.
+   * @param {HTMLElement} element The element from which all listeners will be removed.
+   */
+  removeElement(element) {
+    let listeners = this.customEventWeakMap.get(element);
+    if (listeners) {
+      queueMicrotask(() => {
+        for (let event2 in listeners) {
+          listeners[event2].forEach((e) => {
+            element.removeEventListener(event2, e.listener, e.options);
+            e.unbind();
+          });
+        }
+        this.customEventWeakMap.delete(element);
+      });
+    }
+  }
+  // TODO
+  createPromiseFromEvent(element, event2) {
+    return new Promise((resolve) => {
+      let success = () => {
+        element.removeEventListener(event2, success);
+        resolve();
+      };
+      element.addEventListener(event2, success);
+    });
+  }
+}
+_Event_instances = new WeakSet();
+/**
+ * Dispatch event to the element and trigger the listener.
+ * @param e
+ */
+dispatch_fn = function(e) {
+  let element = this;
+  let record = self.customEventWeakMap.get(this);
+  if (!record) return;
+  let listeners = record[e.type];
+  listeners.forEach((listener) => {
+    self.dispatchCustomEvent(element, listener.event, {
+      originalEvent: (e == null ? void 0 : e.type) || null,
+      context: element,
+      event: self
+    });
+    if (listener.options && listener.options.stopPropagation === true) {
+      e.stopPropagation();
+      e.stopImmediatePropagation();
+      e.preventDefault();
+    }
+  });
+};
+let event = new Event();
+const _Permissions = class _Permissions {
+  /**
+   * Sets the permission key for the PermissionsApi.
+   * The key is stored internally and defaults to 'permissions' if no value is provided.
+   * @param {string} value The key to set for permissions. If no value is provided, the default is 'permissions'.
+   */
+  static set permissionKey(value) {
+    _Permissions._permissionKey = value || "permissions";
+  }
+  /**
+   * Retrieves the permission key used for accessing the permissions API.
+   * @returns {string} The permission key associated with the PermissionsApi.
+   */
+  static get permissionKey() {
+    return _Permissions._permissionKey;
+  }
+  /**
+   * Sets the permissions by storing them in the local storage.
+   * @param {object} value The permissions object to be stored.
+   */
+  static set permissions(value) {
+    window.localStorage.setItem(_Permissions.permissionKey, JSON.stringify(value));
+  }
+  /**
+   * Retrieves the list of permissions stored in the browser's local storage.
+   * @returns {Array} An array of permissions. If no permissions are found, returns an empty array.
+   */
+  static get permissions() {
+    return JSON.parse(window.localStorage.getItem(_Permissions.permissionKey)) || [];
+  }
+  /**
+   * Determines whether the specified key exists in the permissions list.
+   * @param {string} key The key to check for existence in the permissions list.
+   * @returns {boolean} Returns true if the key exists in the permissions list; otherwise, returns false.
+   */
+  static includesKey(key) {
+    return _Permissions.permissions.includes(key);
+  }
+  /**
+   * Checks if at least one of the given permissions is fulfilled, based on the permissions available in `PermissionsApi`.
+   * @param {Array<string>} permissions The list of permissions to check against the permissions available in `PermissionsApi`.
+   * @returns {boolean} Returns `true` if any of the given permissions match the permissions available in `PermissionsApi`, otherwise returns `false`.
+   */
+  static isPermissionFulfilled(permissions) {
+    return permissions.some((perm) => _Permissions.permissions.includes(perm));
+  }
+};
+__publicField(_Permissions, "_permissionKey", "permissions");
+let Permissions = _Permissions;
 class UniversalService {
   constructor(props = {}) {
     __publicField(this, "findByKey", (attrName, key, keyValue) => {
@@ -121,53 +350,6 @@ class UniversalService {
     return promise;
   }
 }
-const _WjePermissionsApi = class _WjePermissionsApi {
-  /**
-   * Sets the permission key.
-   * @param value
-   */
-  static set permissionKey(value) {
-    _WjePermissionsApi._permissionKey = value || "permissions";
-  }
-  /**
-   * Returns the permission key.
-   * @returns {*|string}
-   */
-  static get permissionKey() {
-    return _WjePermissionsApi._permissionKey;
-  }
-  /**
-   * Sets the permissions.
-   * @param value
-   */
-  static set permissions(value) {
-    window.localStorage.setItem(_WjePermissionsApi.permissionKey, JSON.stringify(value));
-  }
-  /**
-   * Returns the permissions.
-   * @returns {string[]}
-   */
-  static get permissions() {
-    return JSON.parse(window.localStorage.getItem(_WjePermissionsApi.permissionKey)) || [];
-  }
-  /**
-   * Checks if the permission is included.
-   * @param key
-   * @returns {boolean}
-   */
-  static includesKey(key) {
-    return _WjePermissionsApi.permissions.includes(key);
-  }
-  /**
-   * Checks if the permission is fulfilled.
-   * @returns {boolean}
-   */
-  static isPermissionFulfilled(permissions) {
-    return permissions.some((perm) => _WjePermissionsApi.permissions.includes(perm));
-  }
-};
-__publicField(_WjePermissionsApi, "_permissionKey", "permissions");
-let WjePermissionsApi = _WjePermissionsApi;
 class WjElementUtils {
   /**
    * This function creates an element.
@@ -259,186 +441,6 @@ class WjElementUtils {
     return !["false", "0", 0].includes(value);
   }
 }
-var self;
-class Event {
-  constructor() {
-    __privateAdd(this, _Event_instances);
-    this.customEventWeakMap = /* @__PURE__ */ new WeakMap();
-    self = this;
-  }
-  /**
-   * Dispatch custom event to the element with the specified event name and detail.
-   * @param element
-   * @param event
-   * @param detail
-   */
-  dispatchCustomEvent(element, event2, detail) {
-    element.dispatchEvent(
-      new CustomEvent(event2, {
-        detail: detail || {
-          context: element,
-          event: self
-        },
-        bubbles: true,
-        composed: true,
-        cancelable: true
-      })
-    );
-  }
-  /**
-   * Find record by element in the storage.
-   * @param element
-   * @returns {*}
-   */
-  findRecordByElement(element) {
-    return this.customEventWeakMap.get(element);
-  }
-  /**
-   * Add listener to the element. If the element is an array, the listener will be added to all elements in the array.
-   * @param element
-   * @param originalEvent
-   * @param event
-   * @param listener
-   * @param options
-   */
-  addListener(element, originalEvent, event2, listener, options) {
-    if (!element) return;
-    if (!Array.isArray(element)) element = [element];
-    element.forEach((el) => {
-      this.writeRecord(el, originalEvent, event2, listener, options);
-    });
-  }
-  /**
-   * Write record to the storage.
-   * @param element
-   * @param originalEvent
-   * @param event
-   * @param listener
-   * @param options
-   */
-  writeRecord(element, originalEvent, event2, listener, options) {
-    let recordListeners = this.findRecordByElement(element);
-    if (!recordListeners) {
-      this.customEventWeakMap.set(element, {
-        [originalEvent]: []
-      });
-      recordListeners = this.findRecordByElement(element);
-    } else {
-      recordListeners[originalEvent] = recordListeners[originalEvent] || [];
-    }
-    listener = listener || __privateMethod(this, _Event_instances, dispatch_fn);
-    let obj = {
-      listener,
-      options,
-      event: event2
-    };
-    if (!this.isRecordExists(recordListeners[originalEvent], obj)) {
-      if (!this.listenerExists(recordListeners[originalEvent], obj)) {
-        element.addEventListener(originalEvent, listener, options);
-        obj.unbind = () => {
-          element.removeEventListener(originalEvent, listener, options);
-        };
-      }
-      recordListeners[originalEvent].push(obj);
-    }
-  }
-  /**
-   * Performs a deep equality check between two objects.
-   * @param x The first object to compare.
-   * @param y The second object to compare.
-   * @returns - Returns `true` if the objects are deeply equal, `false` otherwise.
-   */
-  deepEqual(x, y) {
-    return x && y && typeof x === "object" && typeof x === typeof y ? Object.keys(x).length === Object.keys(y).length && Object.keys(x).every((key) => this.deepEqual(x[key], y[key])) : x === y;
-  }
-  /**
-   * Check if the listener already exists on the element.
-   * @param records
-   * @param eventObj
-   * @returns
-   */
-  listenerExists(records, eventObj) {
-    return records.some((e) => e.listener === eventObj.listener);
-  }
-  isRecordExists(records, eventObj) {
-    return records.some((e) => this.deepEqual(e, eventObj));
-  }
-  /**
-   * Remove listener from the element and delete the listener from the custom event storage.
-   * @param element
-   * @param originalEvent
-   * @param event
-   * @param listener
-   * @param options
-   */
-  removeListener(element, originalEvent, event2, listener, options) {
-    let records = this.findRecordByElement(element);
-    let listeners = records == null ? void 0 : records[originalEvent];
-    listener = listener || __privateMethod(this, _Event_instances, dispatch_fn);
-    if (listeners) {
-      let listenerOfWeakMap = listeners.find((e) => e.listener === listener);
-      if (listenerOfWeakMap) {
-        listeners.splice(listeners.indexOf(listenerOfWeakMap), 1);
-      }
-      if (!listeners.length) {
-        delete records[originalEvent];
-        element == null ? void 0 : element.removeEventListener(originalEvent, listener, options);
-      }
-    }
-  }
-  /**
-   * Remove all event listeners from the specified element and delete the element from the custom event storage.
-   * @param {HTMLElement} element The element from which all listeners will be removed.
-   */
-  removeElement(element) {
-    let listeners = this.customEventWeakMap.get(element);
-    if (listeners) {
-      queueMicrotask(() => {
-        for (let event2 in listeners) {
-          listeners[event2].forEach((e) => {
-            element.removeEventListener(event2, e.listener, e.options);
-            e.unbind();
-          });
-        }
-        this.customEventWeakMap.delete(element);
-      });
-    }
-  }
-  // TODO
-  createPromiseFromEvent(element, event2) {
-    return new Promise((resolve) => {
-      let success = () => {
-        element.removeEventListener(event2, success);
-        resolve();
-      };
-      element.addEventListener(event2, success);
-    });
-  }
-}
-_Event_instances = new WeakSet();
-/**
- * Dispatch event to the element and trigger the listener.
- * @param e
- */
-dispatch_fn = function(e) {
-  let element = this;
-  let record = self.customEventWeakMap.get(this);
-  if (!record) return;
-  let listeners = record[e.type];
-  listeners.forEach((listener) => {
-    self.dispatchCustomEvent(element, listener.event, {
-      originalEvent: (e == null ? void 0 : e.type) || null,
-      context: element,
-      event: self
-    });
-    if (listener.options && listener.options.stopPropagation === true) {
-      e.stopPropagation();
-      e.stopImmediatePropagation();
-      e.preventDefault();
-    }
-  });
-};
-let event = new Event();
 const template = document.createElement("template");
 template.innerHTML = ``;
 const _WJElement = class _WJElement extends HTMLElement {
@@ -814,7 +816,7 @@ const _WJElement = class _WJElement extends HTMLElement {
       [...this.context.childNodes].forEach(this.context.removeChild.bind(this.context));
     }
     this.context.append(this.template.content.cloneNode(true));
-    if (this.noShow || this.isPermissionCheck && !WjePermissionsApi.isPermissionFulfilled(this.permission)) {
+    if (this.noShow || this.isPermissionCheck && !Permissions.isPermissionFulfilled(this.permission)) {
       this.remove();
       return Promise.resolve();
     }
@@ -990,8 +992,8 @@ __publicField(_WJElement, "processTemplates", (pTemplate, inputTemplate) => {
 let WJElement = _WJElement;
 let __esModule = "true";
 export {
+  Permissions,
   WjElementUtils,
-  WjePermissionsApi,
   __esModule,
   WJElement as default,
   event