npm - @conduction/nextcloud-vue - Versions diffs - 2.83.0 → 2.85.0 - Mend

@conduction/nextcloud-vue 2.83.0 → 2.85.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (246) hide show

package/dist/esm/components/CnDeltaWidget/CnDeltaWidget.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import script from './CnDeltaWidget.vue2.js';
 import { render } from './CnDeltaWidget.vue3.js';
 script.render = render;
-script.__scopeId = "data-v-66680dc6";
+script.__scopeId = "data-v-ee481872";
 const __sfc_main = script;
 export { __sfc_main as default };

package/dist/esm/components/CnDeltaWidget/CnDeltaWidget.vue2.js CHANGED Viewed

@@ -457,7 +457,7 @@ var script = {
 		 * @return {string} The formatted string.
 		 */
 		formatNumber(value) {
-			return formatMetricValue(value, this.resolvedFormat, unwrapAppConfig(this.cnAppConfig))
+			return formatMetricValue(value, this.resolvedFormat, unwrapAppConfig(this.cnAppConfig), null, this.effectiveTranslate)
 		},
 		/**

package/dist/esm/components/CnDeltaWidget/CnDeltaWidget.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CnDeltaWidget.vue2.js","sources":["../../../../src/components/CnDeltaWidget/CnDeltaWidget.vue"],"sourcesContent":["<!--\n SPDX-FileCopyrightText: 2026 Conduction B.V.\n SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<component\n\t\t:is=\"linkTag\"\n\t\tclass=\"cn-kpi-card cn-delta-widget\"\n\t\t:class=\"[\n\t\t\t{ 'cn-kpi-card--clickable': isLinked, 'cn-delta-widget--linked': isLinked },\n\t\t\t'cn-kpi-card--' + cardLayout,\n\t\t\tflat ? 'cn-kpi-card--flat' : 'cn-kpi-card--filled',\n\t\t]\"\n\t\tv-bind=\"linkAttrs\">\n\t\t<div\n\t\t\tv-if=\"content.icon\"\n\t\t\tclass=\"cn-kpi-card__icon cn-delta-widget__icon\"\n\t\t\t:style=\"iconCircleStyle\">\n\t\t\t<CnWidgetIcon :name=\"content.icon\" :size=\"24\" />\n\t\t</div>\n\n\t\t<div class=\"cn-kpi-card__body cn-delta-widget__body\">\n\t\t\t<div v-if=\"content.label\" class=\"cn-kpi-card__title cn-delta-widget__label\" :title=\"resolvedLabel\">\n\t\t\t\t{{ resolvedLabel }}\n\t\t\t</div>\n\n\t\t\t<div class=\"cn-kpi-card__value-row cn-delta-widget__value-row\">\n\t\t\t\t<NcLoadingIcon v-if=\"displayLoading\" :size=\"22\" />\n\t\t\t\t<span v-else-if=\"displayError\" class=\"cn-delta-widget__error\" :title=\"displayError\">—</span>\n\t\t\t\t<template v-else>\n\t\t\t\t\t<span class=\"cn-kpi-card__value cn-delta-widget__value\" :style=\"valueStyle\">{{ formattedCurrent }}</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"deltaPct !== null\"\n\t\t\t\t\t\tclass=\"cn-delta-widget__delta\"\n\t\t\t\t\t\t:style=\"{ color: deltaColor }\">\n\t\t\t\t\t\t<component :is=\"deltaIcon\" :size=\"16\" />\n\t\t\t\t\t\t{{ formattedDelta }}\n\t\t\t\t\t</span>\n\t\t\t\t</template>\n\t\t\t</div>\n\n\t\t\t<div v-if=\"!displayLoading && !displayError && content.caption\" class=\"cn-kpi-card__label cn-delta-widget__caption\">\n\t\t\t\t{{ resolvedCaption }}\n\t\t\t</div>\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nimport { NcLoadingIcon } from '@nextcloud/vue'\nimport { inject, ref } from 'vue'\nimport TrendingDown from 'vue-material-design-icons/TrendingDown.vue'\nimport TrendingNeutral from 'vue-material-design-icons/TrendingNeutral.vue'\nimport TrendingUp from 'vue-material-design-icons/TrendingUp.vue'\nimport CnWidgetIcon from '../CnWidgetGrid/CnWidgetIcon.vue'\nimport { getByPath, useEndpointSource } from '../../composables/useEndpointSource.js'\nimport widgetLink from '../../mixins/widgetLink.js'\nimport { resolveObjectTokenContext } from '../../utils/detailObjectContext.js'\nimport { fetchAggregateValue } from '../../utils/fetchAggregate.js'\nimport { formatMetricValue, unwrapAppConfig } from '../../utils/formatMetric.js'\nimport { dropOptionalUnresolved, resolveFilterTokens, resolveFilterValue } from '../../utils/resolveFilterTokens.js'\nimport { STATUS_TEXT_COLORS } from '../../utils/statusColors.js'\n\n// The canonical KPI card, shared with CnStatWidget and CnStatsBlock.\n// Imported here so the tile is styled even when the consuming app pulls in\n// components individually rather than through css/index.css.\nimport '../../css/kpi-card.css'\n\n/*\n CnDeltaWidget — an abstract comparison / delta KPI tile.\n \n Reads TWO scalars from OpenRegister's aggregation `/value` endpoint — a\n * `current` value and a `previous` value — and renders the current value\n * alongside the percentage change between them, with a directional arrow tinted\n * good/bad according to `goodDirection`. Use it for period-over-period KPIs\n * (e.g. \"this month's revenue vs last month\") by combining relative filter\n * tokens (`@monthStart`, `@quarterStart`, …) in each leg's filter. Nothing is\n * hard-coded — every fleet app gets the same editable delta tile (ADR-041).\n \n Resolved by its registry type key `delta`; reference it from a manifest\n * placement `{ id, type: 'delta', content: { label, source, format, ... } }`.\n \n Example content blob:\n * ```js\n * content: {\n * label: 'Revenue (MTD)',\n * icon: 'Cash',\n * format: { style: 'currency', currency: 'EUR', decimals: 0 },\n * source: {\n * register: 'pipelinq', schema: 'lead', metric: 'sum', field: 'value',\n * goodDirection: 'up',\n * current: { filter: { status: 'won', closedAt: { gte: '@monthStart' } } },\n * previous: { filter: { status: 'won', closedAt: { gte: '@monthStart-1mo', lt: '@monthStart' } } },\n * },\n * }\n * ```\n \n ENDPOINT BINDING (Wave 2, #91) — instead of the two OpenRegister legs, the\n * tile can read BOTH values from one app REST payload through the shared\n * `useEndpointSource` engine (token-resolved params, request dedup + TTL\n * cache, `cn:page:refresh` / `cn:widget:refresh` subscription). Exactly ONE\n * of `source` \| `endpointSource` may be configured (validator-enforced).\n * The pipelinq `previousPeriod` overview contract:\n * ```js\n * content: {\n * label: 'Revenue',\n * format: { style: 'currency', currency: 'EUR', decimals: 0 },\n * endpointSource: {\n * url: '/apps/pipelinq/api/analytics/commercial',\n * params: { period: '@workspace.datePreset?' },\n * },\n * valueField: 'revenue', // current value (dot-path)\n * previousField: 'previousPeriod.revenue', // previous value (dot-path)\n * // deltaField: 'revenueDeltaPct', // OR a server-computed percent\n * goodDirection: 'up',\n * }\n * ```\n /\nexport default {\n\tname: 'CnDeltaWidget',\n\n\tcomponents: {\n\t\tNcLoadingIcon,\n\t\tCnWidgetIcon,\n\t\tTrendingUp,\n\t\tTrendingDown,\n\t\tTrendingNeutral,\n\t},\n\n\tmixins: [widgetLink],\n\n\tinject: {\n\t\t/\n\t\t Detail-page object context (`{ objectId, object }`) for `@objectId` /\n\t\t * `@object.<field>` filter tokens. Null off a detail page.\n\t\t /\n\t\tcnObjectContext: { default: null },\n\t\t/\n\t\t v2 slot-grid detail context holder provided by CnPageRenderer —\n\t\t * backfills the object token context where CnDetailPage is not an\n\t\t * ancestor (#91 Wave 3).\n\t\t /\n\t\tcnDetailObjectContext: { default: null },\n\t\t/\n\t\t Page-level workspace context (a reactive `{ <key>: value }` map)\n\t\t * provided by CnDashboardPage. Drives `@workspace.<param>` token\n\t\t * resolution — e.g. the date-range pills publish `dateFrom` / `dateTo`,\n\t\t * so a leg filter can scope to the picked window.\n\t\t /\n\t\tcnWorkspaceContext: { default: () => ({}) },\n\t\t/\n\t\t Page-level app config map (reactive `{ <key>: value }`) provided by\n\t\t * CnDashboardPage / CnDetailPage. Resolves `@config.<key>` tokens in the\n\t\t * `format.currency` / `format.prefix` / `format.suffix` strings (e.g. the\n\t\t * reporting currency captured by the setup wizard). Defaults to `{}`.\n\t\t /\n\t\tcnAppConfig: { default: () => ({}) },\n\t\t/\n\t\t Host translate function provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). The\n\t\t * manifest-authored `content.label` / `content.caption` are run\n\t\t * through it, exactly as CnStatWidget does. Defaults to an identity\n\t\t * function so an untranslated key renders as itself.\n\t\t /\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/\n\t\t The widget's persisted configuration blob. An optional `route`\n\t\t * (vue-router location), `clickRoute` (Wave-2 alias), or `link`\n\t\t * (external href) turns the whole tile into a click-through target\n\t\t * (see the widgetLink mixin).\n\t\t \n\t\t Wave 2 (#91): `endpointSource` (`{ url, method?, params?,\n\t\t * responsePath? }`) reads BOTH legs from one app REST payload —\n\t\t * `valueField` plucks the current value, `previousField` the previous\n\t\t * value (the delta percent is computed client-side), or `deltaField`\n\t\t * supplies a server-computed percent directly. Exactly one of\n\t\t * `source` \| `endpointSource`. `goodDirection` moves to the content\n\t\t * top level in endpoint mode (`source.goodDirection` still wins for\n\t\t * the OpenRegister form).\n\t\t \n\t\t @type {{label?: string, icon?: string, iconColor?: string, caption?: string, route?: (object\|string), clickRoute?: (object\|string), link?: string, format?: {style?: string, currency?: string, decimals?: number, prefix?: string, suffix?: string}, source?: {register?: string, schema?: string, metric?: string, field?: string, goodDirection?: ('up'\|'down'), current?: {filter?: object}, previous?: {filter?: object}}, endpointSource?: {url: string, method?: string, params?: object, responsePath?: string}, valueField?: string, previousField?: string, deltaField?: string, goodDirection?: ('up'\|'down')}}\n\t\t /\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/\n\t\t Translate function. Falls back to the injected `cnTranslate`\n\t\t * (itself an identity function by default). Provide explicitly when\n\t\t * mounting CnDeltaWidget outside a CnAppRoot ancestor.\n\t\t \n\t\t @type {((key: string) => string)\|null}\n\t\t /\n\t\ttranslate: {\n\t\t\ttype: Function,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tsetup(props) {\n\t\t// Endpoint binding (Wave 2): the shared useEndpointSource engine owns\n\t\t// token resolution, request dedup + TTL caching, and the\n\t\t// cn:page:refresh / cn:widget:refresh subscriptions. No-op while\n\t\t// `content.endpointSource` is absent, so the two-leg OpenRegister\n\t\t// path below is untouched. Injects re-read in setup (same resolution\n\t\t// as the Options `inject` block — the CnChartWidget precedent).\n\t\tconst objectCtxRaw = inject('cnObjectContext', null)\n\t\tconst detailCtxRaw = inject('cnDetailObjectContext', null)\n\t\tconst workspaceRaw = inject('cnWorkspaceContext', ref({}))\n\t\tconst appConfigRaw = inject('cnAppConfig', ref({}))\n\t\tconst unwrap = (v) => ((v && typeof v === 'object' && 'value' in v) ? v.value : v)\n\t\tconst { data, loading, error, refetch } = useEndpointSource(\n\t\t\t() => (props.content && props.content.endpointSource) \|\| null,\n\t\t\t{\n\t\t\t\tctx: () => ({\n\t\t\t\t\t...(resolveObjectTokenContext(objectCtxRaw, detailCtxRaw) \|\| {}),\n\t\t\t\t\tworkspace: unwrap(workspaceRaw) \|\| {},\n\t\t\t\t\tconfig: unwrap(appConfigRaw) \|\| {},\n\t\t\t\t}),\n\t\t\t},\n\t\t)\n\t\treturn { epData: data, epLoading: loading, epError: error, epRefetch: refetch }\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tcurrent: null,\n\t\t\tprevious: null,\n\t\t\tloading: false,\n\t\t\terror: '',\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t Effective translate function: the explicit `translate` prop when\n\t\t * given, else the injected `cnTranslate` (identity by default).\n\t\t \n\t\t @return {(key: string) => string}\n\t\t /\n\t\teffectiveTranslate() {\n\t\t\treturn this.translate ?? this.cnTranslate\n\t\t},\n\n\t\t/\n\t\t The tile label, run through the host translate function so a\n\t\t * manifest-authored source string localises to the user's language.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tresolvedLabel() {\n\t\t\tconst label = this.content.label\n\t\t\treturn label ? this.effectiveTranslate(label) : ''\n\t\t},\n\n\t\t/\n\t\t The tile caption, run through the host translate function.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tresolvedCaption() {\n\t\t\tconst caption = this.content.caption\n\t\t\treturn caption ? this.effectiveTranslate(caption) : ''\n\t\t},\n\n\t\t/\n\t\t The unwrapped page-level app config map for `@config.` token\n\t\t resolution. Always an object (defaults to `{}`).\n\t\t \n\t\t @return {object}\n\t\t /\n\t\tconfigCtx() {\n\t\t\tconst c = this.cnAppConfig\n\t\t\tconst unwrapped = (c && typeof c === 'object' && 'value' in c) ? c.value : c\n\t\t\treturn (unwrapped && typeof unwrapped === 'object') ? unwrapped : {}\n\t\t},\n\n\t\t/\n\t\t The `content.format` spec with its `currency` / `prefix` / `suffix`\n\t\t * `@config.<key>` tokens resolved against the page-level app config. A\n\t\t * required token that stays unset is dropped so the downstream default\n\t\t * applies (EUR for currency, empty for prefix/suffix) rather than being\n\t\t * passed to `Intl.NumberFormat` as a literal `@config.…` (which throws).\n\t\t \n\t\t @return {object} The resolved format spec.\n\t\t /\n\t\tresolvedFormat() {\n\t\t\tconst fmt = this.content.format \|\| {}\n\t\t\tconst ctx = { config: this.configCtx }\n\t\t\tconst out = { ...fmt }\n\t\t\tfor (const key of ['currency', 'prefix', 'suffix']) {\n\t\t\t\tconst raw = fmt[key]\n\t\t\t\tif (typeof raw !== 'string' \|\| raw.charAt(0) !== '@') {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst resolved = resolveFilterValue(raw, ctx)\n\t\t\t\tout[key] = (typeof resolved === 'string' && resolved.charAt(0) === '@') ? undefined : resolved\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\n\t\t/* Inline style for the icon circle (tinted with iconColor). /\n\t\ticonCircleStyle() {\n\t\t\tconst color = this.content.iconColor \|\| this.content.valueColor \|\| 'var(--color-primary-element)'\n\t\t\treturn { color, backgroundColor: this.tint(color) }\n\t\t},\n\n\t\t/\n\t\t Card orientation. Horizontal (icon beside the number) is the\n\t\t * canonical KPI card; `content.layout: 'vertical'` stacks the icon\n\t\t * above a centred number.\n\t\t \n\t\t @return {'horizontal'\|'vertical'}\n\t\t /\n\t\tcardLayout() {\n\t\t\treturn (this.content \|\| {}).layout === 'vertical' ? 'vertical' : 'horizontal'\n\t\t},\n\n\t\t/\n\t\t Whether the card draws no box of its own. On by default — the tile\n\t\t * is rendered inside a CnWidgetWrapper that already draws a card.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tflat() {\n\t\t\treturn (this.content \|\| {}).flat !== false\n\t\t},\n\n\t\t/* Inline colour for the value, when the tile names one. /\n\t\tvalueStyle() {\n\t\t\treturn this.content.valueColor ? { color: this.content.valueColor } : {}\n\t\t},\n\n\t\t/\n\t\t Whether the tile is endpoint-bound (Wave 2): a `content.endpointSource`\n\t\t * with a `url` reads both legs from one shared payload instead of the\n\t\t * two OpenRegister aggregation legs. Exactly one of `source` \|\n\t\t * `endpointSource` is allowed (validator-enforced); endpointSource\n\t\t * wins when both slip through.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tendpointMode() {\n\t\t\tconst es = this.content.endpointSource\n\t\t\treturn !!(es && es.url)\n\t\t},\n\n\t\t/\n\t\t The current value for the active source: the payload value at\n\t\t * `content.valueField` in endpoint mode, else the OpenRegister\n\t\t * `current` leg.\n\t\t \n\t\t @return {number\|string\|null}\n\t\t /\n\t\teffectiveCurrent() {\n\t\t\tif (!this.endpointMode) {\n\t\t\t\treturn this.current\n\t\t\t}\n\t\t\tconst v = getByPath(this.epData, this.content.valueField)\n\t\t\treturn v === undefined ? null : v\n\t\t},\n\n\t\t/\n\t\t The previous value for the active source: the payload value at\n\t\t * `content.previousField` in endpoint mode, else the OpenRegister\n\t\t * `previous` leg.\n\t\t \n\t\t @return {number\|string\|null}\n\t\t /\n\t\teffectivePrevious() {\n\t\t\tif (!this.endpointMode) {\n\t\t\t\treturn this.previous\n\t\t\t}\n\t\t\tconst v = getByPath(this.epData, this.content.previousField)\n\t\t\treturn v === undefined ? null : v\n\t\t},\n\n\t\t/\n\t\t Loading state for the active source (endpoint or OpenRegister).\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tdisplayLoading() {\n\t\t\treturn this.endpointMode ? this.epLoading : this.loading\n\t\t},\n\n\t\t/\n\t\t Error message for the active source ('' = none).\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tdisplayError() {\n\t\t\treturn this.endpointMode ? this.epError : this.error\n\t\t},\n\n\t\t/* The current value, number-formatted per content.format. /\n\t\tformattedCurrent() {\n\t\t\treturn this.formatNumber(this.effectiveCurrent)\n\t\t},\n\n\t\t/\n\t\t Percentage change current vs previous, or null when not computable.\n\t\t * In endpoint mode a `content.deltaField` (a server-computed percent\n\t\t * plucked from the payload) wins over the client-side computation.\n\t\t /\n\t\tdeltaPct() {\n\t\t\tif (this.endpointMode && this.content.deltaField) {\n\t\t\t\tconst v = Number(getByPath(this.epData, this.content.deltaField))\n\t\t\t\treturn Number.isFinite(v) ? v : null\n\t\t\t}\n\t\t\tconst prev = Number(this.effectivePrevious)\n\t\t\tconst cur = Number(this.effectiveCurrent)\n\t\t\tif (!Number.isFinite(prev) \|\| prev === 0 \|\| !Number.isFinite(cur)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn ((cur - prev) / Math.abs(prev)) 100\n\t\t},\n\n\t\t/** The signed percentage, e.g. \"+12.3%\". /\n\t\tformattedDelta() {\n\t\t\tif (this.deltaPct === null) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst sign = this.deltaPct > 0 ? '+' : ''\n\t\t\treturn `${sign}${this.deltaPct.toFixed(1)}%`\n\t\t},\n\n\t\t/* The arrow component for the delta direction. /\n\t\tdeltaIcon() {\n\t\t\tif (this.deltaPct === null \|\| Math.abs(this.deltaPct) < 0.05) {\n\t\t\t\treturn 'TrendingNeutral'\n\t\t\t}\n\t\t\treturn this.deltaPct > 0 ? 'TrendingUp' : 'TrendingDown'\n\t\t},\n\n\t\t/\n\t\t Green when the change is in the configured good direction, else red.\n\t\t * `source.goodDirection` (the OpenRegister form) wins; endpoint-bound\n\t\t * tiles declare `content.goodDirection` at the top level.\n\t\t /\n\t\tdeltaColor() {\n\t\t\tif (this.deltaPct === null \|\| Math.abs(this.deltaPct) < 0.05) {\n\t\t\t\treturn 'var(--color-text-maxcontrast)'\n\t\t\t}\n\t\t\tconst good = (this.content.source && this.content.source.goodDirection)\n\t\t\t\t\|\| this.content.goodDirection \|\| 'up'\n\t\t\tconst rising = this.deltaPct > 0\n\t\t\tconst isGood = good === 'up' ? rising : !rising\n\t\t\treturn isGood ? STATUS_TEXT_COLORS.success : STATUS_TEXT_COLORS.error\n\t\t},\n\n\t\t/* Stable signature so the watcher only refetches on real change. /\n\t\tsourceKey() {\n\t\t\treturn JSON.stringify(this.content.source \|\| {})\n\t\t},\n\n\t\t/* Merged detail-page object context (`{ objectId, object, register, schema }`) or null — both detail-surface injects (#91 Wave 3). /\n\t\tobjectCtx() {\n\t\t\treturn resolveObjectTokenContext(this.cnObjectContext, this.cnDetailObjectContext)\n\t\t},\n\n\t\t/* Unwrapped page-level workspace context map (always an object). /\n\t\tpageCtx() {\n\t\t\tconst c = this.cnWorkspaceContext\n\t\t\tconst v = (c && typeof c === 'object' && 'value' in c) ? c.value : c\n\t\t\treturn v \|\| {}\n\t\t},\n\n\t\t/* Workspace signature so the widget refetches when the date window changes. /\n\t\tworkspaceKey() {\n\t\t\treturn JSON.stringify(this.pageCtx \|\| {})\n\t\t},\n\t},\n\n\twatch: {\n\t\tsourceKey() {\n\t\t\tthis.fetchValues()\n\t\t},\n\n\t\tworkspaceKey() {\n\t\t\tthis.fetchValues()\n\t\t},\n\t},\n\n\tmounted() {\n\t\tthis.fetchValues()\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Derive a faint background tint for the icon circle from a colour.\n\t\t \n\t\t @param {string} color The base colour (hex or CSS var).\n\t\t * @return {string} A translucent or token background.\n\t\t /\n\t\ttint(color) {\n\t\t\tif (typeof color === 'string' && /^#([0-9a-f]{6})$/i.test(color)) {\n\t\t\t\treturn color + '1f'\n\t\t\t}\n\t\t\treturn 'var(--color-primary-element-light, rgba(0,130,201,0.1))'\n\t\t},\n\n\t\t/\n\t\t Format a number per the content.format spec (number/currency/percent).\n\t\t \n\t\t @param {number\|string\|null} value The raw value.\n\t\t * @return {string} The formatted string.\n\t\t /\n\t\tformatNumber(value) {\n\t\t\treturn formatMetricValue(value, this.resolvedFormat, unwrapAppConfig(this.cnAppConfig))\n\t\t},\n\n\t\t/\n\t\t Fetch the current and previous aggregates from OpenRegister.\n\t\t \n\t\t @return {Promise<void>}\n\t\t /\n\t\tasync fetchValues() {\n\t\t\t// Endpoint-bound tiles are fetched by the shared useEndpointSource\n\t\t\t// engine (see setup) — the two-leg OpenRegister path must not fire.\n\t\t\tif (this.endpointMode) {\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t\tthis.error = ''\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst s = this.content.source \|\| {}\n\t\t\tif (!s.register \|\| !s.schema) {\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t\tthis.error = ''\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\tthis.error = ''\n\t\t\ttry {\n\t\t\t\tconst base = { register: s.register, schema: s.schema, metric: s.metric, field: s.field }\n\t\t\t\t// Resolve `@workspace.` (date-range pills) / `@objectId` / `@object.`\n\t\t\t\t// per leg, then drop any optional `@workspace.<key>?` that stayed\n\t\t\t\t// unresolved (an unset window) so the leg falls back to its base\n\t\t\t\t// scope instead of sending a literal token. fetchAggregateValue does\n\t\t\t\t// NOT drop optional tokens itself, so we pre-resolve here.\n\t\t\t\tconst ctx = { ...(this.objectCtx \|\| {}), workspace: this.pageCtx }\n\t\t\t\tconst curFilter = dropOptionalUnresolved(resolveFilterTokens((s.current && s.current.filter) \|\| {}, ctx))\n\t\t\t\tconst prevFilter = dropOptionalUnresolved(resolveFilterTokens((s.previous && s.previous.filter) \|\| {}, ctx))\n\t\t\t\tconst [cur, prev] = await Promise.all([\n\t\t\t\t\tfetchAggregateValue({ ...base, filter: curFilter }, ctx),\n\t\t\t\t\tfetchAggregateValue({ ...base, filter: prevFilter }, ctx),\n\t\t\t\t])\n\t\t\t\tthis.current = cur\n\t\t\t\tthis.previous = prev\n\t\t\t} catch (e) {\n\t\t\t\tthis.error = (e && e.message) \|\| 'error'\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n/\n * The card itself — its box, body stack, icon circle, title and value\n * typography — is the CANONICAL KPI card in src/css/kpi-card.css, shared with\n * CnStatWidget and CnStatsBlock. This tile is the one the canonical look was\n * modelled on, and it used to draw that look from its OWN copy of the rules\n * here: a 44px circle, a 16px gap, a 1.8em value. That copy is exactly how a\n * \"canonical\" card ends up with a second definition, so it is gone. What is\n * left is only what belongs to THIS widget: the delta chip and the error glyph.\n /\n\n/ The percentage-change chip beside the value. Tinted good/bad at runtime from\n * `goodDirection`, so the colour is an inline style, not a class. /\n.cn-delta-widget__delta {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 2px;\n\tfont-size: var(--cn-kpi-label-size, 13px);\n\tfont-weight: var(--cn-kpi-title-weight, 600);\n}\n\n/ The dash shown when the number could not be fetched. It stands where the\n * value stands, so it takes the value's size and weight — only the colour\n * differs, because a failure is not a number. */\n.cn-delta-widget__error {\n\tfont-size: var(--cn-kpi-value-size, 2rem);\n\tfont-weight: var(--cn-kpi-value-weight, 700);\n\tline-height: var(--cn-kpi-value-line, 1.1);\n\tcolor: var(--cn-kpi-label-color, var(--color-text-maxcontrast));\n}\n</style>\n"],"names":["CnWidgetIcon","TrendingUp"],"mappings":"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"}
1	+ {"version":3,"file":"CnDeltaWidget.vue2.js","sources":["../../../../src/components/CnDeltaWidget/CnDeltaWidget.vue"],"sourcesContent":["<!--\n SPDX-FileCopyrightText: 2026 Conduction B.V.\n SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<component\n\t\t:is=\"linkTag\"\n\t\tclass=\"cn-kpi-card cn-delta-widget\"\n\t\t:class=\"[\n\t\t\t{ 'cn-kpi-card--clickable': isLinked, 'cn-delta-widget--linked': isLinked },\n\t\t\t'cn-kpi-card--' + cardLayout,\n\t\t\tflat ? 'cn-kpi-card--flat' : 'cn-kpi-card--filled',\n\t\t]\"\n\t\tv-bind=\"linkAttrs\">\n\t\t<div\n\t\t\tv-if=\"content.icon\"\n\t\t\tclass=\"cn-kpi-card__icon cn-delta-widget__icon\"\n\t\t\t:style=\"iconCircleStyle\">\n\t\t\t<CnWidgetIcon :name=\"content.icon\" :size=\"24\" />\n\t\t</div>\n\n\t\t<div class=\"cn-kpi-card__body cn-delta-widget__body\">\n\t\t\t<div v-if=\"content.label\" class=\"cn-kpi-card__title cn-delta-widget__label\" :title=\"resolvedLabel\">\n\t\t\t\t{{ resolvedLabel }}\n\t\t\t</div>\n\n\t\t\t<div class=\"cn-kpi-card__value-row cn-delta-widget__value-row\">\n\t\t\t\t<NcLoadingIcon v-if=\"displayLoading\" :size=\"22\" />\n\t\t\t\t<span v-else-if=\"displayError\" class=\"cn-delta-widget__error\" :title=\"displayError\">—</span>\n\t\t\t\t<template v-else>\n\t\t\t\t\t<span class=\"cn-kpi-card__value cn-delta-widget__value\" :style=\"valueStyle\">{{ formattedCurrent }}</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"deltaPct !== null\"\n\t\t\t\t\t\tclass=\"cn-delta-widget__delta\"\n\t\t\t\t\t\t:style=\"{ color: deltaColor }\">\n\t\t\t\t\t\t<component :is=\"deltaIcon\" :size=\"16\" />\n\t\t\t\t\t\t{{ formattedDelta }}\n\t\t\t\t\t</span>\n\t\t\t\t</template>\n\t\t\t</div>\n\n\t\t\t<div v-if=\"!displayLoading && !displayError && content.caption\" class=\"cn-kpi-card__label cn-delta-widget__caption\">\n\t\t\t\t{{ resolvedCaption }}\n\t\t\t</div>\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nimport { NcLoadingIcon } from '@nextcloud/vue'\nimport { inject, ref } from 'vue'\nimport TrendingDown from 'vue-material-design-icons/TrendingDown.vue'\nimport TrendingNeutral from 'vue-material-design-icons/TrendingNeutral.vue'\nimport TrendingUp from 'vue-material-design-icons/TrendingUp.vue'\nimport CnWidgetIcon from '../CnWidgetGrid/CnWidgetIcon.vue'\nimport { getByPath, useEndpointSource } from '../../composables/useEndpointSource.js'\nimport widgetLink from '../../mixins/widgetLink.js'\nimport { resolveObjectTokenContext } from '../../utils/detailObjectContext.js'\nimport { fetchAggregateValue } from '../../utils/fetchAggregate.js'\nimport { formatMetricValue, unwrapAppConfig } from '../../utils/formatMetric.js'\nimport { dropOptionalUnresolved, resolveFilterTokens, resolveFilterValue } from '../../utils/resolveFilterTokens.js'\nimport { STATUS_TEXT_COLORS } from '../../utils/statusColors.js'\n\n// The canonical KPI card, shared with CnStatWidget and CnStatsBlock.\n// Imported here so the tile is styled even when the consuming app pulls in\n// components individually rather than through css/index.css.\nimport '../../css/kpi-card.css'\n\n/*\n CnDeltaWidget — an abstract comparison / delta KPI tile.\n \n Reads TWO scalars from OpenRegister's aggregation `/value` endpoint — a\n * `current` value and a `previous` value — and renders the current value\n * alongside the percentage change between them, with a directional arrow tinted\n * good/bad according to `goodDirection`. Use it for period-over-period KPIs\n * (e.g. \"this month's revenue vs last month\") by combining relative filter\n * tokens (`@monthStart`, `@quarterStart`, …) in each leg's filter. Nothing is\n * hard-coded — every fleet app gets the same editable delta tile (ADR-041).\n \n Resolved by its registry type key `delta`; reference it from a manifest\n * placement `{ id, type: 'delta', content: { label, source, format, ... } }`.\n \n Example content blob:\n * ```js\n * content: {\n * label: 'Revenue (MTD)',\n * icon: 'Cash',\n * format: { style: 'currency', currency: 'EUR', decimals: 0 },\n * source: {\n * register: 'pipelinq', schema: 'lead', metric: 'sum', field: 'value',\n * goodDirection: 'up',\n * current: { filter: { status: 'won', closedAt: { gte: '@monthStart' } } },\n * previous: { filter: { status: 'won', closedAt: { gte: '@monthStart-1mo', lt: '@monthStart' } } },\n * },\n * }\n * ```\n \n ENDPOINT BINDING (Wave 2, #91) — instead of the two OpenRegister legs, the\n * tile can read BOTH values from one app REST payload through the shared\n * `useEndpointSource` engine (token-resolved params, request dedup + TTL\n * cache, `cn:page:refresh` / `cn:widget:refresh` subscription). Exactly ONE\n * of `source` \| `endpointSource` may be configured (validator-enforced).\n * The pipelinq `previousPeriod` overview contract:\n * ```js\n * content: {\n * label: 'Revenue',\n * format: { style: 'currency', currency: 'EUR', decimals: 0 },\n * endpointSource: {\n * url: '/apps/pipelinq/api/analytics/commercial',\n * params: { period: '@workspace.datePreset?' },\n * },\n * valueField: 'revenue', // current value (dot-path)\n * previousField: 'previousPeriod.revenue', // previous value (dot-path)\n * // deltaField: 'revenueDeltaPct', // OR a server-computed percent\n * goodDirection: 'up',\n * }\n * ```\n /\nexport default {\n\tname: 'CnDeltaWidget',\n\n\tcomponents: {\n\t\tNcLoadingIcon,\n\t\tCnWidgetIcon,\n\t\tTrendingUp,\n\t\tTrendingDown,\n\t\tTrendingNeutral,\n\t},\n\n\tmixins: [widgetLink],\n\n\tinject: {\n\t\t/\n\t\t Detail-page object context (`{ objectId, object }`) for `@objectId` /\n\t\t * `@object.<field>` filter tokens. Null off a detail page.\n\t\t /\n\t\tcnObjectContext: { default: null },\n\t\t/\n\t\t v2 slot-grid detail context holder provided by CnPageRenderer —\n\t\t * backfills the object token context where CnDetailPage is not an\n\t\t * ancestor (#91 Wave 3).\n\t\t /\n\t\tcnDetailObjectContext: { default: null },\n\t\t/\n\t\t Page-level workspace context (a reactive `{ <key>: value }` map)\n\t\t * provided by CnDashboardPage. Drives `@workspace.<param>` token\n\t\t * resolution — e.g. the date-range pills publish `dateFrom` / `dateTo`,\n\t\t * so a leg filter can scope to the picked window.\n\t\t /\n\t\tcnWorkspaceContext: { default: () => ({}) },\n\t\t/\n\t\t Page-level app config map (reactive `{ <key>: value }`) provided by\n\t\t * CnDashboardPage / CnDetailPage. Resolves `@config.<key>` tokens in the\n\t\t * `format.currency` / `format.prefix` / `format.suffix` strings (e.g. the\n\t\t * reporting currency captured by the setup wizard). Defaults to `{}`.\n\t\t /\n\t\tcnAppConfig: { default: () => ({}) },\n\t\t/\n\t\t Host translate function provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). The\n\t\t * manifest-authored `content.label` / `content.caption` are run\n\t\t * through it, exactly as CnStatWidget does. Defaults to an identity\n\t\t * function so an untranslated key renders as itself.\n\t\t /\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/\n\t\t The widget's persisted configuration blob. An optional `route`\n\t\t * (vue-router location), `clickRoute` (Wave-2 alias), or `link`\n\t\t * (external href) turns the whole tile into a click-through target\n\t\t * (see the widgetLink mixin).\n\t\t \n\t\t Wave 2 (#91): `endpointSource` (`{ url, method?, params?,\n\t\t * responsePath? }`) reads BOTH legs from one app REST payload —\n\t\t * `valueField` plucks the current value, `previousField` the previous\n\t\t * value (the delta percent is computed client-side), or `deltaField`\n\t\t * supplies a server-computed percent directly. Exactly one of\n\t\t * `source` \| `endpointSource`. `goodDirection` moves to the content\n\t\t * top level in endpoint mode (`source.goodDirection` still wins for\n\t\t * the OpenRegister form).\n\t\t \n\t\t @type {{label?: string, icon?: string, iconColor?: string, caption?: string, route?: (object\|string), clickRoute?: (object\|string), link?: string, format?: {style?: string, currency?: string, decimals?: number, prefix?: string, suffix?: string}, source?: {register?: string, schema?: string, metric?: string, field?: string, goodDirection?: ('up'\|'down'), current?: {filter?: object}, previous?: {filter?: object}}, endpointSource?: {url: string, method?: string, params?: object, responsePath?: string}, valueField?: string, previousField?: string, deltaField?: string, goodDirection?: ('up'\|'down')}}\n\t\t /\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/\n\t\t Translate function. Falls back to the injected `cnTranslate`\n\t\t * (itself an identity function by default). Provide explicitly when\n\t\t * mounting CnDeltaWidget outside a CnAppRoot ancestor.\n\t\t \n\t\t @type {((key: string) => string)\|null}\n\t\t /\n\t\ttranslate: {\n\t\t\ttype: Function,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tsetup(props) {\n\t\t// Endpoint binding (Wave 2): the shared useEndpointSource engine owns\n\t\t// token resolution, request dedup + TTL caching, and the\n\t\t// cn:page:refresh / cn:widget:refresh subscriptions. No-op while\n\t\t// `content.endpointSource` is absent, so the two-leg OpenRegister\n\t\t// path below is untouched. Injects re-read in setup (same resolution\n\t\t// as the Options `inject` block — the CnChartWidget precedent).\n\t\tconst objectCtxRaw = inject('cnObjectContext', null)\n\t\tconst detailCtxRaw = inject('cnDetailObjectContext', null)\n\t\tconst workspaceRaw = inject('cnWorkspaceContext', ref({}))\n\t\tconst appConfigRaw = inject('cnAppConfig', ref({}))\n\t\tconst unwrap = (v) => ((v && typeof v === 'object' && 'value' in v) ? v.value : v)\n\t\tconst { data, loading, error, refetch } = useEndpointSource(\n\t\t\t() => (props.content && props.content.endpointSource) \|\| null,\n\t\t\t{\n\t\t\t\tctx: () => ({\n\t\t\t\t\t...(resolveObjectTokenContext(objectCtxRaw, detailCtxRaw) \|\| {}),\n\t\t\t\t\tworkspace: unwrap(workspaceRaw) \|\| {},\n\t\t\t\t\tconfig: unwrap(appConfigRaw) \|\| {},\n\t\t\t\t}),\n\t\t\t},\n\t\t)\n\t\treturn { epData: data, epLoading: loading, epError: error, epRefetch: refetch }\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tcurrent: null,\n\t\t\tprevious: null,\n\t\t\tloading: false,\n\t\t\terror: '',\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t Effective translate function: the explicit `translate` prop when\n\t\t * given, else the injected `cnTranslate` (identity by default).\n\t\t \n\t\t @return {(key: string) => string}\n\t\t /\n\t\teffectiveTranslate() {\n\t\t\treturn this.translate ?? this.cnTranslate\n\t\t},\n\n\t\t/\n\t\t The tile label, run through the host translate function so a\n\t\t * manifest-authored source string localises to the user's language.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tresolvedLabel() {\n\t\t\tconst label = this.content.label\n\t\t\treturn label ? this.effectiveTranslate(label) : ''\n\t\t},\n\n\t\t/\n\t\t The tile caption, run through the host translate function.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tresolvedCaption() {\n\t\t\tconst caption = this.content.caption\n\t\t\treturn caption ? this.effectiveTranslate(caption) : ''\n\t\t},\n\n\t\t/\n\t\t The unwrapped page-level app config map for `@config.` token\n\t\t resolution. Always an object (defaults to `{}`).\n\t\t \n\t\t @return {object}\n\t\t /\n\t\tconfigCtx() {\n\t\t\tconst c = this.cnAppConfig\n\t\t\tconst unwrapped = (c && typeof c === 'object' && 'value' in c) ? c.value : c\n\t\t\treturn (unwrapped && typeof unwrapped === 'object') ? unwrapped : {}\n\t\t},\n\n\t\t/\n\t\t The `content.format` spec with its `currency` / `prefix` / `suffix`\n\t\t * `@config.<key>` tokens resolved against the page-level app config. A\n\t\t * required token that stays unset is dropped so the downstream default\n\t\t * applies (EUR for currency, empty for prefix/suffix) rather than being\n\t\t * passed to `Intl.NumberFormat` as a literal `@config.…` (which throws).\n\t\t \n\t\t @return {object} The resolved format spec.\n\t\t /\n\t\tresolvedFormat() {\n\t\t\tconst fmt = this.content.format \|\| {}\n\t\t\tconst ctx = { config: this.configCtx }\n\t\t\tconst out = { ...fmt }\n\t\t\tfor (const key of ['currency', 'prefix', 'suffix']) {\n\t\t\t\tconst raw = fmt[key]\n\t\t\t\tif (typeof raw !== 'string' \|\| raw.charAt(0) !== '@') {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst resolved = resolveFilterValue(raw, ctx)\n\t\t\t\tout[key] = (typeof resolved === 'string' && resolved.charAt(0) === '@') ? undefined : resolved\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\n\t\t/* Inline style for the icon circle (tinted with iconColor). /\n\t\ticonCircleStyle() {\n\t\t\tconst color = this.content.iconColor \|\| this.content.valueColor \|\| 'var(--color-primary-element)'\n\t\t\treturn { color, backgroundColor: this.tint(color) }\n\t\t},\n\n\t\t/\n\t\t Card orientation. Horizontal (icon beside the number) is the\n\t\t * canonical KPI card; `content.layout: 'vertical'` stacks the icon\n\t\t * above a centred number.\n\t\t \n\t\t @return {'horizontal'\|'vertical'}\n\t\t /\n\t\tcardLayout() {\n\t\t\treturn (this.content \|\| {}).layout === 'vertical' ? 'vertical' : 'horizontal'\n\t\t},\n\n\t\t/\n\t\t Whether the card draws no box of its own. On by default — the tile\n\t\t * is rendered inside a CnWidgetWrapper that already draws a card.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tflat() {\n\t\t\treturn (this.content \|\| {}).flat !== false\n\t\t},\n\n\t\t/* Inline colour for the value, when the tile names one. /\n\t\tvalueStyle() {\n\t\t\treturn this.content.valueColor ? { color: this.content.valueColor } : {}\n\t\t},\n\n\t\t/\n\t\t Whether the tile is endpoint-bound (Wave 2): a `content.endpointSource`\n\t\t * with a `url` reads both legs from one shared payload instead of the\n\t\t * two OpenRegister aggregation legs. Exactly one of `source` \|\n\t\t * `endpointSource` is allowed (validator-enforced); endpointSource\n\t\t * wins when both slip through.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tendpointMode() {\n\t\t\tconst es = this.content.endpointSource\n\t\t\treturn !!(es && es.url)\n\t\t},\n\n\t\t/\n\t\t The current value for the active source: the payload value at\n\t\t * `content.valueField` in endpoint mode, else the OpenRegister\n\t\t * `current` leg.\n\t\t \n\t\t @return {number\|string\|null}\n\t\t /\n\t\teffectiveCurrent() {\n\t\t\tif (!this.endpointMode) {\n\t\t\t\treturn this.current\n\t\t\t}\n\t\t\tconst v = getByPath(this.epData, this.content.valueField)\n\t\t\treturn v === undefined ? null : v\n\t\t},\n\n\t\t/\n\t\t The previous value for the active source: the payload value at\n\t\t * `content.previousField` in endpoint mode, else the OpenRegister\n\t\t * `previous` leg.\n\t\t \n\t\t @return {number\|string\|null}\n\t\t /\n\t\teffectivePrevious() {\n\t\t\tif (!this.endpointMode) {\n\t\t\t\treturn this.previous\n\t\t\t}\n\t\t\tconst v = getByPath(this.epData, this.content.previousField)\n\t\t\treturn v === undefined ? null : v\n\t\t},\n\n\t\t/\n\t\t Loading state for the active source (endpoint or OpenRegister).\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tdisplayLoading() {\n\t\t\treturn this.endpointMode ? this.epLoading : this.loading\n\t\t},\n\n\t\t/\n\t\t Error message for the active source ('' = none).\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tdisplayError() {\n\t\t\treturn this.endpointMode ? this.epError : this.error\n\t\t},\n\n\t\t/* The current value, number-formatted per content.format. /\n\t\tformattedCurrent() {\n\t\t\treturn this.formatNumber(this.effectiveCurrent)\n\t\t},\n\n\t\t/\n\t\t Percentage change current vs previous, or null when not computable.\n\t\t * In endpoint mode a `content.deltaField` (a server-computed percent\n\t\t * plucked from the payload) wins over the client-side computation.\n\t\t /\n\t\tdeltaPct() {\n\t\t\tif (this.endpointMode && this.content.deltaField) {\n\t\t\t\tconst v = Number(getByPath(this.epData, this.content.deltaField))\n\t\t\t\treturn Number.isFinite(v) ? v : null\n\t\t\t}\n\t\t\tconst prev = Number(this.effectivePrevious)\n\t\t\tconst cur = Number(this.effectiveCurrent)\n\t\t\tif (!Number.isFinite(prev) \|\| prev === 0 \|\| !Number.isFinite(cur)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn ((cur - prev) / Math.abs(prev)) 100\n\t\t},\n\n\t\t/** The signed percentage, e.g. \"+12.3%\". /\n\t\tformattedDelta() {\n\t\t\tif (this.deltaPct === null) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst sign = this.deltaPct > 0 ? '+' : ''\n\t\t\treturn `${sign}${this.deltaPct.toFixed(1)}%`\n\t\t},\n\n\t\t/* The arrow component for the delta direction. /\n\t\tdeltaIcon() {\n\t\t\tif (this.deltaPct === null \|\| Math.abs(this.deltaPct) < 0.05) {\n\t\t\t\treturn 'TrendingNeutral'\n\t\t\t}\n\t\t\treturn this.deltaPct > 0 ? 'TrendingUp' : 'TrendingDown'\n\t\t},\n\n\t\t/\n\t\t Green when the change is in the configured good direction, else red.\n\t\t * `source.goodDirection` (the OpenRegister form) wins; endpoint-bound\n\t\t * tiles declare `content.goodDirection` at the top level.\n\t\t /\n\t\tdeltaColor() {\n\t\t\tif (this.deltaPct === null \|\| Math.abs(this.deltaPct) < 0.05) {\n\t\t\t\treturn 'var(--color-text-maxcontrast)'\n\t\t\t}\n\t\t\tconst good = (this.content.source && this.content.source.goodDirection)\n\t\t\t\t\|\| this.content.goodDirection \|\| 'up'\n\t\t\tconst rising = this.deltaPct > 0\n\t\t\tconst isGood = good === 'up' ? rising : !rising\n\t\t\treturn isGood ? STATUS_TEXT_COLORS.success : STATUS_TEXT_COLORS.error\n\t\t},\n\n\t\t/* Stable signature so the watcher only refetches on real change. /\n\t\tsourceKey() {\n\t\t\treturn JSON.stringify(this.content.source \|\| {})\n\t\t},\n\n\t\t/* Merged detail-page object context (`{ objectId, object, register, schema }`) or null — both detail-surface injects (#91 Wave 3). /\n\t\tobjectCtx() {\n\t\t\treturn resolveObjectTokenContext(this.cnObjectContext, this.cnDetailObjectContext)\n\t\t},\n\n\t\t/* Unwrapped page-level workspace context map (always an object). /\n\t\tpageCtx() {\n\t\t\tconst c = this.cnWorkspaceContext\n\t\t\tconst v = (c && typeof c === 'object' && 'value' in c) ? c.value : c\n\t\t\treturn v \|\| {}\n\t\t},\n\n\t\t/* Workspace signature so the widget refetches when the date window changes. /\n\t\tworkspaceKey() {\n\t\t\treturn JSON.stringify(this.pageCtx \|\| {})\n\t\t},\n\t},\n\n\twatch: {\n\t\tsourceKey() {\n\t\t\tthis.fetchValues()\n\t\t},\n\n\t\tworkspaceKey() {\n\t\t\tthis.fetchValues()\n\t\t},\n\t},\n\n\tmounted() {\n\t\tthis.fetchValues()\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Derive a faint background tint for the icon circle from a colour.\n\t\t \n\t\t @param {string} color The base colour (hex or CSS var).\n\t\t * @return {string} A translucent or token background.\n\t\t /\n\t\ttint(color) {\n\t\t\tif (typeof color === 'string' && /^#([0-9a-f]{6})$/i.test(color)) {\n\t\t\t\treturn color + '1f'\n\t\t\t}\n\t\t\treturn 'var(--color-primary-element-light, rgba(0,130,201,0.1))'\n\t\t},\n\n\t\t/\n\t\t Format a number per the content.format spec (number/currency/percent).\n\t\t \n\t\t @param {number\|string\|null} value The raw value.\n\t\t * @return {string} The formatted string.\n\t\t /\n\t\tformatNumber(value) {\n\t\t\treturn formatMetricValue(value, this.resolvedFormat, unwrapAppConfig(this.cnAppConfig), null, this.effectiveTranslate)\n\t\t},\n\n\t\t/\n\t\t Fetch the current and previous aggregates from OpenRegister.\n\t\t \n\t\t @return {Promise<void>}\n\t\t /\n\t\tasync fetchValues() {\n\t\t\t// Endpoint-bound tiles are fetched by the shared useEndpointSource\n\t\t\t// engine (see setup) — the two-leg OpenRegister path must not fire.\n\t\t\tif (this.endpointMode) {\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t\tthis.error = ''\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst s = this.content.source \|\| {}\n\t\t\tif (!s.register \|\| !s.schema) {\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t\tthis.error = ''\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\tthis.error = ''\n\t\t\ttry {\n\t\t\t\tconst base = { register: s.register, schema: s.schema, metric: s.metric, field: s.field }\n\t\t\t\t// Resolve `@workspace.` (date-range pills) / `@objectId` / `@object.`\n\t\t\t\t// per leg, then drop any optional `@workspace.<key>?` that stayed\n\t\t\t\t// unresolved (an unset window) so the leg falls back to its base\n\t\t\t\t// scope instead of sending a literal token. fetchAggregateValue does\n\t\t\t\t// NOT drop optional tokens itself, so we pre-resolve here.\n\t\t\t\tconst ctx = { ...(this.objectCtx \|\| {}), workspace: this.pageCtx }\n\t\t\t\tconst curFilter = dropOptionalUnresolved(resolveFilterTokens((s.current && s.current.filter) \|\| {}, ctx))\n\t\t\t\tconst prevFilter = dropOptionalUnresolved(resolveFilterTokens((s.previous && s.previous.filter) \|\| {}, ctx))\n\t\t\t\tconst [cur, prev] = await Promise.all([\n\t\t\t\t\tfetchAggregateValue({ ...base, filter: curFilter }, ctx),\n\t\t\t\t\tfetchAggregateValue({ ...base, filter: prevFilter }, ctx),\n\t\t\t\t])\n\t\t\t\tthis.current = cur\n\t\t\t\tthis.previous = prev\n\t\t\t} catch (e) {\n\t\t\t\tthis.error = (e && e.message) \|\| 'error'\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n/\n * The card itself — its box, body stack, icon circle, title and value\n * typography — is the CANONICAL KPI card in src/css/kpi-card.css, shared with\n * CnStatWidget and CnStatsBlock. This tile is the one the canonical look was\n * modelled on, and it used to draw that look from its OWN copy of the rules\n * here: a 44px circle, a 16px gap, a 1.8em value. That copy is exactly how a\n * \"canonical\" card ends up with a second definition, so it is gone. What is\n * left is only what belongs to THIS widget: the delta chip and the error glyph.\n /\n\n/ The percentage-change chip beside the value. Tinted good/bad at runtime from\n * `goodDirection`, so the colour is an inline style, not a class. /\n.cn-delta-widget__delta {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 2px;\n\tfont-size: var(--cn-kpi-label-size, 13px);\n\tfont-weight: var(--cn-kpi-title-weight, 600);\n}\n\n/ The dash shown when the number could not be fetched. It stands where the\n * value stands, so it takes the value's size and weight — only the colour\n * differs, because a failure is not a number. */\n.cn-delta-widget__error {\n\tfont-size: var(--cn-kpi-value-size, 2rem);\n\tfont-weight: var(--cn-kpi-value-weight, 700);\n\tline-height: var(--cn-kpi-value-line, 1.1);\n\tcolor: var(--cn-kpi-label-color, var(--color-text-maxcontrast));\n}\n</style>\n"],"names":["CnWidgetIcon","TrendingUp"],"mappings":";;;;;;;;;;;;;;AAoEA;;AAEC;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;;AAGA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;;AAED,aAAe;AACd,CAAA,IAAI,EAAE,eAAe;;CAErB,UAAU,EAAE;EACX,aAAa;gBACbA,UAAY;cACZC,cAAU;EACV,YAAY;AACZ,EAAA,eAAe;EACf;;AAED,CAAA,MAAM,EAAE,CAAC,UAAU,CAAC;;AAEpB,CAAA,MAAM,EAAE;AACP;;;;AAIA,EAAA,eAAe,EAAE,EAAE,OAAO,EAAE,IAAG,EAAG;AAClC;;;AAGC;;AAED,EAAA,qBAAqB,EAAE,EAAE,OAAO,EAAE,MAAM;AACxC;;;;AAIC;;AAED,EAAA,kBAAkB,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG;AAC3C;;AAEC;AACA;;;AAGD,EAAA,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA,EAAG;AACpC;AACC;;;;AAIA;;AAED,EAAA,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,GAAG,KAAK,KAAK;EAC5C;;AAED,CAAA,KAAK,EAAE;AACN;;;;;AAKC;;;;;;;;AAQA;AACA;AACA;;AAED,EAAA,OAAO,EAAE;GACR,IAAI,EAAE,MAAM;AACZ,GAAA,OAAO,EAAE,OAAO,EAAE,CAAC;GACnB;;AAED;;;;AAIC;AACA;;EAED,SAAS,EAAE;GACV,IAAI,EAAE,QAAQ;GACd,OAAO,EAAE,IAAI;GACb;EACD;;CAED,KAAK,CAAC,KAAK,EAAE;;;;;;;EAOZ,MAAM,YAAW,GAAI,MAAM,CAAC,iBAAiB,EAAE,IAAI,EAAA;EACnD,MAAM,YAAW,GAAI,MAAM,CAAC,uBAAuB,EAAE,IAAI,EAAA;EACzD,MAAM,YAAW,GAAI,MAAM,CAAC,oBAAoB,EAAE,GAAG,CAAC,EAAE,CAAC,EAAA;EACzD,MAAM,YAAW,GAAI,MAAM,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,EAAA;AAClD,EAAA,MAAM,MAAK,GAAI,CAAC,CAAC,MAAM,CAAC,CAAE,IAAG,OAAO,CAAA,KAAM,QAAS,IAAG,OAAM,IAAK,CAAC,IAAI,CAAC,CAAC,KAAI,GAAI,CAAC,EAAA;EACjF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAU,GAAE,iBAAiB;GAC1D,MAAM,CAAC,KAAK,CAAC,OAAM,IAAK,KAAK,CAAC,OAAO,CAAC,cAAc,KAAK,IAAI;AAC7D,GAAA;AACC,IAAA,GAAG,EAAE,OAAO;KACX,IAAI,yBAAyB,CAAC,YAAY,EAAE,YAAY,CAAA,IAAK,EAAE,CAAC;AAChE,KAAA,SAAS,EAAE,MAAM,CAAC,YAAY,CAAA,IAAK,EAAE;AACrC,KAAA,MAAM,EAAE,MAAM,CAAC,YAAY,CAAA,IAAK,EAAE;AACnC,KAAC,CAAC;IACF;AACF,IAAA;AACA,EAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAQ,EAAA;EAC9E;;AAED,CAAA,IAAI,GAAG;AACN,EAAA,OAAO;GACN,OAAO,EAAE,IAAI;GACb,QAAQ,EAAE,IAAI;GACd,OAAO,EAAE,KAAK;AACd,GAAA,KAAK,EAAE,EAAE;AACV,GAAA;EACA;;AAED,CAAA,QAAQ,EAAE;AACT;;;AAGC;;;AAGD,EAAA,kBAAkB,GAAG;AACpB,GAAA,OAAO,IAAI,CAAC,SAAQ,IAAK,IAAI,CAAC,WAAU;GACxC;;AAED;;;AAGC;AACA;;AAED,EAAA,aAAa,GAAG;GACf,MAAM,KAAI,GAAI,IAAI,CAAC,OAAO,CAAC,MAAI;AAC/B,GAAA,OAAO,QAAQ,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAA,GAAI,EAAC;GACjD;;AAED;;AAEC;AACA;;AAED,EAAA,eAAe,GAAG;AACjB,GAAA,MAAM,OAAQ,GAAE,IAAI,CAAC,OAAO,CAAC,QAAM;GACnC,OAAO,OAAQ,GAAE,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAE,GAAE,EAAC;GACrD;;AAED;;AAEC;AACA;AACA;;EAED,SAAS,GAAG;GACX,MAAM,IAAI,IAAI,CAAC,YAAU;GACzB,MAAM,SAAQ,GAAI,CAAC,CAAA,IAAK,OAAO,CAAE,KAAI,QAAS,IAAG,OAAM,IAAK,CAAC,IAAI,CAAC,CAAC,KAAI,GAAI,EAAA;GAC3E,OAAO,CAAC,SAAQ,IAAK,OAAO,SAAQ,KAAM,QAAQ,IAAI,SAAU,GAAE,EAAC;GACnE;;AAED;;;;;AAKC;AACA;AACA;;AAED,EAAA,cAAc,GAAG;AAChB,GAAA,MAAM,GAAI,GAAE,IAAI,CAAC,OAAO,CAAC,MAAO,IAAG,GAAC;AACpC,GAAA,MAAM,GAAI,GAAE,EAAE,MAAM,EAAE,IAAI,CAAC,SAAU,GAAA;AACrC,GAAA,MAAM,GAAE,GAAI,EAAE,GAAG,GAAI,GAAA;AACrB,GAAA,KAAK,MAAM,GAAI,IAAG,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE;AACnD,IAAA,MAAM,GAAE,GAAI,GAAG,CAAC,GAAG,EAAA;AACnB,IAAA,IAAI,OAAO,GAAI,KAAI,YAAY,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,EAAE;AACrD,KAAA,QAAO;AACR,KAAA;AACA,IAAA,MAAM,QAAS,GAAE,kBAAkB,CAAC,GAAG,EAAE,GAAG,EAAA;AAC5C,IAAA,GAAG,CAAC,GAAG,CAAE,GAAE,CAAC,OAAO,QAAO,KAAM,YAAY,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA,KAAM,GAAG,IAAI,SAAQ,GAAI,SAAO;AAC9F,IAAA;AACA,GAAA,OAAO,GAAE;GACT;;;AAGD,EAAA,eAAe,GAAG;AACjB,GAAA,MAAM,KAAI,GAAI,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,CAAC,OAAO,CAAC,UAAS,IAAK,+BAA6B;AAChG,GAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAE,EAAA;GAClD;;AAED;;;AAGC;AACA;AACA;;EAED,UAAU,GAAG;AACZ,GAAA,OAAO,CAAC,IAAI,CAAC,OAAQ,IAAG,EAAE,EAAE,WAAW,UAAW,GAAE,UAAW,GAAE,YAAW;GAC5E;;AAED;;;AAGC;AACA;;AAED,EAAA,IAAI,GAAG;AACN,GAAA,OAAO,CAAC,IAAI,CAAC,OAAQ,IAAG,EAAE,EAAE,IAAG,KAAM,KAAI;GACzC;;;EAGD,UAAU,GAAG;AACZ,GAAA,OAAO,IAAI,CAAC,OAAO,CAAC,UAAS,GAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,UAAW,EAAA,GAAI,EAAC;GACvE;;AAED;AACC;;;;;AAKA;AACA;;AAED,EAAA,YAAY,GAAG;AACd,GAAA,MAAM,EAAG,GAAE,IAAI,CAAC,OAAO,CAAC,eAAa;AACrC,GAAA,OAAO,CAAC,EAAE,EAAC,IAAK,EAAE,CAAC,GAAG,CAAA;GACtB;;AAED;;;;AAIC;;;AAGD,EAAA,gBAAgB,GAAG;GAClB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACvB,IAAA,OAAO,IAAI,CAAC,OAAM;AACnB,IAAA;GACA,MAAM,IAAI,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,EAAA;GACxD,OAAO,CAAE,KAAI,SAAQ,GAAI,IAAG,GAAI,CAAA;GAChC;;AAED;;;AAGC;AACA;;;AAGD,EAAA,iBAAiB,GAAG;GACnB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACvB,IAAA,OAAO,IAAI,CAAC,QAAO;AACpB,IAAA;GACA,MAAM,CAAA,GAAI,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,EAAA;GAC3D,OAAO,CAAE,KAAI,SAAQ,GAAI,IAAG,GAAI,CAAA;GAChC;;AAED;;AAEC;AACA;;AAED,EAAA,cAAc,GAAG;GAChB,OAAO,IAAI,CAAC,YAAW,GAAI,IAAI,CAAC,SAAQ,GAAI,IAAI,CAAC,OAAM;GACvD;;AAED;AACC;AACA;AACA;;AAED,EAAA,YAAY,GAAG;GACd,OAAO,IAAI,CAAC,YAAW,GAAI,IAAI,CAAC,UAAU,IAAI,CAAC,KAAI;GACnD;;;AAGD,EAAA,gBAAgB,GAAG;AAClB,GAAA,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAA;GAC9C;;AAED;;;;;EAKA,QAAQ,GAAG;GACV,IAAI,IAAI,CAAC,YAAW,IAAK,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;IACjD,MAAM,CAAA,GAAI,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAAA;AAChE,IAAA,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAE,GAAE,CAAE,GAAE,IAAG;AACpC,IAAA;AACA,GAAA,MAAM,IAAG,GAAI,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAA;AAC1C,GAAA,MAAM,GAAE,GAAI,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAAA;GACxC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAA,IAAK,IAAK,KAAI,CAAE,IAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAClE,IAAA,OAAO,IAAG;AACX,IAAA;AACA,GAAA,OAAO,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,GAAE;GAC3C;;AAED;AACA,EAAA,cAAc,GAAG;GAChB,IAAI,IAAI,CAAC,aAAa,IAAI,EAAE;AAC3B,IAAA,OAAO,EAAC;AACT,IAAA;AACA,GAAA,MAAM,IAAG,GAAI,IAAI,CAAC,QAAO,GAAI,CAAA,GAAI,GAAE,GAAI,GAAC;AACxC,GAAA,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;GAC3C;;AAED;EACA,SAAS,GAAG;GACX,IAAI,IAAI,CAAC,QAAO,KAAM,IAAG,IAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA,GAAI,IAAI,EAAE;IAC7D,OAAO,iBAAgB;AACxB,IAAA;GACA,OAAO,IAAI,CAAC,QAAS,GAAE,CAAE,GAAE,eAAe,cAAa;GACvD;;AAED;;AAEC;;;EAGD,UAAU,GAAG;GACZ,IAAI,IAAI,CAAC,QAAO,KAAM,IAAG,IAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA,GAAI,IAAI,EAAE;AAC7D,IAAA,OAAO,+BAA8B;AACtC,IAAA;AACA,GAAA,MAAM,IAAG,GAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa;AACrE,OAAG,IAAI,CAAC,OAAO,CAAC,aAAc,IAAG,KAAG;GACrC,MAAM,MAAK,GAAI,IAAI,CAAC,QAAO,GAAI,EAAA;AAC/B,GAAA,MAAM,SAAS,SAAS,IAAG,GAAI,MAAK,GAAI,CAAC,OAAK;AAC9C,GAAA,OAAO,MAAO,GAAE,kBAAkB,CAAC,OAAM,GAAI,kBAAkB,CAAC,KAAI;GACpE;;;EAGD,SAAS,GAAG;AACX,GAAA,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAA;GAC/C;;;EAGD,SAAS,GAAG;AACX,GAAA,OAAO,yBAAyB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,qBAAqB,CAAA;GACjF;;;AAGD,EAAA,OAAO,GAAG;GACT,MAAM,CAAA,GAAI,IAAI,CAAC,mBAAiB;GAChC,MAAM,IAAI,CAAC,CAAE,IAAG,OAAO,CAAA,KAAM,YAAY,OAAM,IAAK,CAAC,IAAI,CAAC,CAAC,KAAI,GAAI,EAAA;GACnE,OAAO,CAAE,IAAG,EAAC;GACb;;AAED;AACA,EAAA,YAAY,GAAG;AACd,GAAA,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAM,IAAK,EAAE,CAAA;GACxC;EACD;;AAED,CAAA,KAAK,EAAE;EACN,SAAS,GAAG;AACX,GAAA,IAAI,CAAC,WAAW,GAAC;GACjB;;AAED,EAAA,YAAY,GAAG;AACd,GAAA,IAAI,CAAC,WAAW,GAAC;GACjB;EACD;;AAED,CAAA,OAAO,GAAG;AACT,EAAA,IAAI,CAAC,WAAW,GAAC;EACjB;;AAED,CAAA,OAAO,EAAE;AACR;;AAEC;;AAEA;;EAED,IAAI,CAAC,KAAK,EAAE;GACX,IAAI,OAAO,KAAI,KAAM,QAAO,IAAK,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACjE,IAAA,OAAO,KAAI,GAAI,IAAG;AACnB,IAAA;GACA,OAAO,yDAAwD;GAC/D;;AAED;AACC;AACA;AACA;AACA;;AAED,EAAA,YAAY,CAAC,KAAK,EAAE;GACnB,OAAO,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAA;GACrH;;AAED;;AAEC;;;AAGD,EAAA,MAAM,WAAW,GAAG;;;AAGnB,GAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACtB,IAAA,IAAI,CAAC,OAAM,GAAI,KAAG;AAClB,IAAA,IAAI,CAAC,QAAO,GAAI,KAAG;IACnB,IAAI,CAAC,KAAM,GAAE,GAAC;IACd,MAAK;AACN,IAAA;GACA,MAAM,CAAA,GAAI,IAAI,CAAC,OAAO,CAAC,MAAK,IAAK,GAAC;GAClC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,EAAE;AAC7B,IAAA,IAAI,CAAC,OAAM,GAAI,KAAG;AAClB,IAAA,IAAI,CAAC,QAAO,GAAI,KAAG;IACnB,IAAI,CAAC,KAAM,GAAE,GAAC;IACd,MAAK;AACN,IAAA;AACA,GAAA,IAAI,CAAC,OAAM,GAAI,KAAG;GAClB,IAAI,CAAC,KAAM,GAAE,GAAC;AACd,GAAA,IAAI;AACH,IAAA,MAAM,IAAK,GAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,KAAM,GAAA;AACxF;;;;;IAKA,MAAM,GAAI,GAAE,EAAE,IAAI,IAAI,CAAC,SAAQ,IAAK,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,OAAQ,GAAA;IACjE,MAAM,SAAQ,GAAI,sBAAsB,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,OAAQ,IAAG,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,EAAE,EAAE,GAAG,CAAC,EAAA;IACxG,MAAM,aAAa,sBAAsB,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,QAAO,IAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,EAAE,EAAE,GAAG,CAAC,EAAA;AAC3G,IAAA,MAAM,CAAC,GAAG,EAAE,IAAI,CAAE,GAAE,MAAM,OAAO,CAAC,GAAG,CAAC;KACrC,mBAAmB,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,SAAQ,EAAG,EAAE,GAAG,CAAC;KACxD,mBAAmB,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,UAAS,EAAG,EAAE,GAAG,CAAC;KACzD,EAAA;AACD,IAAA,IAAI,CAAC,OAAQ,GAAE,IAAE;AACjB,IAAA,IAAI,CAAC,QAAO,GAAI,KAAG;AACpB,IAAA,CAAE,OAAO,CAAC,EAAE;AACX,IAAA,IAAI,CAAC,KAAM,GAAE,CAAC,CAAA,IAAK,CAAC,CAAC,OAAO,KAAK,QAAM;AACvC,IAAA,IAAI,CAAC,OAAM,GAAI,KAAG;AAClB,IAAA,IAAI,CAAC,QAAO,GAAI,KAAG;AACpB,IAAA,SAAU;AACT,IAAA,IAAI,CAAC,OAAQ,GAAE,MAAI;AACpB,IAAA;GACA;EACD;AACF;;;;"}

package/dist/esm/components/CnDeltaWidget/CnDeltaWidget.vue3.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CnDeltaWidget.vue3.js","sources":["../../../../src/components/CnDeltaWidget/CnDeltaWidget.vue?vue&type=template&id=66680dc6&lang.js"],"sourcesContent":["<!--\n SPDX-FileCopyrightText: 2026 Conduction B.V.\n SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<component\n\t\t:is=\"linkTag\"\n\t\tclass=\"cn-kpi-card cn-delta-widget\"\n\t\t:class=\"[\n\t\t\t{ 'cn-kpi-card--clickable': isLinked, 'cn-delta-widget--linked': isLinked },\n\t\t\t'cn-kpi-card--' + cardLayout,\n\t\t\tflat ? 'cn-kpi-card--flat' : 'cn-kpi-card--filled',\n\t\t]\"\n\t\tv-bind=\"linkAttrs\">\n\t\t<div\n\t\t\tv-if=\"content.icon\"\n\t\t\tclass=\"cn-kpi-card__icon cn-delta-widget__icon\"\n\t\t\t:style=\"iconCircleStyle\">\n\t\t\t<CnWidgetIcon :name=\"content.icon\" :size=\"24\" />\n\t\t</div>\n\n\t\t<div class=\"cn-kpi-card__body cn-delta-widget__body\">\n\t\t\t<div v-if=\"content.label\" class=\"cn-kpi-card__title cn-delta-widget__label\" :title=\"resolvedLabel\">\n\t\t\t\t{{ resolvedLabel }}\n\t\t\t</div>\n\n\t\t\t<div class=\"cn-kpi-card__value-row cn-delta-widget__value-row\">\n\t\t\t\t<NcLoadingIcon v-if=\"displayLoading\" :size=\"22\" />\n\t\t\t\t<span v-else-if=\"displayError\" class=\"cn-delta-widget__error\" :title=\"displayError\">—</span>\n\t\t\t\t<template v-else>\n\t\t\t\t\t<span class=\"cn-kpi-card__value cn-delta-widget__value\" :style=\"valueStyle\">{{ formattedCurrent }}</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"deltaPct !== null\"\n\t\t\t\t\t\tclass=\"cn-delta-widget__delta\"\n\t\t\t\t\t\t:style=\"{ color: deltaColor }\">\n\t\t\t\t\t\t<component :is=\"deltaIcon\" :size=\"16\" />\n\t\t\t\t\t\t{{ formattedDelta }}\n\t\t\t\t\t</span>\n\t\t\t\t</template>\n\t\t\t</div>\n\n\t\t\t<div v-if=\"!displayLoading && !displayError && content.caption\" class=\"cn-kpi-card__label cn-delta-widget__caption\">\n\t\t\t\t{{ resolvedCaption }}\n\t\t\t</div>\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nimport { NcLoadingIcon } from '@nextcloud/vue'\nimport { inject, ref } from 'vue'\nimport TrendingDown from 'vue-material-design-icons/TrendingDown.vue'\nimport TrendingNeutral from 'vue-material-design-icons/TrendingNeutral.vue'\nimport TrendingUp from 'vue-material-design-icons/TrendingUp.vue'\nimport CnWidgetIcon from '../CnWidgetGrid/CnWidgetIcon.vue'\nimport { getByPath, useEndpointSource } from '../../composables/useEndpointSource.js'\nimport widgetLink from '../../mixins/widgetLink.js'\nimport { resolveObjectTokenContext } from '../../utils/detailObjectContext.js'\nimport { fetchAggregateValue } from '../../utils/fetchAggregate.js'\nimport { formatMetricValue, unwrapAppConfig } from '../../utils/formatMetric.js'\nimport { dropOptionalUnresolved, resolveFilterTokens, resolveFilterValue } from '../../utils/resolveFilterTokens.js'\nimport { STATUS_TEXT_COLORS } from '../../utils/statusColors.js'\n\n// The canonical KPI card, shared with CnStatWidget and CnStatsBlock.\n// Imported here so the tile is styled even when the consuming app pulls in\n// components individually rather than through css/index.css.\nimport '../../css/kpi-card.css'\n\n/*\n CnDeltaWidget — an abstract comparison / delta KPI tile.\n \n Reads TWO scalars from OpenRegister's aggregation `/value` endpoint — a\n * `current` value and a `previous` value — and renders the current value\n * alongside the percentage change between them, with a directional arrow tinted\n * good/bad according to `goodDirection`. Use it for period-over-period KPIs\n * (e.g. \"this month's revenue vs last month\") by combining relative filter\n * tokens (`@monthStart`, `@quarterStart`, …) in each leg's filter. Nothing is\n * hard-coded — every fleet app gets the same editable delta tile (ADR-041).\n \n Resolved by its registry type key `delta`; reference it from a manifest\n * placement `{ id, type: 'delta', content: { label, source, format, ... } }`.\n \n Example content blob:\n * ```js\n * content: {\n * label: 'Revenue (MTD)',\n * icon: 'Cash',\n * format: { style: 'currency', currency: 'EUR', decimals: 0 },\n * source: {\n * register: 'pipelinq', schema: 'lead', metric: 'sum', field: 'value',\n * goodDirection: 'up',\n * current: { filter: { status: 'won', closedAt: { gte: '@monthStart' } } },\n * previous: { filter: { status: 'won', closedAt: { gte: '@monthStart-1mo', lt: '@monthStart' } } },\n * },\n * }\n * ```\n \n ENDPOINT BINDING (Wave 2, #91) — instead of the two OpenRegister legs, the\n * tile can read BOTH values from one app REST payload through the shared\n * `useEndpointSource` engine (token-resolved params, request dedup + TTL\n * cache, `cn:page:refresh` / `cn:widget:refresh` subscription). Exactly ONE\n * of `source` \| `endpointSource` may be configured (validator-enforced).\n * The pipelinq `previousPeriod` overview contract:\n * ```js\n * content: {\n * label: 'Revenue',\n * format: { style: 'currency', currency: 'EUR', decimals: 0 },\n * endpointSource: {\n * url: '/apps/pipelinq/api/analytics/commercial',\n * params: { period: '@workspace.datePreset?' },\n * },\n * valueField: 'revenue', // current value (dot-path)\n * previousField: 'previousPeriod.revenue', // previous value (dot-path)\n * // deltaField: 'revenueDeltaPct', // OR a server-computed percent\n * goodDirection: 'up',\n * }\n * ```\n /\nexport default {\n\tname: 'CnDeltaWidget',\n\n\tcomponents: {\n\t\tNcLoadingIcon,\n\t\tCnWidgetIcon,\n\t\tTrendingUp,\n\t\tTrendingDown,\n\t\tTrendingNeutral,\n\t},\n\n\tmixins: [widgetLink],\n\n\tinject: {\n\t\t/\n\t\t Detail-page object context (`{ objectId, object }`) for `@objectId` /\n\t\t * `@object.<field>` filter tokens. Null off a detail page.\n\t\t /\n\t\tcnObjectContext: { default: null },\n\t\t/\n\t\t v2 slot-grid detail context holder provided by CnPageRenderer —\n\t\t * backfills the object token context where CnDetailPage is not an\n\t\t * ancestor (#91 Wave 3).\n\t\t /\n\t\tcnDetailObjectContext: { default: null },\n\t\t/\n\t\t Page-level workspace context (a reactive `{ <key>: value }` map)\n\t\t * provided by CnDashboardPage. Drives `@workspace.<param>` token\n\t\t * resolution — e.g. the date-range pills publish `dateFrom` / `dateTo`,\n\t\t * so a leg filter can scope to the picked window.\n\t\t /\n\t\tcnWorkspaceContext: { default: () => ({}) },\n\t\t/\n\t\t Page-level app config map (reactive `{ <key>: value }`) provided by\n\t\t * CnDashboardPage / CnDetailPage. Resolves `@config.<key>` tokens in the\n\t\t * `format.currency` / `format.prefix` / `format.suffix` strings (e.g. the\n\t\t * reporting currency captured by the setup wizard). Defaults to `{}`.\n\t\t /\n\t\tcnAppConfig: { default: () => ({}) },\n\t\t/\n\t\t Host translate function provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). The\n\t\t * manifest-authored `content.label` / `content.caption` are run\n\t\t * through it, exactly as CnStatWidget does. Defaults to an identity\n\t\t * function so an untranslated key renders as itself.\n\t\t /\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/\n\t\t The widget's persisted configuration blob. An optional `route`\n\t\t * (vue-router location), `clickRoute` (Wave-2 alias), or `link`\n\t\t * (external href) turns the whole tile into a click-through target\n\t\t * (see the widgetLink mixin).\n\t\t \n\t\t Wave 2 (#91): `endpointSource` (`{ url, method?, params?,\n\t\t * responsePath? }`) reads BOTH legs from one app REST payload —\n\t\t * `valueField` plucks the current value, `previousField` the previous\n\t\t * value (the delta percent is computed client-side), or `deltaField`\n\t\t * supplies a server-computed percent directly. Exactly one of\n\t\t * `source` \| `endpointSource`. `goodDirection` moves to the content\n\t\t * top level in endpoint mode (`source.goodDirection` still wins for\n\t\t * the OpenRegister form).\n\t\t \n\t\t @type {{label?: string, icon?: string, iconColor?: string, caption?: string, route?: (object\|string), clickRoute?: (object\|string), link?: string, format?: {style?: string, currency?: string, decimals?: number, prefix?: string, suffix?: string}, source?: {register?: string, schema?: string, metric?: string, field?: string, goodDirection?: ('up'\|'down'), current?: {filter?: object}, previous?: {filter?: object}}, endpointSource?: {url: string, method?: string, params?: object, responsePath?: string}, valueField?: string, previousField?: string, deltaField?: string, goodDirection?: ('up'\|'down')}}\n\t\t /\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/\n\t\t Translate function. Falls back to the injected `cnTranslate`\n\t\t * (itself an identity function by default). Provide explicitly when\n\t\t * mounting CnDeltaWidget outside a CnAppRoot ancestor.\n\t\t \n\t\t @type {((key: string) => string)\|null}\n\t\t /\n\t\ttranslate: {\n\t\t\ttype: Function,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tsetup(props) {\n\t\t// Endpoint binding (Wave 2): the shared useEndpointSource engine owns\n\t\t// token resolution, request dedup + TTL caching, and the\n\t\t// cn:page:refresh / cn:widget:refresh subscriptions. No-op while\n\t\t// `content.endpointSource` is absent, so the two-leg OpenRegister\n\t\t// path below is untouched. Injects re-read in setup (same resolution\n\t\t// as the Options `inject` block — the CnChartWidget precedent).\n\t\tconst objectCtxRaw = inject('cnObjectContext', null)\n\t\tconst detailCtxRaw = inject('cnDetailObjectContext', null)\n\t\tconst workspaceRaw = inject('cnWorkspaceContext', ref({}))\n\t\tconst appConfigRaw = inject('cnAppConfig', ref({}))\n\t\tconst unwrap = (v) => ((v && typeof v === 'object' && 'value' in v) ? v.value : v)\n\t\tconst { data, loading, error, refetch } = useEndpointSource(\n\t\t\t() => (props.content && props.content.endpointSource) \|\| null,\n\t\t\t{\n\t\t\t\tctx: () => ({\n\t\t\t\t\t...(resolveObjectTokenContext(objectCtxRaw, detailCtxRaw) \|\| {}),\n\t\t\t\t\tworkspace: unwrap(workspaceRaw) \|\| {},\n\t\t\t\t\tconfig: unwrap(appConfigRaw) \|\| {},\n\t\t\t\t}),\n\t\t\t},\n\t\t)\n\t\treturn { epData: data, epLoading: loading, epError: error, epRefetch: refetch }\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tcurrent: null,\n\t\t\tprevious: null,\n\t\t\tloading: false,\n\t\t\terror: '',\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t Effective translate function: the explicit `translate` prop when\n\t\t * given, else the injected `cnTranslate` (identity by default).\n\t\t \n\t\t @return {(key: string) => string}\n\t\t /\n\t\teffectiveTranslate() {\n\t\t\treturn this.translate ?? this.cnTranslate\n\t\t},\n\n\t\t/\n\t\t The tile label, run through the host translate function so a\n\t\t * manifest-authored source string localises to the user's language.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tresolvedLabel() {\n\t\t\tconst label = this.content.label\n\t\t\treturn label ? this.effectiveTranslate(label) : ''\n\t\t},\n\n\t\t/\n\t\t The tile caption, run through the host translate function.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tresolvedCaption() {\n\t\t\tconst caption = this.content.caption\n\t\t\treturn caption ? this.effectiveTranslate(caption) : ''\n\t\t},\n\n\t\t/\n\t\t The unwrapped page-level app config map for `@config.` token\n\t\t resolution. Always an object (defaults to `{}`).\n\t\t \n\t\t @return {object}\n\t\t /\n\t\tconfigCtx() {\n\t\t\tconst c = this.cnAppConfig\n\t\t\tconst unwrapped = (c && typeof c === 'object' && 'value' in c) ? c.value : c\n\t\t\treturn (unwrapped && typeof unwrapped === 'object') ? unwrapped : {}\n\t\t},\n\n\t\t/\n\t\t The `content.format` spec with its `currency` / `prefix` / `suffix`\n\t\t * `@config.<key>` tokens resolved against the page-level app config. A\n\t\t * required token that stays unset is dropped so the downstream default\n\t\t * applies (EUR for currency, empty for prefix/suffix) rather than being\n\t\t * passed to `Intl.NumberFormat` as a literal `@config.…` (which throws).\n\t\t \n\t\t @return {object} The resolved format spec.\n\t\t /\n\t\tresolvedFormat() {\n\t\t\tconst fmt = this.content.format \|\| {}\n\t\t\tconst ctx = { config: this.configCtx }\n\t\t\tconst out = { ...fmt }\n\t\t\tfor (const key of ['currency', 'prefix', 'suffix']) {\n\t\t\t\tconst raw = fmt[key]\n\t\t\t\tif (typeof raw !== 'string' \|\| raw.charAt(0) !== '@') {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst resolved = resolveFilterValue(raw, ctx)\n\t\t\t\tout[key] = (typeof resolved === 'string' && resolved.charAt(0) === '@') ? undefined : resolved\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\n\t\t/* Inline style for the icon circle (tinted with iconColor). /\n\t\ticonCircleStyle() {\n\t\t\tconst color = this.content.iconColor \|\| this.content.valueColor \|\| 'var(--color-primary-element)'\n\t\t\treturn { color, backgroundColor: this.tint(color) }\n\t\t},\n\n\t\t/\n\t\t Card orientation. Horizontal (icon beside the number) is the\n\t\t * canonical KPI card; `content.layout: 'vertical'` stacks the icon\n\t\t * above a centred number.\n\t\t \n\t\t @return {'horizontal'\|'vertical'}\n\t\t /\n\t\tcardLayout() {\n\t\t\treturn (this.content \|\| {}).layout === 'vertical' ? 'vertical' : 'horizontal'\n\t\t},\n\n\t\t/\n\t\t Whether the card draws no box of its own. On by default — the tile\n\t\t * is rendered inside a CnWidgetWrapper that already draws a card.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tflat() {\n\t\t\treturn (this.content \|\| {}).flat !== false\n\t\t},\n\n\t\t/* Inline colour for the value, when the tile names one. /\n\t\tvalueStyle() {\n\t\t\treturn this.content.valueColor ? { color: this.content.valueColor } : {}\n\t\t},\n\n\t\t/\n\t\t Whether the tile is endpoint-bound (Wave 2): a `content.endpointSource`\n\t\t * with a `url` reads both legs from one shared payload instead of the\n\t\t * two OpenRegister aggregation legs. Exactly one of `source` \|\n\t\t * `endpointSource` is allowed (validator-enforced); endpointSource\n\t\t * wins when both slip through.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tendpointMode() {\n\t\t\tconst es = this.content.endpointSource\n\t\t\treturn !!(es && es.url)\n\t\t},\n\n\t\t/\n\t\t The current value for the active source: the payload value at\n\t\t * `content.valueField` in endpoint mode, else the OpenRegister\n\t\t * `current` leg.\n\t\t \n\t\t @return {number\|string\|null}\n\t\t /\n\t\teffectiveCurrent() {\n\t\t\tif (!this.endpointMode) {\n\t\t\t\treturn this.current\n\t\t\t}\n\t\t\tconst v = getByPath(this.epData, this.content.valueField)\n\t\t\treturn v === undefined ? null : v\n\t\t},\n\n\t\t/\n\t\t The previous value for the active source: the payload value at\n\t\t * `content.previousField` in endpoint mode, else the OpenRegister\n\t\t * `previous` leg.\n\t\t \n\t\t @return {number\|string\|null}\n\t\t /\n\t\teffectivePrevious() {\n\t\t\tif (!this.endpointMode) {\n\t\t\t\treturn this.previous\n\t\t\t}\n\t\t\tconst v = getByPath(this.epData, this.content.previousField)\n\t\t\treturn v === undefined ? null : v\n\t\t},\n\n\t\t/\n\t\t Loading state for the active source (endpoint or OpenRegister).\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tdisplayLoading() {\n\t\t\treturn this.endpointMode ? this.epLoading : this.loading\n\t\t},\n\n\t\t/\n\t\t Error message for the active source ('' = none).\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tdisplayError() {\n\t\t\treturn this.endpointMode ? this.epError : this.error\n\t\t},\n\n\t\t/* The current value, number-formatted per content.format. /\n\t\tformattedCurrent() {\n\t\t\treturn this.formatNumber(this.effectiveCurrent)\n\t\t},\n\n\t\t/\n\t\t Percentage change current vs previous, or null when not computable.\n\t\t * In endpoint mode a `content.deltaField` (a server-computed percent\n\t\t * plucked from the payload) wins over the client-side computation.\n\t\t /\n\t\tdeltaPct() {\n\t\t\tif (this.endpointMode && this.content.deltaField) {\n\t\t\t\tconst v = Number(getByPath(this.epData, this.content.deltaField))\n\t\t\t\treturn Number.isFinite(v) ? v : null\n\t\t\t}\n\t\t\tconst prev = Number(this.effectivePrevious)\n\t\t\tconst cur = Number(this.effectiveCurrent)\n\t\t\tif (!Number.isFinite(prev) \|\| prev === 0 \|\| !Number.isFinite(cur)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn ((cur - prev) / Math.abs(prev)) 100\n\t\t},\n\n\t\t/** The signed percentage, e.g. \"+12.3%\". /\n\t\tformattedDelta() {\n\t\t\tif (this.deltaPct === null) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst sign = this.deltaPct > 0 ? '+' : ''\n\t\t\treturn `${sign}${this.deltaPct.toFixed(1)}%`\n\t\t},\n\n\t\t/* The arrow component for the delta direction. /\n\t\tdeltaIcon() {\n\t\t\tif (this.deltaPct === null \|\| Math.abs(this.deltaPct) < 0.05) {\n\t\t\t\treturn 'TrendingNeutral'\n\t\t\t}\n\t\t\treturn this.deltaPct > 0 ? 'TrendingUp' : 'TrendingDown'\n\t\t},\n\n\t\t/\n\t\t Green when the change is in the configured good direction, else red.\n\t\t * `source.goodDirection` (the OpenRegister form) wins; endpoint-bound\n\t\t * tiles declare `content.goodDirection` at the top level.\n\t\t /\n\t\tdeltaColor() {\n\t\t\tif (this.deltaPct === null \|\| Math.abs(this.deltaPct) < 0.05) {\n\t\t\t\treturn 'var(--color-text-maxcontrast)'\n\t\t\t}\n\t\t\tconst good = (this.content.source && this.content.source.goodDirection)\n\t\t\t\t\|\| this.content.goodDirection \|\| 'up'\n\t\t\tconst rising = this.deltaPct > 0\n\t\t\tconst isGood = good === 'up' ? rising : !rising\n\t\t\treturn isGood ? STATUS_TEXT_COLORS.success : STATUS_TEXT_COLORS.error\n\t\t},\n\n\t\t/* Stable signature so the watcher only refetches on real change. /\n\t\tsourceKey() {\n\t\t\treturn JSON.stringify(this.content.source \|\| {})\n\t\t},\n\n\t\t/* Merged detail-page object context (`{ objectId, object, register, schema }`) or null — both detail-surface injects (#91 Wave 3). /\n\t\tobjectCtx() {\n\t\t\treturn resolveObjectTokenContext(this.cnObjectContext, this.cnDetailObjectContext)\n\t\t},\n\n\t\t/* Unwrapped page-level workspace context map (always an object). /\n\t\tpageCtx() {\n\t\t\tconst c = this.cnWorkspaceContext\n\t\t\tconst v = (c && typeof c === 'object' && 'value' in c) ? c.value : c\n\t\t\treturn v \|\| {}\n\t\t},\n\n\t\t/* Workspace signature so the widget refetches when the date window changes. /\n\t\tworkspaceKey() {\n\t\t\treturn JSON.stringify(this.pageCtx \|\| {})\n\t\t},\n\t},\n\n\twatch: {\n\t\tsourceKey() {\n\t\t\tthis.fetchValues()\n\t\t},\n\n\t\tworkspaceKey() {\n\t\t\tthis.fetchValues()\n\t\t},\n\t},\n\n\tmounted() {\n\t\tthis.fetchValues()\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Derive a faint background tint for the icon circle from a colour.\n\t\t \n\t\t @param {string} color The base colour (hex or CSS var).\n\t\t * @return {string} A translucent or token background.\n\t\t /\n\t\ttint(color) {\n\t\t\tif (typeof color === 'string' && /^#([0-9a-f]{6})$/i.test(color)) {\n\t\t\t\treturn color + '1f'\n\t\t\t}\n\t\t\treturn 'var(--color-primary-element-light, rgba(0,130,201,0.1))'\n\t\t},\n\n\t\t/\n\t\t Format a number per the content.format spec (number/currency/percent).\n\t\t \n\t\t @param {number\|string\|null} value The raw value.\n\t\t * @return {string} The formatted string.\n\t\t /\n\t\tformatNumber(value) {\n\t\t\treturn formatMetricValue(value, this.resolvedFormat, unwrapAppConfig(this.cnAppConfig))\n\t\t},\n\n\t\t/\n\t\t Fetch the current and previous aggregates from OpenRegister.\n\t\t \n\t\t @return {Promise<void>}\n\t\t /\n\t\tasync fetchValues() {\n\t\t\t// Endpoint-bound tiles are fetched by the shared useEndpointSource\n\t\t\t// engine (see setup) — the two-leg OpenRegister path must not fire.\n\t\t\tif (this.endpointMode) {\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t\tthis.error = ''\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst s = this.content.source \|\| {}\n\t\t\tif (!s.register \|\| !s.schema) {\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t\tthis.error = ''\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\tthis.error = ''\n\t\t\ttry {\n\t\t\t\tconst base = { register: s.register, schema: s.schema, metric: s.metric, field: s.field }\n\t\t\t\t// Resolve `@workspace.` (date-range pills) / `@objectId` / `@object.`\n\t\t\t\t// per leg, then drop any optional `@workspace.<key>?` that stayed\n\t\t\t\t// unresolved (an unset window) so the leg falls back to its base\n\t\t\t\t// scope instead of sending a literal token. fetchAggregateValue does\n\t\t\t\t// NOT drop optional tokens itself, so we pre-resolve here.\n\t\t\t\tconst ctx = { ...(this.objectCtx \|\| {}), workspace: this.pageCtx }\n\t\t\t\tconst curFilter = dropOptionalUnresolved(resolveFilterTokens((s.current && s.current.filter) \|\| {}, ctx))\n\t\t\t\tconst prevFilter = dropOptionalUnresolved(resolveFilterTokens((s.previous && s.previous.filter) \|\| {}, ctx))\n\t\t\t\tconst [cur, prev] = await Promise.all([\n\t\t\t\t\tfetchAggregateValue({ ...base, filter: curFilter }, ctx),\n\t\t\t\t\tfetchAggregateValue({ ...base, filter: prevFilter }, ctx),\n\t\t\t\t])\n\t\t\t\tthis.current = cur\n\t\t\t\tthis.previous = prev\n\t\t\t} catch (e) {\n\t\t\t\tthis.error = (e && e.message) \|\| 'error'\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n/\n * The card itself — its box, body stack, icon circle, title and value\n * typography — is the CANONICAL KPI card in src/css/kpi-card.css, shared with\n * CnStatWidget and CnStatsBlock. This tile is the one the canonical look was\n * modelled on, and it used to draw that look from its OWN copy of the rules\n * here: a 44px circle, a 16px gap, a 1.8em value. That copy is exactly how a\n * \"canonical\" card ends up with a second definition, so it is gone. What is\n * left is only what belongs to THIS widget: the delta chip and the error glyph.\n /\n\n/ The percentage-change chip beside the value. Tinted good/bad at runtime from\n * `goodDirection`, so the colour is an inline style, not a class. /\n.cn-delta-widget__delta {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 2px;\n\tfont-size: var(--cn-kpi-label-size, 13px);\n\tfont-weight: var(--cn-kpi-title-weight, 600);\n}\n\n/ The dash shown when the number could not be fetched. It stands where the\n * value stands, so it takes the value's size and weight — only the colour\n * differs, because a failure is not a number. */\n.cn-delta-widget__error {\n\tfont-size: var(--cn-kpi-value-size, 2rem);\n\tfont-weight: var(--cn-kpi-value-weight, 700);\n\tline-height: var(--cn-kpi-value-line, 1.1);\n\tcolor: var(--cn-kpi-label-color, var(--color-text-maxcontrast));\n}\n</style>\n"],"names":["_createBlock","_mergeProps","_createElementBlock","_createVNode","_Fragment","_openBlock","_resolveDynamicComponent","_createTextVNode"],"mappings":";;;;AA8BQ,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,mDAAmD,GAAA;;;;AAerD,EAAA,KAAA,EAAA,6CAAA;;;;;;;uBApCTA,oCACI,IAAO,CAAA,OAAA,CAAA,EADXC;SAEK,GAAA,6BAA6B,EAAA;AAClC,GAAA,EAAA,wBAAA,EAAA,IAAA,CAAA,QAAA,6BAAA,IAAA,CAAA,QAAA,EAAA;qBAAA,QAAA,CAAA,UAAA;GAAA,QAAA,CAAA,IAAA,GAAA,mBAAA,GAAA,qBAAA;;KAKO,IAAS,CAAA,SAAA,CAAA,EAAA;qBAChB,MAKK;AAJD,MAAA,CAAA,MAAA,CAAA,OAAA,CAAA,IAAA;wBADJC,kBAKK,CAAA,KAAA,EAAA;;;AAFJ,YAAA,KAAK,iBAAE,QAAe,CAAA,eAAA,CAAA;;YACvBC,WAAgD,CAAA,uBAAA,EAAA;cAAjC,IAAI,EAAE,MAAO,CAAA,OAAA,CAAC,IAAI;AAAG,cAAA,IAAI,EAAE,EAAE;;;;;AAIjC,QAAA,CAAA,MAAA,CAAA,OAAO,CAAC,KAAK;0BAAxBD;;AAA0B,cAAA,KAAK,EAAC,2CAA8B;AAAA,cAAA,KAAA,EAAA,QAAA,CAAA,aAAA;+BAC1D,QAAa,CAAA,aAAA,CAAA,EAAA,CAAA,oBAAA,UAAA,CAAA;;2BAgBZ,iBAAA,EAAA;WAZC,QAAA,CAAA,cAAA;uCAAA,CAAA,wBAAA,EAAA;;AAAA,gBAAA,IAAA,EAAA,EAAA;;eACY,QAAQ,CAAA,YAAA;8BAAvBA,kBAAuB,CAAA,MAAA,EAAA;;AAAA,kBAAA,KAAA,EAAA,wBAAA;AAAA,kBAAA,KAAA,EAAA,QAAA,CAAA,YAAA;mBAAA,GAAA,EAAA,CAAA,cAAA,UAAA,CAAA;gDAUd,CAAAE,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;oCARqB,CAAA,MAAA,EAAA;AAAzB,oBAAA,KAAK,EAAC,2CAAmB;AAAA,oBAAA,KAAA,iBAAA,QAAA,CAAA,UAAA,CAAA;qCAAA,QAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,mBAAA;mBAExB,QAAQ,CAAA,QAAA,KAAA,IAAA;oCADdF,kBAMM,CAAA,MAAA,EAAA;;AAJN,wBAAA,KAAK,EAAA,wBAAA;AACJ,wBAAA,KAAK,0BAAE,QAAA,CAAA,UAAA,EAAA,CAAA;;AACR,yBAAAG,SAAA,EAAA,EAAAL,WAAA,CAAEM,uBAAA,CAAA,QAAA,CAAA,SAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAAA,wBAAAC,eAAA,CAAA;;;;;AAMI,QAAA,CAAA,CAAA,QAAA,CAAA,cAAA,IAAA,CAAA,QAAA,CAAA,YAAA,IAAA,MAAA,CAAA,OAAA,CAAA,OAAA;0BAATL,0BAAA;;;;;;;;;;"}
1	+ {"version":3,"file":"CnDeltaWidget.vue3.js","sources":["../../../../src/components/CnDeltaWidget/CnDeltaWidget.vue?vue&type=template&id=ee481872&lang.js"],"sourcesContent":["<!--\n SPDX-FileCopyrightText: 2026 Conduction B.V.\n SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<component\n\t\t:is=\"linkTag\"\n\t\tclass=\"cn-kpi-card cn-delta-widget\"\n\t\t:class=\"[\n\t\t\t{ 'cn-kpi-card--clickable': isLinked, 'cn-delta-widget--linked': isLinked },\n\t\t\t'cn-kpi-card--' + cardLayout,\n\t\t\tflat ? 'cn-kpi-card--flat' : 'cn-kpi-card--filled',\n\t\t]\"\n\t\tv-bind=\"linkAttrs\">\n\t\t<div\n\t\t\tv-if=\"content.icon\"\n\t\t\tclass=\"cn-kpi-card__icon cn-delta-widget__icon\"\n\t\t\t:style=\"iconCircleStyle\">\n\t\t\t<CnWidgetIcon :name=\"content.icon\" :size=\"24\" />\n\t\t</div>\n\n\t\t<div class=\"cn-kpi-card__body cn-delta-widget__body\">\n\t\t\t<div v-if=\"content.label\" class=\"cn-kpi-card__title cn-delta-widget__label\" :title=\"resolvedLabel\">\n\t\t\t\t{{ resolvedLabel }}\n\t\t\t</div>\n\n\t\t\t<div class=\"cn-kpi-card__value-row cn-delta-widget__value-row\">\n\t\t\t\t<NcLoadingIcon v-if=\"displayLoading\" :size=\"22\" />\n\t\t\t\t<span v-else-if=\"displayError\" class=\"cn-delta-widget__error\" :title=\"displayError\">—</span>\n\t\t\t\t<template v-else>\n\t\t\t\t\t<span class=\"cn-kpi-card__value cn-delta-widget__value\" :style=\"valueStyle\">{{ formattedCurrent }}</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"deltaPct !== null\"\n\t\t\t\t\t\tclass=\"cn-delta-widget__delta\"\n\t\t\t\t\t\t:style=\"{ color: deltaColor }\">\n\t\t\t\t\t\t<component :is=\"deltaIcon\" :size=\"16\" />\n\t\t\t\t\t\t{{ formattedDelta }}\n\t\t\t\t\t</span>\n\t\t\t\t</template>\n\t\t\t</div>\n\n\t\t\t<div v-if=\"!displayLoading && !displayError && content.caption\" class=\"cn-kpi-card__label cn-delta-widget__caption\">\n\t\t\t\t{{ resolvedCaption }}\n\t\t\t</div>\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nimport { NcLoadingIcon } from '@nextcloud/vue'\nimport { inject, ref } from 'vue'\nimport TrendingDown from 'vue-material-design-icons/TrendingDown.vue'\nimport TrendingNeutral from 'vue-material-design-icons/TrendingNeutral.vue'\nimport TrendingUp from 'vue-material-design-icons/TrendingUp.vue'\nimport CnWidgetIcon from '../CnWidgetGrid/CnWidgetIcon.vue'\nimport { getByPath, useEndpointSource } from '../../composables/useEndpointSource.js'\nimport widgetLink from '../../mixins/widgetLink.js'\nimport { resolveObjectTokenContext } from '../../utils/detailObjectContext.js'\nimport { fetchAggregateValue } from '../../utils/fetchAggregate.js'\nimport { formatMetricValue, unwrapAppConfig } from '../../utils/formatMetric.js'\nimport { dropOptionalUnresolved, resolveFilterTokens, resolveFilterValue } from '../../utils/resolveFilterTokens.js'\nimport { STATUS_TEXT_COLORS } from '../../utils/statusColors.js'\n\n// The canonical KPI card, shared with CnStatWidget and CnStatsBlock.\n// Imported here so the tile is styled even when the consuming app pulls in\n// components individually rather than through css/index.css.\nimport '../../css/kpi-card.css'\n\n/*\n CnDeltaWidget — an abstract comparison / delta KPI tile.\n \n Reads TWO scalars from OpenRegister's aggregation `/value` endpoint — a\n * `current` value and a `previous` value — and renders the current value\n * alongside the percentage change between them, with a directional arrow tinted\n * good/bad according to `goodDirection`. Use it for period-over-period KPIs\n * (e.g. \"this month's revenue vs last month\") by combining relative filter\n * tokens (`@monthStart`, `@quarterStart`, …) in each leg's filter. Nothing is\n * hard-coded — every fleet app gets the same editable delta tile (ADR-041).\n \n Resolved by its registry type key `delta`; reference it from a manifest\n * placement `{ id, type: 'delta', content: { label, source, format, ... } }`.\n \n Example content blob:\n * ```js\n * content: {\n * label: 'Revenue (MTD)',\n * icon: 'Cash',\n * format: { style: 'currency', currency: 'EUR', decimals: 0 },\n * source: {\n * register: 'pipelinq', schema: 'lead', metric: 'sum', field: 'value',\n * goodDirection: 'up',\n * current: { filter: { status: 'won', closedAt: { gte: '@monthStart' } } },\n * previous: { filter: { status: 'won', closedAt: { gte: '@monthStart-1mo', lt: '@monthStart' } } },\n * },\n * }\n * ```\n \n ENDPOINT BINDING (Wave 2, #91) — instead of the two OpenRegister legs, the\n * tile can read BOTH values from one app REST payload through the shared\n * `useEndpointSource` engine (token-resolved params, request dedup + TTL\n * cache, `cn:page:refresh` / `cn:widget:refresh` subscription). Exactly ONE\n * of `source` \| `endpointSource` may be configured (validator-enforced).\n * The pipelinq `previousPeriod` overview contract:\n * ```js\n * content: {\n * label: 'Revenue',\n * format: { style: 'currency', currency: 'EUR', decimals: 0 },\n * endpointSource: {\n * url: '/apps/pipelinq/api/analytics/commercial',\n * params: { period: '@workspace.datePreset?' },\n * },\n * valueField: 'revenue', // current value (dot-path)\n * previousField: 'previousPeriod.revenue', // previous value (dot-path)\n * // deltaField: 'revenueDeltaPct', // OR a server-computed percent\n * goodDirection: 'up',\n * }\n * ```\n /\nexport default {\n\tname: 'CnDeltaWidget',\n\n\tcomponents: {\n\t\tNcLoadingIcon,\n\t\tCnWidgetIcon,\n\t\tTrendingUp,\n\t\tTrendingDown,\n\t\tTrendingNeutral,\n\t},\n\n\tmixins: [widgetLink],\n\n\tinject: {\n\t\t/\n\t\t Detail-page object context (`{ objectId, object }`) for `@objectId` /\n\t\t * `@object.<field>` filter tokens. Null off a detail page.\n\t\t /\n\t\tcnObjectContext: { default: null },\n\t\t/\n\t\t v2 slot-grid detail context holder provided by CnPageRenderer —\n\t\t * backfills the object token context where CnDetailPage is not an\n\t\t * ancestor (#91 Wave 3).\n\t\t /\n\t\tcnDetailObjectContext: { default: null },\n\t\t/\n\t\t Page-level workspace context (a reactive `{ <key>: value }` map)\n\t\t * provided by CnDashboardPage. Drives `@workspace.<param>` token\n\t\t * resolution — e.g. the date-range pills publish `dateFrom` / `dateTo`,\n\t\t * so a leg filter can scope to the picked window.\n\t\t /\n\t\tcnWorkspaceContext: { default: () => ({}) },\n\t\t/\n\t\t Page-level app config map (reactive `{ <key>: value }`) provided by\n\t\t * CnDashboardPage / CnDetailPage. Resolves `@config.<key>` tokens in the\n\t\t * `format.currency` / `format.prefix` / `format.suffix` strings (e.g. the\n\t\t * reporting currency captured by the setup wizard). Defaults to `{}`.\n\t\t /\n\t\tcnAppConfig: { default: () => ({}) },\n\t\t/\n\t\t Host translate function provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). The\n\t\t * manifest-authored `content.label` / `content.caption` are run\n\t\t * through it, exactly as CnStatWidget does. Defaults to an identity\n\t\t * function so an untranslated key renders as itself.\n\t\t /\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/\n\t\t The widget's persisted configuration blob. An optional `route`\n\t\t * (vue-router location), `clickRoute` (Wave-2 alias), or `link`\n\t\t * (external href) turns the whole tile into a click-through target\n\t\t * (see the widgetLink mixin).\n\t\t \n\t\t Wave 2 (#91): `endpointSource` (`{ url, method?, params?,\n\t\t * responsePath? }`) reads BOTH legs from one app REST payload —\n\t\t * `valueField` plucks the current value, `previousField` the previous\n\t\t * value (the delta percent is computed client-side), or `deltaField`\n\t\t * supplies a server-computed percent directly. Exactly one of\n\t\t * `source` \| `endpointSource`. `goodDirection` moves to the content\n\t\t * top level in endpoint mode (`source.goodDirection` still wins for\n\t\t * the OpenRegister form).\n\t\t \n\t\t @type {{label?: string, icon?: string, iconColor?: string, caption?: string, route?: (object\|string), clickRoute?: (object\|string), link?: string, format?: {style?: string, currency?: string, decimals?: number, prefix?: string, suffix?: string}, source?: {register?: string, schema?: string, metric?: string, field?: string, goodDirection?: ('up'\|'down'), current?: {filter?: object}, previous?: {filter?: object}}, endpointSource?: {url: string, method?: string, params?: object, responsePath?: string}, valueField?: string, previousField?: string, deltaField?: string, goodDirection?: ('up'\|'down')}}\n\t\t /\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/\n\t\t Translate function. Falls back to the injected `cnTranslate`\n\t\t * (itself an identity function by default). Provide explicitly when\n\t\t * mounting CnDeltaWidget outside a CnAppRoot ancestor.\n\t\t \n\t\t @type {((key: string) => string)\|null}\n\t\t /\n\t\ttranslate: {\n\t\t\ttype: Function,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tsetup(props) {\n\t\t// Endpoint binding (Wave 2): the shared useEndpointSource engine owns\n\t\t// token resolution, request dedup + TTL caching, and the\n\t\t// cn:page:refresh / cn:widget:refresh subscriptions. No-op while\n\t\t// `content.endpointSource` is absent, so the two-leg OpenRegister\n\t\t// path below is untouched. Injects re-read in setup (same resolution\n\t\t// as the Options `inject` block — the CnChartWidget precedent).\n\t\tconst objectCtxRaw = inject('cnObjectContext', null)\n\t\tconst detailCtxRaw = inject('cnDetailObjectContext', null)\n\t\tconst workspaceRaw = inject('cnWorkspaceContext', ref({}))\n\t\tconst appConfigRaw = inject('cnAppConfig', ref({}))\n\t\tconst unwrap = (v) => ((v && typeof v === 'object' && 'value' in v) ? v.value : v)\n\t\tconst { data, loading, error, refetch } = useEndpointSource(\n\t\t\t() => (props.content && props.content.endpointSource) \|\| null,\n\t\t\t{\n\t\t\t\tctx: () => ({\n\t\t\t\t\t...(resolveObjectTokenContext(objectCtxRaw, detailCtxRaw) \|\| {}),\n\t\t\t\t\tworkspace: unwrap(workspaceRaw) \|\| {},\n\t\t\t\t\tconfig: unwrap(appConfigRaw) \|\| {},\n\t\t\t\t}),\n\t\t\t},\n\t\t)\n\t\treturn { epData: data, epLoading: loading, epError: error, epRefetch: refetch }\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tcurrent: null,\n\t\t\tprevious: null,\n\t\t\tloading: false,\n\t\t\terror: '',\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t Effective translate function: the explicit `translate` prop when\n\t\t * given, else the injected `cnTranslate` (identity by default).\n\t\t \n\t\t @return {(key: string) => string}\n\t\t /\n\t\teffectiveTranslate() {\n\t\t\treturn this.translate ?? this.cnTranslate\n\t\t},\n\n\t\t/\n\t\t The tile label, run through the host translate function so a\n\t\t * manifest-authored source string localises to the user's language.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tresolvedLabel() {\n\t\t\tconst label = this.content.label\n\t\t\treturn label ? this.effectiveTranslate(label) : ''\n\t\t},\n\n\t\t/\n\t\t The tile caption, run through the host translate function.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tresolvedCaption() {\n\t\t\tconst caption = this.content.caption\n\t\t\treturn caption ? this.effectiveTranslate(caption) : ''\n\t\t},\n\n\t\t/\n\t\t The unwrapped page-level app config map for `@config.` token\n\t\t resolution. Always an object (defaults to `{}`).\n\t\t \n\t\t @return {object}\n\t\t /\n\t\tconfigCtx() {\n\t\t\tconst c = this.cnAppConfig\n\t\t\tconst unwrapped = (c && typeof c === 'object' && 'value' in c) ? c.value : c\n\t\t\treturn (unwrapped && typeof unwrapped === 'object') ? unwrapped : {}\n\t\t},\n\n\t\t/\n\t\t The `content.format` spec with its `currency` / `prefix` / `suffix`\n\t\t * `@config.<key>` tokens resolved against the page-level app config. A\n\t\t * required token that stays unset is dropped so the downstream default\n\t\t * applies (EUR for currency, empty for prefix/suffix) rather than being\n\t\t * passed to `Intl.NumberFormat` as a literal `@config.…` (which throws).\n\t\t \n\t\t @return {object} The resolved format spec.\n\t\t /\n\t\tresolvedFormat() {\n\t\t\tconst fmt = this.content.format \|\| {}\n\t\t\tconst ctx = { config: this.configCtx }\n\t\t\tconst out = { ...fmt }\n\t\t\tfor (const key of ['currency', 'prefix', 'suffix']) {\n\t\t\t\tconst raw = fmt[key]\n\t\t\t\tif (typeof raw !== 'string' \|\| raw.charAt(0) !== '@') {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst resolved = resolveFilterValue(raw, ctx)\n\t\t\t\tout[key] = (typeof resolved === 'string' && resolved.charAt(0) === '@') ? undefined : resolved\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\n\t\t/* Inline style for the icon circle (tinted with iconColor). /\n\t\ticonCircleStyle() {\n\t\t\tconst color = this.content.iconColor \|\| this.content.valueColor \|\| 'var(--color-primary-element)'\n\t\t\treturn { color, backgroundColor: this.tint(color) }\n\t\t},\n\n\t\t/\n\t\t Card orientation. Horizontal (icon beside the number) is the\n\t\t * canonical KPI card; `content.layout: 'vertical'` stacks the icon\n\t\t * above a centred number.\n\t\t \n\t\t @return {'horizontal'\|'vertical'}\n\t\t /\n\t\tcardLayout() {\n\t\t\treturn (this.content \|\| {}).layout === 'vertical' ? 'vertical' : 'horizontal'\n\t\t},\n\n\t\t/\n\t\t Whether the card draws no box of its own. On by default — the tile\n\t\t * is rendered inside a CnWidgetWrapper that already draws a card.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tflat() {\n\t\t\treturn (this.content \|\| {}).flat !== false\n\t\t},\n\n\t\t/* Inline colour for the value, when the tile names one. /\n\t\tvalueStyle() {\n\t\t\treturn this.content.valueColor ? { color: this.content.valueColor } : {}\n\t\t},\n\n\t\t/\n\t\t Whether the tile is endpoint-bound (Wave 2): a `content.endpointSource`\n\t\t * with a `url` reads both legs from one shared payload instead of the\n\t\t * two OpenRegister aggregation legs. Exactly one of `source` \|\n\t\t * `endpointSource` is allowed (validator-enforced); endpointSource\n\t\t * wins when both slip through.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tendpointMode() {\n\t\t\tconst es = this.content.endpointSource\n\t\t\treturn !!(es && es.url)\n\t\t},\n\n\t\t/\n\t\t The current value for the active source: the payload value at\n\t\t * `content.valueField` in endpoint mode, else the OpenRegister\n\t\t * `current` leg.\n\t\t \n\t\t @return {number\|string\|null}\n\t\t /\n\t\teffectiveCurrent() {\n\t\t\tif (!this.endpointMode) {\n\t\t\t\treturn this.current\n\t\t\t}\n\t\t\tconst v = getByPath(this.epData, this.content.valueField)\n\t\t\treturn v === undefined ? null : v\n\t\t},\n\n\t\t/\n\t\t The previous value for the active source: the payload value at\n\t\t * `content.previousField` in endpoint mode, else the OpenRegister\n\t\t * `previous` leg.\n\t\t \n\t\t @return {number\|string\|null}\n\t\t /\n\t\teffectivePrevious() {\n\t\t\tif (!this.endpointMode) {\n\t\t\t\treturn this.previous\n\t\t\t}\n\t\t\tconst v = getByPath(this.epData, this.content.previousField)\n\t\t\treturn v === undefined ? null : v\n\t\t},\n\n\t\t/\n\t\t Loading state for the active source (endpoint or OpenRegister).\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tdisplayLoading() {\n\t\t\treturn this.endpointMode ? this.epLoading : this.loading\n\t\t},\n\n\t\t/\n\t\t Error message for the active source ('' = none).\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tdisplayError() {\n\t\t\treturn this.endpointMode ? this.epError : this.error\n\t\t},\n\n\t\t/* The current value, number-formatted per content.format. /\n\t\tformattedCurrent() {\n\t\t\treturn this.formatNumber(this.effectiveCurrent)\n\t\t},\n\n\t\t/\n\t\t Percentage change current vs previous, or null when not computable.\n\t\t * In endpoint mode a `content.deltaField` (a server-computed percent\n\t\t * plucked from the payload) wins over the client-side computation.\n\t\t /\n\t\tdeltaPct() {\n\t\t\tif (this.endpointMode && this.content.deltaField) {\n\t\t\t\tconst v = Number(getByPath(this.epData, this.content.deltaField))\n\t\t\t\treturn Number.isFinite(v) ? v : null\n\t\t\t}\n\t\t\tconst prev = Number(this.effectivePrevious)\n\t\t\tconst cur = Number(this.effectiveCurrent)\n\t\t\tif (!Number.isFinite(prev) \|\| prev === 0 \|\| !Number.isFinite(cur)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn ((cur - prev) / Math.abs(prev)) 100\n\t\t},\n\n\t\t/** The signed percentage, e.g. \"+12.3%\". /\n\t\tformattedDelta() {\n\t\t\tif (this.deltaPct === null) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst sign = this.deltaPct > 0 ? '+' : ''\n\t\t\treturn `${sign}${this.deltaPct.toFixed(1)}%`\n\t\t},\n\n\t\t/* The arrow component for the delta direction. /\n\t\tdeltaIcon() {\n\t\t\tif (this.deltaPct === null \|\| Math.abs(this.deltaPct) < 0.05) {\n\t\t\t\treturn 'TrendingNeutral'\n\t\t\t}\n\t\t\treturn this.deltaPct > 0 ? 'TrendingUp' : 'TrendingDown'\n\t\t},\n\n\t\t/\n\t\t Green when the change is in the configured good direction, else red.\n\t\t * `source.goodDirection` (the OpenRegister form) wins; endpoint-bound\n\t\t * tiles declare `content.goodDirection` at the top level.\n\t\t /\n\t\tdeltaColor() {\n\t\t\tif (this.deltaPct === null \|\| Math.abs(this.deltaPct) < 0.05) {\n\t\t\t\treturn 'var(--color-text-maxcontrast)'\n\t\t\t}\n\t\t\tconst good = (this.content.source && this.content.source.goodDirection)\n\t\t\t\t\|\| this.content.goodDirection \|\| 'up'\n\t\t\tconst rising = this.deltaPct > 0\n\t\t\tconst isGood = good === 'up' ? rising : !rising\n\t\t\treturn isGood ? STATUS_TEXT_COLORS.success : STATUS_TEXT_COLORS.error\n\t\t},\n\n\t\t/* Stable signature so the watcher only refetches on real change. /\n\t\tsourceKey() {\n\t\t\treturn JSON.stringify(this.content.source \|\| {})\n\t\t},\n\n\t\t/* Merged detail-page object context (`{ objectId, object, register, schema }`) or null — both detail-surface injects (#91 Wave 3). /\n\t\tobjectCtx() {\n\t\t\treturn resolveObjectTokenContext(this.cnObjectContext, this.cnDetailObjectContext)\n\t\t},\n\n\t\t/* Unwrapped page-level workspace context map (always an object). /\n\t\tpageCtx() {\n\t\t\tconst c = this.cnWorkspaceContext\n\t\t\tconst v = (c && typeof c === 'object' && 'value' in c) ? c.value : c\n\t\t\treturn v \|\| {}\n\t\t},\n\n\t\t/* Workspace signature so the widget refetches when the date window changes. /\n\t\tworkspaceKey() {\n\t\t\treturn JSON.stringify(this.pageCtx \|\| {})\n\t\t},\n\t},\n\n\twatch: {\n\t\tsourceKey() {\n\t\t\tthis.fetchValues()\n\t\t},\n\n\t\tworkspaceKey() {\n\t\t\tthis.fetchValues()\n\t\t},\n\t},\n\n\tmounted() {\n\t\tthis.fetchValues()\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Derive a faint background tint for the icon circle from a colour.\n\t\t \n\t\t @param {string} color The base colour (hex or CSS var).\n\t\t * @return {string} A translucent or token background.\n\t\t /\n\t\ttint(color) {\n\t\t\tif (typeof color === 'string' && /^#([0-9a-f]{6})$/i.test(color)) {\n\t\t\t\treturn color + '1f'\n\t\t\t}\n\t\t\treturn 'var(--color-primary-element-light, rgba(0,130,201,0.1))'\n\t\t},\n\n\t\t/\n\t\t Format a number per the content.format spec (number/currency/percent).\n\t\t \n\t\t @param {number\|string\|null} value The raw value.\n\t\t * @return {string} The formatted string.\n\t\t /\n\t\tformatNumber(value) {\n\t\t\treturn formatMetricValue(value, this.resolvedFormat, unwrapAppConfig(this.cnAppConfig), null, this.effectiveTranslate)\n\t\t},\n\n\t\t/\n\t\t Fetch the current and previous aggregates from OpenRegister.\n\t\t \n\t\t @return {Promise<void>}\n\t\t /\n\t\tasync fetchValues() {\n\t\t\t// Endpoint-bound tiles are fetched by the shared useEndpointSource\n\t\t\t// engine (see setup) — the two-leg OpenRegister path must not fire.\n\t\t\tif (this.endpointMode) {\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t\tthis.error = ''\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst s = this.content.source \|\| {}\n\t\t\tif (!s.register \|\| !s.schema) {\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t\tthis.error = ''\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\tthis.error = ''\n\t\t\ttry {\n\t\t\t\tconst base = { register: s.register, schema: s.schema, metric: s.metric, field: s.field }\n\t\t\t\t// Resolve `@workspace.` (date-range pills) / `@objectId` / `@object.`\n\t\t\t\t// per leg, then drop any optional `@workspace.<key>?` that stayed\n\t\t\t\t// unresolved (an unset window) so the leg falls back to its base\n\t\t\t\t// scope instead of sending a literal token. fetchAggregateValue does\n\t\t\t\t// NOT drop optional tokens itself, so we pre-resolve here.\n\t\t\t\tconst ctx = { ...(this.objectCtx \|\| {}), workspace: this.pageCtx }\n\t\t\t\tconst curFilter = dropOptionalUnresolved(resolveFilterTokens((s.current && s.current.filter) \|\| {}, ctx))\n\t\t\t\tconst prevFilter = dropOptionalUnresolved(resolveFilterTokens((s.previous && s.previous.filter) \|\| {}, ctx))\n\t\t\t\tconst [cur, prev] = await Promise.all([\n\t\t\t\t\tfetchAggregateValue({ ...base, filter: curFilter }, ctx),\n\t\t\t\t\tfetchAggregateValue({ ...base, filter: prevFilter }, ctx),\n\t\t\t\t])\n\t\t\t\tthis.current = cur\n\t\t\t\tthis.previous = prev\n\t\t\t} catch (e) {\n\t\t\t\tthis.error = (e && e.message) \|\| 'error'\n\t\t\t\tthis.current = null\n\t\t\t\tthis.previous = null\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n/\n * The card itself — its box, body stack, icon circle, title and value\n * typography — is the CANONICAL KPI card in src/css/kpi-card.css, shared with\n * CnStatWidget and CnStatsBlock. This tile is the one the canonical look was\n * modelled on, and it used to draw that look from its OWN copy of the rules\n * here: a 44px circle, a 16px gap, a 1.8em value. That copy is exactly how a\n * \"canonical\" card ends up with a second definition, so it is gone. What is\n * left is only what belongs to THIS widget: the delta chip and the error glyph.\n /\n\n/ The percentage-change chip beside the value. Tinted good/bad at runtime from\n * `goodDirection`, so the colour is an inline style, not a class. /\n.cn-delta-widget__delta {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 2px;\n\tfont-size: var(--cn-kpi-label-size, 13px);\n\tfont-weight: var(--cn-kpi-title-weight, 600);\n}\n\n/ The dash shown when the number could not be fetched. It stands where the\n * value stands, so it takes the value's size and weight — only the colour\n * differs, because a failure is not a number. */\n.cn-delta-widget__error {\n\tfont-size: var(--cn-kpi-value-size, 2rem);\n\tfont-weight: var(--cn-kpi-value-weight, 700);\n\tline-height: var(--cn-kpi-value-line, 1.1);\n\tcolor: var(--cn-kpi-label-color, var(--color-text-maxcontrast));\n}\n</style>\n"],"names":["_createBlock","_mergeProps","_createElementBlock","_createVNode","_Fragment","_openBlock","_resolveDynamicComponent","_createTextVNode"],"mappings":";;;;AA8BQ,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,mDAAmD,GAAA;;;;AAerD,EAAA,KAAA,EAAA,6CAAA;;;;;;;uBApCTA,oCACI,IAAO,CAAA,OAAA,CAAA,EADXC;SAEK,GAAA,6BAA6B,EAAA;AAClC,GAAA,EAAA,wBAAA,EAAA,IAAA,CAAA,QAAA,6BAAA,IAAA,CAAA,QAAA,EAAA;qBAAA,QAAA,CAAA,UAAA;GAAA,QAAA,CAAA,IAAA,GAAA,mBAAA,GAAA,qBAAA;;KAKO,IAAS,CAAA,SAAA,CAAA,EAAA;qBAChB,MAKK;AAJD,MAAA,CAAA,MAAA,CAAA,OAAA,CAAA,IAAA;wBADJC,kBAKK,CAAA,KAAA,EAAA;;;AAFJ,YAAA,KAAK,iBAAE,QAAe,CAAA,eAAA,CAAA;;YACvBC,WAAgD,CAAA,uBAAA,EAAA;cAAjC,IAAI,EAAE,MAAO,CAAA,OAAA,CAAC,IAAI;AAAG,cAAA,IAAI,EAAE,EAAE;;;;;AAIjC,QAAA,CAAA,MAAA,CAAA,OAAO,CAAC,KAAK;0BAAxBD;;AAA0B,cAAA,KAAK,EAAC,2CAA8B;AAAA,cAAA,KAAA,EAAA,QAAA,CAAA,aAAA;+BAC1D,QAAa,CAAA,aAAA,CAAA,EAAA,CAAA,oBAAA,UAAA,CAAA;;2BAgBZ,iBAAA,EAAA;WAZC,QAAA,CAAA,cAAA;uCAAA,CAAA,wBAAA,EAAA;;AAAA,gBAAA,IAAA,EAAA,EAAA;;eACY,QAAQ,CAAA,YAAA;8BAAvBA,kBAAuB,CAAA,MAAA,EAAA;;AAAA,kBAAA,KAAA,EAAA,wBAAA;AAAA,kBAAA,KAAA,EAAA,QAAA,CAAA,YAAA;mBAAA,GAAA,EAAA,CAAA,cAAA,UAAA,CAAA;gDAUd,CAAAE,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;oCARqB,CAAA,MAAA,EAAA;AAAzB,oBAAA,KAAK,EAAC,2CAAmB;AAAA,oBAAA,KAAA,iBAAA,QAAA,CAAA,UAAA,CAAA;qCAAA,QAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,mBAAA;mBAExB,QAAQ,CAAA,QAAA,KAAA,IAAA;oCADdF,kBAMM,CAAA,MAAA,EAAA;;AAJN,wBAAA,KAAK,EAAA,wBAAA;AACJ,wBAAA,KAAK,0BAAE,QAAA,CAAA,UAAA,EAAA,CAAA;;AACR,yBAAAG,SAAA,EAAA,EAAAL,WAAA,CAAEM,uBAAA,CAAA,QAAA,CAAA,SAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAAA,wBAAAC,eAAA,CAAA;;;;;AAMI,QAAA,CAAA,CAAA,QAAA,CAAA,cAAA,IAAA,CAAA,QAAA,CAAA,YAAA,IAAA,MAAA,CAAA,OAAA,CAAA,OAAA;0BAATL,0BAAA;;;;;;;;;;"}