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

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

@@ -0,0 +1,624 @@
+const data = [
+    {
+        children: [
+            {
+                children: [
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'box',
+                            },
+                        },
+                        icon: 'view-quilt',
+                        value: 'Box',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'buttonlist',
+                            },
+                        },
+                        icon: 'more_horiz',
+                        value: 'Button list',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'calendar',
+                            },
+                        },
+                        icon: 'event_note',
+                        value: 'Calendar',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'card',
+                            },
+                        },
+                        icon: 'art_track',
+                        value: 'Card',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'cell',
+                            },
+                        },
+                        icon: 'extension',
+                        value: 'Cell',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'chart',
+                            },
+                        },
+                        icon: 'chart-bar',
+                        value: 'Chart',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'dash',
+                            },
+                        },
+                        icon: 'thermostat-box',
+                        value: 'Dash',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'dashlist',
+                            },
+                        },
+                        icon: 'recent_actors',
+                        value: 'Dash list',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'datatable',
+                            },
+                        },
+                        icon: 'table',
+                        value: 'Data table',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'echart',
+                            },
+                        },
+                        icon: 'multiline_chart',
+                        value: 'EChart',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'field',
+                            },
+                        },
+                        icon: 'edit',
+                        value: 'Field',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'tooltip',
+                            },
+                        },
+                        icon: 'insert_comment',
+                        value: 'Tooltip',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'tree',
+                            },
+                        },
+                        icon: 'file-tree',
+                        value: 'Tree',
+                        visible: true,
+                    },
+                ],
+                expandable: true,
+                icon: 'shape-plus',
+                isExpanded: false,
+                value: 'Advanced',
+                visible: true,
+            },
+            {
+                children: [
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'accordion',
+                            },
+                        },
+                        icon: 'view-sequential',
+                        value: 'Accordion',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'autocomplete',
+                            },
+                        },
+                        icon: 'text_format',
+                        value: 'Autocomplete',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'badge',
+                            },
+                        },
+                        icon: 'notifications',
+                        value: 'Badge',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'button',
+                            },
+                        },
+                        icon: 'brightness-1',
+                        value: 'Button',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'checkbox',
+                            },
+                        },
+                        icon: 'check_box',
+                        value: 'Checkbox',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'chip',
+                            },
+                        },
+                        icon: 'label',
+                        value: 'Chip',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'colorpicker',
+                            },
+                        },
+                        icon: 'colorize',
+                        value: 'Color picker',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'combobox',
+                            },
+                        },
+                        icon: 'format-font-size-decrease',
+                        value: 'Combobox',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'datepicker',
+                            },
+                        },
+                        icon: 'event',
+                        value: 'Date picker',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'drawer',
+                            },
+                        },
+                        icon: 'web',
+                        value: 'Drawer',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'dropdownbutton',
+                            },
+                        },
+                        icon: 'play_for_work',
+                        value: 'Dropdown button',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'gauge',
+                            },
+                        },
+                        icon: 'gauge',
+                        value: 'Gauge',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'grid',
+                            },
+                        },
+                        icon: 'apps',
+                        value: 'Grid',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'iframe',
+                            },
+                        },
+                        icon: 'open-in-browser',
+                        value: 'Iframe',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'image',
+                            },
+                        },
+                        icon: 'image',
+                        value: 'Image',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'lazy',
+                            },
+                        },
+                        icon: 'compare',
+                        value: 'Lazy',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'list',
+                            },
+                        },
+                        icon: 'list',
+                        value: 'List',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'navbar',
+                            },
+                        },
+                        icon: 'web_asset',
+                        value: 'Nav bar',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'numericpicker',
+                            },
+                        },
+                        icon: 'calculator',
+                        value: 'Numeric picker',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'progressbar',
+                            },
+                        },
+                        icon: 'data_usage',
+                        value: 'Progress bar',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'radio',
+                            },
+                        },
+                        icon: 'radiobox-marked',
+                        value: 'Radio',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'rating',
+                            },
+                        },
+                        icon: 'star',
+                        value: 'Rating',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'snackbar',
+                            },
+                        },
+                        icon: 'wb_iridescent',
+                        value: 'Snackbar',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'spinner',
+                            },
+                        },
+                        icon: 'vanish',
+                        value: 'Spinner',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'switch',
+                            },
+                        },
+                        icon: 'toll',
+                        value: 'Switch',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'tabbar',
+                            },
+                        },
+                        icon: 'tab',
+                        value: 'Tab bar',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'textfield',
+                            },
+                        },
+                        icon: 'text_fields',
+                        value: 'Text field',
+                        visible: true,
+                    },
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'timepicker',
+                            },
+                        },
+                        icon: 'access_time',
+                        value: 'Time picker',
+                        visible: true,
+                    },
+                ],
+                expandable: true,
+                icon: 'shape',
+                isExpanded: false,
+                value: 'Basic',
+                visible: true,
+            },
+            {
+                children: [
+                    {
+                        cells: {
+                            ROUTE: {
+                                value: 'qlik',
+                            },
+                        },
+                        icon: 'chart-pie',
+                        value: 'Qlik',
+                        visible: true,
+                    },
+                ],
+                expandable: true,
+                icon: 'lightbulb-on',
+                isExpanded: false,
+                value: '3rd Parties',
+                visible: true,
+            },
+        ],
+        expandable: true,
+        icon: 'widgets',
+        isExpanded: false,
+        value: 'Components',
+        visible: true,
+    },
+    {
+        children: [
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-manager',
+                    },
+                },
+                icon: 'settings',
+                value: 'KupManager',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-data',
+                    },
+                },
+                icon: 'table-edit',
+                value: 'KupData',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-dates',
+                    },
+                },
+                icon: 'calendar',
+                value: 'KupDates',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-debug',
+                    },
+                },
+                icon: 'bug',
+                value: 'KupDebug',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-dynamic-position',
+                    },
+                },
+                icon: 'location_on',
+                value: 'KupDynamicPosition',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-interact',
+                    },
+                },
+                icon: 'touch_app',
+                value: 'KupInteract',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-language',
+                    },
+                },
+                icon: 'translate',
+                value: 'KupLanguage',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-math',
+                    },
+                },
+                icon: 'functions',
+                value: 'KupMath',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-objects',
+                    },
+                },
+                icon: 'tag',
+                value: 'KupObjects',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-scroll-on-hover',
+                    },
+                },
+                icon: 'compare_arrows',
+                value: 'KupScrollOnHover',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-search',
+                    },
+                },
+                icon: 'pageview',
+                value: 'KupSearch',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-theme',
+                    },
+                },
+                icon: 'style',
+                value: 'KupTheme',
+                visible: true,
+            },
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'kup-toolbar',
+                    },
+                },
+                icon: 'wrench',
+                value: 'KupToolbar',
+                visible: true,
+            },
+        ],
+        expandable: true,
+        icon: 'web',
+        isExpanded: false,
+        value: 'Framework',
+        visible: true,
+    },
+    {
+        children: [
+            {
+                cells: {
+                    ROUTE: {
+                        value: 'customization',
+                    },
+                },
+                icon: 'style',
+                value: 'Style customization',
+                visible: true,
+            },
+        ],
+        expandable: true,
+        icon: 'library_books',
+        isExpanded: false,
+        value: 'Guides',
+        visible: true,
+    },
+];
+
+const imageList = document.querySelector('kup-image-list');
+imageList.data = data;
+imageList.selectable = true;
+
+document.addEventListener('kup-imagelist-click', (e) => {
+    console.log(e);
+});

