@sme.up/ketchup 8.0.2 → 8.2.0

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

@@ -1,27 +1,27 @@
-/**
- * HTML attribute attached to dynamically positioned elements.
- */
-export const kupDynamicPositionAttribute = 'kup-dynamic-position';
-/**
- * HTML attribute attached to dynamically positioned elements' anchor point.
- */
-export const kupDynamicPositionAnchorAttribute = 'kup-dynamic-position-anchor';
-/**
- * CSS class attached to dynamically positioned elements when the script is running.
- */
-export const kupDynamicPositionActiveClass = 'kup-dynamic-position-active';
-/**
- * Available placements.
- */
-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 || (KupDynamicPositionPlacement = {}));
+/**
+ * HTML attribute attached to dynamically positioned elements.
+ */
+export const kupDynamicPositionAttribute = 'kup-dynamic-position';
+/**
+ * HTML attribute attached to dynamically positioned elements' anchor point.
+ */
+export const kupDynamicPositionAnchorAttribute = 'kup-dynamic-position-anchor';
+/**
+ * CSS class attached to dynamically positioned elements when the script is running.
+ */
+export const kupDynamicPositionActiveClass = 'kup-dynamic-position-active';
+/**
+ * Available placements.
+ */
+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 || (KupDynamicPositionPlacement = {}));

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

@@ -1,244 +1,244 @@
-import { kupDynamicPositionActiveClass, kupDynamicPositionAnchorAttribute, kupDynamicPositionAttribute, } from './kup-dynamic-position-declarations';
-import { KupDynamicPositionPlacement } from './kup-dynamic-position-declarations';
-const dom = document.documentElement;
-/**
- * This class is used to dynamically reposition HTML elements.
- * @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);
-        });
-      }
-    });
-    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);
-      });
-    }
-    else {
-      cancelAnimationFrame(el.kupDynamicPosition.rAF);
-      return;
-    }
-  }
-}
+import { kupDynamicPositionActiveClass, kupDynamicPositionAnchorAttribute, kupDynamicPositionAttribute, } from './kup-dynamic-position-declarations';
+import { KupDynamicPositionPlacement } from './kup-dynamic-position-declarations';
+const dom = document.documentElement;
+/**
+ * This class is used to dynamically reposition HTML elements.
+ * @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);
+        });
+      }
+    });
+    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);
+      });
+    }
+    else {
+      cancelAnimationFrame(el.kupDynamicPosition.rAF);
+      return;
+    }
+  }
+}

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

@@ -1,49 +1,49 @@
-/**
- * HTML Attribute attached to dialogs.
- * Referenced by kup-theme.css
- */
-export const kupDialogAttribute = 'kup-dialog';
-/**
- * CSS class attached to resizable dialogs.
- * Referenced by kup-theme.css
- */
-export const kupDialogResizableClass = 'kup-resizable';
-/**
- * Drag & drop variables.
- */
-export const kupDropEvent = 'kup-drop';
-export const kupDragActiveAttr = 'kup-drag-active';
-export const kupDragOverAttr = 'kup-drag-over';
-export const kupDraggableAttr = 'kup-draggable';
-export const kupDraggableCellAttr = 'kup-draggable-cell';
-export const kupDraggableColumnAttr = 'kup-draggable-column';
-export const kupDraggableRowAttr = 'kup-draggable-row';
-/**
- * Available effects fro dragging.
- */
-export var KupDragEffect;
-(function (KupDragEffect) {
-  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 || (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 || (KupDropEventTypes = {}));
+/**
+ * HTML Attribute attached to dialogs.
+ * Referenced by kup-theme.css
+ */
+export const kupDialogAttribute = 'kup-dialog';
+/**
+ * CSS class attached to resizable dialogs.
+ * Referenced by kup-theme.css
+ */
+export const kupDialogResizableClass = 'kup-resizable';
+/**
+ * Drag & drop variables.
+ */
+export const kupDropEvent = 'kup-drop';
+export const kupDragActiveAttr = 'kup-drag-active';
+export const kupDragOverAttr = 'kup-drag-over';
+export const kupDraggableAttr = 'kup-draggable';
+export const kupDraggableCellAttr = 'kup-draggable-cell';
+export const kupDraggableColumnAttr = 'kup-draggable-column';
+export const kupDraggableRowAttr = 'kup-draggable-row';
+/**
+ * Available effects fro dragging.
+ */
+export var KupDragEffect;
+(function (KupDragEffect) {
+  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 || (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 || (KupDropEventTypes = {}));