@magmonium/one 0.4.55 → 0.4.57

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-BOLtxL8d.mjs";
-import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-CXZMCqmO.mjs";
-import { t as FileService } from "./magmonium-one-file.service-Bo06pU3_.mjs";
+import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-Do0PsJBx.mjs";
+import { t as FileService } from "./magmonium-one-file.service-D39FjShR.mjs";
 import { C as isLightAppColor, D as readableAppColor, E as normalizeAppColor, O as rebuildLogoGlyph, S as appLogoShadowColor, T as logoGlyphMaskUrl, _ as AppLogoState, a as calculateLuminance, b as LOGO_GLYPH_MAX_BYTES, c as hexToRgb, d as derivePropertyName, f as getProperty, g as APP_THEME_COLOR, h as APP_LOGO_SOURCE, i as deriveOppositeColor, k as ThemeDataService, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor, v as appThemeColorFactory, w as isReadableOn, x as appColorBrand, y as paintAppColor } from "./magmonium-one-color-utl-Bd80JrEQ.mjs";
 import "./magmonium-one-theme-Ce9i3H3R.mjs";
-import { a as sectionTableColumnWidths, c as AssetUrlPipe, d as MoneyPipe, f as TimeAgoPipe, i as sectionTableColumnId, l as CompactNumberPipe, n as SectionTableSortPipe, o as sectionTableFrozenCount, r as nextSectionTableSort, s as sortSectionTableRows, t as LabelComponent, u as PercentagePipe } from "./magmonium-one-label-B95NhEzQ.mjs";
+import { a as sectionTableColumnId, c as sortSectionTableRows, d as PercentagePipe, f as MoneyPipe, i as nextSectionTableSort, l as AssetUrlPipe, n as SectionTableSortPipe, o as sectionTableColumnWidths, p as TimeAgoPipe, r as defaultSectionTableSort, s as sectionTableFrozenCount, t as LabelComponent, u as CompactNumberPipe } from "./magmonium-one-label-B8WJHiU4.mjs";
 import { a as SIZE_CONTEXT, c as SHARED_ICONS, i as APP_LOGO_ICON, n as CustomIconClass, o as injectParentSize, r as IconComponent, s as provideSizeContext, t as CustomIconEditComponent } from "./magmonium-one-icon-dAR6gd-q.mjs";
 import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-BobQXKUK.mjs";
 import { a as isButtonName, c as formatBadgeCount, l as shouldShowBadge, n as SECTION_FORM_CONTEXT, o as ReactiveElementComponent, r as ImgComponent, s as BadgeComponent, t as ButtonComponent } from "./magmonium-one-button-B1KCA8KO.mjs";
 import { t as MRefDirective } from "./magmonium-one-m-ref-BdP7Kzhk.mjs";
 import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-By4-vPVk.mjs";
 import { t as InputType } from "./magmonium-one-input-DqHPorA1.mjs";
-import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-CbEdjmtz.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-C_i3gUFT.mjs";
+import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-CyVd_a7p.mjs";
+import { a as ToolTipDirective, c as DragListItemDirective, d as MarginDirective, f as PaddingDirective, i as PositionDirective, l as DragListDirective, n as stringToColor, o as FileUploadDirective, p as SPACING_INWARD, r as HighlightDirective, s as AutosizeDirective, t as MHeroColorDirective, u as DraggableDirective } from "./magmonium-one-directives-Dbe0pfCf.mjs";
 import { t as HeaderComponent } from "./magmonium-one-header-CckG0DHr.mjs";
-import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-C7alQqSj.mjs";
-import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-DmZJi88Y.mjs";
+import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-BPhM2IIa.mjs";
+import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-CxswmD0O.mjs";
 import { t as BaseInputComponent } from "./magmonium-one-base-input-KRWQalNW.mjs";
 import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-HyEol70U.mjs";
 import { t as TextOutputComponent } from "./magmonium-one-text-output-Dkx0i1iu.mjs";
 import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-bwMjlhHR.mjs";
-import { t as RadioInputComponent } from "./magmonium-one-radio-BsQv0Wof.mjs";
-import { t as TextInputComponent } from "./magmonium-one-text-Bo4XPBXB.mjs";
-import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-BnWtK-O0.mjs";
-import { t as RangeInputComponent } from "./magmonium-one-range-DPR659yG.mjs";
-import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-Tf6PltuH.mjs";
+import { t as RadioInputComponent } from "./magmonium-one-radio-BanML2y5.mjs";
+import { t as TextInputComponent } from "./magmonium-one-text-DDA0gCOd.mjs";
+import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-mv5rz3uW.mjs";
+import { t as RangeInputComponent } from "./magmonium-one-range-B_3WiQR7.mjs";
+import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-BgLka4oB.mjs";
 import { o as isEditableImage, s as outputSize } from "./magmonium-one-image-frame-BTSaUSAi.mjs";
 import * as i0 from "@angular/core";
 import { ApplicationRef, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, DOCUMENT, DestroyRef, Directive, ElementRef, EventEmitter, HostAttributeToken, HostBinding, HostListener, Injectable, InjectionToken, Injector, Input, Output, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, afterEveryRender, afterNextRender, afterRenderEffect, computed, contentChild, contentChildren, createComponent, effect, forwardRef, inject, input, inputBinding, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, outputBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection, reflectComponentType, runInInjectionContext, signal, twoWayBinding, untracked, viewChild, viewChildren } from "@angular/core";
