@marianmeres/stuic 2.0.3 → 2.0.5

package/dist/actions/autogrow.svelte.d.ts

@@ -3,4 +3,5 @@ export declare function autogrow(el: HTMLTextAreaElement, fn?: () => {
     min?: number;
     max?: number;
     immediate?: boolean;
+    value?: string;
 }): void;

package/dist/actions/autogrow.svelte.js

@@ -1,16 +1,30 @@
 export function autogrow(el, fn) {
+    let lastValue = el.value;
     $effect(() => {
-        let { enabled = true, max = 250, immediate = true } = fn?.() || {};
-        function set_height(e) {
+        let { enabled = true, max = 250, immediate = true, value } = fn?.() || {};
+        if (!enabled)
+            return;
+        function set_height(_e) {
+            // console.log(123, el.value);
             if (enabled) {
                 el.style.height = "auto"; // Reset height to auto to correctly calculate scrollHeight
                 el.style.height = Math.min(el.scrollHeight, max) + "px";
             }
         }
-        if (immediate)
-            set_height(null);
-        el.addEventListener("input", set_height);
-        el.addEventListener("blur", set_height);
+        // eventlistener strategy (we're not passing value)
+        if (value === undefined) {
+            if (immediate)
+                set_height(null);
+            el.addEventListener("input", set_height);
+            el.addEventListener("blur", set_height);
+        }
+        // strategy with provided value
+        else {
+            if (value !== lastValue) {
+                set_height(null);
+                lastValue = value;
+            }
+        }
         return () => {
             el.removeEventListener("input", set_height);
             el.removeEventListener("blur", set_height);

package/dist/components/Input/FieldTextarea.svelte

@@ -137,6 +137,7 @@
 		use:autogrow={() => ({
 			enabled: !!useAutogrow,
 			...(typeof useAutogrow === "boolean" ? {} : useAutogrow),
+			value,
 		})}
 		{tabindex}
 		{required}

package/dist/utils/index.d.ts

@@ -7,6 +7,7 @@ export * from "./event-modifiers.js";
 export * from "./get-id.js";
 export * from "./is-browser.js";
 export * from "./is-mac.js";
+export * from "./is-nullish.js";
 export * from "./maybe-json-parse.js";
 export * from "./maybe-json-stringify.js";
 export * from "./omit-pick.js";
@@ -19,6 +20,7 @@ export * from "./seconds.js";
 export * from "./sleep.js";
 export * from "./storage-abstraction.js";
 export * from "./str-hash.js";
+export * from "./switch.svelte.js";
 export * from "./throttle.js";
 export * from "./tr.js";
 export * from "./tw-merge.js";

package/dist/utils/index.js

@@ -7,6 +7,7 @@ export * from "./event-modifiers.js";
 export * from "./get-id.js";
 export * from "./is-browser.js";
 export * from "./is-mac.js";
+export * from "./is-nullish.js";
 export * from "./maybe-json-parse.js";
 export * from "./maybe-json-stringify.js";
 export * from "./omit-pick.js";
@@ -19,6 +20,7 @@ export * from "./seconds.js";
 export * from "./sleep.js";
 export * from "./storage-abstraction.js";
 export * from "./str-hash.js";
+export * from "./switch.svelte.js";
 export * from "./throttle.js";
 export * from "./tr.js";
 export * from "./tw-merge.js";

package/dist/utils/is-nullish.d.ts

@@ -0,0 +1 @@
+export declare function isNullish(v: any): boolean;

package/dist/utils/is-nullish.js

@@ -0,0 +1,3 @@
+export function isNullish(v) {
+    return v === null || v === undefined;
+}

package/dist/utils/switch.svelte.d.ts

@@ -0,0 +1,20 @@
+/** 3 state (true, false, undefined) DRY helper */
+export declare class SwitchState<T> {
+    #private;
+    readonly key: string;
+    readonly storageType: "memory" | "local" | "session";
+    onOff: ((data: T, self: SwitchState<T>) => void) | undefined | null;
+    constructor(key: string, initial?: boolean | null, storageType?: "memory" | "local" | "session", initialData?: any);
+    __set(value: boolean | null, data?: T | null | undefined): void;
+    on(data?: T | null | undefined): void;
+    off(data?: T | null | undefined): void;
+    toggle(data?: T | null | undefined): void;
+    reset(data?: T | null | undefined): void;
+    get isOn(): boolean;
+    get isOff(): boolean;
+    get isUndefined(): boolean;
+    get current(): boolean | null;
+    get data(): T;
+    set data(data: T);
+    addData(data: T): void;
+}

package/dist/utils/switch.svelte.js

@@ -0,0 +1,84 @@
+import { localStorageValue, memoryStorageValue, sessionStorageValue, } from "./storage-abstraction.js";
+const storageTypeFactory = {
+    local: localStorageValue,
+    session: sessionStorageValue,
+    memory: memoryStorageValue,
+};
+/** 3 state (true, false, undefined) DRY helper */
+export class SwitchState {
+    key;
+    storageType;
+    // actual switch value (1 of 3 possible). Note that outer `undefined` is always inner `null`.
+    #current = $state(null);
+    // arbitrary data associated with the switch
+    #data = $state(null);
+    #storage;
+    onOff = null;
+    constructor(key, initial = null, storageType = "memory", initialData = null) {
+        this.key = key;
+        this.storageType = storageType;
+        this.#current = initial;
+        this.#data = initialData;
+        if (typeof storageTypeFactory[this.storageType] === "function") {
+            this.#storage = storageTypeFactory[this.storageType](this.key, {
+                value: initial,
+                data: null,
+            });
+        }
+        else {
+            console.warn(`Unknown storageType "${this.storageType}"`);
+        }
+    }
+    // still public, but should not be used directly unless necessary for some reason
+    __set(value, data) {
+        if (value !== null && typeof value !== "boolean")
+            value = Boolean(value);
+        this.#current = value;
+        // only defined data will be set
+        if (data !== undefined)
+            this.#data = data;
+        // mirror to storage
+        this.#storage?.set({ value, data });
+        // if we're closing fire (once) onOff if exists
+        if (!value) {
+            this.onOff?.(this.data, this);
+            this.onOff = null;
+        }
+    }
+    on(data) {
+        this.__set(true, data);
+    }
+    off(data) {
+        this.__set(false, data);
+    }
+    toggle(data) {
+        this.__set(!this.#current, data);
+    }
+    reset(data) {
+        this.__set(null, data);
+    }
+    get isOn() {
+        return this.#current === true;
+    }
+    get isOff() {
+        // both `false` or `null`
+        return this.#current !== true;
+    }
+    // the outer "undefined" value is the 3rd state of the switch (internally the raw
+    // value is always `null`)
+    get isUndefined() {
+        return this.#current === null;
+    }
+    get current() {
+        return this.#current;
+    }
+    get data() {
+        return this.#data;
+    }
+    set data(data) {
+        this.__set(this.#current, data);
+    }
+    addData(data) {
+        this.data = { ...(this.data || {}), ...data };
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "2.0.3",
+	"version": "2.0.5",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",