@sme.up/ketchup 9.6.4 → 9.6.5

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

@@ -17,7 +17,12 @@ let data = {
         },
         {
             name: 'CIT',
-            title: 'City',
+            title: 'Tree Options',
+            visible: true,
+        },
+        {
+            name: 'LIS',
+            title: 'Table Options',
             visible: true,
         },
         {
@@ -102,80 +107,221 @@ let data = {
                     },
                     editable: true,
                     mandatory: true,
-                    options: [
-                        {
-                            id: 'ROM',
-                            label: 'Rome',
-                        },
-                        {
-                            id: 'FLO',
-                            label: 'Florence',
-                        },
-                        {
-                            id: 'VEN',
-                            label: 'Venice',
-                        },
-                        {
-                            id: 'MAD',
-                            label: 'Madrid',
-                        },
-                        {
-                            id: 'BAR',
-                            label: 'Barcelona',
-                        },
-                        {
-                            id: 'SEV',
-                            label: 'Seville',
-                        },
-                        {
-                            id: 'BER',
-                            label: 'Berlin',
-                        },
-                        {
-                            id: 'MUN',
-                            label: 'Munich',
-                        },
-                        {
-                            id: 'HAM',
-                            label: 'Hamburg',
-                        },
-                        {
-                            id: 'PAR',
-                            label: 'Paris',
-                        },
-                        {
-                            id: 'MAR',
-                            label: 'Marseille',
-                        },
-                        {
-                            id: 'LYO',
-                            label: 'Lyon',
-                        },
-                        {
-                            id: 'LIS',
-                            label: 'Lisbon',
-                        },
-                        {
-                            id: 'POR',
-                            label: 'Porto',
-                        },
-                        {
-                            id: 'FAR',
-                            label: 'Faro',
-                        },
-                        {
-                            id: 'LON',
-                            label: 'London',
-                        },
-                        {
-                            id: 'MAN',
-                            label: 'Manchester',
-                        },
-                        {
-                            id: 'LIV',
-                            label: 'Liverpool',
-                        },
-                    ],
+                    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: {
@@ -209,7 +355,67 @@ let data = {
                     shape: 'RAD',
                 },
             },
-            layout: {},
+            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,
+            },
         },
     ],
 };
@@ -246,4 +452,29 @@ const inputPanelCallback = [
     },
 ];
 
+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/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/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) {

package/dist/collection/components/kup-image-list/kup-image-list.css

@@ -147,7 +147,7 @@
     transparent
   );
   --kup_imagelist_columns: var(--kup-imagelist-columns, 4);
-  --kup_imagelist_grid_gap: var(--kup-imagelist-grid-gap, 0.5em);
+  --kup_imagelist_grid_gap: var(--kup-imagelist-grid-gap, var(--kup-space-03));
   --kup_imagelist_image_min_height: var(
     --kup-imagelist-image-min-height,
     var(--kup-space-09)
@@ -246,8 +246,25 @@
   height: 100%;
   width: 100%;
 }
+.image-list .f-cell .f-cell__content {
+  height: 100%;
+}
 .image-list .f-cell .f-cell__content .image-list__wrapper {
-  padding: var(--kup-space-03) var(--kup-space-02);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  box-sizing: border-box;
+  position: relative;
+}
+.image-list .f-cell .f-cell__content .image-list__wrapper.images {
+  height: 100%;
+  justify-content: flex-end;
+}
+.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image {
+  position: unset;
+  overflow: auto;
+  height: 100%;
+  display: flex;
 }
 .image-list__item {
   background-color: var(--kup_imagelist_item_background_color);
@@ -261,16 +278,23 @@
   background-color: var(--kup-gray-color-20);
 }
 .image-list__image.f-image {
-  margin-bottom: var(--kup-space-03);
+  position: absolute;
+  padding: var(--kup-space-03);
+  padding-bottom: 0px;
+  box-sizing: border-box;
+  width: 100%;
+  height: calc(100% - 16px - var(--kup-space-03) * 2);
+  overflow: hidden;
 }
 .image-list__image.f-image .f-image__icon {
-  min-height: var(--kup_imagelist_image_min_height);
+  mask-size: 100% !important;
 }
 .image-list__label {
   overflow: hidden;
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
+  padding: var(--kup-space-03);
   font-family: var(--kup-font-family);
   font-size: 12px;
   line-height: 16px;
@@ -278,6 +302,15 @@
   letter-spacing: 0.32px;
 }
 
+@media screen and (min-width: 678px) {
+  :host {
+    --kup_imagelist_columns: var(--kup-imagelist-columns, 8);
+  }
+  .image-list {
+    grid-template-columns: repeat(var(--kup_imagelist_columns, 8), minmax(0px, 1fr));
+    grid-gap: var(--kup-space-05);
+  }
+}
 /*-------------------------------------------------*/
 /*        C o m p o n e n t   C l a s s e s        */
 /*-------------------------------------------------*/