sveltekit-ui 1.1.71 → 1.1.73

package/.vercel/output/functions/![-]/catchall.func/.svelte-kit/output/server/chunks/index2.svelte.js

@@ -0,0 +1,220 @@
+import { o as tick } from "./internal.js";
+import { C as escape_html, i as derived, l as stringify, n as attr_style, o as ensure_array_like, t as attr_class } from "./server.js";
+import { o as ErrorX, r as Button, s as SuccessCheck, t as create_button_manager } from "./index.svelte.js";
+import { g as set_closurable, o as create_unique_id } from "./client2.js";
+//#region src/lib/Components/Alert/index.svelte
+function Alert($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { manager = null, options = null, on_alert_added } = $$props;
+		$$renderer.push(`<div class="alerts_container svelte-tl9dw9">`);
+		if (Array.isArray(manager?.alerts) && manager?.alerts.length > 0) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<!--[-->`);
+			const each_array = ensure_array_like(manager?.alerts);
+			for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+				let alert = each_array[i];
+				$$renderer.push(`<div${attr_class("card alert_box svelte-tl9dw9", void 0, {
+					"alert_container": !manager?.is_small_screen,
+					"small_alert_container": manager?.is_small_screen
+				})}${attr_style(`--br: ${stringify(manager?.border_radius)}rem;`)}><div class="icon svelte-tl9dw9">`);
+				if (alert.icon === "check") {
+					$$renderer.push("<!--[0-->");
+					SuccessCheck($$renderer, { color: manager?.success_icon_color });
+				} else if (alert.icon === "x") {
+					$$renderer.push("<!--[1-->");
+					ErrorX($$renderer, { color: manager?.error_icon_color });
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></div> <div class="text_container svelte-tl9dw9"><h3 class="svelte-tl9dw9">${escape_html(alert.header)}</h3> <p>${escape_html(alert.message)}</p></div> <div class="x svelte-tl9dw9">`);
+				Button($$renderer, { manager: alert?.x_button_manager });
+				$$renderer.push(`<!----></div></div>`);
+			}
+			$$renderer.push(`<!--]-->`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div>`);
+	});
+}
+//#endregion
+//#region src/lib/Components/Confetti/index.svelte
+function Confetti($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { manager } = $$props;
+		if (manager?.is_show) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div${attr_class("container svelte-1vyaegh", void 0, { "full": manager?.type == "full" })}${attr_style(` --border_radius: ${stringify(manager?.border_radius)}rem; --fall_distance: ${stringify(manager?.fall_distance)}; --size: ${stringify(manager?.size)}rem; --transition_duration: ${stringify(manager?.transition_duration)}ms; --x_spread: ${stringify(manager?.x_spread)}`)}><!--[-->`);
+			const each_array = ensure_array_like(manager?.confetti_prepped);
+			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+				let item = each_array[$$index];
+				$$renderer.push(`<div class="item svelte-1vyaegh"${attr_style(` --item_bg: ${stringify(item?.item_bg)}; --skew: ${stringify(item?.skew)}; --rotation_xyz: ${stringify(item?.rotation_xyz)}; --rotation_deg: ${stringify(item?.rotation_deg)}; --translate_x: ${stringify(item?.translate_x)}; --translate_y: ${stringify(item?.translate_y)}; --scale: ${stringify(item?.scale)}; --transition_delay: ${stringify(item?.transition_time_range)};`)}></div>`);
+			}
+			$$renderer.push(`<!--]--></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region src/lib/Components/Alert/index.svelte.js
+function create_alert_manager(config) {
+	let alerts = [];
+	let is_small_screen = false;
+	let x_color = "var(--g7-t)";
+	let border_radius = 1;
+	let success_icon_color = "var(--success-t)";
+	let error_icon_color = "var(--error-t)";
+	let interval = null;
+	function run_auto_delete() {
+		if (interval) {
+			clearInterval(interval);
+			interval = null;
+		}
+		if (Array.isArray(alerts) && alerts.length > 0) interval = setInterval(function() {
+			if (Array.isArray(alerts) && alerts.length > 0) {
+				alerts.sort((a, b) => a?.epoch - b?.epoch);
+				const id = alerts[0]?.id;
+				if (id) delete_alert(id);
+			}
+		}, 3800);
+	}
+	function delete_alert(id) {
+		if (Array.isArray(alerts)) {
+			alerts = alerts.filter((h) => h?.id != id);
+			if (alerts.length < 1 && interval) {
+				clearInterval(interval);
+				interval = null;
+			}
+		}
+	}
+	function add_alert(header, message, icon) {
+		const id = create_unique_id(null, 20);
+		const alert_to_add = {
+			id,
+			header,
+			message,
+			icon,
+			epoch: Math.floor(Date.now() / 1e3),
+			x_button_manager: create_button_manager({
+				type: "soft",
+				support_icon: "x",
+				is_uniform: true,
+				on_click: () => delete_alert(id)
+			})
+		};
+		alerts.push(alert_to_add);
+		if (!interval) run_auto_delete();
+		if (config?.on_alert_added) config?.on_alert_added(alert_to_add);
+	}
+	function init(config) {
+		alerts = config?.alerts ?? [];
+		is_small_screen = config?.is_small_screen ?? false;
+		x_color = config?.x_color ?? "var(--g7-t)";
+		border_radius = config?.border_radius ?? 1;
+		success_icon_color = config?.success_icon_color ?? "var(--success-t)";
+		error_icon_color = config?.alerts ?? "var(--error-t)";
+		run_auto_delete();
+	}
+	init(config);
+	return {
+		get interval() {
+			return interval;
+		},
+		get alerts() {
+			return alerts;
+		},
+		get is_small_screen() {
+			return is_small_screen;
+		},
+		get x_color() {
+			return x_color;
+		},
+		get border_radius() {
+			return border_radius;
+		},
+		get success_icon_color() {
+			return success_icon_color;
+		},
+		get error_icon_color() {
+			return error_icon_color;
+		},
+		add_alert,
+		delete_alert
+	};
+}
+//#endregion
+//#region src/lib/Components/Confetti/index.svelte.js
+function create_confetti_manager(config) {
+	let type = derived(() => set_closurable(config?.type, null));
+	let amount = derived(() => set_closurable(config?.amount, 50));
+	let size = derived(() => set_closurable(config?.size, 1.2));
+	let x_range = derived(() => set_closurable(config?.x_range, [-10, 10]));
+	let x_spread = derived(() => set_closurable(config?.x_spread, .9));
+	let y_range = derived(() => set_closurable(config?.y_range, [-3, -10]));
+	let time_range = derived(() => set_closurable(config?.time_range, 50));
+	let duration = derived(() => set_closurable(config?.duration, 2e3));
+	let item_bg = derived(() => set_closurable(config?.item_bg, null));
+	let fall_distance = derived(() => set_closurable(config?.fall_distance, "10rem"));
+	let border_radius = derived(() => set_closurable(config?.border_radius, .1));
+	let is_show = false;
+	let confetti_prepped = null;
+	function random_between(min, max) {
+		return (Math.random() * (max - min) + min).toPrecision(4);
+	}
+	function get_item_bg() {
+		if (Array.isArray(item_bg()) && item_bg().length) return item_bg()[Math.round(Math.random() * (item_bg().length - 1))];
+		else if (item_bg() == "rainbow") return `oklch(var(--l6-t) var(--c10) var(--h${Math.round(random_between(0, 24))}))`;
+		return `oklch(var(--l6-t) var(--c${Math.round(random_between(1, 14))}) var(--primary-h))`;
+	}
+	function prep_confetti() {
+		let confetti_prepped_loc = [];
+		for (let i = 0; i < amount(); i++) {
+			const item_bg = get_item_bg();
+			confetti_prepped_loc.push({
+				item_bg,
+				skew: `${random_between(-45, 45)}deg,${random_between(-45, 45)}deg`,
+				rotation_xyz: `${random_between(-10, 10)}, ${random_between(-10, 10)}, ${random_between(-10, 10)}`,
+				rotation_deg: `${random_between(0, 360)}deg`,
+				translate_x: `${Math.floor(random_between(x_range()?.[0], x_range()?.[1]))}rem`,
+				translate_y: `${Math.floor(random_between(y_range()?.[0], y_range()?.[1]))}rem`,
+				scale: .1 * random_between(2, 10),
+				transition_time_range: `${random_between(0, time_range())}ms`
+			});
+		}
+		confetti_prepped = confetti_prepped_loc;
+	}
+	async function show_confetti() {
+		is_show = false;
+		prep_confetti();
+		await tick();
+		is_show = true;
+		setTimeout(() => {
+			is_show = false;
+		}, duration() + time_range());
+	}
+	return {
+		get type() {
+			return type();
+		},
+		get confetti_prepped() {
+			return confetti_prepped;
+		},
+		get is_show() {
+			return is_show;
+		},
+		get border_radius() {
+			return border_radius();
+		},
+		get fall_distance() {
+			return fall_distance();
+		},
+		get size() {
+			return size();
+		},
+		get transition_duration() {
+			return duration();
+		},
+		get x_spread() {
+			return x_spread();
+		},
+		show_confetti
+	};
+}
+//#endregion
+export { Alert as i, create_alert_manager as n, Confetti as r, create_confetti_manager as t };