@sme.up/ketchup 5.2.1-SNAPSHOT → 6.2.0-SNAPSHOT

package/dist/collection/assets/kuptooltip.js

@@ -1,4 +1,5 @@
 const dataTable = document.getElementById('data-table');
+const fCellHover = document.getElementById('fcell-hover');
 const registerThis = document.getElementById('register-this');
 const registerThisInstead = document.getElementById('register-this-instead');
 const unregisterBoth = document.getElementById('unregister-both');
@@ -22,11 +23,55 @@ const dataTableTooltip = (e) => {
     }
 };
 
+const fCellToggle = () => {
+    if (kupManager.tooltip.fCellCallbacks) {
+        kupManager.tooltip.fCellCallbacks = null;
+    } else {
+        kupManager.tooltip.fCellCallbacks = {
+            enter: (_e, anchor) => {
+                anchor.style.setProperty(
+                    '--kup-cell-background',
+                    'var(--kup-primary-color)'
+                );
+                anchor.style.setProperty(
+                    '--kup-cell-text-color',
+                    'var(--kup-text-on-primary-color)'
+                );
+                const props = anchor['kup-get-cell-props']();
+                const cardText = ['Cell props'];
+                for (const key in props) {
+                    const prop = props[key];
+                    if (key !== 'component') {
+                        cardText.push(key);
+                        let value = '';
+                        try {
+                            value = JSON.stringify(prop);
+                        } catch (error) {
+                            value = 'Unstringifiable JSON';
+                        }
+                        cardText.push(value);
+                    }
+                }
+                kupManager.tooltip.show(anchor, {
+                    data: {
+                        text: cardText,
+                    },
+                    layoutNumber: 15,
+                });
+            },
+            leave: (_e, anchor) => {
+                anchor.style.setProperty('--kup-cell-background', '');
+                anchor.style.setProperty('--kup-cell-text-color', '');
+                kupManager.tooltip.hide();
+            },
+        };
+    }
+};
+
 const registerThisTooltip = (anchor) => {
     anchor.disabled = true;
-    kupManager.tooltip.register(
-        anchor,
-        () => {
+    kupManager.tooltip.register(anchor, {
+        enter: () => {
             console.log('In callback.');
             kupManager.tooltip.show(anchor, {
                 data: {
@@ -35,7 +80,7 @@ const registerThisTooltip = (anchor) => {
                 layoutNumber: '8',
             });
         },
-        (e) => {
+        over: (e) => {
             console.log('Hovering.');
             kupManager.tooltip.element.style.setProperty(
                 '--kup-background-color',
@@ -58,11 +103,11 @@ const registerThisTooltip = (anchor) => {
                 layoutNumber: '15',
             });
         },
-        () => {
+        leave: () => {
             console.log('Out callback.');
             kupManager.tooltip.hide();
-        }
-    );
+        },
+    });
 };
 
 const unregister = () => {
@@ -73,6 +118,7 @@ const unregister = () => {
 };
 
 dataTable.addEventListener('kup-datatable-contextmenu', dataTableTooltip);
+fCellHover.addEventListener('kup-button-click', fCellToggle);
 registerThis.addEventListener(
     'kup-button-click',
     registerThisTooltip.bind(registerThisTooltip, registerThis)

package/dist/collection/assets/tree.js

@@ -190169,125 +190169,6 @@ let treeLayoutFixedEl = document.getElementById('tree-layout-fixed');
 if (treeLayoutFixedEl != null) {
     treeLayoutFixedEl.columns = tlfCols;
     treeLayoutFixedEl.data = tlfData;
-    treeLayoutFixedEl.addEventListener('kup-tooltip-loaddata', ({ detail }) => {
-        console.log(JSON.stringify(detail));
-        onLoadData(detail);
-    });
-    treeLayoutFixedEl.addEventListener(
-        'kup-tooltip-loaddetail',
-        ({ detail }) => {
-            console.log(JSON.stringify(detail));
-            onLoadDetailData(detail);
-        }
-    );
-}
-
-function onLoadData(detail) {
-    detail.comp.data = {
-        //image: this.images.bornToDie,
-        title: 'Born to die',
-        content: {
-            info1: {
-                label: 'Author',
-                value: 'Lana del Rey',
-            },
-            info2: {
-                label: 'Year',
-                value: 2012,
-            },
-        },
-    };
-    console.log('data:' + JSON.stringify(detail.comp.data));
-}
-
-function onLoadDetailData(detail) {
-    detail.comp.detailData = {
-        columns: [
-            {
-                name: 'label',
-                title: 'Label',
-                size: '10',
-            },
-            {
-                name: 'value',
-                title: 'Value',
-                size: '10',
-            },
-        ],
-        rows: [
-            {
-                cells: {
-                    label: {
-                        value: 'Born to die',
-                    },
-                    value: {
-                        value: '4:46',
-                    },
-                },
-            },
-            {
-                cells: {
-                    label: {
-                        value: 'Off to the races',
-                    },
-                    value: {
-                        value: '5:00',
-                    },
-                },
-            },
-            {
-                cells: {
-                    label: {
-                        value: 'Blue jeans',
-                    },
-                    value: {
-                        value: '3:29',
-                    },
-                },
-            },
-        ],
-        actions: {
-            /** Ne metto 7 per verificare se vengono visualizzati solo i primi 5 */
-            command: [
-                {
-                    text: 'Attiva il riconoscimento facciale',
-                    icon: 'face',
-                    exec: 'F(EXD;*SCO;) 1(CN;CLI;C0001)',
-                },
-                {
-                    text: 'Accendi la luce',
-                    icon: 'lightbulb-on',
-                    exec: 'F(EXD;*SCO;) 1(CN;CLI;C0002)',
-                },
-                {
-                    text: 'Leggi gli ultimi feed rss',
-                    icon: 'rss',
-                    exec: 'F(EXD;*SCO;) 1(CN;CLI;C0003)',
-                },
-                {
-                    text: 'Accedi a videocorso su udemy',
-                    icon: 'school',
-                    exec: 'F(EXD;*SCO;) 1(CN;CLI;C0004)',
-                },
-                {
-                    text: 'Sblocca la serratura della cantina',
-                    icon: 'lock_open',
-                    exec: 'F(EXD;*SCO;) 1(CN;CLI;C0005)',
-                },
-                {
-                    text: "Fai qualcosa d'altro",
-                    icon: 'play',
-                    exec: 'F(EXD;*SCO;) 1(CN;CLI;C0005)',
-                },
-                {
-                    text: "Fai qualcosa d'altro",
-                    icon: 'play',
-                    exec: 'F(EXD;*SCO;) 1(CN;CLI;C0006)',
-                },
-            ],
-        },
-    };
-    console.log('detailData:' + JSON.stringify(detail.comp.detailData));
 }
 
 let tmCols = [
@@ -227779,15 +227660,6 @@ let treeMixedEl = document.getElementById('tree-mixed');
 if (treeMixedEl != null) {
     treeMixedEl.columns = tmCols;
     treeMixedEl.data = tmData;
-    /*
-    treeMixedEl.addEventListener('kup-tooltip-loaddata', ({ detail }) => {
-        console.log(JSON.stringify(detail));
-        onLoadData(detail);
-    });
-    treeMixedEl.addEventListener('kup-tooltip-loaddetail', ({ detail }) => {
-        console.log(JSON.stringify(detail));
-        onLoadDetailData(detail);
-    });*/
 }
 
 let f2Data = [

package/dist/collection/collection-manifest.json

@@ -2,13 +2,12 @@
   "entries": [
     "./components/kup-card/kup-card.js",
     "./components/kup-badge/kup-badge.js",
-    "./components/kup-tooltip/kup-tooltip.js",
-    "./components/kup-text-field/kup-text-field.js",
-    "./components/kup-chart/kup-chart.js",
-    "./components/kup-data-table/kup-data-table.js",
-    "./components/kup-tree/kup-tree.js",
     "./components/kup-accordion/kup-accordion.js",
     "./components/kup-autocomplete/kup-autocomplete.js",
+    "./components/kup-chart/kup-chart.js",
+    "./components/kup-tree/kup-tree.js",
+    "./components/kup-text-field/kup-text-field.js",
+    "./components/kup-data-table/kup-data-table.js",
     "./components/kup-box/kup-box.js",
     "./components/kup-button/kup-button.js",
     "./components/kup-button-list/kup-button-list.js",
@@ -20,15 +19,18 @@
     "./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/kup-form.js",
     "./components/kup-gauge/kup-gauge.js",
     "./components/kup-grid/kup-grid.js",
     "./components/kup-iframe/kup-iframe.js",
     "./components/kup-image/kup-image.js",
+    "./components/kup-image-list/kup-image-list.js",
     "./components/kup-lazy/kup-lazy.js",
     "./components/kup-radio/kup-radio.js",
     "./components/kup-list/kup-list.js",
@@ -48,7 +50,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.14.2",
+    "version": "2.16.1",
     "typescriptVersion": "4.5.4"
   },
   "collections": [],