@sme.up/ketchup 6.0.0 → 6.2.0

package/dist/collection/assets/form.js

@@ -0,0 +1,433 @@
+const data = {
+    columns: [
+        {
+            name: 'ACC',
+            title: 'Accesso Sedi',
+            obj: {
+                t: 'CF',
+                p: 'X1004',
+                k: '',
+            },
+            visible: false,
+        },
+        {
+            name: 'DES',
+            title: 'Descrizione',
+        },
+        {
+            name: 'COL',
+            title: 'Utente Compilazione',
+            obj: {
+                t: 'CN',
+                p: 'COL',
+                k: '',
+            },
+        },
+        {
+            name: 'SED',
+            title: 'Sede di accesso',
+            obj: {
+                t: 'CN',
+                p: 'SED',
+                k: '',
+            },
+        },
+        {
+            name: 'DAT',
+            title: 'Data di accesso',
+            obj: {
+                t: 'D8',
+                p: '*YYMD',
+                k: '',
+            },
+        },
+        {
+            name: 'SFE',
+            title: 'Rilevato stato febbrile?',
+            obj: {
+                t: 'V2',
+                p: 'ONOFF',
+                k: '',
+            },
+        },
+        {
+            name: 'SIN',
+            title: 'Sintomi influenzali?',
+            obj: {
+                t: 'V2',
+                p: 'ONOFF',
+                k: '',
+            },
+        },
+        {
+            name: 'GPA',
+            title: 'Green Pass valido?',
+            obj: {
+                t: 'V2',
+                p: 'ONOFF',
+                k: '',
+            },
+        },
+    ],
+    rows: [
+        {
+            cells: {
+                ACC: {
+                    value: '',
+                    obj: {
+                        t: 'CF',
+                        p: 'X1004',
+                        k: '',
+                    },
+                    isEditable: true,
+                    data: {
+                        label: 'Accesso Sedi',
+                    },
+                },
+                COL: {
+                    value: '',
+                    obj: {
+                        t: 'CN',
+                        p: 'COL',
+                        k: '',
+                    },
+                    isEditable: true,
+                    data: {
+                        label: 'Utente Compilazione',
+                    },
+                },
+                DES: {
+                    value: 'sss',
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: 'sss',
+                    },
+                    isEditable: true,
+                    data: {
+                        label: 'Descrizione',
+                    },
+                    displayedValue: 'sss',
+                },
+                SED: {
+                    value: '',
+                    obj: {
+                        t: 'CN',
+                        p: 'SED',
+                        k: '',
+                    },
+                    isEditable: true,
+                    data: {
+                        label: 'Sede di accesso',
+                    },
+                },
+                SFE: {
+                    value: '',
+                    obj: {
+                        t: 'V2',
+                        p: 'ONOFF',
+                        k: '',
+                    },
+                    isEditable: true,
+                    data: {
+                        label: 'Rilevato stato febbrile?',
+                    },
+                },
+                DAT: {
+                    value: '2022-06-01',
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20220601',
+                    },
+                    isEditable: true,
+                    data: {
+                        label: 'Data di accesso',
+                    },
+                },
+                SIN: {
+                    value: '',
+                    obj: {
+                        t: 'V2',
+                        p: 'ONOFF',
+                        k: '',
+                    },
+                    isEditable: true,
+                    data: {
+                        label: 'Sintomi influenzali?',
+                    },
+                },
+                GPA: {
+                    value: '',
+                    obj: {
+                        t: 'V2',
+                        p: 'ONOFF',
+                        k: '',
+                    },
+                    isEditable: true,
+                    data: {
+                        label: 'Green Pass valido?',
+                    },
+                },
+            },
+            id: '0',
+        },
+    ],
+};
+
+const layoutData = {
+    columns: [
+        {
+            name: 'ACC',
+            title: 'Accesso Sedi',
+            obj: {
+                t: 'CF',
+                p: 'X1004',
+                k: '',
+            },
+            visible: false,
+        },
+        {
+            name: 'DES',
+            title: 'Descrizione',
+        },
+        {
+            name: 'COL',
+            title: 'Utente Compilazione',
+            obj: {
+                t: 'CN',
+                p: 'COL',
+                k: '',
+            },
+        },
+        {
+            name: 'SED',
+            title: 'Sede di accesso',
+            obj: {
+                t: 'CN',
+                p: 'SED',
+                k: '',
+            },
+        },
+        {
+            name: 'DAT',
+            title: 'Data di accesso',
+            obj: {
+                t: 'D8',
+                p: '*YYMD',
+                k: '',
+            },
+        },
+        {
+            name: 'SFE',
+            title: 'Rilevato stato febbrile?',
+            obj: {
+                t: 'V2',
+                p: 'ONOFF',
+                k: '',
+            },
+        },
+        {
+            name: 'SIN',
+            title: 'Sintomi influenzali?',
+            obj: {
+                t: 'V2',
+                p: 'ONOFF',
+                k: '',
+            },
+        },
+        {
+            name: 'GPA',
+            title: 'Green Pass valido?',
+            obj: {
+                t: 'V2',
+                p: 'ONOFF',
+                k: '',
+            },
+        },
+    ],
+    rows: [
+        {
+            cells: {
+                ACC: {
+                    value: '',
+                    obj: {
+                        t: 'CF',
+                        p: 'X1004',
+                        k: '',
+                    },
+                    isEditable: true,
+                },
+                COL: {
+                    value: 'PASCAR',
+                    obj: {
+                        t: 'CN',
+                        p: 'COL',
+                        k: 'PASCAR',
+                    },
+                    isEditable: true,
+                    shape: 'ACP',
+                    data: {
+                        data: {
+                            'kup-list': {
+                                displayMode: 'both',
+                            },
+                        },
+                        displayMode: 'both',
+                        selectMode: 'code',
+                        serverHandledFilter: true,
+                        allowInconsistentValues: true,
+                    },
+                },
+                DES: {
+                    value: '',
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: '',
+                    },
+                    isEditable: true,
+                    data: {},
+                },
+                SED: {
+                    value: 'PAR',
+                    obj: {
+                        t: 'CN',
+                        p: 'SED',
+                        k: 'PAR',
+                    },
+                    isEditable: true,
+                    data: {},
+                },
+                SFE: {
+                    value: '',
+                    obj: {
+                        t: 'V2',
+                        p: 'ONOFF',
+                        k: '',
+                    },
+                    isEditable: true,
+                    data: {},
+                },
+                DAT: {
+                    value: '2022-06-03',
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20220603',
+                    },
+                    isEditable: true,
+                    data: {},
+                },
+                SIN: {
+                    value: '',
+                    obj: {
+                        t: 'V2',
+                        p: 'ONOFF',
+                        k: '',
+                    },
+                    isEditable: true,
+                    data: {},
+                },
+                GPA: {
+                    value: '',
+                    obj: {
+                        t: 'V2',
+                        p: 'ONOFF',
+                        k: '',
+                    },
+                    isEditable: true,
+                    data: {},
+                },
+            },
+            id: '0',
+            layout: {
+                horizontal: false,
+                sections: [
+                    {
+                        label: {
+                            alignment: 'center',
+                            width: '250px',
+                        },
+                        content: [
+                            {
+                                column: 'DES',
+                                label: 'layout label',
+                            },
+                        ],
+                        horizontal: false,
+                        style: {},
+                    },
+                    {
+                        label: {
+                            alignment: 'left',
+                            placement: 'top',
+                        },
+                        content: [
+                            {
+                                column: 'COL',
+                            },
+                            {
+                                column: 'SED',
+                            },
+                        ],
+                        horizontal: true,
+                        style: {},
+                    },
+                    {
+                        label: {
+                            alignment: 'right',
+                            placement: 'bottom',
+                        },
+                        content: [
+                            {
+                                column: 'DAT',
+                            },
+                        ],
+                        horizontal: false,
+                        style: {},
+                    },
+                    {
+                        label: {
+                            placement: 'hidden',
+                            width: '300px',
+                        },
+                        content: [
+                            {
+                                column: 'SFE',
+                                shape: 'RAD',
+                                data: {
+                                    data: [
+                                        {
+                                            value: '1',
+                                            label: 'Sì',
+                                            checked: false,
+                                        },
+                                        {
+                                            value: '1',
+                                            label: 'No',
+                                            checked: false,
+                                        },
+                                    ],
+                                },
+                            },
+                            {
+                                column: 'SIN',
+                            },
+                            {
+                                column: 'GPA',
+                            },
+                        ],
+                        horizontal: true,
+                        style: {},
+                    },
+                ],
+            },
+        },
+    ],
+};
+
+const form = document.getElementById('form');
+form.data = data;
+const formWithLayout = document.getElementById('form-with-layout');
+formWithLayout.data = layoutData;

package/dist/collection/assets/grid.js

@@ -0,0 +1,17 @@
+const grid = document.querySelector('kup-grid');
+
+for (let index = 0; index < 48; index++) {
+    const image = document.createElement('kup-image');
+    image.data = [
+        {
+            shape: 'bar',
+            color: 'var(--kup-primary-color)',
+            width: '100%',
+            height: '100%',
+        },
+    ];
+    image.sizeX = '48px';
+    image.sizeY = '48px';
+    image.slot = index;
+    grid.appendChild(image);
+}

package/dist/collection/assets/index.js

@@ -74,6 +74,10 @@ components.data = [
         value: 'Dash list',
         id: 'dash-list.html',
     },
+    {
+        value: 'Dashboard',
+        id: 'dashboard.html',
+    },
     {
         value: 'Data table',
         id: 'data-table.html',
@@ -95,13 +99,21 @@ components.data = [
         id: 'echart.html',
     },
     {
-        value: 'Form editor',
-        id: 'form-editor.html',
+        value: 'Family tree',
+        id: 'family-tree.html',
+    },
+    {
+        value: 'Form',
+        id: 'form.html',
     },
     {
         value: 'Gauge',
         id: 'gauge.html',
     },
+    {
+        value: 'Grid',
+        id: 'grid.html',
+    },
     {
         value: 'Image',
         id: 'image.html',
@@ -118,10 +130,6 @@ components.data = [
         value: 'KupTooltip',
         id: 'kuptooltip.html',
     },
-    {
-        value: 'Layout',
-        id: 'layout.html',
-    },
     {
         value: 'List',
         id: 'list.html',

package/dist/collection/collection-manifest.json

@@ -19,12 +19,13 @@
     "./components/kup-combobox/kup-combobox.js",
     "./components/kup-dash/kup-dash.js",
     "./components/kup-dash-list/kup-dash-list.js",
+    "./components/kup-dashboard/kup-dashboard.js",
     "./components/kup-date-picker/kup-date-picker.js",
     "./components/kup-drawer/kup-drawer.js",
     "./components/kup-dropdown-button/kup-dropdown-button.js",
     "./components/kup-echart/kup-echart.js",
-    "./components/kup-field/kup-field.js",
-    "./components/kup-form-editor/kup-form-editor.js",
+    "./components/kup-family-tree/kup-family-tree.js",
+    "./components/kup-form/kup-form.js",
     "./components/kup-gauge/kup-gauge.js",
     "./components/kup-grid/kup-grid.js",
     "./components/kup-iframe/kup-iframe.js",
@@ -49,7 +50,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.2",
+    "version": "2.17.0",
     "typescriptVersion": "4.5.4"
   },
   "collections": [],