@magmonium/one 0.4.86 → 0.4.88

package/fesm2022/magmonium-one.mjs

@@ -1,30 +1,30 @@
 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-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 { 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-BK48N5us.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-BA51l-Rw.mjs";
 import "./magmonium-one-theme-BtQyLRdQ.mjs";
 import { _ as TimeAgoPipe, a as nextSectionTableSort, c as sectionTableFrozenCount, d as SectionTableSortDirection, f as AssetUrlPipe, g as MoneyPipe, h as PercentagePipe, i as defaultSectionTableSort, l as sortSectionTableRows, m as SignColorPipe, n as ToListPipe, o as sectionTableColumnId, p as CompactNumberPipe, r as SectionTableSortPipe, s as sectionTableColumnWidths, t as LabelComponent, u as SECTION_TABLE_VARIANTS } from "./magmonium-one-label-Dkis_mGP.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 actionName, c as ReactiveElementComponent, d as shouldShowBadge, l as BadgeComponent, n as SECTION_FORM_CONTEXT, o as isButtonName, r as ImgComponent, s as enumValue, t as ButtonComponent, u as formatBadgeCount } from "./magmonium-one-button-DO7FTwuF.mjs";
+import { c as enumValue, d as formatBadgeCount, f as shouldShowBadge, i as ACTION_BUTTON_HOST, l as ReactiveElementComponent, n as SECTION_FORM_CONTEXT, o as actionName, r as ImgComponent, s as isButtonName, t as ButtonComponent, u as BadgeComponent } from "./magmonium-one-button-C5dk4R_m.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-a3Dwmu2X.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-CgOV_m7w.mjs";
-import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-BsqCB8D2.mjs";
-import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-CsoiLhVg.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-hJ7wkmQn.mjs";
+import { t as HeaderComponent } from "./magmonium-one-header-BZzD8uTJ.mjs";
+import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-bRamdzPO.mjs";
+import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-CJjjxFfu.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-E6pe3IOL.mjs";
 import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-LdM6dqF_.mjs";
 import { t as RadioInputComponent } from "./magmonium-one-radio-DPz4-SAJ.mjs";
 import { t as TextInputComponent } from "./magmonium-one-text-vDPAhn74.mjs";
-import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-RSLLKzLu.mjs";
-import { t as RangeInputComponent } from "./magmonium-one-range-CqOSrC0Y.mjs";
-import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-9iIR64ME.mjs";
+import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-DL_JlKVL.mjs";
+import { t as RangeInputComponent } from "./magmonium-one-range-DlQfnl9p.mjs";
+import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-2hgXcmhE.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, 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";
@@ -759,7 +759,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.PASSWORD: {
-					const { PasswordInputComponent } = await import("./magmonium-one-password-CJBa8k1l.mjs");
+					const { PasswordInputComponent } = await import("./magmonium-one-password-CvgWZkAX.mjs");
 					this.createDynamicComponent(seq, PasswordInputComponent);
 					break;
 				}
@@ -789,12 +789,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.RANGE: {
-					const { RangeInputComponent } = await import("./magmonium-one-range-CqOSrC0Y.mjs").then((n) => n.n);
+					const { RangeInputComponent } = await import("./magmonium-one-range-DlQfnl9p.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RangeInputComponent);
 					break;
 				}
 				case InputType.MULTI_RANGE: {
-					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-RSLLKzLu.mjs").then((n) => n.n);
+					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-DL_JlKVL.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, MultiRangeInputComponent);
 					break;
 				}
@@ -3384,6 +3384,24 @@ const BREAKPOINTS$2 = [
 var ActionComponent = class ActionComponent extends ButtonGroupComponent {
 	sticky = input(false, ...ngDevMode ? [{ debugName: "sticky" }] : /* istanbul ignore next */ []);
 	isStuck = signal(false, ...ngDevMode ? [{ debugName: "isStuck" }] : /* istanbul ignore next */ []);
+	projected = contentChildren(ButtonComponent, ...ngDevMode ? [{ debugName: "projected" }] : /* istanbul ignore next */ []);
+	projectedButtons = computed(() => this.projected().map((child) => child.config()).filter((config) => !!config), ...ngDevMode ? [{ debugName: "projectedButtons" }] : /* istanbul ignore next */ []);
+	projectedLinkTrees = computed(() => {
+		const trees = /* @__PURE__ */ new Map();
+		this.projected().forEach((child) => {
+			const name = child.config()?.name;
+			const link = child.routerLinkRef;
+			if (!name || !link) return;
+			try {
+				const tree = link.urlTree;
+				if (tree) trees.set(name, tree);
+			} catch (error) {
+				console.warn(`m-action: Button "${name}" links nowhere from here`, error);
+			}
+		});
+		return trees;
+	}, ...ngDevMode ? [{ debugName: "projectedLinkTrees" }] : /* istanbul ignore next */ []);
+	sourceButtons = computed(() => [...this.mergedButtons(), ...this.projectedButtons()], ...ngDevMode ? [{ debugName: "sourceButtons" }] : /* istanbul ignore next */ []);
 	variant = input(...ngDevMode ? [void 0, { debugName: "variant" }] : /* istanbul ignore next */ []);
 	active = input(...ngDevMode ? [void 0, { debugName: "active" }] : /* istanbul ignore next */ []);
 	renderIds = input(...ngDevMode ? [void 0, { debugName: "renderIds" }] : /* istanbul ignore next */ []);
@@ -3395,7 +3413,13 @@ var ActionComponent = class ActionComponent extends ButtonGroupComponent {
 	linkTrees = computed(() => {
 		const trees = /* @__PURE__ */ new Map();
 		if (this.isDesignMode) return trees;
+		const projected = this.projectedLinkTrees();
 		this.actionButtons().forEach((button) => {
+			const written = button.name ? projected.get(button.name) : void 0;
+			if (written) {
+				trees.set(button, written);
+				return;
+			}
 			const link = button.routerLink;
 			if (!link) return;
 			try {
@@ -3407,7 +3431,14 @@ var ActionComponent = class ActionComponent extends ButtonGroupComponent {
 		return trees;
 	}, ...ngDevMode ? [{ debugName: "linkTrees" }] : /* istanbul ignore next */ []);
 	linkOf(button) {
-		return this.linkTrees().has(button) ? button.routerLink : void 0;
+		const tree = this.linkTrees().get(button);
+		if (!tree) return void 0;
+		return button.routerLink ?? tree;
+	}
+	isDisabled(name) {
+		const own = super.isDisabled(name);
+		if (own !== void 0 || !name) return own;
+		return this.projectedButtons().find((b) => b.name === name)?.disabled;
 	}
 	linkActive = computed(() => {
 		const active = /* @__PURE__ */ new Map();
@@ -3519,7 +3550,7 @@ var ActionComponent = class ActionComponent extends ButtonGroupComponent {
 	destroyRef = inject(DestroyRef);
 	actionButtonsResource = rxResource({
 		params: () => {
-			const buttons = this.mergedButtons();
+			const buttons = this.sourceButtons();
 			if (!buttons.length) return void 0;
 			return {
 				buttons,
@@ -3537,7 +3568,7 @@ var ActionComponent = class ActionComponent extends ButtonGroupComponent {
 			}));
 		}
 	});
-	actionButtons = computed(() => this.actionButtonsResource.value() ?? this.mergedButtons(), ...ngDevMode ? [{ debugName: "actionButtons" }] : /* istanbul ignore next */ []);
+	actionButtons = computed(() => this.actionButtonsResource.value() ?? this.sourceButtons(), ...ngDevMode ? [{ debugName: "actionButtons" }] : /* istanbul ignore next */ []);
 	constructor() {
 		super();
 		effect(this.announceDefault);
@@ -3630,6 +3661,15 @@ var ActionComponent = class ActionComponent extends ButtonGroupComponent {
 			}
 		},
 		host: { properties: { "class.m-action--host-sticky": "sticky()" } },
+		providers: [{
+			provide: ACTION_BUTTON_HOST,
+			useValue: true
+		}],
+		queries: [{
+			propertyName: "projected",
+			predicate: ButtonComponent,
+			isSignal: true
+		}],
 		usesInheritance: true,
 		ngImport: i0,
 		template: "@let buttons = actionButtons();\n<!-- No `config()` guard: a bar the Design editor folded its Buttons into has no\n     `button_groups/<name>.yml` behind it — they ride on `[buttons]` instead\n     (ADR 0009, ADR 0010) — so what decides whether the row exists is whether\n     there are Buttons in it. Empty, it draws only on the Canvas, where it is\n     the drop space a Button lands on. -->\n@if (buttons.length || isDesignMode) {\n  <div\n    class=\"m-action\"\n    [class.m-action--stuck]=\"isStuck()\"\n    [class.m-action--toggle]=\"resolvedVariant() === 'toggle'\"\n  >\n    @for (button of visibleButtons(); track $index) {\n      <!-- A routed Button is a real link, so the browser's own affordances —\n           a middle-click, open in new tab, the URL on hover — reach it. A\n           disabled one stays a <button>: an <a> cannot be disabled, and a\n           RouterLink on one would still navigate. -->\n      @let link = isDisabled(button.name) ? undefined : linkOf(button);\n      @if (link) {\n        <a\n          class=\"m-action__btn\"\n          [routerLink]=\"link\"\n          [attr.data-testid]=\"(button.name || '') + '-btn'\"\n          [class.active]=\"isActive(button)\"\n          [class.m-action__btn--icon-only]=\"isLabelHidden(button)\"\n          [attr.aria-label]=\"isLabelHidden(button) ? (button.label | translate) : null\"\n          [attr.aria-current]=\"isActive(button) ? 'page' : null\"\n          [style.--m-action-color]=\"fillColor(button)\"\n          [style.--m-action-color-contrast]=\"contrastColor(button)\"\n          [style.--m-action-label]=\"labelColor(button)\"\n          (click)=\"select(button)\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"buttonContent; context: { $implicit: button }\"\n          />\n        </a>\n      } @else {\n        <button\n          type=\"button\"\n          class=\"m-action__btn\"\n          [attr.data-testid]=\"(button.name || '') + '-btn'\"\n          [attr.render-id]=\"renderIds()?.[button.name ?? '']\"\n          [class.active]=\"isActive(button)\"\n          [class.m-action__btn--icon-only]=\"isLabelHidden(button)\"\n          [attr.aria-label]=\"isLabelHidden(button) ? (button.label | translate) : null\"\n          [style.--m-action-color]=\"fillColor(button)\"\n          [style.--m-action-color-contrast]=\"contrastColor(button)\"\n          [style.--m-action-label]=\"labelColor(button)\"\n          [disabled]=\"isDisabled(button.name)\"\n          (click)=\"select(button)\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"buttonContent; context: { $implicit: button }\"\n          />\n        </button>\n      }\n    }\n    @if (menuButtons().length) {\n      <!-- The Buttons the bar could not fit. Squeezed rather than dropped:\n           an action the User can still reach behind one press beats an action\n           that silently stopped existing at 400px. -->\n      <m-context-menu\n        class=\"m-action__overflow\"\n        [config]=\"squeezeMenu()\"\n        [remote]=\"remote() ?? config()?.remote\"\n        (action)=\"onMenuAction($event)\"\n      />\n    }\n    @if (!buttons.length) {\n      <!-- A bar with nothing in it has no box, and a slot with no box is a slot\n           nothing can be dropped on — the same rect an empty projected Card is\n           given (m-one-ui `.card-drop-space`). -->\n      <span class=\"m-action__drop\"></span>\n    }\n  </div>\n}\n\n<ng-template #buttonContent let-button>\n  @if (button.icon) {\n    <m-icon\n      [name]=\"button.icon\"\n      [color]=\"iconColor(button)\"\n      [remote]=\"remote() ?? config()?.remote\"\n    />\n  }\n  @if (button.label && !isLabelHidden(button)) {\n    <span class=\"m-action__label\">{{ button.label | translate }}</span>\n  }\n</ng-template>\n",
@@ -3729,6 +3769,10 @@ i0.ɵɵngDeclareClassMetadata({
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			encapsulation: ViewEncapsulation.None,
 			host: { "[class.m-action--host-sticky]": "sticky()" },
+			providers: [{
+				provide: ACTION_BUTTON_HOST,
+				useValue: true
+			}],
 			template: "@let buttons = actionButtons();\n<!-- No `config()` guard: a bar the Design editor folded its Buttons into has no\n     `button_groups/<name>.yml` behind it — they ride on `[buttons]` instead\n     (ADR 0009, ADR 0010) — so what decides whether the row exists is whether\n     there are Buttons in it. Empty, it draws only on the Canvas, where it is\n     the drop space a Button lands on. -->\n@if (buttons.length || isDesignMode) {\n  <div\n    class=\"m-action\"\n    [class.m-action--stuck]=\"isStuck()\"\n    [class.m-action--toggle]=\"resolvedVariant() === 'toggle'\"\n  >\n    @for (button of visibleButtons(); track $index) {\n      <!-- A routed Button is a real link, so the browser's own affordances —\n           a middle-click, open in new tab, the URL on hover — reach it. A\n           disabled one stays a <button>: an <a> cannot be disabled, and a\n           RouterLink on one would still navigate. -->\n      @let link = isDisabled(button.name) ? undefined : linkOf(button);\n      @if (link) {\n        <a\n          class=\"m-action__btn\"\n          [routerLink]=\"link\"\n          [attr.data-testid]=\"(button.name || '') + '-btn'\"\n          [class.active]=\"isActive(button)\"\n          [class.m-action__btn--icon-only]=\"isLabelHidden(button)\"\n          [attr.aria-label]=\"isLabelHidden(button) ? (button.label | translate) : null\"\n          [attr.aria-current]=\"isActive(button) ? 'page' : null\"\n          [style.--m-action-color]=\"fillColor(button)\"\n          [style.--m-action-color-contrast]=\"contrastColor(button)\"\n          [style.--m-action-label]=\"labelColor(button)\"\n          (click)=\"select(button)\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"buttonContent; context: { $implicit: button }\"\n          />\n        </a>\n      } @else {\n        <button\n          type=\"button\"\n          class=\"m-action__btn\"\n          [attr.data-testid]=\"(button.name || '') + '-btn'\"\n          [attr.render-id]=\"renderIds()?.[button.name ?? '']\"\n          [class.active]=\"isActive(button)\"\n          [class.m-action__btn--icon-only]=\"isLabelHidden(button)\"\n          [attr.aria-label]=\"isLabelHidden(button) ? (button.label | translate) : null\"\n          [style.--m-action-color]=\"fillColor(button)\"\n          [style.--m-action-color-contrast]=\"contrastColor(button)\"\n          [style.--m-action-label]=\"labelColor(button)\"\n          [disabled]=\"isDisabled(button.name)\"\n          (click)=\"select(button)\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"buttonContent; context: { $implicit: button }\"\n          />\n        </button>\n      }\n    }\n    @if (menuButtons().length) {\n      <!-- The Buttons the bar could not fit. Squeezed rather than dropped:\n           an action the User can still reach behind one press beats an action\n           that silently stopped existing at 400px. -->\n      <m-context-menu\n        class=\"m-action__overflow\"\n        [config]=\"squeezeMenu()\"\n        [remote]=\"remote() ?? config()?.remote\"\n        (action)=\"onMenuAction($event)\"\n      />\n    }\n    @if (!buttons.length) {\n      <!-- A bar with nothing in it has no box, and a slot with no box is a slot\n           nothing can be dropped on — the same rect an empty projected Card is\n           given (m-one-ui `.card-drop-space`). -->\n      <span class=\"m-action__drop\"></span>\n    }\n  </div>\n}\n\n<ng-template #buttonContent let-button>\n  @if (button.icon) {\n    <m-icon\n      [name]=\"button.icon\"\n      [color]=\"iconColor(button)\"\n      [remote]=\"remote() ?? config()?.remote\"\n    />\n  }\n  @if (button.label && !isLabelHidden(button)) {\n    <span class=\"m-action__label\">{{ button.label | translate }}</span>\n  }\n</ng-template>\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)}}m-action,m-one-action{display:block;width:100%;grid-column:1/-1}m-action.m-action--host-sticky,m-one-action.m-action--host-sticky{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--m-background) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.m-action{display:flex;flex-wrap:nowrap;background:transparent;width:100%;border-bottom:1px solid var(--m-backdrop-border);--m-action-color: var(--m-button-color, var(--m-one-button-color, var(--m-mm)));--m-action-color-contrast: var(--m-button-color-contrast, var(--m-one-button-color-contrast, #ffffff))}.m-action--stuck{border-bottom-color:#00000014;box-shadow:0 2px 10px #0000000f}.m-action__btn{flex:1;min-width:0;padding:1rem 2rem;border:none;background:transparent;text-decoration:none;color:var(--m-action-label, var(--m-text));font-weight:300;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.6rem;white-space:nowrap;overflow:hidden;cursor:pointer;border-right:1px solid var(--m-backdrop-border);transition:all .25s cubic-bezier(.4,0,.2,1)}.m-action__btn:last-child{border-right:none}.m-action__btn:hover{background:var(--m-background-lite);color:var(--m-action-color)}.m-action__btn .m-icon{transition:transform .2s ease}.m-action__btn:hover .m-icon{transform:scale(1.1)}.m-action__btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.m-action__btn.active{color:var(--m-action-color);font-weight:500}.m-action__btn.m-action__btn--icon-only{padding:1rem .5rem;gap:0}.m-action--toggle .m-action__btn{position:relative;filter:grayscale(100%);transition:all .25s cubic-bezier(.4,0,.2,1),filter .25s cubic-bezier(.4,0,.2,1)}.m-action--toggle .m-action__btn.active{filter:none}.m-action--toggle .m-action__btn.active:hover:not(:disabled){filter:none}.m-action__overflow{display:flex;align-items:center;padding:0 .5rem;flex:0 0 auto}.m-action__drop{display:block;flex:1;min-height:3.5rem;margin:.5rem;border:1px dashed currentColor;border-radius:.25rem;opacity:.4;pointer-events:none}.m-action__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@container mag-grid (max-width: 767.98px){.m-action__btn{padding:1rem .75rem;gap:.4rem}}@container mag-grid (max-width: 575.98px){.m-action__btn{padding:.85rem .4rem;font-size:.8rem}}\n"]
 		}]
@@ -3743,6 +3787,10 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		projected: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => ButtonComponent), { isSignal: true }]
+		}],
 		variant: [{
 			type: i0.Input,
 			args: [{
@@ -10987,6 +11035,10 @@ const ModalStore = signalStore({ providedIn: "root" }, withState({
 		const viewportWidth = typeof window === "undefined" ? 0 : window.innerWidth;
 		return hasRoomToDock(base.width, width, viewportWidth) ? baseId : void 0;
 	};
+	const replacePanel = (id) => {
+		(state.panelTriggerMap()[id]?.providers?.find((p) => !!p && !Array.isArray(p) && "provide" in p && p.provide === MODAL_REF))?.useValue?.close(void 0);
+		if (state.panelTriggerMap()[id]) closePanel(id);
+	};
 	const openPanel = (panelTrigger) => {
 		const id = panelTrigger.id ?? getUniqueId();
 		const side = panelTrigger.side ?? "right";
@@ -10995,7 +11047,10 @@ const ModalStore = signalStore({ providedIn: "root" }, withState({
 		const isMobile = deviceService.isMobile();
 		if (panelTrigger.dock) {
 			const activeId = state.activePanel();
-			if (activeId && state.panelTriggerMap()[activeId]?.dockedOver) closePanel(activeId);
+			if (activeId && state.panelTriggerMap()[activeId]?.dockedOver) replacePanel(activeId);
+		} else if (panelTrigger.body !== void 0) {
+			const sameId = Object.keys(state.panelTriggerMap()).find((key) => state.panelTriggerMap()[key]?.body === panelTrigger.body);
+			if (sameId) replacePanel(sameId);
 		}
 		const dockedOver = panelTrigger.dock ? resolveDockTarget(side, width) : void 0;
 		const styles = isMobile ? {
@@ -11143,7 +11198,8 @@ const ModalStore = signalStore({ providedIn: "root" }, withState({
 				width: trigger.width,
 				height: trigger.height,
 				dock: trigger.dock,
-				closeProhibited: trigger.closeProhibited
+				closeProhibited: trigger.closeProhibited,
+				body: trigger.screen ?? trigger.widget
 			});
 			modalRef.onClose((result) => {
 				trigger.onResult?.(result);
@@ -23915,7 +23971,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.PASSWORD: {
-				const { PasswordInputComponent } = await import("./magmonium-one-password-CJBa8k1l.mjs");
+				const { PasswordInputComponent } = await import("./magmonium-one-password-CvgWZkAX.mjs");
 				this.createDynamicComponent(seq, PasswordInputComponent);
 				break;
 			}
@@ -23945,12 +24001,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.RANGE: {
-				const { RangeInputComponent } = await import("./magmonium-one-range-CqOSrC0Y.mjs").then((n) => n.n);
+				const { RangeInputComponent } = await import("./magmonium-one-range-DlQfnl9p.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RangeInputComponent);
 				break;
 			}
 			case InputType.MULTI_RANGE: {
-				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-RSLLKzLu.mjs").then((n) => n.n);
+				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-DL_JlKVL.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, MultiRangeInputComponent);
 				break;
 			}
@@ -26391,7 +26447,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-B6eCXP9A.mjs");
+		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-BLqlV2ki.mjs");
 		const ratio = String(this.config()?.ratio ?? "");
 		return new Promise((resolve) => {
 			const modalRef = new ModalRef();
@@ -34741,7 +34797,7 @@ i0.ɵɵngDeclareClassMetadata({
 });
 const gapPct = (level, value) => (level / value - 1) * 100;
 const formatGap = (gap) => `${gap > 0 ? "+" : gap < 0 ? "−" : ""}${Math.abs(gap).toFixed(1)}%`;
-const PAD = .04;
+const PAD$1 = .04;
 const ladderScale = ({ value, levels, forward = [], maxSpanPct }) => {
 	const within = (v) => Math.abs(gapPct(v, value)) <= maxSpanPct;
 	const values = [
@@ -34752,7 +34808,7 @@ const ladderScale = ({ value, levels, forward = [], maxSpanPct }) => {
 	const min = Math.min(...values);
 	const max = Math.max(...values);
 	const span = max - min || Math.abs(max) * .02 || 1;
-	const lo = max === min ? min - span / 2 : min - span * PAD;
+	const lo = max === min ? min - span / 2 : min - span * PAD$1;
 	const width = max === min ? span : span * 1.08;
 	const pos = (v) => (v - lo) / width * 100;
 	return {
@@ -35215,8 +35271,8 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 const LIST_BELOW_PX = 360;
-const FALLBACK_PX = 640;
-const LABEL_GAP_PX = 64;
+const FALLBACK_PX$1 = 640;
+const LABEL_GAP_PX$1 = 64;
 const price = (v) => typeof v === "number" && Number.isFinite(v) && v > 0 ? v : null;
 var PriceLadderComponent = class PriceLadderComponent {
 	value = input(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
@@ -35385,11 +35441,11 @@ var PriceLadderComponent = class PriceLadderComponent {
 			maxSpanPct: this.maxSpanPct()
 		});
 		const at = new Map(marks.map((m) => [m.key, m]));
-		const widthPx = this.width() || FALLBACK_PX;
+		const widthPx = this.width() || FALLBACK_PX$1;
 		const labels = layoutLanes(marks.map((m) => ({
 			key: m.key,
 			x: scale.pos(m.value) / 100 * widthPx
-		})), LABEL_GAP_PX).map((label) => {
+		})), LABEL_GAP_PX$1).map((label) => {
 			const group = marks.filter((m) => label.keys.includes(m.key));
 			const level = group.some((m) => m.kind === "level");
 			return {
@@ -35420,11 +35476,11 @@ var PriceLadderComponent = class PriceLadderComponent {
 		const from = at.get(pair?.from ?? "");
 		const to = at.get(pair?.to ?? "");
 		const cross = pair && from && to ? {
-			...span(scale.pos(from.value), scale.pos(to.value)),
+			...span$1(scale.pos(from.value), scale.pos(to.value)),
 			tone: pair.tone
 		} : null;
 		const ends = marks.filter((m) => m.kind === "bound");
-		const bounds = ends.length === 2 ? span(scale.pos(ends[0].value), scale.pos(ends[1].value)) : null;
+		const bounds = ends.length === 2 ? span$1(scale.pos(ends[0].value), scale.pos(ends[1].value)) : null;
 		return {
 			valuePos,
 			ticks: marks.map((m) => ({
@@ -35436,8 +35492,8 @@ var PriceLadderComponent = class PriceLadderComponent {
 			labels,
 			lanes: labels.some((l) => l.lane === 1) ? 2 : 1,
 			target,
-			connector: target && fwd?.point != null ? span(valuePos, target.pos) : null,
-			band: fwd?.range ? span(scale.clamp(fwd.range.low), scale.clamp(fwd.range.high)) : null,
+			connector: target && fwd?.point != null ? span$1(valuePos, target.pos) : null,
+			band: fwd?.range ? span$1(scale.clamp(fwd.range.low), scale.clamp(fwd.range.high)) : null,
 			cross,
 			bounds
 		};
@@ -35755,10 +35811,1096 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-const span = (a, b) => ({
+const span$1 = (a, b) => ({
 	left: Math.min(a, b),
 	width: Math.abs(b - a)
 });
+const PAD = .05;
+const scaleDomain = ({ values, primary, maxSpanPct, min, max }) => {
+	const far = (v) => maxSpanPct != null && primary != null && primary !== 0 && Math.abs(gapPct(v, primary)) > maxSpanPct;
+	const kept = values.filter((v) => !far(v));
+	const low = kept.length ? Math.min(...kept) : 0;
+	const high = kept.length ? Math.max(...kept) : 1;
+	const span = high - low || Math.abs(high) * .1 || 1;
+	const lo = min ?? (high === low ? low - span / 2 : low - span * PAD);
+	const fitHi = max ?? (high === low ? high + span / 2 : high + span * PAD);
+	const hi = fitHi > lo ? fitHi : lo + 1;
+	const pin = (v) => {
+		if (far(v)) return v > primary ? 1 : -1;
+		return v < lo ? -1 : v > hi ? 1 : 0;
+	};
+	const pos = (v) => {
+		const p = pin(v);
+		return p === 1 ? 100 : p === -1 ? 0 : (v - lo) / (hi - lo) * 100;
+	};
+	return {
+		lo,
+		hi,
+		pin,
+		pos
+	};
+};
+const NOT_HOLDING = {
+	holds: false,
+	left: null,
+	right: null,
+	gap: null
+};
+const ALWAYS = {
+	...NOT_HOLDING,
+	holds: true
+};
+const parseKeys = (raw) => (typeof raw === "string" ? raw.split(/[\s,]+/) : [...raw ?? []]).filter(Boolean);
+const compare$1 = (op, l, r, gap, n) => {
+	switch (op) {
+		case "gt": return l > r;
+		case "gte": return l >= r;
+		case "lt": return l < r;
+		case "lte": return l <= r;
+		case "within": return gap !== null && n !== null && Math.abs(gap) <= n;
+		case "beyond": return gap !== null && n !== null && Math.abs(gap) > n;
+	}
+};
+const rightOf = (def, values) => {
+	if (def.rightKind === "fixed") return def.rightValue;
+	const mark = values.get(def.right);
+	if (mark === void 0) return null;
+	if (def.rightKind === "pct") return def.rightValue === null ? null : mark * def.rightValue / 100;
+	return mark;
+};
+const evaluateRelations = (defs, values) => {
+	const byKey = new Map(defs.map((d) => [d.key, d]));
+	const done = /* @__PURE__ */ new Map();
+	const evaluate = (key, stack) => {
+		const known = done.get(key);
+		if (known) return known;
+		const def = byKey.get(key);
+		if (!def || stack.has(key)) return NOT_HOLDING;
+		const result = def.type === "always" ? ALWAYS : def.type === "combine" ? combine(def, /* @__PURE__ */ new Set([...stack, key])) : compareOf(def);
+		done.set(key, result);
+		return result;
+	};
+	const combine = (def, stack) => {
+		const held = def.of.map((k) => evaluate(k, stack).holds);
+		const holds = def.mode === "all" ? held.length > 0 && held.every(Boolean) : def.mode === "any" ? held.some(Boolean) : held.length > 0 && !held[0];
+		return {
+			...NOT_HOLDING,
+			holds
+		};
+	};
+	const compareOf = (def) => {
+		const left = values.get(def.left) ?? null;
+		const right = rightOf(def, values);
+		if (left === null || right === null) return NOT_HOLDING;
+		const gap = right !== 0 ? gapPct(left, right) : null;
+		return {
+			holds: compare$1(def.op, left, right, gap, def.n),
+			left,
+			right,
+			gap
+		};
+	};
+	for (const def of defs) evaluate(def.key, /* @__PURE__ */ new Set());
+	return done;
+};
+const spreadLabels = (items, gapPx, lengthPx) => {
+	const out = [...items].sort((a, b) => a.y - b.y).map((i) => ({ ...i }));
+	for (let i = 1; i < out.length; i++) out[i].y = Math.max(out[i].y, out[i - 1].y + gapPx);
+	const last = out.length - 1;
+	if (last >= 0 && out[last].y > lengthPx) {
+		out[last].y = lengthPx;
+		for (let i = last - 1; i >= 0; i--) out[i].y = Math.min(out[i].y, out[i + 1].y - gapPx);
+	}
+	if (out.length && out[0].y < 0) {
+		out[0].y = 0;
+		for (let i = 1; i < out.length; i++) out[i].y = Math.max(out[i].y, out[i - 1].y + gapPx);
+	}
+	return out;
+};
+const compare = (key, left, op, right, more = {}) => ({
+	key,
+	...more.hidden ? {} : { label: key },
+	tone: more.tone ?? "neutral",
+	type: "compare",
+	left,
+	op,
+	rightKind: more.pct === void 0 ? "mark" : "pct",
+	right,
+	...more.pct === void 0 ? {} : { rightValue: more.pct },
+	...more.n === void 0 ? {} : { n: more.n },
+	...more.hidden ? { hidden: true } : {},
+	...more.bracket ? { bracket: true } : {}
+});
+const combine = (key, mode, of, tone = "neutral", hidden = false) => ({
+	key,
+	...hidden ? {} : { label: key },
+	tone,
+	type: "combine",
+	mode,
+	of,
+	...hidden ? { hidden: true } : {}
+});
+const SMAS = [
+	"sma10",
+	"sma50",
+	"sma100",
+	"sma200"
+];
+const CONVERGING = SMAS.flatMap((a) => SMAS.filter((b) => b !== a).map((b) => `${a}-under-103-of-${b}`));
+const PRICE_RULES = [
+	compare("golden-cross", "sma50", "gte", "sma200", {
+		tone: "gold",
+		bracket: true
+	}),
+	compare("death-cross", "sma50", "lt", "sma200", {
+		tone: "down",
+		bracket: true
+	}),
+	combine("death-cross-near", "all", ["golden-cross", "cross-near"], "down"),
+	combine("golden-cross-near", "all", ["death-cross", "cross-near"], "gold"),
+	combine("bullish-alignment", "all", [
+		"above-sma10",
+		"sma10-above-sma50",
+		"sma50-above-sma100",
+		"sma100-above-sma200"
+	], "up"),
+	combine("bearish-alignment", "all", [
+		"below-sma10",
+		"sma10-below-sma50",
+		"sma50-below-sma100",
+		"sma100-below-sma200"
+	], "down"),
+	combine("strongly-bullish", "all", ["above-sma50", "above-sma200"], "up"),
+	combine("bullish-support", "all", ["not-above-sma50", "above-sma200"], "up"),
+	combine("recovering", "all", ["above-sma50", "not-above-sma200"]),
+	combine("bearish-pressure", "all", ["not-above-sma50", "not-above-sma200"], "down"),
+	compare("stretched", "current", "gt", "sma200", {
+		tone: "warn",
+		pct: 120
+	}),
+	compare("far-below-sma-200", "current", "lt", "sma200", {
+		tone: "down",
+		pct: 80
+	}),
+	combine("averages-converging", "all", CONVERGING, "warn"),
+	compare("52w-breakout", "current", "gte", "high52w", { tone: "up" }),
+	combine("near-52w-high", "all", ["below-52w-high", "within-3-of-52w-high"], "up"),
+	compare("new-52w-low", "current", "lte", "low52w", { tone: "down" }),
+	combine("near-52w-low", "all", ["above-52w-low", "within-3-of-52w-low"], "down"),
+	combine("forecast-against-trend", "any", ["against-up", "against-down"], "warn"),
+	compare("forecast-above-52w-high", "forecast", "gt", "high52w")
+];
+const PRICE_HELPERS = [
+	compare("cross-near", "sma50", "within", "sma200", {
+		n: 1,
+		hidden: true
+	}),
+	compare("above-sma10", "current", "gt", "sma10", { hidden: true }),
+	compare("sma10-above-sma50", "sma10", "gt", "sma50", { hidden: true }),
+	compare("sma50-above-sma100", "sma50", "gt", "sma100", { hidden: true }),
+	compare("sma100-above-sma200", "sma100", "gt", "sma200", { hidden: true }),
+	compare("below-sma10", "current", "lt", "sma10", { hidden: true }),
+	compare("sma10-below-sma50", "sma10", "lt", "sma50", { hidden: true }),
+	compare("sma50-below-sma100", "sma50", "lt", "sma100", { hidden: true }),
+	compare("sma100-below-sma200", "sma100", "lt", "sma200", { hidden: true }),
+	compare("above-sma50", "current", "gt", "sma50", { hidden: true }),
+	compare("above-sma200", "current", "gt", "sma200", { hidden: true }),
+	compare("not-above-sma50", "current", "lte", "sma50", { hidden: true }),
+	compare("not-above-sma200", "current", "lte", "sma200", { hidden: true }),
+	...SMAS.flatMap((a) => SMAS.filter((b) => b !== a).map((b) => compare(`${a}-under-103-of-${b}`, a, "lt", b, {
+		pct: 103,
+		hidden: true
+	}))),
+	compare("below-52w-high", "current", "lt", "high52w", { hidden: true }),
+	compare("within-3-of-52w-high", "current", "gt", "high52w", {
+		pct: 100 / 1.03,
+		hidden: true
+	}),
+	compare("above-52w-low", "current", "gt", "low52w", { hidden: true }),
+	compare("within-3-of-52w-low", "current", "lt", "low52w", {
+		pct: 103,
+		hidden: true
+	}),
+	compare("forecast-up", "forecast", "gt", "current", { hidden: true }),
+	compare("forecast-down", "forecast", "lt", "current", { hidden: true }),
+	combine("bear-trend", "any", ["death-cross", "bearish-alignment"], "neutral", true),
+	combine("bull-trend", "any", ["golden-cross", "bullish-alignment"], "neutral", true),
+	combine("against-up", "all", ["forecast-up", "bear-trend"], "neutral", true),
+	combine("against-down", "all", ["forecast-down", "bull-trend"], "neutral", true)
+];
+const BY_KEY = new Map([...PRICE_RULES, ...PRICE_HELPERS].map((r) => [r.key, r]));
+const isPriceRule = (name) => typeof name === "string" && PRICE_RULES.some((r) => r.key === name);
+const asHidden = (relation) => {
+	const rest = { ...relation };
+	delete rest.label;
+	delete rest.bracket;
+	return {
+		...rest,
+		hidden: true
+	};
+};
+const priceRelationsFor = (rules) => {
+	const asked = new Set(rules);
+	const out = /* @__PURE__ */ new Map();
+	const visit = (key) => {
+		const relation = BY_KEY.get(key);
+		if (!relation || out.has(key)) return;
+		out.set(key, asked.has(key) ? relation : asHidden(relation));
+		for (const k of relation.of ?? []) visit(k);
+	};
+	rules.forEach((key) => BY_KEY.has(key) && !out.has(key) && out.set(key, BY_KEY.get(key)));
+	for (const key of rules) for (const k of BY_KEY.get(key)?.of ?? []) visit(k);
+	return [...out.values()];
+};
+const PRICE_SCALE_RELATIONS = priceRelationsFor(PRICE_RULES.map((r) => r.key));
+var ScaleMarkComponent = class ScaleMarkComponent {
+	key = input("", ...ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []);
+	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	value = input(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	kind = input("level", ...ngDevMode ? [{ debugName: "kind" }] : /* istanbul ignore next */ []);
+	low = input(null, ...ngDevMode ? [{ debugName: "low" }] : /* istanbul ignore next */ []);
+	high = input(null, ...ngDevMode ? [{ debugName: "high" }] : /* istanbul ignore next */ []);
+	primary = input(false, ...ngDevMode ? [{ debugName: "primary" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ScaleMarkComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: ScaleMarkComponent,
+		isStandalone: true,
+		selector: "m-scale-mark",
+		inputs: {
+			key: {
+				classPropertyName: "key",
+				publicName: "key",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			kind: {
+				classPropertyName: "kind",
+				publicName: "kind",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			low: {
+				classPropertyName: "low",
+				publicName: "low",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			high: {
+				classPropertyName: "high",
+				publicName: "high",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			primary: {
+				classPropertyName: "primary",
+				publicName: "primary",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { styleAttribute: "display: none" },
+		ngImport: i0,
+		template: "",
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ScaleMarkComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-scale-mark",
+			template: "",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { style: "display: none" }
+		}]
+	}],
+	propDecorators: {
+		key: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "key",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		kind: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "kind",
+				required: false
+			}]
+		}],
+		low: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "low",
+				required: false
+			}]
+		}],
+		high: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "high",
+				required: false
+			}]
+		}],
+		primary: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "primary",
+				required: false
+			}]
+		}]
+	}
+});
+var ScaleRelationComponent = class ScaleRelationComponent {
+	key = input("", ...ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []);
+	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	tone = input("neutral", ...ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []);
+	detail = input("", ...ngDevMode ? [{ debugName: "detail" }] : /* istanbul ignore next */ []);
+	type = input("compare", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
+	left = input("", ...ngDevMode ? [{ debugName: "left" }] : /* istanbul ignore next */ []);
+	op = input("gt", ...ngDevMode ? [{ debugName: "op" }] : /* istanbul ignore next */ []);
+	right = input("", ...ngDevMode ? [{ debugName: "right" }] : /* istanbul ignore next */ []);
+	rightKind = input("mark", ...ngDevMode ? [{ debugName: "rightKind" }] : /* istanbul ignore next */ []);
+	rightValue = input(null, ...ngDevMode ? [{ debugName: "rightValue" }] : /* istanbul ignore next */ []);
+	n = input(null, ...ngDevMode ? [{ debugName: "n" }] : /* istanbul ignore next */ []);
+	mode = input("all", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+	of = input(void 0, ...ngDevMode ? [{ debugName: "of" }] : /* istanbul ignore next */ []);
+	hidden = input(false, ...ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []);
+	bracket = input(false, ...ngDevMode ? [{ debugName: "bracket" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ScaleRelationComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: ScaleRelationComponent,
+		isStandalone: true,
+		selector: "m-scale-relation",
+		inputs: {
+			key: {
+				classPropertyName: "key",
+				publicName: "key",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tone: {
+				classPropertyName: "tone",
+				publicName: "tone",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			detail: {
+				classPropertyName: "detail",
+				publicName: "detail",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			type: {
+				classPropertyName: "type",
+				publicName: "type",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			left: {
+				classPropertyName: "left",
+				publicName: "left",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			op: {
+				classPropertyName: "op",
+				publicName: "op",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			right: {
+				classPropertyName: "right",
+				publicName: "right",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			rightKind: {
+				classPropertyName: "rightKind",
+				publicName: "rightKind",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			rightValue: {
+				classPropertyName: "rightValue",
+				publicName: "rightValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			n: {
+				classPropertyName: "n",
+				publicName: "n",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			mode: {
+				classPropertyName: "mode",
+				publicName: "mode",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			of: {
+				classPropertyName: "of",
+				publicName: "of",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hidden: {
+				classPropertyName: "hidden",
+				publicName: "hidden",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			bracket: {
+				classPropertyName: "bracket",
+				publicName: "bracket",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { styleAttribute: "display: none" },
+		ngImport: i0,
+		template: "",
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ScaleRelationComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-scale-relation",
+			template: "",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { style: "display: none" }
+		}]
+	}],
+	propDecorators: {
+		key: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "key",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		tone: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tone",
+				required: false
+			}]
+		}],
+		detail: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "detail",
+				required: false
+			}]
+		}],
+		type: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "type",
+				required: false
+			}]
+		}],
+		left: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "left",
+				required: false
+			}]
+		}],
+		op: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "op",
+				required: false
+			}]
+		}],
+		right: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "right",
+				required: false
+			}]
+		}],
+		rightKind: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rightKind",
+				required: false
+			}]
+		}],
+		rightValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rightValue",
+				required: false
+			}]
+		}],
+		n: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "n",
+				required: false
+			}]
+		}],
+		mode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mode",
+				required: false
+			}]
+		}],
+		of: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "of",
+				required: false
+			}]
+		}],
+		hidden: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hidden",
+				required: false
+			}]
+		}],
+		bracket: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "bracket",
+				required: false
+			}]
+		}]
+	}
+});
+const BREAKPOINT_PX = {
+	sm: 576,
+	md: 768,
+	lg: 992,
+	xl: 1200,
+	xxl: 1400
+};
+const FALLBACK_PX = 640;
+const LABEL_GAP_PX = 72;
+const ROW_PX = 28;
+const MIN_VERTICAL_PX = 200;
+const finite = (v) => typeof v === "number" && Number.isFinite(v) ? v : null;
+const span = (a, b) => ({
+	from: Math.min(a, b),
+	size: Math.abs(b - a)
+});
+var ScaleComponent = class ScaleComponent {
+	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	format = input("number", ...ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []);
+	currency = input("INR", ...ngDevMode ? [{ debugName: "currency" }] : /* istanbul ignore next */ []);
+	unit = input("", ...ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []);
+	breakpoint = input("sm", ...ngDevMode ? [{ debugName: "breakpoint" }] : /* istanbul ignore next */ []);
+	orientation = input("auto", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	min = input(null, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
+	max = input(null, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
+	maxSpanPct = input(null, ...ngDevMode ? [{ debugName: "maxSpanPct" }] : /* istanbul ignore next */ []);
+	markTags = contentChildren(ScaleMarkComponent, ...ngDevMode ? [{ debugName: "markTags" }] : /* istanbul ignore next */ []);
+	relationTags = contentChildren(ScaleRelationComponent, ...ngDevMode ? [{ debugName: "relationTags" }] : /* istanbul ignore next */ []);
+	translateService = inject(TranslateService);
+	width = signal(0, ...ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []);
+	constructor() {
+		const host = inject(ElementRef).nativeElement;
+		const destroyRef = inject(DestroyRef);
+		afterNextRender(() => {
+			if (typeof ResizeObserver === "undefined") return;
+			const observer = new ResizeObserver(([entry]) => this.width.set(entry.contentRect.width));
+			observer.observe(host);
+			destroyRef.onDestroy(() => observer.disconnect());
+		});
+	}
+	t = (key) => this.translateService.translate(key);
+	formatter = computed(() => {
+		const format = this.format();
+		if (format === "currency") return new Intl.NumberFormat("en-IN", {
+			style: "currency",
+			currency: this.currency() || "INR",
+			maximumFractionDigits: 2
+		});
+		if (format === "percent") return new Intl.NumberFormat("en-IN", {
+			style: "percent",
+			maximumFractionDigits: 1
+		});
+		return new Intl.NumberFormat("en-IN", { maximumFractionDigits: 2 });
+	}, ...ngDevMode ? [{ debugName: "formatter" }] : /* istanbul ignore next */ []);
+	formatValue = (v) => {
+		const format = this.format();
+		const text = this.formatter().format(format === "percent" ? v / 100 : v);
+		const unit = this.unit();
+		return format === "number" && unit ? `${text} ${unit}` : text;
+	};
+	shownAs = computed(() => {
+		const orientation = this.orientation();
+		if (orientation !== "auto") return orientation;
+		const w = this.width();
+		return w > 0 && w < BREAKPOINT_PX[this.breakpoint()] ? "vertical" : "horizontal";
+	}, ...ngDevMode ? [{ debugName: "shownAs" }] : /* istanbul ignore next */ []);
+	marks = computed(() => this.markTags().flatMap((tag) => {
+		const value = finite(tag.value());
+		if (value === null) return [];
+		return [{
+			key: tag.key(),
+			name: this.t(tag.label() || tag.key()),
+			value,
+			kind: tag.kind(),
+			low: finite(tag.low()),
+			high: finite(tag.high()),
+			primary: tag.primary()
+		}];
+	}), ...ngDevMode ? [{ debugName: "marks" }] : /* istanbul ignore next */ []);
+	primary = computed(() => this.marks().find((m) => m.primary) ?? null, ...ngDevMode ? [{ debugName: "primary" }] : /* istanbul ignore next */ []);
+	relations = computed(() => this.relationTags().map((tag, i) => ({
+		def: {
+			key: tag.key() || `relation-${i}`,
+			type: tag.type(),
+			left: tag.left(),
+			op: tag.op(),
+			right: tag.right(),
+			rightKind: tag.rightKind(),
+			rightValue: finite(tag.rightValue()),
+			n: finite(tag.n()),
+			mode: tag.mode(),
+			of: parseKeys(tag.of())
+		},
+		label: tag.label(),
+		tone: tag.tone(),
+		detail: tag.detail(),
+		hidden: tag.hidden(),
+		bracket: tag.bracket()
+	})), ...ngDevMode ? [{ debugName: "relations" }] : /* istanbul ignore next */ []);
+	results = computed(() => evaluateRelations(this.relations().map((r) => r.def), new Map(this.marks().map((m) => [m.key, m.value]))), ...ngDevMode ? [{ debugName: "results" }] : /* istanbul ignore next */ []);
+	chips = computed(() => this.relations().flatMap((r) => {
+		const result = this.results().get(r.def.key);
+		if (!result?.holds || r.hidden) return [];
+		const params = {
+			left: result.left === null ? "" : this.formatValue(result.left),
+			right: result.right === null ? "" : this.formatValue(result.right),
+			gap: result.gap === null ? "" : formatGap(result.gap)
+		};
+		return [{
+			key: r.def.key,
+			label: this.t(r.label || r.def.key),
+			tone: r.tone,
+			detail: r.detail ? this.translateService.translate(r.detail, params) : ""
+		}];
+	}), ...ngDevMode ? [{ debugName: "chips" }] : /* istanbul ignore next */ []);
+	domain = computed(() => {
+		const values = this.marks().flatMap((m) => [m.value, ...m.kind === "target" ? [m.low, m.high] : []]);
+		return scaleDomain({
+			values: values.filter((v) => v !== null),
+			primary: this.primary()?.value ?? null,
+			maxSpanPct: finite(this.maxSpanPct()),
+			min: finite(this.min()),
+			max: finite(this.max())
+		});
+	}, ...ngDevMode ? [{ debugName: "domain" }] : /* istanbul ignore next */ []);
+	verticalPx = computed(() => Math.max(MIN_VERTICAL_PX, this.marks().length * ROW_PX), ...ngDevMode ? [{ debugName: "verticalPx" }] : /* istanbul ignore next */ []);
+	plot = computed(() => {
+		const vertical = this.shownAs() === "vertical";
+		const domain = this.domain();
+		const at = (v) => vertical ? 100 - domain.pos(v) : domain.pos(v);
+		const marks = this.marks();
+		const ticks = marks.map((m) => {
+			const pin = domain.pin(m.value);
+			return {
+				key: m.key,
+				kind: m.kind,
+				primary: m.primary,
+				at: at(m.value),
+				pin: pin === 0 ? "" : pin === 1 !== vertical ? "end" : "start"
+			};
+		});
+		const bands = marks.filter((m) => m.kind === "target" && m.low !== null && m.high !== null).map((m) => ({
+			key: m.key,
+			...span(at(m.low), at(m.high))
+		}));
+		const bounds = marks.filter((m) => m.kind === "bound").map((m) => m.value);
+		const range = bounds.length >= 2 ? span(at(Math.min(...bounds)), at(Math.max(...bounds))) : null;
+		const brackets = this.relations().flatMap((r) => {
+			const result = this.results().get(r.def.key);
+			if (!r.bracket || r.def.type !== "compare" || !result?.holds || result.left === null || result.right === null) return [];
+			return [{
+				key: r.def.key,
+				tone: r.tone,
+				label: this.t(r.label || r.def.key),
+				...span(at(result.left), at(result.right))
+			}];
+		}).map((b, row) => ({
+			...b,
+			row
+		}));
+		const byKey = new Map(marks.map((m) => [m.key, m]));
+		const text = (keys) => {
+			const group = keys.map((k) => byKey.get(k));
+			return {
+				name: group.map((m) => m.name).join(" · "),
+				valueText: group.map((m) => this.formatValue(m.value)).join(" · "),
+				primary: group.some((m) => m.primary),
+				target: group.every((m) => m.kind === "target")
+			};
+		};
+		if (vertical) {
+			const length = this.verticalPx();
+			return {
+				ticks,
+				bands,
+				range,
+				brackets,
+				labels: spreadLabels(ticks.map((t) => ({
+					key: t.key,
+					y: t.at / 100 * length
+				})), ROW_PX * .75, length).map((l) => ({
+					key: l.key,
+					lane: 0,
+					at: l.y / length * 100,
+					...text([l.key])
+				})),
+				lanes: 1
+			};
+		}
+		const widthPx = this.width() || FALLBACK_PX;
+		const labels = layoutLanes(ticks.map((t) => ({
+			key: t.key,
+			x: t.at / 100 * widthPx
+		})), LABEL_GAP_PX).map((l) => ({
+			key: l.keys.join("+"),
+			lane: l.lane,
+			at: l.x / widthPx * 100,
+			...text(l.keys)
+		}));
+		return {
+			ticks,
+			bands,
+			range,
+			brackets,
+			labels,
+			lanes: labels.some((l) => l.lane === 1) ? 2 : 1
+		};
+	}, ...ngDevMode ? [{ debugName: "plot" }] : /* istanbul ignore next */ []);
+	summary = computed(() => {
+		const primary = this.primary();
+		return this.translateService.translate("scale-summary", {
+			label: this.t(this.label()),
+			value: primary ? `${primary.name} ${this.formatValue(primary.value)}` : "—",
+			n: String(this.marks().length)
+		});
+	}, ...ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ScaleComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: ScaleComponent,
+		isStandalone: true,
+		selector: "m-scale",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			format: {
+				classPropertyName: "format",
+				publicName: "format",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			currency: {
+				classPropertyName: "currency",
+				publicName: "currency",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			unit: {
+				classPropertyName: "unit",
+				publicName: "unit",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			breakpoint: {
+				classPropertyName: "breakpoint",
+				publicName: "breakpoint",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			min: {
+				classPropertyName: "min",
+				publicName: "min",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxSpanPct: {
+				classPropertyName: "maxSpanPct",
+				publicName: "maxSpanPct",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		queries: [{
+			propertyName: "markTags",
+			predicate: ScaleMarkComponent,
+			isSignal: true
+		}, {
+			propertyName: "relationTags",
+			predicate: ScaleRelationComponent,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div [class]=\"'m-scale is-' + shownAs()\" role=\"img\" [attr.aria-label]=\"summary()\">\n  <div class=\"m-scale__head\">\n    @if (label()) {\n      <span class=\"m-scale__label\">{{ label() | translate }}</span>\n    }\n    @if (primary(); as p) {\n      <span class=\"m-scale__value\">{{ formatValue(p.value) }}</span>\n      <span class=\"m-scale__value-name\">{{ p.name }}</span>\n    }\n  </div>\n\n  @if (chips().length) {\n    <div class=\"m-scale__chips\">\n      @for (c of chips(); track c.key) {\n        <span [class]=\"'m-scale__chip is-' + c.tone\" [attr.title]=\"c.detail || null\">{{ c.label }}</span>\n      }\n    </div>\n  }\n\n  @if (plot(); as p) {\n    <div\n      class=\"m-scale__plot\"\n      [style.--_lanes]=\"p.lanes\"\n      [style.--_brackets]=\"p.brackets.length\"\n      [style.height.px]=\"shownAs() === 'vertical' ? verticalPx() : null\"\n    >\n      <div class=\"m-scale__axis\">\n        @if (p.range; as r) {\n          <span class=\"m-scale__range\" [style.--_from.%]=\"r.from\" [style.--_size.%]=\"r.size\"></span>\n        }\n        @for (b of p.bands; track b.key) {\n          <span class=\"m-scale__band\" [style.--_from.%]=\"b.from\" [style.--_size.%]=\"b.size\"></span>\n        }\n        @for (t of p.ticks; track t.key) {\n          <span\n            [class]=\"'m-scale__tick is-' + t.kind\"\n            [class.is-primary]=\"t.primary\"\n            [class.is-pin-start]=\"t.pin === 'start'\"\n            [class.is-pin-end]=\"t.pin === 'end'\"\n            [style.--_at.%]=\"t.at\"\n          ></span>\n        }\n      </div>\n\n      @for (l of p.labels; track l.key) {\n        <span\n          class=\"m-scale__mark-label\"\n          [class.is-lane-2]=\"l.lane === 1\"\n          [class.is-primary]=\"l.primary\"\n          [class.is-target]=\"l.target\"\n          [style.--_at.%]=\"l.at\"\n        >\n          <span class=\"m-scale__mark-name\">{{ l.name }}</span>\n          <span class=\"m-scale__mark-value\">{{ l.valueText }}</span>\n        </span>\n      }\n\n      @for (b of p.brackets; track b.key) {\n        <span\n          [class]=\"'m-scale__bracket is-' + b.tone\"\n          [attr.title]=\"b.label\"\n          [style.--_from.%]=\"b.from\"\n          [style.--_size.%]=\"b.size\"\n          [style.--_row]=\"b.row\"\n        >\n          <span class=\"m-scale__bracket-label\">{{ b.label }}</span>\n        </span>\n      }\n    </div>\n  }\n</div>\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;--m-scale-target: var(--m-mm);--m-scale-up: var(--m-success);--m-scale-down: var(--m-error);--m-scale-warn: var(--m-warning);--m-scale-gold: var(--m-gold)}.m-scale{display:flex;flex-direction:column;gap:.75em;font-variant-numeric:tabular-nums}.m-scale__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5em}.m-scale__label{color:var(--m-text-secondary);font-weight:600}.m-scale__value{font-size:1.5em;font-weight:700}.m-scale__value-name{color:var(--m-text-tertiary);font-size:.8em}.m-scale__chips{display:flex;flex-wrap:wrap;gap:.4em}.m-scale__chip{display:inline-flex;align-items:center;gap:.4em;padding:.15em .65em .15em .5em;border:1px solid var(--m-border);border-radius:999px;font-size:.8em;font-weight:500}.m-scale__chip:before{content:\"\";width:.55em;height:.55em;border-radius:50%;background:var(--_tone, var(--m-text-tertiary))}.m-scale__chip.is-up{--_tone: var(--m-scale-up)}.m-scale__chip.is-down{--_tone: var(--m-scale-down)}.m-scale__chip.is-warn{--_tone: var(--m-scale-warn)}.m-scale__chip.is-gold{--_tone: var(--m-scale-gold);border-color:var(--m-scale-gold)}.m-scale__plot{position:relative}.m-scale__axis{position:absolute}.m-scale__axis:before{content:\"\";position:absolute;background:var(--m-border)}.m-scale__range,.m-scale__band,.m-scale__tick,.m-scale__bracket,.m-scale__mark-label{position:absolute}.m-scale__range{background:color-mix(in srgb,var(--m-text-tertiary) 22%,transparent)}.m-scale__band{border:1px dashed var(--m-scale-target);border-radius:.2em;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--m-scale-target) 22%,transparent) 0 2px,transparent 2px 6px)}.m-scale__tick{background:var(--m-text-secondary)}.m-scale__tick.is-bound{background:var(--m-text-tertiary)}.m-scale__tick.is-target{background:none}.m-scale__mark-label{font-size:.75em;white-space:nowrap}.m-scale__mark-label.is-primary{font-weight:700}.m-scale__mark-label.is-target{color:var(--m-scale-target)}.m-scale__mark-name{color:var(--m-text-tertiary)}.m-scale__mark-value{font-weight:600}.m-scale__bracket{border:1.5px solid var(--_tone, var(--m-text-tertiary))}.m-scale__bracket.is-up{--_tone: var(--m-scale-up)}.m-scale__bracket.is-down{--_tone: var(--m-scale-down)}.m-scale__bracket.is-warn{--_tone: var(--m-scale-warn)}.m-scale__bracket.is-gold{--_tone: var(--m-scale-gold)}.m-scale__bracket-label{position:absolute;color:var(--_tone, var(--m-text-tertiary));font-size:.7em;white-space:nowrap}.m-scale.is-horizontal .m-scale__plot{height:calc(2.6em + var(--_lanes, 1) * 2.4em + var(--_brackets, 0) * 1.8em)}.m-scale.is-horizontal .m-scale__axis{inset:0 0 auto;height:2.4em}.m-scale.is-horizontal .m-scale__axis:before{inset:50% 0 auto;height:2px;transform:translateY(-50%)}.m-scale.is-horizontal .m-scale__range,.m-scale.is-horizontal .m-scale__band{top:50%;left:var(--_from);width:var(--_size);transform:translateY(-50%)}.m-scale.is-horizontal .m-scale__range{height:.5em}.m-scale.is-horizontal .m-scale__band{height:1.4em}.m-scale.is-horizontal .m-scale__tick{top:50%;left:var(--_at);width:1.5px;height:.9em;transform:translate(-50%,-50%)}.m-scale.is-horizontal .m-scale__tick.is-bound{width:2.5px;height:1.3em}.m-scale.is-horizontal .m-scale__tick.is-target{width:0;height:2em;border-left:2px dashed var(--m-scale-target)}.m-scale.is-horizontal .m-scale__tick.is-primary{width:.9em;height:.9em;border:2px solid var(--m-background);border-radius:50%;background:var(--m-text)}.m-scale.is-horizontal .m-scale__tick.is-pin-start,.m-scale.is-horizontal .m-scale__tick.is-pin-end{width:.6em;height:.6em;border:0;border-top:2.5px solid var(--m-scale-target);border-right:2.5px solid var(--m-scale-target);background:none}.m-scale.is-horizontal .m-scale__tick.is-pin-start{transform:translate(-50%,-50%) rotate(-135deg)}.m-scale.is-horizontal .m-scale__tick.is-pin-end{transform:translate(-50%,-50%) rotate(45deg)}.m-scale.is-horizontal .m-scale__mark-label{top:3.4em;left:var(--_at);display:flex;flex-direction:column;align-items:center;transform:translate(calc(var(--_at) * -1))}.m-scale.is-horizontal .m-scale__mark-label.is-lane-2{top:6.6em}.m-scale.is-horizontal .m-scale__bracket{top:calc(2.8em + var(--_lanes, 1) * 2.4em + var(--_row, 0) * 1.8em);left:var(--_from);width:var(--_size);height:.45em;border-top:0}.m-scale.is-horizontal .m-scale__bracket-label{top:.45em;left:50%;transform:translate(-50%)}.m-scale.is-vertical .m-scale__axis{inset:0 auto 0 calc(.5em + var(--_brackets, 0) * .9em);width:2.4em}.m-scale.is-vertical .m-scale__axis:before{inset:0 auto 0 50%;width:2px;transform:translate(-50%)}.m-scale.is-vertical .m-scale__range,.m-scale.is-vertical .m-scale__band{top:var(--_from);left:50%;height:var(--_size);transform:translate(-50%)}.m-scale.is-vertical .m-scale__range{width:.5em}.m-scale.is-vertical .m-scale__band{width:1.4em}.m-scale.is-vertical .m-scale__tick{top:var(--_at);left:50%;width:.9em;height:1.5px;transform:translate(-50%,-50%)}.m-scale.is-vertical .m-scale__tick.is-bound{width:1.3em;height:2.5px}.m-scale.is-vertical .m-scale__tick.is-target{width:2em;height:0;border-top:2px dashed var(--m-scale-target)}.m-scale.is-vertical .m-scale__tick.is-primary{width:.9em;height:.9em;border:2px solid var(--m-background);border-radius:50%;background:var(--m-text)}.m-scale.is-vertical .m-scale__tick.is-pin-start,.m-scale.is-vertical .m-scale__tick.is-pin-end{width:.6em;height:.6em;border:0;border-top:2.5px solid var(--m-scale-target);border-right:2.5px solid var(--m-scale-target);background:none}.m-scale.is-vertical .m-scale__tick.is-pin-start{transform:translate(-50%,-50%) rotate(-45deg)}.m-scale.is-vertical .m-scale__tick.is-pin-end{transform:translate(-50%,-50%) rotate(135deg)}.m-scale.is-vertical .m-scale__mark-label{top:var(--_at);left:calc(3.6em + var(--_brackets, 0) * .9em);display:flex;gap:.5em;transform:translateY(-50%)}.m-scale.is-vertical .m-scale__bracket{top:var(--_from);left:calc(.2em + var(--_row, 0) * .9em);width:.45em;height:var(--_size);border-right:0}.m-scale.is-vertical .m-scale__bracket-label{display:none}\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: ScaleComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-scale",
+			imports: [TranslatePipe],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div [class]=\"'m-scale is-' + shownAs()\" role=\"img\" [attr.aria-label]=\"summary()\">\n  <div class=\"m-scale__head\">\n    @if (label()) {\n      <span class=\"m-scale__label\">{{ label() | translate }}</span>\n    }\n    @if (primary(); as p) {\n      <span class=\"m-scale__value\">{{ formatValue(p.value) }}</span>\n      <span class=\"m-scale__value-name\">{{ p.name }}</span>\n    }\n  </div>\n\n  @if (chips().length) {\n    <div class=\"m-scale__chips\">\n      @for (c of chips(); track c.key) {\n        <span [class]=\"'m-scale__chip is-' + c.tone\" [attr.title]=\"c.detail || null\">{{ c.label }}</span>\n      }\n    </div>\n  }\n\n  @if (plot(); as p) {\n    <div\n      class=\"m-scale__plot\"\n      [style.--_lanes]=\"p.lanes\"\n      [style.--_brackets]=\"p.brackets.length\"\n      [style.height.px]=\"shownAs() === 'vertical' ? verticalPx() : null\"\n    >\n      <div class=\"m-scale__axis\">\n        @if (p.range; as r) {\n          <span class=\"m-scale__range\" [style.--_from.%]=\"r.from\" [style.--_size.%]=\"r.size\"></span>\n        }\n        @for (b of p.bands; track b.key) {\n          <span class=\"m-scale__band\" [style.--_from.%]=\"b.from\" [style.--_size.%]=\"b.size\"></span>\n        }\n        @for (t of p.ticks; track t.key) {\n          <span\n            [class]=\"'m-scale__tick is-' + t.kind\"\n            [class.is-primary]=\"t.primary\"\n            [class.is-pin-start]=\"t.pin === 'start'\"\n            [class.is-pin-end]=\"t.pin === 'end'\"\n            [style.--_at.%]=\"t.at\"\n          ></span>\n        }\n      </div>\n\n      @for (l of p.labels; track l.key) {\n        <span\n          class=\"m-scale__mark-label\"\n          [class.is-lane-2]=\"l.lane === 1\"\n          [class.is-primary]=\"l.primary\"\n          [class.is-target]=\"l.target\"\n          [style.--_at.%]=\"l.at\"\n        >\n          <span class=\"m-scale__mark-name\">{{ l.name }}</span>\n          <span class=\"m-scale__mark-value\">{{ l.valueText }}</span>\n        </span>\n      }\n\n      @for (b of p.brackets; track b.key) {\n        <span\n          [class]=\"'m-scale__bracket is-' + b.tone\"\n          [attr.title]=\"b.label\"\n          [style.--_from.%]=\"b.from\"\n          [style.--_size.%]=\"b.size\"\n          [style.--_row]=\"b.row\"\n        >\n          <span class=\"m-scale__bracket-label\">{{ b.label }}</span>\n        </span>\n      }\n    </div>\n  }\n</div>\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;--m-scale-target: var(--m-mm);--m-scale-up: var(--m-success);--m-scale-down: var(--m-error);--m-scale-warn: var(--m-warning);--m-scale-gold: var(--m-gold)}.m-scale{display:flex;flex-direction:column;gap:.75em;font-variant-numeric:tabular-nums}.m-scale__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5em}.m-scale__label{color:var(--m-text-secondary);font-weight:600}.m-scale__value{font-size:1.5em;font-weight:700}.m-scale__value-name{color:var(--m-text-tertiary);font-size:.8em}.m-scale__chips{display:flex;flex-wrap:wrap;gap:.4em}.m-scale__chip{display:inline-flex;align-items:center;gap:.4em;padding:.15em .65em .15em .5em;border:1px solid var(--m-border);border-radius:999px;font-size:.8em;font-weight:500}.m-scale__chip:before{content:\"\";width:.55em;height:.55em;border-radius:50%;background:var(--_tone, var(--m-text-tertiary))}.m-scale__chip.is-up{--_tone: var(--m-scale-up)}.m-scale__chip.is-down{--_tone: var(--m-scale-down)}.m-scale__chip.is-warn{--_tone: var(--m-scale-warn)}.m-scale__chip.is-gold{--_tone: var(--m-scale-gold);border-color:var(--m-scale-gold)}.m-scale__plot{position:relative}.m-scale__axis{position:absolute}.m-scale__axis:before{content:\"\";position:absolute;background:var(--m-border)}.m-scale__range,.m-scale__band,.m-scale__tick,.m-scale__bracket,.m-scale__mark-label{position:absolute}.m-scale__range{background:color-mix(in srgb,var(--m-text-tertiary) 22%,transparent)}.m-scale__band{border:1px dashed var(--m-scale-target);border-radius:.2em;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--m-scale-target) 22%,transparent) 0 2px,transparent 2px 6px)}.m-scale__tick{background:var(--m-text-secondary)}.m-scale__tick.is-bound{background:var(--m-text-tertiary)}.m-scale__tick.is-target{background:none}.m-scale__mark-label{font-size:.75em;white-space:nowrap}.m-scale__mark-label.is-primary{font-weight:700}.m-scale__mark-label.is-target{color:var(--m-scale-target)}.m-scale__mark-name{color:var(--m-text-tertiary)}.m-scale__mark-value{font-weight:600}.m-scale__bracket{border:1.5px solid var(--_tone, var(--m-text-tertiary))}.m-scale__bracket.is-up{--_tone: var(--m-scale-up)}.m-scale__bracket.is-down{--_tone: var(--m-scale-down)}.m-scale__bracket.is-warn{--_tone: var(--m-scale-warn)}.m-scale__bracket.is-gold{--_tone: var(--m-scale-gold)}.m-scale__bracket-label{position:absolute;color:var(--_tone, var(--m-text-tertiary));font-size:.7em;white-space:nowrap}.m-scale.is-horizontal .m-scale__plot{height:calc(2.6em + var(--_lanes, 1) * 2.4em + var(--_brackets, 0) * 1.8em)}.m-scale.is-horizontal .m-scale__axis{inset:0 0 auto;height:2.4em}.m-scale.is-horizontal .m-scale__axis:before{inset:50% 0 auto;height:2px;transform:translateY(-50%)}.m-scale.is-horizontal .m-scale__range,.m-scale.is-horizontal .m-scale__band{top:50%;left:var(--_from);width:var(--_size);transform:translateY(-50%)}.m-scale.is-horizontal .m-scale__range{height:.5em}.m-scale.is-horizontal .m-scale__band{height:1.4em}.m-scale.is-horizontal .m-scale__tick{top:50%;left:var(--_at);width:1.5px;height:.9em;transform:translate(-50%,-50%)}.m-scale.is-horizontal .m-scale__tick.is-bound{width:2.5px;height:1.3em}.m-scale.is-horizontal .m-scale__tick.is-target{width:0;height:2em;border-left:2px dashed var(--m-scale-target)}.m-scale.is-horizontal .m-scale__tick.is-primary{width:.9em;height:.9em;border:2px solid var(--m-background);border-radius:50%;background:var(--m-text)}.m-scale.is-horizontal .m-scale__tick.is-pin-start,.m-scale.is-horizontal .m-scale__tick.is-pin-end{width:.6em;height:.6em;border:0;border-top:2.5px solid var(--m-scale-target);border-right:2.5px solid var(--m-scale-target);background:none}.m-scale.is-horizontal .m-scale__tick.is-pin-start{transform:translate(-50%,-50%) rotate(-135deg)}.m-scale.is-horizontal .m-scale__tick.is-pin-end{transform:translate(-50%,-50%) rotate(45deg)}.m-scale.is-horizontal .m-scale__mark-label{top:3.4em;left:var(--_at);display:flex;flex-direction:column;align-items:center;transform:translate(calc(var(--_at) * -1))}.m-scale.is-horizontal .m-scale__mark-label.is-lane-2{top:6.6em}.m-scale.is-horizontal .m-scale__bracket{top:calc(2.8em + var(--_lanes, 1) * 2.4em + var(--_row, 0) * 1.8em);left:var(--_from);width:var(--_size);height:.45em;border-top:0}.m-scale.is-horizontal .m-scale__bracket-label{top:.45em;left:50%;transform:translate(-50%)}.m-scale.is-vertical .m-scale__axis{inset:0 auto 0 calc(.5em + var(--_brackets, 0) * .9em);width:2.4em}.m-scale.is-vertical .m-scale__axis:before{inset:0 auto 0 50%;width:2px;transform:translate(-50%)}.m-scale.is-vertical .m-scale__range,.m-scale.is-vertical .m-scale__band{top:var(--_from);left:50%;height:var(--_size);transform:translate(-50%)}.m-scale.is-vertical .m-scale__range{width:.5em}.m-scale.is-vertical .m-scale__band{width:1.4em}.m-scale.is-vertical .m-scale__tick{top:var(--_at);left:50%;width:.9em;height:1.5px;transform:translate(-50%,-50%)}.m-scale.is-vertical .m-scale__tick.is-bound{width:1.3em;height:2.5px}.m-scale.is-vertical .m-scale__tick.is-target{width:2em;height:0;border-top:2px dashed var(--m-scale-target)}.m-scale.is-vertical .m-scale__tick.is-primary{width:.9em;height:.9em;border:2px solid var(--m-background);border-radius:50%;background:var(--m-text)}.m-scale.is-vertical .m-scale__tick.is-pin-start,.m-scale.is-vertical .m-scale__tick.is-pin-end{width:.6em;height:.6em;border:0;border-top:2.5px solid var(--m-scale-target);border-right:2.5px solid var(--m-scale-target);background:none}.m-scale.is-vertical .m-scale__tick.is-pin-start{transform:translate(-50%,-50%) rotate(-45deg)}.m-scale.is-vertical .m-scale__tick.is-pin-end{transform:translate(-50%,-50%) rotate(135deg)}.m-scale.is-vertical .m-scale__mark-label{top:var(--_at);left:calc(3.6em + var(--_brackets, 0) * .9em);display:flex;gap:.5em;transform:translateY(-50%)}.m-scale.is-vertical .m-scale__bracket{top:var(--_from);left:calc(.2em + var(--_row, 0) * .9em);width:.45em;height:var(--_size);border-right:0}.m-scale.is-vertical .m-scale__bracket-label{display:none}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		format: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "format",
+				required: false
+			}]
+		}],
+		currency: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "currency",
+				required: false
+			}]
+		}],
+		unit: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unit",
+				required: false
+			}]
+		}],
+		breakpoint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "breakpoint",
+				required: false
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		maxSpanPct: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxSpanPct",
+				required: false
+			}]
+		}],
+		markTags: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => ScaleMarkComponent), { isSignal: true }]
+		}],
+		relationTags: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => ScaleRelationComponent), { isSignal: true }]
+		}]
+	}
+});
 const DOCS_FOLDER = "docs";
 const LIBRARY_TIER = "one";
 function docAssetCandidates({ name, lang, defaultLang }) {
@@ -45240,7 +46382,8 @@ var SidePanelDirective = class SidePanelDirective {
 			width: config.width,
 			height: config.height,
 			dock: config.dock,
-			closeProhibited: config.closeProhibited
+			closeProhibited: config.closeProhibited,
+			body: config.component ?? (config.form ? `form:${config.form}` : void 0)
 		});
 		modalRef.onChange((result) => this.reported.emit(result));
 		modalRef.onClose((result) => {
@@ -55425,6 +56568,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_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, PRICE_LADDER_LEVELS, PRICE_LADDER_RULES, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PriceLadderComponent, PriceLadderMarkComponent, PriceLadderSignalComponent, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_BOOT_TIMEOUT_MS, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SCORE_TONE_COUNT, 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, ScoreSetComponent, ScoreSetItemComponent, 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, SectionTableSortDirection, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, SignColorPipe, 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, ToListPipe, 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, actionName, activeElementWithin, allowedCodes, anchorNavId, appColorBrand, appLogoShadowColor, appThemeColorFactory, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, categoricalTone, 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, enumValue, escapeHtml, evaluate, evaluateBool, existsInMap, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, formatGap, fullName, gapPct, generateClipPath, generateTransform, getClassList, getFromMap, 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, isLadderRule, isLightAppColor, isLoadingComputed, isLocalhost, isNavCountConfig, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isReadableOn, isScoreStale, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, ladderLevelOf, ladderScale, ladderSignals, layoutLanes, 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, notExistsInMap, 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, scoreBand, scoreStanding, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setInMap, 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, PRICE_HELPERS, PRICE_LADDER_LEVELS, PRICE_LADDER_RULES, PRICE_RULES, PRICE_SCALE_RELATIONS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PriceLadderComponent, PriceLadderMarkComponent, PriceLadderSignalComponent, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_BOOT_TIMEOUT_MS, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SCORE_TONE_COUNT, 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, ScaleComponent, ScaleMarkComponent, ScaleRelationComponent, ScoreComponent, ScoreSetComponent, ScoreSetItemComponent, 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, SectionTableSortDirection, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, SignColorPipe, 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, ToListPipe, 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, actionName, activeElementWithin, allowedCodes, anchorNavId, appColorBrand, appLogoShadowColor, appThemeColorFactory, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, categoricalTone, 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, enumValue, escapeHtml, evaluate, evaluateBool, evaluateRelations, existsInMap, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, formatGap, fullName, gapPct, generateClipPath, generateTransform, getClassList, getFromMap, 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, isLadderRule, isLightAppColor, isLoadingComputed, isLocalhost, isNavCountConfig, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isPriceRule, isReadableOn, isScoreStale, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, ladderLevelOf, ladderScale, ladderSignals, layoutLanes, 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, notExistsInMap, offsetOfLine, outletPathOf, outletSegmentsOf, paintAppColor, parentNavId, parseAddress, parseColor, parseKeys, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickCount, pickSupportedLanguage, picksMembers, platformNavWidgets, pluginTag, presetDefaultOption, priceRelationsFor, 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, scaleDomain, scoreBand, scoreStanding, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setInMap, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splashHtml, splitNavId, splitOnMatch, splitPath, spreadLabels, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleGroup, toggleTreeGridRow, toggleUid, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf, withLevel };
 
 //# sourceMappingURL=magmonium-one.mjs.map