@sme.up/ketchup 9.6.3 → 9.6.5

package/dist/collection/assets/input-panel.js

@@ -0,0 +1,480 @@
+let data = {
+    columns: [
+        {
+            name: 'NAM',
+            title: 'Name',
+            visible: true,
+        },
+        {
+            name: 'SUR',
+            title: 'Surname',
+            visible: true,
+        },
+        {
+            name: 'NAT',
+            title: 'Nation',
+            visible: true,
+        },
+        {
+            name: 'CIT',
+            title: 'Tree Options',
+            visible: true,
+        },
+        {
+            name: 'LIS',
+            title: 'Table Options',
+            visible: true,
+        },
+        {
+            name: 'CHK',
+            title: 'Checkbox',
+            visible: true,
+        },
+        {
+            name: 'RAD',
+            title: 'Radio Buttons',
+            visible: true,
+        },
+    ],
+    rows: [
+        {
+            cells: {
+                NAM: {
+                    value: '',
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: '',
+                    },
+                    editable: true,
+                    mandatory: true,
+                    shape: 'ITX',
+                },
+                SUR: {
+                    value: '',
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: '',
+                    },
+                    editable: true,
+                    mandatory: true,
+                    shape: 'ITX',
+                },
+                NAT: {
+                    value: '',
+                    options: [
+                        {
+                            id: 'ITA',
+                            label: 'Italy',
+                        },
+                        {
+                            id: 'SPA',
+                            label: 'Spain',
+                        },
+                        {
+                            id: 'GER',
+                            label: 'Germany',
+                        },
+                        {
+                            id: 'FRA',
+                            label: 'France',
+                        },
+                        {
+                            id: 'POR',
+                            label: 'Portugal',
+                        },
+                        {
+                            id: 'ENG',
+                            label: 'England',
+                        },
+                    ],
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: '',
+                    },
+                    editable: true,
+                    mandatory: true,
+                    shape: 'CMB',
+                },
+                CIT: {
+                    value: '',
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: '',
+                    },
+                    editable: true,
+                    mandatory: true,
+                    options: {
+                        type: 'SmeupTree',
+                        messages: [],
+                        children: [
+                            {
+                                content: {
+                                    codice: 'ROM',
+                                    testo: 'Rome',
+                                },
+                                children: [
+                                    {
+                                        content: {
+                                            codice: 'ROS',
+                                            testo: 'Rome Sud',
+                                        },
+                                        children: [],
+                                    },
+                                    {
+                                        content: {
+                                            codice: 'RON',
+                                            testo: 'Rome Nord',
+                                        },
+                                        children: [],
+                                    },
+                                ],
+                            },
+                            {
+                                content: {
+                                    codice: 'FLO',
+                                    testo: 'Florence',
+                                },
+                                children: [],
+                            },
+                            {
+                                content: {
+                                    codice: 'VEN',
+                                    testo: 'Venice',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'MAD',
+                                    testo: 'Madrid',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'BAR',
+                                    testo: 'Barcelona',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'SEV',
+                                    testo: 'Seville',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'BER',
+                                    testo: 'Berlin',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'MUN',
+                                    testo: 'Munich',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'HAM',
+                                    testo: 'Hamburg',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'PAR',
+                                    testo: 'Paris',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'MAR',
+                                    testo: 'Marseille',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'LYO',
+                                    testo: 'Lyon',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'LIS',
+                                    testo: 'Lisbon',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'POR',
+                                    testo: 'Porto',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'FAR',
+                                    testo: 'Faro',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'LON',
+                                    testo: 'London',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'MAN',
+                                    testo: 'Manchester',
+                                },
+                            },
+                            {
+                                content: {
+                                    codice: 'LIV',
+                                    testo: 'Liverpool',
+                                },
+                            },
+                        ],
+                    },
+                    fun: 'FUN ',
+                    shape: 'ACP',
+                },
+                LIS: {
+                    value: '',
+                    obj: {
+                        t: '',
+                        p: '',
+                        k: '',
+                    },
+                    editable: true,
+                    mandatory: true,
+                    options: {
+                        type: 'SmeupTable',
+                        messages: [],
+                        rows: [
+                            {
+                                fields: {
+                                    E1: {
+                                        smeupObject: {
+                                            codice: 'E1',
+                                            testo: 'Element 1',
+                                        },
+                                    },
+                                    E2: {
+                                        smeupObject: {
+                                            codice: 'E2',
+                                            testo: 'Element 2',
+                                        },
+                                    },
+                                    E3: {
+                                        smeupObject: {
+                                            codice: 'E3',
+                                            testo: 'Element 3',
+                                        },
+                                    },
+                                },
+                            },
+                            {
+                                fields: {
+                                    E4: {
+                                        smeupObject: {
+                                            codice: 'E4',
+                                            testo: 'Element 4',
+                                        },
+                                    },
+                                    E5: {
+                                        smeupObject: {
+                                            codice: 'E5',
+                                            testo: 'Element 5',
+                                        },
+                                    },
+                                    E6: {
+                                        smeupObject: {
+                                            codice: 'E6',
+                                            testo: 'Element 6',
+                                        },
+                                    },
+                                },
+                            },
+                            {
+                                fields: {
+                                    E14: {
+                                        smeupObject: {
+                                            codice: 'E14',
+                                            testo: 'Element 14',
+                                        },
+                                    },
+                                    E15: {
+                                        smeupObject: {
+                                            codice: 'E15',
+                                            testo: 'Element 15',
+                                        },
+                                    },
+                                    E16: {
+                                        smeupObject: {
+                                            codice: 'E16',
+                                            testo: 'Element 16',
+                                        },
+                                    },
+                                },
+                            },
+                        ],
+                    },
+                    shape: 'ACP',
+                },
+                CHK: {
+                    value: 'on',
+                    editable: true,
+                    mandatory: true,
+                    shape: 'CHK',
+                },
+                RAD: {
+                    value: '3',
+                    options: [
+                        {
+                            id: '1',
+                            label: 'One',
+                        },
+                        {
+                            id: '2',
+                            label: 'Two',
+                        },
+                        {
+                            id: '3',
+                            label: 'Three',
+                        },
+                        {
+                            id: '4',
+                            label: 'Four',
+                        },
+                    ],
+                    editable: true,
+                    mandatory: true,
+                    shape: 'RAD',
+                },
+            },
+            layout: {
+                sections: [
+                    {
+                        content: [
+                            {
+                                id: 'NAM',
+                                colStart: 1,
+                                colEnd: 1,
+                                rowStart: 1,
+                                rowEnd: 1,
+                            },
+                            {
+                                id: 'SUR',
+                                colStart: 2,
+                                colEnd: 2,
+                                rowStart: 1,
+                                rowEnd: 1,
+                            },
+                            {
+                                id: 'NAT',
+                                colStart: 1,
+                                colEnd: 1,
+                                rowStart: 2,
+                                rowEnd: 2,
+                            },
+                            {
+                                id: 'CIT',
+                                colStart: 2,
+                                colEnd: 2,
+                                rowStart: 2,
+                                rowEnd: 2,
+                            },
+                            {
+                                id: 'CHK',
+                                colStart: 1,
+                                colEnd: 1,
+                                rowStart: 3,
+                                rowEnd: 3,
+                            },
+                            {
+                                id: 'RAD',
+                                colSpan: 2,
+                                rowStart: 3,
+                                rowEnd: 3,
+                            },
+                            {
+                                id: 'LIS',
+                                colStart: 3,
+                                colEnd: 3,
+                                rowStart: 2,
+                                rowEnd: 2,
+                            },
+                        ],
+                        dim: '50%',
+                        gridCols: 3,
+                        gridRows: 3,
+                        gap: 2,
+                    },
+                ],
+                horizontal: true,
+            },
+        },
+    ],
+};
+
+const inputPanel = document.getElementById('input-panel');
+inputPanel.data = data;
+
+const inputPanelCallback = [
+    {
+        eventName: 'kup-autocomplete-input',
+        eventCallback: (e) => {
+            const newdata = {
+                ...data,
+                rows: data.rows.map((row) => {
+                    const keys = Object.keys(row.cells);
+                    const updatedCells = keys.reduce((acc, key) => {
+                        let updatedValue = e.state.find(
+                            (state) => state.column.name === key
+                        ).cell.value;
+                        return {
+                            ...acc,
+                            [key]: {
+                                ...row.cells[key],
+                                value: updatedValue,
+                            },
+                        };
+                    }, {});
+                    return { ...row, cells: updatedCells };
+                }),
+            };
+            const inputPanel = document.getElementById('input-panel');
+            inputPanel.data = newdata;
+        },
+    },
+];
+
+const optionsHandlerCallback = () => {
+    return Promise.resolve({
+        type: 'SmeupTree',
+        messages: [],
+        children: [
+            {
+                content: {
+                    codice: 'ROM',
+                    testo: 'Rome',
+                },
+                children: [],
+            },
+            {
+                content: {
+                    codice: 'TAR',
+                    testo: 'Taranto',
+                },
+                children: [],
+            },
+        ],
+    });
+};
+
+inputPanel.valueChangeCb = inputPanelCallback;
+inputPanel.optionsHandler = optionsHandlerCallback;
+inputPanel.submitCb = (e) => console.log(e);

