@sme.up/ketchup 9.6.2 → 9.6.4

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

@@ -553,15 +553,20 @@ const completeData = {
                                 checked: true,
                                 value: '10',
                             },
+                            {
+                                checked: false,
+                                value: '20',
+                            },
                         ],
                     },
                     obj: {
-                        k: '10',
+                        k: '10;20',
                         p: 'B£WAR',
                         t: 'TA',
                     },
+                    isEditable: true,
                     shape: 'Rad',
-                    value: '10',
+                    value: '10;20',
                 },
                 RATING: {
                     isEditable: true,

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

@@ -12,6 +12,18 @@ const data = [
                         icon: 'view-quilt',
                         value: 'Box',
                         visible: true,
+                        badgeData: [
+                            {
+                                imageData: {
+                                    resource:
+                                        'https://ketchup.smeup.com/ketchup-showcase/header_logo_dark.svg',
+                                    sizeX: '1.75rem',
+                                    sizeY: 'auto',
+                                    color: 'var(--kup-text-on-primary-color)',
+                                },
+                                position: 'BL',
+                            },
+                        ],
                     },
                     {
                         cells: {
@@ -612,3 +624,11 @@ imageList.selectable = true;
 document.addEventListener('kup-imagelist-click', (e) => {
     console.log(e);
 });
+
+document.addEventListener('kup-imagelist-contextmenu', (e) => {
+    console.log(e);
+});
+
+document.addEventListener('kup-imagelist-dblclick', (e) => {
+    console.log(e);
+});

package/dist/collection/assets/index.js

@@ -138,6 +138,10 @@ components.data = [
         value: 'Image list',
         id: 'image-list.html',
     },
+    {
+        value: 'Input panel',
+        id: 'input-panel.html',
+    },
     {
         value: 'KupData',
         id: 'kupdata.html',
@@ -166,6 +170,10 @@ components.data = [
         value: 'Numeric picker',
         id: 'numeric-picker.html',
     },
+    {
+        value: 'Pdf',
+        id: 'pdf.html',
+    },
     {
         value: 'Planner',
         id: 'planner.html',
@@ -190,6 +198,10 @@ components.data = [
         value: 'Planner example 5',
         id: 'planner-example-5.html',
     },
+    {
+        value: 'Planner example 6',
+        id: 'planner-example-6.html',
+    },
     {
         value: 'Progress Bar',
         id: 'progress-bar.html',

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

@@ -0,0 +1,249 @@
+let data = {
+    columns: [
+        {
+            name: 'NAM',
+            title: 'Name',
+            visible: true,
+        },
+        {
+            name: 'SUR',
+            title: 'Surname',
+            visible: true,
+        },
+        {
+            name: 'NAT',
+            title: 'Nation',
+            visible: true,
+        },
+        {
+            name: 'CIT',
+            title: 'City',
+            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: [
+                        {
+                            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',
+                        },
+                    ],
+                    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: {},
+        },
+    ],
+};
+
+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;
+        },
+    },
+];
+
+inputPanel.valueChangeCb = inputPanelCallback;

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];
+    }
+}