@sme.up/ketchup 9.6.0 → 9.6.2

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

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
-const fPaginatorUtils = require('./f-paginator-utils-67dbc14c.js');
-const fImage = require('./f-image-b61cc967.js');
-const fChip = require('./f-chip-c8efad5b.js');
+const kupManager = require('./kup-manager-08f1585b.js');
+const fPaginatorUtils = require('./f-paginator-utils-c652ceaa.js');
+const fImage = require('./f-image-40476fa6.js');
+const fChip = require('./f-chip-a6c800be.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-9c718d83.js');
+const fCell = require('./f-cell-8f3d12fd.js');
 const fTextFieldMdc = require('./f-text-field-mdc-08a06162.js');
 require('./kup-dates-4aa560f0.js');
-require('./f-button-623dfcc3.js');
+require('./f-button-4c346ca8.js');
 require('./f-button-declarations-51ef6d9a.js');
 require('./f-checkbox-bfa92ebe.js');
-require('./f-text-field-a09b1705.js');
+require('./f-text-field-1f77ef23.js');
 require('./component-cb3b32f5.js');
 
 /**
@@ -36,6 +36,9 @@ var KupBoxProps;
     KupBoxProps["kanban"] = "Displays the boxlist as a Kanban.";
     KupBoxProps["layout"] = "How the field will be displayed. If not present, a default one will be created.";
     KupBoxProps["lazyLoadRows"] = "When set to true, extra rows will be automatically loaded once the last row enters the viewport.";
+    KupBoxProps["loadMoreLimit"] = "Sets a maximum limit of new records which can be required by the load more functionality.";
+    KupBoxProps["loadMoreMode"] = "Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.";
+    KupBoxProps["loadMoreStep"] = "The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.";
     KupBoxProps["multiSelection"] = "Enable multi selection.";
     KupBoxProps["pageSelected"] = "Current page number.";
     KupBoxProps["pagination"] = "Enables pagination.";
@@ -43,6 +46,7 @@ var KupBoxProps;
     KupBoxProps["scrollOnHover"] = "Activates the scroll on hover function.";
     KupBoxProps["selectBox"] = "Automatically selects the box at the specified index.";
     KupBoxProps["selectedRowsState"] = "Multiple selection.";
+    KupBoxProps["showLoadMore"] = "If set to true, displays the button to load more records.";
     KupBoxProps["showSelection"] = "If enabled, highlights the selected box/boxes.";
     KupBoxProps["sortBy"] = "If sorting is enabled, specifies which column to sort.";
     KupBoxProps["sortEnabled"] = "Enable sorting.";
@@ -50,6 +54,13 @@ var KupBoxProps;
     KupBoxProps["store"] = "";
     KupBoxProps["swipeDisabled"] = "Disable swipe.";
 })(KupBoxProps || (KupBoxProps = {}));
+//---- *NEXT functionality AKA load more ----
+var LoadMoreMode;
+(function (LoadMoreMode) {
+    LoadMoreMode["CONSTANT"] = "constant";
+    LoadMoreMode["CONSTANT_INCREMENT"] = "constant_increment";
+    LoadMoreMode["PROGRESSIVE_THRESHOLD"] = "progressive_threshold";
+})(LoadMoreMode || (LoadMoreMode = {}));
 
 class KupBoxState {
     constructor() {
@@ -59,6 +70,8 @@ class KupBoxState {
         this.pageSelected = 1;
         this.rowsPerPage = 0;
         this.load = false;
+        this.loadMoreLimit = 1000;
+        this.showLoadMore = false;
     }
     /*Add attribute*/
     toDebugString() {
@@ -86,7 +99,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         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 _KupBox_instances, _KupBox_intObserver, _KupBox_rowsRefs, _KupBox_navBarHeight, _KupBox_didRenderObservers, _KupBox_setObserver;
+var _KupBox_instances, _KupBox_intObserver, _KupBox_rowsRefs, _KupBox_navBarHeight, _KupBox_loadMoreEventCounter, _KupBox_loadMoreEventPreviousQuantity, _KupBox_didRenderObservers, _KupBox_setObserver, _KupBox_onLoadMoreClick;
 const KupBox = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -98,6 +111,7 @@ 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.kupLoadMoreClick = index.createEvent(this, "kup-box-loadmoreclick", 6);
         _KupBox_instances.add(this);
         this.state = new KupBoxState();
         /*-------------------------------------------------*/
@@ -119,6 +133,8 @@ const KupBox = class {
         _KupBox_intObserver.set(this, undefined);
         _KupBox_rowsRefs.set(this, []);
         _KupBox_navBarHeight.set(this, 0);
+        _KupBox_loadMoreEventCounter.set(this, 0);
+        _KupBox_loadMoreEventPreviousQuantity.set(this, 0);
         this.collapsedSection = {};
         this.selectedRows = [];
         this.rowActionMenuOpened = undefined;
@@ -138,6 +154,9 @@ const KupBox = class {
         this.kanban = null;
         this.layout = undefined;
         this.lazyLoadRows = false;
+        this.loadMoreLimit = 1000;
+        this.loadMoreMode = LoadMoreMode.PROGRESSIVE_THRESHOLD;
+        this.loadMoreStep = 60;
         this.multiSelection = false;
         this.pageSelected = 1;
         this.pagination = false;
@@ -145,6 +164,7 @@ const KupBox = class {
         this.scrollOnHover = false;
         this.selectBox = undefined;
         this.selectedRowsState = undefined;
+        this.showLoadMore = false;
         this.showSelection = true;
         this.sortBy = undefined;
         this.sortEnabled = false;
@@ -166,6 +186,8 @@ const KupBox = class {
                 this.selectedRowsState = this.state.selectedRowsState;
                 this.pageSelected = this.state.pageSelected;
                 this.rowsPerPage = this.state.rowsPerPage;
+                this.loadMoreLimit = state.loadMoreLimit;
+                this.showLoadMore = state.showLoadMore;
             }
         }
     }
@@ -196,6 +218,14 @@ const KupBox = class {
                 this.state.selectedRowsState = selectedRowsState;
                 somethingChanged = true;
             }
+            if (!this.kupManager.objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
+                this.state.loadMoreLimit = this.loadMoreLimit;
+                somethingChanged = true;
+            }
+            if (!this.kupManager.objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
+                this.state.showLoadMore = this.showLoadMore;
+                somethingChanged = true;
+            }
             if (!this.state.load) {
                 this.state.load = true;
                 return;
@@ -1223,10 +1253,16 @@ const KupBox = class {
                 } })));
         }
         let paginator = null;
