@sme.up/ketchup 11.0.0-SNAPSHOT-20241023143330 → 11.0.0-SNAPSHOT-20241024071006

package/dist/components/kup-calendar.js

@@ -13977,6 +13977,15 @@ const KupCalendar$1 = /*@__PURE__*/ proxyCustomElement(class KupCalendar extends
         this.currentDate = null;
         this.customStyle = '';
         this.data = null;
+        this.calendarColumns = {
+            [KupCalendarOptions.DATE]: '',
+            [KupCalendarOptions.DESCR]: '',
+            [KupCalendarOptions.END]: '',
+            [KupCalendarOptions.ICON]: '',
+            [KupCalendarOptions.IMAGE]: '',
+            [KupCalendarOptions.START]: '',
+            [KupCalendarOptions.STYLE]: '',
+        };
         this.hideNavigation = false;
         this.editableEvents = true;
         this.viewType = KupCalendarViewTypes.MONTH;
@@ -13985,37 +13994,22 @@ const KupCalendar$1 = /*@__PURE__*/ proxyCustomElement(class KupCalendar extends
     /*                  W a t c h e r s                */
     /*-------------------------------------------------*/
     setCalendarData() {
+        var _a;
         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;
-            }
+        if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.columns) {
+            this.data.columns.forEach((column) => {
+                for (const key in this.calendarColumns) {
+                    if (this.calendarColumns[key] === column.name) {
+                        this[`${key}Col`] = column.name;
+                        break;
+                    }
+                }
+            });
         }
         this.calendar = new Calendar(this.calendarContainer, {
             dateClick: ({ date }) => {
@@ -14298,11 +14292,11 @@ const KupCalendar$1 = /*@__PURE__*/ proxyCustomElement(class KupCalendar extends
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h$1(Host, { key: '77367712ac84cd2a6dd290c69322188ea6188412' }, h$1("style", { key: 'c8a84fc5a1a29f6c638bb1a7a666edbefa31673a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '839ce76af5bcea2a7f0ae175ca2ac5386fbc31af', id: componentWrapperId }, h$1("div", { key: '5a09915815d6a8cbc9bda12c70e2cb84cb6bec9f', 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", { key: '628a9c11e8de9fc2c0974699ddd0d57fcdaf0d69', class: `navigation__title ${this.hideNavigation
+        return (h$1(Host, { key: 'bdd424eed81973543ce0456b76729821e630de31' }, h$1("style", { key: '390d5a2a2d06f5119d1e03c7fd00271983ebcce4' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '7b24bb47c6b934f5fe47289790ee717ce261d9b9', id: componentWrapperId }, h$1("div", { key: '2f72c647d22945a38bce0073729ffbd3f28dec9e', 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", { key: '35a9b8aa076db1e723de96fcd9a5eb8b6b7dcf40', 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", { key: 'b38321df314189e557ab27056c4f2959265bd1b8', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), !this.hideNavigation ? (h$1("div", { class: "navigation__right" }, h$1(FChip, Object.assign({}, this.setChipProps())))) : null), h$1("div", { key: '4ade88713da0e92a1c21b62922db53c23f0e6e0a', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {
@@ -14323,6 +14317,7 @@ const KupCalendar$1 = /*@__PURE__*/ proxyCustomElement(class KupCalendar extends
         "currentDate": [1, "current-date"],
         "customStyle": [1, "custom-style"],
         "data": [16],
+        "calendarColumns": [16],
         "hideNavigation": [4, "hide-navigation"],
         "editableEvents": [4, "editable-events"],
         "viewType": [1025, "view-type"],