@sme.up/ketchup 9.2.0 → 9.3.0

package/dist/collection/managers/kup-dynamic-position/kup-dynamic-position-declarations.js

@@ -15,13 +15,13 @@ export const kupDynamicPositionActiveClass = 'kup-dynamic-position-active';
  */
 export var KupDynamicPositionPlacement;
 (function (KupDynamicPositionPlacement) {
-  KupDynamicPositionPlacement["AUTO"] = "";
-  KupDynamicPositionPlacement["BOTTOM"] = "b";
-  KupDynamicPositionPlacement["BOTTOM_LEFT"] = "bl";
-  KupDynamicPositionPlacement["BOTTOM_RIGHT"] = "br";
-  KupDynamicPositionPlacement["LEFT"] = "l";
-  KupDynamicPositionPlacement["RIGHT"] = "r";
-  KupDynamicPositionPlacement["TOP"] = "t";
-  KupDynamicPositionPlacement["TOP_LEFT"] = "tl";
-  KupDynamicPositionPlacement["TOP_RIGHT"] = "tr";
+    KupDynamicPositionPlacement["AUTO"] = "";
+    KupDynamicPositionPlacement["BOTTOM"] = "b";
+    KupDynamicPositionPlacement["BOTTOM_LEFT"] = "bl";
+    KupDynamicPositionPlacement["BOTTOM_RIGHT"] = "br";
+    KupDynamicPositionPlacement["LEFT"] = "l";
+    KupDynamicPositionPlacement["RIGHT"] = "r";
+    KupDynamicPositionPlacement["TOP"] = "t";
+    KupDynamicPositionPlacement["TOP_LEFT"] = "tl";
+    KupDynamicPositionPlacement["TOP_RIGHT"] = "tr";
 })(KupDynamicPositionPlacement || (KupDynamicPositionPlacement = {}));

package/dist/collection/managers/kup-dynamic-position/kup-dynamic-position.js

