@sme.up/ketchup 5.0.0 → 5.2.1-SNAPSHOT

package/dist/collection/assets/index.js

@@ -19,164 +19,172 @@ 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: 'KupTooltip',
+        id: 'kuptooltip.html',
     },
     {
-        text: 'List',
-        value: 'list.html',
+        value: 'Layout',
+        id: 'layout.html',
     },
     {
-        text: 'Magic box',
-        value: 'magic-box.html',
+        value: 'List',
+        id: 'list.html',
     },
     {
-        text: 'Nav bar',
-        value: 'nav-bar.html',
+        value: 'Magic box',
+        id: 'magic-box.html',
     },
     {
-        text: 'Radio',
-        value: 'radio.html',
+        value: 'Nav bar',
+        id: 'nav-bar.html',
     },
     {
-        text: 'Rating',
-        value: 'rating.html',
+        value: 'Numeric picker',
+        id: 'numeric-picker.html',
     },
     {
-        text: 'Snackbar',
-        value: 'snackbar.html',
+        value: 'Radio',
+        id: 'radio.html',
     },
     {
-        text: 'Switch',
-        value: 'switch.html',
+        value: 'Rating',
+        id: 'rating.html',
     },
     {
-        text: 'Tab bar',
-        value: 'tab-bar.html',
+        value: 'Snackbar',
+        id: 'snackbar.html',
     },
     {
-        text: 'Time picker',
-        value: 'time-picker.html',
+        value: 'Switch',
+        id: 'switch.html',
     },
     {
-        text: 'Text field',
-        value: 'text-field.html',
+        value: 'Tab bar',
+        id: 'tab-bar.html',
     },
     {
-        text: 'Tooltip',
-        value: 'tooltip.html',
+        value: 'Time picker',
+        id: 'time-picker.html',
     },
     {
-        text: 'Tree',
-        value: 'tree.html',
+        value: 'Text field',
+        id: 'text-field.html',
+    },
+    {
+        value: 'Tooltip',
+        id: 'tooltip.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 +222,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,