@magmonium/one 0.4.58 → 0.4.60

package/fesm2022/magmonium-one.mjs

@@ -1,33 +1,33 @@
 import { t as __exportAll } from "./magmonium-one-rolldown-runtime-DpJrqANO.mjs";
-import { $ as SEARCH_RESULTS_EVENT, A as isLocalhost, B as FOLDER_PICK_LISTENER, C as definedWcTierOf, D as wcLocalBaseOf, E as setWcTier, F as APP_LINK, G as LOADING_ACTIONS_REF, H as ICON_SOURCE, I as ASSET_BASE_URL, J as MODAL_STORE_REF, K as LOGIN_COMPONENT, L as AppAvailability, M as isUrlLocalhost, N as isWebComponent, O as wcTierOf, P as APP_CONTEXT_REF, Q as SEARCH_QUERY, R as AppRelationType, S as definedWcBundleOf, T as setWcLocalPort, U as IS_DESIGN_MODE, V as HOST_SESSION, W as IS_SIDE_PANEL, X as ONE_ASSET_BASE_URL, Y as NAV_STORE_REF, Z as OPTIONS_SOURCE, _ as StorageService, a as resolveSpacing, at as LAYOUT_ASSET_FOLDER, b as HttpService, c as TranslatePipe, ct as Size, d as browserLocale, et as TRANSLATION_SOURCE, f as escapeHtml, g as SharedStoreRegistry, h as AssetStore, i as resolveSize, it as FORM_ASSET_FOLDER, j as isTierPreview, k as getTierFromPreviewPath, l as TranslateService, m as miniMarkToHtml, n as isSize, nt as WC_BUNDLE, o as toCssLength, ot as Assets, p as miniMarkInlineToHtml, q as LOGIN_STORE, r as resolveIconSize, rt as WC_SEARCH_GROUPS, s as toLength, st as DEFAULT_SIZE, t as coerceSize, tt as USER_STORE_REF, u as BrowserLocaleService, v as isJson, w as recordDefinedWcTier, x as buildWcBaseUrl, y as ACCESS_DOMAINS, z as COMPONENT_INPUT_REGISTRY } from "./magmonium-one-size-converter-BOLtxL8d.mjs";
-import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-Do0PsJBx.mjs";
+import { $ as SEARCH_RESULTS_EVENT, A as isLocalhost, B as FOLDER_PICK_LISTENER, C as definedWcTierOf, D as wcLocalBaseOf, E as setWcTier, F as APP_LINK, G as LOADING_ACTIONS_REF, H as ICON_SOURCE, I as ASSET_BASE_URL, J as MODAL_STORE_REF, K as LOGIN_COMPONENT, L as AppAvailability, M as isUrlLocalhost, N as isWebComponent, O as wcTierOf, P as APP_CONTEXT_REF, Q as SEARCH_QUERY, R as AppRelationType, S as definedWcBundleOf, T as setWcLocalPort, U as IS_DESIGN_MODE, V as HOST_SESSION, W as IS_SIDE_PANEL, X as ONE_ASSET_BASE_URL, Y as NAV_STORE_REF, Z as OPTIONS_SOURCE, _ as StorageService, a as resolveSpacing, at as LAYOUT_ASSET_FOLDER, b as HttpService, c as TranslatePipe, ct as Size, d as browserLocale, et as TRANSLATION_SOURCE, f as escapeHtml, g as SharedStoreRegistry, h as AssetStore, i as resolveSize, it as FORM_ASSET_FOLDER, j as isTierPreview, k as getTierFromPreviewPath, l as TranslateService, m as miniMarkToHtml, n as isSize, nt as WC_BUNDLE, o as toCssLength, ot as Assets, p as miniMarkInlineToHtml, q as LOGIN_STORE, r as resolveIconSize, rt as WC_SEARCH_GROUPS, s as toLength, st as DEFAULT_SIZE, t as coerceSize, tt as USER_STORE_REF, u as BrowserLocaleService, v as isJson, w as recordDefinedWcTier, x as buildWcBaseUrl, y as ACCESS_DOMAINS, z as COMPONENT_INPUT_REGISTRY } from "./magmonium-one-size-converter-BqkALIWA.mjs";
+import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-CeqlecBa.mjs";
 import { t as FileService } from "./magmonium-one-file.service-D39FjShR.mjs";
-import { C as isLightAppColor, D as readableAppColor, E as normalizeAppColor, O as rebuildLogoGlyph, S as appLogoShadowColor, T as logoGlyphMaskUrl, _ as AppLogoState, a as calculateLuminance, b as LOGO_GLYPH_MAX_BYTES, c as hexToRgb, d as derivePropertyName, f as getProperty, g as APP_THEME_COLOR, h as APP_LOGO_SOURCE, i as deriveOppositeColor, k as ThemeDataService, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor, v as appThemeColorFactory, w as isReadableOn, x as appColorBrand, y as paintAppColor } from "./magmonium-one-color-utl-Bd80JrEQ.mjs";
-import "./magmonium-one-theme-Ce9i3H3R.mjs";
-import { a as sectionTableColumnId, c as sortSectionTableRows, d as PercentagePipe, f as MoneyPipe, i as nextSectionTableSort, l as AssetUrlPipe, n as SectionTableSortPipe, o as sectionTableColumnWidths, p as TimeAgoPipe, r as defaultSectionTableSort, s as sectionTableFrozenCount, t as LabelComponent, u as CompactNumberPipe } from "./magmonium-one-label-B8WJHiU4.mjs";
-import { a as SIZE_CONTEXT, c as SHARED_ICONS, i as APP_LOGO_ICON, n as CustomIconClass, o as injectParentSize, r as IconComponent, s as provideSizeContext, t as CustomIconEditComponent } from "./magmonium-one-icon-dAR6gd-q.mjs";
-import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-BobQXKUK.mjs";
-import { a as isButtonName, c as formatBadgeCount, l as shouldShowBadge, n as SECTION_FORM_CONTEXT, o as ReactiveElementComponent, r as ImgComponent, s as BadgeComponent, t as ButtonComponent } from "./magmonium-one-button-B1KCA8KO.mjs";
-import { t as MRefDirective } from "./magmonium-one-m-ref-BdP7Kzhk.mjs";
-import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-By4-vPVk.mjs";
+import { C as isLightAppColor, D as readableAppColor, E as normalizeAppColor, O as rebuildLogoGlyph, S as appLogoShadowColor, T as logoGlyphMaskUrl, _ as AppLogoState, a as calculateLuminance, b as LOGO_GLYPH_MAX_BYTES, c as hexToRgb, d as derivePropertyName, f as getProperty, g as APP_THEME_COLOR, h as APP_LOGO_SOURCE, i as deriveOppositeColor, k as ThemeDataService, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor, v as appThemeColorFactory, w as isReadableOn, x as appColorBrand, y as paintAppColor } from "./magmonium-one-color-utl-BA51l-Rw.mjs";
+import "./magmonium-one-theme-BtQyLRdQ.mjs";
+import { a as sectionTableColumnId, c as sortSectionTableRows, d as PercentagePipe, f as MoneyPipe, i as nextSectionTableSort, l as AssetUrlPipe, n as SectionTableSortPipe, o as sectionTableColumnWidths, p as TimeAgoPipe, r as defaultSectionTableSort, s as sectionTableFrozenCount, t as LabelComponent, u as CompactNumberPipe } from "./magmonium-one-label-BJcQs0Nd.mjs";
+import { a as SIZE_CONTEXT, c as SHARED_ICONS, i as APP_LOGO_ICON, n as CustomIconClass, o as injectParentSize, r as IconComponent, s as provideSizeContext, t as CustomIconEditComponent } from "./magmonium-one-icon-CH-g8CUR.mjs";
+import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-CPh-lJPV.mjs";
+import { a as isButtonName, c as formatBadgeCount, l as shouldShowBadge, n as SECTION_FORM_CONTEXT, o as ReactiveElementComponent, r as ImgComponent, s as BadgeComponent, t as ButtonComponent } from "./magmonium-one-button-BvX-kWgh.mjs";
+import { t as MRefDirective } from "./magmonium-one-m-ref-DLIAzywu.mjs";
+import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-BNd1hbLw.mjs";
 import { t as InputType } from "./magmonium-one-input-DqHPorA1.mjs";
-import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-CyVd_a7p.mjs";
-import { a as ToolTipDirective, c as DragListItemDirective, d as MarginDirective, f as PaddingDirective, i as PositionDirective, l as DragListDirective, n as stringToColor, o as FileUploadDirective, p as SPACING_INWARD, r as HighlightDirective, s as AutosizeDirective, t as MHeroColorDirective, u as DraggableDirective } from "./magmonium-one-directives-Dbe0pfCf.mjs";
-import { t as HeaderComponent } from "./magmonium-one-header-CckG0DHr.mjs";
-import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-BPhM2IIa.mjs";
-import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-CxswmD0O.mjs";
-import { t as BaseInputComponent } from "./magmonium-one-base-input-KRWQalNW.mjs";
-import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-HyEol70U.mjs";
-import { t as TextOutputComponent } from "./magmonium-one-text-output-Dkx0i1iu.mjs";
-import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-bwMjlhHR.mjs";
-import { t as RadioInputComponent } from "./magmonium-one-radio-BanML2y5.mjs";
-import { t as TextInputComponent } from "./magmonium-one-text-DDA0gCOd.mjs";
-import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-mv5rz3uW.mjs";
-import { t as RangeInputComponent } from "./magmonium-one-range-B_3WiQR7.mjs";
-import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-BgLka4oB.mjs";
+import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-CTRdyVrI.mjs";
+import { a as ToolTipDirective, c as DragListItemDirective, d as MarginDirective, f as PaddingDirective, i as PositionDirective, l as DragListDirective, n as stringToColor, o as FileUploadDirective, p as SPACING_INWARD, r as HighlightDirective, s as AutosizeDirective, t as MHeroColorDirective, u as DraggableDirective } from "./magmonium-one-directives-DM6J1Hvs.mjs";
+import { t as HeaderComponent } from "./magmonium-one-header-BylTUAGY.mjs";
+import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-cbqVX51M.mjs";
+import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-Ct4s8-W_.mjs";
+import { t as BaseInputComponent } from "./magmonium-one-base-input-B92NOmxz.mjs";
+import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-ChjG3GNw.mjs";
+import { t as TextOutputComponent } from "./magmonium-one-text-output-nJBGhbwG.mjs";
+import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-LdM6dqF_.mjs";
+import { t as RadioInputComponent } from "./magmonium-one-radio-yizQzCrD.mjs";
+import { t as TextInputComponent } from "./magmonium-one-text-DT9ia02A.mjs";
+import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-CDJX9iFR.mjs";
+import { t as RangeInputComponent } from "./magmonium-one-range-B6JesBOM.mjs";
+import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-DgfWj1wC.mjs";
 import { o as isEditableImage, s as outputSize } from "./magmonium-one-image-frame-BTSaUSAi.mjs";
 import * as i0 from "@angular/core";
-import { ApplicationRef, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, DOCUMENT, DestroyRef, Directive, ElementRef, EventEmitter, HostAttributeToken, HostBinding, HostListener, Injectable, InjectionToken, Injector, Input, Output, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, afterEveryRender, afterNextRender, afterRenderEffect, computed, contentChild, contentChildren, createComponent, effect, forwardRef, inject, input, inputBinding, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, outputBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection, reflectComponentType, runInInjectionContext, signal, twoWayBinding, untracked, viewChild, viewChildren } from "@angular/core";
+import { ApplicationRef, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, DOCUMENT, DestroyRef, Directive, ElementRef, EventEmitter, HostAttributeToken, HostBinding, HostListener, Injectable, InjectionToken, Injector, Input, LOCALE_ID, Output, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, afterEveryRender, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, contentChildren, createComponent, effect, forwardRef, inject, input, inputBinding, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, outputBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection, reflectComponentType, runInInjectionContext, signal, twoWayBinding, untracked, viewChild, viewChildren } from "@angular/core";
 import { HttpErrorResponse, provideHttpClient, withFetch, withInterceptors } from "@angular/common/http";
 import { EMPTY, Observable, Subject, catchError, combineLatest, distinctUntilChanged, filter, finalize, firstValueFrom, forkJoin, from, fromEvent, map, mergeMap, of, pipe, race, shareReplay, startWith, switchMap, take, tap, throwError } from "rxjs";
 import { rxResource, takeUntilDestroyed, toObservable, toSignal } from "@angular/core/rxjs-interop";
@@ -744,12 +744,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 		try {
 			switch (type) {
 				case InputType.RADIO: {
-					const { RadioInputComponent } = await import("./magmonium-one-radio-BanML2y5.mjs").then((n) => n.n);
+					const { RadioInputComponent } = await import("./magmonium-one-radio-yizQzCrD.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RadioInputComponent);
 					break;
 				}
 				case InputType.TOGGLE: {
-					const { ToggleInputComponent } = await import("./magmonium-one-toggle-C5-GwMSQ.mjs");
+					const { ToggleInputComponent } = await import("./magmonium-one-toggle-BPInV6K-.mjs");
 					this.createDynamicComponent(seq, ToggleInputComponent, [], true);
 					break;
 				}
@@ -759,12 +759,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.PASSWORD: {
-					const { PasswordInputComponent } = await import("./magmonium-one-password-CTnJ9M7d.mjs");
+					const { PasswordInputComponent } = await import("./magmonium-one-password-C7W01COQ.mjs");
 					this.createDynamicComponent(seq, PasswordInputComponent);
 					break;
 				}
 				case InputType.OTP: {
-					const { OtpInputComponent } = await import("./magmonium-one-otp-BlP0t9w1.mjs");
+					const { OtpInputComponent } = await import("./magmonium-one-otp-AFrgpHdp.mjs");
 					this.createDynamicComponent(seq, OtpInputComponent);
 					break;
 				}
@@ -774,7 +774,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.CHECKBOX: {
-					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CyVd_a7p.mjs").then((n) => n.n);
+					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CTRdyVrI.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 					break;
 				}
@@ -789,12 +789,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.RANGE: {
-					const { RangeInputComponent } = await import("./magmonium-one-range-B_3WiQR7.mjs").then((n) => n.n);
+					const { RangeInputComponent } = await import("./magmonium-one-range-B6JesBOM.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RangeInputComponent);
 					break;
 				}
 				case InputType.MULTI_RANGE: {
-					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-mv5rz3uW.mjs").then((n) => n.n);
+					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-CDJX9iFR.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, MultiRangeInputComponent);
 					break;
 				}
@@ -845,7 +845,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				default: {
-					const { TextInputComponent } = await import("./magmonium-one-text-DDA0gCOd.mjs").then((n) => n.n);
+					const { TextInputComponent } = await import("./magmonium-one-text-DT9ia02A.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, TextInputComponent);
 					break;
 				}
@@ -17895,6 +17895,1359 @@ const SECTION_TABLE_VARIANTS = [
 	"spacious",
 	"border"
 ];
+const SECTION_CHART_CONTEXT = new InjectionToken("SECTION_CHART_CONTEXT");
+const SECTION_CHART_SCALES = [
+	"auto",
+	"percent",
+	"value"
+];
+const SECTION_CHART_CUSTOM_RANGE = "custom";
+const DEFAULT_SECTION_CHART_RANGES = [
+	"1m",
+	"2m",
+	"3m",
+	"6m",
+	"ytd",
+	"1y",
+	"5y",
+	"max"
+];
+const SECTION_CHART_PALETTE = {
+	light: [
+		"#2a78d6",
+		"#eb6834",
+		"#1baf7a",
+		"#eda100",
+		"#e87ba4",
+		"#008300",
+		"#6250d6",
+		"#e34948"
+	],
+	dark: [
+		"#3987e5",
+		"#d95926",
+		"#199e70",
+		"#c98500",
+		"#d55181",
+		"#008300",
+		"#9085e9",
+		"#e66767"
+	]
+};
+const DAY = 864e5;
+const toChartTime = (value) => {
+	if (value instanceof Date) {
+		const t = value.getTime();
+		return Number.isFinite(t) ? t : null;
+	}
+	if (typeof value === "number") return Number.isFinite(value) ? value : null;
+	if (typeof value !== "string" || !value.trim()) return null;
+	const numeric = Number(value);
+	if (Number.isFinite(numeric)) return numeric;
+	const parsed = Date.parse(value);
+	return Number.isFinite(parsed) ? parsed : null;
+};
+const readChartPoints = (rows, x, y) => {
+	const pairs = [];
+	for (const row of rows ?? []) {
+		if (row == null || typeof row !== "object") continue;
+		const record = row;
+		const t = toChartTime(record[x]);
+		const raw = record[y];
+		const v = typeof raw === "string" && raw.trim() ? Number(raw) : raw;
+		if (t === null || typeof v !== "number" || !Number.isFinite(v)) continue;
+		pairs.push([t, v]);
+	}
+	for (let i = 1; i < pairs.length; i++) if (pairs[i][0] < pairs[i - 1][0]) {
+		pairs.sort((a, b) => a[0] - b[0]);
+		break;
+	}
+	return {
+		t: pairs.map((p) => p[0]),
+		y: pairs.map((p) => p[1])
+	};
+};
+const lowerBound = (times, x) => {
+	let lo = 0;
+	let hi = times.length;
+	while (lo < hi) {
+		const mid = lo + hi >> 1;
+		if (times[mid] < x) lo = mid + 1;
+		else hi = mid;
+	}
+	return lo;
+};
+const nearestIndex = (times, x) => {
+	const i = lowerBound(times, x);
+	if (i <= 0) return 0;
+	if (i >= times.length) return times.length - 1;
+	return x - times[i - 1] <= times[i] - x ? i - 1 : i;
+};
+const rebase = (values) => {
+	const base = values[0];
+	if (!values.length || !base || !Number.isFinite(base)) return null;
+	return values.map((v) => (v / base - 1) * 100);
+};
+const chartChange = (values) => {
+	if (values.length < 2) return null;
+	const rebased = rebase([values[0], values[values.length - 1]]);
+	return rebased ? rebased[1] : null;
+};
+const downsample = (t, y, n) => {
+	const len = t.length;
+	if (n >= len || n < 3) return {
+		t: [...t],
+		y: [...y]
+	};
+	const ot = [t[0]];
+	const oy = [y[0]];
+	const every = (len - 2) / (n - 2);
+	let a = 0;
+	for (let i = 0; i < n - 2; i++) {
+		const nextStart = Math.floor((i + 1) * every) + 1;
+		const nextEnd = Math.min(Math.floor((i + 2) * every) + 1, len);
+		let avgX = 0;
+		let avgY = 0;
+		for (let j = nextStart; j < nextEnd; j++) {
+			avgX += j;
+			avgY += y[j];
+		}
+		const span = nextEnd - nextStart || 1;
+		avgX /= span;
+		avgY /= span;
+		const start = Math.floor(i * every) + 1;
+		const end = Math.floor((i + 1) * every) + 1;
+		let max = -1;
+		let pick = start;
+		for (let j = start; j < end; j++) {
+			const area = Math.abs((a - avgX) * (y[j] - y[a]) - (a - j) * (avgY - y[a]));
+			if (area > max) {
+				max = area;
+				pick = j;
+			}
+		}
+		ot.push(t[pick]);
+		oy.push(y[pick]);
+		a = pick;
+	}
+	ot.push(t[len - 1]);
+	oy.push(y[len - 1]);
+	return {
+		t: ot,
+		y: oy
+	};
+};
+const niceTicks = (min, max, count = 5) => {
+	const raw = (max - min || Math.abs(max) || 1) / Math.max(1, count);
+	const magnitude = 10 ** Math.floor(Math.log10(raw));
+	const norm = raw / magnitude;
+	const step = (norm < 1.5 ? 1 : norm < 3 ? 2 : norm < 7 ? 5 : 10) * magnitude;
+	const lo = Math.floor(min / step) * step;
+	const hi = Math.max(Math.ceil(max / step) * step, lo + step);
+	const ticks = [];
+	for (let v = lo; v <= hi + step / 2; v += step) ticks.push(+v.toFixed(10));
+	return {
+		min: lo,
+		max: hi,
+		ticks
+	};
+};
+const timeTicks = (t0, t1, maxTicks) => {
+	const most = Math.max(2, Math.floor(maxTicks));
+	const days = (t1 - t0) / DAY;
+	const out = [];
+	if (!(days > 0)) return out;
+	if (days <= 100) {
+		const stepDays = [
+			7,
+			14,
+			28
+		].find((s) => days / s <= most) ?? 28;
+		let t = Date.UTC(new Date(t0).getUTCFullYear(), new Date(t0).getUTCMonth(), new Date(t0).getUTCDate());
+		if (t < t0) t += DAY;
+		while (new Date(t).getUTCDay() !== 1) t += DAY;
+		for (; t <= t1; t += stepDays * DAY) out.push({
+			t,
+			unit: "day"
+		});
+		return out;
+	}
+	const stepMonths = [
+		1,
+		2,
+		3,
+		6,
+		12,
+		24,
+		60
+	].find((s) => days / 30.44 / s <= most) ?? 120;
+	const align = Math.min(stepMonths, 12);
+	const yearStep = Math.max(1, stepMonths / 12);
+	const first = new Date(t0);
+	let year = first.getUTCFullYear();
+	let month = first.getUTCMonth();
+	if (Date.UTC(year, month, 1) < t0) month += 1;
+	for (;;) {
+		if (month > 11) {
+			month -= 12;
+			year += 1;
+		}
+		if (month % align === 0 && (stepMonths < 12 || year % yearStep === 0)) break;
+		month += 1;
+	}
+	for (;;) {
+		const t = Date.UTC(year, month, 1);
+		if (t > t1) break;
+		out.push({
+			t,
+			unit: stepMonths >= 12 || month === 0 ? "year" : "month"
+		});
+		month += stepMonths;
+		while (month > 11) {
+			month -= 12;
+			year += 1;
+		}
+	}
+	return out;
+};
+const PRESET_PATTERN = /^(\d+)([dwmy])$/;
+const presetSpan = (id, first, last) => {
+	const key = id.trim().toLowerCase();
+	if (key === "max") return [first, last];
+	const end = new Date(last);
+	if (key === "ytd") return [Math.max(first, Date.UTC(end.getUTCFullYear(), 0, 1)), last];
+	const match = PRESET_PATTERN.exec(key);
+	if (!match) return null;
+	const count = Number(match[1]);
+	if (!count) return null;
+	const from = new Date(last);
+	switch (match[2]) {
+		case "d":
+			from.setTime(last - count * DAY);
+			break;
+		case "w":
+			from.setTime(last - count * 7 * DAY);
+			break;
+		case "m":
+			from.setUTCMonth(from.getUTCMonth() - count);
+			break;
+		default: from.setUTCFullYear(from.getUTCFullYear() - count);
+	}
+	return [Math.max(first, from.getTime()), last];
+};
+const isPresetId = (id) => typeof id === "string" && presetSpan(id, 0, DAY) !== null;
+const presetLabel = (id) => id.trim().toUpperCase();
+const sliceSpan = (points, from, to) => {
+	const start = lowerBound(points.t, from);
+	let end = lowerBound(points.t, to);
+	while (end < points.t.length && points.t[end] <= to) end++;
+	return {
+		t: points.t.slice(start, end),
+		y: points.y.slice(start, end)
+	};
+};
+const navigatorGrip = (t, span, slop) => {
+	const toStart = Math.abs(t - span[0]);
+	const toEnd = Math.abs(t - span[1]);
+	if (Math.min(toStart, toEnd) <= slop) return toStart <= toEnd ? "start" : "end";
+	return t > span[0] && t < span[1] ? "move" : "outside";
+};
+const panSpan = (span, delta, bounds) => {
+	const width = Math.min(span[1] - span[0], bounds[1] - bounds[0]);
+	const from = Math.min(Math.max(span[0] + delta, bounds[0]), bounds[1] - width);
+	return [from, from + width];
+};
+const centreSpan = (span, t, bounds) => panSpan(span, t - (span[0] + span[1]) / 2, bounds);
+const resizeSpan = (span, edge, t, bounds, minWidth) => edge === "start" ? [Math.min(Math.max(t, bounds[0]), span[1] - minWidth), span[1]] : [span[0], Math.max(Math.min(t, bounds[1]), span[0] + minWidth)];
+const linePath = (t, y, sx, sy) => {
+	let d = "";
+	for (let i = 0; i < t.length; i++) d += `${i ? "L" : "M"}${sx(t[i]).toFixed(1)} ${sy(y[i]).toFixed(1)}`;
+	return d;
+};
+const sampleChartPoints = (index, end = Date.UTC(2026, 0, 2)) => {
+	const weeks = 52;
+	const t = [];
+	const y = [];
+	const drift = .18 - index * .11;
+	for (let i = 0; i <= weeks; i++) {
+		t.push(end - (weeks - i) * 7 * DAY);
+		const wave = .05 * Math.sin(i / 4 + index * 1.7) + .025 * Math.sin(i / 1.3 + index);
+		y.push(100 * (1 + drift * i / weeks + wave));
+	}
+	return {
+		t,
+		y
+	};
+};
+const MARGIN = {
+	top: 12,
+	right: 16,
+	bottom: 28,
+	left: 52
+};
+const MINIMAL_MARGIN = {
+	top: 4,
+	right: 4,
+	bottom: 4,
+	left: 4
+};
+const FALLBACK_WIDTH = 640;
+const DEFAULT_HEIGHT = 320;
+const DEFAULT_MINIMAL_HEIGHT = 120;
+const DEFAULT_RANGE = "max";
+const OVERFLOW_COLOR = "var(--m-text-tertiary)";
+const TOOLTIP_ROOM = 220;
+const NAV_HEIGHT = 64;
+const NAV_TOP = 4;
+const GRIP_SLOP = 8;
+const MIN_WINDOW_SHARE = .02;
+const KEY_PAN_SHARE = .1;
+const optionalNumber = (value) => value == null || value === "" ? void 0 : numberAttribute(value, void 0);
+const optionalBoolean = (value) => value == null ? void 0 : booleanAttribute(value);
+let nextId = 0;
+var SectionChartComponent = class SectionChartComponent extends ConfigComponent {
+	subFolder = LAYOUT_ASSET_FOLDER.section_chart;
+	scale = input(void 0, ...ngDevMode ? [{ debugName: "scale" }] : /* istanbul ignore next */ []);
+	variant = input(void 0, ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	displayPeriod = input(void 0, ...ngDevMode ? [{ debugName: "displayPeriod" }] : /* istanbul ignore next */ []);
+	height = input(void 0, {
+		...ngDevMode ? { debugName: "height" } : /* istanbul ignore next */ {},
+		transform: optionalNumber
+	});
+	navigator = input(void 0, {
+		...ngDevMode ? { debugName: "navigator" } : /* istanbul ignore next */ {},
+		transform: optionalBoolean
+	});
+	measure = input(void 0, {
+		...ngDevMode ? { debugName: "measure" } : /* istanbul ignore next */ {},
+		transform: optionalBoolean
+	});
+	range = model(void 0, ...ngDevMode ? [{ debugName: "range" }] : /* istanbul ignore next */ []);
+	window = model(void 0, ...ngDevMode ? [{ debugName: "window" }] : /* istanbul ignore next */ []);
+	members = signal([], ...ngDevMode ? [{ debugName: "members" }] : /* istanbul ignore next */ []);
+	locale = inject(LOCALE_ID);
+	tableId = `m-section-chart-table-${nextId++}`;
+	width = signal(FALLBACK_WIDTH, ...ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []);
+	dateFormat = new Intl.DateTimeFormat(this.locale, {
+		day: "numeric",
+		month: "short",
+		year: "numeric",
+		timeZone: "UTC"
+	});
+	dayFormat = new Intl.DateTimeFormat(this.locale, {
+		day: "numeric",
+		month: "short",
+		timeZone: "UTC"
+	});
+	monthFormat = new Intl.DateTimeFormat(this.locale, {
+		month: "short",
+		timeZone: "UTC"
+	});
+	yearFormat = new Intl.DateTimeFormat(this.locale, {
+		year: "numeric",
+		timeZone: "UTC"
+	});
+	numberFormat = new Intl.NumberFormat(this.locale, { maximumFractionDigits: 2 });
+	compactFormat = new Intl.NumberFormat(this.locale, {
+		notation: "compact",
+		maximumFractionDigits: 1
+	});
+	resolvedHeight = computed(() => this.height() ?? this.config()?.height ?? (this.minimal() ? DEFAULT_MINIMAL_HEIGHT : DEFAULT_HEIGHT), ...ngDevMode ? [{ debugName: "resolvedHeight" }] : /* istanbul ignore next */ []);
+	resolvedScale = computed(() => this.scale() ?? this.config()?.scale ?? "auto", ...ngDevMode ? [{ debugName: "resolvedScale" }] : /* istanbul ignore next */ []);
+	resolvedRange = computed(() => this.range() ?? this.config()?.range ?? DEFAULT_RANGE, ...ngDevMode ? [{ debugName: "resolvedRange" }] : /* istanbul ignore next */ []);
+	minimal = computed(() => (this.variant() ?? this.config()?.variant) === "minimal", ...ngDevMode ? [{ debugName: "minimal" }] : /* istanbul ignore next */ []);
+	margin = computed(() => this.minimal() ? MINIMAL_MARGIN : MARGIN, ...ngDevMode ? [{ debugName: "margin" }] : /* istanbul ignore next */ []);
+	showNavigator = computed(() => !this.minimal() && (this.navigator() ?? this.config()?.navigator ?? false), ...ngDevMode ? [{ debugName: "showNavigator" }] : /* istanbul ignore next */ []);
+	canMeasure = computed(() => !this.minimal() && (this.measure() ?? this.config()?.measure ?? false), ...ngDevMode ? [{ debugName: "canMeasure" }] : /* istanbul ignore next */ []);
+	presets = computed(() => {
+		const authored = this.config()?.ranges;
+		const ids = (authored?.length ? authored : DEFAULT_SECTION_CHART_RANGES).filter(isPresetId).map((id) => id.trim().toLowerCase());
+		return [...new Set(ids)].map((id) => ({
+			id,
+			label: presetLabel(id)
+		}));
+	}, ...ngDevMode ? [{ debugName: "presets" }] : /* istanbul ignore next */ []);
+	presetIndex = computed(() => this.presets().findIndex((preset) => preset.id === this.resolvedRange()), ...ngDevMode ? [{ debugName: "presetIndex" }] : /* istanbul ignore next */ []);
+	palette = computed(() => {
+		const mode = this.themeStore.theme()?.mode;
+		return SECTION_CHART_PALETTE[mode === "dark" || mode === "darker" ? "dark" : "light"];
+	}, ...ngDevMode ? [{ debugName: "palette" }] : /* istanbul ignore next */ []);
+	painted = computed(() => {
+		const palette = this.palette();
+		const themeColors = this.themeStore.color();
+		return this.members().map(({ member, slot }) => {
+			const own = member.color();
+			return {
+				member,
+				color: own ? resolvePallet(own, themeColors).color : palette[slot] ?? OVERFLOW_COLOR
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "painted" }] : /* istanbul ignore next */ []);
+	lines = computed(() => {
+		const palette = this.palette();
+		const drawn = this.painted().map(({ member, color }) => ({
+			...member.points(),
+			label: member.label(),
+			noTranslate: member.noTranslate(),
+			params: member.params(),
+			color,
+			member
+		}));
+		const withData = drawn.filter((line) => line.t.length);
+		if (withData.length || !this.isDesignMode) return withData;
+		return (drawn.length ? drawn : palette.slice(0, 2).map((color) => ({
+			t: [],
+			y: [],
+			label: "",
+			noTranslate: true,
+			color
+		}))).map((line, i) => ({
+			...line,
+			...sampleChartPoints(i)
+		}));
+	}, ...ngDevMode ? [{ debugName: "lines" }] : /* istanbul ignore next */ []);
+	dataSpan = computed(() => {
+		const lines = this.lines();
+		if (!lines.length) return null;
+		return [Math.min(...lines.map((line) => line.t[0])), Math.max(...lines.map((line) => line.t[line.t.length - 1]))];
+	}, ...ngDevMode ? [{ debugName: "dataSpan" }] : /* istanbul ignore next */ []);
+	span = computed(() => {
+		const data = this.dataSpan();
+		if (!data) return null;
+		const range = this.resolvedRange();
+		if (range === "custom") {
+			const from = toChartTime(this.window()?.from);
+			const to = toChartTime(this.window()?.to);
+			return from !== null && to !== null && from < to ? [from, to] : data;
+		}
+		return presetSpan(range, data[0], data[1]) ?? data;
+	}, ...ngDevMode ? [{ debugName: "span" }] : /* istanbul ignore next */ []);
+	draft = signal(null, ...ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []);
+	drag = null;
+	drawnSpan = computed(() => this.draft() ?? this.span(), ...ngDevMode ? [{ debugName: "drawnSpan" }] : /* istanbul ignore next */ []);
+	windowed = computed(() => {
+		const span = this.drawnSpan();
+		if (!span) return [];
+		return this.lines().map((line) => ({
+			...line,
+			...sliceSpan(line, span[0], span[1])
+		}));
+	}, ...ngDevMode ? [{ debugName: "windowed" }] : /* istanbul ignore next */ []);
+	percent = computed(() => this.resolvedScale() === "percent" || this.lines().length > 1, ...ngDevMode ? [{ debugName: "percent" }] : /* istanbul ignore next */ []);
+	plotWidth = computed(() => Math.max(1, this.width() - this.margin().left - this.margin().right), ...ngDevMode ? [{ debugName: "plotWidth" }] : /* istanbul ignore next */ []);
+	plotHeight = computed(() => Math.max(1, this.resolvedHeight() - this.margin().top - this.margin().bottom), ...ngDevMode ? [{ debugName: "plotHeight" }] : /* istanbul ignore next */ []);
+	left = computed(() => this.margin().left, ...ngDevMode ? [{ debugName: "left" }] : /* istanbul ignore next */ []);
+	top = computed(() => this.margin().top, ...ngDevMode ? [{ debugName: "top" }] : /* istanbul ignore next */ []);
+	right = computed(() => this.left() + this.plotWidth(), ...ngDevMode ? [{ debugName: "right" }] : /* istanbul ignore next */ []);
+	bottom = computed(() => this.top() + this.plotHeight(), ...ngDevMode ? [{ debugName: "bottom" }] : /* istanbul ignore next */ []);
+	viewBox = computed(() => `0 0 ${this.width()} ${this.resolvedHeight()}`, ...ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []);
+	plotted = computed(() => {
+		const pct = this.percent();
+		const maxPoints = Math.max(3, Math.round(this.plotWidth() / 1.5));
+		return this.windowed().flatMap((line) => {
+			if (!line.t.length) return [];
+			const shown = pct ? rebase(line.y) : line.y;
+			if (!shown) return [];
+			return [{
+				line,
+				shown,
+				ds: downsample(line.t, shown, maxPoints)
+			}];
+		});
+	}, ...ngDevMode ? [{ debugName: "plotted" }] : /* istanbul ignore next */ []);
+	extent = computed(() => {
+		const span = this.drawnSpan();
+		const plotted = this.plotted();
+		if (!span || !plotted.length) return null;
+		let lo = Infinity;
+		let hi = -Infinity;
+		for (const { ds } of plotted) for (const v of ds.y) {
+			lo = Math.min(lo, v);
+			hi = Math.max(hi, v);
+		}
+		const pad = (hi - lo || Math.abs(hi) || 1) * .06;
+		return {
+			t0: span[0],
+			t1: span[1] > span[0] ? span[1] : span[0] + 1,
+			...niceTicks(lo - pad, hi + pad)
+		};
+	}, ...ngDevMode ? [{ debugName: "extent" }] : /* istanbul ignore next */ []);
+	sx = computed(() => {
+		const extent = this.extent();
+		const width = this.plotWidth();
+		const left = this.left();
+		return (t) => extent ? left + (t - extent.t0) / (extent.t1 - extent.t0) * width : left;
+	}, ...ngDevMode ? [{ debugName: "sx" }] : /* istanbul ignore next */ []);
+	sy = computed(() => {
+		const extent = this.extent();
+		const height = this.plotHeight();
+		const top = this.top();
+		return (v) => extent ? top + (1 - (v - extent.min) / (extent.max - extent.min)) * height : top + height;
+	}, ...ngDevMode ? [{ debugName: "sy" }] : /* istanbul ignore next */ []);
+	paths = computed(() => {
+		const sx = this.sx();
+		const sy = this.sy();
+		return this.plotted().map(({ line, shown, ds }) => ({
+			d: linePath(ds.t, ds.y, sx, sy),
+			color: line.color,
+			endX: sx(line.t[line.t.length - 1]),
+			endY: sy(shown[shown.length - 1])
+		}));
+	}, ...ngDevMode ? [{ debugName: "paths" }] : /* istanbul ignore next */ []);
+	yTicks = computed(() => {
+		const extent = this.extent();
+		if (!extent || this.minimal()) return [];
+		const sy = this.sy();
+		const pct = this.percent();
+		return extent.ticks.map((v) => ({
+			y: sy(v),
+			label: pct ? this.formatPercent(v, 0) : this.compactFormat.format(v),
+			zero: pct && v === 0
+		}));
+	}, ...ngDevMode ? [{ debugName: "yTicks" }] : /* istanbul ignore next */ []);
+	xTicks = computed(() => {
+		const extent = this.extent();
+		if (!extent || this.minimal()) return [];
+		const sx = this.sx();
+		return timeTicks(extent.t0, extent.t1, this.plotWidth() / 80).map((tick) => ({
+			x: sx(tick.t),
+			label: (tick.unit === "year" ? this.yearFormat : tick.unit === "month" ? this.monthFormat : this.dayFormat).format(tick.t)
+		}));
+	}, ...ngDevMode ? [{ debugName: "xTicks" }] : /* istanbul ignore next */ []);
+	windowLabel = computed(() => {
+		const span = this.drawnSpan();
+		return span ? `${this.dateFormat.format(span[0])} – ${this.dateFormat.format(span[1])}` : "";
+	}, ...ngDevMode ? [{ debugName: "windowLabel" }] : /* istanbul ignore next */ []);
+	periodLabel = computed(() => this.displayPeriod() || this.config()?.displayPeriod || this.windowLabel(), ...ngDevMode ? [{ debugName: "periodLabel" }] : /* istanbul ignore next */ []);
+	legendRows = computed(() => {
+		const changes = /* @__PURE__ */ new Map();
+		for (const line of this.windowed()) if (line.member) changes.set(line.member, chartChange(line.y));
+		return new Map(this.painted().map(({ member, color }) => [member, {
+			color,
+			...this.signedChange(changes.get(member) ?? null)
+		}]));
+	}, ...ngDevMode ? [{ debugName: "legendRows" }] : /* istanbul ignore next */ []);
+	times = computed(() => this.plotted().reduce((best, { line }) => line.t.length > best.length ? line.t : best, []), ...ngDevMode ? [{ debugName: "times" }] : /* istanbul ignore next */ []);
+	hoverIndex = linkedSignal({
+		...ngDevMode ? { debugName: "hoverIndex" } : /* istanbul ignore next */ {},
+		source: this.times,
+		computation: () => null
+	});
+	measured = linkedSignal({
+		...ngDevMode ? { debugName: "measured" } : /* istanbul ignore next */ {},
+		source: this.times,
+		computation: () => null
+	});
+	measuring = false;
+	anchored = false;
+	measureView = computed(() => {
+		const measured = this.measured();
+		if (!measured) return null;
+		const [a, b] = measured[0] <= measured[1] ? measured : [measured[1], measured[0]];
+		const sx = this.sx();
+		const start = sx(a);
+		const end = sx(b);
+		if (a === b) return {
+			start,
+			width: 0,
+			card: null
+		};
+		const rows = this.plotted().flatMap(({ line }) => {
+			if (a < line.t[0] || b > line.t[line.t.length - 1]) return [];
+			const from = line.y[nearestIndex(line.t, a)];
+			const to = line.y[nearestIndex(line.t, b)];
+			const change = rebase([from, to])?.[1] ?? null;
+			if (change === null) return [];
+			return [{
+				color: line.color,
+				label: line.label,
+				noTranslate: line.noTranslate,
+				params: line.params,
+				value: this.signedChange(change).change,
+				sub: `${this.numberFormat.format(from)} → ${this.numberFormat.format(to)}`
+			}];
+		});
+		const flip = (start + end) / 2 > this.width() / 2;
+		return {
+			start,
+			width: end - start,
+			card: {
+				title: `${this.dateFormat.format(a)} → ${this.dateFormat.format(b)}`,
+				rows,
+				flip,
+				x: flip ? end : start
+			}
+		};
+	}, ...ngDevMode ? [{ debugName: "measureView" }] : /* istanbul ignore next */ []);
+	hover = computed(() => {
+		const index = this.hoverIndex();
+		const times = this.times();
+		if (index === null || !times.length || this.minimal()) return null;
+		const t = times[Math.min(index, times.length - 1)];
+		const sx = this.sx();
+		const sy = this.sy();
+		const pct = this.percent();
+		const rows = this.plotted().flatMap(({ line, shown }) => {
+			if (t < line.t[0] || t > line.t[line.t.length - 1]) return [];
+			const j = nearestIndex(line.t, t);
+			return [{
+				color: line.color,
+				label: line.label,
+				noTranslate: line.noTranslate,
+				params: line.params,
+				v: shown[j],
+				value: pct ? this.formatPercent(shown[j], 2) : this.numberFormat.format(shown[j]),
+				sub: pct ? this.numberFormat.format(line.y[j]) : "",
+				cx: sx(line.t[j]),
+				cy: sy(shown[j])
+			}];
+		}).sort((a, b) => b.v - a.v);
+		const x = sx(t);
+		return {
+			x,
+			title: this.dateFormat.format(t),
+			rows,
+			flip: x > this.width() - TOOLTIP_ROOM
+		};
+	}, ...ngDevMode ? [{ debugName: "hover" }] : /* istanbul ignore next */ []);
+	navScale = computed(() => {
+		const data = this.dataSpan();
+		if (!data) return null;
+		const width = this.plotWidth();
+		const left = this.left();
+		const length = data[1] - data[0] || 1;
+		return {
+			data,
+			x: (t) => left + (t - data[0]) / length * width,
+			t: (px) => data[0] + (px - left) / width * length,
+			slop: GRIP_SLOP / width * length,
+			minWidth: length * MIN_WINDOW_SHARE
+		};
+	}, ...ngDevMode ? [{ debugName: "navScale" }] : /* istanbul ignore next */ []);
+	navigatorView = computed(() => {
+		const scale = this.navScale();
+		const line = this.lines()[0];
+		const span = this.drawnSpan();
+		if (!this.showNavigator() || !scale || !line || !span) return null;
+		const ds = downsample(line.t, line.y, Math.max(3, Math.round(this.plotWidth() / 2)));
+		const lo = Math.min(...ds.y);
+		const hi = Math.max(...ds.y);
+		const base = 44;
+		const sy = (v) => NAV_TOP + (1 - (v - lo) / (hi - lo || 1)) * 40;
+		const d = linePath(ds.t, ds.y, scale.x, sy);
+		const start = scale.x(span[0]);
+		const end = scale.x(span[1]);
+		const [first, last] = scale.data;
+		return {
+			d,
+			area: `${d}L${scale.x(last).toFixed(1)} ${base}L${scale.x(first).toFixed(1)} ${base}Z`,
+			base,
+			start,
+			end,
+			position: Math.round((span[0] - first) / (last - first || 1) * 100),
+			ticks: timeTicks(first, last, this.plotWidth() / 80).map((tick) => ({
+				x: scale.x(tick.t),
+				label: (tick.unit === "year" ? this.yearFormat : tick.unit === "month" ? this.monthFormat : this.dayFormat).format(tick.t)
+			}))
+		};
+	}, ...ngDevMode ? [{ debugName: "navigatorView" }] : /* istanbul ignore next */ []);
+	navHeight = NAV_HEIGHT;
+	navTop = NAV_TOP;
+	navViewBox = computed(() => `0 0 ${this.width()} ${NAV_HEIGHT}`, ...ngDevMode ? [{ debugName: "navViewBox" }] : /* istanbul ignore next */ []);
+	table = computed(() => {
+		const plotted = this.plotted();
+		const pct = this.percent();
+		const rows = [...plotted.reduce((best, p) => !best || p.line.t.length > best.line.t.length ? p : best, null)?.ds.t ?? []].reverse().map((t) => ({
+			date: this.dateFormat.format(t),
+			cells: plotted.map(({ line, shown }) => {
+				if (t < line.t[0] || t > line.t[line.t.length - 1]) return "—";
+				const j = nearestIndex(line.t, t);
+				return pct ? this.formatPercent(shown[j], 2) : this.numberFormat.format(line.y[j]);
+			})
+		}));
+		return {
+			columns: plotted.map(({ line }) => ({
+				label: line.label,
+				noTranslate: line.noTranslate,
+				params: line.params
+			})),
+			rows
+		};
+	}, ...ngDevMode ? [{ debugName: "table" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		const destroyRef = inject(DestroyRef);
+		afterNextRender(() => {
+			const el = this.elementRef.nativeElement;
+			const measure = () => {
+				const width = Math.round(el.clientWidth);
+				if (width > 0) this.width.set(width);
+			};
+			measure();
+			if (typeof ResizeObserver === "undefined") return;
+			const observer = new ResizeObserver(measure);
+			observer.observe(el);
+			destroyRef.onDestroy(() => observer.disconnect());
+		});
+	}
+	register = (member) => this.members.update((list) => {
+		const taken = new Set(list.map((entry) => entry.slot));
+		let slot = 0;
+		while (taken.has(slot)) slot++;
+		return [...list, {
+			member,
+			slot
+		}];
+	});
+	unregister = (member) => this.members.update((list) => list.filter((entry) => entry.member !== member));
+	legendOf = (member) => computed(() => this.legendRows().get(member));
+	selectPreset = (index) => {
+		const preset = this.presets()[index];
+		const data = this.dataSpan();
+		if (!preset) return;
+		this.range.set(preset.id);
+		const span = data && presetSpan(preset.id, data[0], data[1]);
+		if (span) this.window.set(this.toWindow(span));
+	};
+	commit = (span) => {
+		this.range.set(SECTION_CHART_CUSTOM_RANGE);
+		this.window.set(this.toWindow(span));
+	};
+	toWindow = (span) => ({
+		from: new Date(span[0]).toISOString(),
+		to: new Date(span[1]).toISOString()
+	});
+	navTime = (event) => {
+		const scale = this.navScale();
+		if (!scale) return null;
+		const rect = event.currentTarget.getBoundingClientRect();
+		return scale.t(event.clientX - rect.left);
+	};
+	onNavigatorDown = (event) => {
+		const scale = this.navScale();
+		const span = this.drawnSpan();
+		const t = this.navTime(event);
+		if (!scale || !span || t === null || event.button !== 0) return;
+		let grip = navigatorGrip(t, span, scale.slop);
+		let held = [span[0], span[1]];
+		if (grip === "outside") {
+			held = centreSpan(span, t, scale.data);
+			this.draft.set(held);
+			grip = "move";
+		}
+		this.drag = {
+			grip,
+			origin: t,
+			span: held
+		};
+		event.currentTarget.setPointerCapture?.(event.pointerId);
+		event.preventDefault();
+	};
+	onNavigatorMove = (event) => {
+		const scale = this.navScale();
+		const t = this.navTime(event);
+		if (!this.drag || !scale || t === null) return;
+		const { grip, origin, span } = this.drag;
+		this.draft.set(grip === "move" ? panSpan(span, t - origin, scale.data) : resizeSpan(span, grip, t, scale.data, scale.minWidth));
+	};
+	onNavigatorUp = () => {
+		const moved = this.draft();
+		this.drag = null;
+		this.draft.set(null);
+		if (moved) this.commit(moved);
+	};
+	onNavigatorKeydown = (event) => {
+		const scale = this.navScale();
+		const span = this.drawnSpan();
+		if (!scale || !span) return;
+		const step = (span[1] - span[0]) * KEY_PAN_SHARE * (event.shiftKey ? 5 : 1);
+		let next;
+		switch (event.key) {
+			case "ArrowLeft":
+				next = panSpan(span, -step, scale.data);
+				break;
+			case "ArrowRight":
+				next = panSpan(span, step, scale.data);
+				break;
+			case "Home":
+				next = panSpan(span, scale.data[0] - span[0], scale.data);
+				break;
+			case "End":
+				next = panSpan(span, scale.data[1] - span[1], scale.data);
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		if (next[0] !== span[0] || next[1] !== span[1]) this.commit(next);
+	};
+	plotTime = (event) => {
+		const extent = this.extent();
+		const times = this.times();
+		if (!extent || !times.length) return null;
+		const rect = event.currentTarget.getBoundingClientRect();
+		const px = event.clientX - rect.left;
+		const left = this.left();
+		if (px < left || px > left + this.plotWidth()) return null;
+		const t = extent.t0 + (px - left) / this.plotWidth() * (extent.t1 - extent.t0);
+		return times[nearestIndex(times, t)];
+	};
+	onPointerMove = (event) => {
+		const t = this.plotTime(event);
+		if (t === null) return;
+		const measured = this.measured();
+		if (this.measuring && measured) {
+			this.measured.set([measured[0], t]);
+			return;
+		}
+		this.hoverIndex.set(nearestIndex(this.times(), t));
+	};
+	onPlotDown = (event) => {
+		if (!this.canMeasure() || event.button !== 0) return;
+		const t = this.plotTime(event);
+		if (t === null) return;
+		this.measuring = true;
+		this.anchored = false;
+		this.hoverIndex.set(null);
+		this.measured.set([t, t]);
+		event.currentTarget.setPointerCapture?.(event.pointerId);
+		event.preventDefault();
+	};
+	onPlotUp = () => {
+		if (!this.measuring) return;
+		this.measuring = false;
+		const measured = this.measured();
+		if (measured && measured[0] === measured[1]) this.measured.set(null);
+	};
+	clearHover = () => {
+		if (!this.measuring) this.hoverIndex.set(null);
+	};
+	onKeydown = (event) => {
+		const times = this.times();
+		const count = times.length;
+		if (!count) return;
+		const step = event.shiftKey ? 10 : 1;
+		const current = this.hoverIndex();
+		let next;
+		switch (event.key) {
+			case "Enter":
+			case " ": {
+				if (!this.canMeasure() || current === null) return;
+				event.preventDefault();
+				const measured = this.measured();
+				if (!this.anchored) {
+					this.anchored = true;
+					this.measured.set([times[current], times[current]]);
+				} else {
+					this.anchored = false;
+					if (measured && measured[0] === measured[1]) this.measured.set(null);
+				}
+				return;
+			}
+			case "ArrowLeft":
+				next = Math.max(0, (current ?? count) - step);
+				break;
+			case "ArrowRight":
+				next = Math.min(count - 1, (current ?? -1) + step);
+				break;
+			case "Home":
+				next = 0;
+				break;
+			case "End":
+				next = count - 1;
+				break;
+			case "Escape":
+				next = null;
+				this.anchored = false;
+				this.measured.set(null);
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		this.hoverIndex.set(next);
+		const measured = this.measured();
+		if (this.anchored && measured && next !== null) this.measured.set([measured[0], times[next]]);
+	};
+	signedChange = (change) => {
+		if (change === null) return {
+			change: "—",
+			trend: "flat"
+		};
+		const trend = change > 0 ? "up" : change < 0 ? "down" : "flat";
+		return {
+			change: `${trend === "up" ? "▲" : trend === "down" ? "▼" : "■"} ${this.formatPercent(change, 2)}`,
+			trend
+		};
+	};
+	percentFormats = /* @__PURE__ */ new Map();
+	formatPercent = (v, digits) => {
+		let format = this.percentFormats.get(digits);
+		if (!format) {
+			format = new Intl.NumberFormat(this.locale, {
+				style: "percent",
+				signDisplay: "exceptZero",
+				minimumFractionDigits: digits,
+				maximumFractionDigits: digits
+			});
+			this.percentFormats.set(digits, format);
+		}
+		return format.format(v / 100);
+	};
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SectionChartComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: SectionChartComponent,
+		isStandalone: true,
+		selector: "m-section-chart",
+		inputs: {
+			scale: {
+				classPropertyName: "scale",
+				publicName: "scale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			displayPeriod: {
+				classPropertyName: "displayPeriod",
+				publicName: "displayPeriod",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			height: {
+				classPropertyName: "height",
+				publicName: "height",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			navigator: {
+				classPropertyName: "navigator",
+				publicName: "navigator",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			measure: {
+				classPropertyName: "measure",
+				publicName: "measure",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			range: {
+				classPropertyName: "range",
+				publicName: "range",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			window: {
+				classPropertyName: "window",
+				publicName: "window",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			range: "rangeChange",
+			window: "windowChange"
+		},
+		host: {
+			properties: {
+				"class.is-design-mode": "isDesignMode",
+				"class.m-section-chart--minimal": "minimal()"
+			},
+			classAttribute: "m-section-chart"
+		},
+		providers: [{
+			provide: SECTION_CHART_CONTEXT,
+			useFactory: () => {
+				const self = inject(SectionChartComponent);
+				return {
+					register: self.register,
+					unregister: self.unregister,
+					legendOf: self.legendOf
+				};
+			}
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<div class=\"m-section-chart__top\">\n  <!-- Each series draws its own legend row: the row is the series' element,\n       which is what the editor's Canvas selects it by. -->\n  <div class=\"m-section-chart__legend\" role=\"list\">\n    <ng-content />\n  </div>\n  @if (periodLabel(); as label) {\n    <span class=\"m-section-chart__window\">{{ label }}</span>\n  }\n</div>\n\n<div class=\"m-section-chart__plot\">\n  <svg\n    class=\"m-section-chart__svg\"\n    role=\"img\"\n    tabindex=\"0\"\n    [class.is-measurable]=\"canMeasure()\"\n    [attr.width]=\"width()\"\n    [attr.height]=\"resolvedHeight()\"\n    [attr.viewBox]=\"viewBox()\"\n    [attr.aria-label]=\"windowLabel()\"\n    [attr.aria-describedby]=\"tableId\"\n    (pointerdown)=\"onPlotDown($event)\"\n    (pointermove)=\"onPointerMove($event)\"\n    (pointerup)=\"onPlotUp()\"\n    (pointercancel)=\"onPlotUp()\"\n    (pointerleave)=\"clearHover()\"\n    (blur)=\"clearHover()\"\n    (keydown)=\"onKeydown($event)\"\n  >\n    @for (tick of yTicks(); track $index) {\n      <svg:line\n        class=\"m-section-chart__grid\"\n        [class.m-section-chart__grid--zero]=\"tick.zero\"\n        [attr.x1]=\"left()\"\n        [attr.x2]=\"right()\"\n        [attr.y1]=\"tick.y\"\n        [attr.y2]=\"tick.y\"\n      />\n      <svg:text\n        class=\"m-section-chart__tick\"\n        text-anchor=\"end\"\n        [attr.x]=\"left() - 8\"\n        [attr.y]=\"tick.y + 4\"\n      >\n        {{ tick.label }}\n      </svg:text>\n    }\n    @if (!minimal()) {\n      <svg:line\n        class=\"m-section-chart__axis\"\n        [attr.x1]=\"left()\"\n        [attr.x2]=\"right()\"\n        [attr.y1]=\"bottom()\"\n        [attr.y2]=\"bottom()\"\n      />\n    }\n    @for (tick of xTicks(); track $index) {\n      <svg:text\n        class=\"m-section-chart__tick\"\n        text-anchor=\"middle\"\n        [attr.x]=\"tick.x\"\n        [attr.y]=\"bottom() + 18\"\n      >\n        {{ tick.label }}\n      </svg:text>\n    }\n    @if (measureView(); as band) {\n      <svg:rect\n        class=\"m-section-chart__band\"\n        [attr.x]=\"band.start\"\n        [attr.y]=\"top()\"\n        [attr.width]=\"band.width\"\n        [attr.height]=\"bottom() - top()\"\n      />\n      <svg:line\n        class=\"m-section-chart__band-edge\"\n        [attr.x1]=\"band.start\"\n        [attr.x2]=\"band.start\"\n        [attr.y1]=\"top()\"\n        [attr.y2]=\"bottom()\"\n      />\n      <svg:line\n        class=\"m-section-chart__band-edge\"\n        [attr.x1]=\"band.start + band.width\"\n        [attr.x2]=\"band.start + band.width\"\n        [attr.y1]=\"top()\"\n        [attr.y2]=\"bottom()\"\n      />\n    }\n    @for (path of paths(); track $index) {\n      <svg:path\n        class=\"m-section-chart__line\"\n        [attr.d]=\"path.d\"\n        [style.stroke]=\"path.color\"\n      />\n    }\n    @if (!minimal()) {\n      @for (path of paths(); track $index) {\n        <svg:circle\n          class=\"m-section-chart__dot\"\n          r=\"4\"\n          [attr.cx]=\"path.endX\"\n          [attr.cy]=\"path.endY\"\n          [style.fill]=\"path.color\"\n        />\n      }\n    }\n    @if (hover(); as h) {\n      <svg:line\n        class=\"m-section-chart__cross\"\n        [attr.x1]=\"h.x\"\n        [attr.x2]=\"h.x\"\n        [attr.y1]=\"top()\"\n        [attr.y2]=\"bottom()\"\n      />\n      @for (row of h.rows; track $index) {\n        <svg:circle\n          class=\"m-section-chart__dot\"\n          r=\"4\"\n          [attr.cx]=\"row.cx\"\n          [attr.cy]=\"row.cy\"\n          [style.fill]=\"row.color\"\n        />\n      }\n    }\n  </svg>\n\n  @if (hover(); as h) {\n    <div\n      class=\"m-section-chart__tip\"\n      role=\"status\"\n      [class.m-section-chart__tip--flip]=\"h.flip\"\n      [style.left.px]=\"h.x\"\n    >\n      <span class=\"m-section-chart__tip-title\">{{ h.title }}</span>\n      @for (row of h.rows; track $index) {\n        <span class=\"m-section-chart__tip-row\">\n          <span class=\"m-section-chart__tip-key\" [style.background]=\"row.color\"></span>\n          <span class=\"m-section-chart__tip-value\">{{ row.value }}</span>\n          <span class=\"m-section-chart__tip-label\">{{\n            row.noTranslate ? row.label : (row.label | translate: row.params)\n          }}</span>\n          <span class=\"m-section-chart__tip-sub\">{{ row.sub }}</span>\n        </span>\n      }\n    </div>\n  }\n\n  @if (measureView()?.card; as card) {\n    <div\n      class=\"m-section-chart__measure\"\n      role=\"status\"\n      [class.m-section-chart__measure--flip]=\"card.flip\"\n      [style.left.px]=\"card.x\"\n    >\n      <span class=\"m-section-chart__tip-title\">{{ card.title }}</span>\n      @for (row of card.rows; track $index) {\n        <span class=\"m-section-chart__tip-row\">\n          <span class=\"m-section-chart__tip-key\" [style.background]=\"row.color\"></span>\n          <span class=\"m-section-chart__tip-value\">{{ row.value }}</span>\n          <span class=\"m-section-chart__tip-label\">{{\n            row.noTranslate ? row.label : (row.label | translate: row.params)\n          }}</span>\n          <span class=\"m-section-chart__tip-sub\">{{ row.sub }}</span>\n        </span>\n      }\n    </div>\n  }\n</div>\n\n@if (presets().length > 1 && !minimal()) {\n  <div class=\"m-section-chart__presets\">\n    <m-section-toggle\n      [items]=\"presets()\"\n      [selectedIndex]=\"presetIndex()\"\n      [border]=\"false\"\n      (action)=\"selectPreset($event)\"\n    >\n      <ng-template [mSectionToggleItem]=\"presets()\" let-preset>\n        <span class=\"m-section-chart__preset\">{{ preset.label }}</span>\n      </ng-template>\n    </m-section-toggle>\n  </div>\n}\n\n@if (navigatorView(); as nav) {\n  <svg\n    class=\"m-section-chart__navigator\"\n    role=\"slider\"\n    tabindex=\"0\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    [attr.aria-label]=\"'zoom' | translate\"\n    [attr.aria-valuenow]=\"nav.position\"\n    [attr.aria-valuetext]=\"windowLabel()\"\n    [attr.width]=\"width()\"\n    [attr.height]=\"navHeight\"\n    [attr.viewBox]=\"navViewBox()\"\n    (pointerdown)=\"onNavigatorDown($event)\"\n    (pointermove)=\"onNavigatorMove($event)\"\n    (pointerup)=\"onNavigatorUp()\"\n    (pointercancel)=\"onNavigatorUp()\"\n    (keydown)=\"onNavigatorKeydown($event)\"\n  >\n    <svg:path class=\"m-section-chart__nav-area\" [attr.d]=\"nav.area\" />\n    <svg:path class=\"m-section-chart__nav-line\" [attr.d]=\"nav.d\" />\n    <svg:line\n      class=\"m-section-chart__axis\"\n      [attr.x1]=\"left()\"\n      [attr.x2]=\"right()\"\n      [attr.y1]=\"nav.base\"\n      [attr.y2]=\"nav.base\"\n    />\n    @for (tick of nav.ticks; track $index) {\n      <svg:text\n        class=\"m-section-chart__tick\"\n        text-anchor=\"middle\"\n        [attr.x]=\"tick.x\"\n        [attr.y]=\"nav.base + 15\"\n      >\n        {{ tick.label }}\n      </svg:text>\n    }\n    <svg:rect\n      class=\"m-section-chart__nav-dim\"\n      [attr.x]=\"left()\"\n      [attr.y]=\"navTop\"\n      [attr.width]=\"nav.start - left()\"\n      [attr.height]=\"nav.base - navTop\"\n    />\n    <svg:rect\n      class=\"m-section-chart__nav-dim\"\n      [attr.x]=\"nav.end\"\n      [attr.y]=\"navTop\"\n      [attr.width]=\"right() - nav.end\"\n      [attr.height]=\"nav.base - navTop\"\n    />\n    <svg:rect\n      class=\"m-section-chart__nav-window\"\n      [attr.x]=\"nav.start\"\n      [attr.y]=\"navTop\"\n      [attr.width]=\"nav.end - nav.start\"\n      [attr.height]=\"nav.base - navTop\"\n    />\n    <svg:rect\n      class=\"m-section-chart__nav-handle\"\n      rx=\"2\"\n      width=\"6\"\n      height=\"20\"\n      [attr.x]=\"nav.start - 3\"\n      [attr.y]=\"(nav.base + navTop) / 2 - 10\"\n    />\n    <svg:rect\n      class=\"m-section-chart__nav-handle\"\n      rx=\"2\"\n      width=\"6\"\n      height=\"20\"\n      [attr.x]=\"nav.end - 3\"\n      [attr.y]=\"(nav.base + navTop) / 2 - 10\"\n    />\n  </svg>\n}\n\n<table class=\"m-section-chart__table\" [id]=\"tableId\">\n  <thead>\n    <tr>\n      <th scope=\"col\">{{ 'date' | translate }}</th>\n      @for (column of table().columns; track $index) {\n        <th scope=\"col\">\n          {{ column.noTranslate ? column.label : (column.label | translate: column.params) }}\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (row of table().rows; track $index) {\n      <tr>\n        <td>{{ row.date }}</td>\n        @for (cell of row.cells; track $index) {\n          <td>{{ cell }}</td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n",
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;position:relative;width:100%;min-width:0}.m-section-chart__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;margin-bottom:.5rem}.m-section-chart__legend{display:grid;gap:.15rem;min-width:0}.m-section-chart__tip-key{display:inline-block;width:.75rem;height:2px;border-radius:1px}.m-section-chart__window{color:var(--m-text-tertiary);font-size:.8rem}:host(.m-section-chart--minimal) .m-section-chart__top{flex-direction:column;gap:.15rem}:host(.m-section-chart--minimal) .m-section-chart__svg{cursor:default}.m-section-chart__plot{position:relative}.m-section-chart__svg{display:block;overflow:visible}.m-section-chart__svg:focus{outline:none}.m-section-chart__svg:focus-visible{outline:2px solid var(--m-focus);outline-offset:4px;border-radius:4px}.m-section-chart__svg.is-measurable{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.m-section-chart__band{fill:var(--m-text);opacity:.06}.m-section-chart__band-edge{stroke:var(--m-text-secondary);stroke-width:1}.m-section-chart__grid{stroke:var(--m-text-septenary);stroke-width:1}.m-section-chart__grid--zero{stroke:var(--m-text-quinary);stroke-width:1.5}.m-section-chart__axis{stroke:var(--m-text-quinary);stroke-width:1}.m-section-chart__tick{fill:var(--m-text-tertiary);font-size:11px;font-variant-numeric:tabular-nums}.m-section-chart__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.m-section-chart__dot{stroke:var(--m-background);stroke-width:2}.m-section-chart__cross{stroke:var(--m-text-secondary);stroke-width:1;opacity:.55}.m-section-chart__tip,.m-section-chart__measure{position:absolute;z-index:2;display:grid;gap:.25rem;min-width:10rem;padding:.5rem .625rem;border:1px solid var(--m-backdrop-border);border-radius:.5rem;background:var(--m-background);box-shadow:0 6px 20px var(--m-backdrop-shadow);font-size:.75rem;pointer-events:none}.m-section-chart__tip{top:0;margin-left:.875rem}.m-section-chart__tip--flip{transform:translate(calc(-100% - 1.75rem))}.m-section-chart__measure{bottom:2.25rem}.m-section-chart__measure--flip{transform:translate(-100%)}.m-section-chart__tip-title{color:var(--m-text-secondary);font-weight:600}.m-section-chart__tip-row{display:grid;grid-template-columns:.75rem auto 1fr auto;align-items:center;gap:.5rem}.m-section-chart__tip-value{color:var(--m-text);font-weight:650;font-variant-numeric:tabular-nums}.m-section-chart__tip-label{color:var(--m-text-secondary);white-space:nowrap}.m-section-chart__tip-sub{color:var(--m-text-tertiary);font-variant-numeric:tabular-nums}.m-section-chart__presets{--section-px: 0;margin-top:.5rem}.m-section-chart__preset{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}.m-section-chart__navigator{display:block;margin-top:.25rem;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.m-section-chart__navigator:focus{outline:none}.m-section-chart__navigator:focus-visible{outline:2px solid var(--m-focus);outline-offset:4px;border-radius:4px}.m-section-chart__nav-area{fill:var(--m-text-tertiary);opacity:.12}.m-section-chart__nav-line{fill:none;stroke:var(--m-text-tertiary);stroke-width:1.25}.m-section-chart__nav-dim{fill:var(--m-background);opacity:.6}.m-section-chart__nav-window{fill:transparent;stroke:var(--m-text-secondary);stroke-width:1;cursor:grab}.m-section-chart__nav-handle{fill:var(--m-text-secondary);cursor:ew-resize}.m-section-chart__table{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: SectionToggleComponent,
+				selector: "m-section-toggle",
+				inputs: [
+					"items",
+					"selectedIndex",
+					"border",
+					"sticky"
+				],
+				outputs: ["selectedIndexChange", "action"]
+			},
+			{
+				kind: "directive",
+				type: SectionToggleItemDirective,
+				selector: "ng-template[mSectionToggleItem]",
+				inputs: ["mSectionToggleItem"]
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SectionChartComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-section-chart",
+			imports: [
+				TranslatePipe,
+				SectionToggleComponent,
+				SectionToggleItemDirective
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "m-section-chart",
+				"[class.is-design-mode]": "isDesignMode",
+				"[class.m-section-chart--minimal]": "minimal()"
+			},
+			providers: [{
+				provide: SECTION_CHART_CONTEXT,
+				useFactory: () => {
+					const self = inject(SectionChartComponent);
+					return {
+						register: self.register,
+						unregister: self.unregister,
+						legendOf: self.legendOf
+					};
+				}
+			}],
+			template: "<div class=\"m-section-chart__top\">\n  <!-- Each series draws its own legend row: the row is the series' element,\n       which is what the editor's Canvas selects it by. -->\n  <div class=\"m-section-chart__legend\" role=\"list\">\n    <ng-content />\n  </div>\n  @if (periodLabel(); as label) {\n    <span class=\"m-section-chart__window\">{{ label }}</span>\n  }\n</div>\n\n<div class=\"m-section-chart__plot\">\n  <svg\n    class=\"m-section-chart__svg\"\n    role=\"img\"\n    tabindex=\"0\"\n    [class.is-measurable]=\"canMeasure()\"\n    [attr.width]=\"width()\"\n    [attr.height]=\"resolvedHeight()\"\n    [attr.viewBox]=\"viewBox()\"\n    [attr.aria-label]=\"windowLabel()\"\n    [attr.aria-describedby]=\"tableId\"\n    (pointerdown)=\"onPlotDown($event)\"\n    (pointermove)=\"onPointerMove($event)\"\n    (pointerup)=\"onPlotUp()\"\n    (pointercancel)=\"onPlotUp()\"\n    (pointerleave)=\"clearHover()\"\n    (blur)=\"clearHover()\"\n    (keydown)=\"onKeydown($event)\"\n  >\n    @for (tick of yTicks(); track $index) {\n      <svg:line\n        class=\"m-section-chart__grid\"\n        [class.m-section-chart__grid--zero]=\"tick.zero\"\n        [attr.x1]=\"left()\"\n        [attr.x2]=\"right()\"\n        [attr.y1]=\"tick.y\"\n        [attr.y2]=\"tick.y\"\n      />\n      <svg:text\n        class=\"m-section-chart__tick\"\n        text-anchor=\"end\"\n        [attr.x]=\"left() - 8\"\n        [attr.y]=\"tick.y + 4\"\n      >\n        {{ tick.label }}\n      </svg:text>\n    }\n    @if (!minimal()) {\n      <svg:line\n        class=\"m-section-chart__axis\"\n        [attr.x1]=\"left()\"\n        [attr.x2]=\"right()\"\n        [attr.y1]=\"bottom()\"\n        [attr.y2]=\"bottom()\"\n      />\n    }\n    @for (tick of xTicks(); track $index) {\n      <svg:text\n        class=\"m-section-chart__tick\"\n        text-anchor=\"middle\"\n        [attr.x]=\"tick.x\"\n        [attr.y]=\"bottom() + 18\"\n      >\n        {{ tick.label }}\n      </svg:text>\n    }\n    @if (measureView(); as band) {\n      <svg:rect\n        class=\"m-section-chart__band\"\n        [attr.x]=\"band.start\"\n        [attr.y]=\"top()\"\n        [attr.width]=\"band.width\"\n        [attr.height]=\"bottom() - top()\"\n      />\n      <svg:line\n        class=\"m-section-chart__band-edge\"\n        [attr.x1]=\"band.start\"\n        [attr.x2]=\"band.start\"\n        [attr.y1]=\"top()\"\n        [attr.y2]=\"bottom()\"\n      />\n      <svg:line\n        class=\"m-section-chart__band-edge\"\n        [attr.x1]=\"band.start + band.width\"\n        [attr.x2]=\"band.start + band.width\"\n        [attr.y1]=\"top()\"\n        [attr.y2]=\"bottom()\"\n      />\n    }\n    @for (path of paths(); track $index) {\n      <svg:path\n        class=\"m-section-chart__line\"\n        [attr.d]=\"path.d\"\n        [style.stroke]=\"path.color\"\n      />\n    }\n    @if (!minimal()) {\n      @for (path of paths(); track $index) {\n        <svg:circle\n          class=\"m-section-chart__dot\"\n          r=\"4\"\n          [attr.cx]=\"path.endX\"\n          [attr.cy]=\"path.endY\"\n          [style.fill]=\"path.color\"\n        />\n      }\n    }\n    @if (hover(); as h) {\n      <svg:line\n        class=\"m-section-chart__cross\"\n        [attr.x1]=\"h.x\"\n        [attr.x2]=\"h.x\"\n        [attr.y1]=\"top()\"\n        [attr.y2]=\"bottom()\"\n      />\n      @for (row of h.rows; track $index) {\n        <svg:circle\n          class=\"m-section-chart__dot\"\n          r=\"4\"\n          [attr.cx]=\"row.cx\"\n          [attr.cy]=\"row.cy\"\n          [style.fill]=\"row.color\"\n        />\n      }\n    }\n  </svg>\n\n  @if (hover(); as h) {\n    <div\n      class=\"m-section-chart__tip\"\n      role=\"status\"\n      [class.m-section-chart__tip--flip]=\"h.flip\"\n      [style.left.px]=\"h.x\"\n    >\n      <span class=\"m-section-chart__tip-title\">{{ h.title }}</span>\n      @for (row of h.rows; track $index) {\n        <span class=\"m-section-chart__tip-row\">\n          <span class=\"m-section-chart__tip-key\" [style.background]=\"row.color\"></span>\n          <span class=\"m-section-chart__tip-value\">{{ row.value }}</span>\n          <span class=\"m-section-chart__tip-label\">{{\n            row.noTranslate ? row.label : (row.label | translate: row.params)\n          }}</span>\n          <span class=\"m-section-chart__tip-sub\">{{ row.sub }}</span>\n        </span>\n      }\n    </div>\n  }\n\n  @if (measureView()?.card; as card) {\n    <div\n      class=\"m-section-chart__measure\"\n      role=\"status\"\n      [class.m-section-chart__measure--flip]=\"card.flip\"\n      [style.left.px]=\"card.x\"\n    >\n      <span class=\"m-section-chart__tip-title\">{{ card.title }}</span>\n      @for (row of card.rows; track $index) {\n        <span class=\"m-section-chart__tip-row\">\n          <span class=\"m-section-chart__tip-key\" [style.background]=\"row.color\"></span>\n          <span class=\"m-section-chart__tip-value\">{{ row.value }}</span>\n          <span class=\"m-section-chart__tip-label\">{{\n            row.noTranslate ? row.label : (row.label | translate: row.params)\n          }}</span>\n          <span class=\"m-section-chart__tip-sub\">{{ row.sub }}</span>\n        </span>\n      }\n    </div>\n  }\n</div>\n\n@if (presets().length > 1 && !minimal()) {\n  <div class=\"m-section-chart__presets\">\n    <m-section-toggle\n      [items]=\"presets()\"\n      [selectedIndex]=\"presetIndex()\"\n      [border]=\"false\"\n      (action)=\"selectPreset($event)\"\n    >\n      <ng-template [mSectionToggleItem]=\"presets()\" let-preset>\n        <span class=\"m-section-chart__preset\">{{ preset.label }}</span>\n      </ng-template>\n    </m-section-toggle>\n  </div>\n}\n\n@if (navigatorView(); as nav) {\n  <svg\n    class=\"m-section-chart__navigator\"\n    role=\"slider\"\n    tabindex=\"0\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    [attr.aria-label]=\"'zoom' | translate\"\n    [attr.aria-valuenow]=\"nav.position\"\n    [attr.aria-valuetext]=\"windowLabel()\"\n    [attr.width]=\"width()\"\n    [attr.height]=\"navHeight\"\n    [attr.viewBox]=\"navViewBox()\"\n    (pointerdown)=\"onNavigatorDown($event)\"\n    (pointermove)=\"onNavigatorMove($event)\"\n    (pointerup)=\"onNavigatorUp()\"\n    (pointercancel)=\"onNavigatorUp()\"\n    (keydown)=\"onNavigatorKeydown($event)\"\n  >\n    <svg:path class=\"m-section-chart__nav-area\" [attr.d]=\"nav.area\" />\n    <svg:path class=\"m-section-chart__nav-line\" [attr.d]=\"nav.d\" />\n    <svg:line\n      class=\"m-section-chart__axis\"\n      [attr.x1]=\"left()\"\n      [attr.x2]=\"right()\"\n      [attr.y1]=\"nav.base\"\n      [attr.y2]=\"nav.base\"\n    />\n    @for (tick of nav.ticks; track $index) {\n      <svg:text\n        class=\"m-section-chart__tick\"\n        text-anchor=\"middle\"\n        [attr.x]=\"tick.x\"\n        [attr.y]=\"nav.base + 15\"\n      >\n        {{ tick.label }}\n      </svg:text>\n    }\n    <svg:rect\n      class=\"m-section-chart__nav-dim\"\n      [attr.x]=\"left()\"\n      [attr.y]=\"navTop\"\n      [attr.width]=\"nav.start - left()\"\n      [attr.height]=\"nav.base - navTop\"\n    />\n    <svg:rect\n      class=\"m-section-chart__nav-dim\"\n      [attr.x]=\"nav.end\"\n      [attr.y]=\"navTop\"\n      [attr.width]=\"right() - nav.end\"\n      [attr.height]=\"nav.base - navTop\"\n    />\n    <svg:rect\n      class=\"m-section-chart__nav-window\"\n      [attr.x]=\"nav.start\"\n      [attr.y]=\"navTop\"\n      [attr.width]=\"nav.end - nav.start\"\n      [attr.height]=\"nav.base - navTop\"\n    />\n    <svg:rect\n      class=\"m-section-chart__nav-handle\"\n      rx=\"2\"\n      width=\"6\"\n      height=\"20\"\n      [attr.x]=\"nav.start - 3\"\n      [attr.y]=\"(nav.base + navTop) / 2 - 10\"\n    />\n    <svg:rect\n      class=\"m-section-chart__nav-handle\"\n      rx=\"2\"\n      width=\"6\"\n      height=\"20\"\n      [attr.x]=\"nav.end - 3\"\n      [attr.y]=\"(nav.base + navTop) / 2 - 10\"\n    />\n  </svg>\n}\n\n<table class=\"m-section-chart__table\" [id]=\"tableId\">\n  <thead>\n    <tr>\n      <th scope=\"col\">{{ 'date' | translate }}</th>\n      @for (column of table().columns; track $index) {\n        <th scope=\"col\">\n          {{ column.noTranslate ? column.label : (column.label | translate: column.params) }}\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody>\n    @for (row of table().rows; track $index) {\n      <tr>\n        <td>{{ row.date }}</td>\n        @for (cell of row.cells; track $index) {\n          <td>{{ cell }}</td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n",
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;position:relative;width:100%;min-width:0}.m-section-chart__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;margin-bottom:.5rem}.m-section-chart__legend{display:grid;gap:.15rem;min-width:0}.m-section-chart__tip-key{display:inline-block;width:.75rem;height:2px;border-radius:1px}.m-section-chart__window{color:var(--m-text-tertiary);font-size:.8rem}:host(.m-section-chart--minimal) .m-section-chart__top{flex-direction:column;gap:.15rem}:host(.m-section-chart--minimal) .m-section-chart__svg{cursor:default}.m-section-chart__plot{position:relative}.m-section-chart__svg{display:block;overflow:visible}.m-section-chart__svg:focus{outline:none}.m-section-chart__svg:focus-visible{outline:2px solid var(--m-focus);outline-offset:4px;border-radius:4px}.m-section-chart__svg.is-measurable{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.m-section-chart__band{fill:var(--m-text);opacity:.06}.m-section-chart__band-edge{stroke:var(--m-text-secondary);stroke-width:1}.m-section-chart__grid{stroke:var(--m-text-septenary);stroke-width:1}.m-section-chart__grid--zero{stroke:var(--m-text-quinary);stroke-width:1.5}.m-section-chart__axis{stroke:var(--m-text-quinary);stroke-width:1}.m-section-chart__tick{fill:var(--m-text-tertiary);font-size:11px;font-variant-numeric:tabular-nums}.m-section-chart__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.m-section-chart__dot{stroke:var(--m-background);stroke-width:2}.m-section-chart__cross{stroke:var(--m-text-secondary);stroke-width:1;opacity:.55}.m-section-chart__tip,.m-section-chart__measure{position:absolute;z-index:2;display:grid;gap:.25rem;min-width:10rem;padding:.5rem .625rem;border:1px solid var(--m-backdrop-border);border-radius:.5rem;background:var(--m-background);box-shadow:0 6px 20px var(--m-backdrop-shadow);font-size:.75rem;pointer-events:none}.m-section-chart__tip{top:0;margin-left:.875rem}.m-section-chart__tip--flip{transform:translate(calc(-100% - 1.75rem))}.m-section-chart__measure{bottom:2.25rem}.m-section-chart__measure--flip{transform:translate(-100%)}.m-section-chart__tip-title{color:var(--m-text-secondary);font-weight:600}.m-section-chart__tip-row{display:grid;grid-template-columns:.75rem auto 1fr auto;align-items:center;gap:.5rem}.m-section-chart__tip-value{color:var(--m-text);font-weight:650;font-variant-numeric:tabular-nums}.m-section-chart__tip-label{color:var(--m-text-secondary);white-space:nowrap}.m-section-chart__tip-sub{color:var(--m-text-tertiary);font-variant-numeric:tabular-nums}.m-section-chart__presets{--section-px: 0;margin-top:.5rem}.m-section-chart__preset{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}.m-section-chart__navigator{display:block;margin-top:.25rem;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.m-section-chart__navigator:focus{outline:none}.m-section-chart__navigator:focus-visible{outline:2px solid var(--m-focus);outline-offset:4px;border-radius:4px}.m-section-chart__nav-area{fill:var(--m-text-tertiary);opacity:.12}.m-section-chart__nav-line{fill:none;stroke:var(--m-text-tertiary);stroke-width:1.25}.m-section-chart__nav-dim{fill:var(--m-background);opacity:.6}.m-section-chart__nav-window{fill:transparent;stroke:var(--m-text-secondary);stroke-width:1;cursor:grab}.m-section-chart__nav-handle{fill:var(--m-text-secondary);cursor:ew-resize}.m-section-chart__table{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		scale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "scale",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		displayPeriod: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "displayPeriod",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}],
+		navigator: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "navigator",
+				required: false
+			}]
+		}],
+		measure: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "measure",
+				required: false
+			}]
+		}],
+		range: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "range",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["rangeChange"]
+		}],
+		window: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "window",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["windowChange"]
+		}]
+	}
+});
+var SectionChartSeriesComponent = class SectionChartSeriesComponent {
+	data = input(void 0, ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+	x = input("date", ...ngDevMode ? [{ debugName: "x" }] : /* istanbul ignore next */ []);
+	y = input("value", ...ngDevMode ? [{ debugName: "y" }] : /* istanbul ignore next */ []);
+	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	noTranslate = input(false, ...ngDevMode ? [{ debugName: "noTranslate" }] : /* istanbul ignore next */ []);
+	params = input(void 0, ...ngDevMode ? [{ debugName: "params" }] : /* istanbul ignore next */ []);
+	color = input(void 0, ...ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []);
+	points = computed(() => readChartPoints(this.data(), this.x(), this.y()), ...ngDevMode ? [{ debugName: "points" }] : /* istanbul ignore next */ []);
+	row;
+	constructor() {
+		const chart = inject(SECTION_CHART_CONTEXT, { optional: true });
+		if (!chart) {
+			this.row = signal(void 0, ...ngDevMode ? [{ debugName: "row" }] : /* istanbul ignore next */ []);
+			return;
+		}
+		const member = {
+			points: this.points,
+			label: this.label,
+			noTranslate: this.noTranslate,
+			params: this.params,
+			color: this.color
+		};
+		chart.register(member);
+		this.row = chart.legendOf(member);
+		inject(DestroyRef).onDestroy(() => chart.unregister(member));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SectionChartSeriesComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: SectionChartSeriesComponent,
+		isStandalone: true,
+		selector: "m-section-chart-series",
+		inputs: {
+			data: {
+				classPropertyName: "data",
+				publicName: "data",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			x: {
+				classPropertyName: "x",
+				publicName: "x",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			y: {
+				classPropertyName: "y",
+				publicName: "y",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			noTranslate: {
+				classPropertyName: "noTranslate",
+				publicName: "noTranslate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			params: {
+				classPropertyName: "params",
+				publicName: "params",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			color: {
+				classPropertyName: "color",
+				publicName: "color",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "listitem" },
+			properties: { "class.is-drawn": "!!row()" },
+			classAttribute: "m-section-chart-series"
+		},
+		ngImport: i0,
+		template: `
+    @if (row(); as legend) {
+      <span
+        class="m-section-chart-series__key"
+        [style.background]="legend.color"
+      ></span>
+      <span class="m-section-chart-series__name">{{
+        noTranslate() ? label() : (label() | translate: params())
+      }}</span>
+      <span
+        class="m-section-chart-series__change"
+        [class.is-up]="legend.trend === 'up'"
+        [class.is-down]="legend.trend === 'down'"
+        >{{ legend.change }}</span
+      >
+    }
+  `,
+		isInline: true,
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:none}:host(.is-drawn){display:grid;grid-template-columns:.75rem minmax(0,1fr) auto;align-items:center;gap:.5rem;font-size:.85rem}.m-section-chart-series__key{display:inline-block;width:.75rem;height:2px;border-radius:1px}.m-section-chart-series__name{color:var(--m-text-secondary)}.m-section-chart-series__change{color:var(--m-text-tertiary);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.m-section-chart-series__change.is-up{color:var(--m-success)}.m-section-chart-series__change.is-down{color:var(--m-error)}\n"],
+		dependencies: [{
+			kind: "pipe",
+			type: TranslatePipe,
+			name: "translate"
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SectionChartSeriesComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-section-chart-series",
+			imports: [TranslatePipe],
+			template: `
+    @if (row(); as legend) {
+      <span
+        class="m-section-chart-series__key"
+        [style.background]="legend.color"
+      ></span>
+      <span class="m-section-chart-series__name">{{
+        noTranslate() ? label() : (label() | translate: params())
+      }}</span>
+      <span
+        class="m-section-chart-series__change"
+        [class.is-up]="legend.trend === 'up'"
+        [class.is-down]="legend.trend === 'down'"
+        >{{ legend.change }}</span
+      >
+    }
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "m-section-chart-series",
+				role: "listitem",
+				"[class.is-drawn]": "!!row()"
+			},
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:none}:host(.is-drawn){display:grid;grid-template-columns:.75rem minmax(0,1fr) auto;align-items:center;gap:.5rem;font-size:.85rem}.m-section-chart-series__key{display:inline-block;width:.75rem;height:2px;border-radius:1px}.m-section-chart-series__name{color:var(--m-text-secondary)}.m-section-chart-series__change{color:var(--m-text-tertiary);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.m-section-chart-series__change.is-up{color:var(--m-success)}.m-section-chart-series__change.is-down{color:var(--m-error)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: false
+			}]
+		}],
+		x: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "x",
+				required: false
+			}]
+		}],
+		y: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "y",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		noTranslate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "noTranslate",
+				required: false
+			}]
+		}],
+		params: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "params",
+				required: false
+			}]
+		}],
+		color: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "color",
+				required: false
+			}]
+		}]
+	}
+});
 function getTabsClassList(config) {
 	if (!config) return "";
 	return config.inverse ? "tabs-inverse" : "";
@@ -21993,12 +23346,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 		const seq = ++this.dynamicSeq;
 		switch (this.config()?.type) {
 			case InputType.RADIO: {
-				const { RadioInputComponent } = await import("./magmonium-one-radio-BanML2y5.mjs").then((n) => n.n);
+				const { RadioInputComponent } = await import("./magmonium-one-radio-yizQzCrD.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RadioInputComponent);
 				break;
 			}
 			case InputType.TOGGLE: {
-				const { ToggleInputComponent } = await import("./magmonium-one-toggle-C5-GwMSQ.mjs");
+				const { ToggleInputComponent } = await import("./magmonium-one-toggle-BPInV6K-.mjs");
 				this.createDynamicComponent(seq, ToggleInputComponent, [], true);
 				break;
 			}
@@ -22008,12 +23361,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.PASSWORD: {
-				const { PasswordInputComponent } = await import("./magmonium-one-password-CTnJ9M7d.mjs");
+				const { PasswordInputComponent } = await import("./magmonium-one-password-C7W01COQ.mjs");
 				this.createDynamicComponent(seq, PasswordInputComponent);
 				break;
 			}
 			case InputType.OTP: {
-				const { OtpInputComponent } = await import("./magmonium-one-otp-BlP0t9w1.mjs");
+				const { OtpInputComponent } = await import("./magmonium-one-otp-AFrgpHdp.mjs");
 				this.createDynamicComponent(seq, OtpInputComponent);
 				break;
 			}
@@ -22023,7 +23376,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.CHECKBOX: {
-				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CyVd_a7p.mjs").then((n) => n.n);
+				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CTRdyVrI.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 				break;
 			}
@@ -22038,12 +23391,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.RANGE: {
-				const { RangeInputComponent } = await import("./magmonium-one-range-B_3WiQR7.mjs").then((n) => n.n);
+				const { RangeInputComponent } = await import("./magmonium-one-range-B6JesBOM.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RangeInputComponent);
 				break;
 			}
 			case InputType.MULTI_RANGE: {
-				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-mv5rz3uW.mjs").then((n) => n.n);
+				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-CDJX9iFR.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, MultiRangeInputComponent);
 				break;
 			}
@@ -22094,7 +23447,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			default: {
-				const { TextInputComponent } = await import("./magmonium-one-text-DDA0gCOd.mjs").then((n) => n.n);
+				const { TextInputComponent } = await import("./magmonium-one-text-DT9ia02A.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, TextInputComponent);
 				break;
 			}
@@ -24481,7 +25834,7 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 	openEditor = async (file, size) => {
 		const modalStore = this.modalStore;
 		if (!modalStore) return void 0;
-		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-CKx7BRVF.mjs");
+		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-FomMDHZl.mjs");
 		const ratio = String(this.config()?.ratio ?? "");
 		return new Promise((resolve) => {
 			const modalRef = new ModalRef();
@@ -52172,6 +53525,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, APP_LOGO_ICON, APP_LOGO_SOURCE, APP_THEME_COLOR, ASSET_BASE_URL, AUDIENCE_ICONS, AUDIENCE_LEVELS, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppIdentityService, AppLogoComponent, AppLogoState, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AudiencePickerBoxComponent, AudiencePickerComponent, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_AUDIENCE, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HOST_SESSION, HeaderComponent, HeatSwatchComponent, HighlightDirective, HttpService, HttpSharingClient, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LOGO_GLYPH_MAX_BYTES, LanguageComponent, ListComponent, LogoComponent, LogoGlyphInputComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_BOOT_TIMEOUT_MS, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_ANSWER_KEY, SEARCH_LABEL_KEY, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SHARING_CLIENT, SIZE_CONTEXT, SPACING_INWARD, SPLASH_ID, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, activeElementWithin, allowedCodes, anchorNavId, appColorBrand, appLogoShadowColor, appThemeColorFactory, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, escapeHtml, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, heatColor, heatShare, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLightAppColor, isLoadingComputed, isLocalhost, isNavCountConfig, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isReadableOn, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, logoGlyphMaskUrl, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkInlineToHtml, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAppColor, normalizeAssetOptions, offsetOfLine, outletPathOf, outletSegmentsOf, paintAppColor, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickCount, pickSupportedLanguage, picksMembers, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readFieldPatterns, readableAppColor, rebuildLogoGlyph, recordDefinedWcTier, registerSessionRenewal, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splashHtml, splitNavId, splitOnMatch, splitPath, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleGroup, toggleTreeGridRow, toggleUid, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf, withLevel };
+export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, APP_LOGO_ICON, APP_LOGO_SOURCE, APP_THEME_COLOR, ASSET_BASE_URL, AUDIENCE_ICONS, AUDIENCE_LEVELS, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppIdentityService, AppLogoComponent, AppLogoState, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AudiencePickerBoxComponent, AudiencePickerComponent, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_AUDIENCE, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SECTION_CHART_RANGES, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HOST_SESSION, HeaderComponent, HeatSwatchComponent, HighlightDirective, HttpService, HttpSharingClient, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LOGO_GLYPH_MAX_BYTES, LanguageComponent, ListComponent, LogoComponent, LogoGlyphInputComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_BOOT_TIMEOUT_MS, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_ANSWER_KEY, SEARCH_LABEL_KEY, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_CHART_CUSTOM_RANGE, SECTION_CHART_SCALES, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SHARING_CLIENT, SIZE_CONTEXT, SPACING_INWARD, SPLASH_ID, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionChartComponent, SectionChartSeriesComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, activeElementWithin, allowedCodes, anchorNavId, appColorBrand, appLogoShadowColor, appThemeColorFactory, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, escapeHtml, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, heatColor, heatShare, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLightAppColor, isLoadingComputed, isLocalhost, isNavCountConfig, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isReadableOn, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, logoGlyphMaskUrl, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkInlineToHtml, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAppColor, normalizeAssetOptions, offsetOfLine, outletPathOf, outletSegmentsOf, paintAppColor, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickCount, pickSupportedLanguage, picksMembers, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readChartPoints, readFieldPatterns, readableAppColor, rebuildLogoGlyph, recordDefinedWcTier, registerSessionRenewal, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splashHtml, splitNavId, splitOnMatch, splitPath, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleGroup, toggleTreeGridRow, toggleUid, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf, withLevel };
 
 //# sourceMappingURL=magmonium-one.mjs.map