@sme.up/ketchup 4.0.0 → 4.2.0

package/dist/cjs/kup-nav-bar.cjs.entry.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3c471303.js');
-const kupManager = require('./kup-manager-59ad8bdc.js');
-const utils = require('./utils-2af73538.js');
+const index = require('./index-0416afab.js');
+const kupManager = require('./kup-manager-1a2688ca.js');
+const utils = require('./utils-0cc466b9.js');
 const GenericVariables = require('./GenericVariables-9cd88034.js');
-require('./kup-objects-59ea949c.js');
 
 const navbarClass = 'nav-bar';
 /**
@@ -142,8 +141,7 @@ let KupNavBar = class {
     this.kupManager.debug.logRender(this, true);
   }
   render() {
-    const customStyle = this.kupManager.theme.setCustomStyle(this.rootElement);
-    return (index.h(index.Host, { class: "header" }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { id: GenericVariables.componentWrapperId }, index.h("header", { class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, index.h("div", { class: `${navbarClass}__row` }, this.content())))));
+    return (index.h(index.Host, { class: "header" }, index.h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { id: GenericVariables.componentWrapperId }, index.h("header", { class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, index.h("div", { class: `${navbarClass}__row` }, this.content())))));
   }
   disconnectedCallback() {
     this.kupManager.language.unregister(this);

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

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3c471303.js');
-const kupManager = require('./kup-manager-59ad8bdc.js');
+const index = require('./index-0416afab.js');
+const kupManager = require('./kup-manager-1a2688ca.js');
 const GenericVariables = require('./GenericVariables-9cd88034.js');
-require('./kup-objects-59ea949c.js');
 
 let KupProbe = class {
   constructor(hostRef) {
@@ -257,7 +256,7 @@ let KupProbe = class {
   render() {
     let customStyle = null;
     if (this.features.theme) {
-      customStyle = this.kupManager.theme.setCustomStyle(this.rootElement);
+      customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
     }
     return (index.h(index.Host, null, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { id: GenericVariables.componentWrapperId }, this.content)));
   }

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

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3c471303.js');
-const kupManager = require('./kup-manager-59ad8bdc.js');
-require('./kup-objects-59ea949c.js');
+const index = require('./index-0416afab.js');
+const kupManager = require('./kup-manager-1a2688ca.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

@@ -0,0 +1,152 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0416afab.js');
+const kupManager = require('./kup-manager-1a2688ca.js');
+const utils = require('./utils-0cc466b9.js');
+const GenericVariables = require('./GenericVariables-9cd88034.js');
+const fButton = require('./f-button-2ba74fb5.js');
+require('./f-button-declarations-76b4fb4c.js');
+require('./f-image-d3bd4e08.js');
+
+const snackbarClass = 'snackbar';
+/**
+ * Props of the kup-snackbar component.
+ * Used to export every prop in an object.
+ */
+var KupSnackbarProps;
+(function (KupSnackbarProps) {
+  KupSnackbarProps["actionButton"] = "Set of FButton props to set the action button.";
+  KupSnackbarProps["closeButton"] = "When true, the hide button will be displayed.";
+  KupSnackbarProps["customStyle"] = "Custom style of the component.";
+  KupSnackbarProps["text"] = "Sets the textual content of the snackbar.";
+  KupSnackbarProps["timeout"] = "Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds.";
+})(KupSnackbarProps || (KupSnackbarProps = {}));
+
+const kupSnackbarCss = ":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background:var(--kup-navbar-background-color);border-radius:5px;box-shadow:var(--kup-box-shadow);color:var(--kup-navbar-color);display:flex;justify-content:flex-start;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;white-space:nowrap}.snackbar__buttons{--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);align-items:center;display:flex;justify-content:flex-end;margin-right:8px;width:100%}.snackbar__close{--kup-button-font-size:11px;margin-left:8px}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";
+
+let KupSnackbar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.kupActionClick = index.createEvent(this, "kup-snackbar-actionclick", 6);
+    /*-------------------------------------------------*/
+    /*                   S t a t e s                   */
+    /*-------------------------------------------------*/
+    /**
+     * The value of the component.
+     * @default false
+     */
+    this.visible = false;
+    /*-------------------------------------------------*/
+    /*                    P r o p s                    */
+    /*-------------------------------------------------*/
+    /**
+     * Set of FButton props to set the action button.
+     * @default null
+     */
+    this.actionButton = null;
+    /**
+     * When true, the hide button will be displayed.
+     * @default true
+     */
+    this.closeButton = true;
+    /**
+     * Custom style of the component.
+     * @default ""
+     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+     */
+    this.customStyle = '';
+    /**
+     * Sets the textual content of the snackbar.
+     * @default ''
+     */
+    this.text = '';
+    /**
+     * Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds.
+     * @default null
+     */
+    this.timeout = null;
+    /*-------------------------------------------------*/
+    /*       I n t e r n a l   V a r i a b l e s       */
+    /*-------------------------------------------------*/
+    /**
+     * Instance of the KupManager class.
+     */
+    this.kupManager = kupManager.kupManagerInstance();
+  }
+  onKupActionClick() {
+    this.hide();
+    this.kupActionClick.emit({
+      comp: this,
+      id: this.rootElement.id,
+    });
+  }
+  /*-------------------------------------------------*/
+  /*           P u b l i c   M e t h o d s           */
+  /*-------------------------------------------------*/
+  /**
+   * Used to retrieve component's props values.
+   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+   */
+  async getProps(descriptions) {
+    return utils.getProps(this, KupSnackbarProps, descriptions);
+  }
+  /**
+   * Hides the snackbar.
+   */
+  async hide() {
+    this.visible = false;
+  }
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  async refresh() {
+    index.forceUpdate(this);
+  }
+  /**
+   * Sets the props to the component.
+   * @param {GenericObject} props - Object containing props that will be set to the component.
+   */
+  async setProps(props) {
+    utils.setProps(this, KupSnackbarProps, props);
+  }
+  /**
+   * Displays the snackbar.
+   */
+  async show() {
+    this.visible = true;
+  }
+  /*-------------------------------------------------*/
+  /*          L i f e c y c l e   H o o k s          */
+  /*-------------------------------------------------*/
+  componentWillLoad() {
+    this.kupManager.debug.logLoad(this, false);
+    this.kupManager.theme.register(this);
+  }
+  componentDidLoad() {
+    this.kupManager.debug.logLoad(this, true);
+  }
+  componentWillRender() {
+    this.kupManager.debug.logRender(this, false);
+  }
+  componentDidRender() {
+    if (this.timeout && this.visible) {
+      setTimeout(() => {
+        this.hide();
+      }, this.timeout);
+    }
+    this.kupManager.debug.logRender(this, true);
+  }
+  render() {
+    return (index.h(index.Host, { "kup-visible": this.visible }, index.h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { id: GenericVariables.componentWrapperId }, index.h("div", { class: snackbarClass }, index.h("div", { class: `${snackbarClass}__text` }, this.text), this.actionButton || this.closeButton ? (index.h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (index.h("div", { class: `${snackbarClass}__action` }, index.h(fButton.FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (index.h("div", { class: `${snackbarClass}__close` }, index.h(fButton.FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
+  }
+  disconnectedCallback() {
+    this.kupManager.theme.unregister(this);
+  }
+  get rootElement() { return index.getElement(this); }
+};
+KupSnackbar.style = kupSnackbarCss;
+
+exports.kup_snackbar = KupSnackbar;

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3c471303.js');
+const index = require('./index-0416afab.js');
 
 /*
- Stencil Client Patch Esm v2.9.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.12.0 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy(JSON.parse("[[\"kup-dash-list.cjs\",[[1,\"kup-dash-list\",{\"layout\":[1],\"fontsize\":[1],\"active\":[4],\"columnsNumber\":[2,\"columns-number\"],\"fullWidth\":[4,\"full-width\"],\"horizontal\":[4],\"iconColor\":[16],\"valueColor\":[16],\"textColor\":[16],\"data\":[16]}]]],[\"kup-autocomplete_29.cjs\",[[1,\"kup-box\",{\"cardData\":[16],\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"dragEnabled\":[4,\"drag-enabled\"],\"dropEnabled\":[4,\"drop-enabled\"],\"dropOnSection\":[4,\"drop-on-section\"],\"enableRowActions\":[4,\"enable-row-actions\"],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"kanban\":[16],\"layout\":[16],\"multiSelection\":[4,\"multi-selection\"],\"pageSelected\":[2,\"page-selected\"],\"pageSize\":[2,\"page-size\"],\"pagination\":[4],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selectBox\":[2,\"select-box\"],\"selectedRowsState\":[1025,\"selected-rows-state\"],\"showSelection\":[4,\"show-selection\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"sortBy\":[1025,\"sort-by\"],\"sortEnabled\":[4,\"sort-enabled\"],\"stateId\":[1,\"state-id\"],\"store\":[16],\"swipeDisabled\":[4,\"swipe-disabled\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"collapsedSection\":[32],\"selectedRows\":[32],\"rowActionMenuOpened\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"getProps\":[64],\"loadRowActions\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-card\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"isMenu\":[516,\"is-menu\"],\"layoutFamily\":[1,\"layout-family\"],\"layoutNumber\":[2,\"layout-number\"],\"menuVisible\":[1540,\"menu-visible\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-data-table\",{\"stateId\":[1,\"state-id\"],\"store\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"density\":[1],\"dragEnabled\":[4,\"drag-enabled\"],\"dropEnabled\":[4,\"drop-enabled\"],\"editableData\":[4,\"editable-data\"],\"emptyDataLabel\":[1025,\"empty-data-label\"],\"enableExtraColumns\":[4,\"enable-extra-columns\"],\"enableSortableColumns\":[4,\"enable-sortable-columns\"],\"expandGroups\":[4,\"expand-groups\"],\"filters\":[1040],\"fixedColumns\":[2,\"fixed-columns\"],\"fixedRows\":[2,\"fixed-rows\"],\"forceOneLine\":[516,\"force-one-line\"],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"groupLabelDisplay\":[1,\"group-label-display\"],\"groups\":[1040],\"headerIsPersistent\":[4,\"header-is-persistent\"],\"isFocusable\":[4,\"is-focusable\"],\"lazyLoadRows\":[4,\"lazy-load-rows\"],\"lineBreakCharacter\":[1,\"line-break-character\"],\"loadMoreLimit\":[2,\"load-more-limit\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"loadMoreStep\":[2,\"load-more-step\"],\"pageSelected\":[2,\"page-selected\"],\"paginatorPos\":[1,\"paginator-pos\"],\"removableColumns\":[4,\"removable-columns\"],\"rowActions\":[16],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selection\":[1],\"selectRow\":[2,\"select-row\"],\"selectRowsById\":[1,\"select-rows-by-id\"],\"showCustomization\":[4,\"show-customization\"],\"showFilters\":[4,\"show-filters\"],\"showGroups\":[4,\"show-groups\"],\"showFooter\":[4,\"show-footer\"],\"showGrid\":[1,\"show-grid\"],\"showHeader\":[4,\"show-header\"],\"showLoadMore\":[4,\"show-load-more\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"sort\":[1040],\"sortableColumnsMutateData\":[4,\"sortable-columns-mutate-data\"],\"sortEnabled\":[4,\"sort-enabled\"],\"tableHeight\":[1,\"table-height\"],\"tableWidth\":[1,\"table-width\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"totals\":[1040],\"transpose\":[4],\"lazyLoadCells\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"selectedRows\":[32],\"selectedColumn\":[32],\"columnMenuAnchor\":[32],\"groupState\":[32],\"openedTotalMenu\":[32],\"openedGroupMenu\":[32],\"openedCustomSettings\":[32],\"fontsize\":[32],\"triggerColumnSortRerender\":[32],\"closeColumnMenu\":[64],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64],\"setSelectedRows\":[64],\"getInternalState\":[64],\"defaultSortingFunction\":[64]}],[1,\"kup-button-list\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"showSelection\":[4,\"show-selection\"],\"styling\":[513],\"selected\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-paginator\",{\"currentPage\":[2,\"current-page\"],\"max\":[2],\"mode\":[1],\"perPage\":[2,\"per-page\"],\"selectedPerPage\":[1026,\"selected-per-page\"],\"refresh\":[64]}],[1,\"kup-dropdown-button\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"dropdownOnly\":[4,\"dropdown-only\"],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"label\":[1],\"selectMode\":[1,\"select-mode\"],\"styling\":[1],\"trailingIcon\":[4,\"trailing-icon\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-tooltip\",{\"cellOptions\":[1040],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"detailData\":[1040],\"detailTimeout\":[2,\"detail-timeout\"],\"layout\":[1],\"loadTimeout\":[2,\"load-timeout\"],\"owner\":[1],\"relatedObject\":[1040],\"visible\":[32],\"refresh\":[64],\"setTooltipInfo\":[64],\"unsetTooltipInfo\":[64],\"getProps\":[64],\"setProps\":[64]}],[1,\"kup-editor\",{\"text\":[1]}],[1,\"kup-tree\",{\"asAccordion\":[516,\"as-accordion\"],\"autoSelectionNodeMode\":[4,\"auto-selection-node-mode\"],\"columns\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"density\":[1],\"dynamicExpansionCallback\":[16],\"enableExtraColumns\":[4,\"enable-extra-columns\"],\"expanded\":[4],\"expansionMode\":[1,\"expansion-mode\"],\"filters\":[1040],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"globalFilterMode\":[1,\"global-filter-mode\"],\"preventXScroll\":[516,\"prevent-x-scroll\"],\"removableColumns\":[4,\"removable-columns\"],\"ripple\":[4],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selectedNode\":[1040],\"showColumns\":[4,\"show-columns\"],\"showFilters\":[4,\"show-filters\"],\"showFooter\":[4,\"show-footer\"],\"showHeader\":[4,\"show-header\"],\"showIcons\":[4,\"show-icons\"],\"stateId\":[1,\"state-id\"],\"store\":[16],\"useDynamicExpansion\":[4,\"use-dynamic-expansion\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"totals\":[1040],\"treeColumnVisible\":[32],\"openedTotalMenu\":[32],\"columnMenuAnchor\":[32],\"selectedNodeString\":[32],\"stateSwitcher\":[32],\"isEmpty\":[64],\"closeColumnMenu\":[64],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-time-picker\",{\"clockVariant\":[4,\"clock-variant\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"manageSeconds\":[4,\"manage-seconds\"],\"timeMinutesStep\":[2,\"time-minutes-step\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[4,\"keyup\",\"listenKeyup\"]]],[1,\"kup-autocomplete\",{\"callBackOnFilterUpdate\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"initialValue\":[1,\"initial-value\"],\"minimumChars\":[2,\"minimum-chars\"],\"selectMode\":[1,\"select-mode\"],\"serverHandledFilter\":[516,\"server-handled-filter\"],\"displayedValue\":[32],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-date-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"firstDayIndex\":[2,\"first-day-index\"],\"initialValue\":[1,\"initial-value\"],\"stateSwitcher\":[32],\"value\":[32],\"getValue\":[64],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setValue\":[64]},[[4,\"keyup\",\"listenKeyup\"]]],[1,\"kup-image\",{\"badgeData\":[16],\"color\":[1],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"feedback\":[4],\"isCanvas\":[4,\"is-canvas\"],\"resource\":[1],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-chip\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"dataNew\":[1040],\"type\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-tab-bar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-chart\",{\"asp\":[1],\"axis\":[1],\"chartTitle\":[16],\"colors\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hAxis\":[16],\"hAxes\":[16],\"legend\":[1],\"offlineMode\":[16],\"series\":[16],\"showMarks\":[4,\"show-marks\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"sorting\":[16],\"stacked\":[4],\"types\":[16],\"vAxes\":[16],\"vAxis\":[16],\"trendlines\":[16],\"version\":[1],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-checkbox\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"indeterminate\":[1028],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-color-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"swatchOnly\":[4,\"swatch-only\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64],\"refresh\":[64]}],[1,\"kup-gauge\",{\"arcThickness\":[2,\"arc-thickness\"],\"colors\":[16],\"customStyle\":[1,\"custom-style\"],\"firstThreshold\":[2,\"first-threshold\"],\"labelDistance\":[1026,\"label-distance\"],\"maxValue\":[1026,\"max-value\"],\"measurementUnit\":[1,\"measurement-unit\"],\"minValue\":[1026,\"min-value\"],\"needleCircle\":[4,\"needle-circle\"],\"onlyValue\":[4,\"only-value\"],\"reverseColors\":[4,\"reverse-colors\"],\"secondThreshold\":[2,\"second-threshold\"],\"showLabels\":[4,\"show-labels\"],\"showMaxmin\":[4,\"show-maxmin\"],\"showValue\":[4,\"show-value\"],\"size\":[2],\"value\":[1026],\"valueSize\":[2,\"value-size\"],\"widthComponent\":[1,\"width-component\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-progress-bar\",{\"centeredLabel\":[4,\"centered-label\"],\"customStyle\":[1,\"custom-style\"],\"hideLabel\":[4,\"hide-label\"],\"icon\":[1],\"label\":[1],\"isRadial\":[516,\"is-radial\"],\"value\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-rating\",{\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"maxValue\":[2,\"max-value\"],\"value\":[2],\"stars\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-switch\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-combobox\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"initialValue\":[1,\"initial-value\"],\"isSelect\":[516,\"is-select\"],\"selectMode\":[1,\"select-mode\"],\"displayedValue\":[32],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-spinner\",{\"active\":[516],\"barVariant\":[4,\"bar-variant\"],\"customStyle\":[1,\"custom-style\"],\"dimensions\":[1],\"fader\":[4],\"faderTimeout\":[2,\"fader-timeout\"],\"fullScreen\":[516,\"full-screen\"],\"layout\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-text-field\",{\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"emitSubmitEventOnEnter\":[4,\"emit-submit-event-on-enter\"],\"fullWidth\":[516,\"full-width\"],\"helper\":[1],\"helperWhenFocused\":[4,\"helper-when-focused\"],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"inputType\":[1,\"input-type\"],\"isClearable\":[4,\"is-clearable\"],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"max\":[2],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"outlined\":[4],\"readOnly\":[4,\"read-only\"],\"step\":[2],\"textArea\":[4,\"text-area\"],\"trailingIcon\":[4,\"trailing-icon\"],\"trailingLabel\":[4,\"trailing-label\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]}],[1,\"kup-button\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"icon\":[1],\"iconOff\":[1,\"icon-off\"],\"label\":[1],\"styling\":[1],\"showSpinner\":[4,\"show-spinner\"],\"toggable\":[4],\"trailingIcon\":[4,\"trailing-icon\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-list\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"displayMode\":[1,\"display-mode\"],\"filter\":[1025],\"hideText\":[4,\"hide-text\"],\"isMenu\":[4,\"is-menu\"],\"keyboardNavigation\":[1028,\"keyboard-navigation\"],\"menuVisible\":[4,\"menu-visible\"],\"roleType\":[1025,\"role-type\"],\"selectable\":[4],\"showIcons\":[4,\"show-icons\"],\"twoLine\":[4,\"two-line\"],\"focused\":[32],\"selected\":[32],\"focusNext\":[64],\"focusPrevious\":[64],\"getProps\":[64],\"refresh\":[64],\"resetFilter\":[64],\"select\":[64],\"setProps\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-radio\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-badge\",{\"customStyle\":[1,\"custom-style\"],\"imageData\":[16],\"text\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-magic-box.cjs\",[[1,\"kup-magic-box\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"display\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-field.cjs\",[[1,\"kup-field\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"label\":[1],\"labelPos\":[1,\"label-pos\"],\"showSubmit\":[4,\"show-submit\"],\"submitLabel\":[1,\"submit-label\"],\"submitPos\":[1,\"submit-pos\"],\"type\":[1],\"getCurrentValue\":[64],\"getProps\":[64],\"refresh\":[64]}]]],[\"kup-iframe.cjs\",[[1,\"kup-iframe\",{\"buttonData\":[16],\"isButton\":[4,\"is-button\"],\"src\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-accordion.cjs\",[[1,\"kup-accordion\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"selectedItems\":[32],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64],\"toggleItem\":[64]}]]],[\"kup-calendar.cjs\",[[1,\"kup-calendar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"dateCol\":[1,\"date-col\"],\"descrCol\":[1,\"descr-col\"],\"endCol\":[1,\"end-col\"],\"hideNavigation\":[4,\"hide-navigation\"],\"iconCol\":[1,\"icon-col\"],\"imageCol\":[1,\"image-col\"],\"initialDate\":[1,\"initial-date\"],\"startCol\":[1,\"start-col\"],\"styleCol\":[1,\"style-col\"],\"viewType\":[1025,\"view-type\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-drawer.cjs\",[[1,\"kup-drawer\",{\"customStyle\":[1,\"custom-style\"],\"opened\":[32],\"close\":[64],\"getProps\":[64],\"isOpened\":[64],\"open\":[64],\"refresh\":[64],\"setProps\":[64],\"toggle\":[64]}]]],[\"kup-grid.cjs\",[[1,\"kup-grid\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"singleLine\":[4,\"single-line\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-lazy.cjs\",[[1,\"kup-lazy\",{\"componentName\":[1,\"component-name\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"renderMode\":[1,\"render-mode\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"isInViewport\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-nav-bar.cjs\",[[1,\"kup-nav-bar\",{\"customStyle\":[1,\"custom-style\"],\"styling\":[513],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-probe.cjs\",[[1,\"kup-probe\",{\"customStyle\":[1,\"custom-style\"],\"features\":[16],\"content\":[32],\"printLifecycleTime\":[64],\"refresh\":[64]}]]],[\"kup-qlik.cjs\",[[0,\"kup-qlik\",{\"config\":[16],\"qlik\":[8],\"appid\":[513],\"app\":[520],\"grid\":[16],\"debug\":[4],\"fluid\":[4],\"bordered\":[4],\"defobjsize\":[1],\"divlist\":[32]}]]],[\"kup-dash_2.cjs\",[[1,\"kup-dash\",{\"active\":[4],\"fontsize\":[1],\"layout\":[1],\"index\":[2]}],[1,\"kup-layout\",{\"columnsNumber\":[1538,\"columns-number\"],\"contentBasedColumnsWidth\":[516,\"content-based-columns-width\"],\"fillSpace\":[516,\"fill-space\"],\"horizontal\":[516]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"kup-autocomplete_28.cjs\",[[1,\"kup-box\",{\"cardData\":[16],\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"dragEnabled\":[4,\"drag-enabled\"],\"dropEnabled\":[4,\"drop-enabled\"],\"dropOnSection\":[4,\"drop-on-section\"],\"editableData\":[4,\"editable-data\"],\"enableRowActions\":[4,\"enable-row-actions\"],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"kanban\":[16],\"layout\":[16],\"multiSelection\":[4,\"multi-selection\"],\"pageSelected\":[2,\"page-selected\"],\"pageSize\":[2,\"page-size\"],\"pagination\":[4],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selectBox\":[2,\"select-box\"],\"selectedRowsState\":[1025,\"selected-rows-state\"],\"showSelection\":[4,\"show-selection\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"sortBy\":[1025,\"sort-by\"],\"sortEnabled\":[4,\"sort-enabled\"],\"stateId\":[1,\"state-id\"],\"store\":[16],\"swipeDisabled\":[4,\"swipe-disabled\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"collapsedSection\":[32],\"selectedRows\":[32],\"rowActionMenuOpened\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"getProps\":[64],\"loadRowActions\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-tooltip\",{\"cellOptions\":[1040],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"detailData\":[1040],\"detailTimeout\":[2,\"detail-timeout\"],\"layout\":[1],\"loadTimeout\":[2,\"load-timeout\"],\"owner\":[1],\"relatedObject\":[1040],\"visible\":[32],\"refresh\":[64],\"setTooltipInfo\":[64],\"unsetTooltipInfo\":[64],\"getProps\":[64],\"setProps\":[64]}],[1,\"kup-card\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"isMenu\":[516,\"is-menu\"],\"layoutFamily\":[1,\"layout-family\"],\"layoutNumber\":[2,\"layout-number\"],\"menuVisible\":[1540,\"menu-visible\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-data-table\",{\"stateId\":[1,\"state-id\"],\"store\":[16],\"autoFillMissingCells\":[4,\"auto-fill-missing-cells\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"density\":[1],\"dragEnabled\":[516,\"drag-enabled\"],\"dropEnabled\":[516,\"drop-enabled\"],\"editableData\":[4,\"editable-data\"],\"emptyDataLabel\":[1025,\"empty-data-label\"],\"enableExtraColumns\":[4,\"enable-extra-columns\"],\"enableSortableColumns\":[4,\"enable-sortable-columns\"],\"expandGroups\":[4,\"expand-groups\"],\"filters\":[1040],\"fixedColumns\":[2,\"fixed-columns\"],\"fixedRows\":[2,\"fixed-rows\"],\"forceOneLine\":[516,\"force-one-line\"],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"groupLabelDisplay\":[1,\"group-label-display\"],\"groups\":[1040],\"headerIsPersistent\":[4,\"header-is-persistent\"],\"isFocusable\":[4,\"is-focusable\"],\"lazyLoadRows\":[4,\"lazy-load-rows\"],\"lineBreakCharacter\":[1,\"line-break-character\"],\"loadMoreLimit\":[2,\"load-more-limit\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"loadMoreStep\":[2,\"load-more-step\"],\"pageSelected\":[2,\"page-selected\"],\"paginatorPos\":[1,\"paginator-pos\"],\"removableColumns\":[4,\"removable-columns\"],\"resizableColumns\":[4,\"resizable-columns\"],\"rowActions\":[16],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selection\":[1],\"selectRow\":[2,\"select-row\"],\"selectRowsById\":[1,\"select-rows-by-id\"],\"showCustomization\":[4,\"show-customization\"],\"showFilters\":[4,\"show-filters\"],\"showGroups\":[4,\"show-groups\"],\"showFooter\":[4,\"show-footer\"],\"showGrid\":[1,\"show-grid\"],\"showHeader\":[4,\"show-header\"],\"showLoadMore\":[4,\"show-load-more\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"sort\":[1040],\"sortableColumnsMutateData\":[4,\"sortable-columns-mutate-data\"],\"sortEnabled\":[4,\"sort-enabled\"],\"tableHeight\":[1,\"table-height\"],\"tableWidth\":[1,\"table-width\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"totals\":[1040],\"transpose\":[4],\"lazyLoadCells\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"selectedRows\":[32],\"selectedColumn\":[32],\"columnMenuAnchor\":[32],\"groupState\":[32],\"openedTotalMenu\":[32],\"openedCustomSettings\":[32],\"fontsize\":[32],\"triggerColumnSortRerender\":[32],\"closeColumnMenu\":[64],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setFocus\":[64],\"setProps\":[64],\"setSelectedRows\":[64],\"getInternalState\":[64],\"defaultSortingFunction\":[64]}],[1,\"kup-paginator\",{\"customStyle\":[1,\"custom-style\"],\"currentPage\":[2,\"current-page\"],\"max\":[2],\"mode\":[1],\"perPage\":[2,\"per-page\"],\"selectedPerPage\":[1026,\"selected-per-page\"],\"refresh\":[64]}],[1,\"kup-tree\",{\"asAccordion\":[516,\"as-accordion\"],\"autoSelectionNodeMode\":[4,\"auto-selection-node-mode\"],\"columns\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"density\":[1],\"dynamicExpansionCallback\":[16],\"editableData\":[4,\"editable-data\"],\"enableExtraColumns\":[4,\"enable-extra-columns\"],\"expanded\":[4],\"expansionMode\":[1,\"expansion-mode\"],\"filters\":[1040],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"globalFilterMode\":[1,\"global-filter-mode\"],\"preventXScroll\":[516,\"prevent-x-scroll\"],\"removableColumns\":[4,\"removable-columns\"],\"ripple\":[4],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selectedNode\":[1040],\"showColumns\":[4,\"show-columns\"],\"showFilters\":[4,\"show-filters\"],\"showFooter\":[4,\"show-footer\"],\"showHeader\":[4,\"show-header\"],\"showIcons\":[4,\"show-icons\"],\"stateId\":[1,\"state-id\"],\"store\":[16],\"useDynamicExpansion\":[4,\"use-dynamic-expansion\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"totals\":[1040],\"treeColumnVisible\":[32],\"openedTotalMenu\":[32],\"columnMenuAnchor\":[32],\"selectedNodeString\":[32],\"stateSwitcher\":[32],\"isEmpty\":[64],\"closeColumnMenu\":[64],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-button-list\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"showSelection\":[4,\"show-selection\"],\"styling\":[513],\"selected\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-image\",{\"badgeData\":[16],\"color\":[1],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"feedback\":[4],\"isCanvas\":[4,\"is-canvas\"],\"resource\":[1],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-color-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"swatchOnly\":[4,\"swatch-only\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64],\"refresh\":[64]}],[1,\"kup-gauge\",{\"arcThickness\":[2,\"arc-thickness\"],\"colors\":[16],\"customStyle\":[1,\"custom-style\"],\"firstThreshold\":[2,\"first-threshold\"],\"labelDistance\":[1026,\"label-distance\"],\"maxValue\":[1026,\"max-value\"],\"measurementUnit\":[1,\"measurement-unit\"],\"minValue\":[1026,\"min-value\"],\"needleCircle\":[4,\"needle-circle\"],\"onlyValue\":[4,\"only-value\"],\"reverseColors\":[4,\"reverse-colors\"],\"secondThreshold\":[2,\"second-threshold\"],\"showLabels\":[4,\"show-labels\"],\"showMaxmin\":[4,\"show-maxmin\"],\"showValue\":[4,\"show-value\"],\"size\":[2],\"value\":[1026],\"valueSize\":[2,\"value-size\"],\"widthComponent\":[1,\"width-component\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-rating\",{\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"maxValue\":[2,\"max-value\"],\"value\":[2],\"stars\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-dropdown-button\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"dropdownOnly\":[4,\"dropdown-only\"],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"label\":[1],\"selectMode\":[1,\"select-mode\"],\"styling\":[1],\"trailingIcon\":[4,\"trailing-icon\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-date-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"firstDayIndex\":[2,\"first-day-index\"],\"initialValue\":[1,\"initial-value\"],\"stateSwitcher\":[32],\"value\":[32],\"getValue\":[64],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setValue\":[64]},[[0,\"keyup\",\"listenKeyup\"]]],[1,\"kup-time-picker\",{\"clockVariant\":[4,\"clock-variant\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"manageSeconds\":[4,\"manage-seconds\"],\"timeMinutesStep\":[2,\"time-minutes-step\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[4,\"keyup\",\"listenKeyup\"]]],[1,\"kup-autocomplete\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"initialValue\":[1,\"initial-value\"],\"minimumChars\":[2,\"minimum-chars\"],\"selectMode\":[1,\"select-mode\"],\"serverHandledFilter\":[516,\"server-handled-filter\"],\"showDropDownIcon\":[4,\"show-drop-down-icon\"],\"displayedValue\":[32],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-chip\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"dataNew\":[1040],\"type\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-tab-bar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-chart\",{\"asp\":[1],\"axis\":[1],\"chartTitle\":[16],\"colors\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hAxis\":[16],\"hAxes\":[16],\"legend\":[1],\"offlineMode\":[16],\"series\":[16],\"showMarks\":[4,\"show-marks\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"sorting\":[16],\"stacked\":[4],\"types\":[16],\"vAxes\":[16],\"vAxis\":[16],\"trendlines\":[16],\"version\":[1],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-checkbox\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"indeterminate\":[1028],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-progress-bar\",{\"centeredLabel\":[4,\"centered-label\"],\"customStyle\":[1,\"custom-style\"],\"hideLabel\":[4,\"hide-label\"],\"icon\":[1],\"label\":[1],\"isRadial\":[516,\"is-radial\"],\"value\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-switch\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-text-field\",{\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"emitSubmitEventOnEnter\":[4,\"emit-submit-event-on-enter\"],\"fullWidth\":[516,\"full-width\"],\"helper\":[1],\"helperEnabled\":[4,\"helper-enabled\"],\"helperWhenFocused\":[4,\"helper-when-focused\"],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"inputType\":[1,\"input-type\"],\"isClearable\":[4,\"is-clearable\"],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"max\":[2],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"outlined\":[4],\"readOnly\":[4,\"read-only\"],\"step\":[2],\"textArea\":[4,\"text-area\"],\"trailingIcon\":[4,\"trailing-icon\"],\"trailingLabel\":[4,\"trailing-label\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]}],[1,\"kup-combobox\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"initialValue\":[1,\"initial-value\"],\"isSelect\":[516,\"is-select\"],\"selectMode\":[1,\"select-mode\"],\"showDropDownIcon\":[4,\"show-drop-down-icon\"],\"displayedValue\":[32],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-spinner\",{\"active\":[516],\"barVariant\":[4,\"bar-variant\"],\"customStyle\":[1,\"custom-style\"],\"dimensions\":[1],\"fader\":[4],\"faderTimeout\":[2,\"fader-timeout\"],\"fullScreen\":[516,\"full-screen\"],\"layout\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-button\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"icon\":[1],\"iconOff\":[1,\"icon-off\"],\"label\":[1],\"styling\":[1],\"showSpinner\":[4,\"show-spinner\"],\"toggable\":[4],\"trailingIcon\":[4,\"trailing-icon\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-list\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"displayMode\":[1,\"display-mode\"],\"filter\":[1025],\"hideText\":[4,\"hide-text\"],\"isMenu\":[4,\"is-menu\"],\"keyboardNavigation\":[4,\"keyboard-navigation\"],\"menuVisible\":[4,\"menu-visible\"],\"roleType\":[1025,\"role-type\"],\"selectable\":[4],\"showIcons\":[4,\"show-icons\"],\"twoLine\":[4,\"two-line\"],\"focused\":[32],\"selected\":[32],\"focusNext\":[64],\"focusPrevious\":[64],\"getProps\":[64],\"refresh\":[64],\"resetFilter\":[64],\"select\":[64],\"setProps\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-radio\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-badge\",{\"customStyle\":[1,\"custom-style\"],\"imageData\":[16],\"text\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-magic-box.cjs\",[[1,\"kup-magic-box\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"display\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-cell.cjs\",[[1,\"kup-cell\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"density\":[1],\"dragEnabled\":[4,\"drag-enabled\"],\"addCssClasses\":[64],\"getProps\":[64],\"refresh\":[64],\"removeCssClasses\":[64],\"setProps\":[64]}]]],[\"kup-dash-list.cjs\",[[1,\"kup-dash-list\",{\"layout\":[1],\"fontsize\":[1],\"active\":[4],\"columnsNumber\":[2,\"columns-number\"],\"fullWidth\":[4,\"full-width\"],\"horizontal\":[4],\"iconColor\":[16],\"valueColor\":[16],\"textColor\":[16],\"data\":[16]}]]],[\"kup-field.cjs\",[[1,\"kup-field\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"label\":[1],\"labelPos\":[1,\"label-pos\"],\"showSubmit\":[4,\"show-submit\"],\"submitLabel\":[1,\"submit-label\"],\"submitPos\":[1,\"submit-pos\"],\"type\":[1],\"getCurrentValue\":[64],\"getProps\":[64],\"refresh\":[64]}]]],[\"kup-iframe.cjs\",[[1,\"kup-iframe\",{\"buttonData\":[16],\"isButton\":[4,\"is-button\"],\"src\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-accordion.cjs\",[[1,\"kup-accordion\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"selectedItems\":[32],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64],\"toggleItem\":[64]}]]],[\"kup-calendar.cjs\",[[1,\"kup-calendar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"dateCol\":[1,\"date-col\"],\"descrCol\":[1,\"descr-col\"],\"endCol\":[1,\"end-col\"],\"hideNavigation\":[4,\"hide-navigation\"],\"iconCol\":[1,\"icon-col\"],\"imageCol\":[1,\"image-col\"],\"initialDate\":[1,\"initial-date\"],\"startCol\":[1,\"start-col\"],\"styleCol\":[1,\"style-col\"],\"viewType\":[1025,\"view-type\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-snackbar.cjs\",[[1,\"kup-snackbar\",{\"actionButton\":[16],\"closeButton\":[4,\"close-button\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"timeout\":[2],\"visible\":[32],\"getProps\":[64],\"hide\":[64],\"refresh\":[64],\"setProps\":[64],\"show\":[64]}]]],[\"kup-drawer.cjs\",[[1,\"kup-drawer\",{\"customStyle\":[1,\"custom-style\"],\"opened\":[32],\"close\":[64],\"getProps\":[64],\"isOpened\":[64],\"open\":[64],\"refresh\":[64],\"setProps\":[64],\"toggle\":[64]}]]],[\"kup-lazy.cjs\",[[1,\"kup-lazy\",{\"componentName\":[1,\"component-name\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"renderMode\":[1,\"render-mode\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"isInViewport\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-nav-bar.cjs\",[[1,\"kup-nav-bar\",{\"customStyle\":[1,\"custom-style\"],\"styling\":[513],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-probe.cjs\",[[1,\"kup-probe\",{\"customStyle\":[1,\"custom-style\"],\"features\":[16],\"content\":[32],\"printLifecycleTime\":[64],\"refresh\":[64]}]]],[\"kup-qlik.cjs\",[[0,\"kup-qlik\",{\"config\":[16],\"qlik\":[8],\"appid\":[513],\"app\":[520],\"grid\":[16],\"debug\":[4],\"fluid\":[4],\"bordered\":[4],\"defobjsize\":[1],\"divlist\":[32]}]]],[\"kup-dash_2.cjs\",[[1,\"kup-dash\",{\"active\":[4],\"fontsize\":[1],\"layout\":[1],\"index\":[2]}],[1,\"kup-grid\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"singleLine\":[4,\"single-line\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]]]"), options);
   });
 };
 

package/dist/cjs/{utils-2af73538.js → utils-0cc466b9.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const kupObjects = require('./kup-objects-59ea949c.js');
+const kupManager = require('./kup-manager-1a2688ca.js');
 
-var numeral = kupObjects.createCommonjsModule(function (module) {
+var numeral = kupManager.createCommonjsModule(function (module) {
 /*! @preserve
  * numeral.js
  * version : 2.0.6
@@ -17,7 +17,7 @@ var numeral = kupObjects.createCommonjsModule(function (module) {
     } else {
         global.numeral = factory();
     }
-}(kupObjects.commonjsGlobal, function () {
+}(kupManager.commonjsGlobal, function () {
     /************************************
         Variables
     ************************************/
@@ -1013,7 +1013,6 @@ return numeral;
 });
 
 const dom = document.documentElement;
-const kupDates = dom.ketchup ? dom.ketchup.dates : new kupObjects.KupDates();
 exports.DateTimeFormatOptionsMonth = void 0;
 (function (DateTimeFormatOptionsMonth) {
   DateTimeFormatOptionsMonth["NUMERIC"] = "numeric";
@@ -1029,12 +1028,6 @@ function identify(array) {
     }
   }
 }
-function getCurrentLocale() {
-  if (navigator == null || navigator.language == null) {
-    return 'en-US';
-  }
-  return navigator.language;
-}
 function getSeparator(locale, separatorType) {
   const numberWithGroupAndDecimalSeparator = 1000.1;
   return Intl.NumberFormat(locale)
@@ -1050,7 +1043,7 @@ function getCurrentTimeFormatFromBrowserLocale(manageSeconds) {
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  const formatObj = new Intl.DateTimeFormat(kupDates.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
+  const formatObj = new Intl.DateTimeFormat(dom.ketchup.dates.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
   let timeFormat = formatObj
     .map((obj) => {
     switch (obj.type) {
@@ -1115,7 +1108,7 @@ function numberToString(input, decimals) {
   if (input == null) {
     return '';
   }
-  return _numberToString(input, decimals, getCurrentLocale(), true);
+  return _numberToString(input, decimals, dom.ketchup.dates.getLocale(), true);
 }
 /**
  * @param type - type of number for calculate suffix
@@ -1167,7 +1160,7 @@ function unformattedStringToFormattedStringNumber(input, decimals, type) {
  * @returns number as string, formatted by locale US, decimal separator . (like java decimal numbers), without group separator
  **/
 function formattedStringToUnformattedStringNumber(input, type) {
-  return numberStringToNumberString(input, type, getDecimalSeparator(getCurrentLocale()));
+  return numberStringToNumberString(input, type, getDecimalSeparator(dom.ketchup.dates.getLocale()));
 }
 /**
  * @param input number as string, formatted by locale US, decimal separator . (like java decimal numbers), with group separator
@@ -1248,7 +1241,7 @@ function formatTime(time, manageSeconds) {
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  return time.toLocaleTimeString(kupDates.getLocale() + '-u-hc-h23', options);
+  return time.toLocaleTimeString(dom.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 /**
  * @param value time string, formatted by actual browser locale
@@ -1256,14 +1249,14 @@ function formatTime(time, manageSeconds) {
  */
 function isValidFormattedStringTime(value, manageSeconds) {
   let format = getCurrentTimeFormatFromBrowserLocale(manageSeconds);
-  return kupDates.isValid(value, format, true);
+  return dom.ketchup.dates.isValid(value, format, true);
 }
 /**
  * @param value date/time as string, formatted by actual browser locale
  * @returns date/time as string, formatted ISO
  **/
 function formattedStringToDefaultUnformattedStringTimestamp(value) {
-  return formattedStringToCustomUnformattedStringTime(value, kupObjects.KupDatesFormats.ISO_DATE_TIME, true);
+  return formattedStringToCustomUnformattedStringTime(value, kupManager.KupDatesFormats.ISO_DATE_TIME, true);
 }
 /**
  * @param value time as string, formatted by actual browser locale
@@ -1273,8 +1266,8 @@ function formattedStringToDefaultUnformattedStringTimestamp(value) {
  **/
 function formattedStringToCustomUnformattedStringTime(value, outputFormat, manageSeconds) {
   let inputFormat = getCurrentTimeFormatFromBrowserLocale(manageSeconds);
-  if (kupDates.isValid(value, inputFormat)) {
-    return kupDates.format(kupDates.normalize(value, kupObjects.KupDatesNormalize.TIME), outputFormat);
+  if (dom.ketchup.dates.isValid(value, inputFormat)) {
+    return dom.ketchup.dates.format(dom.ketchup.dates.normalize(value, kupManager.KupDatesNormalize.TIME), outputFormat);
   }
   else {
     return '';
@@ -1296,12 +1289,12 @@ function unformattedStringToFormattedStringTime(value, manageSeconds, customedFo
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  let date = kupDates.toDate(kupDates.normalize(value, kupObjects.KupDatesNormalize.TIME));
+  let date = dom.ketchup.dates.toDate(dom.ketchup.dates.normalize(value, kupManager.KupDatesNormalize.TIME));
   return formatByCustomedOutputTimeFormat(value, date, options, customedFormat);
 }
 function formatByCustomedOutputTimeFormat(valueStr, date, options, customedFormat) {
   if (customedFormat == null) {
-    return date.toLocaleTimeString(kupDates.getLocale() + '-u-hc-h23', options);
+    return date.toLocaleTimeString(dom.ketchup.dates.getLocale() + '-u-hc-h23', options);
   }
   switch (customedFormat) {
     case 'I13': {
@@ -1370,7 +1363,7 @@ function formatByCustomedOutputTimeFormat(valueStr, date, options, customedForma
       return valueStr;
     }
   }
-  return date.toLocaleTimeString(kupDates.getLocale() + '-u-hc-h23', options);
+  return date.toLocaleTimeString(dom.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 /**
  * @param value date/time as string, formatted ISO
@@ -1387,8 +1380,8 @@ function unformattedStringToFormattedStringTimestamp(value) {
     second: '2-digit',
     hour12: false,
   };
-  let date = kupDates.toDate(kupDates.normalize(value, kupObjects.KupDatesNormalize.TIMESTAMP));
-  return date.toLocaleString(kupDates.getLocale() + '-u-hc-h23', options);
+  let date = dom.ketchup.dates.toDate(dom.ketchup.dates.normalize(value, kupManager.KupDatesNormalize.TIMESTAMP));
+  return date.toLocaleString(dom.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 function getMonthAsStringByLocale(month, format) {
   if (month == null) {
@@ -1400,7 +1393,7 @@ function getMonthAsStringByLocale(month, format) {
   const options = {
     month: format,
   };
-  const dateTimeFormat = new Intl.DateTimeFormat(kupDates.getLocale(), options);
+  const dateTimeFormat = new Intl.DateTimeFormat(dom.ketchup.dates.getLocale(), options);
   return dateTimeFormat.format(dateTmp);
 }
 function getMonthsAsStringByLocale(format) {
@@ -1413,62 +1406,6 @@ function getMonthsAsStringByLocale(format) {
   }
   return months;
 }
-function getDayAsStringByLocale(date) {
-  if (date == null) {
-    return '';
-  }
-  const options = {
-    weekday: 'narrow',
-    /** weekday: 'narrow' 'short' 'long' */
-  };
-  const dateTimeFormat = new Intl.DateTimeFormat(kupDates.getLocale(), options);
-  return dateTimeFormat.format(date);
-}
-function firstDayThisWeek(firstDayIndex) {
-  var d = new Date();
-  const day = d.getDay();
-  // dayIndex0
-  d.setDate(d.getDate() - day);
-  // dayIndexX
-  d.setDate(d.getDate() + firstDayIndex);
-  return d;
-}
-const offsetDate = (base, count) => {
-  const date = new Date(base);
-  date.setDate(base.getDate() + count);
-  return date;
-};
-function thisWeek(firstDayIndex) {
-  const firstDay = firstDayThisWeek(firstDayIndex);
-  return {
-    startDate: firstDay,
-    endDate: offsetDate(firstDay, 6),
-  };
-}
-function getDaysOfWeekAsStringByLocale(firstDayIndex) {
-  var thisWeekDays = thisWeek(firstDayIndex);
-  var monday = thisWeekDays.startDate;
-  var days = [];
-  for (var i = 0; i < 7; i++) {
-    var date = new Date(monday.toISOString());
-    date.setDate(date.getDate() + i);
-    days[i] = getDayAsStringByLocale(date);
-  }
-  return days;
-}
-function fillString(stringIn, stringForFill, finalLen, addBefore) {
-  let initSize = stringIn.length;
-  let stringOut = '';
-  for (let i = initSize; i < finalLen; i += stringForFill.length) {
-    stringOut += stringForFill;
-  }
-  if (addBefore) {
-    return stringOut + stringIn;
-  }
-  else {
-    return stringIn + stringOut;
-  }
-}
 function deepEqual(object1, object2) {
   if (!(isObject(object1) && isObject(object2))) {
     return object1 === object2;
@@ -1533,13 +1470,10 @@ function setProps(comp, list, props) {
 }
 
 exports.deepEqual = deepEqual;
-exports.fillString = fillString;
 exports.formatTime = formatTime;
 exports.formattedStringToCustomUnformattedStringTime = formattedStringToCustomUnformattedStringTime;
 exports.formattedStringToDefaultUnformattedStringTimestamp = formattedStringToDefaultUnformattedStringTimestamp;
 exports.formattedStringToUnformattedStringNumber = formattedStringToUnformattedStringNumber;
-exports.getCurrentLocale = getCurrentLocale;
-exports.getDaysOfWeekAsStringByLocale = getDaysOfWeekAsStringByLocale;
 exports.getDecimalSeparator = getDecimalSeparator;
 exports.getMonthsAsStringByLocale = getMonthsAsStringByLocale;
 exports.getProps = getProps;

package/dist/collection/assets/cell.js

@@ -0,0 +1,51 @@
+const sampleCell = document.getElementById('sampleCell');
+sampleCell.data = {
+    value: 'Simple text with click event',
+};
+sampleCell.addEventListener('kup-cell-click', (e) => {
+    console.log(e);
+});
+
+const buttonCell = document.getElementById('buttonCell');
+buttonCell.data = {
+    obj: {
+        t: 'J4',
+        p: 'BTN',
+        k: '',
+    },
+    data: {
+        icon: 'favorite',
+        label: 'Simple button',
+    },
+    value: 'Simple button',
+};
+
+const dateCell = document.getElementById('dateCell');
+dateCell.data = {
+    obj: {
+        t: 'D8',
+        p: '*YYMD',
+        k: '20211101',
+    },
+    value: '2021-11-01',
+    title: 'Simple date',
+    icon: 'calendar',
+};
+
+const editableCell = document.getElementById('editableCell');
+editableCell.data = {
+    value: 'Editable text with update event',
+    isEditable: true,
+};
+editableCell.addEventListener('kup-cell-update', (e) => {
+    console.log(e);
+});
+
+const styleCell = document.getElementById('styleCell');
+styleCell.data = {
+    value: 'Styled text',
+    style: {
+        color: 'green',
+        'background-color': 'yellow',
+    },
+};