@sme.up/ketchup 9.1.0 → 9.3.0

package/dist/esm/kup-cell.entry.js

@@ -1,13 +1,14 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-c161a33e.js';
-import { k as kupManagerInstance, d as FCellPadding, g as getProps, s as setProps, V as KupDragEffect, m as KupLanguageGeneric } from './kup-manager-94b3d177.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-59f83f91.js';
+import { k as kupManagerInstance, e as FCellPadding, g as getProps, s as setProps, Q as KupDragEffect, l as KupLanguageGeneric } from './kup-manager-bfea4e6f.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FCell } from './f-cell-ba94f1b3.js';
-import './f-checkbox-cbf7b3de.js';
-import './f-text-field-4d91ccfc.js';
-import './f-image-d2a9603c.js';
-import './f-chip-104c4a64.js';
-import './f-button-f247ce10.js';
-import './f-button-declarations-8a009df1.js';
+import { F as FCell } from './f-cell-6f4290b2.js';
+import './kup-dates-15f89ea2.js';
+import './f-checkbox-43481de2.js';
+import './f-text-field-28b2b26d.js';
+import './f-image-c5063342.js';
+import './f-chip-465aa432.js';
+import './f-button-5ccc2e50.js';
+import './f-button-declarations-9bdc6f26.js';
 
 /**
  * Props of the kup-cell component.
@@ -15,167 +16,167 @@ import './f-button-declarations-8a009df1.js';
  */
 var KupCellProps;
 (function (KupCellProps) {
-  KupCellProps["customStyle"] = "Custom style of the component.";
-  KupCellProps["data"] = "The data of the cell.";
-  KupCellProps["density"] = "The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.";
-  KupCellProps["dragEnabled"] = "When set to true, the component is draggable.";
+    KupCellProps["customStyle"] = "Custom style of the component.";
+    KupCellProps["data"] = "The data of the cell.";
+    KupCellProps["density"] = "The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.";
+    KupCellProps["dragEnabled"] = "When set to true, the component is draggable.";
 })(KupCellProps || (KupCellProps = {}));
 
 const kupCellCss = ":host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";
 
 const KupCell = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /*-------------------------------------------------*/
+        /*       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.customStyle = '';
+        this.data = null;
+        this.density = FCellPadding.NONE;
+        this.dragEnabled = false;
+    }
     /*-------------------------------------------------*/
-    /*       I n t e r n a l   V a r i a b l e s       */
+    /*           P u b l i c   M e t h o d s           */
     /*-------------------------------------------------*/
     /**
-     * Instance of the KupManager class.
+     * Adds the given CSS classes to the cell's data.
+     * @param {string[]} classes - Array of CSS classes.
      */
