@sme.up/ketchup 6.6.0 → 6.8.0

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

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
-const fPaginatorUtils = require('./f-paginator-utils-2b72d7e8.js');
-const fImage = require('./f-image-c21cc616.js');
-const fChip = require('./f-chip-9508a2e4.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.js');
+const fPaginatorUtils = require('./f-paginator-utils-cedc4b3e.js');
+const fImage = require('./f-image-847a6ddf.js');
+const fChip = require('./f-chip-f2c369fd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fCell = require('./f-cell-75cb7933.js');
+const fCell = require('./f-cell-dd006395.js');
 const fTextFieldMdc = require('./f-text-field-mdc-85997738.js');
-require('./f-button-a531feb2.js');
+require('./f-button-229c63fd.js');
 require('./f-button-declarations-b611587f.js');
-require('./f-checkbox-cd977193.js');
-require('./f-text-field-a5b2bd0e.js');
+require('./f-checkbox-1097ca5d.js');
+require('./f-text-field-fe85187d.js');
 require('./tslib.es6-0ee02c67.js');
 require('./component-72a5b626.js');
 
@@ -80,136 +80,55 @@ const KupBox = class {
     this.kupDidLoad = index.createEvent(this, "kup-box-didload", 6);
     this.kupDidUnload = index.createEvent(this, "kup-box-didunload", 6);
     this.kupBoxContextMenu = index.createEvent(this, "kup-box-contextmenu", 6);
+    this.state = new KupBoxState();
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
+    /*       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();
+    this.visibleColumns = [];
+    this.rows = [];
+    this.filteredRows = [];
+    this.sectionRef = null;
+    this.rowsRefs = [];
+    this.hold = false;
+    this.interactableDrag = [];
+    this.interactableDrop = [];
+    this.interactableTouch = [];
     this.collapsedSection = {};
     this.selectedRows = [];
+    this.rowActionMenuOpened = undefined;
     this.currentPage = 1;
     this.currentRowsPerPage = 10;
-    this.state = new KupBoxState();
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Data of the card linked to the box when the latter's layout must be a premade template.
-     * @default null
-     */
     this.cardData = null;
-    /**
-     * Number of columns
-     * @default 1
-     */
     this.columns = 1;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
     this.customStyle = '';
-    /**
-     * Actual data of the box.
-     * @default null
-     */
     this.data = null;
-    /**
-     * Enable dragging
-     * @default false
-     */
     this.dragEnabled = false;
-    /**
-     * Enable dropping
-     * @default false
-     */
     this.dropEnabled = false;
-    /**
-     * Drop can be done in section
-     * @default false
-     */
     this.dropOnSection = false;
-    /**
-     * When set to true, editable cells will be rendered using input components.
-     * @default false
-     */
     this.editableData = false;
-    /**
-     * If enabled, a button to load / display the row actions
-     * will be displayed on the right of every box
-     * @default false
-     */
     this.enableRowActions = false;
-    /**
-     * When set to true it activates the global filter.
-     * @default false
-     */
     this.globalFilter = false;
-    /**
-     * The value of the global filter.
-     * @default ""
-     */
     this.globalFilterValue = '';
-    /**
-     * Displays the boxlist as a Kanban.
-     * @default null
-     */
     this.kanban = null;
-    /**
-     * Enable multi selection
-     * @default false
-     */
+    this.layout = undefined;
     this.multiSelection = false;
-    /**
-     * Current page number
-     * @default 1
-     */
     this.pageSelected = 1;
-    /**
-     * Number of boxes per page
-     * @default 10
-     */
     this.pageSize = 10;
-    /**
-     * Enables pagination
-     * @default false
-     */
     this.pagination = false;
-    /**
-     * Activates the scroll on hover function.
-     * @default false
-     */
+    this.rowsPerPage = undefined;
     this.scrollOnHover = false;
-    /**
-     * If enabled, highlights the selected box/boxes
-     * @default true
-     */
+    this.selectBox = undefined;
+    this.selectedRowsState = undefined;
     this.showSelection = true;
-    /**
-     * Enable sorting
-     * @default false
-     */
+    this.sortBy = undefined;
     this.sortEnabled = false;
     this.stateId = '';
-    /**
-     * Disable swipe
-     * @default false
-     */
+    this.store = undefined;
     this.swipeDisabled = false;
-    /*-------------------------------------------------*/
-    /*       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();
-    this.visibleColumns = [];
-    this.rows = [];
-    this.filteredRows = [];
-    this.sectionRef = null;
-    this.rowsRefs = [];
-    this.hold = false;
-    this.interactableDrag = [];
-    this.interactableDrop = [];
-    this.interactableTouch = [];
   }
   initWithPersistedState() {
     if (this.store && this.stateId) {
@@ -859,7 +778,8 @@ const KupBox = class {
       selected: this.showSelection && isSelected,
       column: !horizontal,
     };
-    return (index.h("div", { class: "box-wrapper" }, index.h("div", { class: boxClass, onClick: (e) => this.onBoxClick(e, row), ref: (el) => this.rowsRefs.push(el) }, multiSel, boxContent, badges), rowObject));
+    const rowStyle = row.style || {};
+    return (index.h("div", { class: "box-wrapper", style: rowStyle }, index.h("div", { class: boxClass, onClick: (e) => this.onBoxClick(e, row), ref: (el) => this.rowsRefs.push(el) }, multiSel, boxContent, badges), rowObject));
   }
   renderSection(section, parent, row, visibleColumns) {
     let sectionContent = null;

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
+const index = require('./index-ffdb46f6.js');
 const tslib_es6 = require('./tslib.es6-0ee02c67.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fButton = require('./f-button-a531feb2.js');
-const fChip = require('./f-chip-9508a2e4.js');
+const fButton = require('./f-button-229c63fd.js');
+const fChip = require('./f-chip-f2c369fd.js');
 require('./f-button-declarations-b611587f.js');
-require('./f-image-c21cc616.js');
+require('./f-image-847a6ddf.js');
 
 var n,l,u$1,t,o,r$1,f$1,e$1={},c$1=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a$1(n,l){for(var u in l)n[u]=l[u];return n}function h(n){var l=n.parentNode;l&&l.removeChild(n);}function v$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return y(l,f,t,o,null)}function y(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l.vnode&&l.vnode(f),f}function p(){return {current:null}}function d(n){return n.children}function _(n,l){this.props=n,this.context=l;}function k(n,l){if(null==l)return n.__?k(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?k(n):null}function b$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return b$1(n)}}function m(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g$1.__r++||r$1!==l.debounceRendering)&&((r$1=l.debounceRendering)||o)(g$1);}function g$1(){for(var n;g$1.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=a$1({},t)).__v=t.__v+1,j$2(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?k(t):o,t.__h),z$1(u,t),t.__e!=o&&b$1(t)));});}function w$1(n,l,u,i,t,o,r,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c$1,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y(null,_,null,null,_):Array.isArray(_)?y(d,{children:_},null,null,null):_.__b>0?y(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null;}j$2(n,_,p=p||e$1,t,o,r,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===p.__k?_.__d=s=x$1(_,s,n):s=P$1(n,_,p,w,b,s),"function"==typeof u.type&&(u.__d=s)):s&&p.__e==s&&s.parentNode!=n&&(s=k(p));}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M$1(g[h],g[++h],g[++h]);}function x$1(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?x$1(i,l,u):P$1(u,i,i,t,i.__e,l));return l}function A$1(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){A$1(n,l);}):l.push(n)),l}function P$1(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function C$1(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H$1(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H$1(n,o,l[o],u[o],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s.test(l)?u:u+"px";}function H$1(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T$1:I$1,o):n.removeEventListener(l,o?T$1:I$1,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I$1(n){this.l[n.type+!1](l.event?l.event(n):n);}function T$1(n){this.l[n.type+!0](l.event?l.event(n):n);}function j$2(n,u,i,t,o,r,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(s=l.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _(m,x),h.constructor=P,h.render=O$1),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a$1({},h.__s)),a$1(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k);});}h.context=x,h.props=m,h.state=h.__s,(s=l.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a$1(a$1({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d&&null==s.key?s.props.children:s,w$1(n,Array.isArray(A)?A:[A],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L$1(i.__e,u,i,t,o,r,f,c);(s=l.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l.__e(n,u,i);}}function z$1(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l.__e(n,u.__v);}});}function L$1(l,u,i,t,o,r,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(o=!0),null!=r)for(;_<r.length;_++)if((s=r[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(r=r&&n.call(l.childNodes),a=(y=i.props||e$1).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C$1(l,p,y,o,c),v)u.__k=[];else if(_=u.props.children,w$1(l,Array.isArray(_)?_:[_],u,i,t,o&&"foreignObject"!==d,r,f,r?r[0]:i.__k&&k(i,0),c),null!=r)for(_=r.length;_--;)null!=r[_]&&h(r[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_||"option"===d&&_!==y.value)&&H$1(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H$1(l,"checked",_,y.checked,!1));}return l}function M$1(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l.__e(n,i);}}function N(n,u,i){var t,o;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M$1(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,"function"!=typeof n.type);i||null==n.__e||h(n.__e),n.__e=n.__d=void 0;}function O$1(n,l,u){return this.constructor(n,u)}function S$1(u,i,t){var o,r,f;l.__&&l.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j$2(i,u=(!o&&t||i).__k=v$1(d,null,[u]),r||e$1,e$1,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,f,!o&&t?t:r?r.__e:i.firstChild,o),z$1(f,u);}function D$1(n,l){var u={__c:l="__cC"+f$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(m);},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=c$1.slice,l={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,_.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a$1({},this.state),"function"==typeof n&&(n=n(a$1({},u),this.props)),n&&a$1(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m(this));},_.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m(this));},_.prototype.render=d,t=[],o="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g$1.__r=0,f$1=0;
 
@@ -14317,35 +14317,6 @@ const KupCalendar = class {
     this.kupCalendarDateClick = index.createEvent(this, "kup-calendar-dateclick", 6);
     this.kupCalendarEventDrop = index.createEvent(this, "kup-calendar-eventdrop", 6);
     this.kupCalendarViewChange = index.createEvent(this, "kup-calendar-viewchange", 6);
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Sets the initial date of the calendar. Must be in ISO format (YYYY-MM-DD).
-     * @default null
-     */
-    this.currentDate = null;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Actual data of the calendar.
-     * @default null
-     */
-    this.data = null;
-    /**
-     * When disabled, the navigation toolbar won't be displayed.
-     * @default false
-     */
-    this.hideNavigation = false;
-    /**
-     * Type of the view.
-     * @default KupCalendarViewTypes.MONTH
-     */
-    this.viewType = KupCalendarViewTypes.MONTH;
     this.calendarContainer = null;
     this.kupManager = kupManager.kupManagerInstance();
     this.navTitle = null;
@@ -14357,6 +14328,11 @@ const KupCalendar = class {
     this.imageCol = null;
     this.startCol = null;
     this.styleCol = null;
+    this.currentDate = null;
+    this.customStyle = '';
+    this.data = null;
+    this.hideNavigation = false;
+    this.viewType = KupCalendarViewTypes.MONTH;
   }
   /*-------------------------------------------------*/
   /*                  W a t c h e r s                */

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fCell = require('./f-cell-75cb7933.js');
-require('./f-checkbox-cd977193.js');
-require('./f-text-field-a5b2bd0e.js');
-require('./f-image-c21cc616.js');
-require('./f-chip-9508a2e4.js');
+const fCell = require('./f-cell-dd006395.js');
+require('./f-checkbox-1097ca5d.js');
+require('./f-text-field-fe85187d.js');
+require('./f-image-847a6ddf.js');
+require('./f-chip-f2c369fd.js');
 
 /**
  * Props of the kup-cell component.
@@ -29,35 +29,16 @@ const KupCell = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /*-------------------------------------------------*/
-    /*                    P r o p s                    */
+    /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+     * Instance of the KupManager class.
      */
+    this.kupManager = kupManager.kupManagerInstance();
     this.customStyle = '';
-    /**
-     * The data of the cell.
-     * @default false
-     */
     this.data = null;
-    /**
-     * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.
-     */
     this.density = kupManager.FCellPadding.NONE;
-    /**
-     * When set to true, the component is draggable.
-     * @default false
-     */
     this.dragEnabled = false;
-    /*-------------------------------------------------*/
-    /*       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();
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */

package/dist/cjs/kup-dash-list.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 
 const kupDashListCss = ".horizontal{display:inline-block;min-width:300px;max-width:100%;overflow:visible;white-space:nowrap;border:solid;border-width:1px;margin:2px}";
 
@@ -11,6 +11,13 @@ const KupDashList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.dashClick = index.createEvent(this, "kup-dash-click", 7);
+    /*-------------------------------------------------*/
+    /*       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();
     this.layout = '1';
     this.fontsize = '';
     this.active = false;
@@ -20,13 +27,7 @@ const KupDashList = class {
     this.iconColor = [];
     this.valueColor = [];
     this.textColor = [];
-    /*-------------------------------------------------*/
-    /*       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();
+    this.data = undefined;
   }
   render() {
     let rows = [];

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 const kupDashCss = "#dash{color:var(--kup-text-color);font-size:2vw;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;position:relative;word-break:normal}#dash.with-dyn{cursor:pointer}#dash #content .icon{margin:auto;font-size:90%}#dash #content.layout-1,#dash #content.layout-3{text-align:center}#dash #content.layout-1 .descr,#dash #content.layout-3 .descr{font-size:70%;width:100%}#dash #content.layout-1 .value,#dash #content.layout-3 .value{font-size:220%}#dash #content.layout-2>div{display:flex}#dash #content.layout-2>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-2>div .value-int{font-size:250%}#dash #content.layout-2>div .value-dec,#dash #content.layout-2>div .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-2>div .value-dec{margin-left:2%}#dash #content.layout-2>div .unit{margin-left:4%}#dash #content.layout-4>div{display:grid;grid-template-columns:2fr 5fr}#dash #content.layout-4>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-4>div .value-and-unit{display:flex}#dash #content.layout-4>div .value-and-unit .value-int{font-size:250%}#dash #content.layout-4>div .value-and-unit .value-dec,#dash #content.layout-4>div .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-4>div .value-and-unit .value-dec{margin-left:2%}#dash #content.layout-4>div .value-and-unit .unit{margin-left:4%}#dash #content.layout-4>div .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}#dash #content.layout-5>div,#dash #content.layout-7>div{display:flex}#dash #content.layout-5>div .icon,#dash #content.layout-7>div .icon{font-size:150%;margin:auto;margin-left:10%}#dash #content.layout-5>div .value,#dash #content.layout-7>div .value{font-size:200%}#dash #content.layout-5>div .descr,#dash #content.layout-7>div .descr{text-align:right;font-size:65%;width:100%;min-width:max-content}#dash #content.layout-6>div{display:flex;justify-content:space-between}#dash #content.layout-6>div .icon{font-size:150%;margin-right:10%}#dash #content.layout-6>div .value{font-size:220%;text-align:right}#dash #content.layout-6>div .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}#dash #content.layout-8>div{display:flex;align-items:center}#dash #content.layout-8>div .icon{margin-right:4%;font-size:75%}#dash #content.layout-8>div .value{margin:0 10%;font-size:250%}#dash #content.layout-8>div .descr{font-size:60%;text-align:left}";
@@ -13,25 +13,13 @@ const KupDash = class {
     index.registerInstance(this, hostRef);
     this.dashClick = index.createEvent(this, "kup-dash-click", 6);
     /**
-     * The component can be clicked.
+     * Instance of the KupManager class.
      */
+    this.kupManager = kupManager.kupManagerInstance();
     this.active = false;
-    /**
-     * Sets the font size of the component.
-     */
     this.fontsize = '';
-    /**
-     * Sets the layout of the component.
-     */
     this.layout = '1';
-    /**
-     * No idea what this is about.
-     */
     this.index = 0;
-    /**
-     * Instance of the KupManager class.
-     */
-    this.kupManager = kupManager.kupManagerInstance();
   }
   onDshClickHandler() {
     this.dashClick.emit({
@@ -104,31 +92,15 @@ const KupGrid = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * The number of columns displayed by the grid, the default behavior is 12.
-     * @default 12
-     */
-    this.columns = 12;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * When set to true, forces the content on a single line.
-     * @default false
-     */
-    this.singleLine = false;
-    /*-------------------------------------------------*/
     /*       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();
+    this.columns = 12;
+    this.customStyle = '';
+    this.singleLine = false;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const fButton = require('./f-button-a531feb2.js');
-const fCheckbox = require('./f-checkbox-cd977193.js');
-const fTextField = require('./f-text-field-a5b2bd0e.js');
+const index = require('./index-ffdb46f6.js');
+const fButton = require('./f-button-229c63fd.js');
+const fCheckbox = require('./f-checkbox-1097ca5d.js');
+const fTextField = require('./f-text-field-fe85187d.js');
 const fTextFieldMdc = require('./f-text-field-mdc-85997738.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 require('./f-button-declarations-b611587f.js');
-require('./f-image-c21cc616.js');
+require('./f-image-847a6ddf.js');
 require('./tslib.es6-0ee02c67.js');
 require('./component-72a5b626.js');
 
@@ -32,32 +32,6 @@ const KupDashboard = class {
     index.registerInstance(this, hostRef);
     this.kupSave = index.createEvent(this, "kup-dashboard-save", 6);
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
-    /*-------------------------------------------------*/
-    /**
-     * Force render component by internal event.
-     */
-    this.resetInternalData = false;
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * The data of the component.
-     * @default null
-     */
-    this.data = null;
-    /**
-     * Enable drag & drop of the section.
-     * @default false
-     */
-    this.enableDesign = false;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
@@ -72,6 +46,10 @@ const KupDashboard = class {
      * Internal data backup of the component for refresh when changed content by drag&drop.
      */
     this.internalDataBackup = null;
+    this.resetInternalData = false;
+    this.customStyle = '';
+    this.data = null;
+    this.enableDesign = false;
   }
   onKupSave() {
     this.kupSave.emit({

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 const drawerClass = 'drawer';
@@ -26,29 +26,14 @@ const KupDrawer = class {
     this.kupDrawerOpen = index.createEvent(this, "kup-drawer-open", 6);
     this.kupDrawerReady = index.createEvent(this, "kup-drawer-ready", 6);
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
-    /*-------------------------------------------------*/
-    /**
-     * True when the drawer is open.
-     * @default false
-     */
-    this.opened = false;
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /*-------------------------------------------------*/
     /*       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();
+    this.opened = false;
+    this.customStyle = '';
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */