@sme.up/ketchup 5.2.0-SNAPSHOT → 5.2.0

package/dist/collection/assets/kuptooltip.js

@@ -0,0 +1,608 @@
+const dataTable = document.getElementById('data-table');
+const registerThis = document.getElementById('register-this');
+const registerThisInstead = document.getElementById('register-this-instead');
+const unregisterBoth = document.getElementById('unregister-both');
+
+const dataTableTooltip = (e) => {
+    const cell = e.detail.details.td;
+    if (cell) {
+        const column = e.detail.details.column;
+        const row = e.detail.details.row;
+        const texts = [];
+        for (const key in row.cells) {
+            const cell = row.cells[key];
+            texts.push(cell.value);
+        }
+        kupManager.tooltip.show(cell, {
+            data: {
+                text: texts,
+            },
+            layoutNumber: kupManager.objects.isNumber(column.obj) ? '10' : '15',
+        });
+    }
+};
+
+const registerThisTooltip = (anchor) => {
+    anchor.disabled = true;
+    kupManager.tooltip.register(
+        anchor,
+        () => {
+            console.log('In callback.');
+            kupManager.tooltip.show(anchor, {
+                data: {
+                    text: ['Hi!'],
+                },
+                layoutNumber: '8',
+            });
+        },
+        (e) => {
+            console.log('Hovering.');
+            kupManager.tooltip.element.style.setProperty(
+                '--kup-background-color',
+                kupManager.theme.randomColor(128)
+            );
+            kupManager.tooltip.show(anchor, {
+                data: {
+                    text: [
+                        'Coordinates',
+                        'x:',
+                        e.x,
+                        'y:',
+                        e.y,
+                        'currentAnchor',
+                        kupManager.tooltip.currentAnchor
+                            ? kupManager.tooltip.currentAnchor.tagName
+                            : '',
+                    ],
+                },
+                layoutNumber: '15',
+            });
+        },
+        () => {
+            console.log('Out callback.');
+            kupManager.tooltip.hide();
+        }
+    );
+};
+
+const unregister = () => {
+    kupManager.tooltip.unregister(registerThis);
+    registerThis.disabled = false;
+    kupManager.tooltip.unregister(registerThisInstead);
+    registerThisInstead.disabled = false;
+};
+
+dataTable.addEventListener('kup-datatable-contextmenu', dataTableTooltip);
+registerThis.addEventListener(
+    'kup-button-click',
+    registerThisTooltip.bind(registerThisTooltip, registerThis)
+);
+registerThisInstead.addEventListener(
+    'kup-button-click',
+    registerThisTooltip.bind(registerThisTooltip, registerThisInstead)
+);
+unregisterBoth.addEventListener('kup-button-click', unregister);
+
+dataTable.data = {
+    columns: [
+        {
+            name: 'FLD1',
+            title: 'Software',
+        },
+        {
+            name: 'FLD2',
+            title: 'Working License',
+            obj: {
+                t: 'NR',
+                p: '',
+                k: '',
+            },
+        },
+        {
+            name: 'FLD3',
+            title: 'Price',
+            obj: {
+                t: 'NR',
+                p: '',
+                k: '',
+            },
+        },
+        {
+            name: 'FLD4',
+            title: 'Expiring Date',
+            icon: 'calendar',
+        },
+    ],
+    rows: [
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Shareholders module',
+                    },
+                    value: 'Shareholders module',
+                    title: 'Simple tooltip for cell 1',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '1',
+                    },
+                    value: '1',
+                    title: 'Simple tooltip for cell 2',
+                    displayedValue: '1',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '100.60',
+                    },
+                    value: '100.60',
+                    title: 'Simple tooltip for cell 3',
+                    displayedValue: '100,6',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20200101',
+                    },
+                    value: '2020-01-01',
+                    title: 'Simple tooltip for cell 4',
+                    displayedValue: '01/01/2020',
+                },
+            },
+            id: '0',
+        },
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Sales module',
+                    },
+                    value: 'Sales module',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '1',
+                    },
+                    value: '1',
+                    displayedValue: '1',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '39.5',
+                    },
+                    value: '39.5',
+                    displayedValue: '39,5',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20200202',
+                    },
+                    value: '2020-02-02',
+                    displayedValue: '02/02/2020',
+                },
+            },
+            id: '1',
+        },
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Marketing module',
+                    },
+                    value: 'Marketing module',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '1',
+                    },
+                    value: '1',
+                    displayedValue: '1',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '67.8',
+                    },
+                    value: '67.8',
+                    displayedValue: '67,8',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20200303',
+                    },
+                    value: '2020-03-03',
+                    displayedValue: '03/03/2020',
+                },
+            },
+            id: '2',
+        },
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Commerce module',
+                    },
+                    value: 'Commerce module',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '2',
+                    },
+                    value: '2',
+                    displayedValue: '2',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '156.7',
+                    },
+                    value: '156.7',
+                    displayedValue: '156,7',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20200404',
+                    },
+                    value: '2020-04-04',
+                    displayedValue: '04/04/2020',
+                },
+            },
+            id: '3',
+        },
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Service module',
+                    },
+                    value: 'Service module',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '2',
+                    },
+                    value: '2',
+                    displayedValue: '2',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '256.7',
+                    },
+                    value: '256.7',
+                    displayedValue: '256,7',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20200505',
+                    },
+                    value: '2020-05-05',
+                    displayedValue: '05/05/2020',
+                },
+            },
+            id: '4',
+        },
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Cloud module',
+                    },
+                    value: 'Cloud module',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '2',
+                    },
+                    value: '2',
+                    displayedValue: '2',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '78.9',
+                    },
+                    value: '78.9',
+                    displayedValue: '78,9',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20200606',
+                    },
+                    value: '2020-06-06',
+                    displayedValue: '06/06/2020',
+                },
+            },
+            id: '5',
+        },
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Financial module',
+                    },
+                    value: 'Financial module',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '3',
+                    },
+                    value: '3',
+                    displayedValue: '3',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '145.6',
+                    },
+                    value: '145.6',
+                    displayedValue: '145,6',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20200707',
+                    },
+                    value: '2020-07-07',
+                    displayedValue: '07/07/2020',
+                },
+            },
+            id: '6',
+        },
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Delivery module',
+                    },
+                    value: 'Delivery module',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '3',
+                    },
+                    value: '3',
+                    displayedValue: '3',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '278.9',
+                    },
+                    value: '278.9',
+                    displayedValue: '278,9',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20200808',
+                    },
+                    value: '2020-08-08',
+                    displayedValue: '08/08/2020',
+                },
+            },
+            id: '7',
+        },
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Web module',
+                    },
+                    value: 'Web module',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '3',
+                    },
+                    value: '3',
+                    displayedValue: '3',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '498.7',
+                    },
+                    value: '498.7',
+                    displayedValue: '498,7',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20200909',
+                    },
+                    value: '2020-09-09',
+                    displayedValue: '09/09/2020',
+                },
+            },
+            id: '8',
+        },
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Integration module',
+                    },
+                    value: 'Integration module',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '4',
+                    },
+                    value: '4',
+                    displayedValue: '4',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '99.9',
+                    },
+                    value: '99.9',
+                    displayedValue: '99,9',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20201010',
+                    },
+                    value: '2020-10-10',
+                    displayedValue: '10/10/2020',
+                },
+            },
+            id: '9',
+        },
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Banking module',
+                    },
+                    value: 'Banking module',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '4',
+                    },
+                    value: '4',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '178.9',
+                    },
+                    value: '178.9',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20201111',
+                    },
+                    value: '2020-11-11',
+                },
+            },
+            id: '10',
+        },
+        {
+            cells: {
+                FLD1: {
+                    obj: {
+                        t: 'TA',
+                        p: 'B£AMO',
+                        k: 'Analytics module',
+                    },
+                    value: 'Analytics module',
+                    options: true,
+                },
+                FLD2: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '4',
+                    },
+                    value: '4',
+                },
+                FLD3: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '345.6',
+                    },
+                    value: '345.6',
+                },
+                FLD4: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20201212',
+                    },
+                    value: '2020-12-12',
+                },
+            },
+            id: '11',
+        },
+    ],
+};

