@sme.up/ketchup 7.0.0 → 7.1.1

package/dist/cjs/kup-image-list.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-1e882e61.js');
+const kupManager = require('./kup-manager-6f05ebe1.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fImage = require('./f-image-bfb4e4c9.js');
-const fButton = require('./f-button-293afb08.js');
+const fImage = require('./f-image-f741cb4c.js');
+const fButton = require('./f-button-40953600.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fCell = require('./f-cell-06b323ca.js');
+const fCell = require('./f-cell-e603ae4f.js');
 const component = require('./component-72a5b626.js');
 require('./f-checkbox-1097ca5d.js');
-require('./f-text-field-e99c5a26.js');
-require('./f-chip-1c944c07.js');
+require('./f-text-field-60a2f24c.js');
+require('./f-chip-01efabde.js');
 require('./tslib.es6-0ee02c67.js');
 
 /**

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-1e882e61.js');
+const kupManager = require('./kup-manager-6f05ebe1.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**

package/dist/cjs/kup-magic-box.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-1e882e61.js');
+const kupManager = require('./kup-manager-6f05ebe1.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-bfb4e4c9.js');
+const fImage = require('./f-image-f741cb4c.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**

package/dist/cjs/{kup-manager-1e882e61.js → kup-manager-6f05ebe1.js}

@@ -5772,6 +5772,7 @@ exports.KupDataTableProps = void 0;
   KupDataTableProps["rowsPerPage"] = "Sets the number of rows per page to display.";
   KupDataTableProps["scrollOnHover"] = "Activates the scroll on hover function.";
   KupDataTableProps["showCustomization"] = "If set to true, displays the button to open the customization panel.";
+  KupDataTableProps["selection"] = "Set the type of the rows selection.";
   KupDataTableProps["showDeleteButton"] = "Enables the delete row button.";
   KupDataTableProps["showFilters"] = "When set to true enables the column filters.";
   KupDataTableProps["showFooter"] = "When set to true shows the footer.";
@@ -7744,7 +7745,9 @@ class KupData {
               }
             }
           }
-          else if (value === cell.value) {
+          else if (value &&
+            cell.value &&
+            value.trim() === cell.value.trim()) {
             result.cells.push(cell);
             result.rows.push(row);
           }

package/dist/cjs/kup-nav-bar.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-1e882e61.js');
+const kupManager = require('./kup-manager-6f05ebe1.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 const navbarClass = 'nav-bar';

package/dist/cjs/kup-numeric-picker.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-1e882e61.js');
+const kupManager = require('./kup-manager-6f05ebe1.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fTextField = require('./f-text-field-e99c5a26.js');
+const fTextField = require('./f-text-field-60a2f24c.js');
 const fTextFieldMdc = require('./f-text-field-mdc-85997738.js');
 require('./tslib.es6-0ee02c67.js');
 require('./component-72a5b626.js');

package/dist/cjs/kup-photo-frame.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-1e882e61.js');
+const kupManager = require('./kup-manager-6f05ebe1.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-1e882e61.js');
+const kupManager = require('./kup-manager-6f05ebe1.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 const KupProbe = class {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-1e882e61.js');
+const kupManager = require('./kup-manager-6f05ebe1.js');
 
 const kupQlikCss = ".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height)/2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height)/3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height)*2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height)*3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ffdb46f6.js');
-const kupManager = require('./kup-manager-1e882e61.js');
+const kupManager = require('./kup-manager-6f05ebe1.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fButton = require('./f-button-293afb08.js');
+const fButton = require('./f-button-40953600.js');
 require('./f-button-declarations-b611587f.js');
-require('./f-image-bfb4e4c9.js');
+require('./f-image-f741cb4c.js');
 
 const snackbarClass = 'snackbar';
 /**

package/dist/collection/assets/data-table.js

@@ -952,50 +952,6 @@ const mockedRows = [
             },
         },
     },
-    {
-        cells: {
-            FLD1: {
-                obj: {
-                    t: 'CN',
-                    p: 'COL',
-                    k: 'CASFRA',
-                },
-                value: 'CASFRA',
-            },
-            FLD2: {
-                obj: {
-                    t: 'NR',
-                    p: '',
-                    k: '10',
-                },
-                value: '10',
-            },
-            FLD3: {
-                obj: {
-                    t: 'NR',
-                    p: '',
-                    k: '100000.60',
-                },
-                value: '100,000.60',
-            },
-            FLD4: {
-                obj: {
-                    t: 'D8',
-                    p: '*YYMD',
-                    k: '20181101',
-                },
-                value: '2018-11-01',
-            },
-            FLD5: {
-                obj: {
-                    t: 'NR',
-                    p: 'P',
-                    k: '0',
-                },
-                value: '0.00',
-            },
-        },
-    },
     {
         cells: {
             FLD1: {

package/dist/collection/components/kup-card/built-in/kup-card-calendar.js

@@ -15,10 +15,12 @@ export function prepareCalendar(component) {
       el.kupData = {};
       const obj = opts.initialValue;
       if (opts.initialValue) {
-        if (obj && obj.k)
+        if (obj && obj.k) {
           setValue(component, new Date(obj.k));
-        else
+        }
+        else {
           setValue(component, new Date(opts.initialValue));
+        }
       }
       if (opts.firstDayIndex)
         el.kupData.firstDayIndex = opts.firstDayIndex;
@@ -73,6 +75,9 @@ export function prepareCalendar(component) {
   return (h("div", { id: component.rootElement.id + '_calendar' }, h("div", { class: "section-1" }, h("div", { class: "sub-1 nav" }, prevButtonComp, h(FButton, Object.assign({}, changeViewButtonProp)), nextButtonComp)), h("div", { class: "section-2" }, createCalendar(component))));
 }
 function setValue(component, value) {
+  if (!!(value instanceof Date)) {
+    value = new Date();
+  }
   const el = component.rootElement;
   el.kupData.value = value;
   el.kupData.day = el.kupData.value.getDate();

package/dist/collection/components/kup-data-table/kup-data-table-declarations.js

@@ -42,6 +42,7 @@ export var KupDataTableProps;
   KupDataTableProps["rowsPerPage"] = "Sets the number of rows per page to display.";
   KupDataTableProps["scrollOnHover"] = "Activates the scroll on hover function.";
   KupDataTableProps["showCustomization"] = "If set to true, displays the button to open the customization panel.";
+  KupDataTableProps["selection"] = "Set the type of the rows selection.";
   KupDataTableProps["showDeleteButton"] = "Enables the delete row button.";
   KupDataTableProps["showFilters"] = "When set to true enables the column filters.";
   KupDataTableProps["showFooter"] = "When set to true shows the footer.";

package/dist/collection/components/kup-data-table/kup-data-table-helper.js

@@ -768,15 +768,17 @@ function cloneRow(row) {
   if (row == null) {
     return null;
   }
-  let cloned = {
-    id: row.id,
-    cells: Object.assign({}, row.cells),
-    actions: row.actions ? [...row.actions] : null,
-    group: cloneRowGroup(row.group),
-    readOnly: row.readOnly,
-    cssClass: row.cssClass,
-  };
-  return cloned;
+  else {
+    return {
+      id: row.id,
+      cells: Object.assign({}, row.cells),
+      actions: row.actions ? [...row.actions] : null,
+      group: cloneRowGroup(row.group),
+      clonedFrom: row,
+      readOnly: row.readOnly,
+      cssClass: row.cssClass,
+    };
+  }
 }
 function cloneRows(rows) {
   if (rows == null) {

package/dist/collection/components/kup-data-table/kup-data-table-state.js

@@ -5,8 +5,8 @@ export class KupDataTableState {
     this.expandGroups = false;
     this.groupLabelDisplay = GroupLabelDisplayMode.BOTH;
     this.density = 'small';
-    this.enableExtraColumns = true;
     this.enableSortableColumns = false;
+    this.enableExtraColumns = true;
     this.forceOneLine = false;
     this.globalFilter = false;
     this.globalFilterValue = '';

package/dist/collection/components/kup-data-table/kup-data-table.css

@@ -420,7 +420,8 @@ th.obj:hover span:not(.overlay-action) {
 }
 
 .insert-button,
-.delete-button {
+.delete-button,
+.save-button {
   padding: 1em 0.5em;
 }
 

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -480,7 +480,11 @@ export class KupDataTable {
     for (let index = 0; index < currentRows.length; index++) {
       const row = currentRows[index];
       if (ids.includes(row.id)) {
-        deletedRows.push(row);
+        const r = row.clonedFrom ? row.clonedFrom : row;
+        deletedRows.push(r);
+        if (this.selectedRows.includes(row)) {
+          this.selectedRows.splice(this.selectedRows.indexOf(row), 1);
+        }
       }
       else {
         newRows.push(row);
@@ -569,7 +573,16 @@ export class KupDataTable {
    * This method will get the selected rows of the component.
    */
   async getSelectedRows() {
-    return this.selectedRows;
+    const selRows = [];
+    this.selectedRows.forEach((row) => {
+      if (row.clonedFrom) {
+        selRows.push(row.clonedFrom);
+      }
+      else {
+        selRows.push(row);
+      }
+    });
+    return selRows;
   }
   /**
    * Hides the given column.
@@ -647,7 +660,7 @@ export class KupDataTable {
    */
   async refresh(recalcRows) {
     if (recalcRows) {
-      this.recalculateRowsAndUndoSelections();
+      __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_initRows).call(this);
     }
     forceUpdate(this);
   }
@@ -1192,7 +1205,24 @@ export class KupDataTable {
     if (this.tableHeight !== undefined || this.tableWidth !== undefined) {
       belowClass += ' custom-size';
     }
-    const compCreated = (h(Host, null, h("style", null, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "above-wrapper" }, this.globalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+    const autoselectOnAction = (e) => {
+      if (e && e.detail && e.detail.row) {
+        const row = e.detail.row;
+        if (!this.selectedRows.includes(row)) {
+          if (this.selection === SelectionMode.MULTIPLE_CHECKBOX ||
+            this.selection === SelectionMode.MULTIPLE) {
+            this.selectedRows.push(row);
+          }
+          else {
+            this.selectedRows = [row];
+          }
+        }
+        if (e.type === 'kup-cell-input') {
+          this.refresh();
+        }
+      }
+    };
+    const compCreated = (h(Host, { "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h("style", null, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "above-wrapper" }, this.globalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
         const t = event.target;
         window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
         __classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
@@ -1214,14 +1244,22 @@ export class KupDataTable {
               value: '',
             };
           }
-          this.data.rows.unshift({
+          const row = {
             cells,
             id: __classPrivateFieldGet(this, _KupDataTable_INSERT_PREFIX, "f") +
               __classPrivateFieldGet(this, _KupDataTable_insertCount, "f"),
-          });
+          };
+          this.data.rows.unshift(row);
           await this.refresh(true);
         }
-      }, styling: FButtonStyling.OUTLINED, title: "Insert row", wrapperClass: "insert-button" })) : null, this.showDeleteButton &&
+      }, styling: FButtonStyling.OUTLINED, title: "Insert row", wrapperClass: "insert-button" })) : null, this.insertMode !== '' &&
+      this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
+        this.kupSave.emit({
+          comp: this,
+          id: this.rootElement.id,
+          selectedRows: this.selectedRows,
+        });
+      }, styling: FButtonStyling.OUTLINED, title: "Save", wrapperClass: "save-button" })) : null, this.showDeleteButton &&
       this.selectedRows.length > 0 ? (h(FButton, { icon: "delete", onClick: () => {
         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_rowsDelete).call(this);
       }, styling: FButtonStyling.OUTLINED, title: "Delete selected rows", wrapperClass: "delete-button" })) : null), h("div", { class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
@@ -2627,6 +2665,26 @@ export class KupDataTable {
             }
           }
         }