package/dist/collection/assets/pdf.js

@@ -0,0 +1,15 @@
+const comp = document.getElementById('pdf');
+
+comp.addEventListener('kup-pdf-ready', (e) => {
+    console.log('Pdf ready', e);
+});
+
+const props = {
+    pdfPath: '../../assets/kup-pdf-sample.pdf',
+};
+
+if (props) {
+    for (const key in props) {
+        comp[key] = props[key];
+    }
+}

package/dist/collection/assets/planner-example-5.js

@@ -9,6 +9,14 @@ document.addEventListener('kup-button-click', () => {
     comp.remove();
 });
 
+document.addEventListener('kup-planner-datechange', (e) => {
+    console.log(e)
+});
+
+document.addEventListener('kup-planner-phasedrop', (e) => {
+    console.log(e)
+});
+
 const props = {
     customStyle: '',
     data: {
@@ -1482,11 +1490,11 @@ const props = {
                         },
                         isEditable: false,
                         obj: {
-                            k: '20991231',
+                            k: '20241231',
                             p: '*YYMD',
                             t: 'D8',
                         },
-                        value: '2099-12-31',
+                        value: '2024-12-31',
                     },
 
                     DATORD: {
@@ -1498,11 +1506,11 @@ const props = {
                         },
                         isEditable: false,
                         obj: {
-                            k: '20991231',
+                            k: '20241231',
                             p: '*YYMD',
                             t: 'D8',
                         },
-                        value: '2099-12-31',
+                        value: '2024-12-31',
                     },
 
                     DATINZ: {
@@ -1514,11 +1522,11 @@ const props = {
                         },
                         isEditable: false,
                         obj: {
-                            k: '20991231',
+                            k: '20241231',
                             p: '*YYMD',
                             t: 'D8',
                         },
-                        value: '2099-12-31',
+                        value: '2024-12-31',
                     },
 
                     'R§COMM': {
@@ -1602,7 +1610,7 @@ const props = {
     phaseNameCol: 'DESFAS',
     phasePrevDates: ['DATINZ', 'DATFPO'],
     readOnly: false,
-    showSecondaryDates: true,
+    showSecondaryDates: false,
     taskColumns: ['R§COMM', 'R§CDCL', 'DATINZ', 'DATPRE'],
     taskDates: ['DATINZ', 'DATPRE'],
     taskHeight: 400,
@@ -1610,6 +1618,10 @@ const props = {
     taskNameCol: 'R§COMM',
     taskPrevDates: ['INZORD', 'DATORD'],
     titleMess: '',
+    detailHours: ['INITHHMM', 'ENDHHMM'],
+    phaseHours: ['INITHHMMSS', 'ENDHHMMSS'],
+    taskHours: ['INITHHMM', 'ENDHHMM'],
+    scrollableTaskList: true
 };
 
 if (props) {

package/dist/collection/assets/planner-example-6.js

@@ -396,6 +396,9 @@ const props = {
     detailHours: ['INITHHMM', 'ENDHHMM'],
     phaseHours: ['INITHHMMSS', 'ENDHHMMSS'],
     taskHours: ['INITHHMM', 'ENDHHMM'],
+    detailPrevHours: ['INPRHHMM', 'ENPRHHMM'],
+    phasePrevHours: ['INPRHHMMSS', 'ENPRHHMMSS'],
+    taskPrevHours: ['INPRHHMM', 'ENPRHHMM'],
     scrollableTaskList: true,
 };
 

package/dist/collection/assets/planner.js

@@ -529,12 +529,12 @@ const props = {
                         },
                         isEditable: false,
                         obj: {
-                            k: 'MAC.FMRSI-31-150-CNC',
+                            k: 'MAC.FMRSI-31-150-CNCMAC.FMRSI-31-150-CNCMAC.FMRSI-31-150-CNC',
                             p: '',
                             t: '',
                         },
-                        value: 'MAC.FMRSI-31-150-CNC',
-                        displayedValue: 'MAC.FMRSI-31-150-CNC',
+                        value: 'MAC.FMRSI-31-150-CNCMAC.FMRSI-31-150-CNCMAC.FMRSI-31-150-CNC',
+                        displayedValue: 'MAC.FMRSI-31-150-CNCMAC.FMRSI-31-150-CNCMAC.FMRSI-31-150-CNC',
                     },
                     'R£CDCL': {
                         data: {
@@ -2780,6 +2780,7 @@ const props = {
     taskNameCol: 'R£COMM',
     taskPrevDates: [],
     titleMess: '',
+    scrollableTaskList: true
 };
 
 if (props) {

package/dist/collection/collection-manifest.json

@@ -32,12 +32,14 @@
     "components/kup-iframe/kup-iframe.js",
     "components/kup-image/kup-image.js",
     "components/kup-image-list/kup-image-list.js",
+    "components/kup-input-panel/kup-input-panel.js",
     "components/kup-lazy/kup-lazy.js",
     "components/kup-radio/kup-radio.js",
     "components/kup-list/kup-list.js",
     "components/kup-magic-box/kup-magic-box.js",
     "components/kup-nav-bar/kup-nav-bar.js",
     "components/kup-numeric-picker/kup-numeric-picker.js",
+    "components/kup-pdf/kup-pdf.js",
     "components/kup-photo-frame/kup-photo-frame.js",
     "components/kup-planner/kup-planner.js",
     "components/kup-planner/utils/custom-task-list-header.js",

package/dist/collection/components/kup-badge/kup-badge.css

@@ -155,7 +155,7 @@
   position: absolute;
   top: 0;
   left: 0;
-  transform: translate(-50%, -50%);
+  transform: translate(15%, 15%);
 }
 
 #kup-component {
@@ -186,7 +186,7 @@
   right: 0;
   bottom: unset;
   left: unset;
-  transform: translate(50%, -50%);
+  transform: translate(-15%, 15%);
 }
 
 :host(.kup-bottom-right) {
@@ -194,7 +194,7 @@
   right: 0;
   bottom: 0;
   left: unset;
-  transform: translate(50%, 50%);
+  transform: translate(-15%, -15%);
 }
 
 :host(.kup-bottom-left) {
@@ -202,7 +202,7 @@
   right: unset;
   bottom: 0;
   left: 0;
-  transform: translate(-50%, 50%);
+  transform: translate(15%, -15%);
 }
 
 :host(.kup-danger) {