@sme.up/ketchup 4.3.0-SNAPSHOT → 5.1.0-SNAPSHOT

package/dist/collection/managers/kup-math/kup-math.js

@@ -0,0 +1,151 @@
+import numeral from 'numeral';
+import 'numeral/locales/chs';
+import 'numeral/locales/es';
+import 'numeral/locales/fr';
+import 'numeral/locales/it';
+import 'numeral/locales/pl';
+import 'numeral/locales/ru';
+import { KupDebugCategory } from '../kup-debug/kup-debug-declarations';
+import { KupMathLocales } from './kup-math-declarations';
+import { customFormula, normalDistributionFormula } from './kup-math-helper';
+const dom = document.documentElement;
+/**
+ * Handles mathematical operations and number formatting/conversion.
+ * @module KupMath
+ */
+export class KupMath {
+  /**
+   * Initializes KupMath.
+   */
+  constructor(locale) {
+    this.formulas = {
+      custom(formula, row) {
+        return customFormula(formula, row);
+      },
+      normalDistribution(average, variance, x) {
+        return normalDistributionFormula(average, variance, x);
+      },
+    };
+    this.locale = locale ? locale : KupMathLocales.en;
+    this.managedComponents = new Set();
+    this.numeral = numeral;
+    this.numeral.locale(this.locale);
+  }
+  /**
+   * Sets the locale of the numeral instance.
+   * @param {KupMathLocales} locale - Numeraljs locale string.
+   */
+  setLocale(locale) {
+    if (!KupMathLocales[locale]) {
+      locale = KupMathLocales.en;
+      dom.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
+    }
+    this.locale = locale;
+    this.numeral.locale(locale);
+    this.managedComponents.forEach(function (comp) {
+      if (comp.isConnected) {
+        comp.refresh();
+      }
+    });
+    document.dispatchEvent(new CustomEvent('kup-math-localechange'));
+  }
+  /**
+   * Calculates the normal distribution on a set of values.
+   * @param {string[] | number[] | String[]} values - Array of values.
+   * @param {number} precision - Number of iterations to run (points). When not specified, defaults to 201.
+   * @returns {number[][]} Returns an array of arrays containing numbers, which are the representation of the calculated normal distribution.
+   */
+  normalDistribution(values, precision) {
+    if (!precision) {
+      precision = 201;
+    }
+    const data = [];
+    let max = Math.max.apply(Math, values);
+    let min = Math.min.apply(Math, values);
+    let average = 0;
+    let variance = 0;
+    for (let index = 0; index < values.length; index++) {
+      const value = values[index];
+      average += this.numberify(value);
+    }
+    average = average / values.length;
+    for (let index = 0; index < values.length; index++) {
+      const value = values[index];
+      variance += Math.pow(this.numberify(value) - average, 2);
+    }
+    variance = variance / values.length;
+    if (!variance) {
+      variance = 0.001;
+    }
+    max = max + ((average / 100) * 50 + (variance / average) * 3);
+    min = min - ((average / 100) * 50 + (variance / average) * 3);
+    for (let i = 0; i < precision; i++) {
+      const x = ((max - min) * i) / precision + min;
+      data.push([
+        x,
+        this.formulas.normalDistribution(average, variance, x),
+      ]);
+    }
+    return data;
+  }
+  /**
+   * Formats the input number with the specified format of the currently set locale.
+   * @param {string | String | number} input - Input number which will be automatically "numberified".
+   * @param {string} format - Desired format. Defaults to '0,0.0' (i.e.: 2,000,000.51).
+   * @returns {string} Formatted number.
+   */
+  format(input, format) {
+    const n = this.numberify(input);
+    if (!format) {
+      const positiveN = Math.abs(n);
+      const decimals = positiveN - Math.floor(positiveN);
+      if (decimals) {
+        format = '0,0.0';
+      }
+      else {
+        format = '0,0';
+      }
+    }
+    const formatted = this.numeral(n).format(format);
+    return formatted;
+  }
+  /**
+   * Returns a number from a non-specified input type between string, number, or String.
+   * @param {string | String | number} input - Input value to numberify.
+   * @param {boolean} inputIsLocalized - Numberifies assuming the input string is in the current KupMath locale's format.
+   * @returns {number} Resulting number or NaN (when not a number).
+   */
+  numberify(input, inputIsLocalized) {
+    let n = NaN;
+    if (inputIsLocalized) {
+      n = this.numeral(input).value();
+    }
+    else {
+      const locale = this.numeral.locale();
+      this.numeral.locale(KupMathLocales.en);
+      n = this.numeral(input).value();
+      this.numeral.locale(locale);
+    }
+    if (n === null) {
+      return NaN;
+    }
+    return n;
+  }
+  /**
+   * Registers a KupComponent in KupMath, in order to be properly handled whenever the locale changes.
+   * @param {any} component - The Ketchup component to be registered.
+   */
+  register(component) {
+    this.managedComponents.add(component.rootElement);
+  }
+  /**
+   * Unregisters a KupComponent, so it won't be refreshed when the locale changes.
+   *
+   * @param {any} component - The component calling this function.
+   */
+  unregister(component) {
+    if (this.managedComponents) {
+      this.managedComponents.delete(component.rootElement);
+    }
+  }
+}