+      }, {
+        "method": "kupSave",
+        "name": "kup-datatable-save",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when the save button is pressed."
+        },
+        "complexType": {
+          "original": "KupDatatableInsertRowEventPayload",
+          "resolved": "KupDatatableInsertRowEventPayload",
+          "references": {
+            "KupDatatableInsertRowEventPayload": {
+              "location": "import",
+              "path": "./kup-data-table-declarations"
+            }
+          }
+        }
       }, {
         "method": "kupInsertRow",
         "name": "kup-datatable-insert-row",
@@ -3325,12 +3383,27 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_setTransposedData).call(this);
   }
 }, _KupDataTable_getRow = function _KupDataTable_getRow(id) {
-  if (typeof id === 'number') {
-    return this.data.rows[id];
+  let row = null;
+  const search = (rows) => {
+    if (rows && rows.length > 0 && !row) {
+      test(rows);
+    }
+  };
+  const test = (rows) => {
+    if (typeof id === 'number') {
+      row = rows[id];
+    }
+    else {
+      row = rows.find((row) => row.id === id);
+    }
+  };
+  if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this) && typeof id === 'string') {
+    __classPrivateFieldGet(this, _KupDataTable_paginatedRows, "f").forEach((row) => search(row.group.children));
   }
   else {
-    return this.data.rows.find((row) => row.id === id);
+    test(__classPrivateFieldGet(this, _KupDataTable_rows, "f"));
   }
