@sme.up/ketchup 4.0.0 → 4.2.0

package/README.md

@@ -1,7 +1,7 @@
-# Ketch.UP web components library
+# Ketchup web components library
 
-![Ketch.UP Logo](https://raw.githubusercontent.com/smeup/ketchup/develop/docs/images/ketchup_small.png))
+![Ketchup Logo](https://raw.githubusercontent.com/smeup/ketchup/develop/docs/images/ketchup_logo.svg))
 
 [![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
 
-Visit [Ketch.UP Github project](https://github.com/smeup/ketchup) for general information, demos and documentation.
+Visit [Ketchup Github project](https://github.com/smeup/ketchup) for general information, demos and documentation.

package/dist/cjs/cell-utils-dc0884a3.js

@@ -0,0 +1,168 @@
+'use strict';
+
+const utils = require('./utils-0cc466b9.js');
+const kupManager = require('./kup-manager-1a2688ca.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 utils.numeral(cell.obj.k).value();
+  }
+  return utils.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 utils.unformattedStringToFormattedStringNumber(value, decimals ? decimals : -1, obj ? obj.p : '');
+  }
+  if (dom.ketchup.objects.isDate(obj) &&
+    dom.ketchup.dates.isValid(value, kupManager.KupDatesFormats.ISO_DATE)) {
+    return dom.ketchup.dates.format(value);
+  }
+  if (dom.ketchup.objects.isTime(obj)) {
+    return utils.unformattedStringToFormattedStringTime(value, dom.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
+  }
+  if (dom.ketchup.objects.isTimestamp(obj)) {
+    return utils.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 = utils.stringToNumber(s1);
+    v2 = utils.stringToNumber(s2);
+  }
+  else if (dom.ketchup.objects.isDate(obj1)) {
+    v1 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s1, kupManager.KupDatesFormats.ISO_DATE));
+    v2 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, kupManager.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
+      ? kupManager.KupDatesFormats.ISO_TIME
+      : kupManager.KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
+    v2 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, manageSeconds
+      ? kupManager.KupDatesFormats.ISO_TIME
+      : kupManager.KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
+  }
+  else if (dom.ketchup.objects.isTimestamp(obj1)) {
+    v1 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s1, kupManager.KupDatesFormats.ISO_DATE_TIME));
+    v2 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, kupManager.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;
+}
+
+exports.compareCell = compareCell;
+exports.compareValues = compareValues;
+exports.formatToNumber = formatToNumber;
+exports.getCellValueForDisplay = getCellValueForDisplay;
+exports.getColumnByName = getColumnByName;
+exports.getValueForDisplay = getValueForDisplay;
+exports.getValueForDisplay2 = getValueForDisplay2;

package/dist/cjs/f-button-2ba74fb5.js

@@ -0,0 +1,105 @@
+'use strict';
+
+const index = require('./index-0416afab.js');
+const fButtonDeclarations = require('./f-button-declarations-76b4fb4c.js');
+const fImage = require('./f-image-d3bd4e08.js');
+
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FButton = (props, children) => {
+  if (!props.styling) {
+    props.styling = fButtonDeclarations.FButtonStyling.RAISED;
+  }
+  if (!props.label && !props.icon) {
+    return;
+  }
+  const isIconButton = !!(props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.ICON ||
+    (props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.RAISED &&
+      props.icon &&
+      (props.label === null || props.label === undefined)));
+  return (index.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() === fButtonDeclarations.FButtonStyling.FLAT;
+  const isFloating = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.FLOATING;
+  const isIcon = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.ICON;
+  const isOutlined = props.styling.toLowerCase() === fButtonDeclarations.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 (index.h("button", { class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, type: "button" },
+    props.trailingIcon
+      ? [
+        index.h("span", { class: classLabelObj }, props.label),
+        props.icon ? index.h(fImage.FImage, Object.assign({}, propsFImage)) : undefined,
+      ]
+      : [
+        props.icon ? index.h(fImage.FImage, Object.assign({}, propsFImage)) : undefined,
+        index.h("span", { class: classLabelObj }, props.label),
+      ],
+    props.showSpinner && !props.disabled ? (index.h("div", { class: "button__spinner-container" },
+      index.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 (index.h("button", { class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, type: "button", value: props.checked ? 'on' : 'off' },
+    !props.showSpinner || props.disabled ? (index.h(fImage.FImage, Object.assign({}, propsFImage, { resource: props.toggable && !props.checked ? iconOff : props.icon, wrapperClass: `icon-button__icon kup-icon` }))) : null,
+    props.toggable && !props.showSpinner ? (index.h(fImage.FImage, Object.assign({}, propsFImage, { resource: props.icon, wrapperClass: `icon-button__icon icon-button__icon--on kup-icon` }))) : null,
+    props.showSpinner && !props.disabled ? (index.h("div", { class: "icon-button__spinner-container" },
+      index.h("slot", { name: "spinner" }))) : undefined));
+}
+
+exports.FButton = FButton;