@svadmin/ui 0.29.3 → 0.30.0

package/dist/README.md

@@ -0,0 +1,18 @@
+# Name
+### {{module_name}}
+
+# Synopsis
+{{synopsis}}
+
+# Description
+
+# Example
+
+# Install:
+`npm install {{module_name}}`
+
+# Test:
+`npm test`
+
+#License:
+{{license}}

package/dist/actions.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Fires callback when clicking outside the node.
+ */
+export declare function clickOutside(node: HTMLElement, callback: () => void): {
+    update(newCallback: () => void): void;
+    destroy(): void;
+};
+export interface ShortcutParams {
+    key: string;
+    ctrl?: boolean;
+    shift?: boolean;
+    alt?: boolean;
+    action: () => void;
+}
+/**
+ * Fires action on keyboard shortcut.
+ */
+export declare function shortcut(_node: HTMLElement, params: ShortcutParams): {
+    update(newParams: ShortcutParams): void;
+    destroy(): void;
+};
+/**
+ * Fires callback when element enters the viewport (infinite scroll sentinel).
+ */
+export declare function intersect(node: HTMLElement, callback: () => void): {
+    update(newCallback: () => void): void;
+    destroy(): void;
+};
+/**
+ * Copies text content to clipboard on click.
+ */
+export declare function copyOnClick(node: HTMLElement, text?: string): {
+    update(newText: string): void;
+    destroy(): void;
+};

package/dist/actions.js

@@ -0,0 +1,84 @@
+// Svelte Actions — reusable DOM behavior directives
+// Usage: <div use:clickOutside={() => close()}>
+//        <div use:shortcut={{ key: 'k', ctrl: true, action: open }}>
+/**
+ * Fires callback when clicking outside the node.
+ */
+export function clickOutside(node, callback) {
+    const handle = (e) => {
+        if (node && !node.contains(e.target) && !e.defaultPrevented) {
+            callback();
+        }
+    };
+    document.addEventListener('pointerdown', handle, true);
+    return {
+        update(newCallback) {
+            callback = newCallback;
+        },
+        destroy() {
+            document.removeEventListener('pointerdown', handle, true);
+        },
+    };
+}
+/**
+ * Fires action on keyboard shortcut.
+ */
+export function shortcut(_node, params) {
+    let current = params;
+    const handle = (e) => {
+        const match = e.key.toLowerCase() === current.key.toLowerCase() &&
+            (!current.ctrl || e.ctrlKey || e.metaKey) &&
+            (!current.shift || e.shiftKey) &&
+            (!current.alt || e.altKey);
+        if (match) {
+            e.preventDefault();
+            current.action();
+        }
+    };
+    window.addEventListener('keydown', handle);
+    return {
+        update(newParams) {
+            current = newParams;
+        },
+        destroy() {
+            window.removeEventListener('keydown', handle);
+        },
+    };
+}
+/**
+ * Fires callback when element enters the viewport (infinite scroll sentinel).
+ */
+export function intersect(node, callback) {
+    const observer = new IntersectionObserver(([entry]) => {
+        if (entry.isIntersecting)
+            callback();
+    }, { rootMargin: '200px' });
+    observer.observe(node);
+    return {
+        update(newCallback) {
+            callback = newCallback;
+        },
+        destroy() {
+            observer.disconnect();
+        },
+    };
+}
+/**
+ * Copies text content to clipboard on click.
+ */
+export function copyOnClick(node, text) {
+    let value = text;
+    const handle = async () => {
+        const content = value ?? node.textContent ?? '';
+        await navigator.clipboard.writeText(content);
+    };
+    node.addEventListener('click', handle);
+    return {
+        update(newText) {
+            value = newText;
+        },
+        destroy() {
+            node.removeEventListener('click', handle);
+        },
+    };
+}