sveltekit-ui 1.1.73 → 1.1.74

package/dist/Components/TextInput/index.svelte.js

@@ -66,9 +66,8 @@ export function create_text_input_manager(config) {
   const id = create_unique_id(null, 20)
   let val = $state(config?.val)
   let type = $state(config?.type ?? "text")
-  let input_type = $state(config?.type ?? "text")
   let error_message = $state(config?.error_message ?? null)
-  let is_text_hidden = $state(defaults?.[config?.type ?? "text"]?.is_text_hidden)
+  let is_text_hidden = $state(defaults?.[config?.type ?? "text"]?.is_text_hidden ?? false)
   let is_image_url = $state(false)
   let is_valid = $state(false)
   let popover_manager = $state(null)
@@ -76,6 +75,7 @@ export function create_text_input_manager(config) {
   let finish_button_manager = $state(null)
   let rerender_input_trigger = $state(0)
 
+  let input_type = $derived(is_text_hidden ? "password" : type == "password" ? "text" : type)
   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))
@@ -214,34 +214,12 @@ export function create_text_input_manager(config) {
   }
 
   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
-      }
-    }
+    type = input ?? "text"
+    is_text_hidden = defaults?.[type]?.is_text_hidden ?? false
   }
 
   async function finish() {
@@ -262,9 +240,8 @@ export function create_text_input_manager(config) {
   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
+    is_text_hidden = config?.is_text_hidden ?? defaults?.[type]?.is_text_hidden ?? false
     popover_manager = create_popover_manager({
       type: "center",
       header: popover_header ?? "Text Editor",

package/dist/client/docs/index.js

@@ -7127,7 +7127,7 @@ export const definitions = {
       },
       set_type: {
         description:
-          "Changes the input type dynamically (e.g., from 'password' to 'text') though not commonly used mid-flight.",
+          "Changes the input type dynamically and resets text visibility to that type's default (for example, password inputs become hidden).",
       },
       set_is_text_hidden: {
         description: "Toggles hiding or showing the text if `is_text_hidable = true` (e.g. for password fields).",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.1.73",
+  "version": "1.1.74",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "type": "module",
@@ -23,14 +23,14 @@
   "dependencies": {
     "context-filter-polyfill": "^0.3.23",
     "qr-code-styling": "^1.9.2",
-    "svelte": "^5.56.4"
+    "svelte": "^5.56.5"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.22.2"
   },
   "devDependencies": {
     "@sveltejs/adapter-vercel": "^6.3.4",
-    "@sveltejs/kit": "^2.69.2",
+    "@sveltejs/kit": "^2.69.3",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.2.0",
     "@vercel/analytics": "^2.0.1",

package/src/lib/Components/TextInput/index.svelte.js

@@ -66,9 +66,8 @@ export function create_text_input_manager(config) {
   const id = create_unique_id(null, 20)
   let val = $state(config?.val)
   let type = $state(config?.type ?? "text")
-  let input_type = $state(config?.type ?? "text")
   let error_message = $state(config?.error_message ?? null)
-  let is_text_hidden = $state(defaults?.[config?.type ?? "text"]?.is_text_hidden)
+  let is_text_hidden = $state(defaults?.[config?.type ?? "text"]?.is_text_hidden ?? false)
   let is_image_url = $state(false)
   let is_valid = $state(false)
   let popover_manager = $state(null)
@@ -76,6 +75,7 @@ export function create_text_input_manager(config) {
   let finish_button_manager = $state(null)
   let rerender_input_trigger = $state(0)
 
+  let input_type = $derived(is_text_hidden ? "password" : type == "password" ? "text" : type)
   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))
@@ -214,34 +214,12 @@ export function create_text_input_manager(config) {
   }
 
   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
-      }
-    }
+    type = input ?? "text"
+    is_text_hidden = defaults?.[type]?.is_text_hidden ?? false
   }
 
   async function finish() {
@@ -262,9 +240,8 @@ export function create_text_input_manager(config) {
   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
+    is_text_hidden = config?.is_text_hidden ?? defaults?.[type]?.is_text_hidden ?? false
     popover_manager = create_popover_manager({
       type: "center",
       header: popover_header ?? "Text Editor",

package/src/lib/client/docs/index.js

@@ -7127,7 +7127,7 @@ export const definitions = {
       },
       set_type: {
         description:
-          "Changes the input type dynamically (e.g., from 'password' to 'text') though not commonly used mid-flight.",
+          "Changes the input type dynamically and resets text visibility to that type's default (for example, password inputs become hidden).",
       },
       set_is_text_hidden: {
         description: "Toggles hiding or showing the text if `is_text_hidable = true` (e.g. for password fields).",

package/.vercel/output/config.json

@@ -1,64 +0,0 @@
-{
-	"version": 3,
-	"routes": [
-		{
-			"src": ".*",
-			"continue": true,
-			"transforms": [
-				{
-					"type": "request.query",
-					"op": "delete",
-					"target": {
-						"key": "__pathname"
-					}
-				}
-			]
-		},
-		{
-			"src": "/_app/immutable/.+",
-			"headers": {
-				"cache-control": "public, immutable, max-age=31536000"
-			}
-		},
-		{
-			"handle": "filesystem"
-		},
-		{
-			"src": "/_app/immutable/.+",
-			"status": 404,
-			"headers": {
-				"cache-control": "no-store"
-			},
-			"continue": false
-		},
-		{
-			"src": "^/?(?:/__data.json)?$",
-			"dest": "/"
-		},
-		{
-			"src": "^/components/([^/]+?)/?(?:/__data.json)?$",
-			"dest": "/components/[component]"
-		},
-		{
-			"src": "^/sitemap\\.xml/?(?:/__data.json)?$",
-			"dest": "/sitemap.xml"
-		},
-		{
-			"src": "^/test2/?(?:/__data.json)?$",
-			"dest": "/test2"
-		},
-		{
-			"src": "^/test3/?(?:/__data.json)?$",
-			"dest": "/test3"
-		},
-		{
-			"src": "^/test/?(?:/__data.json)?$",
-			"dest": "/test"
-		},
-		{
-			"src": "/.*",
-			"dest": "/![-]/catchall"
-		}
-	],
-	"overrides": {}
-}

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

@@ -1,285 +0,0 @@
-import { C as escape_html, S as attr, i as derived, l as stringify, n as attr_style, t as attr_class } from "./server.js";
-import { a as Icon, i as LoadingWheel, n as create_icon_manager, o as ErrorX, r as Button, t as create_button_manager } from "./index.svelte.js";
-import "./client.js";
-import { _ as set_closurable_color, g as set_closurable, o as create_unique_id } from "./client2.js";
-//#region src/lib/Components/Checkbox/index.svelte.js
-function create_checkbox_manager(config) {
-	let id = create_unique_id(null, 20);
-	let type = derived(() => set_closurable(config?.type, "checkbox"));
-	let val_initial = null;
-	let val = null;
-	let val_bool = false;
-	let label = derived(() => set_closurable(config?.label, null));
-	let name = derived(() => set_closurable(config?.name, "checkbox"));
-	let on_val = derived(() => set_closurable(config?.on_val, true));
-	let off_val = derived(() => set_closurable(config?.off_val, false));
-	let color = derived(() => set_closurable_color(config?.color, "var(--primary-t)"));
-	let is_required = derived(() => set_closurable(config?.is_required, false));
-	let is_read_only = derived(() => set_closurable(config?.is_read_only, false));
-	let is_disabled = derived(() => set_closurable(config?.is_disabled, false));
-	let is_loading = derived(() => set_closurable(config?.is_loading, false));
-	let size = derived(() => set_closurable(config?.size, 2.4));
-	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_nullable = derived(() => set_closurable(config?.is_nullable, false));
-	let error_message = derived(() => set_closurable(config?.error_message, null));
-	let toggle_null_button_manager = null;
-	let check_icon_manager = create_icon_manager({
-		icon_id: "check",
-		color: () => is_disabled() ? "var(--g17-t)" : "var(--primary-contrast-t)",
-		size: 1.6,
-		sw: 75
-	});
-	let moon_icon_manager = create_icon_manager({
-		icon_id: "moon",
-		size: 1.4,
-		color: "var(--g6-t)",
-		sw: 50
-	});
-	let sun_icon_manager = create_icon_manager({
-		icon_id: "sun",
-		size: 1.4,
-		color: "var(--g6-t)",
-		sw: 50
-	});
-	function set_val(val_input) {
-		const desired_val = val_input == on_val() ? on_val() : off_val();
-		if (is_nullable() && val_input == null) {
-			val = null;
-			val_bool = false;
-		} else if (val != desired_val) {
-			val = val_input;
-			val_bool = val_input == on_val();
-		}
-	}
-	function set_val_from_bool(val_bool_input, is_trigger_on_change = false) {
-		if (val_bool != !!val_bool_input) {
-			const desired_val = val_bool_input ? on_val() : off_val();
-			val = desired_val;
-			val_bool = !!val_bool_input;
-			if (is_trigger_on_change) {
-				if (config?.on_change) config?.on_change(desired_val);
-			}
-		}
-	}
-	function handle_on_hover_change(input) {
-		if (config?.on_hover_change) config?.on_hover_change(input);
-	}
-	function init(config) {
-		val_initial = set_closurable(config?.val) ?? null;
-		val = set_closurable(config?.val) ?? null;
-		val_bool = val == on_val();
-		if (error_message()) handle_error_trigger();
-		toggle_null_button_manager = create_button_manager({
-			type: "outlined",
-			font_size: 1.2,
-			min_height: 3,
-			is_no_wrap: true,
-			mr: .5,
-			text: () => val == null ? "Select Value" : "Set Null",
-			on_click: () => set_val(val == null ? true : null)
-		});
-	}
-	init(config);
-	return {
-		id,
-		get type() {
-			return type();
-		},
-		get val_initial() {
-			return val_initial;
-		},
-		get val() {
-			return val;
-		},
-		get val_bool() {
-			return val_bool;
-		},
-		get off_val() {
-			return off_val();
-		},
-		get on_val() {
-			return on_val();
-		},
-		get name() {
-			return name();
-		},
-		get label() {
-			return label();
-		},
-		get color() {
-			return color();
-		},
-		get is_required() {
-			return is_required();
-		},
-		get is_read_only() {
-			return is_read_only();
-		},
-		get is_disabled() {
-			return is_disabled();
-		},
-		get is_loading() {
-			return is_loading();
-		},
-		get error_message() {
-			return error_message();
-		},
-		get size() {
-			return size();
-		},
-		get ml() {
-			return ml();
-		},
-		get mr() {
-			return mr();
-		},
-		get mt() {
-			return mt();
-		},
-		get mb() {
-			return mb();
-		},
-		get check_icon_manager() {
-			return check_icon_manager;
-		},
-		get moon_icon_manager() {
-			return moon_icon_manager;
-		},
-		get sun_icon_manager() {
-			return sun_icon_manager;
-		},
-		get is_nullable() {
-			return is_nullable();
-		},
-		get toggle_null_button_manager() {
-			return toggle_null_button_manager;
-		},
-		set_val,
-		set_val_from_bool,
-		handle_on_hover_change
-	};
-}
-//#endregion
-//#region src/lib/Components/Checkbox/index.svelte
-function Checkbox($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		let { manager } = $$props;
-		$$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 svelte-aesuwu">${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-aesuwu">${escape_html(manager?.error_message)}</p>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> <div class="container svelte-aesuwu"${attr_style(`--ml: ${stringify(manager?.ml)}rem; --mr: ${stringify(manager?.mr)}rem; --mt: ${stringify(manager?.mt)}rem; --mb: ${stringify(manager?.mb)}rem; --size:${stringify(manager?.size)}rem;`)}>`);
-		if (manager?.is_nullable) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div style="min-width: 9rem;">`);
-			Button($$renderer, { manager: manager?.toggle_null_button_manager });
-			$$renderer.push(`<!----></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> `);
-		if (manager?.is_nullable == false || manager?.val != null) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<label${attr("for", manager?.id)}${attr_class("svelte-aesuwu", void 0, {
-				"checkbox_switch": manager?.type == "checkbox",
-				"toggle_switch": manager?.type == "toggle",
-				"dark_theme_switch": manager?.type == "dark_theme"
-			})}><input${attr("id", manager?.id)}${attr("name", manager?.name)}${attr("required", manager?.is_required, true)}${attr("readonly", manager?.is_read_only, true)}${attr_style(`min-height: ${stringify(manager?.size)}rem; min-width: ${stringify(manager?.size)}rem;`)} type="checkbox"${attr("disabled", manager?.is_disabled, true)}${attr("checked", manager?.val_bool, true)} tabindex="0"${attr_class("svelte-aesuwu", void 0, { "dark_theme_input": manager?.type == "dark_theme" })}/> `);
-			if (manager?.type == "checkbox") {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<span${attr_class("checkbox svelte-aesuwu", void 0, { "checkbox_is_disabled": manager?.is_disabled })}${attr_style(`--color: ${stringify(manager?.color)};`)}>`);
-				if (manager?.val_bool) {
-					$$renderer.push("<!--[0-->");
-					Icon($$renderer, { manager: manager?.check_icon_manager });
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]--></span> `);
-				if (manager?.is_loading) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<div class="checkbox_load svelte-aesuwu">`);
-					LoadingWheel($$renderer, {
-						color: manager?.val ? "var(--primary-contrast-t)" : "var(--g12-t)",
-						sw: .2
-					});
-					$$renderer.push(`<!----></div>`);
-				} else if (manager?.error_message) {
-					$$renderer.push("<!--[1-->");
-					$$renderer.push(`<div class="checkbox_icon svelte-aesuwu">`);
-					ErrorX($$renderer, {
-						color: manager?.val ? "var(--primary-contrast-t)" : "var(--g12-t)",
-						sw: 50
-					});
-					$$renderer.push(`<!----></div>`);
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]-->`);
-			} else if (manager?.type == "toggle") {
-				$$renderer.push("<!--[1-->");
-				$$renderer.push(`<span${attr_class("toggle svelte-aesuwu", void 0, { "toggle_is_disabled": manager?.is_disabled })}${attr_style(`--color: ${stringify(manager?.color)}; --border_color: ${stringify(manager?.is_disabled ? "var(--g14-t)" : manager?.val_bool ? manager?.color : "var(--g11-t)")}`)}></span> `);
-				if (manager?.is_loading) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<div class="toggle_load svelte-aesuwu"${attr_style(`--left: ${stringify(manager?.val_bool ? 1.8 : .4)}rem;`)}>`);
-					LoadingWheel($$renderer, {
-						color: "var(--g4)",
-						sw: .2
-					});
-					$$renderer.push(`<!----></div>`);
-				} else if (manager?.error_message) {
-					$$renderer.push("<!--[1-->");
-					$$renderer.push(`<div class="toggle_icon svelte-aesuwu"${attr_style(`--left: ${stringify(manager?.val_bool ? 1.6 : .2)}rem;`)}>`);
-					ErrorX($$renderer, {
-						color: "var(--g4)",
-						sw: 42
-					});
-					$$renderer.push(`<!----></div>`);
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]-->`);
-			} else if (manager?.type == "dark_theme") {
-				$$renderer.push("<!--[2-->");
-				$$renderer.push(`<span${attr_class("dark_theme_toggle svelte-aesuwu", void 0, { "dark_theme_is_disabled": manager?.is_disabled })}${attr_style(`--color: ${stringify(manager?.color)};`)}></span> `);
-				if (manager?.is_loading) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<div class="dark_theme_load svelte-aesuwu"${attr_style(`--left: ${stringify(manager?.val ? 1.8 : .4)}rem;`)}>`);
-					LoadingWheel($$renderer, {
-						color: "var(--g4)",
-						sw: .2
-					});
-					$$renderer.push(`<!----></div>`);
-				} else if (manager?.error_message) {
-					$$renderer.push("<!--[1-->");
-					$$renderer.push(`<div class="dark_theme_icon svelte-aesuwu"${attr_style(`--left: ${stringify(manager?.val ? 1.6 : .2)}rem;`)}>`);
-					ErrorX($$renderer, {
-						color: "var(--g4)",
-						sw: 42
-					});
-					$$renderer.push(`<!----></div>`);
-				} else if (manager?.val) {
-					$$renderer.push("<!--[2-->");
-					$$renderer.push(`<div class="dark_theme_icon2 svelte-aesuwu" style="--left: 1.5rem;">`);
-					Icon($$renderer, { manager: manager?.moon_icon_manager });
-					$$renderer.push(`<!----></div>`);
-				} else {
-					$$renderer.push("<!--[-1-->");
-					$$renderer.push(`<div class="dark_theme_icon2 svelte-aesuwu" style="--left: 0.5rem;">`);
-					Icon($$renderer, { manager: manager?.sun_icon_manager });
-					$$renderer.push(`<!----></div>`);
-				}
-				$$renderer.push(`<!--]-->`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></label>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></div></div>`);
-	});
-}
-//#endregion
-export { create_checkbox_manager as n, Checkbox as t };