@sme.up/ketchup 6.0.0 → 6.2.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 = {}));