@@ -744,7 +744,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 		try {
 			switch (type) {
 				case InputType.RADIO: {
-					const { RadioInputComponent } = await import("./magmonium-one-radio-BsQv0Wof.mjs").then((n) => n.n);
+					const { RadioInputComponent } = await import("./magmonium-one-radio-BanML2y5.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RadioInputComponent);
 					break;
 				}
@@ -759,12 +759,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.PASSWORD: {
-					const { PasswordInputComponent } = await import("./magmonium-one-password-Bsv1wUIJ.mjs");
+					const { PasswordInputComponent } = await import("./magmonium-one-password-CTnJ9M7d.mjs");
 					this.createDynamicComponent(seq, PasswordInputComponent);
 					break;
 				}
 				case InputType.OTP: {
-					const { OtpInputComponent } = await import("./magmonium-one-otp-BOiv-9eT.mjs");
+					const { OtpInputComponent } = await import("./magmonium-one-otp-BlP0t9w1.mjs");
 					this.createDynamicComponent(seq, OtpInputComponent);
 					break;
 				}
@@ -774,7 +774,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.CHECKBOX: {
-					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CbEdjmtz.mjs").then((n) => n.n);
+					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CyVd_a7p.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 					break;
 				}
@@ -789,12 +789,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.RANGE: {
-					const { RangeInputComponent } = await import("./magmonium-one-range-DPR659yG.mjs").then((n) => n.n);
+					const { RangeInputComponent } = await import("./magmonium-one-range-B_3WiQR7.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RangeInputComponent);
 					break;
 				}
 				case InputType.MULTI_RANGE: {
-					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-BnWtK-O0.mjs").then((n) => n.n);
+					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-mv5rz3uW.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, MultiRangeInputComponent);
 					break;
 				}
@@ -845,7 +845,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				default: {
-					const { TextInputComponent } = await import("./magmonium-one-text-Bo4XPBXB.mjs").then((n) => n.n);
+					const { TextInputComponent } = await import("./magmonium-one-text-DDA0gCOd.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, TextInputComponent);
 					break;
 				}
@@ -1937,7 +1937,7 @@ const FOCUSABLE_SELECTOR = [
 ].join(",");
 const ACTION_SELECTOR = "button,a[href],[role=\"button\"]";
 const isDisabled = (element) => element.hasAttribute("disabled") || element.getAttribute("aria-disabled") === "true" || element.readOnly === true;
-const isHidden = (element, root) => {
+const isHidden$1 = (element, root) => {
 	let node = element;
 	while (node) {
 		if (node.hidden || node.style.display === "none") return true;
@@ -1951,7 +1951,7 @@ const tabOrder = (element) => {
 	return Number.isFinite(declared) && declared > 0 ? declared : Infinity;
 };
 const findFirstFocusable = (root) => {
-	const candidates = Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR)).filter((element) => element.getAttribute("tabindex") !== "-1" && !element.matches(ACTION_SELECTOR) && !isDisabled(element) && !isHidden(element, root));
+	const candidates = Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR)).filter((element) => element.getAttribute("tabindex") !== "-1" && !element.matches(ACTION_SELECTOR) && !isDisabled(element) && !isHidden$1(element, root));
 	if (!candidates.length) return null;
 	return candidates.map((element, index) => ({
 		element,
@@ -4324,10 +4324,13 @@ function injectScrollSticky(threshold = 120, behavior = "none") {
 	const isSticky = signal(false, ...ngDevMode ? [{ debugName: "isSticky" }] : /* istanbul ignore next */ []);
 	let lastScrollTop = 0;
 	afterNextRender(() => {
-		const container = getScrollParent(elementRef.nativeElement);
-		const isWindow = container === window;
-		const handleScroll = () => {
-			const scrollTop = isWindow ? window.scrollY : container.scrollTop;
+		const element = elementRef.nativeElement;
+		const document = element.ownerDocument;
+		const view = document.defaultView ?? window;
+		const handleScroll = (event) => {
+			const target = event.target;
+			const scrollTop = target === document || target === view ? view.scrollY : target instanceof HTMLElement && target.contains(element) ? target.scrollTop : null;
+			if (scrollTop === null) return;
 			const isScrollingUp = scrollTop < lastScrollTop;
 			const isPastThreshold = scrollTop > threshold;
 			let newSticky = false;
@@ -4337,9 +4340,13 @@ function injectScrollSticky(threshold = 120, behavior = "none") {
 			if (newSticky !== isSticky()) isSticky.set(newSticky);
 			lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
 		};
-		container.addEventListener("scroll", handleScroll, { passive: true });
+		const options = {
+			capture: true,
+			passive: true
+		};
+		view.addEventListener("scroll", handleScroll, options);
 		destroyRef.onDestroy(() => {
-			container.removeEventListener("scroll", handleScroll);
+			view.removeEventListener("scroll", handleScroll, options);
 		});
 	});
 	return isSticky.asReadonly();
@@ -13967,6 +13974,7 @@ const navRowTrailItem = (navId, nav, row, navMap, anchor, inherited) => {
 		label: row.label,
 		icon: row.icon ?? nav.icon,
 		...row.appLogo ? { appLogo: row.appLogo } : {},
+		...row.tone ? { tone: row.tone } : {},
 		nav: navId,
 		navParams,
 		address: renderAddress(navId, navMap, anchor, navParams)
@@ -17295,8 +17303,8 @@ var SectionTableComponent = class SectionTableComponent extends ConfigComponent
 	loading = input(false, ...ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []);
 	sortChange = output();
 	tableInitialized = output();
-	sort = signal(null, ...ngDevMode ? [{ debugName: "sort" }] : /* istanbul ignore next */ []);
 	columns = computed(() => this.config()?.columns ?? [], ...ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []);
+	sort = linkedSignal(() => defaultSectionTableSort(this.columns()), ...ngDevMode ? [{ debugName: "sort" }] : /* istanbul ignore next */ []);
 	resolvedSticky = computed(() => this.sticky() ?? this.config()?.sticky ?? false, ...ngDevMode ? [{ debugName: "resolvedSticky" }] : /* istanbul ignore next */ []);
 	resolvedMargin = computed(() => this.margin() ?? this.config()?.margin ?? false, ...ngDevMode ? [{ debugName: "resolvedMargin" }] : /* istanbul ignore next */ []);
 	resolvedVariant = computed(() => this.variant() ?? this.config()?.variant ?? "default", ...ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []);
@@ -20494,6 +20502,23 @@ const COLOR_PICKER_EYEDROPPER_BUTTON_CONFIG = {
 	one: true,
 	variant: "ghost"
 };
+const THEME_SWATCH_KEYS = [
+	"mm",
+	"mmLite",
+	"mmDark",
+	"focus",
+	"highlight",
+	"success",
+	"successLite",
+	"warning",
+	"error",
+	"errorLight",
+	"wealth",
+	"text",
+	"textSecondary",
+	"border",
+	"background"
+];
 const COLOR_PICKER_HEADER_OPTIONS = [[
 	{
 		label: "Hex",
@@ -20856,6 +20881,7 @@ function sortExtractedColors(imageColorList) {
 var ColorPickerBoxComponent = class ColorPickerBoxComponent {
 	themeStore = inject(ThemeStore);
 	selected = input(void 0, ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	themeKeys = input(false, ...ngDevMode ? [{ debugName: "themeKeys" }] : /* istanbul ignore next */ []);
 	selectColorChange = output();
 	imageColors = signal([], ...ngDevMode ? [{ debugName: "imageColors" }] : /* istanbul ignore next */ []);
 	colorArea;
@@ -20864,11 +20890,21 @@ var ColorPickerBoxComponent = class ColorPickerBoxComponent {
 	_fileUploadConfig = COLOR_PICKER_FILE_UPLOAD_CONFIG;
 	_eyedropperConfig = COLOR_PICKER_EYEDROPPER_BUTTON_CONFIG;
 	_headerContextMenu = { options: COLOR_PICKER_HEADER_OPTIONS };
+	themeSwatches = computed(() => THEME_SWATCH_KEYS.map((key) => ({
+		key,
+		color: resolvePallet(key, this.themeStore.color()).color
+	})), ...ngDevMode ? [{ debugName: "themeSwatches" }] : /* istanbul ignore next */ []);
 	#selected = computed(() => {
 		const color = this.selected();
-		const mmColor = this.themeStore.color()?.mm ?? "#000";
-		return parseColorToHasl(color || mmColor);
+		const theme = this.themeStore.color();
+		return parseColorToHasl(color ? resolvePallet(color, theme).color : theme?.mm ?? "#000");
 	}, ...ngDevMode ? [{ debugName: "#selected" }] : /* istanbul ignore next */ []);
+	#keyColor = computed(() => {
+		const key = this.selected();
+		if (!key || this.themeStore.color()?.[key] === void 0) return void 0;
+		const { h, s, l, a } = this.#selected();
+		return this.formatHsla(h ?? 0, s ?? 100, l ?? 50, Math.round((a ?? 1) * 100));
+	}, ...ngDevMode ? [{ debugName: "#keyColor" }] : /* istanbul ignore next */ []);
 	hue = linkedSignal({
 		...ngDevMode ? { debugName: "hue" } : /* istanbul ignore next */ {},
 		source: this.#selected,
@@ -20891,24 +20927,16 @@ var ColorPickerBoxComponent = class ColorPickerBoxComponent {
 	});
 	opacityTip = computed(() => this.opacity() + "%", ...ngDevMode ? [{ debugName: "opacityTip" }] : /* istanbul ignore next */ []);
 	_opacityGradient = computed(() => `linear-gradient(to right, hsla(${this.hue()}, ${this.saturation()}%, ${this.lightness()}%, 0), hsla(${this.hue()}, ${this.saturation()}%, ${this.lightness()}%, 1))`, ...ngDevMode ? [{ debugName: "_opacityGradient" }] : /* istanbul ignore next */ []);
-	_selected = computed(() => {
-		const h = this.hue();
-		const s = this.saturation();
-		const l = this.lightness();
-		const a = this.opacity() / 100;
+	_selected = computed(() => this.formatHsla(this.hue(), this.saturation(), this.lightness(), this.opacity()), ...ngDevMode ? [{ debugName: "_selected" }] : /* istanbul ignore next */ []);
+	formatHsla(h, s, l, opacity) {
+		const a = opacity / 100;
 		const rgba = hslToRgb$1(h, s, l, a * 100);
-		let color = "";
 		switch (this.colorFormat()) {
-			case "rgb":
-				color = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`;
-				break;
-			case "hsl":
-				color = `hsla(${h}, ${s}%, ${l}%, ${a})`;
-				break;
-			default: color = rgbaToHex(rgba.r, rgba.g, rgba.b, rgba.a);
+			case "rgb": return `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`;
+			case "hsl": return `hsla(${h}, ${s}%, ${l}%, ${a})`;
+			default: return rgbaToHex(rgba.r, rgba.g, rgba.b, rgba.a);
 		}
-		return color;
-	}, ...ngDevMode ? [{ debugName: "_selected" }] : /* istanbul ignore next */ []);
+	}
 	colorFormat = signal("hex", ...ngDevMode ? [{ debugName: "colorFormat" }] : /* istanbul ignore next */ []);
 	maxArea = signal({
 		x: 0,
@@ -20977,6 +21005,7 @@ var ColorPickerBoxComponent = class ColorPickerBoxComponent {
 		this.canPickFromScreen.set("EyeDropper" in window);
 		effect(() => {
 			const newColor = this._selected();
+			if (newColor === untracked(() => this.#keyColor())) return;
 			if (newColor !== untracked(() => this.selected())) this.selectColorChange.emit(newColor);
 		});
 		effect(() => {
@@ -21097,13 +21126,22 @@ var ColorPickerBoxComponent = class ColorPickerBoxComponent {
 		type: ColorPickerBoxComponent,
 		isStandalone: true,
 		selector: "m-color-picker-box",
-		inputs: { selected: {
-			classPropertyName: "selected",
-			publicName: "selected",
-			isSignal: true,
-			isRequired: false,
-			transformFunction: null
-		} },
+		inputs: {
+			selected: {
+				classPropertyName: "selected",
+				publicName: "selected",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			themeKeys: {
+				classPropertyName: "themeKeys",
+				publicName: "themeKeys",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
 		outputs: { selectColorChange: "selectColorChange" },
 		viewQueries: [
 			{
@@ -21184,6 +21222,27 @@ var ColorPickerBoxComponent = class ColorPickerBoxComponent {
       </div>
     </div>
 
+    @if (themeKeys()) {
+      <div class="suggested-colors">
+        <div class="suggested-header">
+          <span>{{ 'theme-swatches' | translate }}</span>
+        </div>
+        <div class="color-grid">
+          @for (swatch of themeSwatches(); track swatch.key) {
+            <button
+              type="button"
+              class="color-option"
+              [class.color-option--active]="selected() === swatch.key"
+              [style.background-color]="swatch.color"
+              [mToolTip]="swatch.key"
+              [attr.aria-label]="('select-color' | translate) + ' ' + swatch.key"
+              (click)="selectColorChange.emit(swatch.key)"
+            ></button>
+          }
+        </div>
+      </div>
+    }
+
     <div class="suggested-colors">
       <div class="suggested-header">
         <span>{{ 'suggested-colors' | translate }}</span>
@@ -21409,6 +21468,27 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     </div>
 
+    @if (themeKeys()) {
+      <div class="suggested-colors">
+        <div class="suggested-header">
+          <span>{{ 'theme-swatches' | translate }}</span>
+        </div>
+        <div class="color-grid">
+          @for (swatch of themeSwatches(); track swatch.key) {
+            <button
+              type="button"
+              class="color-option"
+              [class.color-option--active]="selected() === swatch.key"
+              [style.background-color]="swatch.color"
+              [mToolTip]="swatch.key"
+              [attr.aria-label]="('select-color' | translate) + ' ' + swatch.key"
+              (click)="selectColorChange.emit(swatch.key)"
+            ></button>
+          }
+        </div>
+      </div>
+    }
+
     <div class="suggested-colors">
       <div class="suggested-header">
         <span>{{ 'suggested-colors' | translate }}</span>
@@ -21447,6 +21527,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		themeKeys: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "themeKeys",
+				required: false
+			}]
+		}],
 		selectColorChange: [{
 			type: i0.Output,
 			args: ["selectColorChange"]
@@ -21480,13 +21568,17 @@ function derivePickerIcon(isToggled) {
 		tabindex: -1
 	};
 }
-function deriveSelectorConfig(value, onSelect) {
+function deriveSelectorConfig(value, onSelect, themeKeys) {
 	return {
 		component: ColorPickerBoxComponent,
 		base: "m-color-picker",
 		matchTriggerWidth: true,
 		toggle: true,
-		bindings: [inputBinding("selected", value), outputBinding("selectColorChange", onSelect)]
+		bindings: [
+			inputBinding("selected", value),
+			inputBinding("themeKeys", themeKeys),
+			outputBinding("selectColorChange", onSelect)
+		]
 	};
 }
 var color_picker_exports = /* @__PURE__ */ __exportAll({ ColorPickerInputComponent: () => ColorPickerInputComponent });
@@ -21497,7 +21589,8 @@ var ColorPickerInputComponent = class ColorPickerInputComponent extends BaseText
 	displayValue = computed(() => deriveDisplayValue(this.value()), ...ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []);
 	placeholderText = computed(() => derivePlaceholderText(this.config(), (key) => this.translateService.translate(key)), ...ngDevMode ? [{ debugName: "placeholderText" }] : /* istanbul ignore next */ []);
 	pickerIcon = computed(() => derivePickerIcon(this.toggle()), ...ngDevMode ? [{ debugName: "pickerIcon" }] : /* istanbul ignore next */ []);
-	selectorConfig = computed(() => deriveSelectorConfig(this.value, (color) => this.setValue(color)), ...ngDevMode ? [{ debugName: "selectorConfig" }] : /* istanbul ignore next */ []);
+	themeKeys = computed(() => !!this.config()?.themeKeys, ...ngDevMode ? [{ debugName: "themeKeys" }] : /* istanbul ignore next */ []);
+	selectorConfig = computed(() => deriveSelectorConfig(this.value, (color) => this.setValue(color), this.themeKeys), ...ngDevMode ? [{ debugName: "selectorConfig" }] : /* istanbul ignore next */ []);
 	onOpened = () => {
 		this.toggle.set(true);
 	};
@@ -21900,7 +21993,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 		const seq = ++this.dynamicSeq;
 		switch (this.config()?.type) {
 			case InputType.RADIO: {
-				const { RadioInputComponent } = await import("./magmonium-one-radio-BsQv0Wof.mjs").then((n) => n.n);
+				const { RadioInputComponent } = await import("./magmonium-one-radio-BanML2y5.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RadioInputComponent);
 				break;
 			}
@@ -21915,12 +22008,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.PASSWORD: {
-				const { PasswordInputComponent } = await import("./magmonium-one-password-Bsv1wUIJ.mjs");
+				const { PasswordInputComponent } = await import("./magmonium-one-password-CTnJ9M7d.mjs");
 				this.createDynamicComponent(seq, PasswordInputComponent);
 				break;
 			}
 			case InputType.OTP: {
-				const { OtpInputComponent } = await import("./magmonium-one-otp-BOiv-9eT.mjs");
+				const { OtpInputComponent } = await import("./magmonium-one-otp-BlP0t9w1.mjs");
 				this.createDynamicComponent(seq, OtpInputComponent);
 				break;
 			}
@@ -21930,7 +22023,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.CHECKBOX: {
-				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CbEdjmtz.mjs").then((n) => n.n);
+				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CyVd_a7p.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 				break;
 			}
@@ -21945,12 +22038,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.RANGE: {
-				const { RangeInputComponent } = await import("./magmonium-one-range-DPR659yG.mjs").then((n) => n.n);
+				const { RangeInputComponent } = await import("./magmonium-one-range-B_3WiQR7.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RangeInputComponent);
 				break;
 			}
 			case InputType.MULTI_RANGE: {
-				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-BnWtK-O0.mjs").then((n) => n.n);
+				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-mv5rz3uW.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, MultiRangeInputComponent);
 				break;
 			}
@@ -22001,7 +22094,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			default: {
-				const { TextInputComponent } = await import("./magmonium-one-text-Bo4XPBXB.mjs").then((n) => n.n);
+				const { TextInputComponent } = await import("./magmonium-one-text-DDA0gCOd.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, TextInputComponent);
 				break;
 			}
@@ -24086,6 +24179,55 @@ const formatFileSize = (bytes) => {
 	}
 	return `${unit === 0 || size >= 10 ? Math.round(size) : size.toFixed(1)} ${UNITS[unit]}`;
 };
+const isHidden = (name) => name.startsWith(".");
+const byPath = (files) => [...files].sort((a, b) => a.path.localeCompare(b.path, void 0, { numeric: true })).map(({ file }) => file);
+const readBatch = (reader) => new Promise((resolve) => reader.readEntries(resolve, () => resolve([])));
+const readAll = async (folder) => {
+	const reader = folder.createReader();
+	const entries = [];
+	for (let batch = await readBatch(reader); batch.length; batch = await readBatch(reader)) entries.push(...batch);
+	return entries;
+};
+const fileOf = (entry) => new Promise((resolve) => entry.file(resolve, () => resolve(void 0)));
+const walk$1 = async (entry) => {
+	if (isHidden(entry.name)) return [];
+	if (entry.isFile) {
+		const file = await fileOf(entry);
+		return file ? [{
+			path: entry.fullPath,
+			file
+		}] : [];
+	}
+	if (!entry.isDirectory) return [];
+	const children = await readAll(entry);
+	return (await Promise.all(children.map(walk$1))).flat();
+};
+const splitDrop = (transfer) => {
+	const items = Array.from(transfer?.items ?? []).filter((item) => item.kind === "file");
+	if (!items.length || typeof items[0].webkitGetAsEntry !== "function") return {
+		loose: Array.from(transfer?.files ?? []),
+		folders: []
+	};
+	const split = {
+		loose: [],
+		folders: []
+	};
+	for (const item of items) {
+		const entry = item.webkitGetAsEntry();
+		if (entry?.isDirectory) {
+			split.folders.push(entry);
+			continue;
+		}
+		const file = item.getAsFile();
+		if (file) split.loose.push(file);
+	}
+	return split;
+};
+const folderFiles = async (folders) => byPath((await Promise.all(folders.map(walk$1))).flat());
+const pickedFolderFiles = (files) => byPath(files.map((file) => ({
+	path: file.webkitRelativePath || file.name,
+	file
+})).filter(({ path }) => !path.split("/").some(isHidden)));
 var file_upload_input_exports = /* @__PURE__ */ __exportAll({ FileUploadInputComponent: () => FileUploadInputComponent });
 const isTrue = (value) => value === true || value === "true";
 var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputComponent {
@@ -24107,6 +24249,7 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 	}, ...ngDevMode ? [{ debugName: "syncPickedNames" }] : /* istanbul ignore next */ []);
 	isFolderMode = computed(() => this.config()?.type === InputType.FOLDER || this.config()?.mode === "folder", ...ngDevMode ? [{ debugName: "isFolderMode" }] : /* istanbul ignore next */ []);
 	isMultiple = computed(() => !this.isFolderMode() && isTrue(this.config()?.multiple), ...ngDevMode ? [{ debugName: "isMultiple" }] : /* istanbul ignore next */ []);
+	takesFolders = computed(() => this.isMultiple() && isTrue(this.config()?.folders), ...ngDevMode ? [{ debugName: "takesFolders" }] : /* istanbul ignore next */ []);
 	hasDropZone = computed(() => !this.isFolderMode() && isTrue(this.config()?.dropZone), ...ngDevMode ? [{ debugName: "hasDropZone" }] : /* istanbul ignore next */ []);
 	readsText = computed(() => this.config()?.readAs === "text", ...ngDevMode ? [{ debugName: "readsText" }] : /* istanbul ignore next */ []);
 	accept = computed(() => parseAccept(this.config()?.accept), ...ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []);
@@ -24165,6 +24308,15 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 		type: "button",
 		disabled: this.isLocked()
 	}), ...ngDevMode ? [{ debugName: "removeButton" }] : /* istanbul ignore next */ []);
+	folderButton = computed(() => ({
+		label: "choose-folder",
+		icon: "folder",
+		variant: "secondary",
+		one: true,
+		type: "button",
+		fullWidth: true,
+		disabled: this.isLocked()
+	}), ...ngDevMode ? [{ debugName: "folderButton" }] : /* istanbul ignore next */ []);
 	rejectionMessages = computed(() => {
 		const max = formatFileSize(this.maxSize() ?? 0);
 		return this.rejections().map((rejection) => {
@@ -24239,6 +24391,11 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 		event.preventDefault();
 		this.isDragging.set(false);
 		if (this.isLocked()) return;
+		if (this.takesFolders()) {
+			const { loose, folders } = splitDrop(event.dataTransfer);
+			folderFiles(folders).then((nested) => this.take(loose, nested));
+			return;
+		}
 		const dropped = Array.from(event.dataTransfer?.files ?? []);
 		this.take(this.isMultiple() ? dropped : dropped.slice(0, 1));
 	};
@@ -24264,9 +24421,14 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 		});
 		await this.take(files);
 	};
-	take = async (incoming) => {
-		if (!incoming.length) return;
-		const { accepted, rejected } = await this.screen(incoming);
+	openFolderPicker = () => {
+		if (this.isLocked()) return;
+		this.files.getFiles({ directory: true }).then(({ files }) => this.take([], pickedFolderFiles(files)));
+	};
+	take = async (incoming, nested = []) => {
+		const all = [...incoming, ...nested.filter((file) => fileMatchesAccept(file, this.accept()))];
+		if (!all.length) return;
+		const { accepted, rejected } = await this.screen(all);
 		this.rejections.set(rejected);
 		if (!accepted.length) {
 			this.touched.set(true);
@@ -24319,7 +24481,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-DHlktZ6z.mjs");
+		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-CKx7BRVF.mjs");
 		const ratio = String(this.config()?.ratio ?? "");
 		return new Promise((resolve) => {
 			const modalRef = new ModalRef();
@@ -24481,6 +24643,11 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
           <ng-container *ngTemplateOutlet="fileList" />
         }
       }
+      @if (takesFolders()) {
+        <div class="folder-pick">
+          <m-button (click)="openFolderPicker()" [config]="folderButton()" />
+        </div>
+      }
       @for (rejection of rejectionMessages(); track $index) {
         <m-text-output
           variant="footer"
@@ -24501,7 +24668,7 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
     }
   `,
 		isInline: true,
-		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block}.drop-zone{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.drop-zone:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.drop-zone:disabled{opacity:.6;cursor:not-allowed}.drop-zone{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.drop-zone:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.drop-zone:focus-visible:not(:disabled),.drop-zone:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.drop-zone:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.drop-zone:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.drop-zone:has(.warning) input::placeholder,.drop-zone:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.drop-zone:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone input::placeholder,.drop-zone textarea::placeholder{color:var(--m-border, var(--m-border))}.drop-zone:focus-within input::placeholder,.drop-zone:focus-visible input::placeholder,.drop-zone:focus-within textarea::placeholder,.drop-zone:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone:has(.error) input::placeholder,.drop-zone:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.drop-zone input,.drop-zone textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.drop-zone input:focus,.drop-zone textarea:focus{border-color:transparent;box-shadow:none}.drop-zone{flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:auto;min-height:calc(var(--m-textarea-input-height, 4.5em) + 1.5em);padding:.75em;border-style:dashed;cursor:pointer;background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}.drop-zone:hover:not(.drop-zone--locked):not(.error){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)))}.drop-zone--dragging{border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, color-mix(in srgb, var(--m-focus) 6%, var(--m-background)));box-shadow:var(--m-text-input-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent))}.drop-zone:focus:not(.drop-zone--locked),.drop-zone:focus-visible:not(.drop-zone--locked){border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none}.drop-zone--locked{cursor:not-allowed;opacity:.6}.drop-zone.error{border-color:var(--m-error, var(--m-error))}.drop-zone.error:focus:not(.drop-zone--locked),.drop-zone.error:focus-visible:not(.drop-zone--locked){border-color:var(--m-error, var(--m-error))}.drop-zone .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.drop-zone:focus .drop-zone__empty .m-icon,.drop-zone:focus-visible .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.drop-zone__empty{display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center}.drop-zone__placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit);color:var(--m-border, var(--m-border))}.drop-zone:focus .drop-zone__placeholder,.drop-zone:focus-visible .drop-zone__placeholder,.drop-zone--dragging .drop-zone__placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone.error .drop-zone__placeholder{color:var(--m-error, var(--m-error))}.file-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75em}.file-tiles--below{margin-top:.75em}.file-tile{--m-file-tile-size: 150px;display:flex;flex-direction:column;gap:.25em;width:var(--m-file-tile-size);max-width:100%}.file-tile__box{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));overflow:hidden}.file-tile__preview{display:block;width:100%;height:100%;object-fit:cover}.file-tile__type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;height:100%;color:var(--m-input-color, var(--m-mm));--m-icon-size: 2.5em}.file-tile__kind{font-weight:600;letter-spacing:.05em}.file-tile__remove{position:absolute;top:.25em;right:.25em;display:flex;border-radius:50%;background:var(--m-text-input-background, var(--m-background))}.file-tile__name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7em;color:var(--m-text-input-color, var(--m-text))}\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}.drop-zone{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.drop-zone:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.drop-zone:disabled{opacity:.6;cursor:not-allowed}.drop-zone{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.drop-zone:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.drop-zone:focus-visible:not(:disabled),.drop-zone:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.drop-zone:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.drop-zone:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.drop-zone:has(.warning) input::placeholder,.drop-zone:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.drop-zone:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone input::placeholder,.drop-zone textarea::placeholder{color:var(--m-border, var(--m-border))}.drop-zone:focus-within input::placeholder,.drop-zone:focus-visible input::placeholder,.drop-zone:focus-within textarea::placeholder,.drop-zone:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone:has(.error) input::placeholder,.drop-zone:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.drop-zone input,.drop-zone textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.drop-zone input:focus,.drop-zone textarea:focus{border-color:transparent;box-shadow:none}.drop-zone{flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:auto;min-height:calc(var(--m-textarea-input-height, 4.5em) + 1.5em);padding:.75em;border-style:dashed;cursor:pointer;background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}.drop-zone:hover:not(.drop-zone--locked):not(.error){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)))}.drop-zone--dragging{border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, color-mix(in srgb, var(--m-focus) 6%, var(--m-background)));box-shadow:var(--m-text-input-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent))}.drop-zone:focus:not(.drop-zone--locked),.drop-zone:focus-visible:not(.drop-zone--locked){border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none}.drop-zone--locked{cursor:not-allowed;opacity:.6}.drop-zone.error{border-color:var(--m-error, var(--m-error))}.drop-zone.error:focus:not(.drop-zone--locked),.drop-zone.error:focus-visible:not(.drop-zone--locked){border-color:var(--m-error, var(--m-error))}.drop-zone .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.drop-zone:focus .drop-zone__empty .m-icon,.drop-zone:focus-visible .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.drop-zone__empty{display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center}.drop-zone__placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit);color:var(--m-border, var(--m-border))}.drop-zone:focus .drop-zone__placeholder,.drop-zone:focus-visible .drop-zone__placeholder,.drop-zone--dragging .drop-zone__placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone.error .drop-zone__placeholder{color:var(--m-error, var(--m-error))}.file-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75em}.file-tiles--below,.folder-pick{margin-top:.75em}.file-tile{--m-file-tile-size: 150px;display:flex;flex-direction:column;gap:.25em;width:var(--m-file-tile-size);max-width:100%}.file-tile__box{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));overflow:hidden}.file-tile__preview{display:block;width:100%;height:100%;object-fit:cover}.file-tile__type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;height:100%;color:var(--m-input-color, var(--m-mm));--m-icon-size: 2.5em}.file-tile__kind{font-weight:600;letter-spacing:.05em}.file-tile__remove{position:absolute;top:.25em;right:.25em;display:flex;border-radius:50%;background:var(--m-text-input-background, var(--m-background))}.file-tile__name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7em;color:var(--m-text-input-color, var(--m-text))}\n"],
 		dependencies: [
 			{
 				kind: "directive",
@@ -24684,6 +24851,11 @@ i0.ɵɵngDeclareClassMetadata({
           <ng-container *ngTemplateOutlet="fileList" />
         }
       }
+      @if (takesFolders()) {
+        <div class="folder-pick">
+          <m-button (click)="openFolderPicker()" [config]="folderButton()" />
+        </div>
+      }
       @for (rejection of rejectionMessages(); track $index) {
         <m-text-output
           variant="footer"
@@ -24711,7 +24883,7 @@ i0.ɵɵngDeclareClassMetadata({
 				TextOutputComponent
 			],
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			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}.drop-zone{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.drop-zone:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.drop-zone:disabled{opacity:.6;cursor:not-allowed}.drop-zone{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.drop-zone:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.drop-zone:focus-visible:not(:disabled),.drop-zone:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.drop-zone:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.drop-zone:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.drop-zone:has(.warning) input::placeholder,.drop-zone:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.drop-zone:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone input::placeholder,.drop-zone textarea::placeholder{color:var(--m-border, var(--m-border))}.drop-zone:focus-within input::placeholder,.drop-zone:focus-visible input::placeholder,.drop-zone:focus-within textarea::placeholder,.drop-zone:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone:has(.error) input::placeholder,.drop-zone:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.drop-zone input,.drop-zone textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.drop-zone input:focus,.drop-zone textarea:focus{border-color:transparent;box-shadow:none}.drop-zone{flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:auto;min-height:calc(var(--m-textarea-input-height, 4.5em) + 1.5em);padding:.75em;border-style:dashed;cursor:pointer;background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}.drop-zone:hover:not(.drop-zone--locked):not(.error){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)))}.drop-zone--dragging{border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, color-mix(in srgb, var(--m-focus) 6%, var(--m-background)));box-shadow:var(--m-text-input-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent))}.drop-zone:focus:not(.drop-zone--locked),.drop-zone:focus-visible:not(.drop-zone--locked){border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none}.drop-zone--locked{cursor:not-allowed;opacity:.6}.drop-zone.error{border-color:var(--m-error, var(--m-error))}.drop-zone.error:focus:not(.drop-zone--locked),.drop-zone.error:focus-visible:not(.drop-zone--locked){border-color:var(--m-error, var(--m-error))}.drop-zone .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.drop-zone:focus .drop-zone__empty .m-icon,.drop-zone:focus-visible .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.drop-zone__empty{display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center}.drop-zone__placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit);color:var(--m-border, var(--m-border))}.drop-zone:focus .drop-zone__placeholder,.drop-zone:focus-visible .drop-zone__placeholder,.drop-zone--dragging .drop-zone__placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone.error .drop-zone__placeholder{color:var(--m-error, var(--m-error))}.file-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75em}.file-tiles--below{margin-top:.75em}.file-tile{--m-file-tile-size: 150px;display:flex;flex-direction:column;gap:.25em;width:var(--m-file-tile-size);max-width:100%}.file-tile__box{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));overflow:hidden}.file-tile__preview{display:block;width:100%;height:100%;object-fit:cover}.file-tile__type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;height:100%;color:var(--m-input-color, var(--m-mm));--m-icon-size: 2.5em}.file-tile__kind{font-weight:600;letter-spacing:.05em}.file-tile__remove{position:absolute;top:.25em;right:.25em;display:flex;border-radius:50%;background:var(--m-text-input-background, var(--m-background))}.file-tile__name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7em;color:var(--m-text-input-color, var(--m-text))}\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}.drop-zone{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.drop-zone:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.drop-zone:disabled{opacity:.6;cursor:not-allowed}.drop-zone{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.drop-zone:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.drop-zone:focus-visible:not(:disabled),.drop-zone:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.drop-zone:has(.warning){border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)));box-shadow:none}.drop-zone:has(.warning):focus-within{border-color:var(--m-input-warning-border, var(--m-warning));background:var(--m-input-warning-background, color-mix(in srgb, var(--m-warning) 6%, var(--m-background)))}.drop-zone:has(.warning) input::placeholder,.drop-zone:has(.warning) textarea::placeholder{color:var(--m-warning, var(--m-warning))}.drop-zone:has(.error){border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone:has(.error):focus-within{border-color:var(--m-error);background:var(--m-input-error-background, color-mix(in srgb, var(--m-error) 5%, var(--m-background)));box-shadow:none}.drop-zone input::placeholder,.drop-zone textarea::placeholder{color:var(--m-border, var(--m-border))}.drop-zone:focus-within input::placeholder,.drop-zone:focus-visible input::placeholder,.drop-zone:focus-within textarea::placeholder,.drop-zone:focus-visible textarea::placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone:has(.error) input::placeholder,.drop-zone:has(.error) textarea::placeholder{color:var(--m-error, var(--m-error))}.drop-zone input,.drop-zone textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.drop-zone input:focus,.drop-zone textarea:focus{border-color:transparent;box-shadow:none}.drop-zone{flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:auto;min-height:calc(var(--m-textarea-input-height, 4.5em) + 1.5em);padding:.75em;border-style:dashed;cursor:pointer;background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}.drop-zone:hover:not(.drop-zone--locked):not(.error){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)))}.drop-zone--dragging{border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, color-mix(in srgb, var(--m-focus) 6%, var(--m-background)));box-shadow:var(--m-text-input-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent))}.drop-zone:focus:not(.drop-zone--locked),.drop-zone:focus-visible:not(.drop-zone--locked){border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none}.drop-zone--locked{cursor:not-allowed;opacity:.6}.drop-zone.error{border-color:var(--m-error, var(--m-error))}.drop-zone.error:focus:not(.drop-zone--locked),.drop-zone.error:focus-visible:not(.drop-zone--locked){border-color:var(--m-error, var(--m-error))}.drop-zone .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.drop-zone:focus .drop-zone__empty .m-icon,.drop-zone:focus-visible .drop-zone__empty .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.drop-zone__empty{display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center}.drop-zone__placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit);color:var(--m-border, var(--m-border))}.drop-zone:focus .drop-zone__placeholder,.drop-zone:focus-visible .drop-zone__placeholder,.drop-zone--dragging .drop-zone__placeholder{color:var(--m-focus, var(--m-focus))}.drop-zone.error .drop-zone__placeholder{color:var(--m-error, var(--m-error))}.file-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75em}.file-tiles--below,.folder-pick{margin-top:.75em}.file-tile{--m-file-tile-size: 150px;display:flex;flex-direction:column;gap:.25em;width:var(--m-file-tile-size);max-width:100%}.file-tile__box{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));overflow:hidden}.file-tile__preview{display:block;width:100%;height:100%;object-fit:cover}.file-tile__type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;height:100%;color:var(--m-input-color, var(--m-mm));--m-icon-size: 2.5em}.file-tile__kind{font-weight:600;letter-spacing:.05em}.file-tile__remove{position:absolute;top:.25em;right:.25em;display:flex;border-radius:50%;background:var(--m-text-input-background, var(--m-background))}.file-tile__name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7em;color:var(--m-text-input-color, var(--m-text))}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -40154,6 +40326,139 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+const heatShare = (value) => Number.isFinite(value) ? Math.min(100, Math.max(0, value)) : void 0;
+const heatColor = (value, from, to) => {
+	const share = heatShare(value);
+	if (share === void 0) return void 0;
+	return `color-mix(in oklab, ${to} ${share}%, ${from})`;
+};
+var HeatSwatchComponent = class HeatSwatchComponent {
+	value = input(NaN, {
+		...ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	fromColor = input(void 0, ...ngDevMode ? [{ debugName: "fromColor" }] : /* istanbul ignore next */ []);
+	toColor = input(void 0, ...ngDevMode ? [{ debugName: "toColor" }] : /* istanbul ignore next */ []);
+	radius = input("none", ...ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []);
+	themeStore = inject(ThemeStore);
+	paint = computed(() => heatColor(this.value(), this.resolve(this.fromColor() || "error"), this.resolve(this.toColor() || "success")), ...ngDevMode ? [{ debugName: "paint" }] : /* istanbul ignore next */ []);
+	resolve(color) {
+		return resolvePallet(color, this.themeStore.color()).color;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: HeatSwatchComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: HeatSwatchComponent,
+		isStandalone: true,
+		selector: "m-heat-swatch",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fromColor: {
+				classPropertyName: "fromColor",
+				publicName: "fromColor",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			toColor: {
+				classPropertyName: "toColor",
+				publicName: "toColor",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			radius: {
+				classPropertyName: "radius",
+				publicName: "radius",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "aria-hidden": "true" },
+			properties: {
+				"attr.data-radius": "radius()",
+				"style.--m-heat-swatch-color": "paint()"
+			},
+			classAttribute: "m-heat-swatch-host"
+		},
+		ngImport: i0,
+		template: "",
+		isInline: true,
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;flex:1 1 auto;align-self:stretch;width:100%;height:100%;min-height:4px;background-color:var(--m-heat-swatch-color, color-mix(in srgb, var(--m-text) 20%, var(--m-background)));transition:background-color .2s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){:host{transition:none}}:host([data-radius=sm]){border-radius:4px}:host([data-radius=md]){border-radius:8px}:host([data-radius=full]){border-radius:9999px}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: HeatSwatchComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-heat-swatch",
+			template: "",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "m-heat-swatch-host",
+				"aria-hidden": "true",
+				"[attr.data-radius]": "radius()",
+				"[style.--m-heat-swatch-color]": "paint()"
+			},
+			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;flex:1 1 auto;align-self:stretch;width:100%;height:100%;min-height:4px;background-color:var(--m-heat-swatch-color, color-mix(in srgb, var(--m-text) 20%, var(--m-background)));transition:background-color .2s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){:host{transition:none}}:host([data-radius=sm]){border-radius:4px}:host([data-radius=md]){border-radius:8px}:host([data-radius=full]){border-radius:9999px}\n"]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		fromColor: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fromColor",
+				required: false
+			}]
+		}],
+		toColor: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "toColor",
+				required: false
+			}]
+		}],
+		radius: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "radius",
+				required: false
+			}]
+		}]
+	}
+});
 var PwaInstallComponent = class PwaInstallComponent {
 	manifest = signal(null, ...ngDevMode ? [{ debugName: "manifest" }] : /* istanbul ignore next */ []);
 	state = signal("loading", ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
@@ -42512,6 +42817,11 @@ var NavMenuComponent = class NavMenuComponent {
           >{{ formatBadgeCount(badge.count) }}</m-badge
         >
       }
+      <!-- A tone is how the row's subject stands; the words for it live where
+           the row leads, so the dot itself says nothing to a screen reader. -->
+      @if (item.tone; as tone) {
+        <span class="nav-menu__tone" [attr.data-tone]="tone" aria-hidden="true"></span>
+      }
     </ng-template>
     <ng-template #menuTemplate let-item="row">
       <div class="nav-menu__item">
@@ -42570,7 +42880,7 @@ var NavMenuComponent = class NavMenuComponent {
     </div>
   `,
 		isInline: true,
-		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}.nav-menu{padding:0;margin:0}.nav-menu ul{display:flex;flex-direction:column;gap:0;padding:0;margin:0}.nav-menu li{padding:0;list-style:none;width:100%;border-bottom:1px solid rgba(0,0,0,.02)}.nav-menu li:last-child{border-bottom:none}.nav-menu__item{display:flex;align-items:center;gap:.75rem;width:100%;position:relative;color:var(--m-text-secondary);background:transparent}.nav-menu__item:not(:has(.nav-menu__link)){padding:.625rem 1rem}.nav-menu__link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:0;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%;color:inherit;text-decoration:none}.nav-menu__link:hover{background:#00000008;color:var(--m-text)}.nav-menu__link:hover .nav-menu__icon{color:var(--m-text)}.nav-menu__link:hover .nav-menu__label{color:var(--m-text);font-weight:600}.nav-menu__browse{flex:none;margin-inline-end:.5rem;color:var(--m-text-tertiary)}.nav-menu__icon{display:flex;align-items:center;justify-content:center;color:var(--m-text-tertiary);transition:color .15s ease;width:1.15rem;height:1.15rem}.nav-menu__app-logo{display:block;width:100%;height:100%}.nav-menu__icon .m-icon{display:flex;align-items:center}.nav-menu__label{flex:1;display:block;width:100%;font-size:.8125rem;font-weight:500;letter-spacing:.01em;color:inherit;text-decoration:none}.nav-menu__badge{--m-badge-height: 1.5em;--m-badge-min-width: 1.5em;--m-badge-padding: 0 .3em;--m-badge-gap: .1em;vertical-align:middle;margin-inline-start:.15rem}.nav-menu__item:has(.active){background:linear-gradient(90deg,color-mix(in srgb,var(--m-mm) 6%,transparent) 0%,color-mix(in srgb,var(--m-mm) 2%,transparent) 60%,transparent 100%);color:var(--m-mm);border-radius:0}.nav-menu__item:has(.active):after{content:\"\";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 50%,transparent 100%);z-index:3}.nav-menu__item:has(.active) .nav-menu__icon{color:var(--m-mm);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent))}.nav-menu__item:has(.active) .nav-menu__label{color:var(--m-mm);font-weight:700;letter-spacing:.015em}\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;width:100%}.nav-menu{padding:0;margin:0}.nav-menu ul{display:flex;flex-direction:column;gap:0;padding:0;margin:0}.nav-menu li{padding:0;list-style:none;width:100%;border-bottom:1px solid rgba(0,0,0,.02)}.nav-menu li:last-child{border-bottom:none}.nav-menu__item{display:flex;align-items:center;gap:.75rem;width:100%;position:relative;color:var(--m-text-secondary);background:transparent}.nav-menu__item:not(:has(.nav-menu__link)){padding:.625rem 1rem}.nav-menu__link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:0;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%;color:inherit;text-decoration:none}.nav-menu__link:hover{background:#00000008;color:var(--m-text)}.nav-menu__link:hover .nav-menu__icon{color:var(--m-text)}.nav-menu__link:hover .nav-menu__label{color:var(--m-text);font-weight:600}.nav-menu__browse{flex:none;margin-inline-end:.5rem;color:var(--m-text-tertiary)}.nav-menu__icon{display:flex;align-items:center;justify-content:center;color:var(--m-text-tertiary);transition:color .15s ease;width:1.15rem;height:1.15rem}.nav-menu__app-logo{display:block;width:100%;height:100%}.nav-menu__icon .m-icon{display:flex;align-items:center}.nav-menu__label{flex:1;display:block;width:100%;font-size:.8125rem;font-weight:500;letter-spacing:.01em;color:inherit;text-decoration:none}.nav-menu__tone{display:inline-block;width:.5em;height:.5em;margin-inline-start:.35rem;border-radius:50%;vertical-align:middle;background:var(--m-info)}.nav-menu__tone[data-tone=warning]{background:var(--m-warning)}.nav-menu__tone[data-tone=error]{background:var(--m-error)}.nav-menu__tone[data-tone=success]{background:var(--m-success)}.nav-menu__badge{--m-badge-height: 1.5em;--m-badge-min-width: 1.5em;--m-badge-padding: 0 .3em;--m-badge-gap: .1em;vertical-align:middle;margin-inline-start:.15rem}.nav-menu__item:has(.active){background:linear-gradient(90deg,color-mix(in srgb,var(--m-mm) 6%,transparent) 0%,color-mix(in srgb,var(--m-mm) 2%,transparent) 60%,transparent 100%);color:var(--m-mm);border-radius:0}.nav-menu__item:has(.active):after{content:\"\";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 50%,transparent 100%);z-index:3}.nav-menu__item:has(.active) .nav-menu__icon{color:var(--m-mm);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent))}.nav-menu__item:has(.active) .nav-menu__label{color:var(--m-mm);font-weight:700;letter-spacing:.015em}\n"],
 		dependencies: [
 			{
 				kind: "directive",
@@ -42719,6 +43029,11 @@ i0.ɵɵngDeclareClassMetadata({
           >{{ formatBadgeCount(badge.count) }}</m-badge
         >
       }
+      <!-- A tone is how the row's subject stands; the words for it live where
+           the row leads, so the dot itself says nothing to a screen reader. -->
+      @if (item.tone; as tone) {
+        <span class="nav-menu__tone" [attr.data-tone]="tone" aria-hidden="true"></span>
+      }
     </ng-template>
     <ng-template #menuTemplate let-item="row">
       <div class="nav-menu__item">
@@ -42787,7 +43102,7 @@ i0.ɵɵngDeclareClassMetadata({
 				ListComponent,
 				ButtonComponent
 			],
-			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;width:100%}.nav-menu{padding:0;margin:0}.nav-menu ul{display:flex;flex-direction:column;gap:0;padding:0;margin:0}.nav-menu li{padding:0;list-style:none;width:100%;border-bottom:1px solid rgba(0,0,0,.02)}.nav-menu li:last-child{border-bottom:none}.nav-menu__item{display:flex;align-items:center;gap:.75rem;width:100%;position:relative;color:var(--m-text-secondary);background:transparent}.nav-menu__item:not(:has(.nav-menu__link)){padding:.625rem 1rem}.nav-menu__link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:0;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%;color:inherit;text-decoration:none}.nav-menu__link:hover{background:#00000008;color:var(--m-text)}.nav-menu__link:hover .nav-menu__icon{color:var(--m-text)}.nav-menu__link:hover .nav-menu__label{color:var(--m-text);font-weight:600}.nav-menu__browse{flex:none;margin-inline-end:.5rem;color:var(--m-text-tertiary)}.nav-menu__icon{display:flex;align-items:center;justify-content:center;color:var(--m-text-tertiary);transition:color .15s ease;width:1.15rem;height:1.15rem}.nav-menu__app-logo{display:block;width:100%;height:100%}.nav-menu__icon .m-icon{display:flex;align-items:center}.nav-menu__label{flex:1;display:block;width:100%;font-size:.8125rem;font-weight:500;letter-spacing:.01em;color:inherit;text-decoration:none}.nav-menu__badge{--m-badge-height: 1.5em;--m-badge-min-width: 1.5em;--m-badge-padding: 0 .3em;--m-badge-gap: .1em;vertical-align:middle;margin-inline-start:.15rem}.nav-menu__item:has(.active){background:linear-gradient(90deg,color-mix(in srgb,var(--m-mm) 6%,transparent) 0%,color-mix(in srgb,var(--m-mm) 2%,transparent) 60%,transparent 100%);color:var(--m-mm);border-radius:0}.nav-menu__item:has(.active):after{content:\"\";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 50%,transparent 100%);z-index:3}.nav-menu__item:has(.active) .nav-menu__icon{color:var(--m-mm);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent))}.nav-menu__item:has(.active) .nav-menu__label{color:var(--m-mm);font-weight:700;letter-spacing:.015em}\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;width:100%}.nav-menu{padding:0;margin:0}.nav-menu ul{display:flex;flex-direction:column;gap:0;padding:0;margin:0}.nav-menu li{padding:0;list-style:none;width:100%;border-bottom:1px solid rgba(0,0,0,.02)}.nav-menu li:last-child{border-bottom:none}.nav-menu__item{display:flex;align-items:center;gap:.75rem;width:100%;position:relative;color:var(--m-text-secondary);background:transparent}.nav-menu__item:not(:has(.nav-menu__link)){padding:.625rem 1rem}.nav-menu__link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:0;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;width:100%;color:inherit;text-decoration:none}.nav-menu__link:hover{background:#00000008;color:var(--m-text)}.nav-menu__link:hover .nav-menu__icon{color:var(--m-text)}.nav-menu__link:hover .nav-menu__label{color:var(--m-text);font-weight:600}.nav-menu__browse{flex:none;margin-inline-end:.5rem;color:var(--m-text-tertiary)}.nav-menu__icon{display:flex;align-items:center;justify-content:center;color:var(--m-text-tertiary);transition:color .15s ease;width:1.15rem;height:1.15rem}.nav-menu__app-logo{display:block;width:100%;height:100%}.nav-menu__icon .m-icon{display:flex;align-items:center}.nav-menu__label{flex:1;display:block;width:100%;font-size:.8125rem;font-weight:500;letter-spacing:.01em;color:inherit;text-decoration:none}.nav-menu__tone{display:inline-block;width:.5em;height:.5em;margin-inline-start:.35rem;border-radius:50%;vertical-align:middle;background:var(--m-info)}.nav-menu__tone[data-tone=warning]{background:var(--m-warning)}.nav-menu__tone[data-tone=error]{background:var(--m-error)}.nav-menu__tone[data-tone=success]{background:var(--m-success)}.nav-menu__badge{--m-badge-height: 1.5em;--m-badge-min-width: 1.5em;--m-badge-padding: 0 .3em;--m-badge-gap: .1em;vertical-align:middle;margin-inline-start:.15rem}.nav-menu__item:has(.active){background:linear-gradient(90deg,color-mix(in srgb,var(--m-mm) 6%,transparent) 0%,color-mix(in srgb,var(--m-mm) 2%,transparent) 60%,transparent 100%);color:var(--m-mm);border-radius:0}.nav-menu__item:has(.active):after{content:\"\";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 50%,transparent 100%);z-index:3}.nav-menu__item:has(.active) .nav-menu__icon{color:var(--m-mm);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent))}.nav-menu__item:has(.active) .nav-menu__label{color:var(--m-mm);font-weight:700;letter-spacing:.015em}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -43944,20 +44259,24 @@ var NotificationElementComponent = class NotificationElementComponent {
             </div>
           }
 
-          @if (notification()?.actions?.length) {
-            <div class="notification-item__actions">
-              @for (action of notification()?.actions; track $index) {
-                <!-- Same stop as dismiss: an action is not a click on the row. -->
-                <m-one-button
-                  variant="ghost"
-                  [label]="action.label"
-                  noTranslate="true"
-                  (click)="$event.stopPropagation()"
-                  (clicked)="action.run()"
-                />
-              }
-            </div>
-          }
+        }
+
+        <!-- Actions are not a property of a message: a Progress row carries the
+             Cancel that stops what it is measuring, so the block sits outside
+             both branches rather than inside the text one. -->
+        @if (notification()?.actions?.length) {
+          <div class="notification-item__actions">
+            @for (action of notification()?.actions; track $index) {
+              <!-- Same stop as dismiss: an action is not a click on the row. -->
+              <m-one-button
+                variant="ghost"
+                [label]="action.label"
+                noTranslate="true"
+                (click)="$event.stopPropagation()"
+                (clicked)="action.run()"
+              />
+            }
+          </div>
         }
       </div>
     </div>
@@ -44171,20 +44490,24 @@ i0.ɵɵngDeclareClassMetadata({
             </div>
           }
 
-          @if (notification()?.actions?.length) {
-            <div class="notification-item__actions">
-              @for (action of notification()?.actions; track $index) {
-                <!-- Same stop as dismiss: an action is not a click on the row. -->
-                <m-one-button
-                  variant="ghost"
-                  [label]="action.label"
-                  noTranslate="true"
-                  (click)="$event.stopPropagation()"
-                  (clicked)="action.run()"
-                />
-              }
-            </div>
-          }
+        }
+
+        <!-- Actions are not a property of a message: a Progress row carries the
+             Cancel that stops what it is measuring, so the block sits outside
+             both branches rather than inside the text one. -->
+        @if (notification()?.actions?.length) {
+          <div class="notification-item__actions">
+            @for (action of notification()?.actions; track $index) {
+              <!-- Same stop as dismiss: an action is not a click on the row. -->
+              <m-one-button
+                variant="ghost"
+                [label]="action.label"
+                noTranslate="true"
+                (click)="$event.stopPropagation()"
+                (clicked)="action.run()"
+              />
+            }
+          </div>
         }
       </div>
     </div>
@@ -51849,6 +52172,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, APP_LOGO_ICON, APP_LOGO_SOURCE, APP_THEME_COLOR, ASSET_BASE_URL, AUDIENCE_ICONS, AUDIENCE_LEVELS, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppIdentityService, AppLogoComponent, AppLogoState, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AudiencePickerBoxComponent, AudiencePickerComponent, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_AUDIENCE, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HOST_SESSION, HeaderComponent, HighlightDirective, HttpService, HttpSharingClient, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LOGO_GLYPH_MAX_BYTES, LanguageComponent, ListComponent, LogoComponent, LogoGlyphInputComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_BOOT_TIMEOUT_MS, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_ANSWER_KEY, SEARCH_LABEL_KEY, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SHARING_CLIENT, SIZE_CONTEXT, SPACING_INWARD, SPLASH_ID, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, activeElementWithin, allowedCodes, anchorNavId, appColorBrand, appLogoShadowColor, appThemeColorFactory, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, escapeHtml, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLightAppColor, isLoadingComputed, isLocalhost, isNavCountConfig, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isReadableOn, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, logoGlyphMaskUrl, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkInlineToHtml, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAppColor, normalizeAssetOptions, offsetOfLine, outletPathOf, outletSegmentsOf, paintAppColor, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickCount, pickSupportedLanguage, picksMembers, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readFieldPatterns, readableAppColor, rebuildLogoGlyph, recordDefinedWcTier, registerSessionRenewal, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splashHtml, splitNavId, splitOnMatch, splitPath, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleGroup, toggleTreeGridRow, toggleUid, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf, withLevel };
+export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, APP_LOGO_ICON, APP_LOGO_SOURCE, APP_THEME_COLOR, ASSET_BASE_URL, AUDIENCE_ICONS, AUDIENCE_LEVELS, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppIdentityService, AppLogoComponent, AppLogoState, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AudiencePickerBoxComponent, AudiencePickerComponent, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_AUDIENCE, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HOST_SESSION, HeaderComponent, HeatSwatchComponent, HighlightDirective, HttpService, HttpSharingClient, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LOGO_GLYPH_MAX_BYTES, LanguageComponent, ListComponent, LogoComponent, LogoGlyphInputComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_BOOT_TIMEOUT_MS, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_ANSWER_KEY, SEARCH_LABEL_KEY, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SHARING_CLIENT, SIZE_CONTEXT, SPACING_INWARD, SPLASH_ID, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, activeElementWithin, allowedCodes, anchorNavId, appColorBrand, appLogoShadowColor, appThemeColorFactory, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, escapeHtml, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, heatColor, heatShare, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLightAppColor, isLoadingComputed, isLocalhost, isNavCountConfig, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isReadableOn, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, logoGlyphMaskUrl, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkInlineToHtml, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAppColor, normalizeAssetOptions, offsetOfLine, outletPathOf, outletSegmentsOf, paintAppColor, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickCount, pickSupportedLanguage, picksMembers, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readFieldPatterns, readableAppColor, rebuildLogoGlyph, recordDefinedWcTier, registerSessionRenewal, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splashHtml, splitNavId, splitOnMatch, splitPath, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleGroup, toggleTreeGridRow, toggleUid, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf, withLevel };
 
 //# sourceMappingURL=magmonium-one.mjs.map