package/dist/collection/collection-manifest.json

@@ -25,6 +25,7 @@
     "./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-gauge/kup-gauge.js",
     "./components/kup-grid/kup-grid.js",
     "./components/kup-iframe/kup-iframe.js",
@@ -34,6 +35,7 @@
     "./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-photo-frame/kup-photo-frame.js",
     "./components/kup-probe/kup-probe.js",
     "./components/kup-progress-bar/kup-progress-bar.js",
@@ -47,7 +49,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.14.1",
+    "version": "2.14.2",
     "typescriptVersion": "4.5.4"
   },
   "collections": [],

package/dist/collection/components/kup-card/built-in/kup-card-built-in.js

@@ -3,6 +3,7 @@ import { KupCardCSSClasses } from '../kup-card-declarations';
 import { prepareCalendar } from './kup-card-calendar';
 import { prepareClock } from './kup-card-clock';
 import { prepareColumnDropMenu } from './kup-card-column-drop-menu';
+import { prepareNumeric } from './kup-card-numeric';
 /**
  * 1st built-in layout, calendar view.
  * @param {KupCard} component - Card component.
@@ -36,3 +37,12 @@ export function create3(component) {
 export function create4(component) {
   return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }));
 }
+/**
+ * 5th built-in layout, numeric picker.
+ * This layout is rendered after the render cycle completes.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 4th built-in layout virtual node.
+ */
+export function create5(component) {
+  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }, prepareNumeric(component)));
+}

package/dist/collection/components/kup-card/built-in/kup-card-column-drop-menu.js

@@ -119,8 +119,7 @@ function typeColumn(e, component) {
   });
 }
 function listClick(e, options) {
-  const value = e.detail.selected.value;
-  switch (value) {
+  switch (e.detail.selected.id) {
     case KupLanguageGeneric.MERGE:
       if (options.mergeCb) {
         options.mergeCb();