package/dist/collection/{utils → managers}/kup-objects/kup-objects.js

@@ -291,6 +291,21 @@ export class KupObjects {
       (!obj.p || obj.p.trim() == '') &&
       (!obj.k || obj.k.trim() == ''));
   }
+  /**
+   * Checks whether the arguments have the same object or not.
+   * @param {KupObj[]} objs - Array of KupObj.
+   * @returns {boolean} True when it's the same object.
+   */
+  isSameKupObj(objs) {
+    return objs.every((obj, _, array) => {
+      if (!this.isEmptyKupObj(obj)) {
+        return obj.t == array[0].t && obj.p == array[0].p;
+      }
+      else {
+        return false;
+      }
+    });
+  }
   /**
    * Parses a date depending on the object's type.
    * @param {KupObj} obj - Object to check.

package/dist/collection/{utils → managers}/kup-theme/kup-theme-declarations.js

@@ -1,7 +1,106 @@
+import { KupTagNames } from '../../types/GenericTypes';
 /**
  * Variable used to fetch the MASTER customStyle (used in every component).
  */
 export const masterCustomStyle = 'MASTER';
+/**
+ * Components using the FButton functional component.
+ */
+export const fButtonUsers = [
+  KupTagNames.BUTTON,
+  KupTagNames.BUTTON_LIST,
+  KupTagNames.BOX,
+  KupTagNames.CALENDAR,
+  KupTagNames.CARD,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.DROPDOWN_BUTTON,
+  KupTagNames.SNACKBAR,
+];
+/**
+ * Components using the FCell functional component.
+ */
+export const fCellUsers = [
+  KupTagNames.BOX,
+  KupTagNames.CELL,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the FCheckbox functional component.
+ */
+export const fCheckboxUsers = [
+  KupTagNames.BOX,
+  KupTagNames.CELL,
+  KupTagNames.CHECKBOX,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.LIST,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the FChip functional component.
+ */
+export const fChipUsers = [
+  KupTagNames.BOX,
+  KupTagNames.CALENDAR,
+  KupTagNames.CELL,
+  KupTagNames.CHIP,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the FImage functional component.
+ */
+export const fImageUsers = [
+  KupTagNames.ACCORDION,
+  KupTagNames.BADGE,
+  KupTagNames.BOX,
+  KupTagNames.BUTTON,
+  KupTagNames.BUTTON_LIST,
+  KupTagNames.CALENDAR,
+  KupTagNames.CARD,
+  KupTagNames.CELL,
+  KupTagNames.CHIP,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.DROPDOWN_BUTTON,
+  KupTagNames.IMAGE,
+  KupTagNames.LIST,
+  KupTagNames.MAGIC_BOX,
+  KupTagNames.SNACKBAR,
+  KupTagNames.TAB_BAR,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the FPaginator functional component.
+ */
+export const fPaginatorUsers = [KupTagNames.BOX, KupTagNames.DATA_TABLE];
+/**
+ * Components using the FSwitch functional component.
+ */
+export const fSwitchUsers = [KupTagNames.SWITCH];
+/**
+ * Components using the FTextField functional component.
+ */
+export const fTextFieldUsers = [
+  KupTagNames.AUTOCOMPLETE,
+  KupTagNames.BOX,
+  KupTagNames.CELL,
+  KupTagNames.COLOR_PICKER,
+  KupTagNames.COMBOBOX,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.DATE_PICKER,
+  KupTagNames.TEXT_FIELD,
+  KupTagNames.TIME_PICKER,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the MDC ripple effect.
+ */
+export const rippleUsers = [
+  KupTagNames.ACCORDION,
+  KupTagNames.CARD,
+  KupTagNames.TAB_BAR,
+  KupTagNames.TREE,
+];
 /**
  * List of all colors.
  */

package/dist/collection/{utils → managers}/kup-theme/kup-theme.js

@@ -1,8 +1,17 @@
 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 * as applicationCSS from './kup-theme-application.css';
+import * as componentCSS from './kup-theme-component.css';
+import * as fButtonCSS from '../../f-components/f-button/f-button.css';
+import * as fCellCSS from '../../f-components/f-cell/f-cell.css';
+import * as fCheckboxCSS from '../../f-components/f-checkbox/f-checkbox.css';
+import * as fChipCSS from '../../f-components/f-chip/f-chip.css';
+import * as fImageCSS from '../../f-components/f-image/f-image.css';
+import * as fPaginatorCSS from '../../f-components/f-paginator/f-paginator.css';
+import * as fSwitchCSS from '../../f-components/f-switch/f-switch.css';
+import * as fTextFieldCSS from '../../f-components/f-text-field/f-text-field.css';
+import * as rippleCSS from './mdc-ripple.css';
+import { fButtonUsers, fCellUsers, fCheckboxUsers, fChipUsers, fImageUsers, fPaginatorUsers, fSwitchUsers, fTextFieldUsers, masterCustomStyle, rippleUsers, } from './kup-theme-declarations';
 import { KupDebugCategory } from '../kup-debug/kup-debug-declarations';
 const dom = document.documentElement;
 /**
@@ -22,51 +31,6 @@ export class KupTheme {
       .querySelector('head')
       .appendChild(document.createElement('style'));
   }
-  /**
-   * Sets the theme using this.name or the function's argument.
-   * @param {string} name - When present, this theme will be set.
-   */
-  set(name, list) {
-    if (name) {
-      this.name = name;
-    }
-    if (list) {
-      this.list = list;
-    }
-    dom.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
-    if (!this.list[this.name]) {
-      dom.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
-      this.name = 'ketchup';
-    }
-    this.cssVars = {};
-    this.styleTag.innerText =
-      this.imports() +
-        ' :root[kup-theme="' +
-        this.name +
-        '"]{' +
-        this.cssVariables() +
-        this.icons() +
-        '}' +
-        themeCSS['default'];
-    this.customStyle();
-    document.documentElement.setAttribute('kup-theme', this.name);
-    document.dispatchEvent(new CustomEvent('kup-theme-change'));
-  }
-  /**
-   * Gets the name of available themes (filters out themes named "test").
-   * @returns {Array<string>} Array of themes' names.
-   */
-  getThemes() {
-    const themes = [];
-    for (var key in this.list) {
-      if (this.list.hasOwnProperty(key)) {
-        if (key !== 'test') {
-          themes.push(key);
-        }
-      }
-    }
-    return themes;
-  }
   /**
    * Sets the CSS variables of the theme.
    */
@@ -139,6 +103,49 @@ export class KupTheme {
       }
     });
   }
+  /**
+   * Sets the theme using this.name or the function's argument.
+   * @param {string} name - When present, this theme will be set.
+   */
+  set(name, list) {
+    if (name) {
+      this.name = name;
+    }
+    if (list) {
+      this.list = list;
+    }
+    dom.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
+    if (!this.list[this.name]) {
+      dom.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
+      this.name = 'ketchup';
+    }
+    this.cssVars = {};
+    this.styleTag.innerText =
+      this.imports() +
+        ' :root[kup-theme="' +
+        this.name +
+        '"]{' +
+        this.cssVariables() +
+        this.icons() +
+        '}' +
+        applicationCSS['default'];
+    this.customStyle();
+    document.documentElement.setAttribute('kup-theme', this.name);
+    document.dispatchEvent(new CustomEvent('kup-theme-change'));
+  }
+  /**
+   * Gets the name of available themes.
+   * @returns {Array<string>} Array of themes' names.
+   */
+  getThemes() {
+    const themes = [];
+    for (var key in this.list) {
+      if (this.list.hasOwnProperty(key)) {
+        themes.push(key);
+      }
+    }
+    return themes;
+  }
   /**
    * This method will just refresh the current theme.
    */
@@ -160,14 +167,14 @@ export class KupTheme {
     }
   }
   /**
-   * Registers a KupComponent in KupTheme, in order to be properly handled whenever the theme changes.
+   * Registers a KupComponent in KupTheme, in order to be properly refreshed whenever the theme changes.
    * @param {any} comp - The component calling this function.
    */
   register(comp) {
     this.managedComponents.add(comp.rootElement);
   }
   /**
-   * Unregisters a KupComponent, so it won't be handled when the theme changes.
+   * Unregisters a KupComponent, so it won't be refreshed when the theme changes.
    * @param {any} comp - The component calling this function.
    */
   unregister(comp) {
@@ -182,7 +189,8 @@ export class KupTheme {
    */
   setKupStyle(comp) {
     const styles = this.list[this.name].customStyles;
-    let completeStyle = globalCSS['default'];
+    const tagName = comp.tagName;
+    let completeStyle = componentCSS['default'];
     if (styles && styles[masterCustomStyle]) {
       completeStyle += styles[masterCustomStyle];
     }
@@ -192,6 +200,35 @@ export class KupTheme {
     if (comp.customStyle) {
       completeStyle += ' ' + comp.customStyle;
     }
+    if (tagName) {
+      if (fButtonUsers.includes(tagName)) {
+        completeStyle += fButtonCSS['default'];
+      }
+      if (fCellUsers.includes(tagName)) {
+        completeStyle += fCellCSS['default'];
+      }
+      if (fCheckboxUsers.includes(tagName)) {
+        completeStyle += fCheckboxCSS['default'];
+      }
+      if (fChipUsers.includes(tagName)) {
+        completeStyle += fChipCSS['default'];
+      }
+      if (fImageUsers.includes(tagName)) {
+        completeStyle += fImageCSS['default'];
+      }
+      if (fPaginatorUsers.includes(tagName)) {
+        completeStyle += fPaginatorCSS['default'];
+      }
+      if (fSwitchUsers.includes(tagName)) {
+        completeStyle += fSwitchCSS['default'];
+      }
+      if (fTextFieldUsers.includes(tagName)) {
+        completeStyle += fTextFieldCSS['default'];
+      }
+      if (rippleUsers.includes(tagName)) {
+        completeStyle += rippleCSS['default'];
+      }
+    }
     return completeStyle ? completeStyle : null;
   }
   /**
@@ -226,7 +263,7 @@ export class KupTheme {
       randomChannel(brightness));
   }
   /**
-   * Sets a random theme between those specified in this.list (excludes "print" and "test").
+   * Sets a random theme between those specified in this.list (excludes "print" and "test") and different from the currently used one.
    */
   randomTheme() {
     let themes = [];
@@ -238,15 +275,19 @@ export class KupTheme {
       }
     }
     if (themes.length > 0) {
-      this.set(themes[Math.floor(Math.random() * Math.floor(themes.length))]);
+      let index = null;
+      while (index === null || themes[index] === this.name) {
+        index = Math.floor(Math.random() * Math.floor(themes.length));
+      }
+      this.set(themes[index]);
     }
     else {
       dom.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", KupDebugCategory.WARNING);
     }
   }
   /**
-   * Returns HEX, RGB and RGB values from a given color.
-   * @param {string} color - Color.
+   * Returns HEX, RGB, HSL, HSL values and RGB values from a given color.
+   * @param {string} color - Input color.
    * @returns {KupThemeColor} Object of color values: hexColor ("#ffffff"), hslColor ("hsl(255,100%,100%)"), hslValues ("255,100%,100%"), rgbColor ("rgb(255,255,255)") and rgbValues ("255,255,255").
    */
   colorCheck(color) {
@@ -257,14 +298,20 @@ export class KupTheme {
         color +
         ' (theme background).');
     }
-    let isHex = color.substr(0, 1) === '#';
-    const isHsl = color.substr(0, 3).toLowerCase() === 'hsl';
-    const isRgb = color.substr(0, 3).toLowerCase() === 'rgb';
+    const altRgbRe = /R(\d{1,3})G(\d{1,3})B(\d{1,3})/;
+    const altRgb = altRgbRe.test(color);
+    if (altRgb) {
+      const parts = color.match(altRgbRe);
+      color = 'rgb(' + parts[1] + ',' + parts[2] + ',' + parts[3] + ')';
+    }
+    let isHex = color.substring(0, 1) === '#';
+    const isHsl = color.substring(0, 3).toLowerCase() === 'hsl';
+    const isRgb = color.substring(0, 3).toLowerCase() === 'rgb';
     //If true, supposedly it's a code word
     if (!isHex && !isHsl && !isRgb) {
       const oldColor = color;
       color = this.codeToHex(color);
-      isHex = color.substr(0, 1) === '#' ? true : false;
+      isHex = color.substring(0, 1) === '#' ? true : false;
       dom.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
         oldColor +
         ', converted to ' +
@@ -273,6 +320,7 @@ export class KupTheme {
     }
     //Testing whether the color is "hex" value or "hsl"
     let hexColor = null;
+    let rgbColor = null;
     let hslColor = null;
     let hslValues = null;
     let hue = null;
@@ -280,10 +328,10 @@ export class KupTheme {
     let saturation = null;
     if (isHex || isHsl) {
       const oldColor = color;
-      let rgbColor = null;
+      let rgbColorObj = null;
       if (isHex) {
         hexColor = color;
-        rgbColor = this.hexToRgb(color);
+        rgbColorObj = this.hexToRgb(color);
       }
       else {
         hslColor = color;
@@ -296,19 +344,19 @@ export class KupTheme {
         const h = parseInt(hue.replace('deg', ''));
         const s = parseInt(saturation.replace('%', '')) / 100;
         const l = parseInt(lightness.replace('%', '')) / 100;
-        rgbColor = this.hslToRgb(h, s, l);
+        rgbColorObj = this.hslToRgb(h, s, l);
       }
       try {
         color =
           'rgb(' +
-            rgbColor.r +
+            rgbColorObj.r +
             ',' +
-            rgbColor.g +
+            rgbColorObj.g +
             ',' +
-            rgbColor.b +
+            rgbColorObj.b +
             ')';
         if (isHex) {
-          const hsl = this.rgbToHsl(rgbColor.r, rgbColor.g, rgbColor.b);
+          const hsl = this.rgbToHsl(rgbColorObj.r, rgbColorObj.g, rgbColorObj.b);
           hue = hsl.h.toString();
           saturation = hsl.s.toString() + '%';
           lightness = hsl.l.toString() + '%';
@@ -316,7 +364,7 @@ export class KupTheme {
           hslColor = 'hsl(' + hslValues + ')';
         }
         else {
-          hexColor = this.rgbToHex(rgbColor.r, rgbColor.g, rgbColor.b);
+          hexColor = this.rgbToHex(rgbColorObj.r, rgbColorObj.g, rgbColorObj.b);
         }
         dom.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
           oldColor +
@@ -332,6 +380,7 @@ export class KupTheme {
     const values = color.match(/rgba?\((\d{1,3}), ?(\d{1,3}), ?(\d{1,3})\)?(?:, ?(\d(?:\.\d?))\))?/);
     try {
       rgbValues = values[1] + ',' + values[2] + ',' + values[3];
+      rgbColor = color;
     }
     catch (error) {
       dom.ketchup.debug.logMessage('theme-manager', 'Color not converted to rgb values: ' + color + '.');
@@ -364,7 +413,7 @@ export class KupTheme {
       hue: hue,
       lightness: lightness,
       saturation: saturation,
-      rgbColor: color,
+      rgbColor: rgbColor,
       rgbValues: rgbValues,
     };
   }

package/dist/collection/types/GenericTypes.js

@@ -1 +1,48 @@
-export {};
+/**
+ * Ketchup elements tag names.
+ */
+export var KupTagNames;
+(function (KupTagNames) {
+  KupTagNames["ACCORDION"] = "KUP-ACCORDION";
+  KupTagNames["AUTOCOMPLETE"] = "KUP-AUTOCOMPLETE";
+  KupTagNames["BADGE"] = "KUP-BADGE";
+  KupTagNames["BOX"] = "KUP-BOX";
+  KupTagNames["BUTTON"] = "KUP-BUTTON";
+  KupTagNames["BUTTON_LIST"] = "KUP-BUTTON-LIST";
+  KupTagNames["CALENDAR"] = "KUP-CALENDAR";
+  KupTagNames["CARD"] = "KUP-CARD";
+  KupTagNames["CELL"] = "KUP-CELL";
+  KupTagNames["CHART"] = "KUP-CHART";
+  KupTagNames["CHECKBOX"] = "KUP-CHECKBOX";
+  KupTagNames["CHIP"] = "KUP-CHIP";
+  KupTagNames["COLOR_PICKER"] = "KUP-COLOR-PICKER";
+  KupTagNames["COMBOBOX"] = "KUP-COMBOBOX";
+  KupTagNames["DASH"] = "KUP-DASH";
+  KupTagNames["DASH_LIST"] = "KUP-DASH-LIST";
+  KupTagNames["DATA_TABLE"] = "KUP-DATA-TABLE";
+  KupTagNames["DATE_PICKER"] = "KUP-DATE-PICKER";
+  KupTagNames["DRAWER"] = "KUP-DRAWER";
+  KupTagNames["DROPDOWN_BUTTON"] = "KUP-DROPDOWN-BUTTON";
+  KupTagNames["FIELD"] = "KUP-FIELD";
+  KupTagNames["GAUGE"] = "KUP-GAUGE";
+  KupTagNames["GRID"] = "KUP-GRID";
+  KupTagNames["IFRAME"] = "KUP-IFRAME";
+  KupTagNames["IMAGE"] = "KUP-IMAGE";
+  KupTagNames["LAZY"] = "KUP-LAZY";
+  KupTagNames["LIST"] = "KUP-LIST";
+  KupTagNames["MAGIC_BOX"] = "KUP-MAGIC-BOX";
+  KupTagNames["NAV_BAR"] = "KUP-NAV-BAR";
+  KupTagNames["PROBE"] = "KUP-PROBE";
+  KupTagNames["PROGRESS_BAR"] = "KUP-PROGRESS-BAR";
+  KupTagNames["QLIK"] = "KUP-QLIK";
+  KupTagNames["RADIO"] = "KUP-RADIO";
+  KupTagNames["RATING"] = "KUP-RATING";
+  KupTagNames["SNACKBAR"] = "KUP-SNACKBAR";
+  KupTagNames["SPINNER"] = "KUP-SPINNER";
+  KupTagNames["SWITCH"] = "KUP-SWITCH";
+  KupTagNames["TAB_BAR"] = "KUP-TAB-BAR";
+  KupTagNames["TEXT_FIELD"] = "KUP-TEXT-FIELD";
+  KupTagNames["TIME_PICKER"] = "KUP-TIME-PICKER";
+  KupTagNames["TOOLTIP"] = "KUP-TOOLTIP";
+  KupTagNames["TREE"] = "KUP-TREE";
+})(KupTagNames || (KupTagNames = {}));

package/dist/collection/utils/cell-utils.js

@@ -1,6 +1,5 @@
-import numeral from 'numeral';
 import { stringToNumber, unformattedStringToFormattedStringNumber, unformattedStringToFormattedStringTime, unformattedStringToFormattedStringTimestamp, } from './utils';
-import { KupDatesFormats } from './kup-dates/kup-dates-declarations';
+import { KupDatesFormats } from '../managers/kup-dates/kup-dates-declarations';
 const dom = document.documentElement;
 // -------------
 // COMMONS
@@ -28,9 +27,9 @@ export function getValueForDisplay2(values, column) {
 }
 export function formatToNumber(cell) {
   if (cell.obj) {
-    return numeral(cell.obj.k).value();
+    return dom.ketchup.math.numberify(cell.obj.k);
   }
-  return numeral(cell.value).value();
+  return dom.ketchup.math.numberify(cell.value);
 }
 function _getCellValueForDisplay(value, column, cell) {
   let obj = column != null ? column.obj : null;