package/dist/collection/assets/index.js

@@ -74,6 +74,10 @@ components.data = [
         value: 'Dash list',
         id: 'dash-list.html',
     },
+    {
+        value: 'Dashboard',
+        id: 'dashboard.html',
+    },
     {
         value: 'Data table',
         id: 'data-table.html',
@@ -94,14 +98,26 @@ components.data = [
         value: 'Echart',
         id: 'echart.html',
     },
+    {
+        value: 'Form',
+        id: 'form.html',
+    },
     {
         value: 'Gauge',
         id: 'gauge.html',
     },
+    {
+        value: 'Grid',
+        id: 'grid.html',
+    },
     {
         value: 'Image',
         id: 'image.html',
     },
+    {
+        value: 'Image list',
+        id: 'image-list.html',
+    },
     {
         value: 'KupData',
         id: 'kupdata.html',
@@ -110,10 +126,6 @@ components.data = [
         value: 'KupTooltip',
         id: 'kuptooltip.html',
     },
-    {
-        value: 'Layout',
-        id: 'layout.html',
-    },
     {
         value: 'List',
         id: 'list.html',

package/dist/collection/assets/kupdata.js

@@ -623,13 +623,10 @@ const props = {
     showGroups: true,
     showHeader: true,
     showLoadMore: false,
-    showTooltipOnRightClick: true,
     sort: [],
     store: {},
     sortableColumnsMutateData: true,
     sortEnabled: true,
-    tooltipDetailTimeout: 1,
-    tooltipEnabled: true,
 };
 for (const key in props) {
     inputTable[key] = props[key];