sveltekit-ui 1.1.72 → 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.72",
+  "version": "1.1.74",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "type": "module",
@@ -23,18 +23,18 @@
   "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",
-    "typescript": "^7.0.2",
+    "typescript": "^6.0.3",
     "vite": "^8.1.4"
   },
   "homepage": "https://www.sveltekit-ui.com",

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).",