-        if (!this.lazyLoadRows && this.pagination) {
-            paginator = (index.h(fPaginatorUtils.FPaginator, { id: top ? 'top-paginator' : 'bottom-paginator', currentPage: this.currentPage, max: this.filteredRows.length, mode: fPaginatorUtils.FPaginatorMode.SIMPLE, perPage: this.currentRowsPerPage
+        if (this.showLoadMore || (!this.lazyLoadRows && this.pagination)) {
+            paginator = (index.h(fPaginatorUtils.FPaginator, { id: 'top-paginator' , currentPage: this.currentPage, max: this.filteredRows.length,
+                // mode={FPaginatorMode.SIMPLE}
+                perPage: this.currentRowsPerPage
                     ? this.currentRowsPerPage
-                    : this.rowsPerPage, onPageChange: (e) => this.handlePageChange(e.detail.value), onRowsChange: (e) => this.handleRowsPerPageChange(e.detail.value) }));
+                    : this.rowsPerPage, onLoadMore: this.showLoadMore
+                    ? () => {
+                        __classPrivateFieldGet(this, _KupBox_instances, "m", _KupBox_onLoadMoreClick).call(this);
+                    }
+                    : null, onNextPage: () => this.handlePageChange(this.currentPage + 1), onPrevPage: () => this.handlePageChange(this.currentPage - 1), onPageChange: (e) => this.handlePageChange(e.detail.value), onRowsChange: (e) => this.handleRowsPerPageChange(e.detail.value) }));
         }
         let boxContent = null;
         let containerStyle = {};
@@ -1280,7 +1316,7 @@ const KupBox = class {
         "selectBox": ["onSelectBoxChanged"]
     }; }
 };
