svseeds 0.0.6 → 0.0.7

package/README.md

@@ -1,5 +1,9 @@
-# Svelte components as svelte file
+# SvSeeds - Simple Components of Svelte
 
-Simple headless Svelte components as Svelte files.
+[![npm version](https://img.shields.io/npm/v/svseeds)](https://www.npmjs.com/package/svseeds)
+[![JSR](https://jsr.io/badges/@svseeds/ui)](https://jsr.io/@svseeds/ui)
+[![license](https://img.shields.io/npm/l/svseeds)](LICENSE.md)
+
+Simple headless components for Svelte.
 
 **WIP**

package/_svseeds/core.js

@@ -1,172 +1 @@
-// deno-fmt-ignore
-export { CONST, STATE, AREA, elemId, theme, getClassFn, isUndef, omit, debounce, throttle, };
-const CONST = "constant";
-const STATE = Object.freeze({ DEFAULT: "default", ACTIVE: "active", INACTIVE: "inactive" });
-const AREA = Object.freeze({
-    WHOLE: "whole",
-    MIDDLE: "middle",
-    MAIN: "main",
-    TOP: "top",
-    LEFT: "left",
-    RIGHT: "right",
-    BOTTOM: "bottom",
-    LABEL: "label",
-    AUX: "aux",
-    EXTRA: "extra",
-});
-class RandomId {
-    static #ALPHABETIC = [...Array.from(Array(25).keys(), (x) => x + 65), ...Array.from(Array(25).keys(), (x) => x + 97)];
-    #store = new Set();
-    get(v) {
-        if (!v)
-            return;
-        if (this.#store.size > 10000)
-            this.#store.clear();
-        return this.#add();
-    }
-    #char() {
-        return RandomId.#ALPHABETIC[Math.trunc(Math.random() * RandomId.#ALPHABETIC.length)];
-    }
-    #gen() {
-        return String.fromCharCode(...Array(4).fill(null).map(() => this.#char()), 58);
-    }
-    #add() {
-        let id = this.#gen();
-        while (this.#store.has(id)) {
-            id = this.#gen();
-        }
-        this.#store.add(id);
-        return id;
-    }
-}
-class ThemeSwitcher {
-    static #DARK = "dark";
-    static #LIGHT = "light";
-    #styles = {};
-    #current;
-    get current() {
-        return this.#current;
-    }
-    constructor() {
-        this.#current = ThemeSwitcher.#setInitialTheme();
-    }
-    setPreset(preset) {
-        this.#styles = ThemeSwitcher.#toCSSVarName(preset);
-        this.#setColorScheme();
-        return this;
-    }
-    toLight() {
-        this.switch(ThemeSwitcher.#LIGHT);
-    }
-    toDark() {
-        this.switch(ThemeSwitcher.#DARK);
-    }
-    switch(theme) {
-        if (!this.#exists(theme))
-            return;
-        this.#current = theme;
-        this.#apply();
-    }
-    #apply() {
-        if (!window)
-            return;
-        const style = window.document.body.style;
-        Object.entries(this.#styles[this.#current])
-            .forEach(([name, value]) => style.setProperty(name, value));
-    }
-    #exists(theme) {
-        return Object.keys(this.#styles).includes(theme);
-    }
-    #setColorScheme() {
-        if (!window)
-            return;
-        const themes = Object.keys(this.#styles).filter((x) => x === ThemeSwitcher.#LIGHT || x === ThemeSwitcher.#DARK);
-        window.document.documentElement.style.colorScheme = themes.join(" ");
-    }
-    static #toCSSVarName(styles) {
-        return Object.fromEntries(Object.entries(styles)
-            .map(([theme, obj]) => [theme, ThemeSwitcher.#renameProperties(obj)]));
-    }
-    static #renameProperties(obj) {
-        return Object.fromEntries(Object.entries(obj)
-            .map(([name, value]) => [`--${name.replaceAll("_", "-")}`, value]));
-    }
-    static #setInitialTheme() {
-        return window?.matchMedia("(prefers-color-scheme: light)").matches ? ThemeSwitcher.#LIGHT : ThemeSwitcher.#DARK;
-    }
-}
-const elemId = new RandomId();
-const theme = new ThemeSwitcher();
-function getClassFn(name, preset, style) {
-    const rule = getRule(name, preset, style);
-    if (typeof rule === "string") {
-        return (area, status) => cssClass(rule, area, status);
-    }
-    else {
-        return (area, status) => ruleClass(rule, area, status);
-    }
-}
-function getRule(name, preset, style) {
-    if (typeof style === "string")
-        return style.trim() ? style : name;
-    const rule = mergeRule(preset, style);
-    return Object.keys(rule).length <= 0 ? name : rule;
-}
-function cssClass(name, area, status) {
-    return `${name} ${area}${status === STATE.DEFAULT ? "" : ` ${status}`}`;
-}
-function ruleClass(rule, area, status) {
-    const constant = rule[area]?.constant ?? "";
-    const dynamic = rule[area]?.[status] ?? rule[area]?.default ?? "";
-    return constant === "" && dynamic === "" ? undefined : `${constant}${constant && dynamic ? " " : ""}${dynamic}`;
-}
-function mergeRule(preset, style) {
-    const presetKeys = Object.keys(preset);
-    if (presetKeys.length <= 0)
-        return style;
-    const styleKeys = Object.keys(style);
-    if (styleKeys.length <= 0)
-        return preset;
-    const result = {};
-    new Set([...presetKeys, ...styleKeys]).forEach((key) => {
-        result[key] = { ...preset[key] ?? {}, ...style[key] ?? {} };
-    });
-    return result;
-}
-function isUndef(v) {
-    return v === void 0;
-}
-function omit(obj, ...keys) {
-    if (Object.isFrozen(obj) || Object.isSealed(obj))
-        return obj;
-    keys.forEach((key) => delete obj[key]);
-    return obj;
-}
-function debounce(delay, fn) {
-    let timer;
-    return (...args) => {
-        if (timer)
-            clearTimeout(timer);
-        timer = setTimeout(() => {
-            fn.call(null, ...args);
-        }, delay);
-    };
-}
-function throttle(interval, fn) {
-    let timer;
-    let last = 0;
-    const elapsed = () => Date.now() - last;
-    const run = (args) => {
-        fn.call(null, ...args);
-        last = Date.now();
-    };
-    return (...args) => {
-        if (!last)
-            return run(args);
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-            if (elapsed() >= interval)
-                run(args);
-        }, interval - elapsed());
-    };
-}
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++){t=arguments[r];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __classPrivateFieldGet=this&&this.__classPrivateFieldGet||function(e,t,r,i){if(r==="a"&&!i)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?i:r==="a"?i.call(e):i?i.value:t.get(e)};var __classPrivateFieldSet=this&&this.__classPrivateFieldSet||function(e,t,r,i,a){if(i==="m")throw new TypeError("Private method is not writable");if(i==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?e!==t||!a:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return i==="a"?a.call(e,r):a?a.value=r:t.set(e,r),r};var __spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||arguments.length===2)for(var i=0,a=t.length,n;i<a;i++){if(n||!(i in t)){if(!n)n=Array.prototype.slice.call(t,0,i);n[i]=t[i]}}return e.concat(n||Array.prototype.slice.call(t))};export{CONST,STATE,AREA,elemId,theme,getClassFn,isUndef,omit,debounce,throttle};var CONST="constant";var STATE=Object.freeze({DEFAULT:"default",ACTIVE:"active",INACTIVE:"inactive"});var AREA=Object.freeze({WHOLE:"whole",MIDDLE:"middle",MAIN:"main",TOP:"top",LEFT:"left",RIGHT:"right",BOTTOM:"bottom",LABEL:"label",AUX:"aux",EXTRA:"extra"});var RandomId=function(){function e(){t.add(this);a.set(this,new Set)}e.prototype.get=function(e){if(!e)return;if(__classPrivateFieldGet(this,a,"f").size>1e4)__classPrivateFieldGet(this,a,"f").clear();return __classPrivateFieldGet(this,t,"m",l).call(this)};var t,r,i,a,n,s,l;r=e,a=new WeakMap,t=new WeakSet,n=function e(){return __classPrivateFieldGet(r,r,"f",i)[Math.trunc(Math.random()*__classPrivateFieldGet(r,r,"f",i).length)]},s=function e(){var r=this;return String.fromCharCode.apply(String,__spreadArray(__spreadArray([],Array(4).fill(null).map((function(){return __classPrivateFieldGet(r,t,"m",n).call(r)})),false),[58],false))},l=function e(){var r=__classPrivateFieldGet(this,t,"m",s).call(this);while(__classPrivateFieldGet(this,a,"f").has(r)){r=__classPrivateFieldGet(this,t,"m",s).call(this)}__classPrivateFieldGet(this,a,"f").add(r);return r};i={value:__spreadArray(__spreadArray([],Array.from(Array(25).keys(),(function(e){return e+65})),true),Array.from(Array(25).keys(),(function(e){return e+97})),true)};return e}();var ThemeSwitcher=function(){function e(){t.add(this);n.set(this,{});s.set(this,void 0);__classPrivateFieldSet(this,s,__classPrivateFieldGet(r,r,"m",d).call(r),"f")}Object.defineProperty(e.prototype,"current",{get:function(){return __classPrivateFieldGet(this,s,"f")},enumerable:false,configurable:true});e.prototype.setPreset=function(e){__classPrivateFieldSet(this,n,__classPrivateFieldGet(r,r,"m",u).call(r,e),"f");__classPrivateFieldGet(this,t,"m",o).call(this);return this};e.prototype.toLight=function(){this.switch(__classPrivateFieldGet(r,r,"f",a))};e.prototype.toDark=function(){this.switch(__classPrivateFieldGet(r,r,"f",i))};e.prototype.switch=function(e){if(!__classPrivateFieldGet(this,t,"m",c).call(this,e))return;__classPrivateFieldSet(this,s,e,"f");__classPrivateFieldGet(this,t,"m",l).call(this)};var t,r,i,a,n,s,l,c,o,u,f,d;r=e,n=new WeakMap,s=new WeakMap,t=new WeakSet,l=function e(){if(typeof window==="undefined")return;var t=window.document.body.style;Object.entries(__classPrivateFieldGet(this,n,"f")[__classPrivateFieldGet(this,s,"f")]).forEach((function(e){var r=e[0],i=e[1];return t.setProperty(r,i)}))},c=function e(t){return Object.keys(__classPrivateFieldGet(this,n,"f")).includes(t)},o=function e(){if(typeof window==="undefined")return;var t=Object.keys(__classPrivateFieldGet(this,n,"f")).filter((function(e){return e===__classPrivateFieldGet(r,r,"f",a)||e===__classPrivateFieldGet(r,r,"f",i)}));window.document.documentElement.style.colorScheme=t.join(" ")},u=function e(t){return Object.fromEntries(Object.entries(t).map((function(e){var t=e[0],i=e[1];return[t,__classPrivateFieldGet(r,r,"m",f).call(r,i)]})))},f=function e(t){return Object.fromEntries(Object.entries(t).map((function(e){var t=e[0],r=e[1];return["--".concat(t.replaceAll("_","-")),r]})))},d=function e(){if(typeof window==="undefined")return __classPrivateFieldGet(r,r,"f",a);return window.matchMedia("(prefers-color-scheme: light)").matches?__classPrivateFieldGet(r,r,"f",a):__classPrivateFieldGet(r,r,"f",i)};i={value:"dark"};a={value:"light"};return e}();var elemId=new RandomId;var theme=new ThemeSwitcher;function getClassFn(e,t,r){var i=getRule(e,t,r);if(typeof i==="string"){return function(e,t){return cssClass(i,e,t)}}else{return function(e,t){return ruleClass(i,e,t)}}}function getRule(e,t,r){if(typeof r==="string")return r.trim()?r:e;var i=mergeRule(t,r);return Object.keys(i).length<=0?e:i}function cssClass(e,t,r){return"".concat(e," ").concat(t).concat(r===STATE.DEFAULT?"":" ".concat(r))}function ruleClass(e,t,r){var i,a,n,s,l,c;var o=(a=(i=e[t])===null||i===void 0?void 0:i.constant)!==null&&a!==void 0?a:"";var u=(c=(s=(n=e[t])===null||n===void 0?void 0:n[r])!==null&&s!==void 0?s:(l=e[t])===null||l===void 0?void 0:l.default)!==null&&c!==void 0?c:"";return o===""&&u===""?undefined:"".concat(o).concat(o&&u?" ":"").concat(u)}function mergeRule(e,t){var r=Object.keys(e);if(r.length<=0)return t;var i=Object.keys(t);if(i.length<=0)return e;var a={};new Set(__spreadArray(__spreadArray([],r,true),i,true)).forEach((function(r){var i,n;a[r]=__assign(__assign({},(i=e[r])!==null&&i!==void 0?i:{}),(n=t[r])!==null&&n!==void 0?n:{})}));return a}function isUndef(e){return e===void 0}function omit(e){var t=[];for(var r=1;r<arguments.length;r++){t[r-1]=arguments[r]}if(Object.isFrozen(e)||Object.isSealed(e))return e;t.forEach((function(t){return delete e[t]}));return e}function debounce(e,t){var r;return function(){var i=[];for(var a=0;a<arguments.length;a++){i[a]=arguments[a]}if(r)clearTimeout(r);r=setTimeout((function(){t.call.apply(t,__spreadArray([null],i,false))}),e)}}function throttle(e,t){var r;var i=0;var a=function(){return Date.now()-i};var n=function(e){t.call.apply(t,__spreadArray([null],e,false));i=Date.now()};return function(){var t=[];for(var s=0;s<arguments.length;s++){t[s]=arguments[s]}if(!i)return n(t);clearTimeout(r);r=setTimeout((function(){if(a()>=e)n(t)}),e-a())}}

package/_svseeds/core.ts

@@ -93,7 +93,7 @@ class ThemeSwitcher {
     this.#apply();
   }
   #apply() {
-    if (!window) return;
+    if (typeof window === "undefined") return;
     const style = window.document.body.style;
     Object.entries(this.#styles[this.#current])
       .forEach(([name, value]) => style.setProperty(name, value));
@@ -102,7 +102,7 @@ class ThemeSwitcher {
     return Object.keys(this.#styles).includes(theme);
   }
   #setColorScheme() {
-    if (!window) return;
+    if (typeof window === "undefined") return;
     const themes = Object.keys(this.#styles).filter((x) => x === ThemeSwitcher.#LIGHT || x === ThemeSwitcher.#DARK);
     window.document.documentElement.style.colorScheme = themes.join(" ");
   }
@@ -120,7 +120,8 @@ class ThemeSwitcher {
     );
   }
   static #setInitialTheme(): string {
-    return window?.matchMedia("(prefers-color-scheme: light)").matches ? ThemeSwitcher.#LIGHT : ThemeSwitcher.#DARK;
+    if (typeof window === "undefined") return ThemeSwitcher.#LIGHT;
+    return window.matchMedia("(prefers-color-scheme: light)").matches ? ThemeSwitcher.#LIGHT : ThemeSwitcher.#DARK;
   }
 }
 const elemId = new RandomId();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svseeds",
-  "version": "0.0.6",
-  "description": "Simple headless Svelte components.",
+  "version": "0.0.7",
+  "description": "Simple headless components for Svelte.",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",