+  return row;
 }, _KupDataTable_getTransposedData = function _KupDataTable_getTransposedData(column) {
   if (column) {
     this.filters = {};
@@ -4078,7 +4151,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     this.kupInsertRow.emit({
       comp: this,
       id: this.rootElement.id,
-      row: row,
+      selectedRows: [row],
     });
   });
   buttonWrapper.append(cancel);

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

@@ -835,11 +835,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
   let objKey;
   if (this.axis) {
     for (const row of this.data.rows) {
-      objKey = row.cells[this.axis].value;
-      y[objKey] = [];
+      objKey = row.cells[this.axis].value.trim();
+      if (!y[objKey]) {
+        y[objKey] = [];
+      }
       for (const key of Object.keys(row.cells)) {
         const cell = row.cells[key];
-        const value = cell.value;
+        const value = cell.value.trim();
         if (!this.axis.includes(key)) {
           if (this.series &&
             this.series.length > 0 &&

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

@@ -222,7 +222,7 @@ export class KupForm {
     if (isGrid) {
       sectionStyle['grid-template-columns'] = `repeat(${section.columns}, 1fr)`;
     }
-    return (h("div", { class: sectionClass, style: sectionStyle }, section.title ? h("h3", null, section.title) : null, h("table", null, h("tbody", null, section.horizontal ? (h("tr", null, sectionContent)) : (sectionContent)))));
+    return (h("div", { class: sectionClass, style: sectionStyle }, section.title ? h("h3", null, section.title) : null, section.horizontal ? (sectionContent) : (h("table", null, h("tbody", null, sectionContent)))));
   }
   renderFormField({ formField, row, visibleColumns, }, section) {
     var _a;

package/dist/collection/f-components/f-button/f-button.js

@@ -1,7 +1,6 @@
 import { h } from '@stencil/core';
 import { FButtonStyling } from './f-button-declarations';
 import { FImage } from '../f-image/f-image';
-const dom = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/

package/dist/collection/managers/kup-data/kup-data.js

@@ -223,7 +223,9 @@ export class KupData {
               }
             }
           }
-          else if (value === cell.value) {
+          else if (value &&
+            cell.value &&
+            value.trim() === cell.value.trim()) {
             result.cells.push(cell);
             result.rows.push(row);
           }

package/dist/collection/utils/filters/filters-rows.js

@@ -185,7 +185,8 @@ export class FiltersRows extends Filters {
       isUsingGlobalFilter) {
       for (let i = 0; i < rows.length; i++) {
         let r = rows[i];
-        if (this.isRowCompliant(r, filters, globalFilter, isUsingGlobalFilter, columns, columnFilters)) {
+        if ((r.id && r.id.indexOf('insert_') > -1) ||
+          this.isRowCompliant(r, filters, globalFilter, isUsingGlobalFilter, columns, columnFilters)) {
           filteredRows[filteredRows.length] = r;
         }
       }

package/dist/collection/utils/kup-column-menu/kup-column-menu.js

@@ -86,7 +86,7 @@ export class KupColumnMenu {
       : column.obj
         ? [column.obj]
         : null;
-    data.switch = this.prepSwitch(comp, column);
+    data.switch = this.prepSwitch(comp, column, data.object);
     if (!currentData) {
       data.tabbar = this.prepTabBar(comp, column);
       data.text = [column.title];
@@ -241,12 +241,15 @@ export class KupColumnMenu {
    * Handles the column menu's switch prop.
    * @param {KupDataTable | KupTree} comp - Component using the column menu.
    * @param {KupDataColumn} column - Column of the menu.
+   * @param {KupObj[]} objs - Column's objs.
    * @returns {GenericObject[]} Switches props.
    */
-  prepSwitch(comp, column) {
+  prepSwitch(comp, column, objs) {
     const props = [];
     if (!FiltersColumnMenu.isTree(comp)) {
-      if (!dom.ketchup.objects.isEmptyKupObj(column.obj)) {
+      if (objs &&
+        objs.length > 0 &&
+        !dom.ketchup.objects.isEmptyKupObj(objs[0])) {
         props.push({
           'data-storage': {
             columnName: column.name,