@sme.up/ketchup 10.4.10 → 10.4.12

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$4 = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-9aca7812.js');
-const fChip = require('./f-chip-0f6c163f.js');
+const fChip = require('./f-chip-b4db804b.js');
 const kupDates = require('./kup-dates-2ff08e4f.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-5a33fd05.js');
@@ -14772,6 +14772,7 @@ var 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["totals"] = "Formula to calculate and display totals on each cell. Format: OPERATION(columnName) where OPERATION is SUM, AVG, COUNT, MAX, or MIN.";
     KupCalendarProps["editableEvents"] = "When true, events are editable.";
     KupCalendarProps["hideNavigation"] = "When disabled, the navigation toolbar won't be displayed.";
     KupCalendarProps["viewType"] = "Type of the view.";
@@ -14807,7 +14808,7 @@ class KupCalendarState {
     }
 }
 
-const kupCalendarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_calendar_background_color:var(\n    --kup-calendar-background-color,\n    var(--kup-layer-1)\n  );--kup_calendar_border_color:var(\n    --kup-calendar-border-color,\n    var(--kup-border-subtle)\n  );--kup_calendar_event_background_color:var(\n    --kup-calendar-event-background-color,\n    var(--kup-gray-color-30)\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-secondary)\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-layer-2)\n  );--kup_calendar_header_color:var(\n    --kup-calendar-header-color,\n    var(--kup-text-secondary)\n  );--kup_calendar_navigator_border:var(\n    --kup-calendar-navigator-border,\n    1px solid var(--kup-border-subtle)\n  );--kup_calendar_no_work_day_background_color:var(\n    --kup-calendar-no-work-day-background-color,\n    var(--kup-layer-0)\n  );--kup_calendar_no_work_day_color:var(\n    --kup-calendar-no-work-day-color,\n    var(--kup-text-secondary)\n  );--kup_calendar_today_background_color:var(\n    --kup-calendar-today-background-color,\n    var(--kup-layer-2)\n  );--kup_calendar_border_top_color:var(\n    --kup-calendar-border-top-color,\n    var(--kup-border-interactive)\n  );--fc-border-color:var(--kup_calendar_border_color);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;display:flex;justify-content:space-between;background-color:var(--kup_calendar_background_color)}.navigation__left{--kup-font-size:0.875em;display:flex;margin-left:var(--kup-space-03)}.navigation__right{display:flex;margin-right:var(--kup-space-03)}.navigation__title{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0;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-event-title{white-space:normal;word-break:break-word}#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);font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}#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:none;border-color:var(--kup_calendar_event_background_color);color:var(--kup_calendar_event_color)}#kup-component .fc-event{padding:0.5rem}#kup-component .fc-event-main{color:inherit;display:flex}#kup-component .fc-event-title .fc-event-time{padding:0.25em}#kup-component .fc-event-time{white-space:pre}#kup-component td.fc-day-today{background-color:var(--kup_calendar_today_background_color);border-top:2px solid var(--kup_calendar_border_top_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);opacity:0.7}@media (max-width: 599px){.navigation{flex-direction:column}.calendar{height:100%}.calendar .fc-view-harness{min-height:450px}.fc-event{display:flex;flex-direction:column;padding:0.2rem;gap:var(--kup-space-03)}.fc-event .fc-event-main{display:flex;flex-direction:column}.fc-event .fc-daygrid-event-dot{display:none}.navigation .navigation__left{font-size:20px;gap:8px}.navigation .navigation__right .f-chip .chip-set .chip-set__item{font-size:16px}}@media (min-width: 599px){#kup-component .fc-daygrid-event{align-items:baseline;white-space:pre-line}}";
+const kupCalendarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_calendar_background_color:var(\n    --kup-calendar-background-color,\n    var(--kup-layer-1)\n  );--kup_calendar_border_color:var(\n    --kup-calendar-border-color,\n    var(--kup-border-subtle)\n  );--kup_calendar_event_background_color:var(\n    --kup-calendar-event-background-color,\n    var(--kup-gray-color-30)\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-secondary)\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-layer-2)\n  );--kup_calendar_header_color:var(\n    --kup-calendar-header-color,\n    var(--kup-text-secondary)\n  );--kup_calendar_navigator_border:var(\n    --kup-calendar-navigator-border,\n    1px solid var(--kup-border-subtle)\n  );--kup_calendar_no_work_day_background_color:var(\n    --kup-calendar-no-work-day-background-color,\n    var(--kup-layer-0)\n  );--kup_calendar_no_work_day_color:var(\n    --kup-calendar-no-work-day-color,\n    var(--kup-text-secondary)\n  );--kup_calendar_today_background_color:var(\n    --kup-calendar-today-background-color,\n    var(--kup-layer-2)\n  );--kup_calendar_border_top_color:var(\n    --kup-calendar-border-top-color,\n    var(--kup-border-interactive)\n  );--fc-border-color:var(--kup_calendar_border_color);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;display:flex;justify-content:space-between;background-color:var(--kup_calendar_background_color)}.navigation__left{--kup-font-size:0.875em;display:flex;margin-left:var(--kup-space-03)}.navigation__right{display:flex;margin-right:var(--kup-space-03)}.navigation__title{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0;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-event-title{white-space:normal;word-break:break-word}#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);font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}#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:none;border-color:var(--kup_calendar_event_background_color);color:var(--kup_calendar_event_color)}#kup-component .fc-event{padding:0.5rem}#kup-component .fc-event-main{color:inherit;display:flex}#kup-component .fc-event-title .fc-event-time{padding:0.25em}#kup-component .fc-event-time{white-space:pre}#kup-component td.fc-day-today{background-color:var(--kup_calendar_today_background_color);border-top:2px solid var(--kup_calendar_border_top_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);opacity:0.7}#kup-component .fc-daygrid-day-frame{display:flex;flex-direction:column;min-height:100%}#kup-component .fc-daygrid-day-events{flex:1}#kup-component .kup-calendar-formula-result{align-self:flex-end;font-size:0.85em;font-weight:bold;color:var(--kup-primary-color);padding:0.25em 0.5em;margin-top:auto}#kup-component .fc-daygrid-day-top{width:100%}@media (max-width: 599px){.navigation{flex-direction:column}.calendar{height:100%}.calendar .fc-view-harness{min-height:450px}.fc-event{display:flex;flex-direction:column;padding:0.2rem;gap:var(--kup-space-03)}.fc-event .fc-event-main{display:flex;flex-direction:column}.fc-event .fc-daygrid-event-dot{display:none}.navigation .navigation__left{font-size:20px;gap:8px}.navigation .navigation__right .f-chip .chip-set .chip-set__item{font-size:16px}}@media (min-width: 599px){#kup-component .fc-daygrid-event{align-items:baseline;white-space:pre-line}}";
 const KupCalendarStyle0 = kupCalendarCss;
 
 const KupCalendar = class {
@@ -14833,9 +14834,12 @@ const KupCalendar = class {
         this.imageCol = null;
         this.startCol = null;
         this.styleCol = null;
+        this.formulaOperation = null;
+        this.formulaColumn = null;
         this.currentDate = null;
         this.customStyle = '';
         this.data = null;
+        this.totals = null;
         this.calendarColumns = {
             [KupCalendarOptions.DATE]: '',
             [KupCalendarOptions.DESCR]: '',
@@ -14897,6 +14901,8 @@ const KupCalendar = class {
         if (this.calendar) {
             this.calendar.destroy();
         }
+        // Parse formula if provided
+        this.parseFormula();
         if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.columns) {
             this.data.columns.forEach((column) => {
                 for (const key in this.calendarColumns) {
@@ -14922,6 +14928,9 @@ const KupCalendar = class {
                 }
                 this.persistState();
             },
+            dayCellDidMount: this.formulaOperation
+                ? (arg) => this.renderDayCellFormula(arg)
+                : undefined,
             dateClick: ({ date }) => {
                 this.kupCalendarDateClick.emit({
                     comp: this,
@@ -15249,6 +15258,108 @@ const KupCalendar = class {
             this.calendar.updateSize();
         }
     }
+    parseFormula() {
+        this.formulaOperation = null;
+        this.formulaColumn = null;
+        if (!this.totals) {
+            return;
+        }
+        const formulaRegex = /^(SUM|AVG|COUNT|MAX|MIN)\(([^)]+)\)$/i;
+        const match = this.totals.trim().match(formulaRegex);
+        if (match) {
+            this.formulaOperation = match[1].toUpperCase();
+            this.formulaColumn = match[2].trim();
+        }
+        else {
+            this.kupManager.debug.logMessage(this, `Invalid totals format: ${this.totals}. Expected format: OPERATION(columnName)`, kupManager.KupDebugCategory.WARNING);
+        }
+    }
+    calculateFormulaForDay(date) {
+        var _a;
+        if (!this.formulaOperation || !this.formulaColumn) {
+            return null;
+        }
+        if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.rows) || !this.dateCol) {
+            return null;
+        }
+        // Get the date as ISO string (YYYY-MM-DD) for comparison
+        const targetDate = this.kupManager.dates
+            .toDayjs(date)
+            .format('YYYY-MM-DD');
+        // Filter rows for the specific day
+        const dayRows = this.data.rows.filter((row) => {
+            const cell = row.cells[this.dateCol];
+            if (!cell || !cell.value) {
+                return false;
+            }
+            const rowDate = this.kupManager.dates
+                .toDayjs(cell.value)
+                .format('YYYY-MM-DD');
+            return rowDate === targetDate;
+        });
+        if (dayRows.length === 0) {
+            return null;
+        }
+        // For COUNT operation, count all non-null values (numeric or not)
+        if (this.formulaOperation === 'COUNT') {
+            let count = 0;
+            dayRows.forEach((row) => {
+                const cell = row.cells[this.formulaColumn];
+                if (cell && cell.value !== null && cell.value !== undefined) {
+                    count++;
+                }
+            });
+            return count > 0 ? count : null;
+        }
+        // For SUM and AVG, extract only numeric values
+        const values = [];
+        dayRows.forEach((row) => {
+            const cell = row.cells[this.formulaColumn];
+            if (cell && cell.value !== null && cell.value !== undefined) {
+                const numValue = parseFloat(cell.value);
+                if (!isNaN(numValue)) {
+                    values.push(numValue);
+                }
+            }
+        });
+        if (values.length === 0) {
+            return null;
+        }
+        // Calculate based on operation
+        switch (this.formulaOperation) {
+            case 'SUM':
+                return values.reduce((acc, val) => acc + val, 0);
+            case 'AVG':
+                return (values.reduce((acc, val) => acc + val, 0) / values.length);
+            case 'MAX':
+                return Math.max(...values);
+            case 'MIN':
+                return Math.min(...values);
+            default:
+                return null;
+        }
+    }
+    renderDayCellFormula(arg) {
+        const date = arg.date;
+        const formulaResult = this.calculateFormulaForDay(date);
+        if (formulaResult !== null) {
+            // Find the day frame container
+            const dayFrame = arg.el.querySelector('.fc-daygrid-day-frame');
+            if (dayFrame) {
+                // Create formula result element
+                const resultDiv = document.createElement('div');
+                resultDiv.classList.add('kup-calendar-formula-result');
+                resultDiv.textContent = this.formatFormulaResult(formulaResult);
+                // Append to day frame
+                dayFrame.appendChild(resultDiv);
+            }
+        }
+    }
+    formatFormulaResult(value) {
+        // Use KupManager to format numbers with locale-specific separators
+        const decimals = this.formulaOperation === 'COUNT' ? 0 : 2;
+        return this.kupManager.math.numberToFormattedString(value, decimals, '');
+    }
     /*-------------------------------------------------*/
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
@@ -15273,11 +15384,11 @@ const KupCalendar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index$4.h(index$4.Host, { key: 'cd8efd2e4d7168d2b00b8c8c1ffbc0dd5de47dae' }, index$4.h("style", { key: '38b007b0a59e1272804e0b8a3ab960ecd08dccf5' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: '7971fd8d4bfded4fe357e619c0d80e40c4ff7c8f', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: '4aa984af8bc7b94a551deef3e54b996f496706f1', 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: 'db70df951a8d695b6886ea961cda248c12e916a9', class: `navigation__title ${this.hideNavigation
+        return (index$4.h(index$4.Host, { key: '7998e6f8c76632a6703738efa59767e6b2bf04b6' }, index$4.h("style", { key: '48f322043b150fb757efd18b7b5f2dfbf6fff512' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: '3db3413823be3d4a49f5ebe3b7c58883f05f608d', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: 'f56ad6c224c581252e12a370a4fcb50ab2abda7c', 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: '443d8e7206c9244c5c5fc2d1584d495d26265c03', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), index$4.h("div", { key: 'ac3cabb086e8bcd69f8acffd590276323bf2dbc7', class: "navigation__right" }, this.enableChangeView ? (index$4.h(fChip.FChip, Object.assign({}, this.setChipProps()))) : null)), index$4.h("div", { key: '5660535edbcf474a4b5969a84f304092e4c25778', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), index$4.h("div", { key: '48bc7f6e9fbe40cccea4599ee9df5b9b2b1bfa3c', class: "navigation__right" }, this.enableChangeView ? (index$4.h(fChip.FChip, Object.assign({}, this.setChipProps()))) : null)), index$4.h("div", { key: '94cee398522dd36799665989b52d4c75fd77ca1d', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {
@@ -15291,7 +15402,8 @@ const KupCalendar = class {
     get rootElement() { return index$4.getElement(this); }
     static get watchers() { return {
         "data": ["setCalendarData"],
-        "currentDate": ["setCalendarData"]
+        "currentDate": ["setCalendarData"],
+        "totals": ["setCalendarData"]
     }; }
 };
 KupCalendar.style = KupCalendarStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.js');
 

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-9aca7812.js');
-const fCell = require('./f-cell-34af9b5c.js');
+const fCell = require('./f-cell-05f3233c.js');
 require('./kup-dates-2ff08e4f.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-5a33fd05.js');
 require('./f-checkbox-a3461c4d.js');
-require('./f-chip-0f6c163f.js');
-require('./f-object-field-51d22c3c.js');
-require('./f-text-field-dd61a24a.js');
+require('./f-chip-b4db804b.js');
+require('./f-object-field-8dd8fc0e.js');
+require('./f-text-field-e780da48.js');
 
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-9aca7812.js');
 const fCheckbox = require('./f-checkbox-a3461c4d.js');
-const fTextField = require('./f-text-field-dd61a24a.js');
+const fTextField = require('./f-text-field-e780da48.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-5a33fd05.js');

package/dist/cjs/{kup-data-table-helper-8ff2d35e.js → kup-data-table-helper-5daa5c82.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const kupDates = require('./kup-dates-2ff08e4f.js');
 
 /**

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.js');
 
@@ -84693,7 +84693,7 @@ const KupEchart = class {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (index.h(index.Host, { key: '90763d03af943757a43395254643ac23b3316b91', style: style }, index.h("style", { key: '16da41fb5f188e0dd74fd2ef258e9398820c995a' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'a5365416fc15bfd4d40549c15737c926b916d987', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (index.h(index.Host, { key: 'ee4d5709d66552bb8922d9fb1967ba32185b7051', style: style }, index.h("style", { key: '9684ebc783c37de3da380a036c5fc6f84016bf3e' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '86eab75fec62dd2cd1a205ba6fac8bf91b3f8399', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         var _a;
@@ -84782,6 +84782,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         else if (__classPrivateFieldGet(this, _KupEchart_sortedDataset, "f") && e.seriesType === 'bar') {
             row = __classPrivateFieldGet(this, _KupEchart_sortedDataset, "f").rows[e.dataIndex];
         }
+        else if (e.seriesType === 'pie') {
+            // Data are grouped than i need to return a right row not obtained by using dataIndex.
+            row = structuredClone(this.data.rows.find((r) => { var _a; return ((_a = r.cells[this.axis]) === null || _a === void 0 ? void 0 : _a.value) === e.name; }));
+            // I need to set the value of the cell related to the series, by using the value calculated
+            // inside #setPieOptions method
+            row.cells[this.series[0]].obj.k = row.cells[this.series[0]].value = e.value.toString();
+        }
         else if (!Array.isArray(e.data)) {
             row = this.data.rows[e.dataIndex];
         }
@@ -85754,6 +85761,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 data: __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.normalDistribution(values),
                 label: {
                     show: this.showMarks,
+                    formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
                 },
                 name: key,
                 showSymbol: false,
@@ -85769,6 +85777,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 data: values,
                 label: {
                     show: this.showMarks,
+                    formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
                 },
                 name: key,
                 stack: this.stacked ? 'total' : undefined,
@@ -85781,6 +85790,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 data: values,
                 label: {
                     show: this.showMarks,
+                    formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
                 },
                 name: key,
                 type: 'scatter',
@@ -85793,6 +85803,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 data: values.map((value) => __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.numberifySafe(value)),
                 label: {
                     show: this.showMarks,
+                    formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
                 },
                 name: key,
                 type: 'line',
@@ -85901,14 +85912,14 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
     */
     const renamedSeries = series.map((s) => (Object.assign(Object.assign({}, s), { name: this.data.columns.find((col) => col.name === s.name).title })));
     const yAxis = (multipleYAxes === null || multipleYAxes === void 0 ? void 0 : multipleYAxes.length) === renamedSeries.length
-        ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
-                formatter: axisLabelFormatter,
-            }, min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
+        ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
+                ? {}
+                : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
                 ? __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this).splitLine
                 : { show: false } })))
-        : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
-                formatter: axisLabelFormatter,
-            }, min: this.axisYMin, max: this.axisYMax }), this.yAxis);
+        : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
+                ? {}
+                : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax }), this.yAxis);
     return {
         color,
         legend: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setLegend).call(this, y),
@@ -85917,7 +85928,9 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (params) => {
                 return `<b>${params.name}</b><br/>${params.seriesName}: <b>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value)}</b>`;
             } }),
-        xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign({ formatter: axisLabelFormatter }, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
+        xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign(Object.assign({}, (isHorizontal
+                ? { formatter: axisLabelFormatter }
+                : {})), __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
         yAxis,
         grid: { show: true, containLabel: true },
     };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-2ff08e4f.js');
 

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

@@ -6,7 +6,7 @@ const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-9aca7812.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-5a33fd05.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 require('./kup-dates-2ff08e4f.js');
 
 /**

package/dist/cjs/kup-input-panel.cjs.entry.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-9aca7812.js');
-const fCell = require('./f-cell-34af9b5c.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const fCell = require('./f-cell-05f3233c.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const fTypography = require('./f-typography-85d8238a.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-5a33fd05.js');
 require('./f-checkbox-a3461c4d.js');
-require('./f-chip-0f6c163f.js');
-require('./f-object-field-51d22c3c.js');
-require('./f-text-field-dd61a24a.js');
+require('./f-chip-b4db804b.js');
+require('./f-object-field-8dd8fc0e.js');
+require('./f-text-field-e780da48.js');
 require('./kup-dates-2ff08e4f.js');
 require('./component-a6dd6c14.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8a2eb175.js');
+const kupManager = require('./kup-manager-3ab94bba.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-5a33fd05.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');