@magmonium/one 0.4.40 → 0.4.42

package/fesm2022/{magmonium-one-icon-BTPHGpEN.mjs → magmonium-one-icon-BgbtOdMv.mjs}

@@ -2,10 +2,44 @@ import { p as AssetStore, r as resolveIconSize, v as HttpService, z as ICON_SOUR
 import { m as ThemeStore, t as applyColorsToElement } from "./magmonium-one-color-utl-D86GGpz5.mjs";
 import "./magmonium-one-theme-CT4cWpe7.mjs";
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, ElementRef, HostListener, InjectionToken, computed, effect, inject, input, model, untracked } from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, HostListener, Injectable, InjectionToken, booleanAttribute, computed, effect, inject, input, model, signal, untracked } from "@angular/core";
 import { of } from "rxjs";
 import { rxResource } from "@angular/core/rxjs-interop";
 import { catchError as catchError$1 } from "rxjs/operators";
+var AppLogoState = class AppLogoState {
+	#source = signal(void 0, ...ngDevMode ? [{ debugName: "#source" }] : /* istanbul ignore next */ []);
+	source = this.#source.asReadonly();
+	set = (source) => this.#source.set(source);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AppLogoState,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AppLogoState,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AppLogoState,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+const APP_LOGO_SOURCE = new InjectionToken("APP_LOGO_SOURCE", {
+	providedIn: "root",
+	factory: () => inject(AppLogoState).source
+});
 const MAGMONIUM = `
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="-15 -15 120 165">
         <g>
@@ -182,6 +216,128 @@ function injectParentSize() {
 		skipSelf: true
 	});
 }
+const APP_LOGO_ICON = "app_logo";
+const LOGO_GLYPH_MAX_BYTES = 16384;
+const SVG_NS = "http://www.w3.org/2000/svg";
+const SHAPE_TAGS = /* @__PURE__ */ new Set([
+	"path",
+	"circle",
+	"ellipse",
+	"line",
+	"polyline",
+	"polygon",
+	"rect"
+]);
+const GEOMETRY = /* @__PURE__ */ new Set([
+	"d",
+	"cx",
+	"cy",
+	"r",
+	"rx",
+	"ry",
+	"x",
+	"y",
+	"x1",
+	"y1",
+	"x2",
+	"y2",
+	"width",
+	"height",
+	"points",
+	"transform"
+]);
+const ENUMS = {
+	"stroke-linecap": /* @__PURE__ */ new Set([
+		"butt",
+		"round",
+		"square"
+	]),
+	"stroke-linejoin": /* @__PURE__ */ new Set([
+		"miter",
+		"round",
+		"bevel"
+	]),
+	"fill-rule": /* @__PURE__ */ new Set(["nonzero", "evenodd"]),
+	"clip-rule": /* @__PURE__ */ new Set(["nonzero", "evenodd"])
+};
+const GEOMETRY_VALUE = /^[0-9A-Za-z.,\s+\-()%]*$/;
+const NUMBER = /^\s*[+-]?(\d+\.?\d*|\.\d+)([eE][+-]?\d+)?\s*$/;
+const APP_COLOR = /^#[0-9a-fA-F]{6}$/;
+const escapeAttribute = (value) => value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+const paint = (element) => {
+	let out = "";
+	for (const name of ["fill", "stroke"]) {
+		const value = element.getAttribute(name);
+		if (value !== null) out += ` ${name}="${value.trim() === "none" ? "none" : "#fff"}"`;
+	}
+	const width = element.getAttribute("stroke-width");
+	if (width !== null && NUMBER.test(width)) out += ` stroke-width="${width.trim()}"`;
+	for (const [name, allowed] of Object.entries(ENUMS)) {
+		const value = element.getAttribute(name)?.trim();
+		if (value && allowed.has(value)) out += ` ${name}="${value}"`;
+	}
+	return out;
+};
+const shape = (element) => {
+	const tag = element.localName;
+	if (tag === "g") {
+		const children = Array.from(element.children).map(shape).join("");
+		if (!children) return "";
+		const transform = element.getAttribute("transform");
+		return `<g${transform && GEOMETRY_VALUE.test(transform) ? ` transform="${escapeAttribute(transform)}"` : ""}${paint(element)}>${children}</g>`;
+	}
+	if (!SHAPE_TAGS.has(tag)) return "";
+	const geometry = Array.from(element.attributes).filter(({ name, value }) => GEOMETRY.has(name) && GEOMETRY_VALUE.test(value)).map(({ name, value }) => ` ${name}="${escapeAttribute(value)}"`).join("");
+	return geometry ? `<${tag}${geometry}${paint(element)}/>` : "";
+};
+const viewBoxOf = (root) => {
+	const viewBox = root.getAttribute("viewBox");
+	if (viewBox !== null) {
+		const parts = viewBox.replace(/,/g, " ").trim().split(/\s+/);
+		return parts.length === 4 && parts.every((part) => NUMBER.test(part)) && Number(parts[2]) > 0 && Number(parts[3]) > 0 ? parts.join(" ") : void 0;
+	}
+	const width = root.getAttribute("width") ?? "";
+	const height = root.getAttribute("height") ?? "";
+	return NUMBER.test(width) && NUMBER.test(height) ? `0 0 ${width.trim()} ${height.trim()}` : void 0;
+};
+const refused = (error) => ({
+	svg: "",
+	error
+});
+function rebuildLogoGlyph(markup) {
+	if (!markup.trim()) return refused("logo_invalid");
+	if (new TextEncoder().encode(markup).length > 16384) return refused("logo_too_large");
+	const lowered = markup.toLowerCase();
+	if (lowered.includes("<!doctype") || lowered.includes("<!entity")) return refused("logo_invalid");
+	const doc = new DOMParser().parseFromString(markup, "image/svg+xml");
+	const root = doc.documentElement;
+	if (root.localName !== "svg" || doc.getElementsByTagName("parsererror").length) return refused("logo_invalid");
+	const viewBox = viewBoxOf(root);
+	const body = Array.from(root.children).map(shape).join("");
+	if (!viewBox || !body) return refused("logo_invalid");
+	return {
+		svg: `<svg xmlns="${SVG_NS}" viewBox="${viewBox}"${paint(root)}>${body}</svg>`,
+		error: ""
+	};
+}
+const normalizeAppColor = (value) => APP_COLOR.test(value.trim()) ? value.trim().toLowerCase() : void 0;
+const channels = (color) => {
+	const hex = color.replace("#", "");
+	return [
+		0,
+		2,
+		4
+	].map((i) => parseInt(hex.slice(i, i + 2), 16));
+};
+const appLogoShadowColor = (color) => `#${channels(color).map((channel) => Math.round(channel * .8).toString(16).padStart(2, "0")).join("")}`;
+const isLightAppColor = (color) => {
+	const [r, g, b] = channels(color).map((channel) => {
+		const c = channel / 255;
+		return c <= .03928 ? c / 12.92 : ((c + .055) / 1.055) ** 2.4;
+	});
+	return 1.05 / (.2126 * r + .7152 * g + .0722 * b + .05) < 3;
+};
+const logoGlyphMaskUrl = (svg) => `url("data:image/svg+xml;utf8,${encodeURIComponent(svg)}")`;
 var IconComponent = class IconComponent {
 	config = model(void 0, ...ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []);
 	name = input(...ngDevMode ? [void 0, { debugName: "name" }] : /* istanbul ignore next */ []);
@@ -190,6 +346,10 @@ var IconComponent = class IconComponent {
 	one = input(...ngDevMode ? [void 0, { debugName: "one" }] : /* istanbul ignore next */ []);
 	baseUrl = input(...ngDevMode ? [void 0, { debugName: "baseUrl" }] : /* istanbul ignore next */ []);
 	remote = input(...ngDevMode ? [void 0, { debugName: "remote" }] : /* istanbul ignore next */ []);
+	shadow = input(void 0, {
+		...ngDevMode ? { debugName: "shadow" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
 	resolvedConfig = computed(() => {
 		const config = this.config();
 		const overrides = {};
@@ -203,6 +363,8 @@ var IconComponent = class IconComponent {
 		if (baseUrl !== void 0) overrides.baseUrl = baseUrl;
 		const remote = this.remote();
 		if (remote !== void 0) overrides.remote = remote;
+		const shadow = this.shadow();
+		if (shadow !== void 0) overrides.shadow = shadow;
 		if (!config && !Object.keys(overrides).length) return void 0;
 		return {
 			...config,
@@ -225,6 +387,8 @@ var IconComponent = class IconComponent {
 		const name = this.resolvedConfig()?.name;
 		return name ? this.iconSource?.()?.[name] : void 0;
 	}, ...ngDevMode ? [{ debugName: "inlineSvg" }] : /* istanbul ignore next */ []);
+	appLogoSource = inject(APP_LOGO_SOURCE);
+	appLogo = computed(() => this.resolvedConfig()?.name === "app_logo" ? this.appLogoSource() ?? {} : void 0, ...ngDevMode ? [{ debugName: "appLogo" }] : /* istanbul ignore next */ []);
 	text = rxResource({
 		params: computed(() => ({
 			name: this.resolvedConfig()?.name,
@@ -232,6 +396,7 @@ var IconComponent = class IconComponent {
 			remoteBaseUrl: this.remoteBaseUrl()
 		}), { equal: (a, b) => a?.name === b?.name && a?.remoteBaseUrl === b?.remoteBaseUrl }),
 		stream: ({ params: { name, isOneIcon, remoteBaseUrl } }) => {
+			if (name === "app_logo") return of(void 0);
 			if (!name) return untracked(() => this.assetStore.resolve("icons", "logo", true).pipe(catchError$1(() => of(MAGMONIUM))));
 			const inline = untracked(() => this.inlineSvg());
 			if (inline) return of(inline);
@@ -242,7 +407,17 @@ var IconComponent = class IconComponent {
 	constructor() {
 		effect(this.updateElement);
 		effect(this.applySize);
+		effect(this.applyShadow);
 	}
+	applyShadow = () => {
+		const style = this.elementRef.nativeElement.style;
+		if (!this.resolvedConfig()?.shadow) {
+			style.removeProperty("filter");
+			return;
+		}
+		const color = this.pallet()?.color ?? this.themeStore.color()?.mm ?? "#fff";
+		style.setProperty("filter", `drop-shadow(0 calc(var(--m-icon-size, 1em) * 0.08) calc(var(--m-icon-size, 1em) * 0.06) color-mix(in srgb, ${color} 80%, black))`);
+	};
 	applySize = () => {
 		this.elementRef.nativeElement.style.setProperty("--m-icon-size", resolveIconSize(this.size(), this.sizeContext?.size()));
 	};
@@ -252,7 +427,14 @@ var IconComponent = class IconComponent {
 			this.currentSvgElement.remove();
 			this.currentSvgElement = null;
 		}
-		const svg = svgElementFromString(this.inlineSvg() ?? this.text.value(), this.pallet()?.color ?? this.themeStore.color()?.mm ?? "#fff");
+		const color = this.pallet()?.color ?? this.themeStore.color()?.mm ?? "#fff";
+		const appLogo = this.appLogo();
+		if (appLogo) {
+			this.currentSvgElement = appLogoElement(appLogo, color);
+			element.prepend(this.currentSvgElement);
+			return;
+		}
+		const svg = svgElementFromString(this.inlineSvg() ?? this.text.value(), color);
 		if (!svg) return;
 		this.currentSvgElement = svg;
 		svg.removeAttribute("width");
@@ -331,6 +513,13 @@ var IconComponent = class IconComponent {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			shadow: {
+				classPropertyName: "shadow",
+				publicName: "shadow",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		outputs: { config: "configChange" },
@@ -338,7 +527,7 @@ var IconComponent = class IconComponent {
 		ngImport: i0,
 		template: `<ng-content></ng-content>`,
 		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:inline-flex;align-items:center;justify-content:center;height:var(--m-icon-size, 1em);width:var(--m-icon-size, 1em);overflow:hidden}:host svg{width:var(--m-icon-size, 1em);height:var(--m-icon-size, 1em);flex-shrink:0;overflow:visible;fill:var(--m-icon-fill, currentColor);stroke:var(--m-icon-stroke, currentColor)}:host svg path,:host svg circle,:host svg rect,:host svg line,:host svg polyline,:host svg polygon,:host svg ellipse{stroke-width:2px;vector-effect:non-scaling-stroke}:host.has-color{color:var(--m-icon-color, inherit)}:host:has(>:not(svg)){width:auto;gap:.25rem;justify-content:flex-start;overflow:visible}\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:inline-flex;align-items:center;justify-content:center;height:var(--m-icon-size, 1em);width:var(--m-icon-size, 1em);overflow:hidden}:host svg{width:var(--m-icon-size, 1em);height:var(--m-icon-size, 1em);flex-shrink:0;overflow:visible;fill:var(--m-icon-fill, currentColor);stroke:var(--m-icon-stroke, currentColor)}:host svg path,:host svg circle,:host svg rect,:host svg line,:host svg polyline,:host svg polygon,:host svg ellipse{stroke-width:2px;vector-effect:non-scaling-stroke}:host.has-color{color:var(--m-icon-color, inherit)}:host:has(>:not(svg,.m-icon__app-logo)){width:auto;gap:.25rem;justify-content:flex-start;overflow:visible}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -354,7 +543,7 @@ i0.ɵɵngDeclareClassMetadata({
 			template: `<ng-content></ng-content>`,
 			host: { "[class.has-color]": "resolvedConfig()?.color" },
 			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:inline-flex;align-items:center;justify-content:center;height:var(--m-icon-size, 1em);width:var(--m-icon-size, 1em);overflow:hidden}:host svg{width:var(--m-icon-size, 1em);height:var(--m-icon-size, 1em);flex-shrink:0;overflow:visible;fill:var(--m-icon-fill, currentColor);stroke:var(--m-icon-stroke, currentColor)}:host svg path,:host svg circle,:host svg rect,:host svg line,:host svg polyline,:host svg polygon,:host svg ellipse{stroke-width:2px;vector-effect:non-scaling-stroke}:host.has-color{color:var(--m-icon-color, inherit)}:host:has(>:not(svg)){width:auto;gap:.25rem;justify-content:flex-start;overflow:visible}\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:inline-flex;align-items:center;justify-content:center;height:var(--m-icon-size, 1em);width:var(--m-icon-size, 1em);overflow:hidden}:host svg{width:var(--m-icon-size, 1em);height:var(--m-icon-size, 1em);flex-shrink:0;overflow:visible;fill:var(--m-icon-fill, currentColor);stroke:var(--m-icon-stroke, currentColor)}:host svg path,:host svg circle,:host svg rect,:host svg line,:host svg polyline,:host svg polygon,:host svg ellipse{stroke-width:2px;vector-effect:non-scaling-stroke}:host.has-color{color:var(--m-icon-color, inherit)}:host:has(>:not(svg,.m-icon__app-logo)){width:auto;gap:.25rem;justify-content:flex-start;overflow:visible}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -417,9 +606,43 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "remote",
 				required: false
 			}]
+		}],
+		shadow: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "shadow",
+				required: false
+			}]
 		}]
 	}
 });
+const appLogoElement = (logo, color) => {
+	const mark = document.createElement("span");
+	mark.className = "m-icon__app-logo";
+	const style = mark.style;
+	style.width = "var(--m-icon-size, 1em)";
+	style.height = "var(--m-icon-size, 1em)";
+	style.flexShrink = "0";
+	const mask = logo.glyph ? logoGlyphMaskUrl(logo.glyph) : logo.src ? `url("${encodeURI(logo.src)}")` : void 0;
+	if (mask) {
+		style.backgroundColor = color;
+		style.setProperty("mask-image", mask);
+		style.setProperty("mask-size", "contain");
+		style.setProperty("mask-repeat", "no-repeat");
+		style.setProperty("mask-position", "center");
+		return mark;
+	}
+	mark.textContent = (logo.name?.trim().charAt(0) ?? "").toUpperCase();
+	style.display = "inline-flex";
+	style.alignItems = "center";
+	style.justifyContent = "center";
+	style.color = color;
+	style.fontSize = "calc(var(--m-icon-size, 1em) * 0.8)";
+	style.fontWeight = "600";
+	style.lineHeight = "1";
+	return mark;
+};
 function genColor(colors, color) {
 	return colors[color] ?? color;
 }
@@ -828,6 +1051,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { injectParentSize as a, SIZE_CONTEXT as i, CustomIconClass as n, provideSizeContext as o, IconComponent as r, SHARED_ICONS as s, CustomIconEditComponent as t };
+export { appLogoShadowColor as a, normalizeAppColor as c, SIZE_CONTEXT as d, injectParentSize as f, AppLogoState as g, APP_LOGO_SOURCE as h, LOGO_GLYPH_MAX_BYTES as i, rebuildLogoGlyph as l, SHARED_ICONS as m, CustomIconClass as n, isLightAppColor as o, provideSizeContext as p, IconComponent as r, logoGlyphMaskUrl as s, CustomIconEditComponent as t, APP_LOGO_ICON as u };
 
-//# sourceMappingURL=magmonium-one-icon-BTPHGpEN.mjs.map
+//# sourceMappingURL=magmonium-one-icon-BgbtOdMv.mjs.map

package/fesm2022/magmonium-one-icon-BgbtOdMv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-icon-BgbtOdMv.mjs","names":["catchError"],"sources":["../../../../libs/one/src/lib/shared/lib/app-identity/app-logo-source.ts","../../../../libs/one/src/lib/shared/ui/icon/type/magmonium.ts","../../../../libs/one/src/lib/shared/ui/icon/model/shared-icons.ts","../../../../libs/one/src/lib/shared/ui/icon/lib/lib-icon.ts","../../../../libs/one/src/lib/shared/config/size-context.token.ts","../../../../libs/one/src/lib/shared/lib/app-identity/app-logo-icon.ts","../../../../libs/one/src/lib/shared/lib/app-identity/logo-glyph.ts","../../../../libs/one/src/lib/shared/ui/icon/ui/icon.ts","../../../../libs/one/src/lib/shared/ui/icon/lib/custom-icon.ts","../../../../libs/one/src/lib/shared/ui/icon/ui/custom-icon.ts","../../../../libs/one/src/lib/shared/ui/icon/ui/custom-icon-edit.ts"],"sourcesContent":["import {\n  inject,\n  Injectable,\n  InjectionToken,\n  Signal,\n  signal,\n} from '@angular/core';\n\n/**\n * The running app's AppLogo as an icon draws it. `glyph` is a Store App's\n * LogoGlyph (already rebuilt from the allowlist); `src` is the host's\n * file-based AppLogo; neither is the first letter of `name`.\n */\nexport type AppLogoSource = {\n  glyph?: string | null;\n  src?: string;\n  name?: string | null;\n};\n\n/**\n * Where NavStore publishes the running app's AppLogo. Shared rather than read\n * off NavStore because `m-icon` sits below features and cannot import it.\n */\n@Injectable({ providedIn: 'root' })\nexport class AppLogoState {\n  readonly #source = signal<AppLogoSource | undefined>(undefined);\n  readonly source = this.#source.asReadonly();\n  readonly set = (source: AppLogoSource | undefined): void =>\n    this.#source.set(source);\n}\n\n/**\n * What `m-icon name=\"app_logo\"` draws. Defaults to what NavStore published; a\n * visual editor provides its own so the Canvas shows the AppTarget's logo.\n */\nexport const APP_LOGO_SOURCE = new InjectionToken<\n  Signal<AppLogoSource | undefined>\n>('APP_LOGO_SOURCE', {\n  providedIn: 'root',\n  factory: () => inject(AppLogoState).source,\n});\n","export const MAGMONIUM = `\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-15 -15 120 165\">\n        <g>\n          <path fill=\"#color\"  style=\"opacity: 0.7;\" d=\"M5 5 L5 65 L85 65 Z\" />\n          <path fill=\"#color\"  style=\"opacity: 0.3;\" d=\"M85 5 L5 65 L85 65 Z\" />\n        </g>\n        <g>\n          <path fill=\"#color\"  style=\"opacity: 0.3;\" d=\"M5 70 L85 70 L5 130 Z\" />\n          <path fill=\"#color\"  style=\"opacity: 0.7;\" d=\"M85 70 L5 70 L85 130 Z\" />\n        </g>\n      </svg>\n  `;\n","// AUTO-GENERATED by assets:compile — do not edit manually\nexport const SHARED_ICONS = [\n  'accordion_chevron',\n  'account_balance_wallet',\n  'activity',\n  'add-image',\n  'adjust',\n  'alert-circle',\n  'analytics',\n  'apps',\n  'arrow-down',\n  'arrow-left',\n  'arrow-left-right',\n  'arrow-right',\n  'arrow-up',\n  'arrow_back',\n  'bell',\n  'bold',\n  'books',\n  'calendar',\n  'calendar-open',\n  'camera',\n  'chat',\n  'check',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-up',\n  'chevron_left',\n  'chevrons-down',\n  'chevrons-left',\n  'chevrons-right',\n  'chevrons-up',\n  'clipboard',\n  'code',\n  'coins',\n  'color-picker',\n  'copy',\n  'copyright',\n  'corner-left-up',\n  'currency_exchange',\n  'dot',\n  'download',\n  'ellipsis-vertical',\n  'exclamation-triangle',\n  'eye',\n  'eye_close',\n  'file-code',\n  'file-data',\n  'file-image',\n  'file-markup',\n  'file-style',\n  'file-text',\n  'fixed',\n  'flower',\n  'folder',\n  'games',\n  'gear',\n  'heading',\n  'heart',\n  'heart_filled',\n  'help',\n  'hero',\n  'info',\n  'install',\n  'instrument',\n  'investments',\n  'italic',\n  'language',\n  'layers',\n  'layouts',\n  'link',\n  'link-broken',\n  'list',\n  'loading',\n  'loading-bars',\n  'loading-dots',\n  'loading-logo',\n  'loading-pulse',\n  'location',\n  'lock',\n  'logo',\n  'magazines',\n  'mail',\n  'menu',\n  'mic',\n  'minus',\n  'monitor',\n  'more',\n  'notification',\n  'notification_off',\n  'open',\n  'pause',\n  'pencil',\n  'play',\n  'plus',\n  'posts',\n  'quote',\n  'redo',\n  'reload',\n  'reset',\n  'save',\n  'scissors',\n  'search',\n  'section',\n  'security',\n  'settings',\n  'shield',\n  'smartphone',\n  'sort-alpha-asc',\n  'sort-alpha-desc',\n  'sparkles',\n  'square',\n  'star',\n  'store',\n  'strategies',\n  'strikethrough',\n  'sun',\n  'table',\n  'tablet',\n  'target',\n  'theme',\n  'trash',\n  'trash-2',\n  'trending-down',\n  'trending-up',\n  'undo',\n  'user',\n  'users',\n  'wallet_manager',\n  'wallet_owner',\n  'wallet_shareholder',\n  'wand',\n  'wifi',\n  'x',\n  'zap',\n];\n","import { Icon, MAGMONIUM } from '../type/icon';\nimport { ElementRef } from '@angular/core';\nimport { SHARED_ICONS } from '../model/shared-icons';\nexport { SHARED_ICONS };\n\nexport function isOneIcon(element: ElementRef<HTMLElement>, config?: Icon) {\n  if (typeof config?.one !== 'undefined') {\n    return !!config.one;\n  }\n\n  // cast SHARED_ICONS to a generic string array for runtime includes check\n  if (config?.name && (SHARED_ICONS as readonly string[]).includes(config.name)) {\n    return true;\n  }\n\n  const tagName = element.nativeElement.tagName;\n  return tagName === 'M-ONE-ICON';\n}\n\nfunction textToSvg(str = MAGMONIUM, color: string): string {\n  if (typeof str !== 'string') return str as unknown as string;\n  return str.replace(/#color/g, color).replace(/currentColor/g, color);\n}\n\nexport function svgElementFromString(str: string, color: string): SVGElement {\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(textToSvg(str, color), 'image/svg+xml');\n  const svg = doc.documentElement;\n\n  if (svg && svg.nodeName === 'svg') {\n    return svg as unknown as SVGElement;\n  }\n\n  const errorSvg = parser.parseFromString(textToSvg(MAGMONIUM, color), 'image/svg+xml');\n  return errorSvg.documentElement as unknown as SVGElement;\n}\n","import { inject, InjectionToken, Provider, Signal, Type } from '@angular/core';\nimport { Size } from '../enum/scaling/size';\n\n/**\n * The Size in force for a subtree. Provided by the only components that may\n * declare one — Section, ButtonGroup, and the markup-composed SectionButtonGroup\n * (the last two are one seat, ADR 0008) — and injected `{ optional: true }` by\n * each of them (so a declarer falls back to the nearest one above it) and by\n * the few primitives whose size is a box dimension rather than a font size.\n *\n * Most components need nothing: a declarer also sets `font-size` on its own\n * host, so anything measured in `em` follows through ordinary CSS inheritance.\n * The token exists for what inheritance cannot do — a ButtonGroup or\n * SectionButtonGroup overriding its Section, and Icon sizing a square glyph.\n * See ADR 0008.\n */\nexport interface SizeContext {\n  readonly size: Signal<Size>;\n}\n\nexport const SIZE_CONTEXT = new InjectionToken<SizeContext>('SIZE_CONTEXT');\n\nexport interface SizeDeclarer {\n  readonly resolvedSize: Signal<Size>;\n}\n\n/**\n * Publishes a declarer's resolved Size to its subtree. Goes in `providers` and\n * never `viewProviders`: a Section's Cols and a ButtonGroup's Buttons are\n * projected content, which only `providers` reaches.\n */\nexport function provideSizeContext(\n  declarer: Type<SizeDeclarer>\n): Provider {\n  return {\n    provide: SIZE_CONTEXT,\n    useFactory: (): SizeContext => ({ size: inject(declarer).resolvedSize }),\n  };\n}\n\n/**\n * The Size in force above a declarer. `skipSelf` because a declarer provides\n * SIZE_CONTEXT itself, and injecting its own provider would be circular — what\n * it wants is the nearest declarer *above* it, so that a Section with no Size\n * of its own takes its parent Section's and a ButtonGroup takes its Section's.\n */\nexport function injectParentSize(): SizeContext | null {\n  return inject(SIZE_CONTEXT, { optional: true, skipSelf: true });\n}\n","/**\n * The reserved icon name that draws the running app's own AppLogo as a glyph\n * (GLOSSARY.md AppLogoIcon). Never an IconAsset or a file in `icons/`: `m-icon`\n * reads it from APP_LOGO_SOURCE instead of fetching anything. Its own file so\n * codegen can read it without Angular.\n */\nexport const APP_LOGO_ICON = 'app_logo';\n","/**\n * LogoGlyph rules (nx ADR 0007) — the same allowlist rebuild api runs on\n * save, so the editor refuses what api would refuse before anything is sent.\n * api's rebuild is the rule; this one is the early answer.\n */\n\n/** The size bound on a LogoGlyph's markup, in UTF-8 bytes. */\nexport const LOGO_GLYPH_MAX_BYTES = 16 * 1024;\n\nconst SVG_NS = 'http://www.w3.org/2000/svg';\n\nconst SHAPE_TAGS = new Set([\n  'path',\n  'circle',\n  'ellipse',\n  'line',\n  'polyline',\n  'polygon',\n  'rect',\n]);\n\n/** Geometry only — no attribute here can carry a script or a link. */\nconst GEOMETRY = new Set([\n  'd',\n  'cx',\n  'cy',\n  'r',\n  'rx',\n  'ry',\n  'x',\n  'y',\n  'x1',\n  'y1',\n  'x2',\n  'y2',\n  'width',\n  'height',\n  'points',\n  'transform',\n]);\n\nconst ENUMS: Record<string, ReadonlySet<string>> = {\n  'stroke-linecap': new Set(['butt', 'round', 'square']),\n  'stroke-linejoin': new Set(['miter', 'round', 'bevel']),\n  'fill-rule': new Set(['nonzero', 'evenodd']),\n  'clip-rule': new Set(['nonzero', 'evenodd']),\n};\n\nconst GEOMETRY_VALUE = /^[0-9A-Za-z.,\\s+\\-()%]*$/;\nconst NUMBER = /^\\s*[+-]?(\\d+\\.?\\d*|\\.\\d+)([eE][+-]?\\d+)?\\s*$/;\nconst APP_COLOR = /^#[0-9a-fA-F]{6}$/;\n\n/** Why a glyph was refused — the codes api answers with. */\nexport type LogoGlyphError = '' | 'logo_invalid' | 'logo_too_large';\n\n/**\n * A rebuilt glyph. Flat rather than a union: the wc build does not narrow\n * discriminated unions. `error` is empty on success, `svg` empty on refusal.\n */\nexport type LogoGlyphResult = { svg: string; error: LogoGlyphError };\n\nconst escapeAttribute = (value: string): string =>\n  value.replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;');\n\n/**\n * Paint survives only as on/off: the AppLogo paints the glyph white, so a\n * colour is kept as `#fff` and `none` as `none` — never a `url(...)`.\n */\nconst paint = (element: Element): string => {\n  let out = '';\n  for (const name of ['fill', 'stroke']) {\n    const value = element.getAttribute(name);\n    if (value !== null) {\n      out += ` ${name}=\"${value.trim() === 'none' ? 'none' : '#fff'}\"`;\n    }\n  }\n  const width = element.getAttribute('stroke-width');\n  if (width !== null && NUMBER.test(width)) {\n    out += ` stroke-width=\"${width.trim()}\"`;\n  }\n  for (const [name, allowed] of Object.entries(ENUMS)) {\n    const value = element.getAttribute(name)?.trim();\n    if (value && allowed.has(value)) out += ` ${name}=\"${value}\"`;\n  }\n  return out;\n};\n\nconst shape = (element: Element): string => {\n  const tag = element.localName;\n  if (tag === 'g') {\n    const children = Array.from(element.children).map(shape).join('');\n    if (!children) return '';\n    const transform = element.getAttribute('transform');\n    const attrs =\n      transform && GEOMETRY_VALUE.test(transform)\n        ? ` transform=\"${escapeAttribute(transform)}\"`\n        : '';\n    return `<g${attrs}${paint(element)}>${children}</g>`;\n  }\n  if (!SHAPE_TAGS.has(tag)) return '';\n  const geometry = Array.from(element.attributes)\n    .filter(({ name, value }) => GEOMETRY.has(name) && GEOMETRY_VALUE.test(value))\n    .map(({ name, value }) => ` ${name}=\"${escapeAttribute(value)}\"`)\n    .join('');\n  return geometry ? `<${tag}${geometry}${paint(element)}/>` : '';\n};\n\nconst viewBoxOf = (root: Element): string | undefined => {\n  const viewBox = root.getAttribute('viewBox');\n  if (viewBox !== null) {\n    const parts = viewBox.replace(/,/g, ' ').trim().split(/\\s+/);\n    const ok =\n      parts.length === 4 &&\n      parts.every((part) => NUMBER.test(part)) &&\n      Number(parts[2]) > 0 &&\n      Number(parts[3]) > 0;\n    return ok ? parts.join(' ') : undefined;\n  }\n  const width = root.getAttribute('width') ?? '';\n  const height = root.getAttribute('height') ?? '';\n  return NUMBER.test(width) && NUMBER.test(height)\n    ? `0 0 ${width.trim()} ${height.trim()}`\n    : undefined;\n};\n\nconst refused = (error: LogoGlyphError): LogoGlyphResult => ({\n  svg: '',\n  error,\n});\n\n/**\n * The LogoGlyph as it will be stored: shape elements, their geometry and\n * on/off paint inside a fresh `<svg>` root. Refuses `logo_too_large` over\n * the size bound and `logo_invalid` for anything not a drawable SVG.\n */\nexport function rebuildLogoGlyph(markup: string): LogoGlyphResult {\n  if (!markup.trim()) return refused('logo_invalid');\n  if (new TextEncoder().encode(markup).length > LOGO_GLYPH_MAX_BYTES) {\n    return refused('logo_too_large');\n  }\n  const lowered = markup.toLowerCase();\n  if (lowered.includes('<!doctype') || lowered.includes('<!entity')) {\n    return refused('logo_invalid');\n  }\n  const doc = new DOMParser().parseFromString(markup, 'image/svg+xml');\n  const root = doc.documentElement;\n  if (root.localName !== 'svg' || doc.getElementsByTagName('parsererror').length) {\n    return refused('logo_invalid');\n  }\n  const viewBox = viewBoxOf(root);\n  const body = Array.from(root.children).map(shape).join('');\n  if (!viewBox || !body) return refused('logo_invalid');\n  return {\n    svg: `<svg xmlns=\"${SVG_NS}\" viewBox=\"${viewBox}\"${paint(root)}>${body}</svg>`,\n    error: '',\n  };\n}\n\n/** App Color as stored: `#rrggbb`, lowercased — or undefined when it is not one. */\nexport const normalizeAppColor = (value: string): string | undefined =>\n  APP_COLOR.test(value.trim()) ? value.trim().toLowerCase() : undefined;\n\nconst channels = (color: string): [number, number, number] => {\n  const hex = color.replace('#', '');\n  return [0, 2, 4].map((i) => parseInt(hex.slice(i, i + 2), 16)) as [\n    number,\n    number,\n    number,\n  ];\n};\n\n/** The AppLogo's shadow: App Color mixed with 20% black. */\nexport const appLogoShadowColor = (color: string): string =>\n  `#${channels(color)\n    .map((channel) =>\n      Math.round(channel * 0.8)\n        .toString(16)\n        .padStart(2, '0')\n    )\n    .join('')}`;\n\n/**\n * Whether a white glyph reads poorly over this App Color: contrast under 3:1,\n * the WCAG floor for graphical objects. A warning, never a refusal.\n */\nexport const isLightAppColor = (color: string): boolean => {\n  const [r, g, b] = channels(color).map((channel) => {\n    const c = channel / 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n  return 1.05 / (luminance + 0.05) < 3;\n};\n\n/** A LogoGlyph as a CSS `url(...)`, for painting it through a mask. */\nexport const logoGlyphMaskUrl = (svg: string): string =>\n  `url(\"data:image/svg+xml;utf8,${encodeURIComponent(svg)}\")`;\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  untracked,\n} from '@angular/core';\nimport { Icon, MAGMONIUM } from '../type/icon';\nimport { isOneIcon, svgElementFromString } from '../lib/lib-icon';\nimport { SIZE_CONTEXT } from '../../../config/size-context.token';\nimport { resolveIconSize } from '../../../functions/size/size-converter';\nimport { AssetStore } from '../../../stores/asset.store';\nimport { HttpService } from '../../../services/http';\nimport { rxResource } from '@angular/core/rxjs-interop';\nimport { catchError } from 'rxjs/operators';\nimport { of } from 'rxjs';\nimport { applyColorsToElement, ThemeStore } from '../../../lib/theme';\nimport { ICON_SOURCE } from '../../../config/tokens';\nimport { APP_LOGO_ICON } from '../../../lib/app-identity/app-logo-icon';\nimport {\n  APP_LOGO_SOURCE,\n  AppLogoSource,\n} from '../../../lib/app-identity/app-logo-source';\nimport { logoGlyphMaskUrl } from '../../../lib/app-identity/logo-glyph';\n\n@Component({\n  selector: 'm-icon, m-one-icon',\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['./icon.sass'],\n  host: {\n    '[class.has-color]': 'resolvedConfig()?.color',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent {\n  // Kept for the callers that hand an Icon a whole object rather than write it\n  // out — a Button naming its own glyph, a SectionFormItem passing a Field's.\n  config = model<Icon | undefined>(undefined);\n\n  // `name` is the SVG's filename in `mag_assets/icons/`, not a config asset:\n  // an Icon resolves artwork, so it is the one primitive whose name points at\n  // a picture rather than at a description of itself (ADR 0010). `size` is a\n  // free length (number → em), not a Size — Size stays on Section / ButtonGroup\n  // (ADR 0008); set here only to overwrite the box SIZE_CONTEXT would give.\n  readonly name = input<string | undefined>();\n  readonly color = input<string | undefined>();\n  readonly size = input<number | string | undefined>();\n  readonly one = input<boolean | undefined>();\n  readonly baseUrl = input<string | undefined>();\n  readonly remote = input<string | undefined>();\n  readonly shadow = input<boolean | undefined, unknown>(undefined, {\n    transform: booleanAttribute,\n  });\n\n  // Attributes win over the bound object, and an omitted one leaves the\n  // object's key standing rather than blanking it.\n  protected readonly resolvedConfig = computed<Icon | undefined>(() => {\n    const config = this.config();\n    const overrides: Icon = {};\n    const name = this.name();\n    if (name !== undefined) overrides.name = name;\n    const color = this.color();\n    if (color !== undefined) overrides.color = color;\n    const one = this.one();\n    if (one !== undefined) overrides.one = one;\n    const baseUrl = this.baseUrl();\n    if (baseUrl !== undefined) overrides.baseUrl = baseUrl;\n    const remote = this.remote();\n    if (remote !== undefined) overrides.remote = remote;\n    const shadow = this.shadow();\n    if (shadow !== undefined) overrides.shadow = shadow;\n    if (!config && !Object.keys(overrides).length) return undefined;\n    return { ...config, ...overrides };\n  });\n\n  private readonly elementRef = inject(ElementRef);\n  // Icon sizes a square glyph through width/height, which no amount of\n  // inherited font-size can set — so it is one of the few primitives that\n  // reads the Size in force directly (ADR 0008).\n  private readonly sizeContext = inject(SIZE_CONTEXT, { optional: true });\n  private readonly assetStore = inject(AssetStore);\n  private readonly http = inject(HttpService);\n  private currentSvgElement: Element | null = null;\n  private readonly themeStore = inject(ThemeStore);\n  private readonly isOneIcon = computed(() =>\n    isOneIcon(this.elementRef, this.resolvedConfig())\n  );\n  private readonly remoteBaseUrl = computed<string | undefined>(() => {\n    const remoteId = this.resolvedConfig()?.remote;\n    return remoteId ? this.http.buildWcAssetBaseUrl(remoteId) : undefined;\n  });\n\n  // Icons supplied by name from memory (e.g. a visual editor's unsaved glyphs).\n  // Read as a signal rather than through the resource below so that changing the\n  // markup under an unchanged name repaints every icon already using it.\n  private readonly iconSource = inject(ICON_SOURCE, { optional: true });\n  private readonly inlineSvg = computed(() => {\n    const name = this.resolvedConfig()?.name;\n    return name ? this.iconSource?.()?.[name] : undefined;\n  });\n\n  // `app_logo` draws the running app's own AppLogo (GLOSSARY.md AppLogoIcon):\n  // nothing to fetch, and the LogoGlyph is painted through a mask rather than\n  // inserted, so its markup never reaches the page (nx ADR 0007).\n  private readonly appLogoSource = inject(APP_LOGO_SOURCE);\n  private readonly appLogo = computed(() =>\n    this.resolvedConfig()?.name === APP_LOGO_ICON\n      ? this.appLogoSource() ?? {}\n      : undefined\n  );\n\n  private readonly text = rxResource({\n    params: computed(\n      () => ({\n        name: this.resolvedConfig()?.name,\n        isOneIcon: untracked(() => this.isOneIcon()),\n        remoteBaseUrl: this.remoteBaseUrl(),\n      }),\n      { equal: (a, b) => a?.name === b?.name && a?.remoteBaseUrl === b?.remoteBaseUrl }\n    ),\n    stream: ({ params: { name, isOneIcon, remoteBaseUrl } }) => {\n      if (name === APP_LOGO_ICON) return of(undefined);\n      if (!name) return untracked(() =>\n        this.assetStore.resolve<string>('icons', 'logo', true).pipe(catchError(() => of(MAGMONIUM)))\n      );\n      // Skips the request entirely for an in-memory glyph — there is no asset\n      // behind it, so fetching only ever produces a 404 and the fallback logo.\n      const inline = untracked(() => this.inlineSvg());\n      if (inline) return of(inline);\n      return untracked(() =>\n        this.assetStore\n          .resolve<string>('icons', name, isOneIcon, remoteBaseUrl)\n          .pipe(catchError(() => of(MAGMONIUM)))\n      );\n    },\n  });\n\n  private readonly pallet = computed(() =>\n    applyColorsToElement(\n      this.resolvedConfig()?.color ?? this.themeStore.color()?.mm ?? '#fff',\n      this.themeStore.color(),\n      this.elementRef.nativeElement\n    )\n  );\n\n  constructor() {\n    effect(this.updateElement);\n    effect(this.applySize);\n    effect(this.applyShadow);\n  }\n\n  // On the host, not the glyph: a filter on the masked AppLogoIcon would be\n  // clipped by its own mask. Sized off the icon box so it scales with it.\n  private readonly applyShadow = (): void => {\n    const style = this.elementRef.nativeElement.style;\n    if (!this.resolvedConfig()?.shadow) {\n      style.removeProperty('filter');\n      return;\n    }\n    const color =\n      this.pallet()?.color ?? this.themeStore.color()?.mm ?? '#fff';\n    style.setProperty(\n      'filter',\n      `drop-shadow(0 calc(var(--m-icon-size, 1em) * 0.08) calc(var(--m-icon-size, 1em) * 0.06) color-mix(in srgb, ${color} 80%, black))`\n    );\n  };\n\n  private readonly applySize = (): void => {\n    this.elementRef.nativeElement.style.setProperty(\n      '--m-icon-size',\n      resolveIconSize(this.size(), this.sizeContext?.size())\n    );\n  };\n\n  private readonly updateElement = (): void => {\n    const element = this.elementRef.nativeElement;\n    if (this.currentSvgElement) {\n      this.currentSvgElement.remove();\n      this.currentSvgElement = null;\n    }\n    const color = this.pallet()?.color ?? this.themeStore.color()?.mm ?? '#fff';\n    const appLogo = this.appLogo();\n    if (appLogo) {\n      this.currentSvgElement = appLogoElement(appLogo, color);\n      element.prepend(this.currentSvgElement);\n      return;\n    }\n    const svg = svgElementFromString(\n      this.inlineSvg() ?? (this.text.value() as string),\n      color\n    );\n    if (!svg) return;\n    this.currentSvgElement = svg;\n    svg.removeAttribute('width');\n    svg.removeAttribute('height');\n    svg.style.width = 'var(--m-icon-size, 1em)';\n    svg.style.height = 'var(--m-icon-size, 1em)';\n    svg.style.flexShrink = '0';\n    svg.removeAttribute('stroke-width');\n    svg.style.setProperty('stroke-width', '2px');\n    svg.querySelectorAll('*').forEach((el) => {\n      el.removeAttribute('stroke-width');\n      if (el instanceof HTMLElement || el instanceof SVGElement) {\n        el.style.removeProperty('stroke-width');\n      }\n    });\n    element.prepend(svg);\n  };\n}\n\n// Inline styles, like the SVG above: an element built here carries no\n// encapsulation attribute, so the component's sass never reaches it.\nconst appLogoElement = (logo: AppLogoSource, color: string): HTMLElement => {\n  const mark = document.createElement('span');\n  mark.className = 'm-icon__app-logo';\n  const style = mark.style;\n  style.width = 'var(--m-icon-size, 1em)';\n  style.height = 'var(--m-icon-size, 1em)';\n  style.flexShrink = '0';\n  const mask = logo.glyph\n    ? logoGlyphMaskUrl(logo.glyph)\n    : logo.src\n      ? `url(\"${encodeURI(logo.src)}\")`\n      : undefined;\n  if (mask) {\n    style.backgroundColor = color;\n    style.setProperty('mask-image', mask);\n    style.setProperty('mask-size', 'contain');\n    style.setProperty('mask-repeat', 'no-repeat');\n    style.setProperty('mask-position', 'center');\n    return mark;\n  }\n  // No LogoGlyph yet: the first letter, as an AppLogo shows it.\n  mark.textContent = (logo.name?.trim().charAt(0) ?? '').toUpperCase();\n  style.display = 'inline-flex';\n  style.alignItems = 'center';\n  style.justifyContent = 'center';\n  style.color = color;\n  style.fontSize = 'calc(var(--m-icon-size, 1em) * 0.8)';\n  style.fontWeight = '600';\n  style.lineHeight = '1';\n  return mark;\n};\n","import { CustomIcon } from '../type/icon';\nimport { ThemeColor } from '@magmonium/cli';\n\nfunction genColor(colors: ThemeColor, color: string) {\n  return colors[color as keyof ThemeColor] ?? color;\n}\n\nexport function isLargeImage(svg: CustomIcon): boolean {\n  const width = svg.width || 0;\n  const height = svg.height || 0;\n  const area = width * height;\n  return area > 2000000 || width > 2000 || height > 2000;\n}\n\nexport function genViewPort(svg: CustomIcon | undefined) {\n  if (!svg) return '0 0 0 0';\n  const width = svg.width || 0;\n  const height = svg.height || 0;\n  return `0 0 ${width} ${height}`;\n}\n\nexport function computedFillColor(\n  svg: CustomIcon,\n  colors?: ThemeColor,\n  fillColor?: string\n) {\n  const { lineColor, backgroundColor, invertSvg } = svg.edit;\n  if (!colors) {\n    return fillColor ?? backgroundColor;\n  }\n  return genColor(\n    colors,\n    invertSvg ? lineColor : (fillColor ?? backgroundColor)\n  );\n}\n\nexport function computeLineColor(\n  svg: CustomIcon,\n  colors?: ThemeColor,\n  strokeColor?: string\n) {\n  const { lineColor, backgroundColor, invertSvg } = svg.edit;\n  if (!colors) {\n    return strokeColor ?? lineColor;\n  }\n  return genColor(\n    colors,\n    invertSvg ? backgroundColor : (strokeColor ?? lineColor)\n  );\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { CustomIcon } from '../type/icon';\nimport {\n  computedFillColor,\n  computeLineColor,\n  genViewPort,\n  isLargeImage,\n} from '../lib/custom-icon';\nimport { ThemeStore } from '../../../lib/theme';\n\n@Component({\n  selector: 'm-custom-icon',\n  template: `\n    <!-- eslint-disable local/no-raw-svg -->\n    @if (svg(); as svg) {\n      <svg\n        xmlns=\"http:/www.w3.org/2000/svg\"\n        [attr.viewBox]=\"viewBox()\"\n        [attr.width]=\"svg.width\"\n        [attr.height]=\"svg.height\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      >\n        @if (_fillColor(); as fillColor) {\n          <rect\n            [attr.width]=\"svg.width\"\n            [attr.height]=\"svg.height\"\n            [attr.fill]=\"fillColor\"\n          />\n        }\n        @if (_strokeColor(); as stroke) {\n          @for (path of svg?.paths; track $index) {\n            <path\n              class=\"svg-path\"\n              [attr.d]=\"path\"\n              [attr.fill]=\"'none'\"\n              [attr.stroke]=\"stroke\"\n              [attr.stroke-linecap]=\"svg?.edit?.linecap\"\n              [attr.stroke-linejoin]=\"svg?.edit?.linejoin\"\n              [attr.stroke-width]=\"svg.edit.strokeWidth\"\n              [attr.vector-effect]=\"vectorEffect()\"\n            />\n          }\n        }\n      </svg>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CustomIconClass {\n  svg = input.required<CustomIcon>();\n  strokeColor = input<string | undefined>(undefined);\n  fillColor = input<string | undefined>(undefined);\n  strokeWidth = input<number | undefined>(undefined);\n\n  protected readonly viewBox = computed(() => genViewPort(this.svg()));\n  protected readonly vectorEffect = computed(() => {\n    return isLargeImage(this.svg()) ? 'non-scaling-stroke' : null;\n  });\n  private readonly themeStore = inject(ThemeStore);\n  protected readonly _fillColor = computed(() =>\n    computedFillColor(this.svg(), this.themeStore.color(), this.fillColor())\n  );\n  protected readonly _strokeColor = computed(() => {\n    return computeLineColor(\n      this.svg(),\n      this.themeStore.color(),\n      this.strokeColor()\n    );\n  });\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  HostListener,\n  computed,\n  inject,\n  input,\n  model,\n} from '@angular/core';\nimport { CustomIcon } from '../type/icon';\nimport {\n  computedFillColor,\n  computeLineColor,\n  genViewPort,\n  isLargeImage,\n} from '../lib/custom-icon';\nimport { ThemeStore } from '../../../lib/theme';\n\n@Component({\n  selector: 'm-custom-icon-edit',\n  imports: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <!-- eslint-disable local/no-raw-svg -->\n    @if (svg(); as svg) {\n      <svg\n        xmlns=\"http:/www.w3.org/2000/svg\"\n        [attr.viewBox]=\"_viewBox()\"\n        [attr.width]=\"svg.width\"\n        [attr.height]=\"svg.height\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      >\n        @if (_fillColor(); as fillColor) {\n          <rect\n            [attr.width]=\"svg.width\"\n            [attr.height]=\"svg.height\"\n            [attr.fill]=\"fillColor\"\n          />\n        }\n        @for (path of svg.paths; track $index) {\n          <path\n            class=\"svg-path\"\n            (click)=\"_onPathClick($index)\"\n            [class.interactive]=\"svg.edit.canInteract\"\n            [class.selected]=\"_selectedIndex.includes($index)\"\n            [attr.d]=\"path\"\n            [attr.fill]=\"'none'\"\n            [attr.stroke]=\"_strokeColor()\"\n            [attr.stroke-linecap]=\"svg.edit.linecap\"\n            [attr.stroke-linejoin]=\"svg.edit.linejoin\"\n            [attr.stroke-width]=\"svg.edit.strokeWidth\"\n            [attr.vector-effect]=\"_vectorEffect()\"\n          />\n        }\n      </svg>\n    }\n  `,\n  styleUrl: './custom-icon-edit.sass',\n})\nexport class CustomIconEditComponent {\n  svg = model<CustomIcon | undefined>(undefined);\n  strokeColor = input<string | undefined>(undefined);\n  fillColor = input<string | undefined>(undefined);\n\n  private readonly themeStore = inject(ThemeStore);\n\n  @HostListener('window:keydown', ['$event'])\n  onKeydown(event: KeyboardEvent) {\n    if (!this.svg()?.edit?.canInteract || this._selectedIndex.length === 0) {\n      return;\n    }\n    if (event.key === ' ') {\n      event.preventDefault();\n      this.deleteSelectedPaths();\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this._selectedIndex = [];\n    }\n  }\n\n  protected readonly _viewBox = computed(() => genViewPort(this.svg()));\n\n  protected readonly _vectorEffect = computed(() => {\n    const svg = this.svg();\n    return svg && isLargeImage(svg) ? 'non-scaling-stroke' : null;\n  });\n\n  protected readonly _fillColor = computed(() => {\n    const svg = this.svg();\n    if (!svg) return undefined;\n    return computedFillColor(svg, this.themeStore.color(), this.fillColor());\n  });\n\n  protected readonly _strokeColor = computed(() => {\n    const svg = this.svg();\n    if (!svg) return undefined;\n    return computeLineColor(svg, this.themeStore.color(), this.strokeColor());\n  });\n\n  protected readonly _onPathClick = (index: number) => {\n    if (!this.svg()?.edit?.canInteract) return;\n    this._selectedIndex = Array.from(new Set([...this._selectedIndex, index]));\n  };\n\n  readonly deleteSelectedPaths = () => {\n    this.svg.update((prev) => {\n      if (!prev) return prev;\n      return {\n        ...prev,\n        paths: prev.paths.filter((_, i) => !this._selectedIndex.includes(i)),\n      };\n    });\n    this._selectedIndex = [];\n  };\n\n  protected _selectedIndex: number[] = [];\n}\n"],"mappings":";;;;;;;;AAwBA,IAAa,eAAb,MAAa,aAAY;CACd,UAAU,OAAkC,QAAU,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACtD,SAAS,KAAK,QAAQ,WAAU;CAChC,OAAO,WACd,KAAK,QAAQ,IAAI,MAAM;CAJd,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAY,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAZ,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAY,YADC;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAY,YAAA,CAAA;EADxB,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE;;;AAYlC,MAAa,kBAAkB,IAAI,eAEjC,mBAAmB;CACnB,YAAY;CACZ,eAAe,OAAO,YAAY,CAAC,CAAC;AACrC,CAAA;ACxCD,MAAa,YAAY;;;;;;;;;;;;ACCzB,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;C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"}

package/fesm2022/{magmonium-one-image-editor-Dn0ACfH0.mjs → magmonium-one-image-editor-oGxg59hV.mjs}

@@ -1,5 +1,5 @@
-import { t as ButtonComponent } from "./magmonium-one-button-BWB3ZKIj.mjs";
-import { t as HeaderComponent } from "./magmonium-one-header-D8CB9CBJ.mjs";
+import { t as ButtonComponent } from "./magmonium-one-button-BZQOf-Pm.mjs";
+import { t as HeaderComponent } from "./magmonium-one-header-DhK9NuZW.mjs";
 import { t as InputType } from "./magmonium-one-input-DqHPorA1.mjs";
 import { t as RangeInputComponent } from "./magmonium-one-range-rgDe4O8u.mjs";
 import { a as initialFraming, c as parseRatio, i as encodeFramed, l as renameForType, n as cropRect, r as drawFramed, s as outputSize, t as clampFraming } from "./magmonium-one-image-frame-BTSaUSAi.mjs";
@@ -435,4 +435,4 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { ImageEditorComponent };
 
-//# sourceMappingURL=magmonium-one-image-editor-Dn0ACfH0.mjs.map
+//# sourceMappingURL=magmonium-one-image-editor-oGxg59hV.mjs.map

package/fesm2022/{magmonium-one-image-editor-Dn0ACfH0.mjs.map → magmonium-one-image-editor-oGxg59hV.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"magmonium-one-image-editor-Dn0ACfH0.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/ui/file-upload-input/image-editor.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ButtonComponent } from '../../../button/ui/button';\nimport { HeaderComponent } from '../../../header';\nimport { RangeInputComponent } from '../range/range';\nimport { InputType, RangeInput } from '../../model/input';\nimport { MODAL_REF, ModalRef } from '../../../../config/modal-ref';\nimport {\n  clampFraming,\n  cropRect,\n  drawFramed,\n  encodeFramed,\n  Framing,\n  FrameSize,\n  initialFraming,\n  MAX_ZOOM,\n  MIN_ZOOM,\n  outputSize,\n  parseRatio,\n  renameForType,\n} from './image-frame';\n\n/**\n * What an ImageEditor closes with. The framed file on an apply, `unreadable`\n * when the picture never decoded, and neither for a dismissal — a flat object\n * rather than a union, so the web-component build (no `strict`) reads it too.\n */\nexport type ImageEditorResult = { file?: File; unreadable?: boolean };\n\ntype Point = { x: number; y: number };\n\nconst WHEEL_ZOOM_RATE = 0.0015;\n\nconst distance = (a: Point, b: Point): number =>\n  Math.hypot(a.x - b.x, a.y - b.y);\n\n@Component({\n  selector: 'm-image-editor',\n  template: `\n    <div class=\"image-editor\">\n      <m-header\n        [level]=\"3\"\n        label=\"edit-image-size\"\n        [params]=\"sizeParams()\"\n      />\n      <div\n        #stage\n        class=\"image-editor__stage\"\n        [style.aspect-ratio]=\"aspect()\"\n        [style.--m-image-editor-aspect]=\"aspect()\"\n        [class.image-editor__stage--panning]=\"isPanning()\"\n        (pointerdown)=\"onPointerDown($event)\"\n        (pointermove)=\"onPointerMove($event)\"\n        (pointerup)=\"onPointerUp($event)\"\n        (pointercancel)=\"onPointerUp($event)\"\n        (wheel)=\"onWheel($event)\"\n      >\n        @if (sourceUrl(); as url) {\n          <img\n            class=\"image-editor__image\"\n            [src]=\"url\"\n            alt=\"\"\n            draggable=\"false\"\n            [style.width.px]=\"imageBox().width\"\n            [style.height.px]=\"imageBox().height\"\n            [style.transform]=\"imageBox().transform\"\n          />\n        }\n      </div>\n      <m-range\n        [config]=\"zoomConfig()\"\n        [value]=\"zoomPercent()\"\n        (valueChange)=\"onZoom($event)\"\n      />\n      <!-- asset: buttons/okay.yml. No cancel beside it: the Modal's own close\n           is the cancel, and it drops the image the same way. -->\n      <m-one-button\n        name=\"okay\"\n        label=\"apply\"\n        [disabled]=\"!source() || isApplying()\"\n        (clicked)=\"apply()\"\n      />\n    </div>\n  `,\n  imports: [ButtonComponent, HeaderComponent, RangeInputComponent],\n  styleUrl: './image-editor.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ImageEditorComponent {\n  readonly file = input.required<File>();\n  readonly ratio = input.required<string>();\n  readonly width = input.required<number>();\n\n  readonly #modalRef = inject<ModalRef<ImageEditorResult | undefined>>(MODAL_REF);\n  private readonly stage = viewChild<ElementRef<HTMLDivElement>>('stage');\n\n  protected readonly source = signal<ImageBitmap | undefined>(undefined);\n  protected readonly sourceUrl = signal<string | undefined>(undefined);\n  protected readonly isApplying = signal(false);\n  private readonly framing = signal<Framing>({ cx: 0, cy: 0, zoom: MIN_ZOOM });\n  private readonly stageWidth = signal(0);\n  private readonly pointers = new Map<number, Point>();\n  protected readonly isPanning = signal(false);\n  #settled = false;\n\n  protected readonly zoomConfig = computed<RangeInput>(() => ({\n    name: 'zoom',\n    label: 'zoom',\n    type: InputType.RANGE,\n    min: MIN_ZOOM * 100,\n    max: MAX_ZOOM * 100,\n  }));\n\n  protected readonly aspect = computed(() => parseRatio(this.ratio()) ?? 1);\n\n  private readonly output = computed<FrameSize | undefined>(() =>\n    outputSize(this.ratio(), this.width())\n  );\n\n  protected readonly sizeParams = computed(() => {\n    const size = this.output();\n    return {\n      width: String(size?.width ?? ''),\n      height: String(size?.height ?? ''),\n    };\n  });\n\n  private readonly imageSize = computed<FrameSize | undefined>(() => {\n    const bitmap = this.source();\n    return bitmap ? { width: bitmap.width, height: bitmap.height } : undefined;\n  });\n\n  protected readonly zoomPercent = computed(() =>\n    String(Math.round(this.framing().zoom * 100))\n  );\n\n  /** The whole picture laid out so the box shows exactly the crop. */\n  protected readonly imageBox = computed(() => {\n    const image = this.imageSize();\n    const stage = this.stageWidth();\n    if (!image || !stage) return { width: 0, height: 0, transform: 'none' };\n    const rect = cropRect(image, this.aspect(), this.framing());\n    const scale = stage / rect.width;\n    return {\n      width: image.width * scale,\n      height: image.height * scale,\n      transform: `translate(${-rect.x * scale}px, ${-rect.y * scale}px)`,\n    };\n  });\n\n  private readonly load = effect((onCleanup) => {\n    const file = this.file();\n    let cancelled = false;\n    const url = URL.createObjectURL(file);\n    this.sourceUrl.set(url);\n    // EXIF orientation applied here, so the geometry below and the <img> the\n    // stage draws agree on which way is up.\n    createImageBitmap(file, { imageOrientation: 'from-image' })\n      .then((bitmap) => {\n        if (cancelled) {\n          bitmap.close();\n          return;\n        }\n        this.framing.set(\n          initialFraming({ width: bitmap.width, height: bitmap.height })\n        );\n        this.source.set(bitmap);\n      })\n      .catch(() => {\n        if (!cancelled) this.settle({ unreadable: true });\n      });\n    onCleanup(() => {\n      cancelled = true;\n      URL.revokeObjectURL(url);\n      this.source()?.close();\n    });\n  });\n\n  private readonly measure = effect((onCleanup) => {\n    const stage = this.stage()?.nativeElement;\n    if (!stage) return;\n    this.stageWidth.set(stage.clientWidth);\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(([entry]) =>\n      this.stageWidth.set(entry.contentRect.width)\n    );\n    observer.observe(stage);\n    onCleanup(() => observer.disconnect());\n  });\n\n  // The Modal's own close affordance destroys the body without a word, and a\n  // dismissal is a cancel: whoever opened the editor is still waiting.\n  private readonly reportDismissal = inject(DestroyRef).onDestroy(() =>\n    this.settle(undefined)\n  );\n\n  protected onPointerDown = (event: PointerEvent): void => {\n    if (!this.source()) return;\n    (event.currentTarget as HTMLElement).setPointerCapture?.(event.pointerId);\n    this.pointers.set(event.pointerId, { x: event.clientX, y: event.clientY });\n    this.isPanning.set(true);\n  };\n\n  protected onPointerMove = (event: PointerEvent): void => {\n    const previous = this.pointers.get(event.pointerId);\n    if (!previous) return;\n    const next = { x: event.clientX, y: event.clientY };\n    const others = [...this.pointers.entries()].filter(\n      ([id]) => id !== event.pointerId\n    );\n    if (others.length === 1) {\n      // Pinch: the gap between two fingers is the zoom.\n      const anchor = others[0][1];\n      const before = distance(previous, anchor);\n      if (before > 0) this.zoomBy(distance(next, anchor) / before);\n    } else if (others.length === 0) {\n      this.panBy(next.x - previous.x, next.y - previous.y);\n    }\n    this.pointers.set(event.pointerId, next);\n  };\n\n  protected onPointerUp = (event: PointerEvent): void => {\n    this.pointers.delete(event.pointerId);\n    this.isPanning.set(this.pointers.size > 0);\n  };\n\n  protected onWheel = (event: WheelEvent): void => {\n    if (!this.source()) return;\n    event.preventDefault();\n    this.zoomBy(Math.exp(-event.deltaY * WHEEL_ZOOM_RATE));\n  };\n\n  protected onZoom = (percent: string): void => {\n    const zoom = Number(percent) / 100;\n    if (!Number.isFinite(zoom)) return;\n    this.updateFraming((framing) => ({ ...framing, zoom }));\n  };\n\n  protected apply = async (): Promise<void> => {\n    const bitmap = this.source();\n    const image = this.imageSize();\n    const output = this.output();\n    if (!bitmap || !image || !output || this.isApplying()) return;\n    this.isApplying.set(true);\n    try {\n      const rect = cropRect(image, this.aspect(), this.framing());\n      const blob = await encodeFramed(drawFramed(bitmap, rect, output));\n      const original = this.file();\n      this.settle({\n        file: new File([blob], renameForType(original.name, blob.type), {\n          type: blob.type,\n          lastModified: Date.now(),\n        }),\n      });\n    } catch {\n      this.settle({ unreadable: true });\n    }\n  };\n\n  /** Screen pixels dragged, moved into source pixels at the current scale. */\n  private panBy = (dx: number, dy: number): void => {\n    const image = this.imageSize();\n    const stage = this.stageWidth();\n    if (!image || !stage) return;\n    const rect = cropRect(image, this.aspect(), this.framing());\n    const perPixel = rect.width / stage;\n    this.updateFraming((framing) => ({\n      ...framing,\n      cx: framing.cx - dx * perPixel,\n      cy: framing.cy - dy * perPixel,\n    }));\n  };\n\n  private zoomBy = (factor: number): void => {\n    this.updateFraming((framing) => ({\n      ...framing,\n      zoom: framing.zoom * factor,\n    }));\n  };\n\n  private updateFraming = (change: (framing: Framing) => Framing): void => {\n    const image = this.imageSize();\n    if (!image) return;\n    this.framing.update((framing) =>\n      clampFraming(image, this.aspect(), change(framing))\n    );\n  };\n\n  private settle = (result: ImageEditorResult | undefined): void => {\n    if (this.#settled) return;\n    this.#settled = true;\n    this.#modalRef.close(result);\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"magmonium-one-image-editor-oGxg59hV.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/ui/file-upload-input/image-editor.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ButtonComponent } from '../../../button/ui/button';\nimport { HeaderComponent } from '../../../header';\nimport { RangeInputComponent } from '../range/range';\nimport { InputType, RangeInput } from '../../model/input';\nimport { MODAL_REF, ModalRef } from '../../../../config/modal-ref';\nimport {\n  clampFraming,\n  cropRect,\n  drawFramed,\n  encodeFramed,\n  Framing,\n  FrameSize,\n  initialFraming,\n  MAX_ZOOM,\n  MIN_ZOOM,\n  outputSize,\n  parseRatio,\n  renameForType,\n} from './image-frame';\n\n/**\n * What an ImageEditor closes with. The framed file on an apply, `unreadable`\n * when the picture never decoded, and neither for a dismissal — a flat object\n * rather than a union, so the web-component build (no `strict`) reads it too.\n */\nexport type ImageEditorResult = { file?: File; unreadable?: boolean };\n\ntype Point = { x: number; y: number };\n\nconst WHEEL_ZOOM_RATE = 0.0015;\n\nconst distance = (a: Point, b: Point): number =>\n  Math.hypot(a.x - b.x, a.y - b.y);\n\n@Component({\n  selector: 'm-image-editor',\n  template: `\n    <div class=\"image-editor\">\n      <m-header\n        [level]=\"3\"\n        label=\"edit-image-size\"\n        [params]=\"sizeParams()\"\n      />\n      <div\n        #stage\n        class=\"image-editor__stage\"\n        [style.aspect-ratio]=\"aspect()\"\n        [style.--m-image-editor-aspect]=\"aspect()\"\n        [class.image-editor__stage--panning]=\"isPanning()\"\n        (pointerdown)=\"onPointerDown($event)\"\n        (pointermove)=\"onPointerMove($event)\"\n        (pointerup)=\"onPointerUp($event)\"\n        (pointercancel)=\"onPointerUp($event)\"\n        (wheel)=\"onWheel($event)\"\n      >\n        @if (sourceUrl(); as url) {\n          <img\n            class=\"image-editor__image\"\n            [src]=\"url\"\n            alt=\"\"\n            draggable=\"false\"\n            [style.width.px]=\"imageBox().width\"\n            [style.height.px]=\"imageBox().height\"\n            [style.transform]=\"imageBox().transform\"\n          />\n        }\n      </div>\n      <m-range\n        [config]=\"zoomConfig()\"\n        [value]=\"zoomPercent()\"\n        (valueChange)=\"onZoom($event)\"\n      />\n      <!-- asset: buttons/okay.yml. No cancel beside it: the Modal's own close\n           is the cancel, and it drops the image the same way. -->\n      <m-one-button\n        name=\"okay\"\n        label=\"apply\"\n        [disabled]=\"!source() || isApplying()\"\n        (clicked)=\"apply()\"\n      />\n    </div>\n  `,\n  imports: [ButtonComponent, HeaderComponent, RangeInputComponent],\n  styleUrl: './image-editor.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ImageEditorComponent {\n  readonly file = input.required<File>();\n  readonly ratio = input.required<string>();\n  readonly width = input.required<number>();\n\n  readonly #modalRef = inject<ModalRef<ImageEditorResult | undefined>>(MODAL_REF);\n  private readonly stage = viewChild<ElementRef<HTMLDivElement>>('stage');\n\n  protected readonly source = signal<ImageBitmap | undefined>(undefined);\n  protected readonly sourceUrl = signal<string | undefined>(undefined);\n  protected readonly isApplying = signal(false);\n  private readonly framing = signal<Framing>({ cx: 0, cy: 0, zoom: MIN_ZOOM });\n  private readonly stageWidth = signal(0);\n  private readonly pointers = new Map<number, Point>();\n  protected readonly isPanning = signal(false);\n  #settled = false;\n\n  protected readonly zoomConfig = computed<RangeInput>(() => ({\n    name: 'zoom',\n    label: 'zoom',\n    type: InputType.RANGE,\n    min: MIN_ZOOM * 100,\n    max: MAX_ZOOM * 100,\n  }));\n\n  protected readonly aspect = computed(() => parseRatio(this.ratio()) ?? 1);\n\n  private readonly output = computed<FrameSize | undefined>(() =>\n    outputSize(this.ratio(), this.width())\n  );\n\n  protected readonly sizeParams = computed(() => {\n    const size = this.output();\n    return {\n      width: String(size?.width ?? ''),\n      height: String(size?.height ?? ''),\n    };\n  });\n\n  private readonly imageSize = computed<FrameSize | undefined>(() => {\n    const bitmap = this.source();\n    return bitmap ? { width: bitmap.width, height: bitmap.height } : undefined;\n  });\n\n  protected readonly zoomPercent = computed(() =>\n    String(Math.round(this.framing().zoom * 100))\n  );\n\n  /** The whole picture laid out so the box shows exactly the crop. */\n  protected readonly imageBox = computed(() => {\n    const image = this.imageSize();\n    const stage = this.stageWidth();\n    if (!image || !stage) return { width: 0, height: 0, transform: 'none' };\n    const rect = cropRect(image, this.aspect(), this.framing());\n    const scale = stage / rect.width;\n    return {\n      width: image.width * scale,\n      height: image.height * scale,\n      transform: `translate(${-rect.x * scale}px, ${-rect.y * scale}px)`,\n    };\n  });\n\n  private readonly load = effect((onCleanup) => {\n    const file = this.file();\n    let cancelled = false;\n    const url = URL.createObjectURL(file);\n    this.sourceUrl.set(url);\n    // EXIF orientation applied here, so the geometry below and the <img> the\n    // stage draws agree on which way is up.\n    createImageBitmap(file, { imageOrientation: 'from-image' })\n      .then((bitmap) => {\n        if (cancelled) {\n          bitmap.close();\n          return;\n        }\n        this.framing.set(\n          initialFraming({ width: bitmap.width, height: bitmap.height })\n        );\n        this.source.set(bitmap);\n      })\n      .catch(() => {\n        if (!cancelled) this.settle({ unreadable: true });\n      });\n    onCleanup(() => {\n      cancelled = true;\n      URL.revokeObjectURL(url);\n      this.source()?.close();\n    });\n  });\n\n  private readonly measure = effect((onCleanup) => {\n    const stage = this.stage()?.nativeElement;\n    if (!stage) return;\n    this.stageWidth.set(stage.clientWidth);\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(([entry]) =>\n      this.stageWidth.set(entry.contentRect.width)\n    );\n    observer.observe(stage);\n    onCleanup(() => observer.disconnect());\n  });\n\n  // The Modal's own close affordance destroys the body without a word, and a\n  // dismissal is a cancel: whoever opened the editor is still waiting.\n  private readonly reportDismissal = inject(DestroyRef).onDestroy(() =>\n    this.settle(undefined)\n  );\n\n  protected onPointerDown = (event: PointerEvent): void => {\n    if (!this.source()) return;\n    (event.currentTarget as HTMLElement).setPointerCapture?.(event.pointerId);\n    this.pointers.set(event.pointerId, { x: event.clientX, y: event.clientY });\n    this.isPanning.set(true);\n  };\n\n  protected onPointerMove = (event: PointerEvent): void => {\n    const previous = this.pointers.get(event.pointerId);\n    if (!previous) return;\n    const next = { x: event.clientX, y: event.clientY };\n    const others = [...this.pointers.entries()].filter(\n      ([id]) => id !== event.pointerId\n    );\n    if (others.length === 1) {\n      // Pinch: the gap between two fingers is the zoom.\n      const anchor = others[0][1];\n      const before = distance(previous, anchor);\n      if (before > 0) this.zoomBy(distance(next, anchor) / before);\n    } else if (others.length === 0) {\n      this.panBy(next.x - previous.x, next.y - previous.y);\n    }\n    this.pointers.set(event.pointerId, next);\n  };\n\n  protected onPointerUp = (event: PointerEvent): void => {\n    this.pointers.delete(event.pointerId);\n    this.isPanning.set(this.pointers.size > 0);\n  };\n\n  protected onWheel = (event: WheelEvent): void => {\n    if (!this.source()) return;\n    event.preventDefault();\n    this.zoomBy(Math.exp(-event.deltaY * WHEEL_ZOOM_RATE));\n  };\n\n  protected onZoom = (percent: string): void => {\n    const zoom = Number(percent) / 100;\n    if (!Number.isFinite(zoom)) return;\n    this.updateFraming((framing) => ({ ...framing, zoom }));\n  };\n\n  protected apply = async (): Promise<void> => {\n    const bitmap = this.source();\n    const image = this.imageSize();\n    const output = this.output();\n    if (!bitmap || !image || !output || this.isApplying()) return;\n    this.isApplying.set(true);\n    try {\n      const rect = cropRect(image, this.aspect(), this.framing());\n      const blob = await encodeFramed(drawFramed(bitmap, rect, output));\n      const original = this.file();\n      this.settle({\n        file: new File([blob], renameForType(original.name, blob.type), {\n          type: blob.type,\n          lastModified: Date.now(),\n        }),\n      });\n    } catch {\n      this.settle({ unreadable: true });\n    }\n  };\n\n  /** Screen pixels dragged, moved into source pixels at the current scale. */\n  private panBy = (dx: number, dy: number): void => {\n    const image = this.imageSize();\n    const stage = this.stageWidth();\n    if (!image || !stage) return;\n    const rect = cropRect(image, this.aspect(), this.framing());\n    const perPixel = rect.width / stage;\n    this.updateFraming((framing) => ({\n      ...framing,\n      cx: framing.cx - dx * perPixel,\n      cy: framing.cy - dy * perPixel,\n    }));\n  };\n\n  private zoomBy = (factor: number): void => {\n    this.updateFraming((framing) => ({\n      ...framing,\n      zoom: framing.zoom * factor,\n    }));\n  };\n\n  private updateFraming = (change: (framing: Framing) => Framing): void => {\n    const image = this.imageSize();\n    if (!image) return;\n    this.framing.update((framing) =>\n      clampFraming(image, this.aspect(), change(framing))\n    );\n  };\n\n  private settle = (result: ImageEditorResult | undefined): void => {\n    if (this.#settled) return;\n    this.#settled = true;\n    this.#modalRef.close(result);\n  };\n}\n"],"mappings":";;;;;;;;AAyCA,MAAM,kBAAkB;AAExB,MAAM,YAAY,GAAU,MAC1B,KAAK,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AAsDjC,IAAa,uBAAb,MAAa,qBAAoB;CACtB,OAAO,MAAM,SAAgB,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAC7B,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAEhC,YAAY,OAAgD,SAAS;CAC7D,QAAQ,UAAsC,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAEpD,SAAS,OAAgC,QAAU,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CACnD,YAAY,OAA2B,QAAU,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CACjD,aAAa,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAC5B,UAAU,OAAgB;EAAE,IAAI;EAAG,IAAI;EAAG,MAAA;CAAc,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC3D,aAAa,OAAO,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CACtB,2BAAW,IAAI,IAAG;CAChB,YAAY,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAC5C,WAAW;CAEQ,aAAa,gBAA4B;EAC1D,MAAM;EACN,OAAO;EACP,MAAM,UAAU;EAChB,KAAA;EACA,KAAA;CACD,IAAE,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAEgB,SAAS,eAAe,WAAW,KAAK,MAAK,CAAE,KAAK,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAExD,SAAS,eACxB,WAAW,KAAK,MAAK,GAAI,KAAK,MAAK,CAAE,GACtC,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAEkB,aAAa,eAAc;EAC5C,MAAM,OAAO,KAAK,OAAM;EACxB,OAAO;GACL,OAAO,OAAO,MAAM,SAAS,EAAE;GAC/B,QAAQ,OAAO,MAAM,UAAU,EAAE;EAClC;CACH,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAEe,YAAY,eAAqC;EAChE,MAAM,SAAS,KAAK,OAAM;EAC1B,OAAO,SAAS;GAAE,OAAO,OAAO;GAAO,QAAQ,OAAO;EAAM,IAAK;CACnE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,cAAc,eAC/B,OAAO,KAAK,MAAM,KAAK,QAAO,CAAE,CAAC,OAAO,GAAG,CAAC,GAC7C,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAGkB,WAAW,eAAc;EAC1C,MAAM,QAAQ,KAAK,UAAS;EAC5B,MAAM,QAAQ,KAAK,WAAU;EAC7B,IAAI,CAAC,SAAS,CAAC,OAAO,OAAO;GAAE,OAAO;GAAG,QAAQ;GAAG,WAAW;EAAM;EACrE,MAAM,OAAO,SAAS,OAAO,KAAK,OAAM,GAAI,KAAK,QAAO,CAAE;EAC1D,MAAM,QAAQ,QAAQ,KAAK;EAC3B,OAAO;GACL,OAAO,MAAM,QAAQ;GACrB,QAAQ,MAAM,SAAS;GACvB,WAAW,aAAa,CAAC,KAAK,IAAI,MAAK,MAAO,CAAC,KAAK,IAAI,MAAK;EAC9D;CACH,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAEe,OAAO,QAAQ,cAAa;EAC3C,MAAM,OAAO,KAAK,KAAI;EACtB,IAAI,YAAY;EAChB,MAAM,MAAM,IAAI,gBAAgB,IAAI;EACpC,KAAK,UAAU,IAAI,GAAG;EAGtB,kBAAkB,MAAM,EAAE,kBAAkB,aAAY,CAAE,CAAC,CACxD,MAAM,WAAU;GACf,IAAI,WAAW;IACb,OAAO,MAAK;IACZ;GACF;GACA,KAAK,QAAQ,IACX,eAAe;IAAE,OAAO,OAAO;IAAO,QAAQ,OAAO;GAAM,CAAE,CAAC;GAEhE,KAAK,OAAO,IAAI,MAAM;EACxB,CAAC,CAAC,CACD,YAAW;GACV,IAAI,CAAC,WAAW,KAAK,OAAO,EAAE,YAAY,KAAI,CAAE;EAClD,CAAC;EACH,gBAAe;GACb,YAAY;GACZ,IAAI,gBAAgB,GAAG;GACvB,KAAK,OAAM,CAAE,EAAE,MAAK;EACtB,CAAC;CACH,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAEe,UAAU,QAAQ,cAAa;EAC9C,MAAM,QAAQ,KAAK,MAAK,CAAE,EAAE;EAC5B,IAAI,CAAC,OAAO;EACZ,KAAK,WAAW,IAAI,MAAM,WAAW;EACrC,IAAI,OAAO,mBAAmB,aAAa;EAC3C,MAAM,WAAW,IAAI,gBAAgB,CAAC,WACpC,KAAK,WAAW,IAAI,MAAM,YAAY,KAAK,CAAC;EAE9C,SAAS,QAAQ,KAAK;EACtB,gBAAgB,SAAS,WAAU,CAAE;CACvC,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAIe,kBAAkB,OAAO,UAAU,CAAC,CAAC,gBACpD,KAAK,OAAO,MAAS,CAAC;CAGd,iBAAiB,UAA6B;EACtD,IAAI,CAAC,KAAK,OAAM,GAAI;EACnB,MAAM,cAA8B,oBAAoB,MAAM,SAAS;EACxE,KAAK,SAAS,IAAI,MAAM,WAAW;GAAE,GAAG,MAAM;GAAS,GAAG,MAAM;EAAO,CAAE;EACzE,KAAK,UAAU,IAAI,IAAI;CACzB;CAEU,iBAAiB,UAA6B;EACtD,MAAM,WAAW,KAAK,SAAS,IAAI,MAAM,SAAS;EAClD,IAAI,CAAC,UAAU;EACf,MAAM,OAAO;GAAE,GAAG,MAAM;GAAS,GAAG,MAAM;EAAO;EACjD,MAAM,SAAS,CAAC,GAAG,KAAK,SAAS,QAAO,CAAE,CAAC,CAAC,QACzC,CAAC,QAAQ,OAAO,MAAM,SAAS;EAElC,IAAI,OAAO,WAAW,GAAG;GAEvB,MAAM,SAAS,OAAO,EAAE,CAAC;GACzB,MAAM,SAAS,SAAS,UAAU,MAAM;GACxC,IAAI,SAAS,GAAG,KAAK,OAAO,SAAS,MAAM,MAAM,IAAI,MAAM;EAC7D,OAAO,IAAI,OAAO,WAAW,GAC3B,KAAK,MAAM,KAAK,IAAI,SAAS,GAAG,KAAK,IAAI,SAAS,CAAC;EAErD,KAAK,SAAS,IAAI,MAAM,WAAW,IAAI;CACzC;CAEU,eAAe,UAA6B;EACpD,KAAK,SAAS,OAAO,MAAM,SAAS;EACpC,KAAK,UAAU,IAAI,KAAK,SAAS,OAAO,CAAC;CAC3C;CAEU,WAAW,UAA2B;EAC9C,IAAI,CAAC,KAAK,OAAM,GAAI;EACpB,MAAM,eAAc;EACpB,KAAK,OAAO,KAAK,IAAI,CAAC,MAAM,SAAS,eAAe,CAAC;CACvD;CAEU,UAAU,YAAyB;EAC3C,MAAM,OAAO,OAAO,OAAO,IAAI;EAC/B,IAAI,CAAC,OAAO,SAAS,IAAI,GAAG;EAC5B,KAAK,eAAe,aAAa;GAAE,GAAG;GAAS;EAAI,EAAG;CACxD;CAEU,QAAQ,YAA0B;EAC1C,MAAM,SAAS,KAAK,OAAM;EAC1B,MAAM,QAAQ,KAAK,UAAS;EAC5B,MAAM,SAAS,KAAK,OAAM;EAC1B,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU,KAAK,WAAU,GAAI;EACvD,KAAK,WAAW,IAAI,IAAI;EACxB,IAAI;GACF,MAAM,OAAO,SAAS,OAAO,KAAK,OAAM,GAAI,KAAK,QAAO,CAAE;GAC1D,MAAM,OAAO,MAAM,aAAa,WAAW,QAAQ,MAAM,MAAM,CAAC;GAChE,MAAM,WAAW,KAAK,KAAI;GAC1B,KAAK,OAAO,EACV,MAAM,IAAI,KAAK,CAAC,IAAI,GAAG,cAAc,SAAS,MAAM,KAAK,IAAI,GAAG;IAC9D,MAAM,KAAK;IACX,cAAc,KAAK,IAAG;GACvB,CAAA,EACF,CAAA;EACH,QAAQ;GACN,KAAK,OAAO,EAAE,YAAY,KAAI,CAAE;EAClC;CACF;CAGQ,SAAS,IAAY,OAAoB;EAC/C,MAAM,QAAQ,KAAK,UAAS;EAC5B,MAAM,QAAQ,KAAK,WAAU;EAC7B,IAAI,CAAC,SAAS,CAAC,OAAO;EAEtB,MAAM,WADO,SAAS,OAAO,KAAK,OAAM,GAAI,KAAK,QAAO,CACvC,CAAA,CAAK,QAAQ;EAC9B,KAAK,eAAe,aAAa;GAC/B,GAAG;GACH,IAAI,QAAQ,KAAK,KAAK;GACtB,IAAI,QAAQ,KAAK,KAAK;EACvB,EAAC;CACJ;CAEQ,UAAU,WAAwB;EACxC,KAAK,eAAe,aAAa;GAC/B,GAAG;GACH,MAAM,QAAQ,OAAO;EACtB,EAAC;CACJ;CAEQ,iBAAiB,WAA+C;EACtE,MAAM,QAAQ,KAAK,UAAS;EAC5B,IAAI,CAAC,OAAO;EACZ,KAAK,QAAQ,QAAQ,YACnB,aAAa,OAAO,KAAK,OAAM,GAAI,OAAO,OAAO,CAAC,CAAC;CAEvD;CAEQ,UAAU,WAA+C;EAC/D,IAAI,KAAK,UAAU;EACnB,KAAK,WAAW;EAChB,KAAK,UAAU,MAAM,MAAM;CAC7B;CA5MW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAoB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,aAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAAA,CAAA,OAAA;GAAA,aAAA;GAAA,UAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UAlDrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CT,UAAA;EAAA,QAAA,CAAA,0wBAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MACS;IAAe,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,gBAAA,SAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAe,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;IAAA,SAAA,CAAA,aAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAmB,UAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAIpD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EApDhC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAgB,UAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CT,SACQ;IAAC;IAAiB;IAAiB;GAAmB;GAAC,iBAE/C,wBAAwB;GAAM,QAAA,CAAA,0wBAAA;EAAA,CAAA;CAQgB,CAAA;CAAA,gBAAA;EAAA,MAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,SAAO,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}

package/fesm2022/{magmonium-one-menu-EIfPlZ4E.mjs → magmonium-one-menu-bI7lVUYI.mjs}

@@ -1,8 +1,8 @@
 import { K as NAV_STORE_REF, c as TranslatePipe, rt as Assets, v as HttpService } from "./magmonium-one-size-converter-C5fG_dgw.mjs";
 import { t as SelectorDirective } from "./magmonium-one-selector-DeRIUUBA.mjs";
-import { r as IconComponent } from "./magmonium-one-icon-BTPHGpEN.mjs";
+import { r as IconComponent } from "./magmonium-one-icon-BgbtOdMv.mjs";
 import { r as ConfigComponent } from "./magmonium-one-attribute-value-DCTXt4Sr.mjs";
-import { t as ButtonComponent } from "./magmonium-one-button-BWB3ZKIj.mjs";
+import { t as ButtonComponent } from "./magmonium-one-button-BZQOf-Pm.mjs";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, ElementRef, afterRenderEffect, computed, inject, input, inputBinding, model, output, outputBinding, signal, untracked, viewChild } from "@angular/core";
 import { of } from "rxjs";
@@ -238,7 +238,8 @@ var MenuComponent = class MenuComponent {
 				"size",
 				"one",
 				"baseUrl",
-				"remote"
+				"remote",
+				"shadow"
 			],
 			outputs: ["configChange"]
 		}, {
@@ -884,4 +885,4 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { ContextMenuBoxComponent as n, MenuComponent as r, ContextMenuComponent as t };
 
-//# sourceMappingURL=magmonium-one-menu-EIfPlZ4E.mjs.map
+//# sourceMappingURL=magmonium-one-menu-bI7lVUYI.mjs.map