@sme.up/ketchup 5.0.0 → 5.1.1

package/dist/collection/assets/card.js

@@ -16,33 +16,33 @@ for (let index = 0; index < cards.length; index++) {
                     'kup-list': {
                         data: [
                             {
-                                text: 'Cliente',
-                                value: 'CN;CLI;',
+                                value: 'Cliente',
+                                id: 'CN;CLI;',
                                 selected: false,
                             },
                             {
-                                text: 'Collaboratore',
-                                value: 'CN;COL;',
+                                value: 'Collaboratore',
+                                id: 'CN;COL;',
                                 selected: false,
                             },
                             {
-                                text: 'Fornitore',
-                                value: 'CN;FOR;',
+                                value: 'Fornitore',
+                                id: 'CN;FOR;',
                                 selected: false,
                             },
                             {
-                                text: 'Oggetto V2 JAGRA',
-                                value: 'OG;V2;JAGRA',
+                                value: 'Oggetto V2 JAGRA',
+                                id: 'OG;V2;JAGRA',
                                 selected: false,
                             },
                             {
-                                text: 'Oggetto number',
-                                value: 'NR;;',
+                                value: 'Oggetto number',
+                                id: 'NR;;',
                                 selected: false,
                             },
                             {
-                                text: 'Oggetto date',
-                                value: 'D8;;',
+                                value: 'Oggetto date',
+                                id: 'D8;;',
                                 selected: false,
                             },
                         ],
@@ -60,33 +60,33 @@ for (let index = 0; index < cards.length; index++) {
                     'kup-list': {
                         data: [
                             {
-                                text: 'Cliente',
-                                value: 'CN;CLI;',
+                                value: 'Cliente',
+                                id: 'CN;CLI;',
                                 selected: false,
                             },
                             {
-                                text: 'Collaboratore',
-                                value: 'CN;COL;',
+                                value: 'Collaboratore',
+                                id: 'CN;COL;',
                                 selected: false,
                             },
                             {
-                                text: 'Fornitore',
-                                value: 'CN;FOR;',
+                                value: 'Fornitore',
+                                id: 'CN;FOR;',
                                 selected: false,
                             },
                             {
-                                text: 'Oggetto V2 JAGRA',
-                                value: 'OG;V2;JAGRA',
+                                value: 'Oggetto V2 JAGRA',
+                                id: 'OG;V2;JAGRA',
                                 selected: false,
                             },
                             {
-                                text: 'Oggetto number',
-                                value: 'NR;;',
+                                value: 'Oggetto number',
+                                id: 'NR;;',
                                 selected: false,
                             },
                             {
-                                text: 'Oggetto date',
-                                value: 'D8;;',
+                                value: 'Oggetto date',
+                                id: 'D8;;',
                                 selected: false,
                             },
                         ],
@@ -351,21 +351,21 @@ for (let index = 0; index < cards.length; index++) {
             {
                 data: [
                     {
-                        text: 'First choice',
-                        value: '1',
+                        value: 'First choice',
+                        id: '1',
                         icon: 'add_alert',
                         trailingIcon: true,
                         selected: false,
                     },
                     {
-                        text: 'Selected choice',
-                        value: '2',
+                        value: 'Selected choice',
+                        id: '2',
                         selected: true,
                         icon: 'ac_unit',
                     },
                     {
-                        text: 'Third choice (below a separator)',
-                        value: '3',
+                        value: 'Third choice (below a separator)',
+                        id: '3',
                         icon: '3d_rotation',
                         selected: false,
                         separator: true,

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

@@ -45,34 +45,28 @@ document.addEventListener('kup-datatable-columnmenu', (e) => {
                     'kup-list': {
                         data: [
                             {
-                                text: 'Cliente',
-                                value: 'CN;CLI;',
-                                selected: false,
+                                value: 'Cliente',
+                                id: 'CN;CLI;',
                             },
                             {
-                                text: 'Collaboratore',
-                                value: 'CN;COL;',
-                                selected: false,
+                                value: 'Collaboratore',
+                                id: 'CN;COL;',
                             },
                             {
-                                text: 'Fornitore',
-                                value: 'CN;FOR;',
-                                selected: false,
+                                value: 'Fornitore',
+                                id: 'CN;FOR;',
                             },
                             {
-                                text: 'Oggetto V2 JAGRA',
-                                value: 'OG;V2;JAGRA',
-                                selected: false,
+                                value: 'Oggetto V2 JAGRA',
+                                id: 'OG;V2;JAGRA',
                             },
                             {
-                                text: 'Oggetto number',
-                                value: 'NR;;',
-                                selected: false,
+                                value: 'Oggetto number',
+                                id: 'NR;;',
                             },
                             {
-                                text: 'Oggetto date',
-                                value: 'D8;;',
-                                selected: false,
+                                value: 'Oggetto date',
+                                id: 'D8;;',
                             },
                         ],
                     },
@@ -193,18 +187,18 @@ const completeData = {
                             'kup-list': {
                                 data: [
                                     {
-                                        text: 'First item',
-                                        value: 'CODE_1',
+                                        value: 'First item',
+                                        id: 'CODE_1',
                                         selected: false,
                                     },
                                     {
-                                        text: 'Second item',
-                                        value: 'CODE_2',
+                                        value: 'Second item',
+                                        id: 'CODE_2',
                                         selected: false,
                                     },
                                     {
-                                        text: 'Third item',
-                                        value: 'CODE_3',
+                                        value: 'Third item',
+                                        id: 'CODE_3',
                                         selected: false,
                                     },
                                 ],
@@ -398,18 +392,18 @@ const completeData = {
                             'kup-list': {
                                 data: [
                                     {
-                                        text: 'First item',
-                                        value: 'CODE_1',
+                                        value: 'First item',
+                                        id: 'CODE_1',
                                         selected: false,
                                     },
                                     {
-                                        text: 'Second item',
-                                        value: 'CODE_2',
+                                        value: 'Second item',
+                                        id: 'CODE_2',
                                         selected: false,
                                     },
                                     {
-                                        text: 'Third item',
-                                        value: 'CODE_3',
+                                        value: 'Third item',
+                                        id: 'CODE_3',
                                         selected: false,
                                     },
                                 ],

package/dist/collection/assets/echart.js

@@ -0,0 +1,481 @@
+const echart1 = document.getElementById('piechart');
+const echart2 = document.getElementById('mapchart');
+const echart3 = document.getElementById('gaussianchart');
+const echart4 = document.getElementById('gaussian1chart');
+const echart5 = document.getElementById('gaussian2chart');
+
+const mockData = {
+    columns: [
+        {
+            name: 'Col1',
+            title: 'Person',
+            size: '10',
+        },
+        {
+            name: 'Col2',
+            title: 'Value1',
+            size: '10',
+        },
+        {
+            name: 'Col3',
+            title: 'Value2',
+            size: '10',
+        },
+        {
+            name: 'Col4',
+            title: 'Value3',
+            size: '10',
+        },
+    ],
+    rows: [
+        {
+            cells: {
+                Col1: {
+                    obj: {
+                        t: 'CN',
+                        p: 'COL',
+                        k: 'CASFRA',
+                    },
+                    value: 'CASFRA',
+                },
+                Col2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '10',
+                    },
+                    value: '10',
+                },
+                Col3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '100.60',
+                    },
+                    value: '100.60',
+                },
+                Col4: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '55',
+                    },
+                    value: '55',
+                },
+            },
+            id: '0',
+        },
+        {
+            cells: {
+                Col1: {
+                    obj: {
+                        t: 'CN',
+                        p: 'COL',
+                        k: 'DELGIO',
+                    },
+                    value: 'DELGIO',
+                },
+                Col2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '6',
+                    },
+                    value: '6',
+                },
+                Col3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '67.8',
+                    },
+                    value: '67.8',
+                },
+                Col4: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '33',
+                    },
+                    value: '33',
+                },
+            },
+            id: '1',
+        },
+        {
+            cells: {
+                Col1: {
+                    obj: {
+                        t: 'CN',
+                        p: 'COL',
+                        k: 'PARFRA',
+                    },
+                    value: 'PARFRA',
+                },
+                Col2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '5',
+                    },
+                    value: '5',
+                },
+                Col3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '120.06',
+                    },
+                    value: '120.06',
+                },
+                Col4: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '77',
+                    },
+                    value: '77',
+                },
+            },
+            id: '2',
+        },
+    ],
+};
+echart1.chartTitle = {
+    value: 'This is a title.',
+    color: 'red',
+    position: 'top',
+    size: 16,
+};
+echart1.colors = ['blue'];
+echart1.series = ['Col3', 'Col4'];
+echart1.types = ['Line', 'Scatter'];
+echart1.data = mockData;
+echart2.axis = 'Col1';
+echart2.types = ['Map'];
+echart2.data = {
+    columns: [
+        {
+            name: 'Col1',
+            title: 'State',
+            size: '10',
+        },
+        {
+            name: 'Col2',
+            title: 'Color',
+            size: '10',
+        },
+        {
+            name: 'Col3',
+            title: 'Value',
+            size: '10',
+        },
+    ],
+    rows: [
+        {
+            cells: {
+                Col1: {
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: 'DE',
+                    },
+                    value: 'DE',
+                },
+                Col2: {
+                    obj: {
+                        t: 'Color',
+                        p: '',
+                        k: 'red',
+                    },
+                    value: 'red',
+                },
+                Col3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '100',
+                    },
+                    value: '100',
+                },
+            },
+        },
+        {
+            cells: {
+                Col1: {
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: 'US',
+                    },
+                    value: 'US',
+                },
+                Col2: {
+                    obj: {
+                        t: 'Color',
+                        p: '',
+                        k: 'Green',
+                    },
+                    value: 'Green',
+                },
+                Col3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '2000000',
+                    },
+                    value: '2000000',
+                },
+            },
+        },
+        {
+            cells: {
+                Col1: {
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: 'Brazil',
+                    },
+                    value: 'Brazil',
+                },
+                Col2: {
+                    obj: {
+                        t: 'Color',
+                        p: '',
+                        k: 'purple',
+                    },
+                    value: 'purple',
+                },
+                Col3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '300.3',
+                    },
+                    value: '300.3',
+                },
+            },
+        },
+        {
+            cells: {
+                Col1: {
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: 'Canada',
+                    },
+                    value: 'Canada',
+                },
+                Col2: {
+                    obj: {
+                        t: 'Color',
+                        p: '',
+                        k: 'yellow',
+                    },
+                    value: 'yellow',
+                },
+                Col3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '400',
+                    },
+                    value: '400',
+                },
+            },
+        },
+        {
+            cells: {
+                Col1: {
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: 'France',
+                    },
+                    value: 'France',
+                },
+                Col2: {
+                    obj: {
+                        t: 'Color',
+                        p: '',
+                        k: 'orange',
+                    },
+                    value: 'orange',
+                },
+                Col3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '500',
+                    },
+                    value: '500',
+                },
+            },
+        },
+    ],
+};
+echart3.series = ['S1', 'S2', 'S3'];
+echart3.types = ['Gaussian'];
+const rows = [];
+const columns = [
+    {
+        name: 'S1',
+        obj: {
+            t: 'NR',
+            p: '',
+            k: '',
+        },
+        title: 'Series 1',
+    },
+    {
+        name: 'S2',
+        obj: {
+            t: 'NR',
+            p: '',
+            k: '',
+        },
+        title: 'Series 2',
+    },
+    {
+        name: 'S3',
+        obj: {
+            t: 'NR',
+            p: '',
+            k: '',
+        },
+        title: 'Series 3',
+    },
+];
+for (let index = 0; index < 200; index++) {
+    const value1 = (Math.random() * (20 - 10 + 1) + 10).toString();
+    const value2 = (Math.random() * (50 - 45 + 1) + 45).toString();
+    const value3 = (Math.random() * (5 - 4.8 + 1) + 4.8).toString();
+    const row = {
+        cells: {
+            S1: {
+                obj: {
+                    t: 'NR',
+                    p: '',
+                    k: value1,
+                },
+                value: value1,
+            },
+            S2: {
+                obj: {
+                    t: 'NR',
+                    p: '',
+                    k: value2,
+                },
+                value: value2,
+            },
+            S3: {
+                obj: {
+                    t: 'NR',
+                    p: '',
+                    k: value3,
+                },
+                value: value3,
+            },
+        },
+    };
+    rows.push(row);
+}
+echart3.data = {
+    columns: columns,
+    rows: rows,
+};
+
+const testMock = [
+    'A',
+    'B',
+    'C',
+    'D',
+    'E',
+    'F',
+    'G',
+    'H',
+    'I',
+    'L',
+    'M',
+    'N',
+    'O',
+    'P',
+    'Q',
+    'R',
+    'S',
+    'T',
+    'U',
+    'V',
+    'Z',
+];
+
+const testMockRows = [];
+for (let index = 0; index < testMock.length; index++) {
+    const element = testMock[index];
+    const value1 = Math.floor(Math.random() * 100);
+    const value2 = Math.floor(Math.random() * 100);
+
+    testMockRows.push({
+        cells: {
+            COL1: {
+                obj: {
+                    t: 'NR',
+                    p: '',
+                    k: value1.toString(),
+                },
+                value: value1.toString(),
+            },
+            COL2: {
+                obj: {
+                    t: 'NR',
+                    p: '',
+                    k: value2.toString(),
+                },
+                value: value2.toString(),
+            },
+            COL3: {
+                value: element,
+            },
+            COL4: {
+                obj: {
+                    t: 'NR',
+                    p: '',
+                    k: value1.toString(),
+                },
+                value: value1.toString(),
+            },
+        },
+    });
+}
+const testMockColumns = [
+    {
+        name: 'COL1',
+        obj: {
+            t: 'NR',
+            p: '',
+            k: '',
+        },
+        title: 'Series 1',
+    },
+    {
+        name: 'COL3',
+        title: 'Series 3',
+    },
+];
+echart4.consistencyCheck = true;
+echart4.types = ['Gaussian', 'Bar'];
+echart4.axis = 'COL3';
+echart4.data = {
+    columns: testMockColumns,
+    rows: testMockRows,
+};
+echart5.consistencyCheck = true;
+echart5.types = ['Gaussian', 'Bar', 'Scatter'];
+echart5.axis = 'COL3';
+echart5.data = {
+    columns: testMockColumns,
+    rows: testMockRows,
+};
+document.addEventListener('kup-echart-click', (e) => {
+    console.log(e);
+});