@sme.up/ketchup 11.0.0-SNAPSHOT-20250115150932 → 11.0.0-SNAPSHOT-20250115163113

package/dist/collection/components/kup-calendar/kup-calendar.js

@@ -22,8 +22,13 @@ import { FChipType, } from "../../f-components/f-chip/f-chip-declarations";
 import { KupLanguageGeneric } from "../../managers/kup-language/kup-language-declarations";
 import { KupDatesFormats, KupDatesLocales, } from "../../managers/kup-dates/kup-dates-declarations";
 import { KupDebugCategory } from "../../managers/kup-debug/kup-debug-declarations";
+import { KupCalendarState } from "./kup-calendar-state";
 export class KupCalendar {
     constructor() {
+        /*-------------------------------------------------*/
+        /*                   S t a t e s                   */
+        /*-------------------------------------------------*/
+        this.state = new KupCalendarState();
         this.calendarContainer = null;
         this.kupManager = kupManagerInstance();
         this.navTitle = null;
@@ -51,12 +56,48 @@ export class KupCalendar {
         this.editableEvents = true;
         this.enableChangeView = false;
         this.viewType = KupCalendarViewTypes.MONTH;
+        this.stateId = '';
+        this.store = undefined;
+    }
+    initWithPersistedState() {
+        var _a, _b;
+        if (this.store && this.stateId) {
+            const state = this.store.getState(this.stateId);
+            if (state) {
+                this.kupManager.debug.logMessage(this, 'Initialize with state for stateId ' +
+                    this.stateId +
+                    ': ' +
+                    state);
+            }
+            this.initialDate = (_a = state.initialDate) !== null && _a !== void 0 ? _a : this.initialDate;
+            this.viewType = (_b = state.viewType) !== null && _b !== void 0 ? _b : this.viewType;
+        }
+    }
+    persistState() {
+        if (this.store && this.stateId) {
+            let somethingChanged = false;
+            if (this.state.initialDate !== this.initialDate) {
+                this.state.initialDate = this.initialDate;
+                somethingChanged = true;
+            }
+            if (this.state.viewType !== this.viewType) {
+                this.state.viewType = this.viewType;
+                somethingChanged = true;
+            }
+            if (somethingChanged) {
+                this.kupManager.debug.logMessage(this, 'Persisting state for stateId ' +
+                    this.stateId +
+                    ': ' +
+                    this.state);
+                this.store.persistState(this.stateId, this.state);
+            }
+        }
     }
     /*-------------------------------------------------*/
     /*                  W a t c h e r s                */
     /*-------------------------------------------------*/
     setCalendarData() {
-        var _a;
+        var _a, _b;
         if (!this.calendarContainer) {
             return;
         }
@@ -74,6 +115,20 @@ export class KupCalendar {
             });
         }
         this.calendar = new Calendar(this.calendarContainer, {
+            datesSet: (info) => {
+                const isoDate = info.startStr.substring(0, 10);
+                const date = new Date(isoDate);
+                if (this.viewType === KupCalendarViewTypes.MONTH &&
+                    date.getDate() > 1) {
+                    date.setMonth(date.getMonth() + 1);
+                    date.setDate(1);
+                    this.initialDate = date.toISOString().substring(0, 10);
+                }
+                else {
+                    this.initialDate = isoDate;
+                }
+                this.persistState();
+            },
             dateClick: ({ date }) => {
                 this.kupCalendarDateClick.emit({
                     comp: this,
@@ -153,8 +208,7 @@ export class KupCalendar {
             },
             events: this.getEvents(),
             headerToolbar: false,
-            //initialDate: this.currentDate ? this.currentDate : new Date().toISOString().substring(0, 10),
-            initialDate: this.currentDate,
+            initialDate: (_b = this.initialDate) !== null && _b !== void 0 ? _b : this.currentDate,
             initialView: this.viewType,
             locale: this.getLocale(),
             locales: [
@@ -270,56 +324,66 @@ export class KupCalendar {
             this.endCol &&
             getColumnByName(this.getColumns(), this.startCol) &&
             getColumnByName(this.getColumns(), this.endCol);
-        return this.getRows().map((row) => {
-            const cell = row.cells[this.dateCol];
-            if (cell) {
-                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, KupDatesFormats.ISO_TIME);
-                        const dayjsEnd = this.kupManager.dates.toDayjs(endCell.value, KupDatesFormats.ISO_TIME);
-                        if (dayjsStart && dayjsEnd) {
-                            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());
-                        }
-                        else {
-                            this.kupManager.debug.logMessage(this, `error while converting hour range: [${dayjsStart
-                                ? `start hour: ${dayjsStart}`
-                                : `invalid start hour: ${startCell.value}`}, ${dayjsEnd
-                                ? `end hour: ${dayjsEnd}`
-                                : `invalid end hour: ${endCell.value}`}]`, KupDebugCategory.WARNING);
+        let events = {};
+        try {
+            if (!this.dateCol || !this.descrCol) {
+                throw new Error('dateCol or/and descrCol are not specified, check calendarColums props');
+            }
+            events = this.getRows().map((row) => {
+                const cell = row.cells[this.dateCol];
+                if (cell) {
+                    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, KupDatesFormats.ISO_TIME);
+                            const dayjsEnd = this.kupManager.dates.toDayjs(endCell.value, KupDatesFormats.ISO_TIME);
+                            if (dayjsStart && dayjsEnd) {
+                                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());
+                            }
+                            else {
+                                this.kupManager.debug.logMessage(this, `error while converting hour range: [${dayjsStart
+                                    ? `start hour: ${dayjsStart}`
+                                    : `invalid start hour: ${startCell.value}`}, ${dayjsEnd
+                                    ? `end hour: ${dayjsEnd}`
+                                    : `invalid end hour: ${endCell.value}`}]`, KupDebugCategory.WARNING);
+                            }
                         }
                     }
+                    if (endDate && startDate) {
+                        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;
+                    }
+                    else {
+                        this.kupManager.debug.logMessage(this, `error while converting dates: [${startDate
+                            ? `start date: ${startDate}`
+                            : `invalid start date: ${cell.value}`}. ${endDate
+                            ? `end date: ${endDate}`
+                            : `invalid end date: ${cell.value}`}]`, KupDebugCategory.WARNING);
+                    }
                 }
-                if (endDate && startDate) {
-                    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;
-                }
-                else {
-                    this.kupManager.debug.logMessage(this, `error while converting dates: [${startDate
-                        ? `start date: ${startDate}`
-                        : `invalid start date: ${cell.value}`}. ${endDate
-                        ? `end date: ${endDate}`
-                        : `invalid end date: ${cell.value}`}]`, KupDebugCategory.WARNING);
-                }
-            }
-        });
+            });
+        }
+        catch (error) {
+            this.kupManager.debug.logMessage(this, `Unable to create calendard events, caused by: ${error}`, KupDebugCategory.ERROR);
+        }
+        return events;
     }
     onPrev() {
         this.calendar.prev();
@@ -362,6 +426,7 @@ export class KupCalendar {
         this.kupManager.debug.logLoad(this, false);
         this.kupManager.language.register(this);
         this.kupManager.theme.register(this);
+        this.initWithPersistedState();
     }
     componentDidLoad() {
         this.setCalendarData();
@@ -377,11 +442,11 @@ export class KupCalendar {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '142bf009267f546b2dbfefc01145fa1368066243' }, h("style", { key: 'bcfe9431bbff8b4b786fc228eb3c011327a01de8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b85072c5e3a7c94219663973303d7bb3a2f88de7', id: componentWrapperId }, h("div", { key: '3863dd0666696529935bd85ce225f1648a7daea8', class: "navigation" }, !this.hideNavigation ? (h("div", { class: "navigation__left" }, h(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h("div", { key: '191b641f68e60687014f18e57b9fb2409307e5cd', class: `navigation__title ${this.hideNavigation
+        return (h(Host, { key: '3755873fa47397c498a36795d6855875043ef4b0' }, h("style", { key: '07bb73bd538b4a040f01f5711170ad53fd582ba3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'fad6b4222893c0ba51d957eb8377800f2a7c7ae4', id: componentWrapperId }, h("div", { key: 'd24e0fa87e410e850754938cc6d51d5796e402f2', class: "navigation" }, !this.hideNavigation ? (h("div", { class: "navigation__left" }, h(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h("div", { key: '2eabd1ca9d91ed4d159b69b6010969b729ae0376', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), h("div", { key: '2447fece895f395966ecd20b1798658adfb18ae5', class: "navigation__right" }, this.enableChangeView ? (h(FChip, Object.assign({}, this.setChipProps()))) : null)), h("div", { key: 'ab2d7e75fedaf527b25e9661031fbd0da1a7f3d4', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), h("div", { key: '6167055757c8c5fa4406262365fb456be5255f42', class: "navigation__right" }, this.enableChangeView ? (h(FChip, Object.assign({}, this.setChipProps()))) : null)), h("div", { key: '80c87f4cc19c07442186b566db0276a47e2a1792', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {
@@ -590,6 +655,45 @@ export class KupCalendar {
                 "attribute": "view-type",
                 "reflect": false,
                 "defaultValue": "KupCalendarViewTypes.MONTH"
+            },
+            "stateId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "state-id",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "store": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupStore",
+                    "resolved": "KupStore",
+                    "references": {
+                        "KupStore": {
+                            "location": "import",
+                            "path": "../kup-state/kup-store",
+                            "id": "src/components/kup-state/kup-store.ts::KupStore"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
             }
         };
     }

package/dist/collection/components/kup-tree/kup-tree.js

@@ -1289,6 +1289,7 @@ export class KupTree {
         __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.register(this);
         __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.register(this);
         this.columnMenuInstance = new KupColumnMenu();
+        this.initWithPersistedState();
         this.refreshStructureState();
     }
     componentDidLoad() {
@@ -1362,17 +1363,17 @@ export class KupTree {
             this.data &&
             this.data.length &&
             this.data.length > 0) {
-            filterField = (h("div", { key: '845f0a6bef83bfaaa76aad5845ee5af6768a1a09', id: "global-filter" }, h("kup-text-field", { key: 'c5aaaa7c98e5dfce92c2e6c11f75747fd69f550e', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h("div", { key: '60602bd446f14c44bb0dfc9fb6281ea1f5b0729a', id: "global-filter" }, h("kup-text-field", { key: 'eb0998c48e8f34a05c89bdb6780d89baff9f2373', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (h(Host, { key: 'c41109b7db78f7cde7dc4ba9cec7263e4d31786f' }, h("style", { key: '0a4bfe1f6335c08087476992a330ef8c26fc2efc' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '2353e8b40be7585ef6313a9c06fff87b17a9d6d4', id: componentWrapperId, class: wrapperClass }, filterField, h("div", { key: '7799575e8dd9ff74c412449340f7e3fbf9ecd8f9', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h("table", { key: 'a499a4bc1b3e66e91c6dd108bc75277823036d84', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+        return (h(Host, { key: 'b3ab4c72a5f94269971ff9b9334f96b2d05b62c2' }, h("style", { key: '0fa0a5348a5c02e3c1ddeef132ca08795831ec06' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0f4922c906fd89ba275427a820beb9f64ada68bc', id: componentWrapperId, class: wrapperClass }, filterField, h("div", { key: '37a94180c74ed44e1622222fd4cb898e20a5848b', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h("table", { key: 'b2ed044a19b23a4d101c2745e5c0b97d42e5c914', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: '17ec2f81534c1159aedeb3417e6410a0a518d0ed', class: {
+            } }, h("thead", { key: '368361d34e46e73fe87fe8f8dd352ecc6a09979b', class: {
                 'header--is-visible': visibleHeader,
-            } }, h("tr", { key: 'b3211ca1c1faf601cf9d7dcb083ef47b78f39b66' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: 'c71420599b7f63a288e20564ceb0c73ca0f704ce' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h("tr", { key: '67071927cd7e5ba561cbc21b5b324a3713422d31' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: '8f27a4eb6e7bf65f4596b64ff9b8506a6ce7a84f' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));

package/dist/components/kup-accordion.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeColorValues, c as KupThemeIconValues } from './p-9a52cf80.js';
-import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-7cc12994.js';
+import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-60a23d8f.js';
 
 /**
  * Props of the kup-accordion component.

package/dist/components/kup-activity-timeline.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, g as getProps, s as setProps, t as KupDebugCategory, m as getCellValueForDisplay } from './p-9a52cf80.js';
-import { c as componentWrapperId, D as sortRows, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, F as FImage } from './p-7cc12994.js';
+import { c as componentWrapperId, D as sortRows, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, F as FImage } from './p-60a23d8f.js';
 
 var KupActivityTimelineProps;
 (function (KupActivityTimelineProps) {

package/dist/components/kup-autocomplete.js

@@ -1,4 +1,4 @@
-import { K as KupAutocomplete$1, C as defineCustomElement$1 } from './p-7cc12994.js';
+import { K as KupAutocomplete$1, C as defineCustomElement$1 } from './p-60a23d8f.js';
 
 const KupAutocomplete = KupAutocomplete$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-badge.js

@@ -1,4 +1,4 @@
-import { E as KupBadge$1, B as defineCustomElement$1 } from './p-7cc12994.js';
+import { E as KupBadge$1, B as defineCustomElement$1 } from './p-60a23d8f.js';
 
 const KupBadge = KupBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-box.js

@@ -1,4 +1,4 @@
-import { K as KupBox$1, d as defineCustomElement$1 } from './p-3807d2aa.js';
+import { K as KupBox$1, d as defineCustomElement$1 } from './p-71fb255c.js';
 
 const KupBox = KupBox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-button-list.js

@@ -1,4 +1,4 @@
-import { R as KupButtonList$1, z as defineCustomElement$1 } from './p-7cc12994.js';
+import { R as KupButtonList$1, z as defineCustomElement$1 } from './p-60a23d8f.js';
 
 const KupButtonList = KupButtonList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-button.js

@@ -1,4 +1,4 @@
-import { Q as KupButton$1, A as defineCustomElement$1 } from './p-7cc12994.js';
+import { Q as KupButton$1, A as defineCustomElement$1 } from './p-60a23d8f.js';
 
 const KupButton = KupButton$1;
 const defineCustomElement = defineCustomElement$1;