@sme.up/ketchup 6.1.0-SNAPSHOT → 6.3.0

package/dist/collection/components/kup-field/kup-field.js

@@ -1,514 +0,0 @@
-import { Component, Element, h, Host, Event, forceUpdate, Method, Prop, } from '@stencil/core';
-import { KupFieldProps, } from './kup-field-declarations';
-import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
-import { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';
-import { componentWrapperId } from '../../variables/GenericVariables';
-export class KupField {
-  constructor() {
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Effective data to pass to the component.
-     * @default {}
-     */
-    this.data = {};
-    /**
-     * The text of the label. If set to empty or has only white space chars, the label will be removed.
-     * @default ""
-     */
-    this.label = '';
-    /**
-     * Sets the label's position, left right or top.
-     * @default "left"
-     */
-    this.labelPos = 'left';
-    /**
-     * Sets whether the submit button must be displayed or not.
-     * @default false
-     */
-    this.showSubmit = false;
-    /**
-     * Sets the submit button's label.
-     * @default ""
-     */
-    this.submitLabel = '';
-    /**
-     * Sets the submit button's position, top right bottom or left.
-     * @default "right"
-     */
-    this.submitPos = 'right';
-    /**
-     * The type of the FLD
-     * @default undefined
-     */
-    this.type = undefined;
-    /*-------------------------------------------------*/
-    /*       I n t e r n a l   V a r i a b l e s       */
-    /*-------------------------------------------------*/
-    /**
-     * Instance of the KupManager class.
-     */
-    this.kupManager = kupManagerInstance();
-    this.currentValue = null;
-    this.previousValue = null;
-    // Generates an instance of the event handler while binding the current component as its this value
-    // This is done once per component to improve performance speed
-    this.onChangeInstance = this.onChange.bind(this);
-    this.onSubmitInstance = this.onSubmit.bind(this);
-  }
-  // When a change or update event must be launched as if it's coming from the FLD itself
-  onChange(event) {
-    const { value, info } = event.detail;
-    this.kupChange.emit({
-      originalEvent: event,
-      oldValue: this.currentValue,
-      value,
-      info,
-    });
-    this.previousValue = this.currentValue;
-    this.currentValue = value;
-  }
-  // When a submit event must be launched as if it's coming from the FLD itself
-  onSubmit(event) {
-    this.kupSubmit.emit({
-      originalEvent: event,
-      oldValue: this.previousValue,
-      value: this.currentValue,
-      info: {
-        obj: event.detail.info && event.detail.info.obj
-          ? event.detail.info.obj
-          : undefined,
-      },
-    });
-  }
-  /*-------------------------------------------------*/
-  /*           P u b l i c   M e t h o d s           */
-  /*-------------------------------------------------*/
-  /**
-   * Provides an interface to get the current value programmatically
-   * @method getCurrentValue
-   * @returns {any}
-   */
-  async getCurrentValue() {
-    return this.currentValue;
-  }
-  /**
-   * Used to retrieve component's props values.
-   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
-   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
-   */
-  async getProps(descriptions) {
-    let props = {};
-    if (descriptions) {
-      props = KupFieldProps;
-    }
-    else {
-      for (const key in KupFieldProps) {
-        if (Object.prototype.hasOwnProperty.call(KupFieldProps, key)) {
-          props[key] = this[key];
-        }
-      }
-    }
-    return props;
-  }
-  /**
-   * This method is used to trigger a new render of the component.
-   */
-  async refresh() {
-    forceUpdate(this);
-  }
-  /*-------------------------------------------------*/
-  /*          L i f e c y c l e   H o o k s          */
-  /*-------------------------------------------------*/
-  componentWillLoad() {
-    this.kupManager.debug.logLoad(this, false);
-    this.kupManager.theme.register(this);
-  }
-  componentDidLoad() {
-    this.kupManager.debug.logLoad(this, true);
-  }
-  componentWillRender() {
-    this.kupManager.debug.logRender(this, false);
-  }
-  componentDidRender() {
-    this.kupManager.debug.logRender(this, true);
-  }
-  render() {
-    let toRender = [];
-    const baseClass = 'kup-field';
-    let label = null;
-    let submit = null;
-    let wrapperClass = '';
-    let propList = Object.assign({}, this.data);
-    if (this.label.trim().length) {
-      wrapperClass += ' label-' + this.labelPos;
-      label = (h("label", { class: baseClass +
-          '__label' +
-          ' ' +
-          baseClass +
-          '--' +
-          this.labelPos }, this.label));
-    }
-    if (this.showSubmit) {
-      wrapperClass += ' submit-' + this.submitPos;
-      submit = (h("kup-button", { class: baseClass + '__submit', label: this.submitLabel, "onkup-button-click": this.onSubmitInstance }));
-    }
-    //-- If a component must be positioned on top of the dynamic one --
-    const labelIsTop = this.labelPos === 'top';
-    const labelIsLeft = this.labelPos === 'left';
-    const labelIsRight = this.labelPos === 'right';
-    const submitIsTop = this.submitPos === 'top';
-    const submitIsLeft = this.submitPos === 'left';
-    const submitIsRight = this.submitPos === 'right';
-    const submitIsBottom = this.submitPos === 'bottom';
-    if (labelIsTop || submitIsTop) {
-      toRender.push(h("div", { class: baseClass + '__top-container' },
-        labelIsTop && label ? label : null,
-        submitIsTop && submit ? submit : null));
-    }
-    if (labelIsLeft && label) {
-      toRender.push(label);
-    }
-    if (submitIsLeft && submit) {
-      toRender.push(submit);
-    }
-    let comp = undefined;
-    if (this.type === undefined) {
-      this.kupManager.debug.logMessage(this, 'Type (state) is undefined!', KupDebugCategory.WARNING);
-    }
-    else {
-      switch (this.type.toLowerCase()) {
-        case 'cmb':
-          comp = 'kup-combobox';
-          propList.onKupComboboxChange = this.onChangeInstance;
-          break;
-        case 'itx':
-          comp = 'kup-text-field';
-          propList.onkupTextFieldChange = this.onChangeInstance;
-          break;
-        case 'rad':
-          comp = 'kup-radio';
-          propList.onkupRadioChange = this.onChangeInstance;
-          break;
-      }
-    }
-    const $DynamicComponent = comp; // TODO check if there is a better typing
-    toRender.push(h($DynamicComponent, Object.assign({ class: baseClass + '__component' }, propList)));
-    if (labelIsRight && label) {
-      toRender.push(label);
-    }
-    if ((submitIsRight || submitIsBottom) && submit) {
-      toRender.push(submit);
-    }
-    return (h(Host, null,
-      h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)),
-      h("div", { id: componentWrapperId, class: wrapperClass }, toRender)));
-  }
-  disconnectedCallback() {
-    this.kupManager.theme.unregister(this);
-  }
-  static get is() { return "kup-field"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["kup-field.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["kup-field.css"]
-  }; }
-  static get properties() { return {
-    "customStyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "\"\""
-          }, {
-            "name": "see",
-            "text": "https://ketchup.smeup.com/ketchup-showcase/#/customization"
-          }],
-        "text": "Custom style of the component."
-      },
-      "attribute": "custom-style",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "data": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Object",
-        "resolved": "Object",
-        "references": {
-          "Object": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "{}"
-          }],
-        "text": "Effective data to pass to the component."
-      },
-      "defaultValue": "{}"
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "\"\""
-          }],
-        "text": "The text of the label. If set to empty or has only white space chars, the label will be removed."
-      },
-      "attribute": "label",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "labelPos": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "\"left\""
-          }],
-        "text": "Sets the label's position, left right or top."
-      },
-      "attribute": "label-pos",
-      "reflect": false,
-      "defaultValue": "'left'"
-    },
-    "showSubmit": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "false"
-          }],
-        "text": "Sets whether the submit button must be displayed or not."
-      },
-      "attribute": "show-submit",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "submitLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "\"\""
-          }],
-        "text": "Sets the submit button's label."
-      },
-      "attribute": "submit-label",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "submitPos": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "\"right\""
-          }],
-        "text": "Sets the submit button's position, top right bottom or left."
-      },
-      "attribute": "submit-pos",
-      "reflect": false,
-      "defaultValue": "'right'"
-    },
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "undefined"
-          }],
-        "text": "The type of the FLD"
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "undefined"
-    }
-  }; }
-  static get events() { return [{
-      "method": "kupChange",
-      "name": "kup-field-change",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Launched when the value of the current FLD changes."
-      },
-      "complexType": {
-        "original": "KupFieldChangeEvent",
-        "resolved": "KupFieldChangeEvent",
-        "references": {
-          "KupFieldChangeEvent": {
-            "location": "import",
-            "path": "./kup-field-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupSubmit",
-      "name": "kup-field-submit",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Launched when the FLD values are confirmed and a submit event is triggered."
-      },
-      "complexType": {
-        "original": "KupFieldSubmitEvent",
-        "resolved": "KupFieldSubmitEvent",
-        "references": {
-          "KupFieldSubmitEvent": {
-            "location": "import",
-            "path": "./kup-field-declarations"
-          }
-        }
-      }
-    }]; }
-  static get methods() { return {
-    "getCurrentValue": {
-      "complexType": {
-        "signature": "() => Promise<string | object>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<string | object>"
-      },
-      "docs": {
-        "text": "Provides an interface to get the current value programmatically",
-        "tags": [{
-            "name": "method",
-            "text": "getCurrentValue"
-          }, {
-            "name": "returns",
-            "text": undefined
-          }]
-      }
-    },
-    "getProps": {
-      "complexType": {
-        "signature": "(descriptions?: boolean) => Promise<GenericObject>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "descriptions - When provided and true, the result will be the list of props with their description."
-              }],
-            "text": "- When provided and true, the result will be the list of props with their description."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "GenericObject": {
-            "location": "import",
-            "path": "../../types/GenericTypes"
-          }
-        },
-        "return": "Promise<GenericObject>"
-      },
-      "docs": {
-        "text": "Used to retrieve component's props values.",
-        "tags": [{
-            "name": "param",
-            "text": "descriptions - When provided and true, the result will be the list of props with their description."
-          }, {
-            "name": "returns",
-            "text": "List of props as object, each key will be a prop."
-          }]
-      }
-    },
-    "refresh": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "This method is used to trigger a new render of the component.",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "rootElement"; }
-}

