@magmonium/one 0.4.41 → 0.4.43

package/fesm2022/{magmonium-one-color-utl-D86GGpz5.mjs → magmonium-one-color-utl-DI5p24iQ.mjs}

@@ -1,6 +1,6 @@
-import { P as ASSET_BASE_URL, p as AssetStore, q as ONE_ASSET_BASE_URL } from "./magmonium-one-size-converter-C5fG_dgw.mjs";
+import { N as APP_LINK, P as ASSET_BASE_URL, p as AssetStore, q as ONE_ASSET_BASE_URL } from "./magmonium-one-size-converter-BOBD8nHy.mjs";
 import * as i0 from "@angular/core";
-import { DOCUMENT, Injectable, computed, inject, signal } from "@angular/core";
+import { DOCUMENT, Injectable, InjectionToken, computed, inject, signal } from "@angular/core";
 import { catchError, forkJoin, map, of, pipe, tap } from "rxjs";
 import { patchState, signalStore, withComputed, withHooks, withMethods, withState } from "@ngrx/signals";
 import { rxMethod } from "@ngrx/signals/rxjs-interop";
@@ -109,6 +109,202 @@ const initialState = {
 	sources: [],
 	isReady: false
 };
+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 mixAppColor = (color, toward, amount) => `#${channels(color).map((channel) => Math.round(channel + (toward - channel) * amount).toString(16).padStart(2, "0")).join("")}`;
+const appLogoShadowColor = (color) => mixAppColor(color, 0, .2);
+const appColorBrand = (color) => ({
+	mm: color,
+	mmLite: mixAppColor(color, 255, .35),
+	mmDark: mixAppColor(color, 0, .2)
+});
+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 AppLogoState = class AppLogoState {
+	#source = signal(void 0, ...ngDevMode ? [{ debugName: "#source" }] : /* istanbul ignore next */ []);
+	#logos = signal({}, ...ngDevMode ? [{ debugName: "#logos" }] : /* istanbul ignore next */ []);
+	source = this.#source.asReadonly();
+	logos = this.#logos.asReadonly();
+	set = (source) => this.#source.set(source);
+	setLogos = (logos) => this.#logos.set(logos);
+	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: () => {
+		const state = inject(AppLogoState);
+		const assets = inject(AssetStore);
+		return computed(() => {
+			const link = assets.appLink();
+			const own = link ? state.logos()[link] : void 0;
+			return own && own.glyph !== void 0 ? own : state.source();
+		});
+	}
+});
+const APP_THEME_COLOR = new InjectionToken("APP_THEME_COLOR", {
+	providedIn: "root",
+	factory: () => signal(void 0)
+});
+const appThemeColorFactory = () => {
+	const state = inject(AppLogoState);
+	const appLink = inject(APP_LINK);
+	const assets = inject(AssetStore);
+	return computed(() => {
+		const link = appLink() ?? assets.appLink();
+		const color = link ? state.logos()[link]?.color : void 0;
+		return color ? normalizeAppColor(color) : void 0;
+	});
+};
+const BRAND_VARS = [
+	["mm", "--m-mm"],
+	["mmLite", "--m-mm-lite"],
+	["mmDark", "--m-mm-dark"]
+];
+const paintAppColor = (element, color) => {
+	const brand = color ? appColorBrand(color) : void 0;
+	for (const [key, cssVar] of BRAND_VARS) if (brand) element.style.setProperty(cssVar, brand[key]);
+	else element.style.removeProperty(cssVar);
+};
 function toThemeCssVar(key) {
 	return "--m-" + key.replace(/([A-Z])/g, "-$1").toLowerCase();
 }
@@ -117,7 +313,7 @@ function applyThemeVars(colors, target) {
 		target.style.setProperty(toThemeCssVar(key), value);
 	});
 }
