sveltekit-ui 1.1.71 → 1.1.73

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

@@ -0,0 +1,914 @@
+import { C as escape_html, S as attr, i as derived, l as stringify, n as attr_style, r as attributes, t as attr_class } from "./server.js";
+import { i as LoadingWheel, o as ErrorX, r as Button, s as SuccessCheck, t as create_button_manager } from "./index.svelte.js";
+import { _ as set_closurable_color, g as set_closurable, o as create_unique_id } from "./client2.js";
+//#region src/lib/Components/LoadingSuccessDiv/index.svelte
+function LoadingSuccessDiv($$renderer, $$props) {
+	let { message, show_screen = "loading", size = 8, ml = 1, mr = 1, mt = 1, mb = 1, flex = 1 } = $$props;
+	$$renderer.push(`<div class="success_container svelte-1tr31od"${attr_style(`margin-left: ${stringify(ml)}rem; margin-right: ${stringify(mr)}rem; margin-top: ${stringify(mt)}rem; margin-bottom: ${stringify(mb)}rem; flex: ${stringify(flex)};`)}><div class="check_container svelte-1tr31od"><div class="icon_frame svelte-1tr31od"${attr_style(`--size: ${stringify(size)}rem;`)}>`);
+	if (show_screen === "loading") {
+		$$renderer.push("<!--[0-->");
+		LoadingWheel($$renderer, {});
+	} else if (show_screen === "success") {
+		$$renderer.push("<!--[1-->");
+		SuccessCheck($$renderer, { color: "var(--success-t)" });
+	} else if (show_screen === "error") {
+		$$renderer.push("<!--[2-->");
+		ErrorX($$renderer, {});
+	} else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--></div></div> `);
+	if (message) {
+		$$renderer.push("<!--[0-->");
+		$$renderer.push(`<h3 class="message svelte-1tr31od">${escape_html(message)}</h3>`);
+	} else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--></div>`);
+}
+//#endregion
+//#region src/lib/Components/Popover/index.svelte
+function Popover($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { manager, content, content_alt, header, footer } = $$props;
+		$$renderer.push(`<div${attr("id", `popover_${manager?.id}`)}${attr("popover", manager?.popover_type)}${attr_style(` --popover_top_pos: ${stringify(manager?.positioning?.popover_top_pos)}px; --popover_left_pos: ${stringify(manager?.positioning?.popover_left_pos)}px; --min_width: ${stringify(manager?.positioning?.min_width)}px; --target_width: ${stringify(manager?.positioning?.target_width)}px; --max_width: calc(100dvw - (2 * ${stringify(manager?.positioning?.edge_forgiveness)}px)); --min_height: ${stringify(manager?.positioning?.min_height)}px; --target_height: ${manager?.target_height ? `${manager?.positioning?.target_height}px` : "fit-content"}; --max_height: ${manager?.positioning?.max_height ? `${manager?.positioning?.max_height ?? manager?.screen_height - 20}px` : `calc(100% - (2 * ${manager?.edge_forgiveness ?? 20}px))`}; --pt: ${stringify(manager?.pt)}rem; --pl: ${stringify(manager?.pl)}rem; --pr: ${stringify(manager?.pr)}rem; --pb: ${stringify(manager?.pb)}rem; --br: ${stringify(manager?.border_radius)}rem; --background_color: ${stringify(manager?.background_color)}; --border_color: ${stringify(manager?.border_color)}; --drop_color: ${stringify(manager?.drop_color)}; --edge_forgiveness: ${stringify(manager?.positioning?.edge_forgiveness ?? 20)}px; `)}${attr_class("svelte-4qdhum", void 0, {
+			"type_dropdown": manager?.positioning?.type_to_use === "dropdown",
+			"type_full": manager?.positioning?.type_to_use === "full",
+			"type_right_panel": manager?.positioning?.type_to_use === "panel" && manager?.panel_side != "left",
+			"type_left_panel": manager?.positioning?.type_to_use === "panel" && manager?.panel_side == "left",
+			"type_center": manager?.positioning?.type_to_use === "center",
+			"type_center_lftb": manager?.positioning?.type_to_use === "center" && !manager?.corner,
+			"panel_backdrop": ["full", "panel"].includes(manager?.positioning?.type_to_use),
+			"corner_tl": manager?.positioning?.type_to_use === "center" && manager?.corner == "tl",
+			"corner_tr": manager?.positioning?.type_to_use === "center" && manager?.corner == "tr",
+			"corner_bl": manager?.positioning?.type_to_use === "center" && manager?.corner == "bl",
+			"corner_br": manager?.positioning?.type_to_use === "center" && manager?.corner == "br"
+		})}><div class="content_container svelte-4qdhum"${attr_style(` --header_bg_color: oklch(from var(--background_color) l c h / ${stringify(0)}); --header_border_color: transparent; --footer_bg_color: oklch(from var(--background_color) l c h / ${stringify(0)}); --footer_border_color: transparent; `)}>`);
+		if (manager?.temp_message) {
+			$$renderer.push("<!--[0-->");
+			LoadingSuccessDiv($$renderer, {
+				show_screen: manager?.temp_message?.icon,
+				message: manager?.temp_message?.message
+			});
+		} else if (manager?.is_show_alt_content && content_alt) {
+			$$renderer.push("<!--[1-->");
+			content_alt($$renderer);
+			$$renderer.push(`<!---->`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<div class="header_and_content svelte-4qdhum">`);
+			if (manager?.header) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="header svelte-4qdhum"><h3${attr_style(`font-size: ${stringify(manager?.header_font_size)}rem;`)}>${escape_html(manager?.header)}</h3></div>`);
+			} else if (header) {
+				$$renderer.push("<!--[1-->");
+				$$renderer.push(`<div class="header svelte-4qdhum">`);
+				header($$renderer);
+				$$renderer.push(`<!----></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <div class="content svelte-4qdhum"${attr_style(`padding: ${stringify(manager?.header || header ? 0 : manager?.pt)}rem ${stringify(manager?.pr)}rem ${stringify(manager?.pb)}rem ${stringify(manager?.pl)}rem;`)}>`);
+			if (content) {
+				$$renderer.push("<!--[0-->");
+				content($$renderer, manager?.toggle_modal);
+				$$renderer.push(`<!---->`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div></div> `);
+			if (footer) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="footer svelte-4qdhum">`);
+				footer($$renderer, manager?.toggle_modal);
+				$$renderer.push(`<!----></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]-->`);
+		}
+		$$renderer.push(`<!--]--></div> `);
+		if (manager?.is_show_x && !manager?.is_non_closable) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="x_box svelte-4qdhum" style="--br_offset: .2rem;">`);
+			Button($$renderer, { manager: manager?.x_button_manager });
+			$$renderer.push(`<!----></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div>`);
+	});
+}
+//#endregion
+//#region src/lib/Components/Eye/index.svelte
+function Eye($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { is_eye_shown = false, is_bind_val = false, eye_color = "var(--g6-t)", sw = 30, on_change } = $$props;
+		$$renderer.push(`<div class="icon_frame svelte-1wz9mxq" role="button" tabindex="0">`);
+		if (is_eye_shown) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<svg id="eye" class="svg_cover svelte-1wz9mxq" data-name="eye" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 350"><g fill="none"${attr("stroke", eye_color)}${attr("stroke-width", sw)}><path d="M120.2-2.8h58.2a248 248 0 01248 248v58.3a34.6 34.6 0 01-34.6 34.6h-58.2A248 248 0 0185.6 90V31.9a34.6 34.6 0 0134.6-34.7z" transform="rotate(-45 256 167.7)"></path><circle cx="256" cy="167.7" r="78.8"></circle></g></svg>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<svg id="eyenot" class="svg_cover svelte-1wz9mxq" data-name="eyenot" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 350"><g fill="none"${attr("stroke", eye_color)}${attr("stroke-width", sw)}><path d="M336.3 292.6a248 248 0 01-255.7-59.3l-41.2-41.1a34.7 34.7 0 010-49L80.6 102a249.1 249.1 0 0135.6-29.6M182.6 139a78.8 78.8 0 00102.2 102M329.4 196.4A78.8 78.8 0 00227.3 94.3"></path><path d="M175.7 42.7A248 248 0 01431.4 102l41.2 41.1a34.7 34.7 0 010 49l-41.2 41.2a249 249 0 01-35.6 29.6M115.6 27.3l280.8 280.8"></path></g></svg>`);
+		}
+		$$renderer.push(`<!--]--></div>`);
+	});
+}
+//#endregion
+//#region src/lib/Components/TextInput/PasswordTooltip/index.svelte
+function check_x($$renderer, is_check) {
+	$$renderer.push(`<div class="icon_frame svelte-apg4dp" style="--color1: var(--primary-t); --color2: var(--g6-t);">`);
+	if (is_check) {
+		$$renderer.push("<!--[0-->");
+		$$renderer.push(`<svg id="check" class="svg_cover svelte-apg4dp" data-name="check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" stroke="var(--color1)" stroke-width="75" d="M432.4 116.9L177.5 371.7l-104-104"></path></svg>`);
+	} else {
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<svg id="x" class="svg_cover svelte-apg4dp" data-name="x" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" stroke="var(--color2)" stroke-width="75" d="M75 437L437 75M75 75l362 362"></path></svg>`);
+	}
+	$$renderer.push(`<!--]--></div>`);
+}
+function PasswordTooltip($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { password_min_length = null, is_password_requires_lowercase = false, is_password_requires_uppercase = false, is_password_requires_number = false, is_password_requires_special_char = false, val = null } = $$props;
+		let contains_lowercase_letter = derived(() => val ? val.toUpperCase() != val : false);
+		let contains_uppercase_letter = derived(() => val ? val.toLowerCase() != val : false);
+		let contains_number = derived(() => val ? /[0-9]/.test(val) : false);
+		let contains_special_char = derived(() => val ? /[!-\/:-@[-`{-~]/.test(val) : false);
+		let is_password_long_enough = derived(() => val ? val.length > password_min_length : false);
+		let is_password_standard_met = derived(() => (!is_password_requires_lowercase || is_password_requires_lowercase && contains_lowercase_letter()) && (!is_password_requires_uppercase || is_password_requires_uppercase && contains_uppercase_letter()) && (!is_password_requires_special_char || is_password_requires_special_char && contains_special_char()) && (!is_password_requires_number || is_password_requires_number && contains_number()) && is_password_long_enough());
+		if (derived(() => val ? val.length > 0 && !is_password_standard_met() : false)()) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="password_guide svelte-apg4dp"><div class="check_container svelte-apg4dp">`);
+			check_x($$renderer, contains_lowercase_letter());
+			$$renderer.push(`<!----> <p class="label svelte-apg4dp">Lowercase Letter</p></div> <div class="check_container svelte-apg4dp">`);
+			check_x($$renderer, contains_uppercase_letter());
+			$$renderer.push(`<!----> <p class="label svelte-apg4dp">Uppercase Letter</p></div> <div class="check_container svelte-apg4dp">`);
+			check_x($$renderer, contains_number());
+			$$renderer.push(`<!----> <p class="label svelte-apg4dp">Number</p></div> <div class="check_container svelte-apg4dp">`);
+			check_x($$renderer, contains_special_char());
+			$$renderer.push(`<!----> <p class="label svelte-apg4dp">Special Character</p></div> <div class="check_container svelte-apg4dp">`);
+			check_x($$renderer, is_password_long_enough());
+			$$renderer.push(`<!----> <p class="label svelte-apg4dp">8 characters or more</p></div></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region src/lib/Components/TextInput/index.svelte
+function TextInput($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { manager } = $$props;
+		function text_edit_content($$renderer) {
+			$$renderer.push(`<div><div class="container svelte-1w8dili">`);
+			if (manager?.label || manager?.error_message) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div style="display: inline-flex;">`);
+				if (manager?.label) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<label${attr("for", manager?.id)} class="svelte-1w8dili">${escape_html(manager?.label)}:</label>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> `);
+				if (manager?.error_message) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<p class="error_text svelte-1w8dili">${escape_html(manager?.error_message)}</p>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <div class="input_container svelte-1w8dili">`);
+			if (manager?.is_nullable) {
+				$$renderer.push("<!--[0-->");
+				Button($$renderer, { manager: manager?.set_null_button_manager });
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <!---->`);
+			if (manager?.type == "text_area") {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<textarea${attr("id", `input_${manager?.id}`)}${attr_class("input_box textarea_sty svelte-1w8dili", void 0, {
+					"is_disabled": manager?.is_disabled,
+					"error": manager?.error_message && manager?.val && manager?.val.length > 0,
+					"no_resize": !manager?.is_resizable
+				})}${attr_style(`max-height: ${stringify(manager?.max_height)}rem; border-radius: ${stringify(manager?.border_radius)}rem; margin-left: ${stringify(manager?.ml)}rem; margin-right: ${stringify(manager?.mr)}rem; margin-top: ${stringify(manager?.mt)}rem; margin-bottom: ${stringify(manager?.mb)}rem;`)}${attr("type", manager?.input_type)}${attr("name", manager?.name)}${attr("autocomplete", manager?.autocomplete)}${attr("placeholder", manager?.placeholder)}${attr("required", manager?.is_required, true)}${attr("readonly", manager?.is_read_only, true)}${attr("disabled", manager?.is_disabled, true)}${attr("maxlength", manager?.max_length)}${attr("min", manager?.min)}${attr("max", manager?.max)}${attr("rows", manager?.rows)}>`);
+				const $$body = escape_html(manager?.val);
+				if ($$body) $$renderer.push(`${$$body}`);
+				$$renderer.push(`</textarea> `);
+				if (manager?.val && manager?.is_show_limit) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<p class="limit svelte-1w8dili">${escape_html(manager?.val.length)}/${escape_html(manager?.max_length)}</p>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]-->`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`<input${attributes({
+					id: `input_${manager?.id}`,
+					type: manager?.input_type,
+					name: manager?.name,
+					autocomplete: manager?.autocomplete,
+					placeholder: manager?.placeholder,
+					...["number", "tel"].includes(manager?.input_type) ? { pattern: "[0-9]*" } : {},
+					required: manager?.is_required,
+					readonly: manager?.is_read_only,
+					disabled: manager?.is_disabled,
+					class: "input_box",
+					style: `border-radius: ${stringify(manager?.border_radius)}rem; margin-left: ${stringify(manager?.ml)}rem; margin-right: ${stringify(manager?.mr)}rem; margin-top: ${stringify(manager?.mt)}rem; margin-bottom: ${stringify(manager?.mb)}rem;`,
+					maxlength: manager?.max_length,
+					min: manager?.min,
+					max: manager?.max,
+					value: manager?.val_closurable
+				}, "svelte-1w8dili", {
+					is_disabled: manager?.is_disabled,
+					error: manager?.error_message && manager?.val && manager?.val.length > 0
+				}, void 0, 4)}/>`);
+			}
+			$$renderer.push(`<!--]-->`);
+			$$renderer.push(`<!----> `);
+			if (manager?.is_text_hidable || manager?.type == "password") {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="eye_icon svelte-1w8dili">`);
+				Eye($$renderer, {
+					is_eye_shown: manager?.is_text_hidden,
+					on_change: (input) => manager?.set_is_text_hidden(!!input),
+					eye_color: "var(--selected-t)"
+				});
+				$$renderer.push(`<!----></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div> `);
+			if (manager?.type == "password" && manager?.is_password_tooltip_used && !manager?.is_disabled) {
+				$$renderer.push("<!--[0-->");
+				PasswordTooltip($$renderer, {
+					password_min_length: manager?.password_min_length,
+					is_password_requires_lowercase: manager?.is_password_requires_lowercase,
+					is_password_requires_uppercase: manager?.is_password_requires_uppercase,
+					is_password_requires_number: manager?.is_password_requires_number,
+					is_password_requires_special_char: manager?.is_password_requires_special_char,
+					val: manager?.val
+				});
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			if (manager?.is_preview_img && manager?.is_image_url) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="img svelte-1w8dili"><img${attr("src", manager?.val)}${attr("height", manager?.preview_img_size)}${attr("width", manager?.preview_img_size)} alt="url rendered"${attr_class("svelte-1w8dili", void 0, { "is_img_disabled": manager?.is_disabled })}/></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div></div>`);
+		}
+		if (!manager?.is_popover) {
+			$$renderer.push("<!--[0-->");
+			text_edit_content($$renderer);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			if (manager?.is_popover_edit_content) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div>`);
+				if (manager?.label || manager?.error_message) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<div style="display: inline-flex;">`);
+					if (manager?.label) {
+						$$renderer.push("<!--[0-->");
+						$$renderer.push(`<p class="label">${escape_html(manager?.label)}:</p>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--> `);
+					if (manager?.error_message) {
+						$$renderer.push("<!--[0-->");
+						$$renderer.push(`<p class="error_text svelte-1w8dili">${escape_html(manager?.error_message)}</p>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--></div>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> <div style="display: flex; gap: .5rem">`);
+				if (manager?.val != null) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<p>${escape_html(manager?.val)}</p>`);
+				} else {
+					$$renderer.push("<!--[-1-->");
+					$$renderer.push(`<p style="color: var(--warning-t)">Null</p>`);
+				}
+				$$renderer.push(`<!--]--> `);
+				Button($$renderer, { manager: manager?.popover_edit_button_manager });
+				$$renderer.push(`<!----></div></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			{
+				function content($$renderer) {
+					text_edit_content($$renderer);
+				}
+				function footer($$renderer) {
+					Button($$renderer, { manager: manager?.finish_button_manager });
+				}
+				Popover($$renderer, {
+					manager: manager.popover_manager,
+					content,
+					footer,
+					$$slots: {
+						content: true,
+						footer: true
+					}
+				});
+			}
+			$$renderer.push(`<!---->`);
+		}
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region src/lib/Components/Popover/index.svelte.js
+function create_popover_manager(config) {
+	const id = create_unique_id(null, 20);
+	let type = derived(() => set_closurable(config?.type, "center"));
+	let anchor_id = derived(() => set_closurable(config?.anchor_id, null));
+	let pt = derived(() => set_closurable(config?.pt, 1));
+	let pb = derived(() => set_closurable(config?.pb, 1));
+	let pl = derived(() => set_closurable(config?.pl, 1));
+	let pr = derived(() => set_closurable(config?.pr, 1));
+	let min_width = derived(() => set_closurable(config?.min_width, 50));
+	let min_height = derived(() => set_closurable(config?.min_height, 50));
+	let target_width = derived(() => set_closurable(config?.target_width, 400));
+	let target_height = derived(() => set_closurable(config?.target_height, type() == "dropdown" ? null : 400));
+	let max_width = derived(() => set_closurable(config?.max_width, null));
+	let max_height = derived(() => set_closurable(config?.max_height, null));
+	let edge_forgiveness = derived(() => set_closurable(config?.edge_forgiveness, 10));
+	let is_disabled = derived(() => set_closurable(config?.is_disabled, false));
+	let is_show_x = derived(() => set_closurable(config?.is_show_x, true));
+	let border_radius = derived(() => set_closurable(config?.border_radius, 2));
+	let background_color = derived(() => set_closurable_color(config?.background_color, "var(--bg)"));
+	let border_color = derived(() => set_closurable_color(config?.border_color, "var(--shadow5-t)"));
+	let contrast_color = derived(() => set_closurable_color(config?.contrast_color, "var(--g14-t)"));
+	let drop_color = derived(() => set_closurable_color(config?.drop_color, "var(--shadow8)"));
+	let header = derived(() => set_closurable(config?.header, null));
+	let header_font_size = derived(() => set_closurable(config?.header_font_size, 2));
+	let is_alt_content_shown = derived(() => set_closurable(config?.is_alt_content_shown, false));
+	let corner = derived(() => set_closurable(config?.corner, null));
+	let panel_side = derived(() => set_closurable(config?.panel_side, "right"));
+	let can_swipe_close = derived(() => set_closurable(config?.can_swipe_close, false));
+	let is_non_closable = derived(() => set_closurable(config?.is_non_closable, false));
+	let popover_type = derived(() => set_closurable(config?.popover_type, "auto"));
+	let positioning = null;
+	let is_show = false;
+	let x_button_manager = create_button_manager({
+		type: "plain",
+		support_icon: "x",
+		l: 8,
+		is_icon_bg_tint: false,
+		icon_size: 1.6,
+		icon_sw: 50,
+		is_uniform: true,
+		border_radius: () => border_radius() * .6,
+		on_click: () => close()
+	});
+	let temp_message = null;
+	function show_temp_message(message, icon = "success", ms = 1800, is_close_on_end = true, on_finish) {
+		temp_message = {
+			message,
+			icon
+		};
+		setTimeout(() => {
+			if (is_close_on_end) {
+				close();
+				setTimeout(() => {
+					temp_message = null;
+				}, 300);
+			} else temp_message = null;
+			if (typeof on_finish == "function") on_finish();
+		}, ms);
+	}
+	function handle_screen_change() {
+		if (typeof window === "undefined" || typeof document === "undefined") return;
+		if ((document?.querySelector(`#popover_${id}`))?.matches(":popover-open")) positioning = calc_positions();
+	}
+	function open() {
+		if (typeof window === "undefined" || typeof document === "undefined") return;
+		const popover_el = document?.querySelector(`#popover_${id}`);
+		if (popover_el) {
+			popover_el.showPopover();
+			is_show = true;
+		}
+	}
+	function close() {
+		if (typeof window === "undefined" || typeof document === "undefined" || is_non_closable()) return;
+		const popover_el = document?.querySelector(`#popover_${id}`);
+		if (popover_el) {
+			popover_el.hidePopover();
+			is_show = false;
+		}
+	}
+	function toggle() {
+		if (typeof window === "undefined" || typeof document === "undefined" || is_non_closable() && is_show) return;
+		const popover_el = document?.querySelector(`#popover_${id}`);
+		if (popover_el) popover_el.togglePopover();
+	}
+	function handle_before_toggle(e) {
+		if (is_show && is_non_closable()) e.preventDefault();
+		is_show = e?.newState === "open";
+		if (e?.newState === "open") {
+			positioning = calc_positions();
+			if (config?.on_open) config?.on_open();
+		} else if (config?.on_close) config?.on_close();
+	}
+	function calc_positions() {
+		if (typeof window === "undefined" || typeof document === "undefined") return null;
+		const screen_width = window?.innerWidth;
+		const screen_height = window?.innerHeight;
+		let type_to_use = min_width() && screen_width && screen_width < min_width() + 2 * edge_forgiveness() && type() != "panel" ? "full" : type();
+		let popover_left_pos = "0";
+		let popover_top_pos = "0";
+		let popover_el = document?.querySelector(`#popover_${id}`);
+		if (popover_el && !isNaN(screen_width) && !isNaN(screen_height)) {
+			let anchor_el = document?.querySelector(anchor_id() ? `#${anchor_id()}` : `#anchor_el_${id}`);
+			const base_rect = type_to_use == "dropdown" && !!anchor_el ? anchor_el.getBoundingClientRect() : popover_el.getBoundingClientRect();
+			type_to_use = (target_width() >= screen_width && screen_width <= target_width() || target_height() >= screen_height && screen_height <= target_height()) && type() != "panel" ? "full" : type_to_use;
+			let is_popover_cross_base_vertically = false;
+			const space_remaining_below = screen_height - base_rect.bottom - edge_forgiveness() - target_height();
+			const space_remaining_above = base_rect.top - edge_forgiveness() - target_height();
+			if (space_remaining_below >= 0) popover_top_pos = base_rect.bottom - edge_forgiveness();
+			else if (space_remaining_above >= 0) popover_top_pos = base_rect.top - target_height() + edge_forgiveness();
+			else {
+				popover_top_pos = (screen_height - target_height()) / 2;
+				is_popover_cross_base_vertically = true;
+			}
+			popover_left_pos = base_rect.left;
+			let space_remaining_left = base_rect.left - target_width() - edge_forgiveness();
+			const space_remaining_right = screen_width - base_rect.right - target_width() - edge_forgiveness();
+			const space_remaining_left_to_end = screen_width - base_rect.left - target_width() - edge_forgiveness();
+			const space_remaining_right_to_start = base_rect.right - target_width() - edge_forgiveness();
+			if (is_popover_cross_base_vertically && space_remaining_right > 0) popover_left_pos = base_rect.right - edge_forgiveness();
+			else if (is_popover_cross_base_vertically && space_remaining_left > 0) popover_left_pos = base_rect.left - target_width() + edge_forgiveness();
+			else if (!is_popover_cross_base_vertically && space_remaining_left_to_end < 0) popover_left_pos = screen_width - target_width() - edge_forgiveness();
+			else if (space_remaining_left_to_end > 0) popover_left_pos = base_rect.left - edge_forgiveness();
+			else if (space_remaining_right_to_start > 0) popover_left_pos = base_rect.right - target_width();
+			if (type_to_use == "center") {
+				popover_left_pos = (screen_width - target_width()) / 2;
+				popover_top_pos = (screen_height - target_height()) / 2;
+			} else if (type_to_use == "dropdown") {
+				popover_left_pos = parseInt(popover_left_pos) + edge_forgiveness();
+				popover_top_pos = parseInt(popover_top_pos) + edge_forgiveness();
+			}
+		}
+		if (parseInt(target_height()) > screen_height) return {
+			type_to_use: "full",
+			popover_left_pos,
+			popover_top_pos: 0,
+			min_width: min_width(),
+			max_width: max_width(),
+			target_width: target_width(),
+			target_height: screen_height - 2 * edge_forgiveness(),
+			min_height: screen_height - 2 * edge_forgiveness(),
+			max_height: screen_height - 2 * edge_forgiveness(),
+			edge_forgiveness: edge_forgiveness()
+		};
+		return {
+			type_to_use,
+			popover_left_pos,
+			popover_top_pos,
+			min_width: min_width(),
+			max_width: max_width(),
+			target_width: target_width(),
+			target_height: target_height(),
+			min_height: min_height(),
+			max_height: max_height(),
+			edge_forgiveness: edge_forgiveness()
+		};
+	}
+	return {
+		id,
+		get type() {
+			return type();
+		},
+		get popover_type() {
+			return popover_type();
+		},
+		get anchor_id() {
+			return anchor_id();
+		},
+		get pt() {
+			return pt();
+		},
+		get pb() {
+			return pb();
+		},
+		get pl() {
+			return pl();
+		},
+		get pr() {
+			return pr();
+		},
+		get positioning() {
+			return positioning;
+		},
+		get is_disabled() {
+			return is_disabled();
+		},
+		get is_show_x() {
+			return is_show_x();
+		},
+		get border_radius() {
+			return border_radius();
+		},
+		get background_color() {
+			return background_color();
+		},
+		get border_color() {
+			return border_color();
+		},
+		get contrast_color() {
+			return contrast_color();
+		},
+		get drop_color() {
+			return drop_color();
+		},
+		get header() {
+			return header();
+		},
+		get header_font_size() {
+			return header_font_size();
+		},
+		get is_alt_content_shown() {
+			return is_alt_content_shown();
+		},
+		get corner() {
+			return corner();
+		},
+		get panel_side() {
+			return panel_side();
+		},
+		get can_swipe_close() {
+			return can_swipe_close();
+		},
+		get is_non_closable() {
+			return is_non_closable();
+		},
+		get target_width() {
+			return target_width();
+		},
+		get target_height() {
+			return target_height();
+		},
+		get x_button_manager() {
+			return x_button_manager;
+		},
+		get temp_message() {
+			return temp_message;
+		},
+		get is_show() {
+			return is_show;
+		},
+		handle_screen_change,
+		open,
+		close,
+		toggle,
+		handle_before_toggle,
+		show_temp_message
+	};
+}
+//#endregion
+//#region src/lib/Components/TextInput/index.svelte.js
+function create_text_input_manager(config) {
+	const defaults = {
+		text_area: {
+			name: "text",
+			placeholder: "text",
+			autocomplete: "off",
+			is_text_hidable: false,
+			is_text_hidden: false
+		},
+		text: {
+			name: "text",
+			placeholder: "text",
+			autocomplete: "off",
+			is_text_hidable: false,
+			is_text_hidden: false
+		},
+		email: {
+			name: "email",
+			placeholder: "email",
+			autocomplete: "email",
+			is_text_hidable: false,
+			is_text_hidden: false
+		},
+		password: {
+			name: "password",
+			placeholder: "password",
+			autocomplete: "current-password",
+			is_text_hidable: true,
+			is_text_hidden: true
+		},
+		number: {
+			name: "number",
+			placeholder: "number",
+			autocomplete: "off",
+			is_text_hidable: false,
+			is_text_hidden: false
+		},
+		tel: {
+			name: "tel",
+			placeholder: "telephone",
+			autocomplete: "tel-national",
+			is_text_hidable: false,
+			is_text_hidden: false
+		},
+		url: {
+			name: "url",
+			placeholder: "url",
+			autocomplete: "url",
+			is_text_hidable: false,
+			is_text_hidden: false
+		},
+		search: {
+			name: "search",
+			placeholder: "search",
+			autocomplete: "off",
+			is_text_hidable: false,
+			is_text_hidden: false
+		}
+	};
+	const id = create_unique_id(null, 20);
+	let val = config?.val;
+	let type = config?.type ?? "text";
+	let input_type = config?.type ?? "text";
+	let error_message = config?.error_message ?? null;
+	let is_text_hidden = defaults?.[config?.type ?? "text"]?.is_text_hidden;
+	let is_image_url = false;
+	let is_valid = false;
+	let popover_manager = null;
+	let popover_edit_button_manager = null;
+	let finish_button_manager = null;
+	let rerender_input_trigger = 0;
+	let val_closurable = derived(() => set_closurable(val, null));
+	let is_popover = derived(() => set_closurable(config?.is_popover, false));
+	let popover_header = derived(() => set_closurable(config?.popover_header, null));
+	let label = derived(() => set_closurable(config?.label, null));
+	let name = derived(() => set_closurable(config?.name, "checkbox"));
+	let is_required = derived(() => set_closurable(config?.is_required, false));
+	let is_nullable = derived(() => set_closurable(config?.is_nullable, false));
+	let replace_spaces_with = derived(() => set_closurable(config?.replace_spaces_with, null));
+	let is_numbers_only = derived(() => set_closurable(config?.is_numbers_only, null));
+	let is_text_hidable = derived(() => set_closurable(config?.is_text_hidable, defaults?.[type]?.is_text_hidable));
+	let autocomplete = derived(() => set_closurable(config?.autocomplete, defaults?.[type]?.autocomplete));
+	let placeholder = derived(() => set_closurable(config?.placeholder, defaults?.[type]?.placeholder));
+	let max_length = derived(() => set_closurable(config?.max_length, 1e5));
+	let is_disabled = derived(() => set_closurable(config?.is_disabled, false));
+	let password_min_length = derived(() => set_closurable(config?.password_min_length, 7));
+	let is_password_requires_lowercase = derived(() => set_closurable(config?.is_password_requires_lowercase, true));
+	let is_password_requires_uppercase = derived(() => set_closurable(config?.is_password_requires_uppercase, false));
+	let is_password_requires_number = derived(() => set_closurable(config?.is_password_requires_number, false));
+	let is_password_requires_special_char = derived(() => set_closurable(config?.is_password_requires_special_char, false));
+	let is_password_tooltip_used = derived(() => set_closurable(config?.is_password_tooltip_used, true));
+	let is_preview_img = derived(() => set_closurable(config?.is_preview_img, false));
+	let preview_img_size = derived(() => set_closurable(config?.preview_img_size, 32));
+	let min = derived(() => set_closurable(config?.min, -9007199254740990));
+	let max = derived(() => set_closurable(config?.max, 9007199254740990));
+	let border_radius = derived(() => set_closurable(config?.border_radius, 1));
+	let ml = derived(() => set_closurable(config?.ml, 0));
+	let mr = derived(() => set_closurable(config?.mr, 0));
+	let mt = derived(() => set_closurable(config?.mt, 0));
+	let mb = derived(() => set_closurable(config?.mb, 0));
+	let is_resizable = derived(() => set_closurable(config?.is_resizable, false));
+	let is_show_limit = derived(() => set_closurable(config?.is_show_limit, false));
+	let rows = derived(() => set_closurable(config?.rows, 5));
+	let max_height = derived(() => set_closurable(config?.max_height, 30));
+	let update_button_text = derived(() => set_closurable(config?.update_button_text, null));
+	let is_popover_edit_content = derived(() => set_closurable(config?.is_popover_edit_content, false));
+	let set_null_button_manager = null;
+	function handle_blur(e) {
+		if (e?.type == "input") {
+			if (config?.on_blur) config?.on_blur(val);
+		}
+	}
+	function set_val(val_input, is_iternal = false) {
+		error_message = null;
+		is_valid = false;
+		if (val_input) {
+			if (replace_spaces_with() !== null) val_input = val_input.replace(/\s+/g, replace_spaces_with());
+			if (val_input && is_numbers_only()) val_input = val_input.replace(/\D+/g, "");
+			if (val_input && type == "tel") val_input = val_input.replace(/\D+/g, "");
+			if (type == "url") {
+				const is_valid_url = is_valid_web_url(val_input);
+				is_valid = is_valid_url;
+				if (!is_valid_url) error_message = "Not Valid URL";
+				else if (is_preview_img() && is_valid_web_url(val_input)) is_image_url = type == "url" && check_image_url(val_input);
+			} else if (type == "password") {
+				const is_password_standard_met = is_password_valid(val_input);
+				is_valid = is_password_standard_met;
+				if (!is_password_standard_met) error_message = "Password standard not met";
+			} else if (type == "email") {
+				const is_valid_email = val_input ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val_input.toLowerCase()) : false;
+				is_valid = is_valid_email;
+				if (!is_valid_email) error_message = "Email standard not met";
+				else is_valid = true;
+			}
+		}
+		if (type == "number") val_input = val_input == null ? null : Number(val_input);
+		val = val_input;
+		if (!is_iternal) rerender_input_trigger++;
+		if (typeof config?.on_change == "function") config?.on_change(val_input);
+	}
+	async function check_image_url(val) {
+		if (is_preview_img() && is_valid_web_url(val)) return (await (await fetch(url)).blob()).type.startsWith("image/");
+		else return false;
+	}
+	function is_password_valid(val) {
+		const contains_lowercase_letter = val ? val.toUpperCase() != val : false;
+		const contains_uppercase_letter = val ? val.toLowerCase() != val : false;
+		const contains_number = val ? /[0-9]/.test(val) : false;
+		const contains_special_char = val ? /[!-\/:-@[-`{-~]/.test(val) : false;
+		const is_password_long_enough = val ? val.length > password_min_length() : false;
+		return (!is_password_requires_lowercase() || is_password_requires_lowercase() && contains_lowercase_letter) && (!is_password_requires_uppercase() || is_password_requires_uppercase() && contains_uppercase_letter) && (!is_password_requires_special_char() || is_password_requires_special_char() && contains_special_char) && (!is_password_requires_number() || is_password_requires_number() && contains_number) && is_password_long_enough;
+	}
+	function is_valid_web_url(url) {
+		return /^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/gm.test(url);
+	}
+	function set_focus() {
+		if (!is_disabled()) {}
+	}
+	function set_is_text_hidden(input) {
+		if (typeof window === "undefined") return;
+		is_text_hidden = !!input;
+		let input_el = document?.querySelector(`#input_${id}`);
+		if (input_el) if (!!input) input_el.type = "password";
+		else input_el.type = type;
+	}
+	function set_type(input) {
+		type = input;
+		if (typeof window === "undefined") return;
+		is_text_hidden = !!input;
+		let input_el = document?.querySelector(`#input_${id}`);
+		if (input_el) if (!!input) input_el.type = "text";
+		else input_el.type = input;
+	}
+	async function finish() {
+		if (typeof config?.on_finish == "function") {
+			const res = await config?.on_finish(val);
+			if (res?.is_success == true) popover_manager.show_temp_message(res?.message ?? "Success", "success");
+			else if (res?.is_success == false) popover_manager.show_temp_message(res?.message ?? "Error", "error", 1800, false);
+			else popover_manager.close();
+		} else popover_manager.close();
+	}
+	function init(config) {
+		val = config?.val ?? null;
+		type = config?.type ?? "text";
+		input_type = config?.is_text_hidden ? "password" : config?.type ?? "text";
+		error_message = config?.error_message ?? null;
+		is_text_hidden = config?.is_text_hidden ?? defaults?.[type]?.is_text_hidden;
+		popover_manager = create_popover_manager({
+			type: "center",
+			header: popover_header() ?? "Text Editor",
+			min_width: 350,
+			target_width: 550,
+			min_height: 300,
+			target_height: 500
+		});
+		popover_edit_button_manager = create_button_manager({
+			type: "soft",
+			is_uniform: true,
+			support_icon: "edit",
+			icon_size: 1.6,
+			icon_sw: 40,
+			min_height: 2,
+			border_radius: .5,
+			is_disabled: is_disabled(),
+			popover_target: () => `popover_${popover_manager?.id}`
+		});
+		set_null_button_manager = create_button_manager({
+			type: "outlined",
+			text: "Set Null",
+			is_compressed: true,
+			is_disabled: () => val == null,
+			on_click: () => val = null
+		});
+		finish_button_manager = create_button_manager({
+			text: update_button_text() ?? "Finish",
+			on_click: () => finish()
+		});
+	}
+	init(config);
+	return {
+		id,
+		get val() {
+			return val;
+		},
+		get val_closurable() {
+			return val_closurable();
+		},
+		get type() {
+			return type;
+		},
+		get input_type() {
+			return input_type;
+		},
+		get name() {
+			return name();
+		},
+		get label() {
+			return label();
+		},
+		get autocomplete() {
+			return autocomplete();
+		},
+		get placeholder() {
+			return placeholder();
+		},
+		get is_required() {
+			return is_required();
+		},
+		get error_message() {
+			return error_message;
+		},
+		get replace_spaces_with() {
+			return replace_spaces_with();
+		},
+		get is_numbers_only() {
+			return is_numbers_only();
+		},
+		get is_text_hidable() {
+			return is_text_hidable();
+		},
+		get is_text_hidden() {
+			return is_text_hidden;
+		},
+		get max_length() {
+			return max_length();
+		},
+		get is_disabled() {
+			return is_disabled();
+		},
+		get password_min_length() {
+			return password_min_length();
+		},
+		get is_password_requires_lowercase() {
+			return is_password_requires_lowercase();
+		},
+		get is_password_requires_uppercase() {
+			return is_password_requires_uppercase();
+		},
+		get is_password_requires_number() {
+			return is_password_requires_number();
+		},
+		get is_password_requires_special_char() {
+			return is_password_requires_special_char();
+		},
+		get is_password_tooltip_used() {
+			return is_password_tooltip_used();
+		},
+		get is_preview_img() {
+			return is_preview_img();
+		},
+		get preview_img_size() {
+			return preview_img_size();
+		},
+		get min() {
+			return min();
+		},
+		get max() {
+			return max();
+		},
+		get border_radius() {
+			return border_radius();
+		},
+		get ml() {
+			return ml();
+		},
+		get mr() {
+			return mr();
+		},
+		get mt() {
+			return mt();
+		},
+		get mb() {
+			return mb();
+		},
+		get is_resizable() {
+			return is_resizable();
+		},
+		get is_show_limit() {
+			return is_show_limit();
+		},
+		get rows() {
+			return rows();
+		},
+		get max_height() {
+			return max_height();
+		},
+		get is_valid() {
+			return is_valid;
+		},
+		get is_image_url() {
+			return is_image_url;
+		},
+		get popover_manager() {
+			return popover_manager;
+		},
+		get popover_edit_button_manager() {
+			return popover_edit_button_manager;
+		},
+		get finish_button_manager() {
+			return finish_button_manager;
+		},
+		get is_popover() {
+			return is_popover();
+		},
+		get set_null_button_manager() {
+			return set_null_button_manager;
+		},
+		get is_nullable() {
+			return is_nullable();
+		},
+		get rerender_input_trigger() {
+			return rerender_input_trigger;
+		},
+		get is_popover_edit_content() {
+			return is_popover_edit_content();
+		},
+		init,
+		handle_blur,
+		set_val,
+		set_focus,
+		set_type,
+		set_is_text_hidden
+	};
+}
+//#endregion
+export { Popover as i, create_popover_manager as n, TextInput as r, create_text_input_manager as t };