@sme.up/ketchup 6.0.0 → 6.2.0

package/dist/cjs/kup-field.cjs.entry.js

@@ -1,241 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-eb556444.js');
-const kupManager = require('./kup-manager-7a941909.js');
-const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-
-/**
- * Props of the kup-field component.
- * Used to export every prop in an object.
- */
-var KupFieldProps;
-(function (KupFieldProps) {
-  KupFieldProps["customStyle"] = "Custom style of the component.";
-  KupFieldProps["data"] = "Effective data to pass to the component.";
-  KupFieldProps["label"] = "The text of the label. If set to empty or has only white space chars, the label will be removed.";
-  KupFieldProps["labelPos"] = "Sets the label's position, left right or top.";
-  KupFieldProps["showSubmit"] = "Sets whether the submit button must be displayed or not.";
-  KupFieldProps["submitLabel"] = "Sets the submit button's label.";
-  KupFieldProps["submitPos"] = "Sets the submit button's position, top right bottom or left.";
-  KupFieldProps["type"] = "The type of the FLD";
-})(KupFieldProps || (KupFieldProps = {}));
-
-const kupFieldCss = ":host{display:block;font-size:var(--kup-font-size)}label{color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:1em}.kup-field__component{display:inline-block}.label-top.submit-top label{float:left;margin:auto auto 1em auto}.label-top.submit-top kup-button{float:right;margin:auto auto 1em auto}.label-right label{display:inline-block;margin:auto auto auto 1em}.submit-right kup-button{display:inline-block;margin:auto auto auto 1em}.label-left label{display:inline-block;margin:auto 1em auto auto}.submit-left kup-button{display:inline-block;margin:auto 1em auto auto}.submit-bottom kup-button{display:block;margin:1em auto auto auto}";
-
-const KupField = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.kupChange = index.createEvent(this, "kup-field-change", 6);
-    this.kupSubmit = index.createEvent(this, "kup-field-submit", 6);
-    /*-------------------------------------------------*/
-    /*                    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 = 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() {
-    index.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 = (index.h("label", { class: baseClass +
-          '__label' +
-          ' ' +
-          baseClass +
-          '--' +
-          this.labelPos }, this.label));
-    }
-    if (this.showSubmit) {
-      wrapperClass += ' submit-' + this.submitPos;
-      submit = (index.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(index.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!', kupManager.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(index.h($DynamicComponent, Object.assign({ class: baseClass + '__component' }, propList)));
-    if (labelIsRight && label) {
-      toRender.push(label);
-    }
-    if ((submitIsRight || submitIsBottom) && submit) {
-      toRender.push(submit);
-    }
-    return (index.h(index.Host, null, index.h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { id: GenericVariables.componentWrapperId, class: wrapperClass }, toRender)));
-  }
-  disconnectedCallback() {
-    this.kupManager.theme.unregister(this);
-  }
-  get rootElement() { return index.getElement(this); }
-};
-KupField.style = kupFieldCss;
-
-exports.kup_field = KupField;

package/dist/collection/assets/form-editor.js

@@ -1,338 +0,0 @@
-const editor1 = document.getElementById('form-editor1');
-const button1 = document.getElementById('button1');
-const button2 = document.getElementById('button2');
-
-editor1.addEventListener('kup-formeditor-save', function (ev) {
-    console.log(ev);
-    alert('Saved!');
-});
-
-button1.addEventListener('kup-button-click', function () {
-    editor1.data = data1;
-});
-
-button2.addEventListener('kup-button-click', function () {
-    editor1.data = data2;
-});
-
-const data1 = {
-    layout: 'column',
-    sections: [
-        {
-            components: [
-                {
-                    data: [
-                        {
-                            disabled: false,
-                            expandable: false,
-                            isExpanded: false,
-                            options: false,
-                            value: 'Ambiente di sviluppo',
-                        },
-                    ],
-                    title: '*NONE',
-                    type: 'LAB',
-                    id: '{F1694E68-D1C9-4A72-9EEF-B2DD72BDDDE2}',
-                    loaded: true,
-                },
-            ],
-            layout: 'column',
-            sections: [],
-            id: 'SB',
-            loaded: true,
-            dim: '10%',
-        },
-        {
-            components: [
-                {
-                    dynamisms: [
-                        {
-                            event: 'Click',
-                            fun: 'F(EXD;*SCO;) 2([T1];[P1];[K1])',
-                        },
-                    ],
-                    data: [
-                        {
-                            disabled: false,
-                            expandable: false,
-                            isExpanded: false,
-                            options: false,
-                            obj: {
-                                t: 'MB',
-                                p: 'SCP_SCH',
-                                k: 'MU_X21_06',
-                            },
-                            value: 'Main',
-                        },
-                    ],
-                    title: '*NONE',
-                    type: 'BTN',
-                    id: '{65DF546F-536C-48A9-BCAD-4DB8B114DC0E}',
-                    loaded: true,
-                },
-            ],
-            layout: 'column',
-            sections: [],
-            id: 'SC',
-            loaded: true,
-            dim: '10%',
-        },
-        {
-            components: [
-                {
-                    dynamisms: [
-                        {
-                            event: 'Click',
-                            fun: 'F(EXD;*SCO;) 2([T1];[P1];[K1]) G(NFIR)',
-                        },
-                    ],
-                    data: [
-                        {
-                            disabled: false,
-                            expandable: false,
-                            isExpanded: false,
-                            options: false,
-                            obj: {
-                                t: 'MB',
-                                p: 'SCP_SCH',
-                                k: 'MU_X21_06',
-                            },
-                            value: 'Main Popup',
-                        },
-                    ],
-                    title: '*NONE',
-                    type: 'BTN',
-                    id: '{ADC998D4-C884-4E78-9557-9DD8F271F1E6}',
-                    loaded: true,
-                },
-            ],
-            layout: 'column',
-            sections: [],
-            id: 'SD',
-            loaded: true,
-        },
-        {
-            components: [
-                {
-                    options: {
-                        url: '/Ln/f?n=test4.vue',
-                        type: 'vue',
-                    },
-                    fun: 'F(MAT;Plain.Poc.WebupJS.Api.Repositories.UtilsRepository;FromCsv) 1(FILE;;users)',
-                    title: '*NONE',
-                    type: 'MAT',
-                    id: '{C6BB07DF-FC62-453B-8AF3-79CB1EE050C3}',
-                    loaded: true,
-                },
-            ],
-            layout: 'column',
-            sections: [],
-            id: 'SE',
-            loaded: true,
-        },
-    ],
-    fun: 'F(EXD;*SCO;) 2(MB;SCP_SCH;MU_X21_01)',
-    type: 'SCH',
-    loaded: true,
-};
-
-const data2 = {
-    layout: 'column',
-    sections: [
-        {
-            layout: 'row',
-            sections: [
-                {
-                    components: [
-                        {
-                            data: [
-                                {
-                                    disabled: false,
-                                    expandable: false,
-                                    isExpanded: false,
-                                    options: false,
-                                    value: 'Etichetta 1',
-                                },
-                            ],
-                            title: '*NONE',
-                            type: 'LAB',
-                            id: '{FC2E04CE-DD30-4959-A8AA-B95A97C7BDAD}',
-                            loaded: true,
-                        },
-                    ],
-                    layout: 'column',
-                    sections: [],
-                    id: 'SA1',
-                    loaded: true,
-                },
-                {
-                    components: [
-                        {
-                            data: [
-                                {
-                                    disabled: false,
-                                    expandable: false,
-                                    isExpanded: false,
-                                    options: false,
-                                    value: 'Etichetta 2',
-                                },
-                            ],
-                            title: '*NONE',
-                            type: 'LAB',
-                            id: '{59F0053D-C32C-4971-BACC-1113BA0D7753}',
-                            loaded: true,
-                        },
-                    ],
-                    layout: 'column',
-                    sections: [],
-                    id: 'SA2',
-                    loaded: true,
-                },
-            ],
-            id: 'SA',
-            loaded: true,
-        },
-        {
-            components: [
-                {
-                    data: [
-                        {
-                            disabled: false,
-                            expandable: false,
-                            isExpanded: false,
-                            options: false,
-                            value: 'Etichetta 3',
-                        },
-                    ],
-                    title: '*NONE',
-                    type: 'LAB',
-                    id: '{A35B7D1B-3B97-42E6-A926-9D84034796E3}',
-                    loaded: true,
-                },
-            ],
-            layout: 'column',
-            sections: [],
-            id: 'SB',
-            loaded: true,
-        },
-        {
-            components: [
-                {
-                    dynamisms: [
-                        {
-                            event: 'Click',
-                            fun: 'F(EXD;*SCO;) 2([T1];[P1];[K1])',
-                        },
-                    ],
-                    data: [
-                        {
-                            disabled: false,
-                            expandable: false,
-                            isExpanded: false,
-                            options: false,
-                            obj: {
-                                t: 'MB',
-                                p: 'SCP_SCH',
-                                k: 'PL_X21_01',
-                            },
-                            value: 'Prove varie',
-                        },
-                        {
-                            disabled: false,
-                            expandable: false,
-                            isExpanded: false,
-                            options: false,
-                            obj: {
-                                t: 'MB',
-                                p: 'SCP_SCH',
-                                k: 'PL_X21_02',
-                            },
-                            value: 'Utente corrente',
-                        },
-                        {
-                            disabled: false,
-                            expandable: false,
-                            isExpanded: false,
-                            options: false,
-                            obj: {
-                                t: 'MB',
-                                p: 'SCP_SCH',
-                                k: 'PL_X21_03',
-                            },
-                            value: 'Naviga documenti',
-                        },
-                    ],
-                    title: '*NONE',
-                    type: 'BTN',
-                    id: '{6D279D65-2694-4FE5-9455-50A7998FF859}',
-                    loaded: true,
-                },
-            ],
-            layout: 'column',
-            sections: [],
-            id: 'SC',
-            loaded: true,
-        },
-        {
-            components: [
-                {
-                    dynamisms: [
-                        {
-                            event: 'Click',
-                            fun: 'F(EXD;*SCO;) 2([T1];[P1];[K1])',
-                        },
-                    ],
-                    data: [
-                        {
-                            disabled: false,
-                            expandable: false,
-                            isExpanded: false,
-                            options: false,
-                            obj: {
-                                t: 'MB',
-                                p: 'SCP_SCH',
-                                k: 'PL_X21_04',
-                            },
-                            value: 'Cerca documenti',
-                        },
-                        {
-                            disabled: false,
-                            expandable: false,
-                            isExpanded: false,
-                            options: false,
-                            obj: {
-                                t: 'MB',
-                                p: 'SCP_SCH',
-                                k: 'PL_X21_05',
-                            },
-                            value: 'Test prototipazione',
-                        },
-                        {
-                            disabled: false,
-                            expandable: false,
-                            isExpanded: false,
-                            options: false,
-                            obj: {
-                                t: 'MB',
-                                p: 'SCP_SCH',
-                                k: 'PL_X21_06',
-                            },
-                            value: 'Estrai tabella',
-                        },
-                    ],
-                    title: '*NONE',
-                    type: 'BTN',
-                    id: '{F651FA0B-348E-4CE1-A3EA-4C9B95578E9E}',
-                    loaded: true,
-                },
-            ],
-            layout: 'column',
-            sections: [],
-            id: 'SD',
-            loaded: true,
-        },
-    ],
-    fun: 'F(EXD;*SCO;) 2(MB;SCP_SCH;MU_X21_06)',
-    type: 'SCH',
-    loaded: true,
-};

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

@@ -1,15 +0,0 @@
-/**
- * Props of the kup-field component.
- * Used to export every prop in an object.
- */
-export var KupFieldProps;
-(function (KupFieldProps) {
-  KupFieldProps["customStyle"] = "Custom style of the component.";
-  KupFieldProps["data"] = "Effective data to pass to the component.";
-  KupFieldProps["label"] = "The text of the label. If set to empty or has only white space chars, the label will be removed.";
-  KupFieldProps["labelPos"] = "Sets the label's position, left right or top.";
-  KupFieldProps["showSubmit"] = "Sets whether the submit button must be displayed or not.";
-  KupFieldProps["submitLabel"] = "Sets the submit button's label.";
-  KupFieldProps["submitPos"] = "Sets the submit button's position, top right bottom or left.";
-  KupFieldProps["type"] = "The type of the FLD";
-})(KupFieldProps || (KupFieldProps = {}));

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

@@ -1,48 +0,0 @@
-:host {
-  display: block;
-  font-size: var(--kup-font-size);
-}
-
-label {
-  color: var(--kup-text-color);
-  font-family: var(--kup-font-family);
-  font-size: 1em;
-}
-
-.kup-field__component {
-  display: inline-block;
-}
-
-.label-top.submit-top label {
-  float: left;
-  margin: auto auto 1em auto;
-}
-.label-top.submit-top kup-button {
-  float: right;
-  margin: auto auto 1em auto;
-}
-
-.label-right label {
-  display: inline-block;
-  margin: auto auto auto 1em;
-}
-
-.submit-right kup-button {
-  display: inline-block;
-  margin: auto auto auto 1em;
-}
-
-.label-left label {
-  display: inline-block;
-  margin: auto 1em auto auto;
-}
-
-.submit-left kup-button {
-  display: inline-block;
-  margin: auto 1em auto auto;
-}
-
-.submit-bottom kup-button {
-  display: block;
-  margin: 1em auto auto auto;
-}