-const ThemeStore = signalStore({ providedIn: "root" }, withState(initialState), withComputed((state, themeDetector = inject(ThemeDetector)) => {
+const ThemeStore = signalStore({ providedIn: "root" }, withState(initialState), withComputed((state, themeDetector = inject(ThemeDetector), appColor = inject(APP_THEME_COLOR)) => {
 	const osTheme = computed(themeDetector.osTheme, ...ngDevMode ? [{ debugName: "osTheme" }] : /* istanbul ignore next */ []);
 	const theme = computed(() => {
 		const themeMap = state.themeMap();
@@ -126,7 +322,14 @@ const ThemeStore = signalStore({ providedIn: "root" }, withState(initialState),
 	}, ...ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []);
 	return {
 		theme,
-		color: computed(() => theme()?.color, ...ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []),
+		color: computed(() => {
+			const themeColor = theme()?.color;
+			const app = appColor();
+			return themeColor && app ? {
+				...themeColor,
+				...appColorBrand(app)
+			} : themeColor;
+		}, ...ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []),
 		osTheme
 	};
 }), withMethods((state, themeDataService = inject(ThemeDataService), document = inject(DOCUMENT), themeDetector = inject(ThemeDetector), oneAssetBaseUrl = inject(ONE_ASSET_BASE_URL, { optional: true }) || "/assets/one", assetBaseUrl = inject(ASSET_BASE_URL, { optional: true }) || "/assets") => {
@@ -444,6 +647,6 @@ function applyColorsToElement(inputColor = "mm", themeColors, element) {
 	element.style.setProperty(oppositeProp, oppositeColor);
 	return pallet;
 }
-export { calculateLuminance as a, hexToRgb as c, derivePropertyName as d, getProperty as f, ThemeDataService as h, deriveOppositeColor as i, hslToRgb as l, ThemeStore as m, resolvePallet as n, rgbToHex as o, setProperty as p, deriveContrastColor as r, rgbToHsl as s, applyColorsToElement as t, parseColor as u };
+export { isLightAppColor as C, ThemeDataService as D, rebuildLogoGlyph as E, appLogoShadowColor as S, normalizeAppColor as T, AppLogoState as _, calculateLuminance as a, LOGO_GLYPH_MAX_BYTES as b, hexToRgb as c, derivePropertyName as d, getProperty as f, APP_THEME_COLOR as g, APP_LOGO_SOURCE as h, deriveOppositeColor as i, hslToRgb as l, ThemeStore as m, resolvePallet as n, rgbToHex as o, setProperty as p, deriveContrastColor as r, rgbToHsl as s, applyColorsToElement as t, parseColor as u, appThemeColorFactory as v, logoGlyphMaskUrl as w, appColorBrand as x, paintAppColor as y };
 
-//# sourceMappingURL=magmonium-one-color-utl-D86GGpz5.mjs.map
+//# sourceMappingURL=magmonium-one-color-utl-DI5p24iQ.mjs.map

package/fesm2022/magmonium-one-color-utl-DI5p24iQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-color-utl-DI5p24iQ.mjs","names":["map","switchMap"],"sources":["../../../../libs/one/src/lib/shared/lib/theme/api/theme-data.ts","../../../../libs/one/src/lib/shared/lib/theme/lib/theme-detector.ts","../../../../libs/one/src/lib/shared/lib/theme/type/state.ts","../../../../libs/one/src/lib/shared/lib/app-identity/logo-glyph.ts","../../../../libs/one/src/lib/shared/lib/app-identity/app-logo-source.ts","../../../../libs/one/src/lib/shared/lib/theme/lib/theme-store.ts","../../../../libs/one/src/lib/shared/functions/css/property-names.ts","../../../../libs/one/src/lib/shared/functions/color/parsers.ts","../../../../libs/one/src/lib/shared/functions/color/converters.ts","../../../../libs/one/src/lib/shared/functions/color/operations.ts","../../../../libs/one/src/lib/shared/lib/theme/lib/color-utl.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { catchError, forkJoin, map, of } from 'rxjs';\nimport { Theme, ThemeList } from '@magmonium/cli';\nimport { AssetStore } from '../../../stores/asset.store';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ThemeDataService {\n  private readonly assetStore = inject(AssetStore);\n\n  public fetchThemeList = (source: 'one' | 'host') =>\n    this.assetStore\n      .resolve<ThemeList>('theme', 'theme', source === 'one')\n      .pipe(catchError(() => of(<ThemeList>[])));\n\n  public fetchThemes = () =>\n    forkJoin({\n      one: this.fetchThemeList('one'),\n      local: this.fetchThemeList('host'),\n    }).pipe(\n      map(({ one, local }) => {\n        const themeMap: Record<string, Theme & { sources: string[] }> = {};\n\n        const processList = (list: ThemeList, sourceKey: string) => {\n          if (!list || !Array.isArray(list)) return;\n          list.forEach((t) => {\n            const name = t.name || t.fileName;\n            if (name) {\n              if (themeMap[name]) {\n                if (!themeMap[name].sources.includes(sourceKey)) {\n                  themeMap[name].sources.push(sourceKey);\n                }\n              } else {\n                themeMap[name] = { ...t, sources: [sourceKey] } as Theme & {\n                  sources: string[];\n                };\n              }\n            }\n          });\n        };\n\n        processList(one, 'one');\n        processList(local, 'host');\n\n        return themeMap;\n      })\n    );\n\n  public fetchTheme = (theme: Theme, isOne = false) =>\n    theme.fileName\n      ? this.assetStore\n          .resolve<Theme>('theme', theme.fileName, isOne)\n          .pipe(map((data: Theme) => ({ ...theme, ...data })))\n      : of(theme);\n}\n","import { Injectable, signal } from '@angular/core';\nimport { OsTheme } from '../type/state';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ThemeDetector {\n  public readonly osTheme = signal<OsTheme>('dark');\n  private mediaQueryList!: MediaQueryList;\n\n  public onInit(): void {\n    this.mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');\n    this.osTheme.set(this.mediaQueryList.matches ? 'dark' : 'light');\n    this.mediaQueryList.addEventListener('change', this.listener);\n  }\n\n  public onDestroy(): void {\n    this.mediaQueryList.removeEventListener('change', this.listener);\n  }\n\n  private listener = (event: MediaQueryListEvent) => {\n    this.osTheme.set(event.matches ? 'dark' : 'light');\n  };\n}\n","import { Theme } from '@magmonium/cli';\n\nexport type OsTheme = 'light' | 'dark';\n\nexport type ThemeState = {\n  themeMap: Record<string, Theme>;\n  selected: string | undefined;\n  userAdopted: true | undefined;\n  // The theme the app declares it boots with — `theme:` on its\n  // WebComponentConfig, read out of `app-wc.json` at bootstrap. Stands in for\n  // the OS auto-match rather than for the person's own pick: `userAdopted`\n  // still wins, and an app that declares nothing keeps the OS behaviour.\n  configDefault: string | undefined;\n  sources: string[];\n  isReady: boolean;\n};\n\nexport const initialState: ThemeState = {\n  themeMap: {},\n  selected: 'light',\n  userAdopted: undefined,\n  configDefault: undefined,\n  sources: [],\n  isReady: false,\n};\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/** App Color moved `amount` of the way toward white (255) or black (0). */\nconst mixAppColor = (color: string, toward: 0 | 255, amount: number): string =>\n  `#${channels(color)\n    .map((channel) =>\n      Math.round(channel + (toward - channel) * amount)\n        .toString(16)\n        .padStart(2, '0')\n    )\n    .join('')}`;\n\n/** The AppLogo's shadow: App Color mixed with 20% black. */\nexport const appLogoShadowColor = (color: string): string =>\n  mixAppColor(color, 0, 0.2);\n\n/**\n * The theme's brand tokens (`mm`, `mmLite`, `mmDark`) as one App Color draws\n * them — what an app's own boundary paints its `mm` with in place of the\n * theme's.\n */\nexport const appColorBrand = (\n  color: string\n): { mm: string; mmLite: string; mmDark: string } => ({\n  mm: color,\n  mmLite: mixAppColor(color, 255, 0.35),\n  mmDark: mixAppColor(color, 0, 0.2),\n});\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  computed,\n  inject,\n  Injectable,\n  InjectionToken,\n  Signal,\n  signal,\n} from '@angular/core';\nimport { AssetStore } from '../../stores/asset.store';\nimport { APP_LINK } from '../../config/tokens';\nimport { appColorBrand, normalizeAppColor } from './logo-glyph';\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  /** App Color, `#rrggbb`, as Store holds it; null until the Owner sets one. */\n  color?: string | null;\n};\n\n/**\n * Where NavStore publishes the AppLogo. Shared rather than read off NavStore\n * because `m-icon` sits below features and cannot import it — and handed to a\n * mounted WC through SharedStoreRegistry, since a WC reads the host's NavStore.\n * `logos` is every app NavStore knows the identity of, by AppLink: a host may\n * mount several at once, so each WC looks up its own. `source` is the fallback.\n */\n@Injectable({ providedIn: 'root' })\nexport class AppLogoState {\n  readonly #source = signal<AppLogoSource | undefined>(undefined);\n  readonly #logos = signal<Record<string, AppLogoSource>>({});\n  readonly source = this.#source.asReadonly();\n  readonly logos = this.#logos.asReadonly();\n  readonly set = (source: AppLogoSource | undefined): void =>\n    this.#source.set(source);\n  readonly setLogos = (logos: Record<string, AppLogoSource>): void =>\n    this.#logos.set(logos);\n}\n\n/**\n * What `m-icon name=\"app_logo\"` draws: this app's own entry, by the AppLink\n * AssetStore holds (a mounted WC's, from `bindApp`), else the fallback. 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: () => {\n    const state = inject(AppLogoState);\n    const assets = inject(AssetStore);\n    return computed(() => {\n      const link = assets.appLink();\n      const own = link ? state.logos()[link] : undefined;\n      // An entry with no `glyph` key carries only an Open App's App Color:\n      // its logo is the host's, so it falls back like an unknown app.\n      return own && own.glyph !== undefined ? own : state.source();\n    });\n  },\n});\n\n/**\n * This app's App Color, which its own boundary paints as the theme's `mm`\n * (ThemeStore `color`). Unset at the host's root, so the host's chrome keeps\n * the theme's brand; a WC and a standalone Run provide it from\n * `appThemeColorFactory`. Unset too while the Owner has set none, and the\n * theme's own `mm` stands.\n */\nexport const APP_THEME_COLOR = new InjectionToken<Signal<string | undefined>>(\n  'APP_THEME_COLOR',\n  { providedIn: 'root', factory: () => signal<string | undefined>(undefined) }\n);\n\n/** This app's App Color off the identities NavStore publishes, by its AppLink. */\nexport const appThemeColorFactory = (): Signal<string | undefined> => {\n  const state = inject(AppLogoState);\n  const appLink = inject(APP_LINK);\n  const assets = inject(AssetStore);\n  return computed(() => {\n    const link = appLink() ?? assets.appLink();\n    const color = link ? state.logos()[link]?.color : undefined;\n    return color ? normalizeAppColor(color) : undefined;\n  });\n};\n\nconst BRAND_VARS = [\n  ['mm', '--m-mm'],\n  ['mmLite', '--m-mm-lite'],\n  ['mmDark', '--m-mm-dark'],\n] as const;\n\n/**\n * Paints an App Color's brand tokens onto the element that bounds the app —\n * every `m.$mm` inside it reads them — or clears them, leaving the theme's.\n */\nexport const paintAppColor = (\n  element: HTMLElement,\n  color: string | undefined\n): void => {\n  const brand = color ? appColorBrand(color) : undefined;\n  for (const [key, cssVar] of BRAND_VARS) {\n    if (brand) element.style.setProperty(cssVar, brand[key]);\n    else element.style.removeProperty(cssVar);\n  }\n};\n","import {\n  patchState,\n  signalStore,\n  withComputed,\n  withHooks,\n  withMethods,\n  withState,\n} from '@ngrx/signals';\nimport { computed, DOCUMENT, inject } from '@angular/core';\nimport { ThemeDataService } from '../api/theme-data';\nimport { rxMethod } from '@ngrx/signals/rxjs-interop';\nimport { forkJoin, of, pipe, tap, catchError } from 'rxjs';\nimport { switchMap, map } from 'rxjs/operators';\nimport { Theme } from '@magmonium/cli';\nimport { ThemeDetector } from './theme-detector';\nimport { initialState } from '../type/state';\nimport { ASSET_BASE_URL, ONE_ASSET_BASE_URL } from '../../../config/tokens';\nimport { APP_THEME_COLOR } from '../../app-identity/app-logo-source';\nimport { appColorBrand } from '../../app-identity/logo-glyph';\n\nfunction toThemeCssVar(key: string): string {\n  return '--m-' + key.replace(/([A-Z])/g, '-$1').toLowerCase();\n}\n\nfunction applyThemeVars(\n  colors: Record<string, string>,\n  target: HTMLElement\n): void {\n  Object.entries(colors).forEach(([key, value]) => {\n    target.style.setProperty(toThemeCssVar(key), value);\n  });\n}\n\nexport const ThemeStore = signalStore(\n  { providedIn: 'root' },\n  withState(initialState),\n  withComputed(\n    (\n      state,\n      themeDetector = inject(ThemeDetector),\n      appColor = inject(APP_THEME_COLOR)\n    ) => {\n      const osTheme = computed(themeDetector.osTheme);\n      const theme = computed<Theme | undefined>(() => {\n        const themeMap = state.themeMap();\n        const selected = state.selected();\n        return selected ? themeMap[selected] : undefined;\n      });\n      // Inside an app's own boundary its App Color is the brand: every `mm` a\n      // component resolves here draws it. Only the JS read — `renderTheme`\n      // paints the raw theme, since a WC's document root is the host's.\n      const color = computed(() => {\n        const themeColor = theme()?.color;\n        const app = appColor();\n        return themeColor && app\n          ? { ...themeColor, ...appColorBrand(app) }\n          : themeColor;\n      });\n      return {\n        theme,\n        color,\n        osTheme,\n      };\n    }\n  ),\n  withMethods(\n    (\n      state,\n      themeDataService = inject(ThemeDataService),\n      document = inject(DOCUMENT),\n      themeDetector = inject(ThemeDetector),\n      oneAssetBaseUrl = inject(ONE_ASSET_BASE_URL, { optional: true }) ||\n        '/assets/one',\n      assetBaseUrl = inject(ASSET_BASE_URL, { optional: true }) || '/assets'\n    ) => {\n      const renderTheme = (colors: Record<string, string>) => {\n        applyThemeVars(colors, document.documentElement);\n      };\n\n      const normalizeThemeSources = (\n        themeMap: Record<string, Theme & { sources: string[] }>\n      ) => {\n        const normalized: Record<string, Theme & { sources: string[] }> = {};\n        for (const [name, theme] of Object.entries(themeMap)) {\n          normalized[name] = {\n            ...theme,\n            sources: theme.sources.map((s) =>\n              s === 'one' ? oneAssetBaseUrl : s === 'host' ? assetBaseUrl : s\n            ),\n          };\n        }\n        return normalized;\n      };\n\n      const fetchAndMergeTheme = (themeName: string) => {\n        const themeEntry = state.themeMap()[themeName] as\n          | (Theme & { sources: string[] })\n          | undefined;\n        if (!themeEntry || !themeEntry.sources.length) return of(undefined);\n\n        const requests = themeEntry.sources.map((source) =>\n          themeDataService\n            .fetchTheme(themeEntry, source === oneAssetBaseUrl)\n            .pipe(catchError(() => of(undefined)))\n        );\n\n        return forkJoin(requests).pipe(\n          map((results) => {\n            const validResults = results.filter((r) => !!r) as Theme[];\n            if (validResults.length === 0) return undefined;\n\n            const mergedColor = validResults.reduce(\n              (acc, curr) => ({\n                ...acc,\n                ...(curr.color || {}),\n              }),\n              {} as Record<string, unknown>\n            );\n\n            return {\n              ...validResults[validResults.length - 1],\n              color: mergedColor,\n              sources: themeEntry.sources,\n            } as Theme & { sources: string[] };\n          })\n        );\n      };\n\n      return {\n        /**\n         * Paints a set of DesignTokens straight onto the page without a theme\n         * behind them. What a visual editor needs to show a theme it holds in\n         * memory and has not written anywhere yet — every other path here\n         * resolves a name against an asset first, and an unsaved theme has no\n         * asset to resolve.\n         */\n        applyTheme(colors: Record<string, string>): void {\n          renderTheme(colors);\n        },\n        /**\n         * The theme the app declares it boots with (`theme:` on its\n         * WebComponentConfig). Read out of `app-wc.json` after bootstrap, so it\n         * lands either side of `init` finishing — hence both halves: it is\n         * recorded for `init` to prefer, and applied now in case `init` has\n         * already chosen the OS theme.\n         *\n         * Never overrides a person who has picked for themselves: `userAdopted`\n         * is checked here the same way `init` checks it.\n         */\n        setConfigDefault(name: string | undefined): void {\n          patchState(state, { configDefault: name });\n          if (!name || state.userAdopted()) return;\n          if (!state.themeMap()[name] || state.selected() === name) return;\n          patchState(state, { selected: name });\n          fetchAndMergeTheme(name).subscribe((fullTheme) => {\n            if (!fullTheme?.name) return;\n            patchState(state, {\n              themeMap: { ...state.themeMap(), [fullTheme.name]: fullTheme },\n              isReady: true,\n            });\n            if (fullTheme.color) {\n              renderTheme(fullTheme.color as Record<string, string>);\n            }\n          });\n        },\n        setTheme: rxMethod<string | undefined>(\n          pipe(\n            tap((selected) => patchState(state, { selected })),\n            switchMap((selected) => {\n              if (!selected) return of(undefined);\n              return fetchAndMergeTheme(selected);\n            }),\n            tap((fullTheme: (Theme & { sources: string[] }) | undefined) => {\n              if (fullTheme && fullTheme.name) {\n                patchState(state, {\n                  themeMap: {\n                    ...state.themeMap(),\n                    [fullTheme.name]: fullTheme as Theme,\n                  },\n                });\n                if (fullTheme.color) {\n                  renderTheme(fullTheme.color as Record<string, string>);\n                }\n              }\n            })\n          )\n        ),\n        addSource: rxMethod<string>(\n          pipe(\n            tap((baseUrl) => {\n              const sources = state.sources();\n              if (!sources.includes(baseUrl)) {\n                patchState(state, { sources: [...sources, baseUrl] });\n              }\n            }),\n            switchMap((baseUrl) => {\n              const source = baseUrl === oneAssetBaseUrl ? 'one' : 'host';\n              return themeDataService\n                .fetchThemeList(source)\n                .pipe(map((list) => ({ list, baseUrl })));\n            }),\n            tap(({ list, baseUrl }) => {\n              const themeMap = { ...state.themeMap() } as Record<\n                string,\n                Theme & { sources: string[] }\n              >;\n              list.forEach((t) => {\n                const name = t.name || t.fileName;\n                if (name) {\n                  if (themeMap[name]) {\n                    if (!themeMap[name].sources.includes(baseUrl)) {\n                      themeMap[name].sources.push(baseUrl);\n                    }\n                  } else {\n                    themeMap[name] = { ...t, sources: [baseUrl] } as Theme & {\n                      sources: string[];\n                    };\n                  }\n                }\n              });\n              patchState(state, {\n                themeMap: themeMap as Record<string, Theme>,\n              });\n\n              const selected = state.selected();\n              if (selected && themeMap[selected]?.sources.includes(baseUrl)) {\n                fetchAndMergeTheme(selected).subscribe(\n                  (fullTheme: (Theme & { sources: string[] }) | undefined) => {\n                    if (fullTheme && fullTheme.name) {\n                      patchState(state, {\n                        themeMap: {\n                          ...state.themeMap(),\n                          [fullTheme.name]: fullTheme as Theme,\n                        },\n                      });\n                      if (fullTheme.color) {\n                        renderTheme(fullTheme.color as Record<string, string>);\n                      }\n                    }\n                  }\n                );\n              }\n            })\n          )\n        ),\n        init$: () => {\n          return themeDataService.fetchThemes().pipe(\n            map((themeMap) =>\n              normalizeThemeSources(\n                themeMap as Record<string, Theme & { sources: string[] }>\n              )\n            ),\n            tap((themeMap) => {\n              patchState(state, {\n                themeMap: themeMap as Record<string, Theme>,\n              });\n            })\n          );\n        },\n        init: rxMethod<void>(\n          pipe(\n            switchMap(() => themeDataService.fetchThemes()),\n            map((map) =>\n              normalizeThemeSources(\n                map as Record<string, Theme & { sources: string[] }>\n              )\n            ),\n            tap((map) =>\n              patchState(state, { themeMap: map as Record<string, Theme> })\n            ),\n            switchMap((map) => {\n              if (state.userAdopted()) return of(undefined);\n              // The app's own declaration stands in for the OS auto-match, and\n              // only for it — a name naming nothing falls through to the OS\n              // rather than leaving the app unthemed.\n              const declared = state.configDefault();\n              const preferred = themeDetector.osTheme();\n              const name =\n                declared && map[declared]\n                  ? declared\n                  : preferred && map[preferred]\n                    ? preferred\n                    : Object.keys(map)[0];\n              if (!name) return of(undefined);\n              patchState(state, { selected: name });\n              return fetchAndMergeTheme(name);\n            }),\n            tap((fullTheme: (Theme & { sources: string[] }) | undefined) => {\n              if (fullTheme && fullTheme.name) {\n                patchState(state, {\n                  themeMap: {\n                    ...state.themeMap(),\n                    [fullTheme.name]: fullTheme as Theme,\n                  },\n                });\n                if (fullTheme.color) {\n                  renderTheme(fullTheme.color as Record<string, string>);\n                }\n                patchState(state, { isReady: true });\n              }\n            })\n          )\n        ),\n      };\n    }\n  ),\n  withHooks((store) => {\n    const themeDetector = inject(ThemeDetector);\n    return {\n      onInit() {\n        themeDetector.onInit();\n\n        store.init$().subscribe((map) => {\n          if (!store.userAdopted()) {\n            const declared = store.configDefault();\n            const preferred = store.osTheme();\n            const name =\n              declared && map[declared]\n                ? declared\n                : preferred && map[preferred]\n                  ? preferred\n                  : Object.keys(map)[0];\n            if (name) store.setTheme(name);\n          }\n        });\n      },\n      onDestroy() {\n        themeDetector.onDestroy();\n      },\n    };\n  })\n);\n","export type ColorPropertyType = 'color' | 'color-contrast' | 'color-opposite';\n\nexport function derivePropertyName(\n  inputString: string,\n  type: ColorPropertyType\n): string {\n  const tagName = inputString.toLowerCase();\n\n  const match = tagName.match(/^m(?:-one)?-(.+)$/);\n\n  if (match) {\n    const componentName = match[1];\n    return `--m-${componentName}-${type}`;\n  } else {\n    return `--m-${type}`;\n  }\n}\n\nexport function setProperty(\n  element: HTMLElement,\n  key: string,\n  value: string | null\n) {\n  element.style.setProperty(key, value);\n}\n\nexport function getProperty(element: HTMLElement, key: string) {\n  return getComputedStyle(element).getPropertyValue(key);\n}\n","import { RgbColor, HslColor } from './types';\n\nexport function parseColor(color: string): RgbColor | null {\n  const trimmedColor = color.trim();\n\n  // Handle hex colors\n  if (trimmedColor.startsWith('#')) {\n    return hexToRgb(trimmedColor);\n  }\n\n  // Handle rgb() colors\n  const rgbMatch = trimmedColor.match(\n    /rgb\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*\\)/\n  );\n  if (rgbMatch) {\n    return {\n      r: parseInt(rgbMatch[1], 10),\n      g: parseInt(rgbMatch[2], 10),\n      b: parseInt(rgbMatch[3], 10),\n    };\n  }\n\n  // Handle rgba() colors (ignore alpha)\n  const rgbaMatch = trimmedColor.match(\n    /rgba\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*[\\d.]+\\s*\\)/\n  );\n  if (rgbaMatch) {\n    return {\n      r: parseInt(rgbaMatch[1], 10),\n      g: parseInt(rgbaMatch[2], 10),\n      b: parseInt(rgbaMatch[3], 10),\n    };\n  }\n\n  // Handle hsl() colors\n  const hslMatch = trimmedColor.match(\n    /hsl\\(\\s*(\\d+)\\s*,\\s*(\\d+)%\\s*,\\s*(\\d+)%\\s*\\)/\n  );\n  if (hslMatch) {\n    const hsl: HslColor = {\n      h: parseInt(hslMatch[1], 10),\n      s: parseInt(hslMatch[2], 10),\n      l: parseInt(hslMatch[3], 10),\n    };\n    return hslToRgb(hsl);\n  }\n\n  return null;\n}\n\nexport function hexToRgb(hex: string): RgbColor | null {\n  const cleanHex = hex.replace('#', '');\n\n  if (cleanHex.length === 3) {\n    // Short hex format (e.g., #fff)\n    return {\n      r: parseInt(cleanHex[0] + cleanHex[0], 16),\n      g: parseInt(cleanHex[1] + cleanHex[1], 16),\n      b: parseInt(cleanHex[2] + cleanHex[2], 16),\n    };\n  } else if (cleanHex.length === 6) {\n    // Long hex format (e.g., #ffffff)\n    return {\n      r: parseInt(cleanHex.slice(0, 2), 16),\n      g: parseInt(cleanHex.slice(2, 4), 16),\n      b: parseInt(cleanHex.slice(4, 6), 16),\n    };\n  }\n\n  return null;\n}\n\nexport function hslToRgb(hsl: HslColor): RgbColor {\n  // Normalize HSL values - handle both integer (0-360, 0-100, 0-100) and float inputs\n  const h = (hsl.h % 360) / 360; // Ensure hue is in 0-1 range\n  const s = Math.max(0, Math.min(100, hsl.s)) / 100; // Clamp saturation to 0-100, then normalize\n  const l = Math.max(0, Math.min(100, hsl.l)) / 100; // Clamp lightness to 0-100, then normalize\n\n  const hue2rgb = (p: number, q: number, t: number): number => {\n    if (t < 0) t += 1;\n    if (t > 1) t -= 1;\n    if (t < 1 / 6) return p + (q - p) * 6 * t;\n    if (t < 1 / 2) return q;\n    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;\n    return p;\n  };\n\n  let r: number, g: number, b: number;\n\n  if (s === 0) {\n    r = g = b = l; // achromatic\n  } else {\n    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n    const p = 2 * l - q;\n    r = hue2rgb(p, q, h + 1 / 3);\n    g = hue2rgb(p, q, h);\n    b = hue2rgb(p, q, h - 1 / 3);\n  }\n\n  return {\n    r: Math.round(Math.max(0, Math.min(255, r * 255))),\n    g: Math.round(Math.max(0, Math.min(255, g * 255))),\n    b: Math.round(Math.max(0, Math.min(255, b * 255))),\n  };\n}\n","import { RgbColor, HslColor } from './types';\n\nexport function rgbToHex(rgb: RgbColor): string {\n  const toHex = (n: number) => {\n    const hex = Math.round(Math.max(0, Math.min(255, n))).toString(16);\n    return hex.length === 1 ? '0' + hex : hex;\n  };\n\n  return `#${toHex(rgb.r)}${toHex(rgb.g)}${toHex(rgb.b)}`;\n}\n\nexport function rgbToHsl(rgb: RgbColor): HslColor {\n  const r = rgb.r / 255;\n  const g = rgb.g / 255;\n  const b = rgb.b / 255;\n\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  let h = 0;\n  let s = 0;\n  const l = (max + min) / 2;\n\n  if (max !== min) {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\n    switch (max) {\n      case r:\n        h = (g - b) / d + (g < b ? 6 : 0);\n        break;\n      case g:\n        h = (b - r) / d + 2;\n        break;\n      case b:\n        h = (r - g) / d + 4;\n        break;\n    }\n    h /= 6;\n  }\n\n  return {\n    h: h * 360,\n    s: s * 100,\n    l: l * 100,\n  };\n}\n\nexport function calculateLuminance(rgb: RgbColor): number {\n  // Convert to linear RGB\n  const toLinear = (c: number): number => {\n    const normalized = c / 255;\n    return normalized <= 0.03928\n      ? normalized / 12.92\n      : Math.pow((normalized + 0.055) / 1.055, 2.4);\n  };\n\n  const r = toLinear(rgb.r);\n  const g = toLinear(rgb.g);\n  const b = toLinear(rgb.b);\n\n  // Calculate relative luminance using WCAG formula\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n}\n","import { parseColor } from './parsers';\nimport { rgbToHex, rgbToHsl, calculateLuminance } from './converters';\nimport { hslToRgb } from './parsers';\n\nexport function deriveContrastColor(color: string): string {\n  try {\n    // Input validation\n    if (!color || color.trim() === '') {\n      return '#ffffff'; // fallback to white for invalid input\n    }\n\n    const rgb = parseColor(color);\n    if (!rgb) {\n      return '#ffffff'; // fallback to white if parsing fails\n    }\n\n    // Validate RGB values\n    if (\n      rgb.r < 0 ||\n      rgb.r > 255 ||\n      rgb.g < 0 ||\n      rgb.g > 255 ||\n      rgb.b < 0 ||\n      rgb.b > 255\n    ) {\n      return '#ffffff'; // fallback to white for invalid RGB values\n    }\n\n    // Calculate relative luminance using WCAG formula\n    const luminance = calculateLuminance(rgb);\n\n    // WCAG contrast ratio threshold: use white text on dark backgrounds, black on light\n    return luminance > 0.5 ? '#000000' : '#ffffff';\n  } catch (error) {\n    console.warn('Error in deriveContrastColor:', error);\n    return '#ffffff'; // fallback to white on error\n  }\n}\n\nexport function deriveOppositeColor(color: string): string {\n  try {\n    // Input validation\n    if (!color || color.trim() === '') {\n      return color; // return original for invalid input\n    }\n\n    const rgb = parseColor(color);\n    if (!rgb) {\n      return color; // return original if parsing fails\n    }\n\n    // Validate RGB values\n    if (\n      rgb.r < 0 ||\n      rgb.r > 255 ||\n      rgb.g < 0 ||\n      rgb.g > 255 ||\n      rgb.b < 0 ||\n      rgb.b > 255\n    ) {\n      return color; // return original if invalid RGB values\n    }\n\n    const hsl = rgbToHsl(rgb);\n\n    // Rotate hue 180 degrees for complementary color\n    // Handle the floating-point hue value properly\n    const oppositeHsl = {\n      h: (hsl.h + 180) % 360,\n      s: hsl.s,\n      l: hsl.l,\n    };\n\n    const oppositeRgb = hslToRgb(oppositeHsl);\n    return rgbToHex(oppositeRgb);\n  } catch (error) {\n    console.warn('Error in deriveOppositeColor:', error);\n    return color; // return original on error\n  }\n}\n","import { ThemeColor } from '@magmonium/cli';\nimport {\n  ColorPropertyType,\n  derivePropertyName,\n} from '../../../functions/css/property-names';\nimport {\n  deriveContrastColor,\n  deriveOppositeColor,\n} from '../../../functions/color/operations';\n\nconst colorPalletMap = new Map();\n\nexport interface ColorPallet {\n  color: string;\n  contrastColor: string;\n  oppositeColor: string;\n}\n\nexport function resolvePallet(\n  currentColor: string | keyof ThemeColor,\n  themeColors?: ThemeColor\n): ColorPallet {\n  // An unset colour is `mm` *before* the theme lookup, not after: falling back\n  // afterwards leaves the literal key `mm` as the resolved colour, which is not\n  // a CSS colour — the element then keeps whatever it painted last, and picking\n  // `default` in a colour dropdown reads as the change not landing.\n  const key = (currentColor || 'mm') as keyof ThemeColor;\n  let color = (themeColors?.[key] ?? key) as string;\n\n  // Prepend # if it's a hex code without the hash\n  if (/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$/.test(color)) {\n    color = `#${color}`;\n  }\n\n  const savedPallet = colorPalletMap.get(color);\n  if (savedPallet) {\n    return savedPallet;\n  }\n  const pallet = {\n    color,\n    contrastColor: deriveContrastColor(color),\n    oppositeColor: deriveOppositeColor(color),\n  };\n  colorPalletMap.set(color, pallet);\n  return pallet;\n}\n\nexport function applyColorsToElement(\n  inputColor: keyof ThemeColor | string = 'mm',\n  themeColors: ThemeColor | undefined,\n  element: HTMLElement\n): ColorPallet | undefined {\n  const pallet = resolvePallet(inputColor, themeColors),\n    { color, contrastColor, oppositeColor } = pallet;\n  \n  const colorProp = derivePropertyName(element.tagName, 'color');\n  const contrastProp = derivePropertyName(element.tagName, 'color-contrast');\n  const oppositeProp = derivePropertyName(element.tagName, 'color-opposite');\n\n  element.style.setProperty(colorProp, color);\n  element.style.setProperty(contrastProp, contrastColor);\n  element.style.setProperty(oppositeProp, oppositeColor);\n\n  return pallet;\n}\n\nexport function addColorProperty(\n  key: ColorPropertyType,\n  value: string,\n  element: HTMLElement\n): void {\n  const inputString = element.tagName;\n  element.style.setProperty(derivePropertyName(inputString, key), value);\n}\n"],"mappings":"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"}

package/fesm2022/{magmonium-one-directives-DePukAj8.mjs → magmonium-one-directives-B93p5bAL.mjs}

@@ -1,6 +1,6 @@
-import { B as IS_DESIGN_MODE, a as resolveSpacing } from "./magmonium-one-size-converter-C5fG_dgw.mjs";
-import "./magmonium-one-selector-DeRIUUBA.mjs";
-import "./magmonium-one-m-ref-C8c4Vf1G.mjs";
+import { B as IS_DESIGN_MODE, a as resolveSpacing } from "./magmonium-one-size-converter-BOBD8nHy.mjs";
+import "./magmonium-one-selector-DAEI_0JX.mjs";
+import "./magmonium-one-m-ref-CEms7B6-.mjs";
 import * as i0 from "@angular/core";
 import { Directive, ElementRef, HostListener, InjectionToken, Input, Renderer2, afterRenderEffect, booleanAttribute, computed, effect, inject, input, model, output, signal } from "@angular/core";
 function isWithinBoundary(value, draggable, axis) {
@@ -1282,4 +1282,4 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { stringToColor as a, ToolTipDirective as c, DragListItemDirective as d, DragListDirective as f, MHeroColorDirective as i, FileUploadDirective as l, PaddingDirective as n, HighlightDirective as o, DraggableDirective as p, SPACING_INWARD as r, PositionDirective as s, MarginDirective as t, AutosizeDirective as u };
 
-//# sourceMappingURL=magmonium-one-directives-DePukAj8.mjs.map
+//# sourceMappingURL=magmonium-one-directives-B93p5bAL.mjs.map