ezux 1.1.13 → 1.1.18

package/dist/EzProvider-AlmsYIDk.js

@@ -0,0 +1,982 @@
+import e, { createContext as t, useContext as n, useEffect as r, useMemo as i } from "react";
+import { clsx as a } from "clsx";
+import { twMerge as o } from "tailwind-merge";
+import { LucideProvider as s } from "lucide-react";
+import { jsx as c } from "react/jsx-runtime";
+import { Store as l } from "@tanstack/store";
+//#region src/lib/utils.ts
+function u(...e) {
+	return o(a(e));
+}
+//#endregion
+//#region src/shared/services/BaseService.ts
+var d = class {
+	store;
+	cleanupTasks = [];
+	debounceMs = 0;
+	debounceTimer = null;
+	constructor(e) {
+		this.store = new l(e);
+	}
+	get state() {
+		return this.store.state;
+	}
+	getState() {
+		return this.store.state;
+	}
+	registerCleanup(e) {
+		this.cleanupTasks.push(e);
+	}
+	subscribe(e) {
+		let t = this.store.subscribe(() => {
+			e(this.store.state);
+		});
+		return typeof t == "function" ? t : () => t.unsubscribe();
+	}
+	setState(e) {
+		this.store.setState((t) => {
+			let n = typeof e == "function" ? e(t) : e;
+			return {
+				...t,
+				...n
+			};
+		}), this.debounceMs > 0 && (this.debounceTimer && clearTimeout(this.debounceTimer), this.debounceTimer = setTimeout(() => {}, this.debounceMs));
+	}
+	setDebounce(e) {
+		this.debounceMs = e;
+	}
+	cleanup() {
+		this.debounceTimer && clearTimeout(this.debounceTimer), this.cleanupTasks.forEach((e) => {
+			try {
+				e();
+			} catch (e) {
+				console.error(`Error during service cleanup for ${this.name}:`, e);
+			}
+		}), this.cleanupTasks = [];
+	}
+}, f = class extends d {
+	name = "ServiceRegistry";
+	services = /* @__PURE__ */ new Map();
+	constructor() {
+		super({ serviceNames: [] }), this.registerCleanup(() => this.cleanupAll());
+	}
+	register(e, t) {
+		this.services.has(e) && (console.warn(`Service ${e} is already registered. Overwriting.`), this.unregister(e)), this.services.set(e, t), this.updateState();
+	}
+	get(e) {
+		return this.services.get(e);
+	}
+	getOrThrow(e) {
+		let t = this.get(e);
+		if (!t) throw Error(`Service ${e} not found in registry.`);
+		return t;
+	}
+	unregister(e) {
+		let t = this.services.get(e);
+		t?.cleanup && t.cleanup(), this.services.delete(e) && this.updateState();
+	}
+	cleanupAll() {
+		for (let e of this.services.values()) e.cleanup && e.cleanup();
+		this.services.clear(), this.updateState();
+	}
+	updateState() {
+		this.setState({ serviceNames: Array.from(this.services.keys()) });
+	}
+}, p = {
+	Orange: {
+		light: {
+			background: "98% 0.01 70deg",
+			foreground: "0 0 0",
+			card: "100% 0 0deg",
+			"card-foreground": "0 0 0",
+			popover: "100% 0 0deg",
+			"popover-foreground": "0 0 0",
+			primary: "65% 0.18 70deg",
+			"primary-foreground": "100% 0 0deg",
+			secondary: "93% 0.03 70deg",
+			"secondary-foreground": "0 0 0",
+			muted: "93% 0.03 70deg",
+			"muted-foreground": "40% 0.02 70deg",
+			accent: "93% 0.03 70deg",
+			"accent-foreground": "0 0 0",
+			destructive: "69% 0.23 26deg",
+			"destructive-foreground": "100% 0 0deg",
+			border: "92% 0.05 70deg",
+			input: "92% 0.05 70deg",
+			ring: "65% 0.18 70deg",
+			radius: "0.5rem"
+		},
+		dark: {
+			background: "15% 0.02 70deg",
+			foreground: "95% 0.01 70deg",
+			card: "20% 0.02 70deg",
+			"card-foreground": "95% 0.01 70deg",
+			popover: "20% 0.02 70deg",
+			"popover-foreground": "95% 0.01 70deg",
+			primary: "75% 0.18 70deg",
+			"primary-foreground": "15% 0.02 70deg",
+			secondary: "27% 0.06 70deg",
+			"secondary-foreground": "95% 0.01 70deg",
+			muted: "27% 0.06 70deg",
+			"muted-foreground": "72% 0.02 70deg",
+			accent: "27% 0.06 70deg",
+			"accent-foreground": "95% 0.01 70deg",
+			destructive: "55% 0.22 26deg",
+			"destructive-foreground": "95% 0.01 70deg",
+			border: "27% 0.06 70deg",
+			input: "27% 0.06 70deg",
+			ring: "75% 0.18 70deg"
+		}
+	},
+	Blue: {
+		light: {
+			background: "98% 0.01 240deg",
+			foreground: "0 0 0",
+			card: "100% 0 0deg",
+			"card-foreground": "0 0 0",
+			popover: "100% 0 0deg",
+			"popover-foreground": "0 0 0",
+			primary: "55% 0.18 260deg",
+			"primary-foreground": "100% 0 0deg",
+			secondary: "93% 0.03 270deg",
+			"secondary-foreground": "0 0 0",
+			muted: "93% 0.03 270deg",
+			"muted-foreground": "40% 0.02 260deg",
+			accent: "93% 0.03 270deg",
+			"accent-foreground": "0 0 0",
+			destructive: "69% 0.23 26deg",
+			"destructive-foreground": "100% 0 0deg",
+			border: "92% 0.05 259deg",
+			input: "92% 0.05 259deg",
+			ring: "55% 0.18 260deg",
+			radius: "0.5rem"
+		},
+		dark: {
+			background: "15% 0.02 260deg",
+			foreground: "90% 0.01 240deg",
+			card: "20% 0.02 260deg",
+			"card-foreground": "90% 0.01 240deg",
+			popover: "20% 0.02 260deg",
+			"popover-foreground": "90% 0.01 240deg",
+			primary: "65% 0.18 260deg",
+			"primary-foreground": "15% 0.02 260deg",
+			secondary: "27% 0.06 261deg",
+			"secondary-foreground": "90% 0.01 240deg",
+			muted: "27% 0.06 261deg",
+			"muted-foreground": "72% 0.02 260deg",
+			accent: "27% 0.06 261deg",
+			"accent-foreground": "90% 0.01 240deg",
+			destructive: "55% 0.22 26deg",
+			"destructive-foreground": "90% 0.01 240deg",
+			border: "27% 0.06 261deg",
+			input: "27% 0.06 261deg",
+			ring: "65% 0.18 260deg"
+		}
+	},
+	Green: {
+		light: {
+			background: "98% 0.01 150deg",
+			foreground: "0 0 0",
+			card: "100% 0 0deg",
+			"card-foreground": "0 0 0",
+			popover: "100% 0 0deg",
+			"popover-foreground": "0 0 0",
+			primary: "60% 0.18 150deg",
+			"primary-foreground": "100% 0 0deg",
+			secondary: "93% 0.03 150deg",
+			"secondary-foreground": "0 0 0",
+			muted: "93% 0.03 150deg",
+			"muted-foreground": "40% 0.02 150deg",
+			accent: "93% 0.03 150deg",
+			"accent-foreground": "0 0 0",
+			destructive: "69% 0.23 26deg",
+			"destructive-foreground": "100% 0 0deg",
+			border: "92% 0.05 150deg",
+			input: "92% 0.05 150deg",
+			ring: "60% 0.18 150deg",
+			radius: "0.5rem"
+		},
+		dark: {
+			background: "15% 0.02 150deg",
+			foreground: "95% 0.01 150deg",
+			card: "20% 0.02 150deg",
+			"card-foreground": "95% 0.01 150deg",
+			popover: "20% 0.02 150deg",
+			"popover-foreground": "95% 0.01 150deg",
+			primary: "70% 0.18 150deg",
+			"primary-foreground": "15% 0.02 150deg",
+			secondary: "27% 0.06 150deg",
+			"secondary-foreground": "95% 0.01 150deg",
+			muted: "27% 0.06 150deg",
+			"muted-foreground": "72% 0.02 150deg",
+			accent: "27% 0.06 150deg",
+			"accent-foreground": "95% 0.01 150deg",
+			destructive: "55% 0.22 26deg",
+			"destructive-foreground": "95% 0.01 150deg",
+			border: "27% 0.06 150deg",
+			input: "27% 0.06 150deg",
+			ring: "70% 0.18 150deg"
+		}
+	},
+	Rose: {
+		light: {
+			background: "98% 0.01 350deg",
+			foreground: "0 0 0",
+			card: "100% 0 0deg",
+			"card-foreground": "0 0 0",
+			popover: "100% 0 0deg",
+			"popover-foreground": "0 0 0",
+			primary: "60% 0.18 350deg",
+			"primary-foreground": "100% 0 0deg",
+			secondary: "93% 0.03 350deg",
+			"secondary-foreground": "0 0 0",
+			muted: "93% 0.03 350deg",
+			"muted-foreground": "40% 0.02 350deg",
+			accent: "93% 0.03 350deg",
+			"accent-foreground": "0 0 0",
+			destructive: "69% 0.23 26deg",
+			"destructive-foreground": "100% 0 0deg",
+			border: "92% 0.05 350deg",
+			input: "92% 0.05 350deg",
+			ring: "60% 0.18 350deg",
+			radius: "0.5rem"
+		},
+		dark: {
+			background: "15% 0.02 350deg",
+			foreground: "95% 0.01 350deg",
+			card: "20% 0.02 350deg",
+			"card-foreground": "95% 0.01 350deg",
+			popover: "20% 0.02 350deg",
+			"popover-foreground": "95% 0.01 350deg",
+			primary: "70% 0.18 350deg",
+			"primary-foreground": "15% 0.02 350deg",
+			secondary: "27% 0.06 350deg",
+			"secondary-foreground": "95% 0.01 350deg",
+			muted: "27% 0.06 350deg",
+			"muted-foreground": "72% 0.02 350deg",
+			accent: "27% 0.06 350deg",
+			"accent-foreground": "95% 0.01 350deg",
+			destructive: "55% 0.22 26deg",
+			"destructive-foreground": "95% 0.01 350deg",
+			border: "27% 0.06 350deg",
+			input: "27% 0.06 350deg",
+			ring: "70% 0.18 350deg"
+		}
+	},
+	Zinc: {
+		light: {
+			background: "98% 0 0deg",
+			foreground: "0 0 0",
+			card: "100% 0 0deg",
+			"card-foreground": "0 0 0",
+			popover: "100% 0 0deg",
+			"popover-foreground": "0 0 0",
+			primary: "25% 0 0deg",
+			"primary-foreground": "100% 0 0deg",
+			secondary: "93% 0 0deg",
+			"secondary-foreground": "0 0 0",
+			muted: "93% 0 0deg",
+			"muted-foreground": "40% 0 0deg",
+			accent: "93% 0 0deg",
+			"accent-foreground": "0 0 0",
+			destructive: "69% 0.23 26deg",
+			"destructive-foreground": "100% 0 0deg",
+			border: "92% 0 0deg",
+			input: "92% 0 0deg",
+			ring: "25% 0 0deg",
+			radius: "0.5rem"
+		},
+		dark: {
+			background: "12% 0 0deg",
+			foreground: "95% 0 0deg",
+			card: "18% 0 0deg",
+			"card-foreground": "95% 0 0deg",
+			popover: "18% 0 0deg",
+			"popover-foreground": "95% 0 0deg",
+			primary: "90% 0 0deg",
+			"primary-foreground": "12% 0 0deg",
+			secondary: "25% 0 0deg",
+			"secondary-foreground": "95% 0 0deg",
+			muted: "25% 0 0deg",
+			"muted-foreground": "72% 0 0deg",
+			accent: "25% 0 0deg",
+			"accent-foreground": "95% 0 0deg",
+			destructive: "55% 0.22 26deg",
+			"destructive-foreground": "95% 0 0deg",
+			border: "25% 0 0deg",
+			input: "25% 0 0deg",
+			ring: "90% 0 0deg"
+		}
+	}
+}, m = class {
+	name = "ThemeService";
+	listeners = /* @__PURE__ */ new Set();
+	state = {
+		mode: "light",
+		themeColor: "Zinc",
+		radius: .5
+	};
+	static setGlobalColorTheme(e, t) {
+		if (typeof document > "u") return;
+		let n = p[t][e], r = document.documentElement;
+		e === "dark" ? r.classList.add("dark") : r.classList.remove("dark");
+		let i = p.Zinc[e];
+		for (let e in i) r.style.setProperty(`--${e}`, i[e]);
+		let a = n.ring;
+		a && r.style.setProperty("--ring", a);
+	}
+	constructor() {
+		if (typeof window < "u") {
+			let e = localStorage.getItem("ezux-theme-mode");
+			e && (e === "light" || e === "dark") ? this.state.mode = e : this.state.mode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+			let t = localStorage.getItem("ezux-theme-color");
+			t && p[t] && (this.state.themeColor = t);
+			let n = localStorage.getItem("ezux-theme-radius");
+			n && (this.state.radius = parseFloat(n)), this.applyTheme();
+		}
+	}
+	toggleMode() {
+		let e = this.state.mode === "light" ? "dark" : "light";
+		this.setMode(e);
+	}
+	setMode(e) {
+		this.state.mode = e, typeof window < "u" && localStorage.setItem("ezux-theme-mode", e), this.applyTheme(), this.notify();
+	}
+	setThemeColor(e) {
+		this.state.themeColor = e, typeof window < "u" && localStorage.setItem("ezux-theme-color", e), this.applyTheme(), this.notify();
+	}
+	setRadius(e) {
+		this.state.radius = e, typeof window < "u" && localStorage.setItem("ezux-theme-radius", e.toString()), this.applyTheme(), this.notify();
+	}
+	getState() {
+		return this.state;
+	}
+	applyTheme() {
+		if (typeof document > "u") return;
+		let e = document.documentElement;
+		this.state.mode === "dark" ? e.classList.add("dark") : e.classList.remove("dark"), e.style.setProperty("--radius", `${this.state.radius}rem`);
+		let t = p[this.state.themeColor];
+		if (t) {
+			let n = p.Zinc[this.state.mode], r = t[this.state.mode];
+			for (let t in n) e.style.setProperty(`--${t}`, n[t]);
+			r.ring && e.style.setProperty("--ring", r.ring);
+		}
+		e.setAttribute("data-theme", this.state.themeColor);
+	}
+	subscribe(e) {
+		return this.listeners.add(e), () => this.listeners.delete(e);
+	}
+	notify() {
+		this.listeners.forEach((e) => e(this.state));
+	}
+};
+new Intl.NumberFormat("en-US", {
+	style: "currency",
+	currency: "USD",
+	minimumFractionDigits: 2,
+	maximumFractionDigits: 2
+}), new Intl.NumberFormat("en-US", {
+	minimumFractionDigits: 2,
+	maximumFractionDigits: 2
+}), new Intl.NumberFormat("en-US", {
+	style: "percent",
+	minimumFractionDigits: 1,
+	maximumFractionDigits: 2
+});
+function h(e, t = {}) {
+	if (e == null) return "";
+	let { format: n = "float", decimals: r, locale: i = "en-US", currency: a = "USD" } = t, o = r === void 0 ? n === "integer" ? 0 : n === "percentage" ? 1 : 2 : r;
+	try {
+		switch (n) {
+			case "currency": return new Intl.NumberFormat(i, {
+				style: "currency",
+				currency: a,
+				minimumFractionDigits: o,
+				maximumFractionDigits: o
+			}).format(e);
+			case "percentage": return new Intl.NumberFormat(i, {
+				style: "percent",
+				minimumFractionDigits: o,
+				maximumFractionDigits: o
+			}).format(e / 100);
+			case "integer": return new Intl.NumberFormat(i, {
+				style: "decimal",
+				minimumFractionDigits: 0,
+				maximumFractionDigits: 0
+			}).format(Math.round(e));
+			default: return new Intl.NumberFormat(i, {
+				style: "decimal",
+				minimumFractionDigits: o,
+				maximumFractionDigits: o
+			}).format(e);
+		}
+	} catch {
+		return typeof e == "number" ? e.toFixed(o) : String(e);
+	}
+}
+function g(e, t = {}) {
+	if (!e) return "";
+	let n = e instanceof Date ? e : new Date(e);
+	if (isNaN(n.getTime())) return "Invalid Date";
+	let { format: r = "short", locale: i = "en-US" } = t;
+	switch (r) {
+		case "long": return new Intl.DateTimeFormat(i, {
+			year: "numeric",
+			month: "long",
+			day: "numeric"
+		}).format(n);
+		case "iso": return n.toISOString().split("T")[0];
+		case "relative": return _(n, i);
+		default: return new Intl.DateTimeFormat(i, {
+			year: "numeric",
+			month: "short",
+			day: "numeric"
+		}).format(n);
+	}
+}
+function _(e, t = "en-US") {
+	let n = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), r = Math.floor(n / 1e3), i = Math.floor(r / 60), a = Math.floor(i / 60), o = Math.floor(a / 24), s = Math.abs(o), c = Math.abs(a), l = Math.abs(i);
+	try {
+		let e = new Intl.RelativeTimeFormat(t, { numeric: "auto" });
+		return s >= 365 ? e.format(-Math.floor(o / 365), "year") : s >= 30 ? e.format(-Math.floor(o / 30), "month") : s >= 7 ? e.format(-Math.floor(o / 7), "week") : s >= 1 ? e.format(-o, "day") : c >= 1 ? e.format(-a, "hour") : l >= 1 ? e.format(-i, "minute") : "just now";
+	} catch {
+		return s >= 1 ? `${o}d ago` : "just now";
+	}
+}
+var v = (e, t = "en-US", n = "USD") => h(e, {
+	format: "currency",
+	locale: t,
+	currency: n
+}), y = (e, t = "en-US") => h(e, {
+	format: "percentage",
+	locale: t
+}), b = (e, t = "en-US") => {
+	let n = typeof e == "string" ? new Date(e) : e;
+	return new Intl.DateTimeFormat(t, {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	}).format(n);
+}, x = class extends d {
+	name = "I18nService";
+	supportedLanguages = [
+		{
+			code: "en",
+			name: "English",
+			country: "US"
+		},
+		{
+			code: "fr",
+			name: "Français",
+			country: "FR"
+		},
+		{
+			code: "de",
+			name: "Deutsch",
+			country: "DE"
+		},
+		{
+			code: "es",
+			name: "Español",
+			country: "ES"
+		},
+		{
+			code: "zh",
+			name: "中文",
+			country: "CN"
+		},
+		{
+			code: "ar",
+			name: "العربية",
+			country: "SA"
+		}
+	];
+	initialTranslations = {
+		en: {
+			controls: "Controls",
+			customize_stroke: "Customize the stroke.",
+			stroke_color: "Stroke Color",
+			stroke_width: "Stroke Width",
+			actions: "Actions",
+			undo: "Undo",
+			redo: "Redo",
+			clear: "Clear",
+			capture: "Capture",
+			download_png: "Download PNG",
+			captured_output: "Captured Output",
+			download: "Download",
+			add_card: "Add Card",
+			add_column: "Add Column",
+			add_swimlane: "Add Swimlane",
+			search_placeholder: "Search cards...",
+			view_standard: "Standard",
+			view_swimlane: "Swimlane",
+			view_timeline: "Timeline",
+			view_analytics: "Analytics",
+			uncategorized: "Uncategorized",
+			no_cards: "No cards in this column",
+			items: "items",
+			switch_language: "Switch Language",
+			reload_dataset: "Reload Dataset",
+			no_rows: "No records to display",
+			loading: "Loading...",
+			rows_per_page: "Rows per page",
+			of: "of",
+			page: "Page",
+			go_to_page: "Go to page",
+			first_page: "First page",
+			last_page: "Last page",
+			next_page: "Next page",
+			previous_page: "Previous page",
+			filter: "Filter",
+			sort_asc: "Sort ascending",
+			sort_desc: "Sort descending",
+			clear_filter: "Clear filter",
+			column_settings: "Column settings",
+			group_by: "Group by",
+			ungroup: "Ungroup",
+			pin_left: "Pin left",
+			pin_right: "Pin right",
+			unpin: "Unpin",
+			hide_column: "Hide column",
+			selected_rows: "selected rows",
+			total_rows: "Total rows",
+			day_view: "Day",
+			week_view: "Week",
+			month_view: "Month",
+			agenda_view: "Agenda",
+			today: "Today",
+			add_event: "Add Event",
+			edit_event: "Edit Event",
+			delete_event: "Delete Event",
+			all_day: "All day",
+			no_events: "No events",
+			sign_in: "Sign In",
+			sign_out: "Sign Out",
+			profile: "Profile",
+			settings: "Settings",
+			nav_settings: "Settings",
+			theme_color: "Theme Color",
+			toggle_theme: "Toggle theme",
+			toggle_sidebar: "Toggle sidebar",
+			flow_node_library: "Node Library",
+			flow_cat_flow_control: "Flow Control",
+			flow_cat_logic: "Logic",
+			flow_cat_execution: "Execution",
+			flow_cat_human: "Human",
+			flow_cat_structural: "Structural",
+			flow_start_node: "Start",
+			flow_start_node_desc: "Entry point of the workflow",
+			flow_end_node: "End",
+			flow_end_node_desc: "Termination point",
+			flow_decision_node: "Decision",
+			flow_decision_node_desc: "If/Else branching logic",
+			flow_loop_node: "Loop",
+			flow_loop_node_desc: "Iterate over data",
+			flow_action_node: "Action",
+			flow_action_node_desc: "Execute a task",
+			flow_request_node: "HTTP Request",
+			flow_request_node_desc: "REST API integration",
+			flow_delay_node: "Delay",
+			flow_delay_node_desc: "Time-based pause",
+			flow_approval_node: "Approval",
+			flow_approval_node_desc: "Human approval step",
+			flow_group_node: "Group",
+			flow_group_node_desc: "Sub-process container",
+			flow_save: "Save",
+			flow_cancel: "Cancel",
+			flow_status_draft: "Draft",
+			flow_status_live: "Live",
+			flow_status_archived: "Archived",
+			flow_discard_warning: "You have unsaved changes. Discard and exit?"
+		},
+		fr: {
+			controls: "Contrôles",
+			customize_stroke: "Personnaliser le trait.",
+			stroke_color: "Couleur du trait",
+			stroke_width: "Largeur du trait",
+			actions: "Actions",
+			undo: "Annuler",
+			redo: "Rétablir",
+			clear: "Effacer",
+			capture: "Capturer",
+			download_png: "Télécharger PNG",
+			captured_output: "Sortie capturée",
+			download: "Télécharger",
+			add_card: "Ajouter une carte",
+			add_column: "Ajouter une colonne",
+			add_swimlane: "Ajouter un couloir",
+			search_placeholder: "Rechercher des cartes...",
+			view_standard: "Standard",
+			view_swimlane: "Couloir",
+			view_timeline: "Chronologie",
+			view_analytics: "Analytique",
+			uncategorized: "Non catégorisé",
+			no_cards: "Aucune carte dans cette colonne",
+			items: "éléments",
+			switch_language: "Changer de langue",
+			reload_dataset: "Recharger l'ensemble de données",
+			flow_node_library: "Bibliothèque de nœuds",
+			flow_cat_flow_control: "Contrôle de flux",
+			flow_cat_logic: "Logique",
+			flow_cat_execution: "Exécution",
+			flow_cat_human: "Humain",
+			flow_cat_structural: "Structurel",
+			flow_start_node: "Début",
+			flow_end_node: "Fin",
+			flow_decision_node: "Décision",
+			flow_loop_node: "Boucle",
+			flow_action_node: "Action",
+			flow_request_node: "Requête HTTP",
+			flow_delay_node: "Délai",
+			flow_approval_node: "Approbation",
+			flow_group_node: "Groupe",
+			flow_save: "Enregistrer",
+			flow_cancel: "Annuler"
+		},
+		de: {
+			controls: "Steuerung",
+			customize_stroke: "Strich anpassen.",
+			stroke_color: "Strichfarbe",
+			stroke_width: "Strichbreite",
+			actions: "Aktionen",
+			undo: "Rückgängig",
+			redo: "Wiederholen",
+			clear: "Löschen",
+			capture: "Erfassen",
+			download_png: "Herunterladen PNG",
+			captured_output: "Erfasste Ausgabe",
+			download: "Herunterladen",
+			add_card: "Karte hinzufügen",
+			add_column: "Spalte hinzufügen",
+			add_swimlane: "Schwimmbahn hinzufügen",
+			search_placeholder: "Karten suchen...",
+			view_standard: "Standard",
+			view_swimlane: "Schwimmbahn",
+			view_timeline: "Zeitplan",
+			view_analytics: "Analytik",
+			uncategorized: "Nicht kategorisiert",
+			no_cards: "Keine Karten in dieser Spalte",
+			items: "Elemente",
+			switch_language: "Sprache wechseln",
+			reload_dataset: "Chipsatz neu laden",
+			flow_node_library: "Knotenbibliothek",
+			flow_cat_flow_control: "Flusskontrolle",
+			flow_cat_logic: "Logik",
+			flow_cat_execution: "Ausführung",
+			flow_cat_human: "Menschlich",
+			flow_cat_structural: "Strukturell",
+			flow_start_node: "Start",
+			flow_end_node: "Ende",
+			flow_decision_node: "Entscheidung",
+			flow_loop_node: "Schleife",
+			flow_action_node: "Aktion",
+			flow_request_node: "HTTP-Anfrage",
+			flow_delay_node: "Verzögerung",
+			flow_approval_node: "Genehmigung",
+			flow_group_node: "Gruppe",
+			flow_save: "Speichern",
+			flow_cancel: "Abbrechen"
+		},
+		es: {
+			controls: "Controles",
+			customize_stroke: "Personalizar el trazo.",
+			stroke_color: "Color del trazo",
+			stroke_width: "Ancho del trazo",
+			actions: "Acciones",
+			undo: "Deshacer",
+			redo: "Rehacer",
+			clear: "Limpiar",
+			capture: "Capturar",
+			download_png: "Descargar PNG",
+			captured_output: "Salida capturada",
+			download: "Descargar",
+			add_card: "Añadir tarjeta",
+			add_column: "Añadir columna",
+			add_swimlane: "Añadir carril",
+			search_placeholder: "Buscar tarjetas...",
+			view_standard: "Estándar",
+			view_swimlane: "Carril",
+			view_timeline: "Línea de tiempo",
+			view_analytics: "Analítica",
+			uncategorized: "Sin categoría",
+			no_cards: "No hay tarjetas en esta columna",
+			items: "elementos",
+			switch_language: "Cambiar idioma",
+			reload_dataset: "Recargar conjunto de datos",
+			flow_node_library: "Biblioteca de nodos",
+			flow_cat_flow_control: "Control de flujo",
+			flow_cat_logic: "Lógica",
+			flow_cat_execution: "Ejecución",
+			flow_cat_human: "Humano",
+			flow_cat_structural: "Estructural",
+			flow_start_node: "Inicio",
+			flow_end_node: "Fin",
+			flow_decision_node: "Decisión",
+			flow_loop_node: "Bucle",
+			flow_action_node: "Acción",
+			flow_request_node: "Solicitud HTTP",
+			flow_delay_node: "Retraso",
+			flow_approval_node: "Aprobación",
+			flow_group_node: "Grupo",
+			flow_save: "Guardar",
+			flow_cancel: "Cancelar"
+		},
+		zh: {
+			controls: "控制",
+			customize_stroke: "自定义笔触。",
+			stroke_color: "笔触颜色",
+			stroke_width: "笔触宽度",
+			actions: "操作",
+			undo: "撤销",
+			redo: "重做",
+			clear: "清除",
+			capture: "捕获",
+			download_png: "下载 PNG",
+			captured_output: "捕获输出",
+			download: "下载",
+			add_card: "添加卡片",
+			add_column: "添加列",
+			add_swimlane: "添加泳道",
+			search_placeholder: "搜索卡片...",
+			view_standard: "标准",
+			view_swimlane: "泳道",
+			view_timeline: "时间轴",
+			view_analytics: "分析",
+			uncategorized: "未分类",
+			no_cards: "此列中没有卡片",
+			items: "项",
+			switch_language: "切换语言",
+			reload_dataset: "重新加载数据集",
+			flow_node_library: "节点库",
+			flow_cat_flow_control: "流程控制",
+			flow_cat_logic: "逻辑",
+			flow_cat_execution: "执行",
+			flow_cat_human: "人工",
+			flow_cat_structural: "结构",
+			flow_start_node: "开始",
+			flow_end_node: "结束",
+			flow_decision_node: "决策",
+			flow_loop_node: "循环",
+			flow_action_node: "操作",
+			flow_request_node: "HTTP请求",
+			flow_delay_node: "延迟",
+			flow_approval_node: "审批",
+			flow_group_node: "分组",
+			flow_save: "保存",
+			flow_cancel: "取消"
+		},
+		ar: {
+			controls: "عناصر التحكم",
+			customize_stroke: "تخصيص الضربة.",
+			stroke_color: "لون الضربة",
+			stroke_width: "عرض الضربة",
+			actions: "إجراءات",
+			undo: "تراجع",
+			redo: "إعادة",
+			clear: "مسح",
+			capture: "التقاط",
+			download_png: "تحميل PNG",
+			captured_output: "المخرجات الملتقطة",
+			download: "تحميل",
+			add_card: "أضف بطاقة",
+			add_column: "أضف عمود",
+			add_swimlane: "أضف مسار",
+			search_placeholder: "بحث عن البطاقات...",
+			view_standard: "قياسي",
+			view_swimlane: "مسار",
+			view_timeline: "الجدول الزمني",
+			view_analytics: "تحليلات",
+			uncategorized: "غير مصنف",
+			no_cards: "لا توجد بطاقات في هذا العمود",
+			items: "عناصر",
+			switch_language: "تغيير اللغة",
+			reload_dataset: "إعادة تحميل البيانات",
+			flow_node_library: "مكتبة العقد",
+			flow_cat_flow_control: "التحكم في التدفق",
+			flow_cat_logic: "المنطق",
+			flow_cat_execution: "التنفيذ",
+			flow_cat_human: "بشري",
+			flow_cat_structural: "هيكلي",
+			flow_start_node: "بداية",
+			flow_end_node: "نهاية",
+			flow_decision_node: "قرار",
+			flow_loop_node: "حلقة",
+			flow_action_node: "إجراء",
+			flow_request_node: "طلب HTTP",
+			flow_delay_node: "تأخير",
+			flow_approval_node: "موافقة",
+			flow_group_node: "مجموعة",
+			flow_save: "حفظ",
+			flow_cancel: "إلغاء"
+		}
+	};
+	_locale = "en";
+	_translations = {};
+	constructor(e = "en") {
+		super({
+			locale: e,
+			dir: [
+				"ar",
+				"he",
+				"fa"
+			].includes(e) ? "rtl" : "ltr",
+			translations: {}
+		}), this._locale = e, this._translations = this.initialTranslations, this.setState({ translations: this.initialTranslations });
+	}
+	get locale() {
+		return this.state.locale;
+	}
+	get dir() {
+		return this.state.dir;
+	}
+	setLocale = (e) => {
+		this._locale = e, this.setState({
+			locale: e,
+			dir: [
+				"ar",
+				"he",
+				"fa"
+			].includes(e) ? "rtl" : "ltr"
+		});
+	};
+	registerTranslations = (e, t) => {
+		this._translations[e] = {
+			...this._translations[e],
+			...t
+		}, this.setState((n) => ({ translations: {
+			...n?.translations || {},
+			[e]: {
+				...n?.translations?.[e] || {},
+				...t
+			}
+		} }));
+	};
+	t = (e, t) => (this._translations[this._locale] || this._translations.en)?.[e] ?? t ?? e;
+	formatDate = (e, t = {}) => g(e, {
+		...t,
+		locale: this.state.locale
+	});
+	formatNumber = (e, t = {}) => h(e, {
+		...t,
+		locale: this.state.locale
+	});
+	formatCurrency = (e, t = "USD") => v(e, this.state.locale, t);
+}, S = class {
+	name = "NotificationService";
+	subscribers = /* @__PURE__ */ new Set();
+	notifications = [];
+	add(e) {
+		let t = crypto.randomUUID(), n = {
+			...e,
+			id: t
+		};
+		this.notifications.push(n), this.notify(), e.duration !== 0 && setTimeout(() => this.remove(t), e.duration || 5e3);
+	}
+	show(e) {
+		this.add(e);
+	}
+	remove(e) {
+		this.notifications = this.notifications.filter((t) => t.id !== e), this.notify();
+	}
+	clearAll() {
+		this.notifications = [], this.notify();
+	}
+	subscribe(e) {
+		return this.subscribers.add(e), e(this.notifications), () => this.subscribers.delete(e);
+	}
+	notify() {
+		this.subscribers.forEach((e) => e(this.notifications));
+	}
+}, C = class extends d {
+	name = "LayoutService";
+	constructor() {
+		super({
+			sidebarOpen: !0,
+			mode: "dashboard",
+			headerHeight: 64,
+			sidebarWidth: 256,
+			breakpoint: 768,
+			viewportHeight: typeof window < "u" ? window.innerHeight : 0,
+			isMobile: !1,
+			authPage: "signin",
+			panels: []
+		}), typeof window < "u" && (this.handleResize(), window.addEventListener("resize", this.handleResize), this.registerCleanup(() => window.removeEventListener("resize", this.handleResize)));
+	}
+	handleResize = () => {
+		let e = window.innerHeight, t = window.innerWidth < this.state.breakpoint;
+		this.setState((n) => {
+			let r = { viewportHeight: e };
+			return t !== n.isMobile && (r.isMobile = t, t && (r.sidebarOpen = !1)), r;
+		});
+	};
+	updateConfig(e) {
+		this.setState((t) => {
+			let n = {};
+			e.headerHeight !== void 0 && (n.headerHeight = e.headerHeight), e.sidebarWidth !== void 0 && (n.sidebarWidth = e.sidebarWidth), e.breakpoint !== void 0 && (n.breakpoint = e.breakpoint);
+			let r = n.breakpoint ?? t.breakpoint;
+			if (typeof window < "u") {
+				let e = window.innerWidth < r;
+				e !== t.isMobile && (n.isMobile = e, e && (n.sidebarOpen = !1));
+			}
+			return n;
+		});
+	}
+	toggleSidebar(e) {
+		this.setState((t) => ({ sidebarOpen: e === void 0 ? !t.sidebarOpen : e }));
+	}
+	setMode(e) {
+		this.setState({ mode: e });
+	}
+	setAuthPage(e) {
+		this.setState({ authPage: e });
+	}
+	addPanel(e) {
+		this.setState((t) => ({ panels: [...t.panels, e] }));
+	}
+	removePanel(e) {
+		this.setState((t) => ({ panels: t.panels.filter((t) => t.id !== e) }));
+	}
+	getMainContentStyle() {
+		return {
+			height: `calc(100vh - ${this.state.headerHeight}px)`,
+			marginLeft: this.state.sidebarOpen && !this.state.isMobile ? `${this.state.sidebarWidth}px` : "0px",
+			transition: "margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+		};
+	}
+}, w = t(null), T = ({ children: t, defaultLocale: n = "en", translations: a }) => {
+	let o = e.useRef(null), l = (() => {
+		if (!o.current) {
+			let e = new f(), t = new x(n);
+			a && Object.entries(a).forEach(([e, n]) => {
+				t.registerTranslations(e, n);
+			}), e.register("I18nService", t), e.register("ThemeService", new m()), e.register("NotificationService", new S()), e.register("LayoutService", new C()), o.current = e;
+		}
+		return o.current;
+	})();
+	r(() => {
+		if (a) {
+			let e = l.get("I18nService");
+			e && Object.entries(a).forEach(([t, n]) => {
+				e.registerTranslations(t, n);
+			});
+		}
+	}, [a, l]);
+	let u = i(() => ({ registry: l }), [l]);
+	return /* @__PURE__ */ c(w.Provider, {
+		value: u,
+		children: /* @__PURE__ */ c(s, {
+			strokeWidth: 2,
+			size: 18,
+			children: t
+		})
+	});
+}, E = () => {
+	let e = n(w);
+	if (!e) throw Error("useEzServiceRegistry must be used within an <EzProvider>");
+	return e.registry;
+}, D = () => E().getOrThrow("ThemeService"), O = () => E().getOrThrow("I18nService"), k = () => E().getOrThrow("NotificationService");
+//#endregion
+export { u as _, D as a, x as c, b as d, h as f, d as g, f as h, k as i, v as l, m, E as n, C as o, y as p, O as r, S as s, T as t, g as u };