@sme.up/ketchup 4.0.0 → 4.2.0

package/dist/collection/utils/utils.js

@@ -1,8 +1,6 @@
 import numeral from 'numeral';
-import { KupDates } from './kup-dates/kup-dates';
 import { KupDatesFormats, KupDatesNormalize, } from './kup-dates/kup-dates-declarations';
 const dom = document.documentElement;
-const kupDates = dom.ketchup ? dom.ketchup.dates : new KupDates();
 export var DateTimeFormatOptionsMonth;
 (function (DateTimeFormatOptionsMonth) {
   DateTimeFormatOptionsMonth["NUMERIC"] = "numeric";
@@ -38,12 +36,6 @@ export function eventFromElement(element, eventSource) {
   }
   return false;
 }
-export function getCurrentLocale() {
-  if (navigator == null || navigator.language == null) {
-    return 'en-US';
-  }
-  return navigator.language;
-}
 function getSeparator(locale, separatorType) {
   const numberWithGroupAndDecimalSeparator = 1000.1;
   return Intl.NumberFormat(locale)
@@ -51,7 +43,7 @@ function getSeparator(locale, separatorType) {
     .find((part) => part.type === separatorType).value;
 }
 export function getCurrentDateFormatFromBrowserLocale() {
-  const formatObj = new Intl.DateTimeFormat(kupDates.getLocale()).formatToParts(new Date());
+  const formatObj = new Intl.DateTimeFormat(dom.ketchup.dates.getLocale()).formatToParts(new Date());
   let dateFormat = formatObj
     .map((obj) => {
     switch (obj.type) {
@@ -77,7 +69,7 @@ function getCurrentTimeFormatFromBrowserLocale(manageSeconds) {
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  const formatObj = new Intl.DateTimeFormat(kupDates.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
+  const formatObj = new Intl.DateTimeFormat(dom.ketchup.dates.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
   let timeFormat = formatObj
     .map((obj) => {
     switch (obj.type) {
@@ -160,7 +152,7 @@ export function numberToString(input, decimals) {
   if (input == null) {
     return '';
   }
-  return _numberToString(input, decimals, getCurrentLocale(), true);
+  return _numberToString(input, decimals, dom.ketchup.dates.getLocale(), true);
 }
 /**
  * @param type - type of number for calculate suffix
@@ -212,7 +204,7 @@ export function unformattedStringToFormattedStringNumber(input, decimals, type)
  * @returns number as string, formatted by locale US, decimal separator . (like java decimal numbers), without group separator
  **/
 export function formattedStringToUnformattedStringNumber(input, type) {
-  return numberStringToNumberString(input, type, getDecimalSeparator(getCurrentLocale()));
+  return numberStringToNumberString(input, type, getDecimalSeparator(dom.ketchup.dates.getLocale()));
 }
 /**
  * @param input number as string, formatted by locale US, decimal separator . (like java decimal numbers), with group separator
@@ -293,7 +285,7 @@ export function formatTime(time, manageSeconds) {
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  return time.toLocaleTimeString(kupDates.getLocale() + '-u-hc-h23', options);
+  return time.toLocaleTimeString(dom.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 /**
  * @param value time string, formatted by actual browser locale
@@ -301,7 +293,7 @@ export function formatTime(time, manageSeconds) {
  */
 export function isValidFormattedStringTime(value, manageSeconds) {
   let format = getCurrentTimeFormatFromBrowserLocale(manageSeconds);
-  return kupDates.isValid(value, format, true);
+  return dom.ketchup.dates.isValid(value, format, true);
 }
 /**
  * @param value time as string, formatted by actual browser locale
@@ -325,8 +317,8 @@ export function formattedStringToDefaultUnformattedStringTimestamp(value) {
  **/
 export function formattedStringToCustomUnformattedStringTime(value, outputFormat, manageSeconds) {
   let inputFormat = getCurrentTimeFormatFromBrowserLocale(manageSeconds);
-  if (kupDates.isValid(value, inputFormat)) {
-    return kupDates.format(kupDates.normalize(value, KupDatesNormalize.TIME), outputFormat);
+  if (dom.ketchup.dates.isValid(value, inputFormat)) {
+    return dom.ketchup.dates.format(dom.ketchup.dates.normalize(value, KupDatesNormalize.TIME), outputFormat);
   }
   else {
     return '';
@@ -348,12 +340,12 @@ export function unformattedStringToFormattedStringTime(value, manageSeconds, cus
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  let date = kupDates.toDate(kupDates.normalize(value, KupDatesNormalize.TIME));
+  let date = dom.ketchup.dates.toDate(dom.ketchup.dates.normalize(value, KupDatesNormalize.TIME));
   return formatByCustomedOutputTimeFormat(value, date, options, customedFormat);
 }
 function formatByCustomedOutputTimeFormat(valueStr, date, options, customedFormat) {
   if (customedFormat == null) {
-    return date.toLocaleTimeString(kupDates.getLocale() + '-u-hc-h23', options);
+    return date.toLocaleTimeString(dom.ketchup.dates.getLocale() + '-u-hc-h23', options);
   }
   switch (customedFormat) {
     case 'I13': {
@@ -422,7 +414,7 @@ function formatByCustomedOutputTimeFormat(valueStr, date, options, customedForma
       return valueStr;
     }
   }
-  return date.toLocaleTimeString(kupDates.getLocale() + '-u-hc-h23', options);
+  return date.toLocaleTimeString(dom.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 /**
  * @param value date/time as string, formatted ISO
@@ -439,8 +431,8 @@ export function unformattedStringToFormattedStringTimestamp(value) {
     second: '2-digit',
     hour12: false,
   };
-  let date = kupDates.toDate(kupDates.normalize(value, KupDatesNormalize.TIMESTAMP));
-  return date.toLocaleString(kupDates.getLocale() + '-u-hc-h23', options);
+  let date = dom.ketchup.dates.toDate(dom.ketchup.dates.normalize(value, KupDatesNormalize.TIMESTAMP));
+  return date.toLocaleString(dom.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 export function getMonthAsStringByLocale(month, format) {
   if (month == null) {
@@ -452,7 +444,7 @@ export function getMonthAsStringByLocale(month, format) {
   const options = {
     month: format,
   };
-  const dateTimeFormat = new Intl.DateTimeFormat(kupDates.getLocale(), options);
+  const dateTimeFormat = new Intl.DateTimeFormat(dom.ketchup.dates.getLocale(), options);
   return dateTimeFormat.format(dateTmp);
 }
 export function getMonthsAsStringByLocale(format) {
@@ -473,7 +465,7 @@ export function getDayAsStringByLocale(date) {
     weekday: 'narrow',
     /** weekday: 'narrow' 'short' 'long' */
   };
-  const dateTimeFormat = new Intl.DateTimeFormat(kupDates.getLocale(), options);
+  const dateTimeFormat = new Intl.DateTimeFormat(dom.ketchup.dates.getLocale(), options);
   return dateTimeFormat.format(date);
 }
 function firstDayThisWeek(firstDayIndex) {

package/dist/esm/cell-utils-8f512ea9.js

@@ -0,0 +1,160 @@
+import { o as unformattedStringToFormattedStringNumber, q as unformattedStringToFormattedStringTime, r as unformattedStringToFormattedStringTimestamp, n as numeral, d as stringToNumber } from './utils-6c73709d.js';
+import { c as KupDatesFormats } from './kup-manager-7fc234da.js';
+
+const dom = document.documentElement;
+// -------------
+// COMMONS
+// -------------
+function getCellValueForDisplay(column, cell) {
+  if (cell != null) {
+    if (cell.displayedValue != null) {
+      return cell.displayedValue;
+    }
+  }
+  let formattedValue = _getCellValueForDisplay(cell.value, column, cell);
+  if (cell != null) {
+    cell.displayedValue = formattedValue;
+  }
+  return formattedValue;
+}
+function getValueForDisplay2(values, column) {
+  if (values == null) {
+    return '';
+  }
+  if (values.displayedValue == null || values.displayedValue.trim() == '') {
+    values.displayedValue = _getCellValueForDisplay(values.value, column, null);
+  }
+  return values.displayedValue;
+}
+function formatToNumber(cell) {
+  if (cell.obj) {
+    return numeral(cell.obj.k).value();
+  }
+  return numeral(cell.value).value();
+}
+function _getCellValueForDisplay(value, column, cell) {
+  let obj = column != null ? column.obj : null;
+  if (cell != null) {
+    obj = cell.obj ? cell.obj : obj;
+  }
+  return getValueForDisplay(value, obj, column != null ? column.decimals : null);
+}
+function getValueForDisplay(value, obj, decimals) {
+  if (value == null || value.trim() == '') {
+    return value;
+  }
+  if (dom.ketchup.objects.isNumber(obj)) {
+    return unformattedStringToFormattedStringNumber(value, decimals ? decimals : -1, obj ? obj.p : '');
+  }
+  if (dom.ketchup.objects.isDate(obj) &&
+    dom.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+    return dom.ketchup.dates.format(value);
+  }
+  if (dom.ketchup.objects.isTime(obj)) {
+    return unformattedStringToFormattedStringTime(value, dom.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
+  }
+  if (dom.ketchup.objects.isTimestamp(obj)) {
+    return unformattedStringToFormattedStringTimestamp(value);
+  }
+  return value;
+}
+function getColumnByName(columns, name) {
+  if (columns == null) {
+    return null;
+  }
+  for (let column of columns) {
+    if (column.name === name) {
+      return column;
+    }
+  }
+  return null;
+}
+function compareCell(cell1, cell2, sortMode) {
+  return compareValues(cell1.obj, cell1.value, cell2.obj, cell2.value, sortMode);
+}
+function compareValues(obj1, value1, obj2, value2, sortMode) {
+  const sm = sortMode === 'A' ? 1 : -1;
+  if (obj1 == null || obj2 == null) {
+    return sm * localCompareAsInJava(value1, value2);
+  }
+  // If either the type or the parameter of the current object are not equal.
+  if (!(obj1.t === obj2.t && obj1.p === obj2.p)) {
+    let compare = localCompareAsInJava(obj1.t, obj2.t);
+    if (compare === 0) {
+      compare = localCompareAsInJava(obj1.p, obj2.p);
+    }
+    return compare * sm;
+  }
+  let s1 = value1;
+  let s2 = value2;
+  if (s1 == s2) {
+    return 0;
+  }
+  if (s1 == '') {
+    return sm * -1;
+  }
+  if (s2 == '') {
+    return sm * 1;
+  }
+  let v1 = s1;
+  let v2 = s2;
+  if (dom.ketchup.objects.isNumber(obj1)) {
+    v1 = stringToNumber(s1);
+    v2 = stringToNumber(s2);
+  }
+  else if (dom.ketchup.objects.isDate(obj1)) {
+    v1 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
+    v2 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
+  }
+  else if (dom.ketchup.objects.isTime(obj1)) {
+    let manageSeconds = dom.ketchup.objects.isTimeWithSeconds(obj1);
+    v1 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s1, manageSeconds
+      ? KupDatesFormats.ISO_TIME
+      : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
+    v2 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, manageSeconds
+      ? KupDatesFormats.ISO_TIME
+      : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
+  }
+  else if (dom.ketchup.objects.isTimestamp(obj1)) {
+    v1 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));
+    v2 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE_TIME));
+  }
+  if (v1 > v2) {
+    return sm * 1;
+  }
+  if (v1 < v2) {
+    return sm * -1;
+  }
+  return 0;
+}
+/**
+ * Given two strings to compare, the functions decides which string comes before the other or if they are equal.
+ * This is meant as a replacement for the JavaScript function localCompare() which produces a slightly different result from
+ * the Java version of compareTo().
+ *
+ * Re-implemented from java source method compareTo() of java.lang.String
+ * @param t1 firstString the first string to be compared
+ * @param t2 anotherString the another string to be compared to the first one
+ * @returns the value 0 if the anotherString is equal to
+ *          firstString; a value less than 0 if firstString
+ *          is lexicographically less than the anotherString; and a
+ *          value greater than 0 if firstString is
+ *          lexicographically greater than the anotherString.
+ */
+function localCompareAsInJava(t1, t2) {
+  let t1Length = t1 == null ? 0 : t1.length;
+  let t2Length = t2 == null ? 0 : t2.length;
+  const lim = Math.min(t1Length, t2Length);
+  let k = 0;
+  while (k < lim) {
+    const c1 = t1[k];
+    const c2 = t2[k];
+    if (c1 !== c2) {
+      return c1.charCodeAt(0) - c2.charCodeAt(0);
+    }
+    k++;
+  }
+  return t1Length - t2Length;
+}
+
+export { getValueForDisplay2 as a, getCellValueForDisplay as b, getColumnByName as c, compareValues as d, compareCell as e, formatToNumber as f, getValueForDisplay as g };

package/dist/esm/f-button-30dbcaa9.js

@@ -0,0 +1,103 @@
+import { h } from './index-e0e67c23.js';
+import { F as FButtonStyling } from './f-button-declarations-fd4965d1.js';
+import { F as FImage } from './f-image-3bc8b24f.js';
+
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FButton = (props, children) => {
+  if (!props.styling) {
+    props.styling = FButtonStyling.RAISED;
+  }
+  if (!props.label && !props.icon) {
+    return;
+  }
+  const isIconButton = !!(props.styling.toLowerCase() === FButtonStyling.ICON ||
+    (props.styling.toLowerCase() === FButtonStyling.RAISED &&
+      props.icon &&
+      (props.label === null || props.label === undefined)));
+  return (h("div", Object.assign({ class: `f-button ${props.danger ? 'kup-danger' : ''} ${props.fullHeight ? 'kup-full-height' : ''} ${props.fullWidth ? 'kup-full-width' : ''} ${props.info ? 'kup-info' : ''} ${props.large ? 'kup-large' : ''} ${props.pulsating ? 'kup-pulsating' : ''}  ${props.shaped ? 'kup-shaped' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
+    isIconButton ? renderIconButton(props) : renderButton(props),
+    children));
+};
+/*-------------------------------------------------*/
+/*                  M e t h o d s                  */
+/*-------------------------------------------------*/
+function renderButton(props) {
+  const isFlat = props.styling.toLowerCase() === FButtonStyling.FLAT;
+  const isFloating = props.styling.toLowerCase() === FButtonStyling.FLOATING;
+  const isIcon = props.styling.toLowerCase() === FButtonStyling.ICON;
+  const isOutlined = props.styling.toLowerCase() === FButtonStyling.OUTLINED;
+  const isRaised = !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;
+  const propsFImage = {
+    color: props.disabled
+      ? `var(--kup_button_disabled_color)`
+      : isOutlined || isFlat
+        ? `var(--kup_button_primary_color)`
+        : `var(--kup_button_text_on_primary_color)`,
+    resource: props.icon,
+    sizeX: isFloating ? '1.75em' : '1.475em',
+    sizeY: isFloating ? '1.75em' : '1.475em',
+    wrapperClass: 'button__icon kup-icon',
+  };
+  if (props.showSpinner)
+    propsFImage.wrapperClass += ' content--hidden';
+  const classObj = {
+    button: true,
+    'button--disabled': props.disabled ? true : false,
+    'button--floating': isFloating ? true : false,
+    'button--outlined': isOutlined ? true : false,
+    'button--raised': isRaised ? true : false,
+    'button--no-label': !props.label || props.label === ' ' ? true : false,
+    'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
+  };
+  const classLabelObj = {
+    button__label: true,
+    'content--hidden': props.showSpinner && !props.disabled ? true : false,
+  };
+  const styleSpinnerContainer = {
+    '--kup_button_spinner_height': propsFImage.sizeY,
+  };
+  return (h("button", { class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, type: "button" },
+    props.trailingIcon
+      ? [
+        h("span", { class: classLabelObj }, props.label),
+        props.icon ? h(FImage, Object.assign({}, propsFImage)) : undefined,
+      ]
+      : [
+        props.icon ? h(FImage, Object.assign({}, propsFImage)) : undefined,
+        h("span", { class: classLabelObj }, props.label),
+      ],
+    props.showSpinner && !props.disabled ? (h("div", { class: "button__spinner-container" },
+      h("slot", { name: "spinner" }))) : undefined));
+}
+function renderIconButton(props) {
+  const propsFImage = {
+    color: props.disabled
+      ? `var(--kup_button_disabled_color)`
+      : `var(--kup_button_primary_color)`,
+    sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',
+    sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',
+  };
+  const classObj = {
+    'icon-button': true,
+    'button--disabled': props.disabled ? true : false,
+    'icon-button--on': props.toggable && props.checked ? true : false,
+    toggable: props.toggable ? true : false,
+    'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
+  };
+  const styleSpinnerContainer = {
+    '--kup_button_spinner_height': propsFImage.sizeY,
+    '--kup_button_spinner_width': propsFImage.sizeX,
+  };
+  const iconOff = props.iconOff
+    ? props.iconOff
+    : props.icon + '_border';
+  return (h("button", { class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, type: "button", value: props.checked ? 'on' : 'off' },
+    !props.showSpinner || props.disabled ? (h(FImage, Object.assign({}, propsFImage, { resource: props.toggable && !props.checked ? iconOff : props.icon, wrapperClass: `icon-button__icon kup-icon` }))) : null,
+    props.toggable && !props.showSpinner ? (h(FImage, Object.assign({}, propsFImage, { resource: props.icon, wrapperClass: `icon-button__icon icon-button__icon--on kup-icon` }))) : null,
+    props.showSpinner && !props.disabled ? (h("div", { class: "icon-button__spinner-container" },
+      h("slot", { name: "spinner" }))) : undefined));
+}
+
+export { FButton as F };