@meshmakers/octo-meshboard 3.5.470 → 3.5.490

package/README.md

@@ -240,6 +240,7 @@ interface KpiWidgetConfig {
   suffix?: string;
   icon?: string;
   trend?: 'up' | 'down' | 'neutral';
+  decimalPlaces?: number;
   // For persistent query mode
   queryMode?: 'simpleCount' | 'aggregation' | 'groupedAggregation';
   queryValueField?: string;
@@ -247,6 +248,21 @@ interface KpiWidgetConfig {
 }
 ```
 
+Numbers are formatted with the `de-AT` locale. Without `decimalPlaces` a fractional value shows two
+fraction digits and a whole number none (38.9 -> `38,90`, 46 -> `46`). With `decimalPlaces` every numeric
+value shows exactly that many (`decimalPlaces: 1`: 38.9 -> `38,9`, 46 -> `46,0`). In a seed, set it in the
+widget `Config` JSON, e.g. `{"valueMode":"formula","formula":"...","decimalPlaces":1}`; the configuration
+dialog offers it as *Decimal Places* (AB#7686). Valid values are the JSON numbers 0-3 (integers); anything
+else (a string such as `"1"`, a fraction, a negative value, 4 or more, other types) falls back to the automatic
+format. Unlike the heatmap's `decimalPlaces` (a maximum, default 2), the KPI value is an exact digit count and
+unset means automatic; both widgets format through the shared `formatWidgetNumber` (`utils/widget-data-utils.ts`,
+cached `Intl.NumberFormat` instances). With `decimalPlaces` set, a text value is parsed strictly: only a string
+that is a complete number (`"12"`, `" 12 "`, `"1e3"`) is formatted, anything else (`"12 kWh"`, an ISO date,
+`"12,5"`) is shown unchanged. Without `decimalPlaces` the previous lenient parsing stays (`"12 kWh"` -> `12`).
+A negative value that rounds to zero is shown without a sign (`-0.04` with 1 -> `0,0`). The setting also
+applies to KPI children of a widget group (`childTemplate.staticConfig.decimalPlaces`, also offered in the
+widget-group configuration dialog).
+
 ### Gauge Widget
 Displays a numeric value as arc, circular, linear, or radial gauge.
 

package/fesm2022/meshmakers-octo-meshboard.mjs

@@ -5942,6 +5942,23 @@ function applyValueMultiplier(value, multiplier) {
     }
     return value * multiplier;
 }
+const WIDGET_NUMBER_LOCALE = 'de-AT';
+const numberFormats = new Map();
+function getNumberFormat(locale, minimumFractionDigits, maximumFractionDigits, useGrouping) {
+    const key = `${locale}|${minimumFractionDigits}|${maximumFractionDigits}|${useGrouping}`;
+    let format = numberFormats.get(key);
+    if (!format) {
+        format = new Intl.NumberFormat(locale, useGrouping === undefined
+            ? { minimumFractionDigits, maximumFractionDigits }
+            : { minimumFractionDigits, maximumFractionDigits, useGrouping });
+        numberFormats.set(key, format);
+    }
+    return format;
+}
+function formatWidgetNumber(value, fractionDigits, mode) {
+    const minimumFractionDigits = mode === 'exact' ? fractionDigits : 0;
+    return getNumberFormat(WIDGET_NUMBER_LOCALE, minimumFractionDigits, fractionDigits).format(value);
+}
 
 const VARIABLE_REFERENCE = /\$\{([^}]+)\}|\$([a-zA-Z_]\w*)/g;
 const IDENTIFIER_PREFIX = '__v_';
@@ -6093,6 +6110,14 @@ function findVariableCycles(widgets, configuredVariableNames = []) {
     return inCycle;
 }
 
+const KPI_MAX_DECIMAL_PLACES = 3;
+function normalizeKpiDecimalPlaces(value) {
+    if (typeof value !== 'number' || !Number.isInteger(value)) {
+        return undefined;
+    }
+    return value >= 0 && value <= KPI_MAX_DECIMAL_PLACES ? value : undefined;
+}
+
 class KpiWidgetComponent {
     dataService = inject(DashboardDataService);
     queryExecutor = inject(QueryExecutorService);
@@ -6222,7 +6247,7 @@ class KpiWidgetComponent {
             attributeName = '_queryValue';
         }
         else if (config?.dataSource?.type === 'static') {
-            attributeName = '_staticValue';
+            attributeName = config.dataSource.data ? config.valueAttribute : '_staticValue';
         }
         else {
             attributeName = config?.valueAttribute;
@@ -6299,6 +6324,10 @@ class KpiWidgetComponent {
         if (strValue === '') {
             return '-';
         }
+        const decimals = normalizeKpiDecimalPlaces(this.currentConfig()?.decimalPlaces);
+        if (decimals !== undefined) {
+            return this.formatWithDecimals(value, strValue, decimals);
+        }
         const numValue = typeof value === 'number' ? value : parseFloat(strValue);
         if (isNaN(numValue)) {
             // Not a number, return as string
@@ -6309,6 +6338,19 @@ class KpiWidgetComponent {
             maximumFractionDigits: 2
         });
     }
+    static strictNumber(text) {
+        const trimmed = text.trim();
+        return trimmed === '' ? NaN : Number(trimmed);
+    }
+    formatWithDecimals(value, strValue, decimals) {
+        const numValue = typeof value === 'number' ? value : KpiWidgetComponent.strictNumber(strValue);
+        if (typeof value === 'number' ? isNaN(numValue) : !Number.isFinite(numValue)) {
+            return strValue;
+        }
+        const negative = numValue < 0 || Object.is(numValue, -0);
+        const shown = negative && Number(getNumberFormat('en-US', 0, decimals, false).format(numValue)) === 0 ? 0 : numValue;
+        return formatWidgetNumber(shown, decimals, 'exact');
+    }
     label = computed(() => {
         const data = this._data();
         if (!this.config?.labelAttribute || !data)
@@ -6388,6 +6430,11 @@ class KpiWidgetComponent {
             this._error.set(null);
             return;
         }
+        if (dataSource.type === 'static' && dataSource.data) {
+            this._data.set(dataSource.data);
+            this._error.set(null);
+            return;
+        }
         if (dataSource.type === 'static') {
             // Resolve static value with variable substitution
             const staticValue = this.config.staticValue ?? '';
@@ -6571,6 +6618,10 @@ class KpiWidgetComponent {
         if (typeof value === 'number')
             return value;
         if (typeof value === 'string') {
+            if (normalizeKpiDecimalPlaces(this.currentConfig()?.decimalPlaces) !== undefined) {
+                const strict = KpiWidgetComponent.strictNumber(value);
+                return Number.isFinite(strict) ? strict : value;
+            }
             // Try to parse as number first
             const parsed = parseFloat(value);
             // If it's a valid number, return as number; otherwise return the string
@@ -6852,6 +6903,7 @@ class KpiConfigDialogComponent {
     initialSuffix;
     initialTrend;
     initialComparisonText;
+    initialDecimalPlaces;
     // Initial values for editing - Persistent Query
     initialDataSourceType;
     initialQueryRtId;
@@ -6918,6 +6970,7 @@ class KpiConfigDialogComponent {
         suffix: '',
         trend: undefined,
         comparisonText: '',
+        decimalPlaces: null,
         // Query-specific form fields
         queryValueField: '',
         queryCategoryField: '',
@@ -7021,6 +7074,9 @@ class KpiConfigDialogComponent {
             : null;
     }
     variableSyntaxHint = '${variableName}';
+    get maxDecimalPlaces() {
+        return KPI_MAX_DECIMAL_PLACES;
+    }
     trendOptions = [
         { value: undefined, label: 'None' },
         { value: 'up', label: 'Up (positive)' },
@@ -7076,6 +7132,7 @@ class KpiConfigDialogComponent {
         this.form.suffix = this.initialSuffix || '';
         this.form.trend = this.initialTrend;
         this.form.comparisonText = this.initialComparisonText || '';
+        this.form.decimalPlaces = this.initialDecimalPlaces ?? null;
         this.form.queryValueField = this.initialQueryValueField || '';
         this.form.queryCategoryField = this.initialQueryCategoryField || '';
         this.form.queryCategoryValue = this.initialQueryCategoryValue || '';
@@ -7252,11 +7309,7 @@ class KpiConfigDialogComponent {
                 ckTypeId: '',
                 valueAttribute: '',
                 formula: this.form.formula.trim(),
-                prefix: this.form.prefix || undefined,
-                suffix: this.form.suffix || undefined,
-                trend: this.form.trend,
-                comparisonText: this.form.comparisonText || undefined,
-                outputVariableName: this.form.outputVariableName.trim() || undefined
+                ...this.displayFields()
             });
             return;
         }
@@ -7266,11 +7319,7 @@ class KpiConfigDialogComponent {
                 ckTypeId: '',
                 valueAttribute: '',
                 staticValue: this.form.staticValue,
-                prefix: this.form.prefix || undefined,
-                suffix: this.form.suffix || undefined,
-                trend: this.form.trend,
-                comparisonText: this.form.comparisonText || undefined,
-                outputVariableName: this.form.outputVariableName.trim() || undefined
+                ...this.displayFields()
             });
             return;
         }
@@ -7290,11 +7339,7 @@ class KpiConfigDialogComponent {
                 queryValueField: this.form.queryValueField || undefined,
                 queryCategoryField: this.form.queryCategoryField || undefined,
                 queryCategoryValue: this.form.queryCategoryValue || undefined,
-                prefix: this.form.prefix || undefined,
-                suffix: this.form.suffix || undefined,
-                trend: this.form.trend,
-                comparisonText: this.form.comparisonText || undefined,
-                outputVariableName: this.form.outputVariableName.trim() || undefined,
+                ...this.displayFields(),
                 filters: filtersDto
             });
         }
@@ -7305,15 +7350,21 @@ class KpiConfigDialogComponent {
                 rtId: this.isCountMode ? undefined : this.selectedEntity?.rtId,
                 valueAttribute: this.isCountMode ? '_count' : this.form.valueAttribute,
                 labelAttribute: this.form.labelAttribute || undefined,
-                prefix: this.form.prefix || undefined,
-                suffix: this.form.suffix || undefined,
-                trend: this.form.trend,
-                comparisonText: this.form.comparisonText || undefined,
-                outputVariableName: this.form.outputVariableName.trim() || undefined,
+                ...this.displayFields(),
                 filters: filtersDto
             });
         }
     }
+    displayFields() {
+        return {
+            prefix: this.form.prefix || undefined,
+            suffix: this.form.suffix || undefined,
+            trend: this.form.trend,
+            comparisonText: this.form.comparisonText || undefined,
+            outputVariableName: this.form.outputVariableName.trim() || undefined,
+            decimalPlaces: normalizeKpiDecimalPlaces(this.form.decimalPlaces)
+        };
+    }
     onCancel() {
         this.windowRef.close();
     }
@@ -7458,7 +7509,7 @@ class KpiConfigDialogComponent {
         this.filters = updatedFilters;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: KpiConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: KpiConfigDialogComponent, isStandalone: true, selector: "mm-kpi-config-dialog", inputs: { initialCkTypeId: "initialCkTypeId", initialRtId: "initialRtId", initialValueAttribute: "initialValueAttribute", initialLabelAttribute: "initialLabelAttribute", initialPrefix: "initialPrefix", initialSuffix: "initialSuffix", initialTrend: "initialTrend", initialComparisonText: "initialComparisonText", initialDataSourceType: "initialDataSourceType", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialQueryMode: "initialQueryMode", initialQueryValueField: "initialQueryValueField", initialQueryCategoryField: "initialQueryCategoryField", initialQueryCategoryValue: "initialQueryCategoryValue", initialStaticValue: "initialStaticValue", initialWidgetId: "initialWidgetId", initialFormula: "initialFormula", initialOutputVariableName: "initialOutputVariableName", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "ckTypeSelectorInput", first: true, predicate: ["ckTypeSelector"], descendants: true }, { propertyName: "entitySelectorInput", first: true, predicate: ["entitySelector"], descendants: true }, { propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: KpiConfigDialogComponent, isStandalone: true, selector: "mm-kpi-config-dialog", inputs: { initialCkTypeId: "initialCkTypeId", initialRtId: "initialRtId", initialValueAttribute: "initialValueAttribute", initialLabelAttribute: "initialLabelAttribute", initialPrefix: "initialPrefix", initialSuffix: "initialSuffix", initialTrend: "initialTrend", initialComparisonText: "initialComparisonText", initialDecimalPlaces: "initialDecimalPlaces", initialDataSourceType: "initialDataSourceType", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialQueryMode: "initialQueryMode", initialQueryValueField: "initialQueryValueField", initialQueryCategoryField: "initialQueryCategoryField", initialQueryCategoryValue: "initialQueryCategoryValue", initialStaticValue: "initialStaticValue", initialWidgetId: "initialWidgetId", initialFormula: "initialFormula", initialOutputVariableName: "initialOutputVariableName", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "ckTypeSelectorInput", first: true, predicate: ["ckTypeSelector"], descendants: true }, { propertyName: "entitySelectorInput", first: true, predicate: ["entitySelector"], descendants: true }, { propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
     <div class="config-container">
 
       <div class="config-form" [class.loading]="isLoadingInitial">
@@ -7871,6 +7922,19 @@ class KpiConfigDialogComponent {
             <kendo-textbox [(ngModel)]="form.comparisonText" placeholder="e.g. +3,1% vs. last week"></kendo-textbox>
             <p class="section-hint">Displayed below the value in the trend color. Supports {{ variableSyntaxHint }}</p>
           </div>
+          <div class="form-field">
+            <label>Decimal Places</label>
+            <kendo-numerictextbox
+              [(ngModel)]="form.decimalPlaces"
+              [min]="0"
+              [max]="maxDecimalPlaces"
+              [step]="1"
+              [decimals]="0"
+              format="n0"
+              placeholder="Automatic">
+            </kendo-numerictextbox>
+            <p class="section-hint">Fixed number of decimal places for numeric values (0-3). Leave empty for automatic (two for a fractional value, none for a whole number).</p>
+          </div>
         </div>
 
         <!-- Filters Section -->
@@ -7900,7 +7964,7 @@ class KpiConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.disabled{opacity:.6}.form-field.flex-1{flex:1}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.form-section h4{margin:0 0 16px;font-size:.95rem;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-row{display:flex;gap:16px}.mode-toggle{display:flex;gap:8px}.mode-toggle button{flex:1}.attribute-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.attribute-path{flex:1}.attribute-type{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d);background:var(--kendo-color-surface-alt, #f8f9fa);padding:2px 6px;border-radius:3px}.required{color:var(--kendo-color-error, #dc3545)}.field-error{margin:0;font-size:.8rem;color:var(--kendo-color-error, #dc3545)}.variable-list{display:flex;flex-wrap:wrap;gap:4px}.variable-source{color:var(--kendo-color-subtle, #6c757d)}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i4.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.disabled{opacity:.6}.form-field.flex-1{flex:1}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.form-section h4{margin:0 0 16px;font-size:.95rem;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-row{display:flex;gap:16px}.mode-toggle{display:flex;gap:8px}.mode-toggle button{flex:1}.attribute-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.attribute-path{flex:1}.attribute-type{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d);background:var(--kendo-color-surface-alt, #f8f9fa);padding:2px 6px;border-radius:3px}.required{color:var(--kendo-color-error, #dc3545)}.field-error{margin:0;font-size:.8rem;color:var(--kendo-color-error, #dc3545)}.variable-list{display:flex;flex-wrap:wrap;gap:4px}.variable-source{color:var(--kendo-color-subtle, #6c757d)}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i4.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: KpiConfigDialogComponent, decorators: [{
             type: Component,
@@ -8330,6 +8394,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
             <kendo-textbox [(ngModel)]="form.comparisonText" placeholder="e.g. +3,1% vs. last week"></kendo-textbox>
             <p class="section-hint">Displayed below the value in the trend color. Supports {{ variableSyntaxHint }}</p>
           </div>
+          <div class="form-field">
+            <label>Decimal Places</label>
+            <kendo-numerictextbox
+              [(ngModel)]="form.decimalPlaces"
+              [min]="0"
+              [max]="maxDecimalPlaces"
+              [step]="1"
+              [decimals]="0"
+              format="n0"
+              placeholder="Automatic">
+            </kendo-numerictextbox>
+            <p class="section-hint">Fixed number of decimal places for numeric values (0-3). Leave empty for automatic (two for a fractional value, none for a whole number).</p>
+          </div>
         </div>
 
         <!-- Filters Section -->
@@ -8385,6 +8462,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 type: Input
             }], initialComparisonText: [{
                 type: Input
+            }], initialDecimalPlaces: [{
+                type: Input
             }], initialDataSourceType: [{
                 type: Input
             }], initialQueryRtId: [{
@@ -17840,10 +17919,7 @@ class HeatmapWidgetComponent {
         if (this.config.compactNumbers) {
             return this.formatSI(displayValue, decimals);
         }
-        return displayValue.toLocaleString('de-AT', {
-            minimumFractionDigits: 0,
-            maximumFractionDigits: decimals
-        });
+        return formatWidgetNumber(displayValue, decimals, 'maximum');
     }
     /**
      * Formats a number using SI prefixes (k, M, G, T).
@@ -17860,16 +17936,10 @@ class HeatmapWidgetComponent {
         for (const [threshold, prefix] of siPrefixes) {
             if (abs >= threshold) {
                 const scaled = value / threshold;
-                return scaled.toLocaleString('de-AT', {
-                    minimumFractionDigits: 0,
-                    maximumFractionDigits: decimals
-                }) + prefix;
+                return formatWidgetNumber(scaled, decimals, 'maximum') + prefix;
             }
         }
-        return value.toLocaleString('de-AT', {
-            minimumFractionDigits: 0,
-            maximumFractionDigits: decimals
-        });
+        return formatWidgetNumber(value, decimals, 'maximum');
     }
     cellLabelContent = (e) => {
         if (e.value === 0)
@@ -21005,7 +21075,8 @@ class WidgetGroupComponent {
             prefix: staticConfig?.prefix,
             suffix: staticConfig?.suffix,
             trend: staticConfig?.trend,
-            icon: staticConfig?.icon
+            icon: staticConfig?.icon,
+            decimalPlaces: normalizeKpiDecimalPlaces(staticConfig?.decimalPlaces)
         };
     }
     /**
@@ -21138,6 +21209,9 @@ class WidgetGroupConfigDialogComponent {
     initialMinChildWidth;
     initialGap;
     initialEmptyMessage;
+    get maxDecimalPlaces() {
+        return KPI_MAX_DECIMAL_PLACES;
+    }
     // Data source mode
     dataSourceMode = 'persistentQuery';
     // Query mode state
@@ -21160,6 +21234,7 @@ class WidgetGroupConfigDialogComponent {
         valueAttribute: '',
         prefix: '',
         suffix: '',
+        decimalPlaces: null,
         gaugeType: 'arc',
         gaugeMin: 0,
         gaugeMax: 100,
@@ -21229,6 +21304,8 @@ class WidgetGroupConfigDialogComponent {
                     this.form.prefix = staticConfig.prefix ?? '';
                 if ('suffix' in staticConfig)
                     this.form.suffix = staticConfig.suffix ?? '';
+                if ('decimalPlaces' in staticConfig)
+                    this.form.decimalPlaces = normalizeKpiDecimalPlaces(staticConfig.decimalPlaces) ?? null;
                 if ('gaugeType' in staticConfig)
                     this.form.gaugeType = staticConfig.gaugeType ?? 'arc';
                 if ('min' in staticConfig)
@@ -21448,7 +21525,8 @@ class WidgetGroupConfigDialogComponent {
             case 'kpi':
                 return {
                     prefix: this.form.prefix || undefined,
-                    suffix: this.form.suffix || undefined
+                    suffix: this.form.suffix || undefined,
+                    decimalPlaces: normalizeKpiDecimalPlaces(this.form.decimalPlaces)
                 };
             case 'gauge':
                 return {
@@ -21675,6 +21753,19 @@ class WidgetGroupConfigDialogComponent {
                 </kendo-textbox>
               </div>
             </div>
+            <div class="form-field">
+              <label>Decimal Places</label>
+              <kendo-numerictextbox
+                [(ngModel)]="form.decimalPlaces"
+                [min]="0"
+                [max]="maxDecimalPlaces"
+                [step]="1"
+                [decimals]="0"
+                format="n0"
+                placeholder="Automatic">
+              </kendo-numerictextbox>
+              <p class="field-hint">Fixed number of decimal places for numeric values (0-3). Leave empty for automatic (two for a fractional value, none for a whole number).</p>
+            </div>
           }
         </div>
 
@@ -22009,6 +22100,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 </kendo-textbox>
               </div>
             </div>
+            <div class="form-field">
+              <label>Decimal Places</label>
+              <kendo-numerictextbox
+                [(ngModel)]="form.decimalPlaces"
+                [min]="0"
+                [max]="maxDecimalPlaces"
+                [step]="1"
+                [decimals]="0"
+                format="n0"
+                placeholder="Automatic">
+              </kendo-numerictextbox>
+              <p class="field-hint">Fixed number of decimal places for numeric values (0-3). Leave empty for automatic (two for a fractional value, none for a whole number).</p>
+            </div>
           }
         </div>
 
@@ -29796,6 +29900,27 @@ function createDefaultPersistentQueryDataSource() {
  * Registers all built-in widget types with the registry.
  * Called during app initialization.
  */
+function kpiDisplayFieldsFromResult(result) {
+    return {
+        outputVariableName: result.outputVariableName,
+        prefix: result.prefix,
+        suffix: result.suffix,
+        trend: result.trend,
+        comparisonText: result.comparisonText,
+        decimalPlaces: result.decimalPlaces
+    };
+}
+function kpiDisplayFieldsFromPersisted(config) {
+    return {
+        prefix: config['prefix'],
+        suffix: config['suffix'],
+        icon: config['icon'],
+        trend: config['trend'],
+        comparisonText: config['comparisonText'],
+        outputVariableName: config['outputVariableName'],
+        decimalPlaces: normalizeKpiDecimalPlaces(config['decimalPlaces'])
+    };
+}
 function registerDefaultWidgets(registry) {
     // Entity Card Widget
     registry.registerWidget({
@@ -29915,6 +30040,7 @@ function registerDefaultWidgets(registry) {
                 initialSuffix: kpiWidget.suffix,
                 initialTrend: kpiWidget.trend,
                 initialComparisonText: kpiWidget.comparisonText,
+                initialDecimalPlaces: normalizeKpiDecimalPlaces(kpiWidget.decimalPlaces),
                 // Filters
                 initialFilters: kpiWidget.filters
             };
@@ -29932,7 +30058,6 @@ function registerDefaultWidgets(registry) {
                     dataSource: { type: 'static' },
                     valueMode: 'formula',
                     formula: result.formula,
-                    outputVariableName: result.outputVariableName,
                     valueAttribute: '',
                     staticValue: undefined,
                     labelAttribute: undefined,
@@ -29940,10 +30065,7 @@ function registerDefaultWidgets(registry) {
                     queryValueField: undefined,
                     queryCategoryField: undefined,
                     queryCategoryValue: undefined,
-                    prefix: result.prefix,
-                    suffix: result.suffix,
-                    trend: result.trend,
-                    comparisonText: result.comparisonText,
+                    ...kpiDisplayFieldsFromResult(result),
                     filters: undefined
                 };
             }
@@ -29952,7 +30074,6 @@ function registerDefaultWidgets(registry) {
                     ...widget,
                     valueMode: undefined,
                     formula: undefined,
-                    outputVariableName: result.outputVariableName,
                     dataSource: { type: 'static' },
                     valueAttribute: '',
                     staticValue: result.staticValue,
@@ -29961,10 +30082,7 @@ function registerDefaultWidgets(registry) {
                     queryValueField: undefined,
                     queryCategoryField: undefined,
                     queryCategoryValue: undefined,
-                    prefix: result.prefix,
-                    suffix: result.suffix,
-                    trend: result.trend,
-                    comparisonText: result.comparisonText,
+                    ...kpiDisplayFieldsFromResult(result),
                     filters: undefined
                 };
             }
@@ -29982,7 +30100,6 @@ function registerDefaultWidgets(registry) {
                     ...widget,
                     valueMode: undefined,
                     formula: undefined,
-                    outputVariableName: result.outputVariableName,
                     dataSource,
                     valueAttribute: '',
                     staticValue: undefined,
@@ -29990,10 +30107,7 @@ function registerDefaultWidgets(registry) {
                     queryValueField: result.queryValueField,
                     queryCategoryField: result.queryCategoryField,
                     queryCategoryValue: result.queryCategoryValue,
-                    prefix: result.prefix,
-                    suffix: result.suffix,
-                    trend: result.trend,
-                    comparisonText: result.comparisonText,
+                    ...kpiDisplayFieldsFromResult(result),
                     filters
                 };
             }
@@ -30003,7 +30117,6 @@ function registerDefaultWidgets(registry) {
                     ...widget,
                     valueMode: undefined,
                     formula: undefined,
-                    outputVariableName: result.outputVariableName,
                     dataSource: createDataSource(result, false),
                     valueAttribute: result.valueAttribute,
                     labelAttribute: result.labelAttribute,
@@ -30012,10 +30125,7 @@ function registerDefaultWidgets(registry) {
                     queryValueField: undefined,
                     queryCategoryField: undefined,
                     queryCategoryValue: undefined,
-                    prefix: result.prefix,
-                    suffix: result.suffix,
-                    trend: result.trend,
-                    comparisonText: result.comparisonText,
+                    ...kpiDisplayFieldsFromResult(result),
                     filters
                 };
             }
@@ -30048,6 +30158,7 @@ function registerDefaultWidgets(registry) {
                     icon: widget.icon,
                     trend: widget.trend,
                     comparisonText: widget.comparisonText,
+                    decimalPlaces: widget.decimalPlaces,
                     staticValue: widget.staticValue,
                     valueMode: widget.valueMode,
                     formula: widget.formula,
@@ -30088,12 +30199,7 @@ function registerDefaultWidgets(registry) {
                     staticValue: config['staticValue'],
                     valueMode: config['valueMode'] === 'formula' ? 'formula' : undefined,
                     formula: config['formula'],
-                    prefix: config['prefix'],
-                    suffix: config['suffix'],
-                    icon: config['icon'],
-                    trend: config['trend'],
-                    comparisonText: config['comparisonText'],
-                    outputVariableName: config['outputVariableName']
+                    ...kpiDisplayFieldsFromPersisted(config)
                 };
             }
             if (dataSource.type === 'persistentQuery') {
@@ -30108,12 +30214,7 @@ function registerDefaultWidgets(registry) {
                     queryCategoryField: config['queryCategoryField'],
                     queryCategoryValue: config['queryCategoryValue'],
                     valueMultiplier: config['valueMultiplier'],
-                    prefix: config['prefix'],
-                    suffix: config['suffix'],
-                    icon: config['icon'],
-                    trend: config['trend'],
-                    comparisonText: config['comparisonText'],
-                    outputVariableName: config['outputVariableName'],
+                    ...kpiDisplayFieldsFromPersisted(config),
                     filters: config['filters']
                 };
             }
@@ -30124,12 +30225,7 @@ function registerDefaultWidgets(registry) {
                 dataSource: dataSource,
                 valueAttribute: config['valueAttribute'] ?? '_count',
                 labelAttribute: config['labelAttribute'],
-                prefix: config['prefix'],
-                suffix: config['suffix'],
-                icon: config['icon'],
-                trend: config['trend'],
-                comparisonText: config['comparisonText'],
-                outputVariableName: config['outputVariableName'],
+                ...kpiDisplayFieldsFromPersisted(config),
                 filters: config['filters']
             };
         }