-    this.kupManager = kupManagerInstance();
-    this.customStyle = '';
-    this.data = null;
-    this.density = FCellPadding.NONE;
-    this.dragEnabled = false;
-  }
-  /*-------------------------------------------------*/
-  /*           P u b l i c   M e t h o d s           */
-  /*-------------------------------------------------*/
-  /**
-   * Adds the given CSS classes to the cell's data.
-   * @param {string[]} classes - Array of CSS classes.
-   */
-  async addCssClasses(classes) {
-    if (!this.data.cssClass) {
-      this.data.cssClass = '';
+    async addCssClasses(classes) {
+        if (!this.data.cssClass) {
+            this.data.cssClass = '';
+        }
+        if (classes) {
+            for (let index = 0; index < classes.length; index++) {
+                const cssClass = classes[index];
+                if (this.data.cssClass.indexOf(cssClass) < 0) {
+                    this.data.cssClass += ` ${cssClass}`;
+                }
+            }
+        }
+        this.refresh();
     }
-    if (classes) {
-      for (let index = 0; index < classes.length; index++) {
-        const cssClass = classes[index];
-        if (this.data.cssClass.indexOf(cssClass) < 0) {
-          this.data.cssClass += ` ${cssClass}`;
+    /**
+     * 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) {
+        return getProps(this, KupCellProps, descriptions);
+    }
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    async refresh() {
+        forceUpdate(this);
+    }
+    /**
+     * Removes the given CSS classes from the cell's data.
+     * @param {string[]} classes - Array of CSS classes.
+     */
+    async removeCssClasses(classes) {
+        if (!this.data.cssClass) {
+            return;
+        }
+        if (classes) {
+            for (let index = 0; index < classes.length; index++) {
+                const cssClass = classes[index];
+                if (this.data.cssClass.indexOf(cssClass) > 0) {
+                    this.data.cssClass = this.data.cssClass.replace(new RegExp(cssClass, 'g'), '');
+                }
+            }
         }
-      }
+        this.refresh();
     }
-    this.refresh();
-  }
-  /**
-   * 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) {
-    return getProps(this, KupCellProps, descriptions);
-  }
-  /**
-   * This method is used to trigger a new render of the component.
-   */
-  async refresh() {
-    forceUpdate(this);
-  }
-  /**
-   * Removes the given CSS classes from the cell's data.
-   * @param {string[]} classes - Array of CSS classes.
-   */
-  async removeCssClasses(classes) {
-    if (!this.data.cssClass) {
-      return;
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    async setProps(props) {
+        setProps(this, KupCellProps, props);
     }
-    if (classes) {
-      for (let index = 0; index < classes.length; index++) {
-        const cssClass = classes[index];
-        if (this.data.cssClass.indexOf(cssClass) > 0) {
-          this.data.cssClass = this.data.cssClass.replace(new RegExp(cssClass, 'g'), '');
+    /*-------------------------------------------------*/
+    /*           P r i v a t e   M e t h o d s         */
+    /*-------------------------------------------------*/
+    didRenderInteractables() {
+        if (this.dragEnabled) {
+            const dataCb = () => {
+                return {
+                    cell: this.data,
+                    column: this.generateColumn(),
+                    id: this.rootElement.id,
+                    multiple: false,
+                    row: this.generateRow(),
+                };
+            };
+            this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector('#' + componentWrapperId), {
+                cursorChecker() {
+                    return null;
+                },
+            }, {
+                callback: dataCb,
+            }, KupDragEffect.BADGE);
         }
-      }
     }
-    this.refresh();
-  }
-  /**
-   * Sets the props to the component.
-   * @param {GenericObject} props - Object containing props that will be set to the component.
-   */
-  async setProps(props) {
-    setProps(this, KupCellProps, props);
-  }
-  /*-------------------------------------------------*/
-  /*           P r i v a t e   M e t h o d s         */
-  /*-------------------------------------------------*/
-  didRenderInteractables() {
-    if (this.dragEnabled) {
-      const dataCb = () => {
+    generateColumn() {
+        const colname = this.data && this.data.obj && this.data.obj.t
+            ? this.data.obj.t + ';' + this.data.obj.p
+            : 'KUPCELL';
+        const coltitle = this.data && this.data.obj && this.data.obj.t
+            ? this.data.obj.t + ';' + this.data.obj.p
+            : this.kupManager.language.translate(KupLanguageGeneric.EMPTY_OBJECT);
         return {
-          cell: this.data,
-          column: this.generateColumn(),
-          id: this.rootElement.id,
-          multiple: false,
-          row: this.generateRow(),
+            name: colname,
+            title: coltitle,
         };
-      };
-      this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector('#' + componentWrapperId), {
-        cursorChecker() {
-          return null;
-        },
-      }, {
-        callback: dataCb,
-      }, KupDragEffect.BADGE);
     }
-  }
-  generateColumn() {
-    const colname = this.data && this.data.obj && this.data.obj.t
-      ? this.data.obj.t + ';' + this.data.obj.p
-      : 'KUPCELL';
-    const coltitle = this.data && this.data.obj && this.data.obj.t
-      ? this.data.obj.t + ';' + this.data.obj.p
-      : this.kupManager.language.translate(KupLanguageGeneric.EMPTY_OBJECT);
-    return {
-      name: colname,
-      title: coltitle,
-    };
-  }
-  generateRow() {
-    const col = this.generateColumn();
-    const row = { cells: {} };
-    row.cells[col.name] = this.data;
-    return row;
-  }
-  /*-------------------------------------------------*/
-  /*          L i f e c y c l e   H o o k s          */
-  /*-------------------------------------------------*/
-  componentWillLoad() {
-    this.kupManager.dates.register(this);
-    this.kupManager.debug.logLoad(this, false);
-    this.kupManager.language.register(this);
-    this.kupManager.theme.register(this);
-  }
-  componentDidLoad() {
-    this.kupManager.debug.logLoad(this, true);
-  }
-  componentWillRender() {
-    this.kupManager.debug.logRender(this, false);
-  }
-  componentDidRender() {
-    this.didRenderInteractables();
-    this.kupManager.debug.logRender(this, true);
-  }
-  render() {
-    const props = {
-      cell: this.data,
-      column: this.generateColumn(),
-      component: this,
-      density: this.density,
-      editable: this.data.isEditable,
-      renderKup: true,
-      row: this.generateRow(),
-    };
-    return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FCell, Object.assign({}, props)))));
-  }
-  disconnectedCallback() {
-    this.kupManager.dates.unregister(this);
-    this.kupManager.language.unregister(this);
-    this.kupManager.theme.unregister(this);
-  }
-  get rootElement() { return getElement(this); }
+    generateRow() {
+        const col = this.generateColumn();
+        const row = { cells: {} };
+        row.cells[col.name] = this.data;
+        return row;
+    }
+    /*-------------------------------------------------*/
+    /*          L i f e c y c l e   H o o k s          */
+    /*-------------------------------------------------*/
+    componentWillLoad() {
+        this.kupManager.dates.register(this);
+        this.kupManager.debug.logLoad(this, false);
+        this.kupManager.language.register(this);
+        this.kupManager.theme.register(this);
+    }
+    componentDidLoad() {
+        this.kupManager.debug.logLoad(this, true);
+    }
+    componentWillRender() {
+        this.kupManager.debug.logRender(this, false);
+    }
+    componentDidRender() {
+        this.didRenderInteractables();
+        this.kupManager.debug.logRender(this, true);
+    }
+    render() {
+        const props = {
+            cell: this.data,
+            column: this.generateColumn(),
+            component: this,
+            density: this.density,
+            editable: this.data.isEditable,
+            renderKup: true,
+            row: this.generateRow(),
+        };
+        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FCell, Object.assign({}, props)))));
+    }
+    disconnectedCallback() {
+        this.kupManager.dates.unregister(this);
+        this.kupManager.language.unregister(this);
+        this.kupManager.theme.unregister(this);
+    }
+    get rootElement() { return getElement(this); }
 };
 KupCell.style = kupCellCss;