@sme.up/ketchup 9.2.0 → 9.3.0

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

@@ -1,10 +1,11 @@
-import { r as registerInstance, c as createEvent, g as getAssetPath, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-99c17b08.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, al as KupDatesLocales, n as KupLanguageGeneric, w as getColumnByName } from './kup-manager-9a9d2dbb.js';
+import { r as registerInstance, c as createEvent, g as getAssetPath, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-59f83f91.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, u as getColumnByName } from './kup-manager-bfea4e6f.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FButton } from './f-button-0bce6587.js';
-import { a as FChip, F as FChipType } from './f-chip-ef0d4130.js';
-import './f-button-declarations-8a009df1.js';
-import './f-image-727453df.js';
+import { F as FButton } from './f-button-5ccc2e50.js';
+import { a as FChip, F as FChipType } from './f-chip-465aa432.js';
+import { e as KupDatesLocales } from './kup-dates-15f89ea2.js';
+import './f-button-declarations-9bdc6f26.js';
+import './f-image-c5063342.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;
 
@@ -13814,398 +13815,398 @@ var l77 = {
  */
 var KupCalendarProps;
 (function (KupCalendarProps) {
-  KupCalendarProps["currentDate"] = "Sets the date of the calendar. Must be in ISO format (YYYY-MM-DD).";
-  KupCalendarProps["customStyle"] = "Custom style of the component.";
-  KupCalendarProps["data"] = "Actual data of the calendar.";
-  KupCalendarProps["editableEvents"] = "When true, events are editable.";
-  KupCalendarProps["hideNavigation"] = "When disabled, the navigation toolbar won't be displayed.";
-  KupCalendarProps["viewType"] = "Type of the view.";
+    KupCalendarProps["currentDate"] = "Sets the date of the calendar. Must be in ISO format (YYYY-MM-DD).";
+    KupCalendarProps["customStyle"] = "Custom style of the component.";
+    KupCalendarProps["data"] = "Actual data of the calendar.";
+    KupCalendarProps["editableEvents"] = "When true, events are editable.";
+    KupCalendarProps["hideNavigation"] = "When disabled, the navigation toolbar won't be displayed.";
+    KupCalendarProps["viewType"] = "Type of the view.";
 })(KupCalendarProps || (KupCalendarProps = {}));
 /**
  * Available view types.
  */
 var KupCalendarViewTypes;
 (function (KupCalendarViewTypes) {
-  KupCalendarViewTypes["DAY"] = "timeGridDay";
-  KupCalendarViewTypes["LIST"] = "listMonth";
-  KupCalendarViewTypes["MONTH"] = "dayGridMonth";
-  KupCalendarViewTypes["WEEK"] = "timeGridWeek";
+    KupCalendarViewTypes["DAY"] = "timeGridDay";
+    KupCalendarViewTypes["LIST"] = "listMonth";
+    KupCalendarViewTypes["MONTH"] = "dayGridMonth";
+    KupCalendarViewTypes["WEEK"] = "timeGridWeek";
 })(KupCalendarViewTypes || (KupCalendarViewTypes = {}));
 /**
  * Available column options.
  */
 var KupCalendarOptions;
 (function (KupCalendarOptions) {
-  KupCalendarOptions["DATE"] = "date";
-  KupCalendarOptions["DESCR"] = "descr";
-  KupCalendarOptions["END"] = "end";
-  KupCalendarOptions["ICON"] = "icon";
-  KupCalendarOptions["IMAGE"] = "image";
-  KupCalendarOptions["START"] = "start";
-  KupCalendarOptions["STYLE"] = "style";
+    KupCalendarOptions["DATE"] = "date";
+    KupCalendarOptions["DESCR"] = "descr";
+    KupCalendarOptions["END"] = "end";
+    KupCalendarOptions["ICON"] = "icon";
+    KupCalendarOptions["IMAGE"] = "image";
+    KupCalendarOptions["START"] = "start";
+    KupCalendarOptions["STYLE"] = "style";
 })(KupCalendarOptions || (KupCalendarOptions = {}));
 
 const kupCalendarCss = ":host{--kup_calendar_background_color:var(\n    --kup-calendar-background-color,\n    var(--kup-background-color)\n  );--kup_calendar_border_color:var(\n    --kup-calendar-border-color,\n    var(--kup-border-color)\n  );--kup_calendar_event_background_color:var(\n    --kup-calendar-event-background-color,\n    var(--kup-primary-color)\n  );--kup_calendar_event_border_radius:var(\n    --kup-calendar-event-border-radius,\n    4px\n  );--kup_calendar_event_color:var(\n    --kup-calendar-event-color,\n    var(--kup-text-on-primary-color)\n  );--kup_calendar_font_family:var(\n    --kup-calendar-font-family,\n    var(--kup-font-family)\n  );--kup_calendar_font_size:var(--kup-calendar-font-size, var(--kup-font-size));--kup_calendar_header_background_color:var(\n    --kup-calendar-header-background-color,\n    var(--kup-title-background-color)\n  );--kup_calendar_header_color:var(\n    --kup-calendar-header-color,\n    var(--kup-title-color)\n  );--kup_calendar_navigator_border:var(\n    --kup-calendar-navigator-border,\n    2px solid var(--kup-border-color)\n  );--kup_calendar_no_work_day_background_color:var(\n    --kup-calendar-no-work-day-background-color,\n    rgba(var(--kup-disabled-background-color-rgb), 0.5)\n  );--kup_calendar_no_work_day_color:var(\n    --kup-calendar-no-work-day-color,\n    var(--kup-disabled-color)\n  );--kup_calendar_today_background_color:var(\n    --kup-calendar-today-background-color,\n    rgba(var(--kup-primary-color-rgb), 0.125)\n  );background-color:var(--kup_calendar_background_color);display:block;font-family:var(--kup_calendar_font_family);font-size:var(--kup_calendar_font_size);height:100%;width:100%}.navigation{align-items:center;border-left:var(--kup_calendar_navigator_border);border-right:var(--kup_calendar_navigator_border);border-top:var(--kup_calendar_navigator_border);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between}.navigation__left{--kup-font-size:0.875em;display:flex}.navigation__right{display:flex}.navigation__title{font-size:1.25em;font-weight:400;letter-spacing:0.1892857em;margin:0px;padding:0px 0.5em}.navigation__title--centered{padding:0.35em 0;text-align:center;width:100%}.icon-wrapper{display:flex;justify-content:flex-end;flex-wrap:wrap}.image-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap}.image-wrapper img{width:20px;height:20px}.custom-icon{background-color:var(--kup_calendar_event_color);height:1.5em;width:1.5em}#kup-component .fc-toolbar.fc-header-toolbar{margin-top:1.5rem}#kup-component .fc-ltr .fc-dayGrid-view .fc-day-top{text-align:center;padding:0.5rem}#kup-component .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{float:none}#kup-component .fc-content{padding:0.25rem}#kup-component .fc-content,#kup-component .fc-divider,#kup-component .fc-list-heading td,#kup-component .fc-list-view,#kup-component .fc-popover,#kup-component .fc-row,#kup-component .fc-scrollgrid,#kup-component tbody,#kup-component td{border-color:var(--kup_calendar_border_color)}#kup-component .fc-col-header-cell{background:var(--kup_calendar_header_background_color);color:var(--kup_calendar_header_color)}#kup-component .fc-h-event{background:none;border:none}#kup-component .fc-list-event-dot{border-color:var(--kup_calendar_event_background_color)}#kup-component .fc-list-day-cushion{background:var(--kup_calendar_header_background_color);color:var(--kup_calendar_header_color)}#kup-component .fc-list-event:hover td{background:var(--kup-hover-background-color);color:var(--kup-hover-color)}#kup-component .fc-daygrid-event,#kup-component .fc-timegrid-event{background:var(--kup_calendar_event_background_color);border-radius:var(--kup_calendar_event_border_radius);border:none;border-color:var(--kup_calendar_event_background_color);color:var(--kup_calendar_event_color)}#kup-component .fc-event-main{color:inherit}#kup-component .fc-event-title{padding:0.25em}#kup-component td.fc-day-today{background-color:var(--kup_calendar_today_background_color)}#kup-component td.fc-day-sun,#kup-component td.fc-day-sat{background-color:var(--kup_calendar_no_work_day_background_color);color:var(--kup_calendar_no_work_day_color)}@media (max-width: 599px){.navigation{flex-direction:column}.calendar{height:100%}.calendar .fc-view-harness{min-height:450px}.navigation .navigation__left{font-size:20px;gap:8px}.navigation .navigation__right .f-chip .chip-set .chip-set__item{font-size:16px}}";
 
 const KupCalendar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.kupCalendarEventClick = createEvent(this, "kup-calendar-eventclick", 6);
-    this.kupCalendarDateClick = createEvent(this, "kup-calendar-dateclick", 6);
-    this.kupCalendarEventDrop = createEvent(this, "kup-calendar-eventdrop", 6);
-    this.kupCalendarViewChange = createEvent(this, "kup-calendar-viewchange", 6);
-    this.calendarContainer = null;
-    this.kupManager = kupManagerInstance();
-    this.navTitle = null;
-    this.resizeTimeout = null;
-    this.dateCol = null;
-    this.descrCol = null;
-    this.endCol = null;
-    this.iconCol = null;
-    this.imageCol = null;
-    this.startCol = null;
-    this.styleCol = null;
-    this.currentDate = null;
-    this.customStyle = '';
-    this.data = null;
-    this.hideNavigation = false;
-    this.editableEvents = true;
-    this.viewType = KupCalendarViewTypes.MONTH;
-  }
-  /*-------------------------------------------------*/
-  /*                  W a t c h e r s                */
-  /*-------------------------------------------------*/
-  setCalendarData() {
-    if (!this.calendarContainer) {
-      return;
-    }
-    if (this.calendar) {
-      this.calendar.destroy();
-    }
-    for (let index = 0; this.data && this.data.columns && index < this.data.columns.length; index++) {
-      const column = this.data.columns[index];
-      switch (column.calendarOption) {
-        case KupCalendarOptions.DATE:
-          this.dateCol = column.name;
-          break;
-        case KupCalendarOptions.DESCR:
-          this.descrCol = column.name;
-          break;
-        case KupCalendarOptions.END:
-          this.endCol = column.name;
-          break;
-        case KupCalendarOptions.ICON:
-          this.iconCol = column.name;
-          break;
-        case KupCalendarOptions.IMAGE:
-          this.imageCol = column.name;
-          break;
-        case KupCalendarOptions.START:
-          this.startCol = column.name;
-          break;
-        case KupCalendarOptions.STYLE:
-          this.styleCol = column.name;
-          break;
-      }
-    }
-    this.calendar = new Calendar(this.calendarContainer, {
-      dateClick: ({ date }) => {
-        this.kupCalendarDateClick.emit({
-          comp: this,
-          id: this.rootElement.id,
-          date: date,
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.kupCalendarEventClick = createEvent(this, "kup-calendar-eventclick", 6);
+        this.kupCalendarDateClick = createEvent(this, "kup-calendar-dateclick", 6);
+        this.kupCalendarEventDrop = createEvent(this, "kup-calendar-eventdrop", 6);
+        this.kupCalendarViewChange = createEvent(this, "kup-calendar-viewchange", 6);
+        this.calendarContainer = null;
+        this.kupManager = kupManagerInstance();
+        this.navTitle = null;
+        this.resizeTimeout = null;
+        this.dateCol = null;
+        this.descrCol = null;
+        this.endCol = null;
+        this.iconCol = null;
+        this.imageCol = null;
+        this.startCol = null;
+        this.styleCol = null;
+        this.currentDate = null;
+        this.customStyle = '';
+        this.data = null;
+        this.hideNavigation = false;
+        this.editableEvents = true;
+        this.viewType = KupCalendarViewTypes.MONTH;
+    }
+    /*-------------------------------------------------*/
+    /*                  W a t c h e r s                */
+    /*-------------------------------------------------*/
+    setCalendarData() {
+        if (!this.calendarContainer) {
+            return;
+        }
+        if (this.calendar) {
+            this.calendar.destroy();
+        }
+        for (let index = 0; this.data && this.data.columns && index < this.data.columns.length; index++) {
+            const column = this.data.columns[index];
+            switch (column.calendarOption) {
+                case KupCalendarOptions.DATE:
+                    this.dateCol = column.name;
+                    break;
+                case KupCalendarOptions.DESCR:
+                    this.descrCol = column.name;
+                    break;
+                case KupCalendarOptions.END:
+                    this.endCol = column.name;
+                    break;
+                case KupCalendarOptions.ICON:
+                    this.iconCol = column.name;
+                    break;
+                case KupCalendarOptions.IMAGE:
+                    this.imageCol = column.name;
+                    break;
+                case KupCalendarOptions.START:
+                    this.startCol = column.name;
+                    break;
+                case KupCalendarOptions.STYLE:
+                    this.styleCol = column.name;
+                    break;
+            }
+        }
+        this.calendar = new Calendar(this.calendarContainer, {
+            dateClick: ({ date }) => {
+                this.kupCalendarDateClick.emit({
+                    comp: this,
+                    id: this.rootElement.id,
+                    date: date,
+                });
+            },
+            editable: true,
+            eventClick: ({ event }) => {
+                this.kupCalendarEventClick.emit({
+                    comp: this,
+                    id: this.rootElement.id,
+                    row: event.extendedProps.row,
+                });
+            },
+            eventDidMount: (info) => {
+                if (this.iconCol) {
+                    const row = info.event.extendedProps.row;
+                    const cell = row.cells[this.iconCol];
+                    if (cell && cell.value) {
+                        const wrapper = document.createElement('div');
+                        wrapper.classList.add('icon-wrapper');
+                        cell.value.split(';').forEach((icon) => {
+                            const span = document.createElement('span');
+                            span.className = 'custom-icon';
+                            const path = getAssetPath(`./assets/svg/${icon}.svg`);
+                            span.style.mask = `url('${path}') no-repeat center`;
+                            span.style.webkitMask = `url('${path}') no-repeat center`;
+                            wrapper.appendChild(span);
+                        });
+                        info.el.appendChild(wrapper);
+                    }
+                }
+                if (this.imageCol) {
+                    const row = info.event.extendedProps.row;
+                    const cell = row.cells[this.imageCol];
+                    if (cell && cell.value) {
+                        const wrapper = document.createElement('div');
+                        wrapper.classList.add('image-wrapper');
+                        cell.value.split(';').forEach((icon) => {
+                            const img = document.createElement('img');
+                            img.src = icon;
+                            wrapper.appendChild(img);
+                        });
+                        info.el.appendChild(wrapper);
+                    }
+                }
+                if (this.styleCol) {
+                    const row = info.event.extendedProps.row;
+                    const cell = row.cells[this.styleCol];
+                    const eventCell = info.el.children[0];
+                    const parent = eventCell.parentElement;
+                    if (cell && cell.style) {
+                        Object.keys(cell.style).forEach((k) => {
+                            parent.style[k] = cell.style[k];
+                        });
+                    }
+                }
+            },
+            eventDrop: ({ event, oldEvent }) => {
+                this.kupCalendarEventDrop.emit({
+                    comp: this,
+                    id: this.rootElement.id,
+                    fromDate: {
+                        start: oldEvent.start,
+                        end: oldEvent.end,
+                    },
+                    toDate: {
+                        start: event.start,
+                        end: event.end,
+                    },
+                });
+            },
+            events: this.getEvents(),
+            headerToolbar: false,
+            initialDate: this.currentDate,
+            initialView: this.viewType,
+            locale: this.getLocale(),
+            locales: [
+                l24,
+                l31,
+                l40,
+                l56,
+                l60,
+                l77,
+            ],
+            plugins: [
+                index$3,
+                index$2,
+                index$1,
+                index,
+            ],
         });
-      },
-      editable: true,
-      eventClick: ({ event }) => {
-        this.kupCalendarEventClick.emit({
-          comp: this,
-          id: this.rootElement.id,
-          row: event.extendedProps.row,
+        this.calendar.render();
+    }
+    /*-------------------------------------------------*/
+    /*           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 getProps(this, KupCalendarProps, descriptions);
+    }
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    async refresh() {
+        forceUpdate(this);
+    }
+    /**
+     * This method is invoked by KupManager whenever the component changes size.
+     */
+    async resizeCallback() {
+        window.clearTimeout(this.resizeTimeout);
+        this.resizeTimeout = window.setTimeout(() => {
+            this.refresh();
+        }, 300);
+    }
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    async setProps(props) {
+        setProps(this, KupCalendarProps, props);
+    }
+    /*-------------------------------------------------*/
+    /*           P r i v a t e   M e t h o d s         */
+    /*-------------------------------------------------*/
+    changeView(view) {
+        this.viewType = view;
+        this.calendar.changeView(view);
+        this.emitNavEvent();
+    }
+    getColumns() {
+        if (this.data && this.data.rows) {
+            return this.data.columns;
+        }
+        return [];
+    }
+    getLocale() {
+        switch (this.kupManager.dates.locale) {
+            case KupDatesLocales.CHINESE:
+                return l77;
+            case KupDatesLocales.FRENCH:
+                return l31;
+            case KupDatesLocales.ITALIAN:
+                return l40;
+            case KupDatesLocales.POLISH:
+                return l56;
+            case KupDatesLocales.RUSSIAN:
+                return l60;
+            case KupDatesLocales.SPANISH:
+                return l24;
+            default:
+                return l20;
+        }
+    }
+    getRows() {
+        if (this.data && this.data.rows) {
+            return this.data.rows;
+        }
+        return [];
+    }
+    setChipProps() {
+        const props = {
+            data: [],
+            onClick: [],
+            type: FChipType.CHOICE,
+            wrapperClass: 'navigation__choice',
+        };
+        for (const key in KupCalendarViewTypes) {
+            const view = KupCalendarViewTypes[key];
+            const chipData = {
+                checked: this.viewType === view ? true : false,
+                value: this.kupManager.language.translate(KupLanguageGeneric[key]),
+                id: key,
+            };
+            props.data.push(chipData);
+            props.onClick.push(() => this.changeView(view));
+        }
+        return props;
+    }
+    getEvents() {
+        const isHourRange = this.startCol &&
+            this.endCol &&
+            getColumnByName(this.getColumns(), this.startCol) &&
+            getColumnByName(this.getColumns(), this.endCol);
+        return this.getRows().map((row) => {
+            const cell = row.cells[this.dateCol];
+            let startDate = this.kupManager.dates.toDayjs(cell.value);
+            let endDate = this.kupManager.dates.toDayjs(cell.value);
+            if (isHourRange) {
+                const startCell = row.cells[this.startCol];
+                const endCell = row.cells[this.endCol];
+                if (startCell && endCell) {
+                    const dayjsStart = this.kupManager.dates.toDayjs(startCell.value, 'HH:mm:ss');
+                    const dayjsEnd = this.kupManager.dates.toDayjs(endCell.value, 'HH:mm:ss');
+                    startDate = startDate.hour(dayjsStart.hour());
+                    startDate = startDate.minute(dayjsStart.minute());
+                    startDate = startDate.second(dayjsStart.second());
+                    endDate = endDate.hour(dayjsEnd.hour());
+                    endDate = endDate.minute(dayjsEnd.minute());
+                    endDate = endDate.second(dayjsEnd.second());
+                }
+            }
+            const el = {
+                allDay: isHourRange ? false : true,
+                editable: this.editableEvents,
+                end: endDate.toISOString(),
+                extendedProps: {
+                    row,
+                },
+                start: startDate.toISOString(),
+                title: row.cells[this.descrCol].value,
+            };
+            return el;
         });
-      },
-      eventDidMount: (info) => {
-        if (this.iconCol) {
-          const row = info.event.extendedProps.row;
-          const cell = row.cells[this.iconCol];
-          if (cell && cell.value) {
-            const wrapper = document.createElement('div');
-            wrapper.classList.add('icon-wrapper');
-            cell.value.split(';').forEach((icon) => {
-              const span = document.createElement('span');
-              span.className = 'custom-icon';
-              const path = getAssetPath(`./assets/svg/${icon}.svg`);
-              span.style.mask = `url('${path}') no-repeat center`;
-              span.style.webkitMask = `url('${path}') no-repeat center`;
-              wrapper.appendChild(span);
-            });
-            info.el.appendChild(wrapper);
-          }
-        }
-        if (this.imageCol) {
-          const row = info.event.extendedProps.row;
-          const cell = row.cells[this.imageCol];
-          if (cell && cell.value) {
-            const wrapper = document.createElement('div');
-            wrapper.classList.add('image-wrapper');
-            cell.value.split(';').forEach((icon) => {
-              const img = document.createElement('img');
-              img.src = icon;
-              wrapper.appendChild(img);
-            });
-            info.el.appendChild(wrapper);
-          }
-        }
-        if (this.styleCol) {
-          const row = info.event.extendedProps.row;
-          const cell = row.cells[this.styleCol];
-          const eventCell = info.el.children[0];
-          const parent = eventCell.parentElement;
-          if (cell && cell.style) {
-            Object.keys(cell.style).forEach((k) => {
-              parent.style[k] = cell.style[k];
-            });
-          }
-        }
-      },
-      eventDrop: ({ event, oldEvent }) => {
-        this.kupCalendarEventDrop.emit({
-          comp: this,
-          id: this.rootElement.id,
-          fromDate: {
-            start: oldEvent.start,
-            end: oldEvent.end,
-          },
-          toDate: {
-            start: event.start,
-            end: event.end,
-          },
+    }
+    onPrev() {
+        this.calendar.prev();
+        this.updateCalendar();
+        this.emitNavEvent();
+    }
+    onNext() {
+        this.calendar.next();
+        this.updateCalendar();
+        this.emitNavEvent();
+    }
+    onToday() {
+        this.calendar.today();
+        this.updateCalendar();
+    }
+    emitNavEvent() {
+        // see https://fullcalendar.io/docs/view-object
+        const to = this.kupManager.dates
+            .subtract(this.calendar.view.currentEnd, 1, 'day')
+            .toDate();
+        this.kupCalendarViewChange.emit({
+            comp: this,
+            id: this.rootElement.id,
+            from: this.calendar.view.currentStart,
+            to,
         });
-      },
-      events: this.getEvents(),
-      headerToolbar: false,
-      initialDate: this.currentDate,
-      initialView: this.viewType,
-      locale: this.getLocale(),
-      locales: [
-        l24,
-        l31,
-        l40,
-        l56,
-        l60,
-        l77,
-      ],
-      plugins: [
-        index$3,
-        index$2,
-        index$1,
-        index,
-      ],
-    });
-    this.calendar.render();
-  }
-  /*-------------------------------------------------*/
-  /*           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 getProps(this, KupCalendarProps, descriptions);
-  }
-  /**
-   * This method is used to trigger a new render of the component.
-   */
-  async refresh() {
-    forceUpdate(this);
-  }
-  /**
-   * This method is invoked by KupManager whenever the component changes size.
-   */
-  async resizeCallback() {
-    window.clearTimeout(this.resizeTimeout);
-    this.resizeTimeout = window.setTimeout(() => {
-      this.refresh();
-    }, 300);
-  }
-  /**
-   * Sets the props to the component.
-   * @param {GenericObject} props - Object containing props that will be set to the component.
-   */
-  async setProps(props) {
-    setProps(this, KupCalendarProps, props);
-  }
-  /*-------------------------------------------------*/
-  /*           P r i v a t e   M e t h o d s         */
-  /*-------------------------------------------------*/
-  changeView(view) {
-    this.viewType = view;
-    this.calendar.changeView(view);
-    this.emitNavEvent();
-  }
-  getColumns() {
-    if (this.data && this.data.rows) {
-      return this.data.columns;
     }
-    return [];
-  }
-  getLocale() {
-    switch (this.kupManager.dates.locale) {
-      case KupDatesLocales.CHINESE:
-        return l77;
-      case KupDatesLocales.FRENCH:
-        return l31;
-      case KupDatesLocales.ITALIAN:
-        return l40;
-      case KupDatesLocales.POLISH:
-        return l56;
-      case KupDatesLocales.RUSSIAN:
-        return l60;
-      case KupDatesLocales.SPANISH:
-        return l24;
-      default:
-        return l20;
-    }
-  }
-  getRows() {
-    if (this.data && this.data.rows) {
-      return this.data.rows;
+    updateCalendar() {
+        if (this.calendar) {
+            this.calendar.setOption('locale', this.getLocale());
+            this.navTitle.innerText = this.calendar.getCurrentData().viewTitle;
+            this.calendar.updateSize();
+        }
     }
-    return [];
-  }
-  setChipProps() {
-    const props = {
-      data: [],
-      onClick: [],
-      type: FChipType.CHOICE,
-      wrapperClass: 'navigation__choice',
-    };
-    for (const key in KupCalendarViewTypes) {
-      const view = KupCalendarViewTypes[key];
-      const chipData = {
-        checked: this.viewType === view ? true : false,
-        value: this.kupManager.language.translate(KupLanguageGeneric[key]),
-        id: key,
-      };
-      props.data.push(chipData);
-      props.onClick.push(() => this.changeView(view));
+    /*-------------------------------------------------*/
+    /*          L i f e c y c l e   H o o k s          */
+    /*-------------------------------------------------*/
+    componentWillLoad() {
+        this.kupManager.dates.register(this);
+        this.kupManager.debug.logLoad(this, false);
+        this.kupManager.language.register(this);
+        this.kupManager.theme.register(this);
     }
-    return props;
-  }
-  getEvents() {
-    const isHourRange = this.startCol &&
-      this.endCol &&
-      getColumnByName(this.getColumns(), this.startCol) &&
-      getColumnByName(this.getColumns(), this.endCol);
-    return this.getRows().map((row) => {
-      const cell = row.cells[this.dateCol];
-      let startDate = this.kupManager.dates.toDayjs(cell.value);
-      let endDate = this.kupManager.dates.toDayjs(cell.value);
-      if (isHourRange) {
-        const startCell = row.cells[this.startCol];
-        const endCell = row.cells[this.endCol];
-        if (startCell && endCell) {
-          const dayjsStart = this.kupManager.dates.toDayjs(startCell.value, 'HH:mm:ss');
-          const dayjsEnd = this.kupManager.dates.toDayjs(endCell.value, 'HH:mm:ss');
-          startDate = startDate.hour(dayjsStart.hour());
-          startDate = startDate.minute(dayjsStart.minute());
-          startDate = startDate.second(dayjsStart.second());
-          endDate = endDate.hour(dayjsEnd.hour());
-          endDate = endDate.minute(dayjsEnd.minute());
-          endDate = endDate.second(dayjsEnd.second());
-        }
-      }
-      const el = {
-        allDay: isHourRange ? false : true,
-        editable: this.editableEvents,
-        end: endDate.toISOString(),
-        extendedProps: {
-          row,
-        },
-        start: startDate.toISOString(),
-        title: row.cells[this.descrCol].value,
-      };
-      return el;
-    });
-  }
-  onPrev() {
-    this.calendar.prev();
-    this.updateCalendar();
-    this.emitNavEvent();
-  }
-  onNext() {
-    this.calendar.next();
-    this.updateCalendar();
-    this.emitNavEvent();
-  }
-  onToday() {
-    this.calendar.today();
-    this.updateCalendar();
-  }
-  emitNavEvent() {
-    // see https://fullcalendar.io/docs/view-object
-    const to = this.kupManager.dates
-      .subtract(this.calendar.view.currentEnd, 1, 'day')
-      .toDate();
-    this.kupCalendarViewChange.emit({
-      comp: this,
-      id: this.rootElement.id,
-      from: this.calendar.view.currentStart,
-      to,
-    });
-  }
-  updateCalendar() {
-    if (this.calendar) {
-      this.calendar.setOption('locale', this.getLocale());
-      this.navTitle.innerText = this.calendar.getCurrentData().viewTitle;
-      this.calendar.updateSize();
-    }
-  }
-  /*-------------------------------------------------*/
-  /*          L i f e c y c l e   H o o k s          */
-  /*-------------------------------------------------*/
-  componentWillLoad() {
-    this.kupManager.dates.register(this);
-    this.kupManager.debug.logLoad(this, false);
-    this.kupManager.language.register(this);
-    this.kupManager.theme.register(this);
-  }
-  componentDidLoad() {
-    this.setCalendarData();
-    this.updateCalendar();
-    this.kupManager.resize.observe(this.rootElement);
-    this.kupManager.debug.logLoad(this, true);
-  }
-  componentWillRender() {
-    this.kupManager.debug.logRender(this, false);
-  }
-  componentDidRender() {
-    this.updateCalendar();
-    this.kupManager.debug.logRender(this, true);
-  }
-  render() {
-    return (h$1(Host, null, h$1("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { id: componentWrapperId }, h$1("div", { class: "navigation" }, !this.hideNavigation ? (h$1("div", { class: "navigation__left" }, h$1(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h$1(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h$1(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h$1("div", { class: `navigation__title ${this.hideNavigation
-        ? 'navigation__title--centered'
-        : ''}`, ref: (el) => {
-        this.navTitle = el;
-      } }), !this.hideNavigation ? (h$1("div", { class: "navigation__right" }, h$1(FChip, Object.assign({}, this.setChipProps())))) : null), h$1("div", { class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
-  }
-  disconnectedCallback() {
-    if (this.calendar) {
-      this.calendar.destroy();
-    }
-    this.kupManager.dates.unregister(this);
-    this.kupManager.language.unregister(this);
-    this.kupManager.resize.unobserve(this.rootElement);
-    this.kupManager.theme.unregister(this);
-  }
-  get rootElement() { return getElement(this); }
-  static get watchers() { return {
-    "data": ["setCalendarData"],
-    "currentDate": ["setCalendarData"]
-  }; }
+    componentDidLoad() {
+        this.setCalendarData();
+        this.updateCalendar();
+        this.kupManager.resize.observe(this.rootElement);
+        this.kupManager.debug.logLoad(this, true);
+    }
+    componentWillRender() {
+        this.kupManager.debug.logRender(this, false);
+    }
+    componentDidRender() {
+        this.updateCalendar();
+        this.kupManager.debug.logRender(this, true);
+    }
+    render() {
+        return (h$1(Host, null, h$1("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { id: componentWrapperId }, h$1("div", { class: "navigation" }, !this.hideNavigation ? (h$1("div", { class: "navigation__left" }, h$1(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h$1(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h$1(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h$1("div", { class: `navigation__title ${this.hideNavigation
+                ? 'navigation__title--centered'
+                : ''}`, ref: (el) => {
+                this.navTitle = el;
+            } }), !this.hideNavigation ? (h$1("div", { class: "navigation__right" }, h$1(FChip, Object.assign({}, this.setChipProps())))) : null), h$1("div", { class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+    }
+    disconnectedCallback() {
+        if (this.calendar) {
+            this.calendar.destroy();
+        }
+        this.kupManager.dates.unregister(this);
+        this.kupManager.language.unregister(this);
+        this.kupManager.resize.unobserve(this.rootElement);
+        this.kupManager.theme.unregister(this);
+    }
+    get rootElement() { return getElement(this); }
+    static get watchers() { return {
+        "data": ["setCalendarData"],
+        "currentDate": ["setCalendarData"]
+    }; }
 };
 KupCalendar.style = kupCalendarCss;