@sme.up/ketchup 5.2.0-SNAPSHOT → 5.2.0

package/dist/cjs/{cell-utils-5b16c180.js → cell-utils-153fb565.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const utils = require('./utils-b9df398c.js');
-const kupManager = require('./kup-manager-4227f0a2.js');
+const utils = require('./utils-a201de8b.js');
+const kupManager = require('./kup-manager-04dc9671.js');
 
 const dom = document.documentElement;
 // -------------

package/dist/cjs/{f-button-3b9f32af.js → f-button-8f07d095.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-8d7bb3be.js');
+const index = require('./index-eb556444.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-08a3d340.js');
+const fImage = require('./f-image-42025f08.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/cjs/{f-cell-c6ad973a.js → f-cell-c08ad501.js}

@@ -1,99 +1,12 @@
 'use strict';
 
-const kupManager = require('./kup-manager-4227f0a2.js');
-const index = require('./index-8d7bb3be.js');
-const cellUtils = require('./cell-utils-5b16c180.js');
-const utils = require('./utils-b9df398c.js');
-const fImage = require('./f-image-08a3d340.js');
-const fChip = require('./f-chip-bed86c4a.js');
-
-/*-------------------------------------------------*/
-/*                C o m p o n e n t                */
-/*-------------------------------------------------*/
-const FTextField = (props, children) => {
-  return (index.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 ? (index.h("div", { class: `mdc-form-field ${props.leadingLabel ? 'mdc-form-field--align-end' : ''}` }, [
-      setContent(props),
-      setHelper(props),
-      index.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 = (index.h("label", { class: "mdc-floating-label", htmlFor: "kup-input" }, props.label));
-  }
-  if (props.icon) {
-    let iconStyle;
-    let iconClass = '';
-    if (Object.values(kupManager.KupThemeIconValues).indexOf(props.icon) > -1) {
-      iconClass = props.icon.replace('--', '');
-    }
-    else {
-      let svg = `url('${index.getAssetPath(`./assets/svg/${props.icon}.svg`)}') no-repeat center`;
-      iconStyle = {
-        mask: svg,
-        webkitMask: svg,
-      };
-    }
-    iconEl = (index.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 (index.h("div", { class: classObj },
-    props.textArea && props.maxLength ? (index.h("div", { class: "mdc-text-field-character-counter" },
-      "'0 / ' + ",
-      props.maxLength)) : undefined,
-    !props.trailingIcon ? iconEl : undefined,
-    props.textArea ? (index.h("span", { class: "mdc-text-field__resizer" },
-      index.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 }))) : (index.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 ? (index.h("span", { class: `mdc-text-field__icon kup-icon ${kupManager.KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
-    props.trailingIcon ? iconEl : undefined,
-    !props.fullWidth && !isOutlined ? labelEl : undefined,
-    isOutlined ? (index.h("div", { class: "mdc-notched-outline" },
-      index.h("div", { class: "mdc-notched-outline__leading" }),
-      index.h("div", { class: "mdc-notched-outline__notch" }, labelEl),
-      index.h("div", { class: "mdc-notched-outline__trailing" }))) : (index.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 (index.h("div", { class: "mdc-text-field-helper-line" },
-        index.h("div", { class: classObj }, props.helper),
-        props.maxLength && !props.textArea ? (index.h("div", { class: "mdc-text-field-character-counter" },
-          "'0 / ' + ",
-          props.maxLength.toString())) : undefined));
-    }
-    else {
-      if (props.maxLength && !props.textArea) {
-        return (index.h("div", { class: "mdc-text-field-helper-line" },
-          index.h("div", { class: "mdc-text-field-character-counter" },
-            "'0 / ' + ",
-            props.maxLength)));
-      }
-    }
-  }
-}
+const kupManager = require('./kup-manager-04dc9671.js');
+const index = require('./index-eb556444.js');
+const cellUtils = require('./cell-utils-153fb565.js');
+const fTextField = require('./f-text-field-b6300c8a.js');
+const utils = require('./utils-a201de8b.js');
+const fImage = require('./f-image-42025f08.js');
+const fChip = require('./f-chip-aa8d9253.js');
 
 const autoAlignComps = [kupManager.KupTagNames.DATA_TABLE, kupManager.KupTagNames.TREE];
 /**
@@ -477,7 +390,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
     case FCellTypes.NUMBER:
       classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
     case FCellTypes.STRING:
-      return (index.h(FTextField, Object.assign({}, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, fullWidth: true, inputType: cellType === FCellTypes.NUMBER ? 'number' : null, value: cellType === FCellTypes.NUMBER
+      return (index.h(fTextField.FTextField, Object.assign({}, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, fullWidth: true, inputType: cellType === FCellTypes.NUMBER ? 'number' : null, value: cellType === FCellTypes.NUMBER
           ? utils.stringToNumber(cell.value).toString()
           : cell.value, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), onInput: (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
   }
@@ -738,4 +651,3 @@ function cellEvent(e, props, cellType, cellEventName) {
 
 exports.FCell = FCell;
 exports.FCheckbox = FCheckbox;
-exports.FTextField = FTextField;

package/dist/cjs/{f-chip-bed86c4a.js → f-chip-aa8d9253.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-8d7bb3be.js');
-const fImage = require('./f-image-08a3d340.js');
-const kupManager = require('./kup-manager-4227f0a2.js');
+const index = require('./index-eb556444.js');
+const fImage = require('./f-image-42025f08.js');
+const kupManager = require('./kup-manager-04dc9671.js');
 
 /**
  * Types of the f-chip component.

package/dist/cjs/{f-image-08a3d340.js → f-image-42025f08.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-8d7bb3be.js');
-const kupManager = require('./kup-manager-4227f0a2.js');
+const index = require('./index-eb556444.js');
+const kupManager = require('./kup-manager-04dc9671.js');
 
 /**
  * The type of a CSS step in CSS-drawing mode.

package/dist/cjs/f-text-field-b6300c8a.js

@@ -0,0 +1,94 @@
+'use strict';
+
+const index = require('./index-eb556444.js');
+const kupManager = require('./kup-manager-04dc9671.js');
+
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FTextField = (props, children) => {
+  return (index.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 ? (index.h("div", { class: `mdc-form-field ${props.leadingLabel ? 'mdc-form-field--align-end' : ''}` }, [
+      setContent(props),
+      setHelper(props),
+      index.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 = (index.h("label", { class: "mdc-floating-label", htmlFor: "kup-input" }, props.label));
+  }
+  if (props.icon) {
+    let iconStyle;
+    let iconClass = '';
+    if (Object.values(kupManager.KupThemeIconValues).indexOf(props.icon) > -1) {
+      iconClass = props.icon.replace('--', '');
+    }
+    else {
+      let svg = `url('${index.getAssetPath(`./assets/svg/${props.icon}.svg`)}') no-repeat center`;
+      iconStyle = {
+        mask: svg,
+        webkitMask: svg,
+      };
+    }
+    iconEl = (index.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 (index.h("div", { class: classObj },
+    props.textArea && props.maxLength ? (index.h("div", { class: "mdc-text-field-character-counter" },
+      "'0 / ' + ",
+      props.maxLength)) : undefined,
+    !props.trailingIcon ? iconEl : undefined,
+    props.textArea ? (index.h("span", { class: "mdc-text-field__resizer" },
+      index.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 }))) : (index.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 ? (index.h("span", { class: `mdc-text-field__icon kup-icon ${kupManager.KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
+    props.trailingIcon ? iconEl : undefined,
+    !props.fullWidth && !isOutlined ? labelEl : undefined,
+    isOutlined ? (index.h("div", { class: "mdc-notched-outline" },
+      index.h("div", { class: "mdc-notched-outline__leading" }),
+      index.h("div", { class: "mdc-notched-outline__notch" }, labelEl),
+      index.h("div", { class: "mdc-notched-outline__trailing" }))) : (index.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 (index.h("div", { class: "mdc-text-field-helper-line" },
+        index.h("div", { class: classObj }, props.helper),
+        props.maxLength && !props.textArea ? (index.h("div", { class: "mdc-text-field-character-counter" },
+          "'0 / ' + ",
+          props.maxLength.toString())) : undefined));
+    }
+    else {
+      if (props.maxLength && !props.textArea) {
+        return (index.h("div", { class: "mdc-text-field-helper-line" },
+          index.h("div", { class: "mdc-text-field-character-counter" },
+            "'0 / ' + ",
+            props.maxLength)));
+      }
+    }
+  }
+}
+
+exports.FTextField = FTextField;