@sme.up/ketchup 4.0.0 → 4.2.0

package/dist/collection/utils/kup-language/kup-language.js

@@ -60,7 +60,7 @@ export class KupLanguage {
     }
   }
   /**
-   * Changes the current Ketch.UP language to the one provided. If the language argument contains a "_", a combo of language and variant will be assumed.
+   * Changes the current Ketchup language to the one provided. If the language argument contains a "_", a combo of language and variant will be assumed.
    * @param {string} language - The new language. If not present in this.list, this function will keep the previous language.
    */
   set(language) {

package/dist/collection/utils/kup-manager/kup-manager.js

@@ -1,6 +1,6 @@
 import { KupDebug } from '../kup-debug/kup-debug';
-import { KupDialog } from '../kup-dialog/kup-dialog';
 import { KupDynamicPosition } from '../kup-dynamic-position/kup-dynamic-position';
+import { KupInteract } from '../kup-interact/kup-interact';
 import { KupLanguage } from '../kup-language/kup-language';
 import { KupObjects } from '../kup-objects/kup-objects';
 import { KupScrollOnHover } from '../kup-scroll-on-hover/kup-scroll-on-hover';
@@ -11,9 +11,10 @@ import { KupLanguageDefaults, } from '../kup-language/kup-language-declarations'
 import { KupDates } from '../kup-dates/kup-dates';
 import { KupDatesLocales } from '../kup-dates/kup-dates-declarations';
 import { KupDebugCategory } from '../kup-debug/kup-debug-declarations';
+import { KupSearch } from '../kup-search/kup-search';
 const dom = document.documentElement;
 /**
- * This class controls every other Ketch.UP utility suite.
+ * This class controls every other Ketchup utility suite.
  * @module KupManager
  */
 export class KupManager {
@@ -21,11 +22,11 @@ export class KupManager {
    * Initializes KupManager.
    */
   constructor(overrides) {
-    let datesLocale = null, debugActive = null, debugAutoprint = null, debugLogLimit = null, dialogZIndex = null, languageList = null, languageName = null, objectsList = null, scrollOnHoverDelay = null, scrollOnHoverStep = null, themeList = null, themeName = null;
+    let datesLocale = null, debugActive = null, debugAutoprint = null, debugLogLimit = null, dialogRestrictContainer = null, dialogZIndex = null, languageList = null, languageName = null, objectsList = null, scrollOnHoverDelay = null, scrollOnHoverStep = null, themeList = null, themeName = null;
     if (overrides) {
       const dates = overrides.dates;
       const debug = overrides.debug;
-      const dialog = overrides.dialog;
+      const interact = overrides.interact;
       const language = overrides.language;
       const objects = overrides.objects;
       const scrollOnHover = overrides.scrollOnHover;
@@ -38,8 +39,11 @@ export class KupManager {
         debugAutoprint = debug.autoPrint ? debug.autoPrint : null;
         debugLogLimit = debug.logLimit ? debug.logLimit : null;
       }
-      if (dialog) {
-        dialogZIndex = dialog.zIndex ? dialog.zIndex : null;
+      if (interact) {
+        dialogRestrictContainer = interact.restrictContainer
+          ? dialogRestrictContainer
+          : null;
+        dialogZIndex = interact.zIndex ? interact.zIndex : null;
       }
       if (language) {
         languageList = language.list ? language.list : null;
@@ -63,8 +67,8 @@ export class KupManager {
     }
     this.dates = new KupDates(datesLocale);
     this.debug = new KupDebug(debugActive, debugAutoprint, debugLogLimit);
-    this.dialog = new KupDialog(dialogZIndex);
     this.dynamicPosition = new KupDynamicPosition();
+    this.interact = new KupInteract(dialogZIndex, dialogRestrictContainer);
     this.language = new KupLanguage(languageList, languageName);
     this.magicBox = null;
     this.overrides = overrides ? overrides : null;
@@ -86,8 +90,9 @@ export class KupManager {
       });
     });
     this.scrollOnHover = new KupScrollOnHover(scrollOnHoverDelay, scrollOnHoverStep);
+    this.search = new KupSearch();
     this.utilities = {
-      lastPointerDownPath: null,
+      clickCallbacks: new Set(),
       lastPointerDownString: null,
     };
     this.theme = new KupTheme(themeList, themeName);
@@ -95,7 +100,6 @@ export class KupManager {
     document.addEventListener('pointerdown', (e) => {
       const paths = e.composedPath();
       const lastString = paths[0].innerText || paths[0].value;
-      this.utilities.lastPointerDownPath = paths;
       this.utilities.lastPointerDownString = lastString;
       if (lastString) {
         document.dispatchEvent(new CustomEvent('kup-manager-stringfinder', {
@@ -104,6 +108,17 @@ export class KupManager {
         }));
       }
     });
+    document.addEventListener('click', (e) => {
+      const paths = e.composedPath();
+      this.utilities.clickCallbacks.forEach((obj) => {
+        if (obj &&
+          obj.el &&
+          obj.el.isConnected &&
+          !paths.includes(obj.el)) {
+          obj.cb();
+        }
+      });
+    });
   }
   /**
    * Creates kup-magic-box component.
@@ -156,9 +171,31 @@ export class KupManager {
     this.dates.setLocale(locale);
     this.language.set(KupLanguageDefaults[locale]);
   }
+  /**
+   * Adds a new click callback.
+   * @param {KupManagerClickCb} cb - The callback to add.
+   * @param {boolean} async - When true, the callback will be added asynchrounously to prevent instant firing if it was added through a click event.
+   */
+  addClickCallback(cb, async) {
+    if (async) {
+      setTimeout(() => {
+        this.utilities.clickCallbacks.add(cb);
+      }, 0);
+    }
+    else {
+      this.utilities.clickCallbacks.add(cb);
+    }
+  }
+  /**
+   * Removes the given click callback.
+   * @param {KupManagerClickCb} cb - The callback to remove.
+   */
+  removeClickCallback(cb) {
+    this.utilities.clickCallbacks.delete(cb);
+  }
 }
 /**
- * Called by the Ketch.UP components to retrieve the instance of KupManager (or creating a new one when missing).
+ * Called by the Ketchup components to retrieve the instance of KupManager (or creating a new one when missing).
  * @returns {KupManager} KupManager instance.
  */
 export function kupManagerInstance() {

package/dist/collection/utils/kup-objects/kup-objects.js

@@ -1,7 +1,5 @@
-import { KupDates } from '../kup-dates/kup-dates';
 import * as objJson from './obj.json';
 const dom = document.documentElement;
-const kupDates = dom.ketchup ? dom.ketchup.dates : new KupDates();
 /**
  * Handles objects definition and validation.
  * @module KupObjects
@@ -48,42 +46,18 @@ export class KupObjects {
    * @returns {boolean} True when the object has extra columns.
    */
   canObjHaveExtraColumns(obj) {
-    if (!obj)
-      return false;
-    if (!obj.t ||
-      obj.t.trim() == '' ||
-      obj.t.trim() == '**') {
+    if (this.isEmptyKupObj(obj)) {
       return false;
     }
-    return (!this.isBar(obj) &&
-      !this.isButton(obj) &&
-      !this.isCheckbox(obj) &&
-      !this.isIcon(obj) &&
-      !this.isImage(obj) &&
-      !this.isLink(obj) &&
-      !this.isProgressBar(obj) &&
-      !this.isRadio(obj) &&
-      !this.isVoCodver(obj) &&
-      !this.isChart(obj));
-  }
-  /**
-   * Checks whether the object can have a related tooltip or not.
-   * @param {KupObj} obj - Object to check.
-   * @returns {boolean} True when the object can have a related tooltip.
-   */
-  hasTooltip(obj) {
-    if (!obj)
-      return false;
-    if (obj.t == null || obj.t.trim() == '')
+    if (obj.t.trim() == '**') {
       return false;
+    }
     return (!this.isBar(obj) &&
       !this.isButton(obj) &&
       !this.isCheckbox(obj) &&
       !this.isIcon(obj) &&
       !this.isImage(obj) &&
       !this.isLink(obj) &&
-      !this.isNumber(obj) &&
-      !this.isPercentage(obj) &&
       !this.isProgressBar(obj) &&
       !this.isRadio(obj) &&
       !this.isVoCodver(obj) &&
@@ -310,10 +284,12 @@ export class KupObjects {
    * @param {KupObj} obj - Object to check.
    * @returns {boolean} True when the object is null or empty.
    */
-  isEmptySmeupObject(obj) {
+  isEmptyKupObj(obj) {
     if (!obj)
       return true;
-    return obj.t.trim() == '' && obj.p.trim() == '' && obj.k.trim() == '';
+    return ((!obj.t || obj.t.trim() == '') &&
+      (!obj.p || obj.p.trim() == '') &&
+      (!obj.k || obj.k.trim() == ''));
   }
   /**
    * Parses a date depending on the object's type.
@@ -322,8 +298,8 @@ export class KupObjects {
    */
   parseDate(obj) {
     if (obj.t === 'D8' && obj.p === '*DMYY') {
-      return kupDates.toDayjs(obj.k, 'DDMMYYYY');
+      return dom.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
     }
-    return kupDates.toDayjs(obj.k);
+    return dom.ketchup.dates.toDayjs(obj.k);
   }
 }

package/dist/collection/utils/kup-scroll-on-hover/kup-scroll-on-hover.js

@@ -1,17 +1,15 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, privateMap, value) {
-  if (!privateMap.has(receiver)) {
-    throw new TypeError("attempted to set private field on non-instance");
-  }
-  privateMap.set(receiver, value);
-  return value;
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, privateMap) {
-  if (!privateMap.has(receiver)) {
-    throw new TypeError("attempted to get private field on non-instance");
-  }
-  return privateMap.get(receiver);
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _arrowsContainer, _leftArrows, _rightArrows, _scrollEvent, _mousemoveEvent, _mouseleaveEvent, _rAF, _timeout;
+var _KupScrollOnHover_arrowsContainer, _KupScrollOnHover_leftArrows, _KupScrollOnHover_rightArrows, _KupScrollOnHover_scrollEvent, _KupScrollOnHover_mousemoveEvent, _KupScrollOnHover_mouseleaveEvent, _KupScrollOnHover_rAF, _KupScrollOnHover_timeout;
 import { ScrollOnHoverDirection, } from './kup-scroll-on-hover-declarations';
 const dom = document.documentElement;
 /**
@@ -25,40 +23,40 @@ export class KupScrollOnHover {
    * @param {number} step - The amount in pixels for each scroll recursion.
    */
   constructor(delay, step) {
-    _arrowsContainer.set(this, void 0);
-    _leftArrows.set(this, void 0);
-    _rightArrows.set(this, void 0);
-    _scrollEvent.set(this, void 0);
-    _mousemoveEvent.set(this, void 0);
-    _mouseleaveEvent.set(this, void 0);
-    _rAF.set(this, void 0);
-    _timeout.set(this, void 0);
+    _KupScrollOnHover_arrowsContainer.set(this, void 0);
+    _KupScrollOnHover_leftArrows.set(this, void 0);
+    _KupScrollOnHover_rightArrows.set(this, void 0);
+    _KupScrollOnHover_scrollEvent.set(this, void 0);
+    _KupScrollOnHover_mousemoveEvent.set(this, void 0);
+    _KupScrollOnHover_mouseleaveEvent.set(this, void 0);
+    _KupScrollOnHover_rAF.set(this, void 0);
+    _KupScrollOnHover_timeout.set(this, void 0);
     this.delay = delay ? delay : 500;
     this.managedElements = new Set();
     this.step = step ? step : 50;
-    __classPrivateFieldSet(this, _arrowsContainer, document.createElement('div'));
-    __classPrivateFieldSet(this, _leftArrows, []);
-    __classPrivateFieldSet(this, _mouseleaveEvent, (event) => this.stop(event.target));
-    __classPrivateFieldSet(this, _mousemoveEvent, (event) => this.start(event));
-    __classPrivateFieldSet(this, _rAF, null);
-    __classPrivateFieldSet(this, _rightArrows, []);
-    __classPrivateFieldSet(this, _scrollEvent, (event) => this.updateChildren(event.target));
-    __classPrivateFieldSet(this, _timeout, null);
-    __classPrivateFieldGet(this, _arrowsContainer).id = 'kup-scrolling-arrows';
+    __classPrivateFieldSet(this, _KupScrollOnHover_arrowsContainer, document.createElement('div'), "f");
+    __classPrivateFieldSet(this, _KupScrollOnHover_leftArrows, [], "f");
+    __classPrivateFieldSet(this, _KupScrollOnHover_mouseleaveEvent, (event) => this.stop(event.target), "f");
+    __classPrivateFieldSet(this, _KupScrollOnHover_mousemoveEvent, (event) => this.start(event), "f");
+    __classPrivateFieldSet(this, _KupScrollOnHover_rAF, null, "f");
+    __classPrivateFieldSet(this, _KupScrollOnHover_rightArrows, [], "f");
+    __classPrivateFieldSet(this, _KupScrollOnHover_scrollEvent, (event) => this.updateChildren(event.target), "f");
+    __classPrivateFieldSet(this, _KupScrollOnHover_timeout, null, "f");
+    __classPrivateFieldGet(this, _KupScrollOnHover_arrowsContainer, "f").id = 'kup-scrolling-arrows';
     for (let index = 1; index < 4; index++) {
       const arrow = document.createElement('div');
       arrow.setAttribute('class', 'kup-left-scrolling-arrow kup-arrow-' + index);
-      __classPrivateFieldGet(this, _leftArrows).push(arrow);
+      __classPrivateFieldGet(this, _KupScrollOnHover_leftArrows, "f").push(arrow);
     }
     for (let index = 1; index < 4; index++) {
       const arrow = document.createElement('div');
       arrow.setAttribute('class', 'kup-right-scrolling-arrow kup-arrow-' + index);
-      __classPrivateFieldGet(this, _rightArrows).push(arrow);
+      __classPrivateFieldGet(this, _KupScrollOnHover_rightArrows, "f").push(arrow);
     }
-    __classPrivateFieldGet(this, _arrowsContainer).append(__classPrivateFieldGet(this, _leftArrows)[2], __classPrivateFieldGet(this, _leftArrows)[1], __classPrivateFieldGet(this, _leftArrows)[0], __classPrivateFieldGet(this, _rightArrows)[0], __classPrivateFieldGet(this, _rightArrows)[1], __classPrivateFieldGet(this, _rightArrows)[2]);
+    __classPrivateFieldGet(this, _KupScrollOnHover_arrowsContainer, "f").append(__classPrivateFieldGet(this, _KupScrollOnHover_leftArrows, "f")[2], __classPrivateFieldGet(this, _KupScrollOnHover_leftArrows, "f")[1], __classPrivateFieldGet(this, _KupScrollOnHover_leftArrows, "f")[0], __classPrivateFieldGet(this, _KupScrollOnHover_rightArrows, "f")[0], __classPrivateFieldGet(this, _KupScrollOnHover_rightArrows, "f")[1], __classPrivateFieldGet(this, _KupScrollOnHover_rightArrows, "f")[2]);
     this.container = document.createElement('div');
     this.container.setAttribute('kup-scroll-on-hover', '');
-    this.container.appendChild(__classPrivateFieldGet(this, _arrowsContainer));
+    this.container.appendChild(__classPrivateFieldGet(this, _KupScrollOnHover_arrowsContainer, "f"));
     document.body.appendChild(this.container);
   }
   /**
@@ -76,10 +74,10 @@ export class KupScrollOnHover {
       y: 0,
     };
     if (el.scrollOnHover.children) {
-      el.addEventListener('scroll', __classPrivateFieldGet(this, _scrollEvent));
+      el.addEventListener('scroll', __classPrivateFieldGet(this, _KupScrollOnHover_scrollEvent, "f"));
     }
-    el.addEventListener('mousemove', __classPrivateFieldGet(this, _mousemoveEvent));
-    el.addEventListener('mouseleave', __classPrivateFieldGet(this, _mouseleaveEvent));
+    el.addEventListener('mousemove', __classPrivateFieldGet(this, _KupScrollOnHover_mousemoveEvent, "f"));
+    el.addEventListener('mouseleave', __classPrivateFieldGet(this, _KupScrollOnHover_mouseleaveEvent, "f"));
     this.managedElements.add(el);
   }
   /**
@@ -87,9 +85,9 @@ export class KupScrollOnHover {
    * @param {KupScrollOnHoverElement} el - Element to unregister.
    */
   unregister(el) {
-    el.removeEventListener('scroll', __classPrivateFieldGet(this, _scrollEvent));
-    el.removeEventListener('mousemove', __classPrivateFieldGet(this, _mousemoveEvent));
-    el.removeEventListener('mouseleave', __classPrivateFieldGet(this, _mouseleaveEvent));
+    el.removeEventListener('scroll', __classPrivateFieldGet(this, _KupScrollOnHover_scrollEvent, "f"));
+    el.removeEventListener('mousemove', __classPrivateFieldGet(this, _KupScrollOnHover_mousemoveEvent, "f"));
+    el.removeEventListener('mouseleave', __classPrivateFieldGet(this, _KupScrollOnHover_mouseleaveEvent, "f"));
     if (this.managedElements) {
       this.managedElements.delete(el);
     }
@@ -111,9 +109,9 @@ export class KupScrollOnHover {
     el.scrollOnHover.rect = el.getBoundingClientRect();
     el.scrollOnHover.x = event.clientX;
     el.scrollOnHover.y = event.clientY;
-    __classPrivateFieldGet(this, _arrowsContainer).style.left = event.clientX + 'px';
-    __classPrivateFieldGet(this, _arrowsContainer).style.top = event.clientY + 'px';
-    if (el.scrollOnHover.active || __classPrivateFieldGet(this, _timeout)) {
+    __classPrivateFieldGet(this, _KupScrollOnHover_arrowsContainer, "f").style.left = event.clientX + 'px';
+    __classPrivateFieldGet(this, _KupScrollOnHover_arrowsContainer, "f").style.top = event.clientY + 'px';
+    if (el.scrollOnHover.active || __classPrivateFieldGet(this, _KupScrollOnHover_timeout, "f")) {
       return;
     }
     let trueWidth = el.clientWidth;
@@ -135,18 +133,18 @@ export class KupScrollOnHover {
         if (direction) {
           for (let i = 0; i < 3; i++) {
             if (direction === ScrollOnHoverDirection.LEFT) {
-              __classPrivateFieldGet(this, _leftArrows)[i].classList.add('kup-activated');
+              __classPrivateFieldGet(this, _KupScrollOnHover_leftArrows, "f")[i].classList.add('kup-activated');
             }
             else {
-              __classPrivateFieldGet(this, _rightArrows)[i].classList.add('kup-activated');
+              __classPrivateFieldGet(this, _KupScrollOnHover_rightArrows, "f")[i].classList.add('kup-activated');
             }
           }
-          __classPrivateFieldSet(this, _timeout, setTimeout(() => {
+          __classPrivateFieldSet(this, _KupScrollOnHover_timeout, setTimeout(() => {
             el.scrollOnHover.active = true;
-            __classPrivateFieldSet(this, _rAF, requestAnimationFrame(function () {
+            __classPrivateFieldSet(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
               dom.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
-            }));
-          }, this.delay));
+            }), "f");
+          }, this.delay), "f");
         }
       }
     }
@@ -157,16 +155,16 @@ export class KupScrollOnHover {
    */
   async stop(el) {
     el.scrollOnHover.active = false;
-    cancelAnimationFrame(__classPrivateFieldGet(this, _rAF));
-    clearTimeout(__classPrivateFieldGet(this, _timeout));
-    __classPrivateFieldSet(this, _timeout, null);
-    for (let i = 0; i < __classPrivateFieldGet(this, _leftArrows).length; i++) {
-      __classPrivateFieldGet(this, _leftArrows)[i].classList.remove('kup-activated');
-      __classPrivateFieldGet(this, _leftArrows)[i].classList.remove('kup-animated');
+    cancelAnimationFrame(__classPrivateFieldGet(this, _KupScrollOnHover_rAF, "f"));
+    clearTimeout(__classPrivateFieldGet(this, _KupScrollOnHover_timeout, "f"));
+    __classPrivateFieldSet(this, _KupScrollOnHover_timeout, null, "f");
+    for (let i = 0; i < __classPrivateFieldGet(this, _KupScrollOnHover_leftArrows, "f").length; i++) {
+      __classPrivateFieldGet(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-activated');
+      __classPrivateFieldGet(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-animated');
     }
-    for (let i = 0; i < __classPrivateFieldGet(this, _rightArrows).length; i++) {
-      __classPrivateFieldGet(this, _rightArrows)[i].classList.remove('kup-activated');
-      __classPrivateFieldGet(this, _rightArrows)[i].classList.remove('kup-animated');
+    for (let i = 0; i < __classPrivateFieldGet(this, _KupScrollOnHover_rightArrows, "f").length; i++) {
+      __classPrivateFieldGet(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-activated');
+      __classPrivateFieldGet(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-animated');
     }
   }
   /**
@@ -200,7 +198,7 @@ export class KupScrollOnHover {
     }
     let arrow;
     if (direction === ScrollOnHoverDirection.LEFT) {
-      arrow = __classPrivateFieldGet(this, _leftArrows);
+      arrow = __classPrivateFieldGet(this, _KupScrollOnHover_leftArrows, "f");
       if (el.scrollLeft === 0) {
         this.stop(el);
         return;
@@ -208,7 +206,7 @@ export class KupScrollOnHover {
       el.scrollLeft -= this.step;
     }
     else {
-      arrow = __classPrivateFieldGet(this, _rightArrows);
+      arrow = __classPrivateFieldGet(this, _KupScrollOnHover_rightArrows, "f");
       if (el.scrollLeft === maxScrollLeft) {
         this.stop(el);
         return;
@@ -218,9 +216,9 @@ export class KupScrollOnHover {
     for (let i = 0; i < arrow.length; i++) {
       arrow[i].classList.add('kup-animated');
     }
-    __classPrivateFieldSet(this, _rAF, requestAnimationFrame(function () {
+    __classPrivateFieldSet(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
       dom.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
-    }));
+    }), "f");
   }
   /**
    * Scrolls children of the element having the "hover-scrolling-child" class
@@ -232,4 +230,4 @@ export class KupScrollOnHover {
     }
   }
 }
-_arrowsContainer = new WeakMap(), _leftArrows = new WeakMap(), _rightArrows = new WeakMap(), _scrollEvent = new WeakMap(), _mousemoveEvent = new WeakMap(), _mouseleaveEvent = new WeakMap(), _rAF = new WeakMap(), _timeout = new WeakMap();
+_KupScrollOnHover_arrowsContainer = new WeakMap(), _KupScrollOnHover_leftArrows = new WeakMap(), _KupScrollOnHover_rightArrows = new WeakMap(), _KupScrollOnHover_scrollEvent = new WeakMap(), _KupScrollOnHover_mousemoveEvent = new WeakMap(), _KupScrollOnHover_mouseleaveEvent = new WeakMap(), _KupScrollOnHover_rAF = new WeakMap(), _KupScrollOnHover_timeout = new WeakMap();

package/dist/collection/utils/kup-search/kup-search-declarations.js

@@ -0,0 +1 @@
+export const searchStartEvent = 'kup-search-start';

package/dist/collection/utils/kup-search/kup-search.js

@@ -0,0 +1,75 @@
+import { KupCardFamily, } from '../../components/kup-card/kup-card-declarations';
+import { searchStartEvent, } from './kup-search-declarations';
+/**
+ * Handles operations and formatting of dates.
+ * @module KupSearch
+ */
+export class KupSearch {
+  /**
+   * Initializes KupSearch.
+   */
+  constructor() {
+    this.container = document.createElement('div');
+    this.container.setAttribute('kup-search', '');
+    document.body.appendChild(this.container);
+    this.activeCards = new Set();
+  }
+  /**
+   * Starts the search process.
+   * @param {Function} callback - The callback that must be invoked when the search is over.
+   * @param {Partial<KupCard>} props - The props of the search card. When missing, the search will display a spinner in place of the data table.
+   * @returns {HTMLKupCardElement} The search card created by this method.
+   */
+  start(callback, props) {
+    const card = document.createElement('kup-card');
+    card.data = {};
+    card.isMenu = true;
+    card.layoutFamily = KupCardFamily.DIALOG;
+    card.layoutNumber = 6;
+    card.menuVisible = false;
+    card.sizeX = '50vw';
+    card.sizeY = '50vh';
+    if (props) {
+      for (const key in props) {
+        const prop = props[key];
+        card[key] = prop;
+      }
+    }
+    else {
+      const e = new CustomEvent(searchStartEvent, {
+        bubbles: true,
+        cancelable: true,
+        detail: {
+          card: card,
+        },
+      });
+      document.dispatchEvent(e);
+    }
+    card.style.position = 'fixed';
+    card.style.left = '0';
+    card.style.top = '0';
+    this.activeCards.add(card);
+    card.addEventListener('kup-card-close', () => {
+      this.activeCards.delete(card);
+    });
+    card.addEventListener('kup-card-event', (e) => {
+      const cardDetail = e.detail;
+      const datatableDetail = cardDetail.event.detail;
+      if (cardDetail.event.type === 'kup-datatable-rowselected') {
+        callback(datatableDetail);
+        this.activeCards.delete(card);
+        card.remove();
+      }
+    });
+    card.addEventListener('kup-card-ready', () => {
+      const x = card.clientWidth / 2;
+      const y = card.clientHeight / 2;
+      card.setAttribute('data-x', x.toString());
+      card.setAttribute('data-y', y.toString());
+      card.style.transform = 'translate(' + x + 'px,' + y + 'px)';
+      card.menuVisible = true;
+    });
+    this.container.appendChild(card);
+    return card;
+  }
+}

package/dist/collection/utils/kup-theme/kup-theme-declarations.js

@@ -12,6 +12,7 @@ export var KupThemeColorValues;
   KupThemeColorValues["BACKGROUND"] = "--kup-background-color";
   KupThemeColorValues["NAV_BAR"] = "--kup-navbar-color";
   KupThemeColorValues["NAV_BAR_BACKGROUND"] = "--kup-navbar-background-color";
+  KupThemeColorValues["DRAWER"] = "--kup-drawer-color";
   KupThemeColorValues["DRAWER_BACKGROUND"] = "--kup-drawer-background-color";
   KupThemeColorValues["TEXT"] = "--kup-text-color";
   KupThemeColorValues["TEXT_ON_PRIMARY"] = "--kup-text-on-primary-color";

package/dist/collection/utils/kup-theme/kup-theme.js

@@ -1,5 +1,6 @@
 import { getAssetPath } from '@stencil/core';
 import * as themesJson from './themes.json';
+import * as globalCSS from '../../style/global.css';
 import * as themeCSS from './kup-theme.css';
 import { masterCustomStyle, } from './kup-theme-declarations';
 import { KupDebugCategory } from '../kup-debug/kup-debug-declarations';
@@ -175,13 +176,13 @@ export class KupTheme {
     }
   }
   /**
-   * Combines theme's and component's customStyles, returning the result.
+   * Combines global (style every component should have), theme's and component's customStyles, returning the result.
    * @param comp - The component calling this function.
    * @returns {string} Combined customStyle.
    */
-  setCustomStyle(comp) {
+  setKupStyle(comp) {
     const styles = this.list[this.name].customStyles;
-    let completeStyle = '';
+    let completeStyle = globalCSS['default'];
     if (styles && styles[masterCustomStyle]) {
       completeStyle += styles[masterCustomStyle];
     }

package/dist/collection/utils/kup-toolbar/kup-toolbar.js

@@ -1,17 +1,15 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, privateMap, value) {
-  if (!privateMap.has(receiver)) {
-    throw new TypeError("attempted to set private field on non-instance");
-  }
-  privateMap.set(receiver, value);
-  return value;
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, privateMap) {
-  if (!privateMap.has(receiver)) {
-    throw new TypeError("attempted to get private field on non-instance");
-  }
-  return privateMap.get(receiver);
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _keyEvent;
+var _KupToolbar_keyEvent;
 import { KupToolbarModifierKeys } from './kup-toolbar-declarations';
 const dom = document.documentElement;
 /**
@@ -23,14 +21,14 @@ export class KupToolbar {
    * Initializes KupToolbar.
    */
   constructor() {
-    _keyEvent.set(this, void 0);
+    _KupToolbar_keyEvent.set(this, void 0);
     this.active = false;
     this.managedElements = new Set();
     this.modifiers = [
       KupToolbarModifierKeys.ALT,
       KupToolbarModifierKeys.CTRL,
     ];
-    __classPrivateFieldSet(this, _keyEvent, function (e) {
+    __classPrivateFieldSet(this, _KupToolbar_keyEvent, function (e) {
       const toolbar = dom.ketchup.toolbar;
       if (toolbar.managedElements) {
         for (let index = 0; index < toolbar.modifiers.length; index++) {
@@ -52,9 +50,9 @@ export class KupToolbar {
         }
         toolbar.show();
       }
-    });
-    document.addEventListener('keydown', __classPrivateFieldGet(this, _keyEvent));
-    document.addEventListener('keyup', __classPrivateFieldGet(this, _keyEvent));
+    }, "f");
+    document.addEventListener('keydown', __classPrivateFieldGet(this, _KupToolbar_keyEvent, "f"));
+    document.addEventListener('keyup', __classPrivateFieldGet(this, _KupToolbar_keyEvent, "f"));
   }
   /**
    * Shows components' toolbar.
@@ -105,4 +103,4 @@ export class KupToolbar {
     return !this.managedElements ? false : this.managedElements.has(el);
   }
 }
-_keyEvent = new WeakMap();
+_KupToolbar_keyEvent = new WeakMap();