@sme.up/ketchup 5.0.0 → 5.2.1-SNAPSHOT

package/dist/collection/utils/kup-column-menu/kup-column-menu.js

@@ -342,7 +342,7 @@ export class KupColumnMenu {
     let props = [];
     if (comp.showFilters) {
       if (this.filtersColumnMenuInstance.isColumnFiltrableByInterval(column)) {
-        props.concat(this.prepIntervalTextfield(comp, column));
+        props = props.concat(this.prepIntervalTextfield(comp, column));
       }
       else if (dom.ketchup.objects.isStringObject(column.obj)) {
         let filterInitialValue = this.filtersColumnMenuInstance.getTextFilterValue(comp.filters, column.name);

package/dist/collection/utils/utils.js

@@ -1,4 +1,3 @@
-import numeral from 'numeral';
 import { KupDatesFormats, KupDatesNormalize, } from '../managers/kup-dates/kup-dates-declarations';
 const dom = document.documentElement;
 export var DateTimeFormatOptionsMonth;
@@ -16,26 +15,6 @@ export function identify(array) {
     }
   }
 }
-export function format(first, middle, last) {
-  return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
-}
-export function generateUniqueId(field = 'def') {
-  return new Date().getTime() + field.trim().replace(/\s/g, '_');
-}
-export function generateUuidv4() {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  });
-}
-export function eventFromElement(element, eventSource) {
-  while (eventSource) {
-    if (eventSource === element)
-      return true;
-    eventSource = eventSource.parentElement;
-  }
-  return false;
-}
 function getSeparator(locale, separatorType) {
   const numberWithGroupAndDecimalSeparator = 1000.1;
   return Intl.NumberFormat(locale)
@@ -86,34 +65,6 @@ function getCurrentTimeFormatFromBrowserLocale(manageSeconds) {
     .join('');
   return timeFormat;
 }
-/**
- * Convert argument to boolean. Everything is false unless: true, "true", 1, "1", "on", "yes"
- * @param value the value to convert
- * @returns the boolean value of passed argument
- */
-export function getBoolean(value) {
-  switch (value) {
-    case true:
-    case 'true':
-    case 1:
-    case '1':
-    case 'on':
-    case 'yes':
-      return true;
-    default:
-      return false;
-  }
-}
-/**
- * Check if an object is undefined, null or empty
- * @param obj the object to check
- * @returns true or false
- */
-export function isEmpty(obj) {
-  return (!obj ||
-    obj === null ||
-    (Object.keys(obj).length === 0 && obj.constructor === Object));
-}
 /**
  * @param value number as string, formatted by actual browser locale
  * @param type - type of number for calculate suffix
@@ -141,7 +92,7 @@ export function stringToNumber(input) {
   if (!input || input == null || input.trim() == '') {
     input = '0';
   }
-  return numeral(input).value();
+  return dom.ketchup.math.numberify(input);
 }
 /**
  * @param input number
@@ -234,7 +185,8 @@ function numberStringToNumberString(input, type, decFmt) {
   if (decFmt != '.') {
     input = input.replace(/,/g, '.');
   }
-  if (numeral(input).value() == null || isNaN(numeral(input).value())) {
+  if (dom.ketchup.math.numberify(input) == null ||
+    isNaN(dom.ketchup.math.numberify(input))) {
     return originalInputValue;
   }
   let unf = stringToNumber(input);
@@ -513,29 +465,6 @@ export function fillString(stringIn, stringForFill, finalLen, addBefore) {
     return stringIn + stringOut;
   }
 }
-export function deepEqual(object1, object2) {
-  if (!(isObject(object1) && isObject(object2))) {
-    return object1 === object2;
-  }
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) {
-    return false;
-  }
-  for (const key of keys1) {
-    const val1 = object1[key];
-    const val2 = object2[key];
-    const areObjects = isObject(val1) && isObject(val2);
-    if ((areObjects && !deepEqual(val1, val2)) ||
-      (!areObjects && val1 !== val2)) {
-      return false;
-    }
-  }
-  return true;
-}
-export function isObject(object) {
-  return object != null && typeof object === 'object';
-}
 /**
  * Used to retrieve component's props values.
  * @param {any} comp - Component calling this function.

package/dist/esm/{cell-utils-b80ccb8c.js → cell-utils-f4bdbbc8.js}

@@ -1,5 +1,5 @@
-import { d as KupDatesFormats, n as numeral } from './kup-manager-bba62291.js';
-import { m as unformattedStringToFormattedStringNumber, p as unformattedStringToFormattedStringTime, q as unformattedStringToFormattedStringTimestamp, d as stringToNumber } from './utils-d1569956.js';
+import { k as unformattedStringToFormattedStringNumber, m as unformattedStringToFormattedStringTime, o as unformattedStringToFormattedStringTimestamp, d as stringToNumber } from './utils-f24319a0.js';
+import { d as KupDatesFormats } from './kup-manager-9316a184.js';
 
 const dom = document.documentElement;
 // -------------
@@ -28,9 +28,9 @@ function getValueForDisplay2(values, column) {
 }
 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;

package/dist/esm/{f-button-9e835467.js → f-button-54a49fd8.js}

@@ -1,6 +1,6 @@
-import { h } from './index-78f3699d.js';
+import { h } from './index-baeab1ac.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
-import { F as FImage } from './f-image-78c5265e.js';
+import { F as FImage } from './f-image-d32465e3.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-cell-f8bb2e04.js → f-cell-d5dac50b.js}

@@ -1,97 +1,10 @@
-import { a as KupThemeIconValues, c as KupTagNames, b as KupThemeColorValues } from './kup-manager-bba62291.js';
-import { h, a as getAssetPath } from './index-78f3699d.js';
-import { b as getCellValueForDisplay } from './cell-utils-b80ccb8c.js';
-import { d as stringToNumber } from './utils-d1569956.js';
-import { F as FImage } from './f-image-78c5265e.js';
-import { F as FChip } from './f-chip-953c6915.js';
-
-/*-------------------------------------------------*/
-/*                C o m p o n e n t                */
-/*-------------------------------------------------*/
-const FTextField = (props, children) => {
-  return (h("div", Object.assign({ class: `f-text-field ${props.danger ? 'kup-danger' : ''} ${props.fullHeight ? 'kup-full-height' : ''} ${props.fullWidth ? 'kup-full-width' : ''}  ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.shaped ? 'kup-shaped' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''}  ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
-    props.leadingLabel || props.trailingLabel ? (h("div", { class: `mdc-form-field ${props.leadingLabel ? 'mdc-form-field--align-end' : ''}` }, [
-      setContent(props),
-      setHelper(props),
-      h("label", null, props.label),
-    ])) : ([setContent(props), setHelper(props)]),
-    children));
-};
-/*-------------------------------------------------*/
-/*                  M e t h o d s                  */
-/*-------------------------------------------------*/
-function setContent(props) {
-  const isOutlined = props.textArea || props.outlined;
-  let labelEl;
-  let iconEl;
-  if (props.label && !props.leadingLabel && !props.trailingLabel) {
-    labelEl = (h("label", { class: "mdc-floating-label", htmlFor: "kup-input" }, props.label));
-  }
-  if (props.icon) {
-    let iconStyle;
-    let iconClass = '';
-    if (Object.values(KupThemeIconValues).indexOf(props.icon) > -1) {
-      iconClass = props.icon.replace('--', '');
-    }
-    else {
-      let svg = `url('${getAssetPath(`./assets/svg/${props.icon}.svg`)}') no-repeat center`;
-      iconStyle = {
-        mask: svg,
-        webkitMask: svg,
-      };
-    }
-    iconEl = (h("span", { style: iconStyle, onClick: props.onIconClick, class: `mdc-text-field__icon kup-icon action ${iconClass}` }));
-  }
-  const classObj = {
-    'is-clearable': props.isClearable,
-    'mdc-text-field': true,
-    'mdc-text-field--disabled': props.disabled,
-    'mdc-text-field--filled': !props.fullWidth && !isOutlined,
-    'mdc-text-field--no-label': !props.label,
-    'mdc-text-field--fullwidth': props.fullWidth,
-    'mdc-text-field--outlined': isOutlined,
-    'mdc-text-field--textarea': props.textArea,
-    'mdc-text-field--with-leading-icon': props.icon && !props.trailingIcon,
-    'mdc-text-field--with-trailing-icon': props.icon && props.trailingIcon,
-  };
-  return (h("div", { class: classObj },
-    props.textArea && props.maxLength ? (h("div", { class: "mdc-text-field-character-counter" },
-      "'0 / ' + ",
-      props.maxLength)) : undefined,
-    !props.trailingIcon ? iconEl : undefined,
-    props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
-      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
-    props.isClearable ? (h("span", { class: `mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
-    props.trailingIcon ? iconEl : undefined,
-    !props.fullWidth && !isOutlined ? labelEl : undefined,
-    isOutlined ? (h("div", { class: "mdc-notched-outline" },
-      h("div", { class: "mdc-notched-outline__leading" }),
-      h("div", { class: "mdc-notched-outline__notch" }, labelEl),
-      h("div", { class: "mdc-notched-outline__trailing" }))) : (h("span", { class: "mdc-line-ripple" }))));
-}
-function setHelper(props) {
-  if (props.helperEnabled !== false) {
-    if (props.helper) {
-      const classObj = {
-        'mdc-text-field-helper-text': true,
-        'mdc-text-field-helper-text--persistent': !props.helperWhenFocused,
-      };
-      return (h("div", { class: "mdc-text-field-helper-line" },
-        h("div", { class: classObj }, props.helper),
-        props.maxLength && !props.textArea ? (h("div", { class: "mdc-text-field-character-counter" },
-          "'0 / ' + ",
-          props.maxLength.toString())) : undefined));
-    }
-    else {
-      if (props.maxLength && !props.textArea) {
-        return (h("div", { class: "mdc-text-field-helper-line" },
-          h("div", { class: "mdc-text-field-character-counter" },
-            "'0 / ' + ",
-            props.maxLength)));
-      }
-    }
-  }
-}
+import { c as KupTagNames, b as KupThemeColorValues } from './kup-manager-9316a184.js';
+import { h } from './index-baeab1ac.js';
+import { b as getCellValueForDisplay } from './cell-utils-f4bdbbc8.js';
+import { F as FTextField } from './f-text-field-c25cc63f.js';
+import { d as stringToNumber } from './utils-f24319a0.js';
+import { F as FImage } from './f-image-d32465e3.js';
+import { F as FChip } from './f-chip-a3035b4b.js';
 
 const autoAlignComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];
 /**
@@ -734,4 +647,4 @@ function cellEvent(e, props, cellType, cellEventName) {
   }
 }
 
-export { FTextField as F, FCell as a, FCheckbox as b, FCellPadding as c };
+export { FCell as F, FCheckbox as a, FCellPadding as b };

package/dist/esm/{f-chip-953c6915.js → f-chip-a3035b4b.js}

@@ -1,6 +1,6 @@
-import { h } from './index-78f3699d.js';
-import { F as FImage } from './f-image-78c5265e.js';
-import { a as KupThemeIconValues, i as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-bba62291.js';
+import { h } from './index-baeab1ac.js';
+import { F as FImage } from './f-image-d32465e3.js';
+import { a as KupThemeIconValues, i as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-9316a184.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-image-78c5265e.js → f-image-d32465e3.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-78f3699d.js';
-import { b as KupThemeColorValues } from './kup-manager-bba62291.js';
+import { h, a as getAssetPath } from './index-baeab1ac.js';
+import { b as KupThemeColorValues } from './kup-manager-9316a184.js';
 
 /**
  * The type of a CSS step in CSS-drawing mode.

package/dist/esm/f-text-field-c25cc63f.js

@@ -0,0 +1,92 @@
+import { h, a as getAssetPath } from './index-baeab1ac.js';
+import { a as KupThemeIconValues } from './kup-manager-9316a184.js';
+
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FTextField = (props, children) => {
+  return (h("div", Object.assign({ class: `f-text-field ${props.danger ? 'kup-danger' : ''} ${props.fullHeight ? 'kup-full-height' : ''} ${props.fullWidth ? 'kup-full-width' : ''}  ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.shaped ? 'kup-shaped' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''}  ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
+    props.leadingLabel || props.trailingLabel ? (h("div", { class: `mdc-form-field ${props.leadingLabel ? 'mdc-form-field--align-end' : ''}` }, [
+      setContent(props),
+      setHelper(props),
+      h("label", null, props.label),
+    ])) : ([setContent(props), setHelper(props)]),
+    children));
+};
+/*-------------------------------------------------*/
+/*                  M e t h o d s                  */
+/*-------------------------------------------------*/
+function setContent(props) {
+  const isOutlined = props.textArea || props.outlined;
+  let labelEl;
+  let iconEl;
+  if (props.label && !props.leadingLabel && !props.trailingLabel) {
+    labelEl = (h("label", { class: "mdc-floating-label", htmlFor: "kup-input" }, props.label));
+  }
+  if (props.icon) {
+    let iconStyle;
+    let iconClass = '';
+    if (Object.values(KupThemeIconValues).indexOf(props.icon) > -1) {
+      iconClass = props.icon.replace('--', '');
+    }
+    else {
+      let svg = `url('${getAssetPath(`./assets/svg/${props.icon}.svg`)}') no-repeat center`;
+      iconStyle = {
+        mask: svg,
+        webkitMask: svg,
+      };
+    }
+    iconEl = (h("span", { style: iconStyle, onClick: props.onIconClick, class: `mdc-text-field__icon kup-icon action ${iconClass}` }));
+  }
+  const classObj = {
+    'is-clearable': props.isClearable,
+    'mdc-text-field': true,
+    'mdc-text-field--disabled': props.disabled,
+    'mdc-text-field--filled': !props.fullWidth && !isOutlined,
+    'mdc-text-field--no-label': !props.label,
+    'mdc-text-field--fullwidth': props.fullWidth,
+    'mdc-text-field--outlined': isOutlined,
+    'mdc-text-field--textarea': props.textArea,
+    'mdc-text-field--with-leading-icon': props.icon && !props.trailingIcon,
+    'mdc-text-field--with-trailing-icon': props.icon && props.trailingIcon,
+  };
+  return (h("div", { class: classObj },
+    props.textArea && props.maxLength ? (h("div", { class: "mdc-text-field-character-counter" },
+      "'0 / ' + ",
+      props.maxLength)) : undefined,
+    !props.trailingIcon ? iconEl : undefined,
+    props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
+      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
+    props.isClearable ? (h("span", { class: `mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
+    props.trailingIcon ? iconEl : undefined,
+    !props.fullWidth && !isOutlined ? labelEl : undefined,
+    isOutlined ? (h("div", { class: "mdc-notched-outline" },
+      h("div", { class: "mdc-notched-outline__leading" }),
+      h("div", { class: "mdc-notched-outline__notch" }, labelEl),
+      h("div", { class: "mdc-notched-outline__trailing" }))) : (h("span", { class: "mdc-line-ripple" }))));
+}
+function setHelper(props) {
+  if (props.helperEnabled !== false) {
+    if (props.helper) {
+      const classObj = {
+        'mdc-text-field-helper-text': true,
+        'mdc-text-field-helper-text--persistent': !props.helperWhenFocused,
+      };
+      return (h("div", { class: "mdc-text-field-helper-line" },
+        h("div", { class: classObj }, props.helper),
+        props.maxLength && !props.textArea ? (h("div", { class: "mdc-text-field-character-counter" },
+          "'0 / ' + ",
+          props.maxLength.toString())) : undefined));
+    }
+    else {
+      if (props.maxLength && !props.textArea) {
+        return (h("div", { class: "mdc-text-field-helper-line" },
+          h("div", { class: "mdc-text-field-character-counter" },
+            "'0 / ' + ",
+            props.maxLength)));
+      }
+    }
+  }
+}
+
+export { FTextField as F };