@magmonium/one 0.4.30 → 0.4.32

package/fesm2022/magmonium-one-size-converter-BfT0Aw0g.mjs

@@ -0,0 +1,1060 @@
+import * as i0 from "@angular/core";
+import { DestroyRef, Injectable, InjectionToken, Pipe, computed, inject, linkedSignal, signal } from "@angular/core";
+import { HttpClient, HttpParams } from "@angular/common/http";
+import { catchError, finalize, firstValueFrom, forkJoin, map, of, shareReplay, tap, throwError } from "rxjs";
+import { rxResource, toObservable } from "@angular/core/rxjs-interop";
+import { patchState, signalStore, withHooks, withMethods, withState } from "@ngrx/signals";
+var Size;
+(function(Size) {
+	Size["SMALL"] = "sm";
+	Size["MEDIUM"] = "md";
+	Size["LARGE"] = "lg";
+})(Size || (Size = {}));
+const DEFAULT_SIZE = Size.MEDIUM;
+var Assets;
+(function(Assets) {
+	Assets["JSON"] = "json";
+	Assets["SVG"] = "svg";
+	Assets["PNG"] = "png";
+	Assets["CSS"] = "css";
+	Assets["MD"] = "md";
+})(Assets || (Assets = {}));
+const LAYOUT_ASSET_FOLDER = {
+	section: "sections",
+	row: "rows",
+	col: "cols",
+	flex: "flex_containers",
+	flex_item: "flex_items",
+	section_button_group: "section_button_groups",
+	section_hero: "section_heroes",
+	section_carousel: "section_carousels",
+	text_output: "text_outputs",
+	list: "lists",
+	section_table: "section_tables"
+};
+const FORM_ASSET_FOLDER = {
+	form: "forms",
+	field: "fields",
+	options: "options",
+	patterns: "patterns"
+};
+var AppRelationType;
+(function(AppRelationType) {
+	AppRelationType[AppRelationType["OWNER"] = 1] = "OWNER";
+	AppRelationType[AppRelationType["COLLABORATOR"] = 2] = "COLLABORATOR";
+	AppRelationType[AppRelationType["USER"] = 3] = "USER";
+	AppRelationType[AppRelationType["COLLABORATE_REQUESTED"] = 4] = "COLLABORATE_REQUESTED";
+	AppRelationType[AppRelationType["INSTALL_REQUESTED"] = 5] = "INSTALL_REQUESTED";
+	AppRelationType[AppRelationType["INSTALL_REJECTED"] = 6] = "INSTALL_REJECTED";
+	AppRelationType[AppRelationType["COLLABORATE_REJECTED"] = 7] = "COLLABORATE_REJECTED";
+})(AppRelationType || (AppRelationType = {}));
+var AppAvailability;
+(function(AppAvailability) {
+	AppAvailability[AppAvailability["EVERYONE"] = 1] = "EVERYONE";
+	AppAvailability[AppAvailability["TEAM_ONLY"] = 2] = "TEAM_ONLY";
+	AppAvailability[AppAvailability["ONLY_ME"] = 3] = "ONLY_ME";
+	AppAvailability[AppAvailability["OPEN"] = 4] = "OPEN";
+})(AppAvailability || (AppAvailability = {}));
+const LOGIN_COMPONENT = new InjectionToken("LOGIN_COMPONENT");
+const LOGIN_STORE = new InjectionToken("LOGIN_STORE");
+const WC_BUNDLE = new InjectionToken("WC_BUNDLE");
+const ASSET_BASE_URL = new InjectionToken("ASSET_BASE_URL");
+const ONE_ASSET_BASE_URL = new InjectionToken("ONE_ASSET_BASE_URL");
+const SEARCH_QUERY = new InjectionToken("SEARCH_QUERY");
+const SEARCH_RESULTS_EVENT = "__mag_search_results__";
+const WC_SEARCH_GROUPS = new InjectionToken("WC_SEARCH_GROUPS");
+const NAV_STORE_REF = new InjectionToken("NAV_STORE_REF");
+const MODAL_STORE_REF = new InjectionToken("MODAL_STORE_REF");
+const USER_STORE_REF = new InjectionToken("USER_STORE_REF");
+const APP_CONTEXT_REF = new InjectionToken("APP_CONTEXT_REF");
+const APP_LINK = new InjectionToken("APP_LINK", {
+	providedIn: "root",
+	factory: () => signal(void 0)
+});
+const LOADING_ACTIONS_REF = new InjectionToken("LOADING_ACTIONS_REF");
+const IS_SIDE_PANEL = new InjectionToken("IS_SIDE_PANEL");
+const ICON_SOURCE = new InjectionToken("ICON_SOURCE");
+const TRANSLATION_SOURCE = new InjectionToken("TRANSLATION_SOURCE");
+const OPTIONS_SOURCE = new InjectionToken("OPTIONS_SOURCE");
+const COMPONENT_INPUT_REGISTRY = new InjectionToken("COMPONENT_INPUT_REGISTRY");
+const FOLDER_PICK_LISTENER = new InjectionToken("FOLDER_PICK_LISTENER");
+const IS_DESIGN_MODE = new InjectionToken("IS_DESIGN_MODE");
+function isWebComponent(config) {
+	if (!config || typeof config !== "object") return false;
+	return "selector" in config;
+}
+const PREVIEW_PATH_RE = /\/pwa\/(draft|beta|published)(?:\/|$)/;
+const PREVIEW_TIERS = /* @__PURE__ */ new Set([
+	"draft",
+	"beta",
+	"published"
+]);
+function getTierFromSearch(search) {
+	const tier = new URLSearchParams(search).get("tier");
+	return tier && PREVIEW_TIERS.has(tier) ? tier : null;
+}
+function isTierPreview(pathname, search) {
+	if (pathname !== void 0 && PREVIEW_PATH_RE.test(pathname)) return true;
+	if (search !== void 0 && !!getTierFromSearch(search)) return true;
+	return false;
+}
+function getTierFromPreviewPath(pathname, search) {
+	return PREVIEW_PATH_RE.exec(pathname)?.[1] ?? (search ? getTierFromSearch(search) : null);
+}
+const isLocalhost = typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname === "0.0.0.0");
+function isUrlLocalhost(url) {
+	try {
+		const host = new URL(url).hostname;
+		return host === "localhost" || host === "127.0.0.1" || host === "0.0.0.0";
+	} catch {
+		return false;
+	}
+}
+const tierWindow = () => typeof window !== "undefined" ? window : void 0;
+function setWcTier(remoteId, tier) {
+	const win = tierWindow();
+	if (!win) return;
+	const tiers = { ...win.__MAGMONIUM_WC_TIERS__ ?? {} };
+	if (tier) tiers[remoteId] = tier;
+	else delete tiers[remoteId];
+	win.__MAGMONIUM_WC_TIERS__ = tiers;
+}
+function setWcLocalPort(remoteId, port) {
+	const win = tierWindow();
+	if (!win) return;
+	const ports = { ...win.__MAGMONIUM_WC_LOCAL_PORTS__ ?? {} };
+	if (port) ports[remoteId] = port;
+	else delete ports[remoteId];
+	win.__MAGMONIUM_WC_LOCAL_PORTS__ = ports;
+}
+function wcLocalBaseOf(remoteId) {
+	const win = tierWindow();
+	if (win?.__MAGMONIUM_WC_TIERS__?.[remoteId] !== "local") return void 0;
+	const port = win.__MAGMONIUM_WC_LOCAL_PORTS__?.[remoteId];
+	return port && Number.isInteger(port) && port > 0 && port < 65536 ? `http://localhost:${port}/assets` : void 0;
+}
+function wcTierOf(remoteId) {
+	return tierWindow()?.__MAGMONIUM_WC_TIERS__?.[remoteId];
+}
+function definedWcTierOf(selector) {
+	return tierWindow()?.__MAGMONIUM_WC_DEFINED_TIERS__?.[selector];
+}
+function definedWcBundleOf(selector) {
+	return tierWindow()?.__MAGMONIUM_WC_DEFINED_BUNDLES__?.[selector];
+}
+function recordDefinedWcTier(selector, tier, bundle) {
+	const win = tierWindow();
+	if (!win) return;
+	win.__MAGMONIUM_WC_DEFINED_TIERS__ = {
+		...win.__MAGMONIUM_WC_DEFINED_TIERS__ ?? {},
+		[selector]: tier
+	};
+	if (bundle) win.__MAGMONIUM_WC_DEFINED_BUNDLES__ = {
+		...win.__MAGMONIUM_WC_DEFINED_BUNDLES__ ?? {},
+		[selector]: bundle
+	};
+}
+function buildWcBaseUrl(apiUrl, remoteId) {
+	const local = wcLocalBaseOf(remoteId);
+	if (local) return local;
+	if (tierWindow()?.__MAGMONIUM_STANDALONE__) return "/assets";
+	if (isLocalhost) return `/local-dist/m-${remoteId}-wc`;
+	return `${apiUrl}/store/v1/wc/${remoteId}${wcTierOf(remoteId) === "beta" ? "/beta" : ""}`;
+}
+const ACCESS_DOMAINS = /* @__PURE__ */ new Set([
+	"auth",
+	"user",
+	"admin"
+]);
+var HttpService = class HttpService {
+	http = inject(HttpClient);
+	url = "http://localhost:8000";
+	authUrl = "http://localhost:8000";
+	assetUrl = inject(ASSET_BASE_URL, { optional: true }) ?? "./assets";
+	oneAssetUrl = inject(ONE_ASSET_BASE_URL, { optional: true }) ?? "./assets";
+	publicUrl = "./";
+	get(domain, path, version, params) {
+		return this.http.get(this.createUrl(domain, path, version), { params: this.toParams(params) });
+	}
+	put(domain, path, data, version, params) {
+		return this.http.put(this.createUrl(domain, path, version), data, { params: this.toParams(params) });
+	}
+	post(domain, path, data, version, params) {
+		return this.http.post(this.createUrl(domain, path, version), data, { params: this.toParams(params) });
+	}
+	patch(domain, path, data, version, params) {
+		return this.http.patch(this.createUrl(domain, path, version), data, { params: this.toParams(params) });
+	}
+	patchEvents(domain, path, data, version) {
+		return this.http.patch(this.createUrl(domain, path, version), data, {
+			observe: "events",
+			responseType: "text",
+			reportProgress: true
+		});
+	}
+	postEvents(domain, path, data, version) {
+		return this.http.post(this.createUrl(domain, path, version), data, {
+			observe: "events",
+			responseType: "text",
+			reportProgress: true
+		});
+	}
+	delete(domain, path, version, params) {
+		return this.http.delete(this.createUrl(domain, path, version), { params: this.toParams(params) });
+	}
+	deleteWithBody(domain, path, body, version, params) {
+		return this.http.delete(this.createUrl(domain, path, version), {
+			body,
+			params: this.toParams(params)
+		});
+	}
+	setUrl(url) {
+		this.url = url;
+	}
+	getUrl() {
+		return this.url;
+	}
+	setAuthUrl(url) {
+		this.authUrl = url;
+	}
+	getAuthUrl() {
+		return this.authUrl;
+	}
+	buildUrl(domain, path, version) {
+		return this.createUrl(domain, path, version);
+	}
+	setAssetUrl(url) {
+		this.assetUrl = url;
+	}
+	setOneAssetUrl(url) {
+		this.oneAssetUrl = url;
+	}
+	setPublicUrl(url) {
+		this.publicUrl = url;
+	}
+	blob(url) {
+		return this.http.get(url, { responseType: "blob" });
+	}
+	text(url) {
+		return this.http.get(url, { responseType: "text" });
+	}
+	wc(link, filePath) {
+		const local = wcLocalBaseOf(link);
+		if (local) return this.http.get(`${local}/${filePath.join("/")}`);
+		if (isLocalhost) return this.http.get(`/local-dist/m-${link}-wc/${filePath.join("/")}`);
+		const tier = wcTierOf(link);
+		return this.get("store", [
+			"wc",
+			link,
+			...tier === "beta" ? [tier] : [],
+			...filePath
+		]);
+	}
+	buildWcUrl(link) {
+		return buildWcBaseUrl(this.url, link);
+	}
+	buildWcAssetBaseUrl(link) {
+		return this.buildWcUrl(link);
+	}
+	buildWcAssetUrl(link, path) {
+		const normalized = path.startsWith("assets/") ? path.slice(7) : path;
+		return this.join(this.buildWcAssetBaseUrl(link), normalized);
+	}
+	getAssetUrl(path, isPublic = false) {
+		if (!path) return "";
+		if (path.startsWith("http") || path.startsWith("data:") || path.startsWith("blob:")) return path;
+		const base = isPublic ? this.assetUrl : this.url;
+		return this.join(base, path);
+	}
+	getPublicUrl(path) {
+		if (!path) return "";
+		if (path.startsWith("http")) return path;
+		return this.join(this.publicUrl, path);
+	}
+	async loadWorker(url) {
+		if (url.startsWith("http") && !url.startsWith(window.location.origin)) try {
+			const script = await firstValueFrom(this.http.get(url, { responseType: "text" }));
+			const blob = new Blob([script], { type: "application/javascript" });
+			return new Worker(URL.createObjectURL(blob));
+		} catch (error) {
+			console.warn(`Failed to fetch worker cross-origin, falling back to importScripts shim:`, error);
+			const shim = new Blob([`importScripts("${url}")`], { type: "application/javascript" });
+			return new Worker(URL.createObjectURL(shim));
+		}
+		return new Worker(url);
+	}
+	join(base, path) {
+		return `${base.endsWith("/") ? base.slice(0, -1) : base}/${path.startsWith("/") ? path.slice(1) : path}`;
+	}
+	asset(tree, type, options, baseUrl) {
+		const resolvedBase = baseUrl ?? (tree[0] === "one" ? this.oneAssetUrl : this.assetUrl);
+		const url = this.join(resolvedBase, `${tree.join("/")}.${type}`);
+		const requestOptions = {
+			...options,
+			responseType: this.fromAssetToResponseType(type)
+		};
+		return this.http.get(url, requestOptions);
+	}
+	createUrl(domain, path, version) {
+		return `${ACCESS_DOMAINS.has(domain) ? this.authUrl : this.url}/${domain}/${version ?? "v1"}/${path.join("/")}`;
+	}
+	toParams(params) {
+		if (!params) return void 0;
+		let built = new HttpParams();
+		for (const [key, value] of Object.entries(params)) {
+			if (value === void 0 || value === null) continue;
+			if (Array.isArray(value)) for (const item of value) built = built.append(key, String(item));
+			else built = built.set(key, String(value));
+		}
+		return built.keys().length ? built : void 0;
+	}
+	fromAssetToResponseType = (assets) => {
+		let responseType = "json";
+		switch (assets) {
+			case Assets.SVG:
+			case Assets.CSS:
+			case Assets.MD:
+				responseType = "text";
+				break;
+			case Assets.PNG:
+				responseType = "blob";
+				break;
+			case Assets.JSON:
+			default: responseType = "json";
+		}
+		return responseType;
+	};
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: HttpService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: HttpService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: HttpService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+function isJson(data) {
+	if (typeof data === "string") try {
+		JSON.parse(data);
+	} catch {
+		return false;
+	}
+	return true;
+}
+var StorageService = class StorageService {
+	setHeld(key, value, shelf = "local") {
+		const shelfStore = this.shelf(shelf);
+		if (value === void 0) {
+			shelfStore.removeItem(key);
+			return;
+		}
+		shelfStore.setItem(key, JSON.stringify(value));
+	}
+	getHeld(key, shelf = "local") {
+		const raw = this.shelf(shelf).getItem(key);
+		if (raw === null) return void 0;
+		try {
+			return JSON.parse(raw);
+		} catch {
+			return;
+		}
+	}
+	shelf(shelf) {
+		return shelf === "session" ? sessionStorage : localStorage;
+	}
+	setSession(key, value) {
+		if (value) {
+			if (isJson(value)) sessionStorage.setItem(key, JSON.stringify(value));
+			else sessionStorage.setItem(key, String(value));
+		}
+	}
+	getSession(key) {
+		const data = sessionStorage.getItem(key);
+		if (data && isJson(data)) return JSON.parse(data);
+		else return data;
+	}
+	deleteSession(key) {
+		sessionStorage.removeItem(key);
+	}
+	setLocal(key, value) {
+		if (isJson(value)) localStorage.setItem(key, JSON.stringify(value));
+		else localStorage.setItem(key, String(value));
+	}
+	getLocal(key) {
+		const data = localStorage.getItem(key);
+		if (data && isJson(data)) return JSON.parse(data);
+		else return data;
+	}
+	deleteLocal(key) {
+		localStorage.removeItem(key);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: StorageService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: StorageService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: StorageService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var SharedStoreRegistry = class {
+	static setNavStore(store) {
+		this.check();
+		if (!window.sharedStores.navStore) window.sharedStores.navStore = store;
+	}
+	static getNavStore() {
+		return window.sharedStores?.navStore;
+	}
+	static setLoginStore(store) {
+		this.check();
+		if (!window.sharedStores.loginStore) window.sharedStores.loginStore = store;
+	}
+	static getLoginStore() {
+		return window.sharedStores?.loginStore;
+	}
+	static setNotificationStore(store) {
+		this.check();
+		if (!window.sharedStores.notificationStore) window.sharedStores.notificationStore = store;
+	}
+	static getNotificationStore() {
+		return window.sharedStores?.notificationStore;
+	}
+	static setHostInjector(injector) {
+		this.check();
+		window.sharedStores.hostInjector = injector;
+	}
+	static getHostInjector() {
+		return window.sharedStores?.hostInjector;
+	}
+	static getThemeStore() {
+		return window.sharedStores?.themeStore;
+	}
+	static getTranslateService() {
+		return window.sharedStores?.translateService;
+	}
+	static setThemeStore(store) {
+		this.check();
+		window.sharedStores.themeStore = store;
+	}
+	static setTranslateService(service) {
+		this.check();
+		if (!window.sharedStores.translateService) window.sharedStores.translateService = service;
+	}
+	static setLoadingActions(actions) {
+		this.check();
+		if (!window.sharedStores.loadingActions) window.sharedStores.loadingActions = actions;
+	}
+	static getLoadingActions() {
+		return window.sharedStores?.loadingActions;
+	}
+	static setSocketUrl(url) {
+		this.check();
+		if (!window.sharedStores.socketUrl) window.sharedStores.socketUrl = url;
+	}
+	static isHostSocketActive() {
+		return !!window.sharedStores?.socketUrl;
+	}
+	static check() {
+		if (!window.sharedStores) window.sharedStores = {};
+	}
+};
+const STORAGE_KEY = "mag_assets";
+const inferAssetType = (folder) => folder === "icons" ? Assets.SVG : Assets.JSON;
+const AssetStore = signalStore({ providedIn: "root" }, withState({
+	map: {},
+	isCachingDisabled: false,
+	appLink: void 0,
+	hostBase: void 0
+}), withMethods((store, http = inject(HttpService), storage = inject(StorageService)) => {
+	const pending = /* @__PURE__ */ new Map();
+	const buildKey = (ns, type, name) => `${ns}:${type}:${name}`;
+	const getCached = (ns, type, name) => store.map()[ns]?.[type]?.[name];
+	const setCached = (ns, type, name, value) => {
+		if (store.map()[ns]?.[type]?.[name] === value) return;
+		const updated = {
+			...store.map(),
+			[ns]: {
+				...store.map()[ns],
+				[type]: {
+					...store.map()[ns]?.[type],
+					[name]: value
+				}
+			}
+		};
+		patchState(store, { map: updated });
+		if (store.isCachingDisabled()) return;
+		try {
+			storage.setSession(STORAGE_KEY, updated);
+		} catch {}
+	};
+	return {
+		setAppLink: (appLink) => patchState(store, { appLink }),
+		setHostBase: (hostBase) => patchState(store, { hostBase }),
+		setCachingDisabled: (isDisabled) => patchState(store, { isCachingDisabled: isDisabled }),
+		resolve(type, name, isOne = false, remoteBaseUrl) {
+			const ns = isOne ? "one" : remoteBaseUrl ? `remote:${remoteBaseUrl}` : store.appLink() ?? "host";
+			const cached = getCached(ns, type, name);
+			if (cached !== void 0) return of(cached);
+			const key = buildKey(ns, type, name);
+			const existingPending = pending.get(key);
+			if (existingPending) return existingPending;
+			const assetType = inferAssetType(type);
+			const fetchFromHost = () => {
+				const hostNs = store.appLink() ?? "host";
+				const isEmbeddedInHost = !!SharedStoreRegistry.getHostInjector();
+				const baseUrl = remoteBaseUrl ?? (isEmbeddedInHost && store.appLink() ? http.buildWcAssetBaseUrl(store.appLink()) : void 0);
+				return http.asset([type, name], assetType, void 0, baseUrl).pipe(tap((value) => setCached(hostNs, type, name, value)));
+			};
+			let request$;
+			if (isOne) {
+				const oneTree = [
+					"one",
+					type,
+					name
+				];
+				request$ = http.asset(oneTree, assetType).pipe(tap((value) => setCached("one", type, name, value))).pipe(catchError((error) => {
+					if (!remoteBaseUrl) return fetchFromHost();
+					throw error;
+				}), catchError(() => {
+					if (remoteBaseUrl) {
+						const remoteNs = `remote:${remoteBaseUrl}`;
+						if (!store.isCachingDisabled()) {
+							const cached = getCached(remoteNs, type, name);
+							if (cached !== void 0) return of(cached);
+						}
+						return http.asset([type, name], assetType, void 0, remoteBaseUrl).pipe(tap((value) => setCached(remoteNs, type, name, value)));
+					}
+					return throwError(() => /* @__PURE__ */ new Error(`Asset not found: ${type}/${name}`));
+				}), shareReplay(1), finalize(() => pending.delete(key)));
+			} else request$ = fetchFromHost().pipe(shareReplay(1), finalize(() => pending.delete(key)));
+			pending.set(key, request$);
+			return request$;
+		}
+	};
+}), withHooks({ onInit(store, storage = inject(StorageService)) {
+	const isLocal = typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname === "0.0.0.0");
+	patchState(store, { isCachingDisabled: isLocal });
+	if (!isLocal) {
+		const saved = storage.getSession(STORAGE_KEY);
+		if (saved) patchState(store, { map: saved });
+	}
+} }));
+const escapeHtml = (text) => text.replace(/&(?!#?\w+;)/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+const HEADING_RE = /^(#{1,6})\s+(.*)$/;
+const QUOTE_RE = /^>\s?(.*)$/;
+const LIST_RE = /^[ \t]*-[ \t]+(.*)$/;
+const CONTINUATION_RE = /^[ \t]+(\S.*)$/;
+const LINK_RE = /\[([^\]]*)\]\(([^)\s]+)\)/g;
+const UNDERSCORE_BOLD_RE = /(?<!\w)__(.+?)__(?!\w)/g;
+const UNDERSCORE_ITALIC_RE = /(?<!\w)_(.+?)_(?!\w)/g;
+const TOKEN_RE = /\u0000(\d+)\u0000/g;
+const CONTROL_RE = /[\u0000-\u001f\u007f]/g;
+const SCHEME_RE = /^[a-z][a-z0-9+.-]*:/i;
+const ALLOWED_SCHEME_RE = /^(?:https?|mailto|tel):/i;
+const EXTERNAL_RE = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
+const sanitizeUrl = (raw) => {
+	const url = raw.replace(CONTROL_RE, "").trim();
+	if (!url) return null;
+	if (SCHEME_RE.test(url) && !ALLOWED_SCHEME_RE.test(url)) return null;
+	return url.replace(/"/g, "%22");
+};
+const renderInline = (text, links) => {
+	let html = text.replace(LINK_RE, (match, label, url) => {
+		const href = sanitizeUrl(url);
+		if (!href) return match;
+		const rel = EXTERNAL_RE.test(href) ? " target=\"_blank\" rel=\"noopener noreferrer\"" : "";
+		links.push(`<a href="${href}"${rel}>${renderInline(label, links) || href}</a>`);
+		return `\u0000${links.length - 1}\u0000`;
+	});
+	html = html.replace(/\*\*(.+?)\*\*/g, (_, inner) => `<strong>${renderInline(inner, links)}</strong>`);
+	html = html.replace(UNDERSCORE_BOLD_RE, (_, inner) => `<strong>${renderInline(inner, links)}</strong>`);
+	html = html.replace(/~~(.+?)~~/g, (_, inner) => `<s>${renderInline(inner, links)}</s>`);
+	html = html.replace(/\*(.+?)\*/g, (_, inner) => `<em>${renderInline(inner, links)}</em>`);
+	html = html.replace(UNDERSCORE_ITALIC_RE, (_, inner) => `<em>${renderInline(inner, links)}</em>`);
+	return html;
+};
+const parseInline = (text) => {
+	const links = [];
+	return renderInline(text, links).replace(TOKEN_RE, (_, index) => links[Number(index)]);
+};
+function miniMarkToHtml(source) {
+	if (!source) return "";
+	const blocks = [];
+	let bufferType = null;
+	let buffer = [];
+	const renderGroup = (group) => group.map(parseInline).join("<br>");
+	const flush = () => {
+		if (bufferType && buffer.length) {
+			if (bufferType === "ul") blocks.push(`<ul>${buffer.map((group) => `<li>${renderGroup(group)}</li>`).join("")}</ul>`);
+			else {
+				const joined = buffer.map(renderGroup).join("<br>");
+				blocks.push(bufferType === "p" ? `<p>${joined}</p>` : `<blockquote>${joined}</blockquote>`);
+			}
+		}
+		bufferType = null;
+		buffer = [];
+	};
+	for (const rawLine of source.replace(/\r\n?/g, "\n").split("\n")) {
+		if (!rawLine.trim()) {
+			flush();
+			continue;
+		}
+		const heading = HEADING_RE.exec(rawLine);
+		if (heading) {
+			flush();
+			const level = heading[1].length;
+			blocks.push(`<h${level}>${parseInline(escapeHtml(heading[2]))}</h${level}>`);
+			continue;
+		}
+		const quote = QUOTE_RE.exec(rawLine);
+		if (quote) {
+			if (bufferType !== "blockquote") flush();
+			bufferType = "blockquote";
+			buffer.push([escapeHtml(quote[1])]);
+			continue;
+		}
+		const item = LIST_RE.exec(rawLine);
+		if (item) {
+			if (bufferType !== "ul") flush();
+			bufferType = "ul";
+			buffer.push([escapeHtml(item[1])]);
+			continue;
+		}
+		const continuation = bufferType === "ul" && buffer.length ? CONTINUATION_RE.exec(rawLine) : null;
+		if (continuation) {
+			buffer[buffer.length - 1].push(escapeHtml(continuation[1]));
+			continue;
+		}
+		if (bufferType !== "p") flush();
+		bufferType = "p";
+		buffer.push([escapeHtml(rawLine)]);
+	}
+	flush();
+	return blocks.join("");
+}
+const COUNTRY = /^[A-Z]{2}$/;
+const parseTag = (tag) => {
+	const [language, region] = (tag ?? "").split("-");
+	const country = region?.toUpperCase();
+	return {
+		language: language ? language.toLowerCase() : void 0,
+		country: country && COUNTRY.test(country) ? country : null
+	};
+};
+const browserLocale = (nav = typeof navigator === "undefined" ? void 0 : navigator) => {
+	const primary = parseTag(nav?.language);
+	if (primary.country) return primary;
+	const country = (nav?.languages ?? []).map(parseTag).find((locale) => locale.country)?.country ?? null;
+	return {
+		language: primary.language,
+		country
+	};
+};
+var BrowserLocaleService = class BrowserLocaleService {
+	current = signal(browserLocale(), ...ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []);
+	locale = this.current.asReadonly();
+	constructor() {
+		if (typeof window === "undefined") return;
+		const handler = () => this.current.set(browserLocale());
+		window.addEventListener("languagechange", handler);
+		inject(DestroyRef).onDestroy(() => window.removeEventListener("languagechange", handler));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BrowserLocaleService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BrowserLocaleService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BrowserLocaleService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+const FALLBACK_LANG = "en";
+var TranslateService = class TranslateService {
+	browserLocale = inject(BrowserLocaleService).locale;
+	picked = false;
+	lang = linkedSignal({
+		...ngDevMode ? { debugName: "lang" } : /* istanbul ignore next */ {},
+		source: () => this.browserLocale().language,
+		computation: (language, previous) => this.picked && previous ? previous.value : language ?? "en"
+	});
+	path = signal(["i18n"], {
+		...ngDevMode ? { debugName: "path" } : /* istanbul ignore next */ {},
+		equal: (a, b) => {
+			if (a === b) return true;
+			if (!a || !b || a.length !== b.length) return false;
+			return a.every((v, i) => v === b[i]);
+		}
+	});
+	country = computed(() => this.browserLocale().country, ...ngDevMode ? [{ debugName: "country" }] : /* istanbul ignore next */ []);
+	remoteAppId = signal(void 0, ...ngDevMode ? [{ debugName: "remoteAppId" }] : /* istanbul ignore next */ []);
+	remoteFallbackLang = signal(void 0, ...ngDevMode ? [{ debugName: "remoteFallbackLang" }] : /* istanbul ignore next */ []);
+	httpService = inject(HttpService);
+	assetStore = inject(AssetStore);
+	mountedApps = signal({}, ...ngDevMode ? [{ debugName: "mountedApps" }] : /* istanbul ignore next */ []);
+	mountRemoteApp = (link) => this.mountedApps.update((apps) => ({
+		...apps,
+		[link]: (apps[link] ?? 0) + 1
+	}));
+	unmountRemoteApp = (link) => this.mountedApps.update(({ [link]: count = 0, ...rest }) => count > 1 ? {
+		...rest,
+		[link]: count - 1
+	} : rest);
+	remoteAppIds = computed(() => [.../* @__PURE__ */ new Set([...this.remoteAppId() ? [this.remoteAppId()] : [], ...Object.keys(this.mountedApps())])], {
+		...ngDevMode ? { debugName: "remoteAppIds" } : /* istanbul ignore next */ {},
+		equal: (a, b) => a.length === b.length && a.every((v, i) => v === b[i])
+	});
+	remoteTranslation = rxResource({
+		params: () => ({
+			lang: this.lang(),
+			appIds: this.remoteAppIds(),
+			fallback: this.remoteFallbackLang()
+		}),
+		stream: ({ params: { lang, appIds, fallback } }) => {
+			if (!appIds.length) return of({});
+			const bundle = (appId, name) => this.httpService.asset(["i18n", name], Assets.JSON, void 0, this.httpService.buildWcAssetBaseUrl(appId));
+			return forkJoin(appIds.map((appId) => bundle(appId, lang).pipe(catchError(() => fallback && fallback !== lang ? bundle(appId, fallback).pipe(catchError(() => of({}))) : of({}))))).pipe(map((bundles) => Object.assign({}, ...bundles)));
+		}
+	});
+	langs = rxResource({
+		params: this.path,
+		stream: ({ params }) => this.assetStore.resolve((params ?? ["i18n"]).join("/"), "lang", true).pipe(catchError(() => of({ langs: {} })))
+	});
+	allLangs = computed(() => this.langs.value()?.langs ?? {}, ...ngDevMode ? [{ debugName: "allLangs" }] : /* istanbul ignore next */ []);
+	countryLangSource = rxResource({
+		params: () => ({
+			country: this.country(),
+			path: this.path()
+		}),
+		stream: ({ params: { country, path } }) => country ? this.assetStore.resolve((path ?? []).join("/"), `country-${country}`, true).pipe(catchError(() => [])) : of([])
+	});
+	countryLangs = computed(() => {
+		const countryLangs = {};
+		for (const [key, value] of Object.entries(this.allLangs())) if (this.countryLangSource.value()?.includes(key)) countryLangs[key] = value;
+		return countryLangs;
+	}, ...ngDevMode ? [{ debugName: "countryLangs" }] : /* istanbul ignore next */ []);
+	translation = rxResource({
+		params: () => ({
+			lang: this.lang(),
+			path: this.path(),
+			remote: this.remoteTranslation.value()
+		}),
+		stream: ({ params: { path, lang, remote } }) => forkJoin([lang === FALLBACK_LANG ? of([{}, {}]) : this.fetchTranslations([...path ?? [], FALLBACK_LANG]), this.fetchTranslations([...path ?? [], lang])]).pipe(map((results) => {
+			const [[enOne = {}, enProject = {}], [one = {}, project = {}]] = results;
+			return {
+				...enOne,
+				...enProject,
+				...one,
+				...project,
+				...remote
+			};
+		}))
+	});
+	translations$ = toObservable(this.translation.value);
+	translationSource = inject(TRANSLATION_SOURCE, { optional: true });
+	mergedTranslations = computed(() => ({
+		...this.translation.value() ?? {},
+		...this.translationSource?.() ?? {}
+	}), ...ngDevMode ? [{ debugName: "mergedTranslations" }] : /* istanbul ignore next */ []);
+	libraryTranslation = rxResource({
+		params: () => ({
+			lang: this.lang(),
+			path: this.path()
+		}),
+		stream: ({ params: { lang, path } }) => this.assetStore.resolve((path ?? []).join("/"), lang, true).pipe(catchError(() => of({})))
+	});
+	libraryKeys = computed(() => new Set(Object.keys(this.libraryTranslation.value() ?? {})), ...ngDevMode ? [{ debugName: "libraryKeys" }] : /* istanbul ignore next */ []);
+	links = rxResource({
+		params: this.path,
+		stream: ({ params }) => this.fetchTranslations([...params, "links"]).pipe(map((result) => {
+			const [one = {}, project = {}] = result;
+			return {
+				...one?.["links"],
+				...project?.["links"]
+			};
+		}))
+	});
+	setLang(lang) {
+		this.picked = true;
+		if (lang !== this.lang()) this.lang.set(lang);
+	}
+	translate = (value, config) => {
+		if (value == null) return "";
+		if (typeof value === "number") return value.toString();
+		if (typeof value === "boolean") value = String(value);
+		else if (typeof value !== "string") return "";
+		const { key, params } = this.parseTranslationKey(value);
+		const translations = this.mergedTranslations();
+		const result = key.split(".").reduce((obj, keyPart) => typeof obj === "object" && obj !== null ? obj?.[keyPart] ?? "" : obj, translations);
+		const mergedParams = {
+			...params,
+			...config ?? {}
+		};
+		if (typeof result === "string" && result) {
+			const textWithParams = this.replacePlaceholders(result, mergedParams);
+			return this.addLink(textWithParams, config);
+		}
+		const directTranslation = this.replacePlaceholders(key, mergedParams);
+		return this.addLink(directTranslation, config);
+	};
+	translateToHtml = (value, config) => {
+		const translatedText = this.translate(value, config);
+		return translatedText ? miniMarkToHtml(translatedText) : "";
+	};
+	init(path = ["i18n"]) {
+		this.path.set(path);
+	}
+	parseTranslationKey(value) {
+		if (!value.includes("?")) return {
+			key: value,
+			params: {}
+		};
+		const [key, queryString] = value.split("?");
+		const params = {};
+		new URLSearchParams(queryString).forEach((val, paramKey) => {
+			params[paramKey] = val;
+		});
+		return {
+			key,
+			params
+		};
+	}
+	replacePlaceholders(text, params) {
+		return text.replace(/<(\$?)(\w+)>/g, (match, dollar, placeholder) => {
+			const value = params[placeholder];
+			if (!Object.prototype.hasOwnProperty.call(params, placeholder)) return match;
+			const resolved = dollar ? this.translateParameterValue(value) : value;
+			return this.escapeParam(resolved);
+		});
+	}
+	escapeParam(text) {
+		return this.escapeHtml(text).replace(/\*/g, "&#42;").replace(/_/g, "&#95;").replace(/~/g, "&#126;").replace(/\[/g, "&#91;").replace(/\]/g, "&#93;");
+	}
+	translateParameterValue(value) {
+		if (!value) return value;
+		const translations = this.mergedTranslations();
+		const result = value.split(".").reduce((obj, keyPart) => typeof obj === "object" && obj !== null ? obj?.[keyPart] : obj, translations);
+		return typeof result === "string" && result ? result : value;
+	}
+	fetchTranslations(path) {
+		const type = path.slice(0, -1).join("/");
+		const name = path[path.length - 1];
+		return forkJoin([this.assetStore.resolve(type, name, true).pipe(catchError(() => of({}))), this.assetStore.resolve(type, name).pipe(catchError(() => of({})))]).pipe(catchError(() => of([{}, {}])));
+	}
+	formatDate(date) {
+		return `${this.translate(`day.${date.getDay()}`)} ${date.getDate()} ${this.translate(`month.${date.getMonth()}`)},${date.getFullYear()}`;
+	}
+	toReadableTime(date) {
+		return this.formatDate(new Date(date));
+	}
+	getLink(key) {
+		return this.links.value()?.[key] ?? "";
+	}
+	applyRule(text, type) {
+		return type === "date" ? this.toReadableTime(text) : text;
+	}
+	processLinkContent(content, config) {
+		if (content.includes("~")) {
+			const [text, linkKey] = content.split("~");
+			const displayText = text.startsWith("$") && config[text] ? this.translate(config[text]) : text;
+			const link = this.getLink(linkKey) ?? config[linkKey];
+			const sanitizedLink = link ? this.sanitizeUrl(link) : null;
+			return sanitizedLink ? `<a href="${sanitizedLink}">${this.escapeHtml(displayText)}</a>` : this.escapeHtml(displayText);
+		}
+		if (content.includes("%")) {
+			const [key, type] = content.split("%");
+			return this.escapeHtml(this.applyRule(config[key], type));
+		}
+		if (content.includes("@")) {
+			const [text, alt] = content.split("@");
+			const displayText = text.startsWith("$") && config[text] ? this.translate(config[text]) : text;
+			return `<a alt="${this.escapeHtml(alt)}">${this.escapeHtml(displayText)}</a>`;
+		}
+		if (content.startsWith("$")) {
+			const param = config[content] ?? config[content.substring(1)];
+			if (param === void 0) return `<${content}>`;
+			return this.escapeHtml(this.translate(param));
+		}
+		return `<${content}>`;
+	}
+	addLink = (text, config = {}) => {
+		return text.replace(/<.+?>/g, (elem) => this.processLinkContent(elem.slice(1, -1), config));
+	};
+	toSafeHtml = (text) => miniMarkToHtml(text);
+	escapeHtml(text) {
+		const div = document.createElement("div");
+		div.textContent = text;
+		return div.innerHTML;
+	}
+	sanitizeUrl(url) {
+		const trimmedUrl = url.trim().toLowerCase();
+		if ([
+			"javascript:",
+			"data:",
+			"vbscript:",
+			"file:"
+		].some((protocol) => trimmedUrl.startsWith(protocol))) return "#";
+		if (trimmedUrl.startsWith("http:/") || trimmedUrl.startsWith("https:/") || trimmedUrl.startsWith("mailto:") || trimmedUrl.startsWith("/") || trimmedUrl.startsWith("#") || trimmedUrl.startsWith(".")) return url;
+		if (!trimmedUrl.includes(":")) return url;
+		return "#";
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TranslateService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TranslateService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TranslateService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var TranslatePipe = class TranslatePipe {
+	translateService = inject(TranslateService);
+	transform(value, config) {
+		if (value == null || value === "") return "";
+		return this.translateService.translate(value, config);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TranslatePipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TranslatePipe,
+		isStandalone: true,
+		name: "translate",
+		pure: false
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TranslatePipe,
+	decorators: [{
+		type: Pipe,
+		args: [{
+			name: "translate",
+			pure: false
+		}]
+	}]
+});
+const SIZE_LENGTH = {
+	[Size.SMALL]: "0.75rem",
+	[Size.MEDIUM]: "1rem",
+	[Size.LARGE]: "1.5rem"
+};
+function resolveSize(size) {
+	return SIZE_LENGTH[isSize(size) ? size : DEFAULT_SIZE];
+}
+function isSize(value) {
+	return value === Size.SMALL || value === Size.MEDIUM || value === Size.LARGE;
+}
+function coerceSize(...candidates) {
+	for (const candidate of candidates) if (isSize(candidate)) return candidate;
+	return DEFAULT_SIZE;
+}
+function toLength(value, isNone) {
+	if (value === void 0 || value === null || value === "") return isNone ? "none" : "0";
+	return typeof value === "number" ? `${value}em` : value;
+}
+function resolveIconSize(override, contextSize) {
+	if (override === void 0 || override === null || override === "") return `calc(${resolveSize(contextSize)} * 1.1)`;
+	if (typeof override === "number") return `${override}em`;
+	const trimmed = override.trim();
+	if (trimmed === "") return `calc(${resolveSize(contextSize)} * 1.1)`;
+	if (/^\d+(\.\d+)?$/.test(trimmed)) return `${trimmed}em`;
+	return trimmed;
+}
+function toCssLength(value) {
+	if (value === void 0 || value === null) return void 0;
+	if (typeof value === "number") return `${value}px`;
+	const trimmed = value.trim();
+	if (trimmed === "") return void 0;
+	return /^\d+(\.\d+)?$/.test(trimmed) ? `${trimmed}px` : trimmed;
+}
+const toSpacingValue = (value) => {
+	if (typeof value !== "string") return value;
+	const trimmed = value.trim();
+	if (trimmed === "" || Number.isNaN(Number(trimmed))) return value;
+	return Number(trimmed);
+};
+function resolveSpacing(value) {
+	return value === void 0 || value === null || value === "" ? void 0 : toLength(toSpacingValue(value));
+}
+export { WC_BUNDLE as $, isUrlLocalhost as A, IS_DESIGN_MODE as B, setWcLocalPort as C, getTierFromPreviewPath as D, wcTierOf as E, AppAvailability as F, MODAL_STORE_REF as G, LOADING_ACTIONS_REF as H, AppRelationType as I, OPTIONS_SOURCE as J, NAV_STORE_REF as K, COMPONENT_INPUT_REGISTRY as L, APP_CONTEXT_REF as M, APP_LINK as N, isLocalhost as O, ASSET_BASE_URL as P, USER_STORE_REF as Q, FOLDER_PICK_LISTENER as R, recordDefinedWcTier as S, wcLocalBaseOf as T, LOGIN_COMPONENT as U, IS_SIDE_PANEL as V, LOGIN_STORE as W, SEARCH_RESULTS_EVENT as X, SEARCH_QUERY as Y, TRANSLATION_SOURCE as Z, ACCESS_DOMAINS as _, resolveSpacing as a, Size as at, definedWcBundleOf as b, TranslatePipe as c, browserLocale as d, WC_SEARCH_GROUPS as et, miniMarkToHtml as f, isJson as g, StorageService as h, resolveSize as i, DEFAULT_SIZE as it, isWebComponent as j, isTierPreview as k, TranslateService as l, SharedStoreRegistry as m, isSize as n, LAYOUT_ASSET_FOLDER as nt, toCssLength as o, AssetStore as p, ONE_ASSET_BASE_URL as q, resolveIconSize as r, Assets as rt, toLength as s, coerceSize as t, FORM_ASSET_FOLDER as tt, BrowserLocaleService as u, HttpService as v, setWcTier as w, definedWcTierOf as x, buildWcBaseUrl as y, ICON_SOURCE as z };
+
+//# sourceMappingURL=magmonium-one-size-converter-BfT0Aw0g.mjs.map