@@ -6,239 +6,239 @@ const dom = document.documentElement;
  * @module KupDynamicPosition
  */
 export class KupDynamicPosition {
-  /**
-   * Initializes KupDynamicPosition.
-   */
-  constructor() {
-    this.container = document.createElement('div');
-    this.container.setAttribute('kup-dynamic-position', '');
-    document.body.appendChild(this.container);
-    this.managedElements = new Set();
-  }
-  /**
-   * Function used to check whether the anchor point is an HTMLElement or a set of coordinates.
-   * @param {KupDynamicPositionAnchor} anchor - Anchor point.
-   * @returns {anchor is HTMLElement} Returns true when the anchor point is an HTMLElement.
-   */
-  anchorIsHTMLElement(anchor) {
-    return anchor.tagName !== undefined;
-  }
-  /**
-   * Watches the element eligible to dynamic positioning.
-   * @param {KupDynamicPositionElement} el - Element to reposition.
-   * @param {KupDynamicPositionAnchor} anchorEl - "el" position will be anchored to this element or to these coordinates.
-   * @param {number} margin - "el" distance from its parent in pixels.
-   * @param {KupDynamicPositionPlacement} placement - "el" placement.
-   * @param {boolean} detach - When true, the function won't be recursive but it will be executed only once. "el" will be detached from its original parent and it will be appended to this.container.
-   */
-  register(el, anchorEl, margin, placement, detach) {
-    if (this.isRegistered(el)) {
-      this.changeAnchor(el, anchorEl);
-      return;
-    }
-    el.setAttribute(kupDynamicPositionAttribute, '');
-    if (this.anchorIsHTMLElement(anchorEl)) {
-      anchorEl.setAttribute(kupDynamicPositionAnchorAttribute, '');
-    }
-    el.style.zIndex = `calc(var(--kup-navbar-zindex) + 1)`;
-    const originalPath = [];
-    if (detach) {
-      let currentEl = el;
-      while (currentEl && currentEl !== document.body) {
-        currentEl = currentEl.parentNode
-          ? currentEl.parentNode
-          : currentEl.host;
-        originalPath.push(currentEl);
-      }
-      el.style.position = 'absolute';
-      this.container.appendChild(el);
-    }
-    else {
-      el.style.position = 'fixed';
-    }
-    el.kupDynamicPosition = {
-      anchor: anchorEl,
-      detach: detach ? true : false,
-      originalPath: originalPath,
-      margin: margin ? margin : 0,
-      placement: placement ? placement : KupDynamicPositionPlacement.AUTO,
-      rAF: null,
-    };
-    const mutObserver = new MutationObserver(function (mutations) {
-      const target = mutations[0].target;
-      if (target.classList.contains(kupDynamicPositionActiveClass)) {
-        requestAnimationFrame(function () {
-          dom.ketchup.dynamicPosition.run(el);
+    /**
+     * Initializes KupDynamicPosition.
+     */
+    constructor() {
+        this.container = document.createElement('div');
+        this.container.setAttribute('kup-dynamic-position', '');
+        document.body.appendChild(this.container);
+        this.managedElements = new Set();
+    }
+    /**
+     * Function used to check whether the anchor point is an HTMLElement or a set of coordinates.
+     * @param {KupDynamicPositionAnchor} anchor - Anchor point.
+     * @returns {anchor is HTMLElement} Returns true when the anchor point is an HTMLElement.
+     */
+    anchorIsHTMLElement(anchor) {
+        return anchor.tagName !== undefined;
+    }
+    /**
+     * Watches the element eligible to dynamic positioning.
+     * @param {KupDynamicPositionElement} el - Element to reposition.
+     * @param {KupDynamicPositionAnchor} anchorEl - "el" position will be anchored to this element or to these coordinates.
+     * @param {number} margin - "el" distance from its parent in pixels.
+     * @param {KupDynamicPositionPlacement} placement - "el" placement.
+     * @param {boolean} detach - When true, the function won't be recursive but it will be executed only once. "el" will be detached from its original parent and it will be appended to this.container.
+     */
+    register(el, anchorEl, margin, placement, detach) {
+        if (this.isRegistered(el)) {
+            this.changeAnchor(el, anchorEl);
+            return;
+        }
+        el.setAttribute(kupDynamicPositionAttribute, '');
+        if (this.anchorIsHTMLElement(anchorEl)) {
+            anchorEl.setAttribute(kupDynamicPositionAnchorAttribute, '');
+        }
+        el.style.zIndex = `calc(var(--kup-navbar-zindex) + 1)`;
+        const originalPath = [];
+        if (detach) {
+            let currentEl = el;
+            while (currentEl && currentEl !== document.body) {
+                currentEl = currentEl.parentNode
+                    ? currentEl.parentNode
+                    : currentEl.host;
+                originalPath.push(currentEl);
+            }
+            el.style.position = 'absolute';
+            this.container.appendChild(el);
+        }
+        else {
+            el.style.position = 'fixed';
+        }
+        el.kupDynamicPosition = {
+            anchor: anchorEl,
+            detach: detach ? true : false,
+            originalPath: originalPath,
+            margin: margin ? margin : 0,
+            placement: placement ? placement : KupDynamicPositionPlacement.AUTO,
+            rAF: null,
+        };
+        const mutObserver = new MutationObserver(function (mutations) {
+            const target = mutations[0].target;
+            if (target.classList.contains(kupDynamicPositionActiveClass)) {
+                requestAnimationFrame(function () {
+                    dom.ketchup.dynamicPosition.run(el);
+                });
+            }
         });
-      }
-    });
-    mutObserver.observe(el, {
-      attributes: true,
-      attributeFilter: ['class'],
-    });
-    this.managedElements.add(el);
-  }
-  /**
-   * Changes the anchor point of the given element.
-   * @param {KupDynamicPositionElement} elements - Dynamically positioned element previously registered.
-   * @param {KupDynamicPositionAnchor} anchorEl - New anchor point.
-   */
-  changeAnchor(el, anchorEl) {
-    el.kupDynamicPosition.anchor = anchorEl;
-  }
-  /**
-   * Removes the element from dynamic position management.
-   * @param {KupDynamicPositionElement[]} elements - Elements to remove from the managed elements set.
-   */
-  unregister(elements) {
-    if (this.managedElements) {
-      for (let index = 0; index < elements.length; index++) {
-        this.managedElements.delete(elements[index]);
-      }
-    }
-  }
-  /**
-   * Returns whether an element was previously registered or not.
-   * @param {KupDynamicPositionElement} el - Element to test.
-   * @returns {boolean} True if the element was registered.
-   */
-  isRegistered(el) {
-    return !this.managedElements ? false : this.managedElements.has(el);
-  }
-  /**
-   * Starts the process of dynamically reposition the element (which must be firstly initialized through this.setup()).
-   * @param {KupDynamicPositionElement} el - Element to reposition.
-   */
-  start(el) {
-    el.classList.add(kupDynamicPositionActiveClass);
-  }
-  /**
-   * Ends the process of dynamically reposition the element.
-   * @param {KupDynamicPositionElement} el - Element to reposition.
-   */
-  stop(el) {
-    el.classList.remove(kupDynamicPositionActiveClass);
-  }
-  /**
-   * This function calculates where to place the element in order to correctly display it attached to its anchor point.
-   * @param {KupDynamicPositionElement} el - Element to reposition.
-   */
-  run(el) {
-    if (!el.isConnected) {
-      dom.ketchup.dynamicPosition.managedElements.delete(el);
-      cancelAnimationFrame(el.kupDynamicPosition.rAF);
-      return;
-    }
-    if (!el.classList.contains(kupDynamicPositionActiveClass)) {
-      cancelAnimationFrame(el.kupDynamicPosition.rAF);
-      return;
-    }
-    // Reset placement
-    el.style.top = '';
-    el.style.right = '';
-    el.style.bottom = '';
-    el.style.left = '';
-    // Fixed position (usually from mouse events).
-    // When anchor doesn't have the tagName property, anchor is considered as a set of coordinates.
-    if (!this.anchorIsHTMLElement(el.kupDynamicPosition.anchor)) {
-      const x = el.kupDynamicPosition.anchor.x;
-      const y = el.kupDynamicPosition.anchor.y;
-      if (el.offsetWidth >
-        window.innerWidth - el.kupDynamicPosition.anchor.x) {
-        el.style.left = x - el.offsetWidth + 'px';
-      }
-      else {
-        el.style.left = x + 'px';
-      }
-      if (el.offsetHeight >
-        window.innerHeight - el.kupDynamicPosition.anchor.y) {
-        el.style.top = y - el.offsetHeight + 'px';
-      }
-      else {
-        el.style.top = y + 'px';
-      }
-      return;
-    }
-    const detached = !!el.kupDynamicPosition.detach;
-    const offsetH = el.clientHeight;
-    const offsetW = el.clientWidth;
-    const rect = el.kupDynamicPosition.anchor.getBoundingClientRect();
-    const top = detached ? window.pageYOffset + rect.top : rect.top, left = detached
-      ? window.pageXOffset + rect.left
-      : rect.left, bottom = detached
-      ? window.pageYOffset + rect.bottom
-      : rect.bottom, right = detached
-      ? window.pageXOffset + rect.right
-      : rect.right;
-    // Vertical position
-    if (el.kupDynamicPosition.placement ===
-      KupDynamicPositionPlacement.TOP ||
-      el.kupDynamicPosition.placement ===
-        KupDynamicPositionPlacement.TOP_LEFT ||
-      el.kupDynamicPosition.placement ===
-        KupDynamicPositionPlacement.TOP_RIGHT) {
-      el.style.bottom = `${window.innerHeight - top + el.kupDynamicPosition.margin}px`;
-    }
-    else if (el.kupDynamicPosition.placement ===
-      KupDynamicPositionPlacement.BOTTOM ||
-      el.kupDynamicPosition.placement ===
-        KupDynamicPositionPlacement.BOTTOM_LEFT ||
-      el.kupDynamicPosition.placement ===
-        KupDynamicPositionPlacement.BOTTOM_RIGHT) {
-      el.style.top = `${bottom + el.kupDynamicPosition.margin}px`;
-    }
-    else {
-      if (offsetH < rect.top &&
-        window.innerHeight - rect.bottom < offsetH) {
-        el.style.bottom = `${window.innerHeight - top + el.kupDynamicPosition.margin}px`;
-      }
-      else {
-        el.style.top = `${bottom + el.kupDynamicPosition.margin}px`;
-      }
-    }
-    // Horizontal position
-    if (el.kupDynamicPosition.placement ===
-      KupDynamicPositionPlacement.LEFT ||
-      el.kupDynamicPosition.placement ===
-        KupDynamicPositionPlacement.BOTTOM_LEFT ||
-      el.kupDynamicPosition.placement ===
-        KupDynamicPositionPlacement.TOP_LEFT) {
-      el.style.left = `${left}px`;
-    }
-    else if (el.kupDynamicPosition.placement ===
-      KupDynamicPositionPlacement.RIGHT ||
-      el.kupDynamicPosition.placement ===
-        KupDynamicPositionPlacement.BOTTOM_RIGHT ||
-      el.kupDynamicPosition.placement ===
-        KupDynamicPositionPlacement.TOP_RIGHT) {
-      let scrollbarWidth = window.innerWidth - document.documentElement.offsetWidth;
-      if (scrollbarWidth > 30) {
-        scrollbarWidth = 0;
-      }
-      el.style.right = `${window.innerWidth - scrollbarWidth - right}px`;
-    }
-    else {
-      if (offsetW < rect.right &&
-        window.innerWidth - rect.left < offsetW) {
-        let scrollbarWidth = window.innerWidth - document.documentElement.offsetWidth;
-        if (scrollbarWidth > 30) {
-          scrollbarWidth = 0;
-        }
-        el.style.right = `${window.innerWidth - scrollbarWidth - right}px`;
-      }
-      else {
-        el.style.left = `${left}px`;
-      }
-    }
-    // Recursive
-    if (!el.kupDynamicPosition.detach) {
-      el.kupDynamicPosition.rAF = requestAnimationFrame(function () {
-        dom.ketchup.dynamicPosition.run(el);
-      });
+        mutObserver.observe(el, {
+            attributes: true,
+            attributeFilter: ['class'],
+        });
+        this.managedElements.add(el);
+    }
+    /**
+     * Changes the anchor point of the given element.
+     * @param {KupDynamicPositionElement} elements - Dynamically positioned element previously registered.
+     * @param {KupDynamicPositionAnchor} anchorEl - New anchor point.
+     */
+    changeAnchor(el, anchorEl) {
+        el.kupDynamicPosition.anchor = anchorEl;
+    }
+    /**
+     * Removes the element from dynamic position management.
+     * @param {KupDynamicPositionElement[]} elements - Elements to remove from the managed elements set.
+     */
+    unregister(elements) {
+        if (this.managedElements) {
+            for (let index = 0; index < elements.length; index++) {
+                this.managedElements.delete(elements[index]);
+            }
+        }
     }
-    else {
-      cancelAnimationFrame(el.kupDynamicPosition.rAF);
-      return;
+    /**
+     * Returns whether an element was previously registered or not.
+     * @param {KupDynamicPositionElement} el - Element to test.
+     * @returns {boolean} True if the element was registered.
+     */
+    isRegistered(el) {
+        return !this.managedElements ? false : this.managedElements.has(el);
+    }
+    /**
+     * Starts the process of dynamically reposition the element (which must be firstly initialized through this.setup()).
+     * @param {KupDynamicPositionElement} el - Element to reposition.
+     */
+    start(el) {
+        el.classList.add(kupDynamicPositionActiveClass);
+    }
+    /**
+     * Ends the process of dynamically reposition the element.
+     * @param {KupDynamicPositionElement} el - Element to reposition.
+     */
+    stop(el) {
+        el.classList.remove(kupDynamicPositionActiveClass);
+    }
+    /**
+     * This function calculates where to place the element in order to correctly display it attached to its anchor point.
+     * @param {KupDynamicPositionElement} el - Element to reposition.
+     */
+    run(el) {
+        if (!el.isConnected) {
+            dom.ketchup.dynamicPosition.managedElements.delete(el);
+            cancelAnimationFrame(el.kupDynamicPosition.rAF);
+            return;
+        }
+        if (!el.classList.contains(kupDynamicPositionActiveClass)) {
+            cancelAnimationFrame(el.kupDynamicPosition.rAF);
+            return;
+        }
+        // Reset placement
+        el.style.top = '';
+        el.style.right = '';
+        el.style.bottom = '';
+        el.style.left = '';
+        // Fixed position (usually from mouse events).
+        // When anchor doesn't have the tagName property, anchor is considered as a set of coordinates.
+        if (!this.anchorIsHTMLElement(el.kupDynamicPosition.anchor)) {
+            const x = el.kupDynamicPosition.anchor.x;
+            const y = el.kupDynamicPosition.anchor.y;
+            if (el.offsetWidth >
+                window.innerWidth - el.kupDynamicPosition.anchor.x) {
+                el.style.left = x - el.offsetWidth + 'px';
+            }
+            else {
+                el.style.left = x + 'px';
+            }
+            if (el.offsetHeight >
+                window.innerHeight - el.kupDynamicPosition.anchor.y) {
+                el.style.top = y - el.offsetHeight + 'px';
+            }
+            else {
+                el.style.top = y + 'px';
+            }
+            return;
+        }
+        const detached = !!el.kupDynamicPosition.detach;
+        const offsetH = el.clientHeight;
+        const offsetW = el.clientWidth;
+        const rect = el.kupDynamicPosition.anchor.getBoundingClientRect();
+        const top = detached ? window.pageYOffset + rect.top : rect.top, left = detached
+            ? window.pageXOffset + rect.left
+            : rect.left, bottom = detached
+            ? window.pageYOffset + rect.bottom
+            : rect.bottom, right = detached
+            ? window.pageXOffset + rect.right
+            : rect.right;
+        // Vertical position
+        if (el.kupDynamicPosition.placement ===
+            KupDynamicPositionPlacement.TOP ||
+            el.kupDynamicPosition.placement ===
+                KupDynamicPositionPlacement.TOP_LEFT ||
+            el.kupDynamicPosition.placement ===
+                KupDynamicPositionPlacement.TOP_RIGHT) {
+            el.style.bottom = `${window.innerHeight - top + el.kupDynamicPosition.margin}px`;
+        }
+        else if (el.kupDynamicPosition.placement ===
+            KupDynamicPositionPlacement.BOTTOM ||
+            el.kupDynamicPosition.placement ===
+                KupDynamicPositionPlacement.BOTTOM_LEFT ||
+            el.kupDynamicPosition.placement ===
+                KupDynamicPositionPlacement.BOTTOM_RIGHT) {
+            el.style.top = `${bottom + el.kupDynamicPosition.margin}px`;
+        }
+        else {
+            if (offsetH < rect.top &&
+                window.innerHeight - rect.bottom < offsetH) {
+                el.style.bottom = `${window.innerHeight - top + el.kupDynamicPosition.margin}px`;
+            }
+            else {
+                el.style.top = `${bottom + el.kupDynamicPosition.margin}px`;
+            }
+        }
+        // Horizontal position
+        if (el.kupDynamicPosition.placement ===
+            KupDynamicPositionPlacement.LEFT ||
+            el.kupDynamicPosition.placement ===
+                KupDynamicPositionPlacement.BOTTOM_LEFT ||
+            el.kupDynamicPosition.placement ===
+                KupDynamicPositionPlacement.TOP_LEFT) {
+            el.style.left = `${left}px`;
+        }
+        else if (el.kupDynamicPosition.placement ===
+            KupDynamicPositionPlacement.RIGHT ||
+            el.kupDynamicPosition.placement ===
+                KupDynamicPositionPlacement.BOTTOM_RIGHT ||
+            el.kupDynamicPosition.placement ===
+                KupDynamicPositionPlacement.TOP_RIGHT) {
+            let scrollbarWidth = window.innerWidth - document.documentElement.offsetWidth;
+            if (scrollbarWidth > 30) {
+                scrollbarWidth = 0;
+            }
+            el.style.right = `${window.innerWidth - scrollbarWidth - right}px`;
+        }
+        else {
+            if (offsetW < rect.right &&
+                window.innerWidth - rect.left < offsetW) {
+                let scrollbarWidth = window.innerWidth - document.documentElement.offsetWidth;
+                if (scrollbarWidth > 30) {
+                    scrollbarWidth = 0;
+                }
+                el.style.right = `${window.innerWidth - scrollbarWidth - right}px`;
+            }
+            else {
+                el.style.left = `${left}px`;
+            }
+        }
+        // Recursive
+        if (!el.kupDynamicPosition.detach) {
+            el.kupDynamicPosition.rAF = requestAnimationFrame(function () {
+                dom.ketchup.dynamicPosition.run(el);
+            });
+        }
+        else {
+            cancelAnimationFrame(el.kupDynamicPosition.rAF);
+            return;
+        }
     }
-  }
 }

package/dist/collection/managers/kup-interact/kup-interact-declarations.js

@@ -23,27 +23,27 @@ export const kupDraggableRowAttr = 'kup-draggable-row';
  */
 export var KupDragEffect;
 (function (KupDragEffect) {
-  KupDragEffect["BADGE"] = "badge";
-  KupDragEffect["CLONE"] = "clone";
-  KupDragEffect["MOVE"] = "move";
-  KupDragEffect["NONE"] = "none";
+    KupDragEffect["BADGE"] = "badge";
+    KupDragEffect["CLONE"] = "clone";
+    KupDragEffect["MOVE"] = "move";
+    KupDragEffect["NONE"] = "none";
 })(KupDragEffect || (KupDragEffect = {}));
 /**
  * Supported types of pointer events.
  */
 export var KupPointerEventTypes;
 (function (KupPointerEventTypes) {
-  KupPointerEventTypes["DOUBLETAP"] = "doubletap";
-  KupPointerEventTypes["HOLD"] = "hold";
-  KupPointerEventTypes["TAP"] = "tap";
+    KupPointerEventTypes["DOUBLETAP"] = "doubletap";
+    KupPointerEventTypes["HOLD"] = "hold";
+    KupPointerEventTypes["TAP"] = "tap";
 })(KupPointerEventTypes || (KupPointerEventTypes = {}));
 /**
  * Supported types of drop event.
  */
 export var KupDropEventTypes;
 (function (KupDropEventTypes) {
-  KupDropEventTypes["BOX"] = "text/kup-box-drag";
-  KupDropEventTypes["DATATABLE"] = "text/kup-data-table-row-drag";
-  KupDropEventTypes["GENERIC"] = "text/generic";
-  KupDropEventTypes["MAGICBOX"] = "text/kup-magic-box-drag";
+    KupDropEventTypes["BOX"] = "text/kup-box-drag";
+    KupDropEventTypes["DATATABLE"] = "text/kup-data-table-row-drag";
+    KupDropEventTypes["GENERIC"] = "text/generic";
+    KupDropEventTypes["MAGICBOX"] = "text/kup-magic-box-drag";
 })(KupDropEventTypes || (KupDropEventTypes = {}));