@sme.up/ketchup 5.0.0 → 5.1.1

package/dist/collection/assets/index.js

@@ -19,164 +19,164 @@ for (let index = 0; index < cards.length; index++) {
 const components = document.querySelector('#components');
 components.data = [
     {
-        text: 'Accordion',
-        value: 'accordion.html',
+        value: 'Accordion',
+        id: 'accordion.html',
     },
     {
-        text: 'Autocomplete',
-        value: 'autocomplete.html',
+        value: 'Autocomplete',
+        id: 'autocomplete.html',
     },
     {
-        text: 'Box',
-        value: 'box.html',
+        value: 'Box',
+        id: 'box.html',
     },
     {
-        text: 'Button',
-        value: 'button.html',
+        value: 'Button',
+        id: 'button.html',
     },
     {
-        text: 'Button list',
-        value: 'button-list.html',
+        value: 'Button list',
+        id: 'button-list.html',
     },
     {
-        text: 'Calendar',
-        value: 'calendar.html',
+        value: 'Calendar',
+        id: 'calendar.html',
     },
     {
-        text: 'Card',
-        value: 'card.html',
+        value: 'Card',
+        id: 'card.html',
     },
     {
-        text: 'Cell',
-        value: 'cell.html',
+        value: 'Cell',
+        id: 'cell.html',
     },
     {
-        text: 'Chart',
-        value: 'chart.html',
+        value: 'Chart',
+        id: 'chart.html',
     },
     {
-        text: 'Checkbox',
-        value: 'checkbox.html',
+        value: 'Checkbox',
+        id: 'checkbox.html',
     },
     {
-        text: 'Chip',
-        value: 'chip.html',
+        value: 'Chip',
+        id: 'chip.html',
     },
     {
-        text: 'Color picker',
-        value: 'color-picker.html',
+        value: 'Color picker',
+        id: 'color-picker.html',
     },
     {
-        text: 'Combobox',
-        value: 'combobox.html',
+        value: 'Combobox',
+        id: 'combobox.html',
     },
     {
-        text: 'Dash list',
-        value: 'dash-list.html',
+        value: 'Dash list',
+        id: 'dash-list.html',
     },
     {
-        text: 'Data table',
-        value: 'data-table.html',
+        value: 'Data table',
+        id: 'data-table.html',
     },
     {
-        text: 'Date picker',
-        value: 'date-picker.html',
+        value: 'Date picker',
+        id: 'date-picker.html',
     },
     {
-        text: 'Drawer',
-        value: 'drawer.html',
+        value: 'Drawer',
+        id: 'drawer.html',
     },
     {
-        text: 'Dropdown button',
-        value: 'dropdown-button.html',
+        value: 'Dropdown button',
+        id: 'dropdown-button.html',
     },
     {
-        text: 'Echart',
-        value: 'echart.html',
+        value: 'Echart',
+        id: 'echart.html',
     },
     {
-        text: 'Gauge',
-        value: 'gauge.html',
+        value: 'Gauge',
+        id: 'gauge.html',
     },
     {
-        text: 'Image',
-        value: 'image.html',
+        value: 'Image',
+        id: 'image.html',
     },
     {
-        text: 'KupData',
-        value: 'kupdata.html',
+        value: 'KupData',
+        id: 'kupdata.html',
     },
     {
-        text: 'Layout',
-        value: 'layout.html',
+        value: 'Layout',
+        id: 'layout.html',
     },
     {
-        text: 'List',
-        value: 'list.html',
+        value: 'List',
+        id: 'list.html',
     },
     {
-        text: 'Magic box',
-        value: 'magic-box.html',
+        value: 'Magic box',
+        id: 'magic-box.html',
     },
     {
-        text: 'Nav bar',
-        value: 'nav-bar.html',
+        value: 'Nav bar',
+        id: 'nav-bar.html',
     },
     {
-        text: 'Radio',
-        value: 'radio.html',
+        value: 'Radio',
+        id: 'radio.html',
     },
     {
-        text: 'Rating',
-        value: 'rating.html',
+        value: 'Rating',
+        id: 'rating.html',
     },
     {
-        text: 'Snackbar',
-        value: 'snackbar.html',
+        value: 'Snackbar',
+        id: 'snackbar.html',
     },
     {
-        text: 'Switch',
-        value: 'switch.html',
+        value: 'Switch',
+        id: 'switch.html',
     },
     {
-        text: 'Tab bar',
-        value: 'tab-bar.html',
+        value: 'Tab bar',
+        id: 'tab-bar.html',
     },
     {
-        text: 'Time picker',
-        value: 'time-picker.html',
+        value: 'Time picker',
+        id: 'time-picker.html',
     },
     {
-        text: 'Text field',
-        value: 'text-field.html',
+        value: 'Text field',
+        id: 'text-field.html',
     },
     {
-        text: 'Tooltip',
-        value: 'tooltip.html',
+        value: 'Tooltip',
+        id: 'tooltip.html',
     },
     {
-        text: 'Tree',
-        value: 'tree.html',
+        value: 'Tree',
+        id: 'tree.html',
     },
 ];
 // Setting up performance pages
 const performances = document.querySelector('#performances');
 performances.data = [
     {
-        text: 'Box',
-        value: 'box-performance.html',
+        value: 'Box',
+        id: 'box-performance.html',
     },
     {
-        text: 'Card',
-        value: 'card-performance.html',
+        value: 'Card',
+        id: 'card-performance.html',
     },
     {
-        text: 'Data table',
-        value: 'data-table-performance.html',
+        value: 'Data table',
+        id: 'data-table-performance.html',
     },
     {
-        text: 'Tree',
-        value: 'tree-performance.html',
+        value: 'Tree',
+        id: 'tree-performance.html',
     },
 ];
 // Setting up events
@@ -214,7 +214,7 @@ document.addEventListener('kup-button-click', (e) => {
     }
 });
 document.addEventListener('kup-list-click', (e) => {
-    gotoPage(e, e.detail.selected.value);
+    gotoPage(e, e.detail.selected.id);
 });
 
 function isDarkMode() {

package/dist/collection/assets/kupdata.js

@@ -819,7 +819,7 @@ gaussianButtons.forEach((but, index) => {
 function newEvent(index) {
     outputTable.data = null;
     const dataset = { ...inputTable.data };
-    outputTable.data = kupManager.data.datasetOperations.new(
+    outputTable.data = kupManager.data.new(
         dataset,
         index === 0
             ? newColumns
@@ -833,49 +833,37 @@ function replaceEvent(index) {
     newEvent(index);
     const newDataset = { ...outputTable.data };
     if (index === 0) {
-        kupManager.data.datasetOperations.cell.replace(
-            newDataset,
-            { value: 'From 20 to 39' },
-            ['2039']
-        );
-        kupManager.data.datasetOperations.cell.replace(
-            newDataset,
-            { value: 'From 40 to 59' },
-            ['4059']
-        );
-        kupManager.data.datasetOperations.cell.replace(
-            newDataset,
-            { value: 'From 60 to 99' },
-            ['6099']
-        );
+        kupManager.data.cell.replace(newDataset, { value: 'From 20 to 39' }, [
+            '2039',
+        ]);
+        kupManager.data.cell.replace(newDataset, { value: 'From 40 to 59' }, [
+            '4059',
+        ]);
+        kupManager.data.cell.replace(newDataset, { value: 'From 60 to 99' }, [
+            '6099',
+        ]);
     } else if (index === 1) {
-        kupManager.data.datasetOperations.cell.replace(
-            newDataset,
-            { value: 'From A to C' },
-            ['AC']
-        );
-        kupManager.data.datasetOperations.cell.replace(
-            newDataset,
-            { value: 'From D to P' },
-            ['DP']
-        );
-        kupManager.data.datasetOperations.cell.replace(
-            newDataset,
-            { value: 'From Q to Z' },
-            ['QZ']
-        );
+        kupManager.data.cell.replace(newDataset, { value: 'From A to C' }, [
+            'AC',
+        ]);
+        kupManager.data.cell.replace(newDataset, { value: 'From D to P' }, [
+            'DP',
+        ]);
+        kupManager.data.cell.replace(newDataset, { value: 'From Q to Z' }, [
+            'QZ',
+        ]);
     } else if (index === 2) {
-        kupManager.data.datasetOperations.cell.replace(
+        kupManager.data.cell.replace(
             newDataset,
             { value: 'From 1700 to 1900' },
             ['17001900']
         );
-        kupManager.data.datasetOperations.cell.replace(
+        kupManager.data.cell.replace(
             newDataset,
             { value: 'From 1901 to 1950' },
             ['19011950']
         );
-        kupManager.data.datasetOperations.cell.replace(
+        kupManager.data.cell.replace(
             newDataset,
             { value: 'From 1951 to 2022' },
             ['19512022']
@@ -888,17 +876,17 @@ function mergeEvent(index) {
     replaceEvent(index);
     const newDataset = { ...outputTable.data };
     if (index === 0) {
-        kupManager.data.datasetOperations.column.new(newDataset, 'merge', {
+        kupManager.data.column.new(newDataset, 'merge', {
             columns: ['2039', '4059', '6099'],
             newColumn: resultingColumn,
         });
     } else if (index === 1) {
-        kupManager.data.datasetOperations.column.new(newDataset, 'merge', {
+        kupManager.data.column.new(newDataset, 'merge', {
             columns: ['AC', 'DP', 'QZ'],
             newColumn: resultingColumnString,
         });
     } else if (index === 2) {
-        kupManager.data.datasetOperations.column.new(newDataset, 'merge', {
+        kupManager.data.column.new(newDataset, 'merge', {
             columns: ['17001900', '19011950', '19512022'],
             newColumn: resultingColumnDate,
         });
@@ -908,7 +896,7 @@ function mergeEvent(index) {
 
 function distinctEvent(index) {
     mergeEvent(index);
-    const newDataset = kupManager.data.datasetOperations.distinct({
+    const newDataset = kupManager.data.distinct({
         ...outputTable.data,
     });
     outputTable.data = newDataset;
@@ -919,21 +907,21 @@ function allInOneEvent(index, titleColumn) {
     const dataset = { ...inputTable.data };
     let newDataset;
     if (index === 0) {
-        newDataset = kupManager.data.datasetOperations.rangedDistinct(
+        newDataset = kupManager.data.rangedDistinct(
             dataset,
             newColumns,
             resultingColumn,
             titleColumn
         );
     } else if (index === 1) {
-        newDataset = kupManager.data.datasetOperations.rangedDistinct(
+        newDataset = kupManager.data.rangedDistinct(
             dataset,
             newColumnsString,
             resultingColumnString,
             titleColumn
         );
     } else if (index === 2) {
-        newDataset = kupManager.data.datasetOperations.rangedDistinct(
+        newDataset = kupManager.data.rangedDistinct(
             dataset,
             newColumnsDate,
             resultingColumnDate,

package/dist/collection/assets/list.js

@@ -4,23 +4,23 @@ for (let index = 0; index < lists.length; index++) {
     const list = lists[index];
     list.data = [
         {
-            text: 'First item',
+            value: 'First item',
             secondaryText: 'I am a description',
-            value: '1',
+            id: '1',
             icon: 'filter_1',
             selected: false,
         },
         {
-            text: 'Second item',
+            value: 'Second item',
             secondaryText: 'I am a description',
-            value: '2',
+            id: '2',
             icon: 'filter_2',
             selected: false,
         },
         {
-            text: 'Third item',
+            value: 'Third item',
             secondaryText: 'I am a description',
-            value: '3',
+            id: '3',
             icon: 'filter_3',
             selected: false,
         },

package/dist/collection/assets/nav-bar.js

@@ -12,12 +12,12 @@ dropdownEl.data = {
     'kup-list': {
         data: [
             {
-                text: 'Short',
-                value: 'short',
+                value: 'Short',
+                id: 'short',
             },
             {
-                text: 'Standard',
-                value: 'standard',
+                value: 'Standard',
+                id: 'standard',
             },
         ],
     },

package/dist/collection/assets/probe.js

@@ -35,40 +35,40 @@ combobox.data = {
     'kup-list': {
         data: [
             {
-                text: 'No features',
-                value: 'empty',
+                value: 'No features',
+                id: 'empty',
             },
             {
-                text: 'KupDebug',
-                value: 'debug',
+                value: 'KupDebug',
+                id: 'debug',
             },
             {
-                text: 'KupLanguage',
-                value: 'language',
+                value: 'KupLanguage',
+                id: 'language',
             },
             {
-                text: 'KupTheme',
-                value: 'theme',
+                value: 'KupTheme',
+                id: 'theme',
             },
             {
-                text: 'Long cycle (props)',
-                value: 'cycleprops',
+                value: 'Long cycle (props)',
+                id: 'cycleprops',
             },
             {
-                text: 'Long cycle (variables)',
-                value: 'cyclevars',
+                value: 'Long cycle (variables)',
+                id: 'cyclevars',
             },
             {
-                text: 'Long cycle (KupObjects)',
-                value: 'cycleobjects',
+                value: 'Long cycle (KupObjects)',
+                id: 'cycleobjects',
             },
             {
-                text: 'Long cycle (object function)',
-                value: 'cycleobjectsfunction',
+                value: 'Long cycle (object function)',
+                id: 'cycleobjectsfunction',
             },
             {
-                text: 'All features',
-                value: 'full',
+                value: 'All features',
+                id: 'full',
             },
         ],
     },

package/dist/collection/collection-manifest.json

@@ -34,6 +34,7 @@
     "./components/kup-list/kup-list.js",
     "./components/kup-magic-box/kup-magic-box.js",
     "./components/kup-nav-bar/kup-nav-bar.js",
+    "./components/kup-photo-frame/kup-photo-frame.js",
     "./components/kup-probe/kup-probe.js",
     "./components/kup-progress-bar/kup-progress-bar.js",
     "./components/kup-qlik/kup-qlik.js",
@@ -46,7 +47,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.14.0",
+    "version": "2.14.1",
     "typescriptVersion": "4.5.4"
   },
   "collections": [],

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

@@ -158,7 +158,7 @@ export class KupAutocomplete {
     });
   }
   onKupItemClick(e) {
-    this.onKupChange(e.detail.selected.value);
+    this.onKupChange(e.detail.selected.id);
     this.closeList();
     if (this.textfieldEl) {
       this.textfieldEl.focus();
@@ -304,12 +304,12 @@ export class KupAutocomplete {
   isListOpened() {
     return this.listEl.menuVisible == true;
   }
-  consistencyCheck(e, valueIn) {
+  consistencyCheck(e, idIn) {
     if (!this.doConsistencyCheck) {
       return;
     }
     this.doConsistencyCheck = false;
-    const ret = consistencyCheck(valueIn, this.data['kup-list'], this.listEl, this.selectMode, this.displayMode, e);
+    const ret = consistencyCheck(idIn, this.data['kup-list'], this.listEl, this.selectMode, this.displayMode, e);
     if (ret.exists || this.allowInconsistentValues) {
       this.value = ret.value;
       this.displayedValue = ret.displayedValue;
@@ -318,9 +318,9 @@ export class KupAutocomplete {
       }
     }
     else {
-      this.displayedValue = valueIn;
+      this.displayedValue = idIn;
       if (this.listEl != null && !this.serverHandledFilter) {
-        this.listEl.filter = valueIn;
+        this.listEl.filter = idIn;
       }
     }
     return ret;

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

@@ -6,7 +6,7 @@ import { filterRows, sortRows, paginateRows, } from '../kup-data-table/kup-data-
 import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
 import { KupBoxState } from './kup-box-state';
 import { setTooltip, unsetTooltip } from '../../utils/helpers';
-import { deepEqual, getProps, identify, setProps } from '../../utils/utils';
+import { getProps, identify, setProps } from '../../utils/utils';
 import { FImage } from '../../f-components/f-image/f-image';
 import { FChip } from '../../f-components/f-chip/f-chip';
 import { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';
@@ -181,19 +181,19 @@ export class KupBox {
   persistState() {
     if (this.store && this.stateId) {
       let somethingChanged = false;
-      if (!deepEqual(this.state.sortBy, this.sortBy)) {
+      if (!this.kupManager.objects.deepEqual(this.state.sortBy, this.sortBy)) {
         this.state.sortBy = this.sortBy;
         somethingChanged = true;
       }
-      if (!deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
+      if (!this.kupManager.objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
         this.state.globalFilterValue = this.globalFilterValue;
         somethingChanged = true;
       }
-      if (!deepEqual(this.state.pageSelected, this.currentPage)) {
+      if (!this.kupManager.objects.deepEqual(this.state.pageSelected, this.currentPage)) {
         this.state.pageSelected = this.currentPage;
         somethingChanged = true;
       }
-      if (!deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
+      if (!this.kupManager.objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
         this.state.rowsPerPage = this.currentRowsPerPage;
         somethingChanged = true;
       }
@@ -201,7 +201,7 @@ export class KupBox {
         const prefix = currentIndex > 0 ? ';' : '';
         return accumulator + prefix + row.id;
       }, '');
-      if (!deepEqual(this.state.selectedRowsState, selectedRowsState)) {
+      if (!this.kupManager.objects.deepEqual(this.state.selectedRowsState, selectedRowsState)) {
         this.state.selectedRowsState = selectedRowsState;
         somethingChanged = true;
       }
@@ -1207,13 +1207,13 @@ export class KupBox {
       // creating items
       const visibleColumnsItems = this.visibleColumns.map((column) => {
         const item = {
-          text: column.title,
-          value: column.name,
+          value: column.title,
+          id: column.name,
           selected: column.name === this.sortBy,
         };
         return item;
       });
-      const items = [{ text: '', value: '' }, ...visibleColumnsItems];
+      const items = [{ value: '', id: '' }, ...visibleColumnsItems];
       let textfieldData = {
         label: this.kupManager.language.translate(KupLanguageGeneric.SORT_BY),
         trailingIcon: true,

package/dist/collection/components/kup-button-list/kup-button-list.js

@@ -82,7 +82,7 @@ export class KupButtonList {
     if (newData.columns) {
       this.kupManager.debug.logMessage(this, 'Detected KupDataDataset: converting rows to nodes.', KupDebugCategory.WARNING);
       const data = this.data;
-      this.data = this.kupManager.data.datasetOperations.row.toNode(data);
+      this.data = this.kupManager.data.row.toNode(data);
     }
   }
   /*-------------------------------------------------*/
@@ -216,10 +216,10 @@ export class KupButtonList {
     return data;
   }
   getKupListDataForChildren(children) {
-    let ris = [];
+    const ris = [];
     for (let i = 0; i < children.length; i++) {
-      let tn = children[i];
-      ris.push({ text: tn.value, icon: tn.icon, value: i.toString() });
+      const tn = children[i];
+      ris.push({ icon: tn.icon, id: i.toString(), value: tn.value });
     }
     return ris;
   }

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

@@ -83,7 +83,7 @@ function prepTimeArea(component) {
 function onKupClockItemClick(e, component, value) {
   if (e != null) {
     if (value == null) {
-      value = e.detail.selected.value;
+      value = e.detail.selected.id;
     }
   }
   setClockValueSelected(component, value);