@sme.up/ketchup 8.2.2 → 8.3.0

package/dist/cjs/kup-photo-frame.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd9f2b9b.js');
-const kupManager = require('./kup-manager-695bbbe3.js');
+const index = require('./index-a9a3b467.js');
+const kupManager = require('./kup-manager-7747decd.js');
 const GenericVariables = require('./GenericVariables-9cd88034.js');
 
 /**

package/dist/cjs/kup-planner.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd9f2b9b.js');
-const kupManager$1 = require('./kup-manager-695bbbe3.js');
+const index = require('./index-a9a3b467.js');
+const kupManager$1 = require('./kup-manager-7747decd.js');
 const GenericVariables = require('./GenericVariables-9cd88034.js');
-const fTextField = require('./f-text-field-865a6386.js');
+const fTextField = require('./f-text-field-96f4f03d.js');
 const fTextFieldMdc = require('./f-text-field-mdc-d38d80b5.js');
 require('./component-2c7ddef7.js');
 

package/dist/cjs/kup-probe.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd9f2b9b.js');
-const kupManager = require('./kup-manager-695bbbe3.js');
+const index = require('./index-a9a3b467.js');
+const kupManager = require('./kup-manager-7747decd.js');
 const GenericVariables = require('./GenericVariables-9cd88034.js');
 
 const KupProbe = class {

package/dist/cjs/kup-qlik.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd9f2b9b.js');
-const kupManager = require('./kup-manager-695bbbe3.js');
+const index = require('./index-a9a3b467.js');
+const kupManager = require('./kup-manager-7747decd.js');
 
 const kupQlikCss = ".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
 

package/dist/cjs/kup-snackbar.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd9f2b9b.js');
-const kupManager = require('./kup-manager-695bbbe3.js');
+const index = require('./index-a9a3b467.js');
+const kupManager = require('./kup-manager-7747decd.js');
 const GenericVariables = require('./GenericVariables-9cd88034.js');
-const fButton = require('./f-button-76a75669.js');
+const fButton = require('./f-button-797c8e7f.js');
 require('./f-button-declarations-76b4fb4c.js');
-require('./f-image-47976ad7.js');
+require('./f-image-f10144e9.js');
 
 const snackbarClass = 'snackbar';
 /**

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd9f2b9b.js');
+const index = require('./index-a9a3b467.js');
 
 /*
  Stencil Client Patch Esm v3.4.0 | MIT Licensed | https://stenciljs.com

package/dist/collection/assets/echart.js

@@ -7,6 +7,10 @@ const echart6 = document.getElementById('funnelChart');
 const echart7 = document.getElementById('radarChart');
 const echart8 = document.getElementById('bubbleChart');
 const echart9 = document.getElementById('sankeyChart');
+const echart10 = document.getElementById('candleStickChart');
+const echart11 = document.getElementById('calendarChart');
+
+
 
 const mockData = {
     columns: [
@@ -1107,6 +1111,250 @@ echart9.data = {
     ],
 };
 
+echart10.consistencyCheck = true;
+echart10.types = ['Candle'];
+echart10.colors =  ['blue'];
+echart10.axis = '';
+echart10.chartTitle = {
+    value: 'Candle',
+    color: 'red',
+    position: 'top',
+    size: 16,
+};
+echart10.data = { // actual dataset
+    columns: [
+        {
+            name: 'DATE',
+            obj: {
+                t: 'D8',
+                p: '*YYMD',
+                k: '',
+            },
+            title: 'Date',
+        },
+        {
+            name: 'LOW',
+            obj: {
+                t: 'NR',
+                p: '',
+                k: '',
+            },
+            title: 'Low',
+        },
+        {
+            name: 'HIGH',
+            obj: {
+                t: 'NR',
+                p: '',
+                k: '',
+            },
+            title: 'High',
+        },
+        {
+            name: 'OPEN',
+            obj: {
+                t: 'NR',
+                p: '',
+                k: '',
+            },
+            title: 'Open',
+        },
+        {
+            name: 'CLOSE',
+            obj: {
+                t: 'NR',
+                p: '',
+                k: '',
+            },
+            title: 'Close',
+        },
+    ],
+    rows: [
+        {
+            cells: {
+                DATE: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20171024',
+                    },
+                    value: '2017-10-24',
+                },
+                HIGH: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '38',
+                    },
+                    value: '38',
+                },
+                LOW: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '10',
+                    },
+                    value: '10',
+                },
+                OPEN: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '34',
+                    },
+                    value: '34',
+                },
+                CLOSE: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '20',
+                    },
+                    value: '20',
+                },
+            },
+        },{
+            cells: {
+                DATE: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20171025',
+                    },
+                    value: '2017-10-25',
+                },
+                HIGH: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '50',
+                    },
+                    value: '50',
+                },
+                LOW: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '30',
+                    },
+                    value: '30',
+                },
+                OPEN: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '35',
+                    },
+                    value: '35',
+                },
+                CLOSE: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '40',
+                    },
+                    value: '40',
+                },
+            },
+        },
+    ]
+}
+
+echart11.consistencyCheck = true;
+echart11.types = ['Calendar'];
+echart11.colors =  ['blue'];
+echart11.axis = '';
+echart11.chartTitle = {
+    value: 'Calendar',
+    color: 'red',
+    position: 'top',
+    size: 16,
+};
+echart11.data = { // actual dataset
+    columns: [
+        {
+            name: 'DATE',
+            obj: {
+                t: 'D8',
+                p: '*YYMD',
+                k: '',
+            },
+            title: 'Date',
+        },
+        {
+            name: 'VALUE',
+            obj: {
+                t: 'NR',
+                p: '',
+                k: '',
+            },
+            title: 'Value',
+        },
+    ],
+    rows: [
+        {
+            cells: {
+                DATE: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20230401',
+                    },
+                    value: '2023-04-01',
+                },
+                VALUE: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '50',
+                    },
+                    value: '50',
+                },
+            },
+        },
+        {
+            cells: {
+                DATE: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20230415',
+                    },
+                    value: '2023-04-15',
+                },
+                VALUE: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '25',
+                    },
+                    value: '25',
+                },
+            },
+        },
+        {
+            cells: {
+                DATE: {
+                    obj: {
+                        t: 'D8',
+                        p: '*YYMD',
+                        k: '20230430',
+                    },
+                    value: '2023-04-30',
+                },
+                VALUE: {
+                    obj: {
+                        t: 'NR',
+                        p: '',
+                        k: '100',
+                    },
+                    value: '100',
+                },
+            },
+        },
+    ],
+}
+
 document.addEventListener('kup-echart-click', (e) => {
     console.log(e);
 });

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -1237,6 +1237,8 @@ export class KupDataTable {
           for (let index = 0; index < this.data.columns.length; index++) {
             const column = this.data.columns[index];
             cells[column.name] = {
+              data: column.cellData,
+              slotData: column.cellSlotData,
               isEditable: column.isKey ||
                 column.isEditable,
               obj: Object.assign({}, column.obj),

package/dist/collection/components/kup-echart/kup-echart-declarations.js

@@ -51,4 +51,6 @@ export var KupEchartTypes;
   KupEchartTypes["RADAR"] = "Radar";
   KupEchartTypes["BUBBLE"] = "Bubble";
   KupEchartTypes["SANKEY"] = "Sankey";
+  KupEchartTypes["CANDLE"] = "Candle";
+  KupEchartTypes["CALENDAR"] = "Calendar";
 })(KupEchartTypes || (KupEchartTypes = {}));

package/dist/collection/components/kup-echart/kup-echart.js

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupEchart_instances, _KupEchart_chartContainer, _KupEchart_chartEl, _KupEchart_gaussianDatasets, _KupEchart_kupManager, _KupEchart_mapObj, _KupEchart_resizeTimeout, _KupEchart_sortedDataset, _KupEchart_themeBorder, _KupEchart_themeBackground, _KupEchart_minColorHeatMap, _KupEchart_maxColorHeatMap, _KupEchart_themeFont, _KupEchart_themeText, _KupEchart_initChart, _KupEchart_createChart, _KupEchart_funnelChart, _KupEchart_radarChart, _KupEchart_bubbleChart, _KupEchart_sankeyChart, _KupEchart_createX, _KupEchart_createY, _KupEchart_setAxisColors, _KupEchart_setLegend, _KupEchart_setTitle, _KupEchart_setTooltip, _KupEchart_setVisualMap, _KupEchart_setMapOptions, _KupEchart_setPieOptions, _KupEchart_setGaussianOptions, _KupEchart_addSeries, _KupEchart_setOptions, _KupEchart_setColors, _KupEchart_checks;
+var _KupEchart_instances, _KupEchart_chartContainer, _KupEchart_chartEl, _KupEchart_gaussianDatasets, _KupEchart_kupManager, _KupEchart_mapObj, _KupEchart_resizeTimeout, _KupEchart_sortedDataset, _KupEchart_themeBorder, _KupEchart_themeBackground, _KupEchart_minColorHeatMap, _KupEchart_maxColorHeatMap, _KupEchart_themeFont, _KupEchart_themeText, _KupEchart_initChart, _KupEchart_createChart, _KupEchart_funnelChart, _KupEchart_radarChart, _KupEchart_bubbleChart, _KupEchart_sankeyChart, _KupEchart_candleChart, _KupEchart_calendarChart, _KupEchart_createX, _KupEchart_createY, _KupEchart_setAxisColors, _KupEchart_setLegend, _KupEchart_setTitle, _KupEchart_setTooltip, _KupEchart_setVisualMap, _KupEchart_setMapOptions, _KupEchart_setPieOptions, _KupEchart_setGaussianOptions, _KupEchart_addSeries, _KupEchart_setOptions, _KupEchart_setColors, _KupEchart_checks;
 import { forceUpdate, getAssetPath, Host, h, } from '@stencil/core';
 import * as echarts from 'echarts';
 import { KupEchartLegendPlacement, KupEchartMaps, KupEchartProps, KupEchartTypes, } from './kup-echart-declarations';
@@ -658,6 +658,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
     case KupEchartTypes.SANKEY:
       options = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_sankeyChart).call(this);
       break;
+    case KupEchartTypes.CANDLE:
+      options = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_candleChart).call(this);
+      break;
+    case KupEchartTypes.CALENDAR:
+      console.log('virtual 0');
+      options = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_calendarChart).call(this);
+      break;
     default:
       options = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setOptions).call(this);
       break;
@@ -907,6 +914,123 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
       left: '10%',
     },
   };
+}, _KupEchart_candleChart = function _KupEchart_candleChart() {
+  const y = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_createY).call(this), answer = [], itemStyle = {
+    color: 'red',
+    borderColor: 'red',
+    color0: 'green',
+    borderColor0: 'green',
+  };
+  let caseInsensitiveObj = new Proxy(y, {
+    get: function (target, prop) {
+      // Convert the property name to lowercase
+      const lowercaseProp = prop.toLowerCase();
+      // Search for the property case-insensitively
+      for (let key in target) {
+        if (key.toLowerCase() === lowercaseProp) {
+          return target[key];
+        }
+      }
+      // Property not found, return undefined
+      return undefined;
+    },
+  });
+  const date = caseInsensitiveObj['date'];
+  for (let i = 0; i < caseInsensitiveObj['Open'].length; i++) {
+    answer.push([
+      parseInt(caseInsensitiveObj['close'][i]),
+      parseInt(caseInsensitiveObj['Open'][i]),
+      parseInt(caseInsensitiveObj['Low'][i]),
+      parseInt(caseInsensitiveObj['High'][i]),
+    ]);
+  }
+  let legend = {};
+  date.forEach((e, i) => {
+    legend[e] = i;
+  });
+  return {
+    legend: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setLegend).call(this, legend),
+    tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item' }),
+    title: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTitle).call(this),
+    xAxis: {
+      data: date,
+    },
+    yAxis: {},
+    series: [
+      {
+        type: 'candlestick',
+        data: answer,
+        itemStyle: itemStyle,
+      },
+    ],
+  };
+}, _KupEchart_calendarChart = function _KupEchart_calendarChart() {
+  const y = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_createY).call(this);
+  let caseInsensitiveObj = new Proxy(y, {
+    get: function (target, prop) {
+      // Convert the property name to lowercase
+      const lowercaseProp = prop.toLowerCase();
+      // Search for the property case-insensitively
+      for (let key in target) {
+        if (key.toLowerCase() === lowercaseProp) {
+          return target[key];
+        }
+      }
+      // Property not found, return undefined
+      return undefined;
+    },
+  });
+  const date = caseInsensitiveObj['Date'], answer = [], keys = Object.keys(y), year = new Date(date[0]).getFullYear(), arrayLength = date.length;
+  date.forEach((element, i) => {
+    answer.push([element, caseInsensitiveObj['Value'][i]]);
+  });
+  return {
+    tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (value) => {
+        const name = value.data;
+        console.log('data', name);
+        const data = keys.map((e, i) => {
+          return `<li>  ${e}: ${name[i]} </li>`;
+        });
+        let showContent = '';
+        data.forEach((r) => {
+          showContent += r;
+        });
+        return `<ul>${showContent}</ul> `;
+      } }),
+    gradientColor: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setColors).call(this, arrayLength),
+    title: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTitle).call(this),
+    visualMap: {
+      show: false,
+      min: 0,
+      max: 10000,
+    },
+    calendar: {
+      range: year,
+      itemStyle: {
+        color: __classPrivateFieldGet(this, _KupEchart_themeBackground, "f"),
+      },
+      dayLabel: {
+        color: __classPrivateFieldGet(this, _KupEchart_themeText, "f"),
+      },
+      yearLabel: {
+        color: __classPrivateFieldGet(this, _KupEchart_themeText, "f"),
+      },
+      monthLabel: {
+        color: __classPrivateFieldGet(this, _KupEchart_themeText, "f"),
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: __classPrivateFieldGet(this, _KupEchart_themeText, "f"),
+        },
+      },
+    },
+    series: {
+      type: 'heatmap',
+      coordinateSystem: 'calendar',
+      data: answer,
+    },
+  };
 }, _KupEchart_createX = function _KupEchart_createX(dataset = null) {
   const x = [];
   if (!dataset)

package/dist/collection/f-components/f-cell/f-cell.js

@@ -331,6 +331,8 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return (h("kup-chart", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
+    case FCellTypes.MULTI_AUTOCOMPLETE:
+    case FCellTypes.MULTI_COMBOBOX:
     case FCellTypes.CHIP:
       return h(FChip, Object.assign({}, subcomponentProps));
     case FCellTypes.COLOR_PICKER:

package/dist/components/kup-autocomplete2.js

@@ -23333,6 +23333,8 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return (h("kup-chart", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
+    case FCellTypes.MULTI_AUTOCOMPLETE:
+    case FCellTypes.MULTI_COMBOBOX:
     case FCellTypes.CHIP:
       return h(FChip, Object.assign({}, subcomponentProps));
     case FCellTypes.COLOR_PICKER:
@@ -40142,6 +40144,8 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
           for (let index = 0; index < this.data.columns.length; index++) {
             const column = this.data.columns[index];
             cells[column.name] = {
+              data: column.cellData,
+              slotData: column.cellSlotData,
               isEditable: column.isKey ||
                 column.isEditable,
               obj: Object.assign({}, column.obj),