package/dist/collection/components/kup-form-editor/kup-form-editor-declarations.js

@@ -1,23 +0,0 @@
-/**
- * Props of the kup-form-editor component.
- * Used to export every prop in an object.
- */
-export var KupFormEditorProps;
-(function (KupFormEditorProps) {
-  KupFormEditorProps["customStyle"] = "Custom style of the component.";
-  KupFormEditorProps["data"] = "The data of the component.";
-})(KupFormEditorProps || (KupFormEditorProps = {}));
-export var KupFormEditorDragTypes;
-(function (KupFormEditorDragTypes) {
-  KupFormEditorDragTypes["Components"] = "1";
-  KupFormEditorDragTypes["Sections"] = "2";
-})(KupFormEditorDragTypes || (KupFormEditorDragTypes = {}));
-export var KupFormEditorLabels;
-(function (KupFormEditorLabels) {
-  KupFormEditorLabels["Loaded"] = "Loaded";
-  KupFormEditorLabels["Reset"] = "Reset";
-  KupFormEditorLabels["Save"] = "Save";
-  KupFormEditorLabels["Components"] = "Components";
-  KupFormEditorLabels["Sections"] = "Sections";
-  KupFormEditorLabels["Column"] = "Column";
-})(KupFormEditorLabels || (KupFormEditorLabels = {}));

package/dist/esm/cell-utils-964da6b5.js

@@ -1,160 +0,0 @@
-import { u as unformattedStringToFormattedStringNumber, d as unformattedStringToFormattedStringTime, e as unformattedStringToFormattedStringTimestamp, h as stringToNumber } from './utils-d7e4b3c2.js';
-import { d as KupDatesFormats } from './kup-manager-58b075b4.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 dom.ketchup.math.numberify(cell.obj.k);
-  }
-  return dom.ketchup.math.numberify(cell.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, getValueForDisplay as b, getCellValueForDisplay as c, compareValues as d, compareCell as e, formatToNumber as f, getColumnByName as g };