@sme.up/ketchup 8.3.2 → 9.0.0

package/dist/collection/assets/card-list.js

@@ -0,0 +1,709 @@
+const data = {
+    columns: [
+        {
+            name: 'ICO',
+            title: 'Icona',
+            cardListOption: 'icon',
+        },
+        {
+            name: 'UM',
+            title: 'Um',
+            cardListOption: 'measure',
+        },
+        {
+            name: 'TEXT',
+            title: 'Testo',
+            cardListOption: 'descr',
+        },
+        {
+            name: 'VALUE',
+            title: 'Valore',
+            cardListOption: 'value',
+        },
+        {
+            name: 'INTVAL',
+            title: 'Valore parte intera',
+            cardListOption: 'intvalue',
+        },
+        {
+            name: 'DECVAL',
+            title: 'Valore parte decimale',
+            cardListOption: 'decvalue',
+        },
+        {
+            name: 'TEXTCOLOR',
+            title: 'Colore del testo',
+            cardListOption: 'textcolor',
+        },
+        {
+            name: 'VALUECOLOR',
+            title: 'Colore del valore',
+            cardListOption: 'valuecolor',
+        },
+        {
+            name: 'ICOCOLOR',
+            title: "Colore dell'icona",
+            cardListOption: 'iconcolor',
+        },
+        {
+            name: 'LAYOUT',
+            title: 'Layout della riga',
+            cardListOption: 'layout',
+        },
+    ],
+    rows: [
+        {
+            cells: {
+                TEXTCOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                ICO: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                ICOCOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                INTVAL: {
+                    obj: {
+                        k: '34',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '34',
+                },
+                LAYOUT: {
+                    obj: {
+                        k: '1',
+                    },
+                    value: '1',
+                },
+                UM: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                VALUECOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                TEXT: {
+                    obj: {
+                        k: 'Admissions Count',
+                    },
+                    value: 'Admissions Count',
+                    displayedValue: 'Admissions Count',
+                },
+                DECVAL: {
+                    obj: {
+                        k: '678',
+                    },
+                    value: '678',
+                },
+                VALUE: {
+                    obj: {
+                        k: '34,678',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '34.678',
+                    displayedValue: '34,678',
+                },
+            },
+            object: '',
+            readOnly: true,
+        },
+        {
+            cells: {
+                TEXTCOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                ICO: {
+                    obj: {
+                        k: 'trending-up',
+                    },
+                    value: 'trending-up',
+                },
+                ICOCOLOR: {
+                    obj: {
+                        k: 'rgb(0, 187, 45)',
+                    },
+                    value: 'rgb(0, 187, 45)',
+                },
+                INTVAL: {
+                    obj: {
+                        k: '15',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '15',
+                    displayedValue: '15',
+                },
+                LAYOUT: {
+                    obj: {
+                        k: '2',
+                    },
+                    value: '2',
+                },
+                UM: {
+                    obj: {
+                        k: '%',
+                    },
+                    value: '%',
+                    displayedValue: '%',
+                },
+                VALUECOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                TEXT: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                DECVAL: {
+                    obj: {
+                        k: '86',
+                    },
+                    value: '86',
+                    displayedValue: '86',
+                },
+                VALUE: {
+                    obj: {
+                        k: '15,86',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '15.86',
+                },
+            },
+            object: '',
+            readOnly: true,
+        },
+        {
+            cells: {
+                TEXTCOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                ICO: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                ICOCOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                INTVAL: {
+                    obj: {
+                        k: '34',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '34',
+                },
+                LAYOUT: {
+                    obj: {
+                        k: '3',
+                    },
+                    value: '3',
+                },
+                UM: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                VALUECOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                TEXT: {
+                    obj: {
+                        k: 'Admissions Count',
+                    },
+                    value: 'Admissions Count',
+                    displayedValue: 'Admissions Count',
+                },
+                DECVAL: {
+                    obj: {
+                        k: '678',
+                    },
+                    value: '678',
+                },
+                VALUE: {
+                    obj: {
+                        k: '34,678',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '34.678',
+                    displayedValue: '34,678',
+                },
+            },
+            object: '',
+            readOnly: true,
+        },
+        {
+            cells: {
+                TEXTCOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                ICO: {
+                    obj: {
+                        k: 'account',
+                    },
+                    value: 'account',
+                },
+                ICOCOLOR: {
+                    obj: {
+                        k: 'rgb(220, 248, 100)',
+                    },
+                    value: 'rgb(220, 248, 100)',
+                },
+                INTVAL: {
+                    obj: {
+                        k: '12',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '12',
+                },
+                LAYOUT: {
+                    obj: {
+                        k: '4',
+                    },
+                    value: '4',
+                },
+                UM: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                VALUECOLOR: {
+                    obj: {
+                        k: 'rgb(220, 240, 100)',
+                    },
+                    value: 'rgb(220, 240, 100)',
+                },
+                TEXT: {
+                    obj: {
+                        k: 'Admissions Count',
+                    },
+                    value: 'Admissions Count',
+                    displayedValue: 'Admissions Count',
+                },
+                DECVAL: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                VALUE: {
+                    obj: {
+                        k: '12',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '12',
+                    displayedValue: '12',
+                },
+            },
+            object: '',
+            readOnly: true,
+        },
+        {
+            cells: {
+                TEXTCOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                ICO: {
+                    obj: {
+                        k: 'chart-bar',
+                    },
+                    value: 'chart-bar',
+                },
+                ICOCOLOR: {
+                    obj: {
+                        k: 'rgb(252, 40, 200)',
+                    },
+                    value: 'rgb(252, 40, 200)',
+                },
+                INTVAL: {
+                    obj: {
+                        k: '34',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '34',
+                },
+                LAYOUT: {
+                    obj: {
+                        k: '5',
+                    },
+                    value: '5',
+                },
+                UM: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                VALUECOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                TEXT: {
+                    obj: {
+                        k: 'Admissions Count',
+                    },
+                    value: 'Admissions Count',
+                    displayedValue: 'Admissions Count',
+                },
+                DECVAL: {
+                    obj: {
+                        k: '678',
+                    },
+                    value: '678',
+                },
+                VALUE: {
+                    obj: {
+                        k: '34,678',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '34.678',
+                    displayedValue: '34,678',
+                },
+            },
+            object: '',
+            readOnly: true,
+        },
+        {
+            cells: {
+                TEXTCOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                ICO: {
+                    obj: {
+                        k: 'chart-bar',
+                    },
+                    value: 'chart-bar',
+                },
+                ICOCOLOR: {
+                    obj: {
+                        k: 'rgb(252, 40, 200)',
+                    },
+                    value: 'rgb(252, 40, 200)',
+                },
+                INTVAL: {
+                    obj: {
+                        k: '34',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '34',
+                },
+                LAYOUT: {
+                    obj: {
+                        k: '6',
+                    },
+                    value: '6',
+                },
+                UM: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                VALUECOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                TEXT: {
+                    obj: {
+                        k: 'Admissions Count',
+                    },
+                    value: 'Admissions Count',
+                    displayedValue: 'Admissions Count',
+                },
+                DECVAL: {
+                    obj: {
+                        k: '678',
+                    },
+                    value: '678',
+                },
+                VALUE: {
+                    obj: {
+                        k: '34,678',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '34.678',
+                    displayedValue: '34,678',
+                },
+            },
+            object: '',
+            readOnly: true,
+        },
+        {
+            cells: {
+                TEXTCOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                ICO: {
+                    obj: {
+                        k: 'star-circle',
+                    },
+                    value: 'star-circle',
+                },
+                ICOCOLOR: {
+                    obj: {
+                        k: 'rgb(0, 255, 0)',
+                    },
+                    value: 'rgb(0, 255, 0)',
+                },
+                INTVAL: {
+                    obj: {
+                        k: '35',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '35',
+                },
+                LAYOUT: {
+                    obj: {
+                        k: '7',
+                    },
+                    value: '7',
+                },
+                UM: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                VALUECOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                TEXT: {
+                    obj: {
+                        k: 'TASKS DONE',
+                    },
+                    value: 'TASKS DONE',
+                    displayedValue: 'TASKS DONE',
+                },
+                DECVAL: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                VALUE: {
+                    obj: {
+                        k: '35',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '35',
+                    displayedValue: '35',
+                },
+            },
+            object: '',
+            readOnly: true,
+        },
+        {
+            cells: {
+                TEXTCOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                ICO: {
+                    obj: {
+                        k: 'chart-bar',
+                    },
+                    value: 'chart-bar',
+                },
+                ICOCOLOR: {
+                    obj: {
+                        k: 'rgb(252, 40, 200)',
+                    },
+                    value: 'rgb(252, 40, 200)',
+                },
+                INTVAL: {
+                    obj: {
+                        k: '34',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '34',
+                },
+                LAYOUT: {
+                    obj: {
+                        k: '8',
+                    },
+                    value: '8',
+                },
+                UM: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                VALUECOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                TEXT: {
+                    obj: {
+                        k: 'Admissions Count',
+                    },
+                    value: 'Admissions Count',
+                    displayedValue: 'Admissions Count',
+                },
+                DECVAL: {
+                    obj: {
+                        k: '678',
+                    },
+                    value: '678',
+                },
+                VALUE: {
+                    obj: {
+                        k: '34,678',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '34.678',
+                    displayedValue: '34,678',
+                },
+            },
+            object: '',
+            readOnly: true,
+        },
+        {
+            cells: {
+                TEXTCOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                ICO: {
+                    obj: {
+                        k: 'star-circle',
+                    },
+                    value: 'star-circle',
+                },
+                ICOCOLOR: {
+                    obj: {
+                        k: 'rgb(0, 255, 0)',
+                    },
+                    value: 'rgb(0, 255, 0)',
+                },
+                INTVAL: {
+                    obj: {
+                        k: '35',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '35',
+                },
+                LAYOUT: {
+                    obj: {
+                        k: '8',
+                    },
+                    value: '8',
+                },
+                UM: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                VALUECOLOR: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                TEXT: {
+                    obj: {
+                        k: 'TASKS DONE',
+                    },
+                    value: 'TASKS DONE',
+                    displayedValue: 'TASKS DONE',
+                },
+                DECVAL: {
+                    obj: {
+                        k: '',
+                    },
+                    value: '',
+                },
+                VALUE: {
+                    obj: {
+                        k: '35',
+                        p: '',
+                        t: 'NR',
+                    },
+                    value: '35',
+                    displayedValue: '35',
+                },
+            },
+            object: '',
+            readOnly: true,
+        },
+    ],
+};
+
+const list = document.createElement('kup-card-list');
+list.data = data;
+document.body.appendChild(list);