-_KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_didRenderObservers = function _KupBox_didRenderObservers() {
+_KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_loadMoreEventCounter = new WeakMap(), _KupBox_loadMoreEventPreviousQuantity = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_didRenderObservers = function _KupBox_didRenderObservers() {
     if (this.lazyLoadRows &&
         this.currentRowsPerPage < this.data.rows.length) {
         __classPrivateFieldGet(this, _KupBox_intObserver, "f").observe(__classPrivateFieldGet(this, _KupBox_rowsRefs, "f")[__classPrivateFieldGet(this, _KupBox_rowsRefs, "f").length - 1]);
@@ -1291,11 +1327,11 @@ _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_n
             if (entry.isIntersecting) {
                 this.kupManager.debug.logMessage(this, 'Last row entering the viewport, loading more elements.');
                 const delta = this.data.rows.length - this.currentRowsPerPage;
-                if (delta < 10) {
+                if (delta < this.loadMoreStep) {
                     this.currentRowsPerPage += delta;
                 }
                 else {
-                    this.currentRowsPerPage += 10;
+                    this.currentRowsPerPage += this.loadMoreStep;
                 }
                 entry.target.classList.remove('last-row');
                 __classPrivateFieldGet(this, _KupBox_intObserver, "f").unobserve(entry.target);
@@ -1307,6 +1343,32 @@ _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_n
         rootMargin: '-' + __classPrivateFieldGet(this, _KupBox_navBarHeight, "f") + 'px 0px 0px 0px',
     };
     __classPrivateFieldSet(this, _KupBox_intObserver, new IntersectionObserver(callback, options), "f");
+}, _KupBox_onLoadMoreClick = function _KupBox_onLoadMoreClick() {
+    var _a;
+    let loadItems = 0;
+    switch (this.loadMoreMode) {
+        case LoadMoreMode.CONSTANT:
+            loadItems = this.loadMoreStep;
+            break;
+        case LoadMoreMode.CONSTANT_INCREMENT:
+            loadItems =
+                this.loadMoreStep * (__classPrivateFieldGet(this, _KupBox_loadMoreEventCounter, "f") + 1);
+            break;
+        case LoadMoreMode.PROGRESSIVE_THRESHOLD:
+            loadItems =
+                Math.max(__classPrivateFieldGet(this, _KupBox_loadMoreEventPreviousQuantity, "f"), this.loadMoreStep) * Math.min(__classPrivateFieldGet(this, _KupBox_loadMoreEventCounter, "f") + 1, 2);
+            break;
+    }
+    if (loadItems > this.loadMoreLimit) {
+        loadItems = this.loadMoreLimit;
+    }
+    this.kupLoadMoreClick.emit({
+        comp: this,
+        id: this.rootElement.id,
+        loadItems: loadItems,
+    });
+    __classPrivateFieldSet(this, _KupBox_loadMoreEventPreviousQuantity, loadItems, "f");
+    __classPrivateFieldSet(this, _KupBox_loadMoreEventCounter, (_a = __classPrivateFieldGet(this, _KupBox_loadMoreEventCounter, "f"), _a++, _a), "f");
 };
 KupBox.style = KupBoxStyle0;
 

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$4 = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fButton = require('./f-button-623dfcc3.js');
-const fChip = require('./f-chip-c8efad5b.js');
+const fButton = require('./f-button-4c346ca8.js');
+const fChip = require('./f-chip-a6c800be.js');
 const kupDates = require('./kup-dates-4aa560f0.js');
 require('./f-button-declarations-51ef6d9a.js');
-require('./f-image-b61cc967.js');
+require('./f-image-40476fa6.js');
 
 var n,l$1,u$1,i$1,t,r$1,o,f$1,e$1,c$1={},s=[],a$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function h(n,l){for(var u in l)n[u]=l[u];return n}function v$1(n){var l=n.parentNode;l&&l.removeChild(n);}function y(l,u,i){var t,r,o,f={};for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===f[o]&&(f[o]=l.defaultProps[o]);return p(l,f,t,r,null)}function p(n,i,t,r,o){var f={type:n,props:i,key:t,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++u$1:o};return null==o&&null!=l$1.vnode&&l$1.vnode(f),f}function d(){return {current:null}}function _(n){return n.children}function k$1(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||g$2(n,r,null,u[r],i);for(r in l)t&&"function"!=typeof l[r]||"children"===r||"key"===r||"value"===r||"checked"===r||u[r]===l[r]||g$2(n,r,l[r],u[r],i);}function b$1(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a$1.test(l)?u:u+"px";}function g$2(n,l,u,i,t){var r;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||b$1(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||b$1(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])r=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?i||n.addEventListener(l,r?w$2:m$1,r):n.removeEventListener(l,r?w$2:m$1,r);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==l&&"height"!==l&&"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&&-1==l.indexOf("-")?n.removeAttribute(l):n.setAttribute(l,u));}}function m$1(n){t=!0;try{return this.l[n.type+!1](l$1.event?l$1.event(n):n)}finally{t=!1;}}function w$2(n){t=!0;try{return this.l[n.type+!0](l$1.event?l$1.event(n):n)}finally{t=!1;}}function x$1(n,l){this.props=n,this.context=l;}function A(n,l){if(null==l)return n.__?A(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?A(n):null}function P$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 P$1(n)}}function C$1(n){t?setTimeout(n):f$1(n);}function T$1(n){(!n.__d&&(n.__d=!0)&&r$1.push(n)&&!$$1.__r++||o!==l$1.debounceRendering)&&((o=l$1.debounceRendering)||C$1)($$1);}function $$1(){var n,l,u,i,t,o,f,e;for(r$1.sort(function(n,l){return n.__v.__b-l.__v.__b});n=r$1.shift();)n.__d&&(l=r$1.length,i=void 0,t=void 0,f=(o=(u=n).__v).__e,(e=u.__P)&&(i=[],(t=h({},o)).__v=o.__v+1,M(e,o,t,u.__n,void 0!==e.ownerSVGElement,null!=o.__h?[f]:null,i,null==f?A(o):f,o.__h),N(i,o),o.__e!=f&&P$1(o)),r$1.length>l&&r$1.sort(function(n,l){return n.__v.__b-l.__v.__b}));$$1.__r=0;}function H$1(n,l,u,i,t,r,o,f,e,a){var h,v,y,d,k,b,g,m=i&&i.__k||s,w=m.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(d=u.__k[h]=null==(d=l[h])||"boolean"==typeof d?null:"string"==typeof d||"number"==typeof d||"bigint"==typeof d?p(null,d,null,null,d):Array.isArray(d)?p(_,{children:d},null,null,null):d.__b>0?p(d.type,d.props,d.key,d.ref?d.ref:null,d.__v):d)){if(d.__=u,d.__b=u.__b+1,null===(y=m[h])||y&&d.key==y.key&&d.type===y.type)m[h]=void 0;else for(v=0;v<w;v++){if((y=m[v])&&d.key==y.key&&d.type===y.type){m[v]=void 0;break}y=null;}M(n,d,y=y||c$1,t,r,o,f,e,a),k=d.__e,(v=d.ref)&&y.ref!=v&&(g||(g=[]),y.ref&&g.push(y.ref,null,d),g.push(v,d.__c||k,d)),null!=k?(null==b&&(b=k),"function"==typeof d.type&&d.__k===y.__k?d.__d=e=I$1(d,e,n):e=z$1(n,d,y,m,k,e),"function"==typeof u.type&&(u.__d=e)):e&&y.__e==e&&e.parentNode!=n&&(e=A(y));}for(u.__e=b,h=w;h--;)null!=m[h]&&("function"==typeof u.type&&null!=m[h].__e&&m[h].__e==u.__d&&(u.__d=L$1(i).nextSibling),q(m[h],m[h]));if(g)for(h=0;h<g.length;h++)S(g[h],g[++h],g[++h]);}function I$1(n,l,u){for(var i,t=n.__k,r=0;t&&r<t.length;r++)(i=t[r])&&(i.__=n,l="function"==typeof i.type?I$1(i,l,u):z$1(u,i,i,t,i.__e,l));return l}function j$2(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){j$2(n,l);}):l.push(n)),l}function z$1(n,l,u,i,t,r){var o,f,e;if(void 0!==l.__d)o=l.__d,l.__d=void 0;else if(null==u||t!=r||null==t.parentNode)n:if(null==r||r.parentNode!==n)n.appendChild(t),o=null;else {for(f=r,e=0;(f=f.nextSibling)&&e<i.length;e+=1)if(f==t)break n;n.insertBefore(t,r),o=r;}return void 0!==o?o:t.nextSibling}function L$1(n){var l,u,i;if(null==n.type||"string"==typeof n.type)return n.__e;if(n.__k)for(l=n.__k.length-1;l>=0;l--)if((u=n.__k[l])&&(i=L$1(u)))return i;return null}function M(n,u,i,t,r,o,f,e,c){var s,a,v,y,p,d,k,b,g,m,w,A,P,C,T,$=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,o=[e]),(s=l$1.__b)&&s(u);try{n:if("function"==typeof $){if(b=u.props,g=(s=$.contextType)&&t[s.__c],m=s?g?g.props.value:s.__:t,i.__c?k=(a=u.__c=i.__c).__=a.__E:("prototype"in $&&$.prototype.render?u.__c=a=new $(b,m):(u.__c=a=new x$1(b,m),a.constructor=$,a.render=B$1),g&&g.sub(a),a.props=b,a.state||(a.state={}),a.context=m,a.__n=t,v=a.__d=!0,a.__h=[],a._sb=[]),null==a.__s&&(a.__s=a.state),null!=$.getDerivedStateFromProps&&(a.__s==a.state&&(a.__s=h({},a.__s)),h(a.__s,$.getDerivedStateFromProps(b,a.__s))),y=a.props,p=a.state,a.__v=u,v)null==$.getDerivedStateFromProps&&null!=a.componentWillMount&&a.componentWillMount(),null!=a.componentDidMount&&a.__h.push(a.componentDidMount);else {if(null==$.getDerivedStateFromProps&&b!==y&&null!=a.componentWillReceiveProps&&a.componentWillReceiveProps(b,m),!a.__e&&null!=a.shouldComponentUpdate&&!1===a.shouldComponentUpdate(b,a.__s,m)||u.__v===i.__v){for(u.__v!==i.__v&&(a.props=b,a.state=a.__s,a.__d=!1),u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),w=0;w<a._sb.length;w++)a.__h.push(a._sb[w]);a._sb=[],a.__h.length&&f.push(a);break n}null!=a.componentWillUpdate&&a.componentWillUpdate(b,a.__s,m),null!=a.componentDidUpdate&&a.__h.push(function(){a.componentDidUpdate(y,p,d);});}if(a.context=m,a.props=b,a.__P=n,A=l$1.__r,P=0,"prototype"in $&&$.prototype.render){for(a.state=a.__s,a.__d=!1,A&&A(u),s=a.render(a.props,a.state,a.context),C=0;C<a._sb.length;C++)a.__h.push(a._sb[C]);a._sb=[];}else do{a.__d=!1,A&&A(u),s=a.render(a.props,a.state,a.context),a.state=a.__s;}while(a.__d&&++P<25);a.state=a.__s,null!=a.getChildContext&&(t=h(h({},t),a.getChildContext())),v||null==a.getSnapshotBeforeUpdate||(d=a.getSnapshotBeforeUpdate(y,p)),T=null!=s&&s.type===_&&null==s.key?s.props.children:s,H$1(n,Array.isArray(T)?T:[T],u,i,t,r,o,f,e,c),a.base=u.__e,u.__h=null,a.__h.length&&f.push(a),k&&(a.__E=a.__=null),a.__e=!1;}else null==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=O(i.__e,u,i,t,r,o,f,c);(s=l$1.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=o)&&(u.__e=e,u.__h=!!c,o[o.indexOf(e)]=null),l$1.__e(n,u,i);}}function N(n,u){l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function O(l,u,i,t,r,o,f,e){var s,a,h,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(r=!0),null!=o)for(;_<o.length;_++)if((s=o[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,o[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=r?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),o=null,e=!1;}if(null===d)y===p||e&&l.data===p||(l.data=p);else {if(o=o&&n.call(l.childNodes),a=(y=i.props||c$1).dangerouslySetInnerHTML,h=p.dangerouslySetInnerHTML,!e){if(null!=o)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(h||a)&&(h&&(a&&h.__html==a.__html||h.__html===l.innerHTML)||(l.innerHTML=h&&h.__html||""));}if(k$1(l,p,y,r,e),h)u.__k=[];else if(_=u.props.children,H$1(l,Array.isArray(_)?_:[_],u,i,t,r&&"foreignObject"!==d,o,f,o?o[0]:i.__k&&A(i,0),e),null!=o)for(_=o.length;_--;)null!=o[_]&&v$1(o[_]);e||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_||"option"===d&&_!==y.value)&&g$2(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&g$2(l,"checked",_,y.checked,!1));}return l}function S(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function q(n,u,i){var t,r;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||S(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null,n.__c=void 0;}if(t=n.__k)for(r=0;r<t.length;r++)t[r]&&q(t[r],u,i||"function"!=typeof n.type);i||null==n.__e||v$1(n.__e),n.__=n.__e=n.__d=void 0;}function B$1(n,l,u){return this.constructor(n,u)}function D$1(u,i,t){var r,o,f;l$1.__&&l$1.__(u,i),o=(r="function"==typeof t)?null:t&&t.__k||i.__k,f=[],M(i,u=(!r&&t||i).__k=y(_,null,[u]),o||c$1,c$1,void 0!==i.ownerSVGElement,!r&&t?[t]:o?null:i.firstChild?n.call(i.childNodes):null,f,!r&&t?t:o?o.__e:i.firstChild,r),N(f,u);}function G$1(n,l){var u={__c:l="__cC"+e$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(function(n){n.__e=!0,T$1(n);});},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=s.slice,l$1={__e:function(n,l,u,i){for(var t,r,o;l=l.__;)if((t=l.__c)&&!t.__)try{if((r=t.constructor)&&null!=r.getDerivedStateFromError&&(t.setState(r.getDerivedStateFromError(n)),o=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),o=t.__d),o)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,i$1=function(n){return null!=n&&void 0===n.constructor},t=!1,x$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=h({},this.state),"function"==typeof n&&(n=n(h({},u),this.props)),n&&h(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),T$1(this));},x$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),T$1(this));},x$1.prototype.render=_,r$1=[],f$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,$$1.__r=0,e$1=0;
 
@@ -14039,6 +14039,7 @@ const KupCalendar = class {
                 }
             },
             eventDrop: ({ event, oldEvent }) => {
+                var _a;
                 this.kupCalendarEventDrop.emit({
                     comp: this,
                     id: this.rootElement.id,
@@ -14050,6 +14051,7 @@ const KupCalendar = class {
                         start: event.start,
                         end: event.end,
                     },
+                    row: (_a = oldEvent.extendedProps) === null || _a === void 0 ? void 0 : _a.row,
                 });
             },
             events: this.getEvents(),
@@ -14256,11 +14258,11 @@ const KupCalendar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index$4.h(index$4.Host, { key: '81ca54ecc64da284ef682bb11afdcf8ce4d30667' }, index$4.h("style", { key: '2a65b0d79e2d0b3356347657c4cbb50afbf13eaf' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: '5a1efc80bc76c8bf6163acfd9e7ed1ba49d9f124', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: '975f9f451d580535f80602c2ef1de548f24797c6', class: "navigation" }, !this.hideNavigation ? (index$4.h("div", { class: "navigation__left" }, index$4.h(fButton.FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), index$4.h(fButton.FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), index$4.h(fButton.FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, index$4.h("div", { key: 'ca9fb802c7820068a9b5f482e751606f90db72c4', class: `navigation__title ${this.hideNavigation
+        return (index$4.h(index$4.Host, { key: '256712f0367d8a4979fbe5cf01230ef6919cbe30' }, index$4.h("style", { key: '483bc12677fbf0feb94f0322d050d3e92b76aa96' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: 'd396f95087febb8439ba747250dbde5c966664a9', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: '218107d205ccc74759b902682fbb4ffc38b4e6af', class: "navigation" }, !this.hideNavigation ? (index$4.h("div", { class: "navigation__left" }, index$4.h(fButton.FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), index$4.h(fButton.FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), index$4.h(fButton.FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, index$4.h("div", { key: '35207cde78644377b8a90dc0798da7cb3a8fb028', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), !this.hideNavigation ? (index$4.h("div", { class: "navigation__right" }, index$4.h(fChip.FChip, Object.assign({}, this.setChipProps())))) : null), index$4.h("div", { key: '0b19f1dad2e7236feecd159ac0421b521bf72a04', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), !this.hideNavigation ? (index$4.h("div", { class: "navigation__right" }, index$4.h(fChip.FChip, Object.assign({}, this.setChipProps())))) : null), index$4.h("div", { key: '0cc18bfc6befd69d45d4ba0c119fc5a4c2437d36', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-4aa560f0.js');
 

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-9c718d83.js');
+const fCell = require('./f-cell-8f3d12fd.js');
 require('./kup-dates-4aa560f0.js');
 require('./f-checkbox-bfa92ebe.js');
-require('./f-text-field-a09b1705.js');
-require('./f-image-b61cc967.js');
-require('./f-chip-c8efad5b.js');
-require('./f-button-623dfcc3.js');
+require('./f-text-field-1f77ef23.js');
+require('./f-image-40476fa6.js');
+require('./f-chip-a6c800be.js');
+require('./f-button-4c346ca8.js');
 require('./f-button-declarations-51ef6d9a.js');
 
 /**

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const fButton = require('./f-button-623dfcc3.js');
+const fButton = require('./f-button-4c346ca8.js');
 const fCheckbox = require('./f-checkbox-bfa92ebe.js');
-const fTextField = require('./f-text-field-a09b1705.js');
+const fTextField = require('./f-text-field-1f77ef23.js');
 const fTextFieldMdc = require('./f-text-field-mdc-08a06162.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-51ef6d9a.js');
-require('./f-image-b61cc967.js');
+require('./f-image-40476fa6.js');
 require('./component-cb3b32f5.js');
 require('./kup-dates-4aa560f0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-4aa560f0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-4aa560f0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-4aa560f0.js');
 

package/dist/cjs/kup-family-tree.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const fButton = require('./f-button-623dfcc3.js');
+const fButton = require('./f-button-4c346ca8.js');
 const fButtonDeclarations = require('./f-button-declarations-51ef6d9a.js');
-const fImage = require('./f-image-b61cc967.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const fImage = require('./f-image-40476fa6.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-4aa560f0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-4aa560f0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 require('./kup-dates-4aa560f0.js');
 
 /**

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fImage = require('./f-image-b61cc967.js');
-const fButton = require('./f-button-623dfcc3.js');
+const fImage = require('./f-image-40476fa6.js');
+const fButton = require('./f-button-4c346ca8.js');
 const fButtonDeclarations = require('./f-button-declarations-51ef6d9a.js');
-const fCell = require('./f-cell-9c718d83.js');
+const fCell = require('./f-cell-8f3d12fd.js');
 const component = require('./component-cb3b32f5.js');
 require('./kup-dates-4aa560f0.js');
 require('./f-checkbox-bfa92ebe.js');
-require('./f-text-field-a09b1705.js');
-require('./f-chip-c8efad5b.js');
+require('./f-text-field-1f77ef23.js');
+require('./f-chip-a6c800be.js');
 
 /**
  * Props of the kup-image-list component.

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-4aa560f0.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-db0a6be6.js');
-const kupManager = require('./kup-manager-227c4be2.js');
+const kupManager = require('./kup-manager-08f1585b.js');
 const fButtonDeclarations = require('./f-button-declarations-51ef6d9a.js');
-const fImage = require('./f-image-b61cc967.js');
+const fImage = require('./f-image-40476fa6.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-4aa560f0.js');