@fuzdev/fuz_ui 0.185.1 → 0.185.2

package/dist/autofocus.svelte.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Svelte 5 attachment that focuses an element on mount.
+ *
+ * @module
+ */
+import type { Attachment } from 'svelte/attachments';
+/**
+ * Creates an attachment that focuses the element on mount.
+ * Use this instead of the HTML `autofocus` attribute for elements
+ * that mount dynamically from reactive conditionals like `{#if}`.
+ * @param options - focus options forwarded to `element.focus()`; defaults to `{focusVisible: true}` to show focus indicators on programmatic focus
+ */
+export declare const autofocus: (options?: FocusOptions) => Attachment<HTMLElement | SVGElement>;
+//# sourceMappingURL=autofocus.svelte.d.ts.map

package/dist/autofocus.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autofocus.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/autofocus.svelte.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAEnD;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GACpB,UAAU,YAAY,KAAG,UAAU,CAAC,WAAW,GAAG,UAAU,CAI5D,CAAC"}

package/dist/autofocus.svelte.js

@@ -0,0 +1,15 @@
+/**
+ * Svelte 5 attachment that focuses an element on mount.
+ *
+ * @module
+ */
+/**
+ * Creates an attachment that focuses the element on mount.
+ * Use this instead of the HTML `autofocus` attribute for elements
+ * that mount dynamically from reactive conditionals like `{#if}`.
+ * @param options - focus options forwarded to `element.focus()`; defaults to `{focusVisible: true}` to show focus indicators on programmatic focus
+ */
+export const autofocus = (options) => (el) => {
+    // focusVisible missing from TS lib.dom.d.ts as of 5.9
+    el.focus({ focusVisible: true, ...options });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuzdev/fuz_ui",
-  "version": "0.185.1",
+  "version": "0.185.2",
   "description": "Svelte UI library",
   "motto": "friendly user zystem",
   "glyph": "🧶",

package/src/lib/autofocus.svelte.ts

@@ -0,0 +1,20 @@
+/**
+ * Svelte 5 attachment that focuses an element on mount.
+ *
+ * @module
+ */
+
+import type {Attachment} from 'svelte/attachments';
+
+/**
+ * Creates an attachment that focuses the element on mount.
+ * Use this instead of the HTML `autofocus` attribute for elements
+ * that mount dynamically from reactive conditionals like `{#if}`.
+ * @param options - focus options forwarded to `element.focus()`; defaults to `{focusVisible: true}` to show focus indicators on programmatic focus
+ */
+export const autofocus =
+	(options?: FocusOptions): Attachment<HTMLElement | SVGElement> =>
+	(el) => {
+		// focusVisible missing from TS lib.dom.d.ts as of 5.9
+		el.focus({focusVisible: true, ...options} as FocusOptions);
+	};