@quaffui/quaff 0.1.0-prealpha9 → 1.0.0-alpha1

package/dist/stores/QTheme.js

@@ -1,53 +0,0 @@
-import { writable } from "svelte/store";
-import materialDynamicColors from "material-dynamic-colors";
-import { convertCase } from "../utils/string";
-import QColors from "../utils/colors";
-async function prepareThemeColors(from) {
-    let theme = await materialDynamicColors(from);
-    //@ts-ignore
-    const themeColors = {};
-    let mode;
-    for (mode in theme) {
-        let color;
-        for (color in theme[mode]) {
-            let colorFormatted = convertCase(color, "camel", "kebab");
-            let cssColor = `${colorFormatted}-${mode}`;
-            themeColors[cssColor] = theme[mode][color];
-        }
-    }
-    return themeColors;
-}
-/* const defaultThemeColors = await prepareThemeColors("/cocktail.jpg"); */
-const defaultThemeColors = await prepareThemeColors("#3499E7");
-function themeBuilder() {
-    const { subscribe, set, update } = writable(defaultThemeColors);
-    const setThemeColors = async (from) => {
-        let newTheme = await prepareThemeColors(from);
-        set(newTheme);
-    };
-    const updateThemeColor = (color, newValue) => {
-        update(($themeColors) => {
-            $themeColors[color] = newValue;
-            return $themeColors;
-        });
-    };
-    const apply = () => {
-        let root = document.documentElement;
-        if (root === null)
-            return;
-        update(($themeColors) => {
-            let colorName;
-            for (colorName in $themeColors) {
-                root.style.setProperty(`--${colorName}`, QColors.hexToRgb($themeColors[colorName]).join(", "));
-            }
-            return $themeColors;
-        });
-    };
-    return {
-        subscribe,
-        setThemeColors,
-        updateThemeColor,
-        apply,
-    };
-}
-export const QTheme = themeBuilder();

package/dist/stores/Quaff.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="svelte" />
-/// <reference types="@sveltejs/kit" />
-export declare const quaffStore: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<{
-        version: string;
-        dark: boolean;
-    }>, invalidate?: import("svelte/store").Invalidator<{
-        version: string;
-        dark: boolean;
-    }> | undefined) => import("svelte/store").Unsubscriber;
-    setDarkMode: (newVal: boolean) => void;
-    toggleDarkMode: () => void;
-};
-export declare const Quaff: import("svelte/store").Readable<{
-    version: string;
-    router: import("@sveltejs/kit").Page<Record<string, string>, string | null>;
-    dark: {
-        isActive: boolean;
-        toggle: () => void;
-        set: (newVal: boolean) => void;
-    };
-    subscribe: {
-        quaff: (this: void, run: import("svelte/store").Subscriber<{
-            version: string;
-            dark: boolean;
-        }>, invalidate?: import("svelte/store").Invalidator<{
-            version: string;
-            dark: boolean;
-        }> | undefined) => import("svelte/store").Unsubscriber;
-        page: (this: void, run: import("svelte/store").Subscriber<import("@sveltejs/kit").Page<Record<string, string>, string | null>>, invalidate?: import("svelte/store").Invalidator<import("@sveltejs/kit").Page<Record<string, string>, string | null>> | undefined) => import("svelte/store").Unsubscriber;
-    };
-}>;

package/dist/stores/Quaff.js

@@ -1,53 +0,0 @@
-import { writable, derived } from "svelte/store";
-import { page } from "$app/stores";
-import version from "../helpers/version";
-function quaff() {
-    const { subscribe, set, update } = writable({
-        version,
-        dark: false,
-        //TODO lang: {},
-        //TODO? iconSet: {},
-    });
-    const toggleDarkMode = () => {
-        return update((q) => {
-            q.dark = !q.dark;
-            let body = document.querySelector("body");
-            if (q.dark === true) {
-                body && body.classList.replace("light", "dark");
-            }
-            else {
-                body && body.classList.replace("dark", "light");
-            }
-            let mode = q.dark === true ? "dark" : "light";
-            document.cookie = `current_mode=${mode}; max-age=31536000; path="/"; SameSite=strict`;
-            return q;
-        });
-    };
-    const setDarkMode = (newVal) => {
-        return update((q) => {
-            q.dark = newVal;
-            return q;
-        });
-    };
-    return {
-        subscribe,
-        setDarkMode,
-        toggleDarkMode,
-    };
-}
-export const quaffStore = quaff();
-export const Quaff = derived([quaffStore, page], ([$quaff, $page]) => {
-    return {
-        version: $quaff.version,
-        router: $page,
-        dark: {
-            isActive: $quaff.dark,
-            toggle: quaffStore.toggleDarkMode,
-            set: quaffStore.setDarkMode,
-        },
-        subscribe: {
-            quaff: quaffStore.subscribe,
-            page: page.subscribe,
-        },
-    };
-});

package/dist/utils/fields.d.ts

@@ -1 +0,0 @@
-export declare function textWidth(element: HTMLElement, font: string): number;

package/dist/utils/fields.js

@@ -1,14 +0,0 @@
-export function textWidth(element, font) {
-    if (element.offsetWidth > 0)
-        return element.offsetWidth;
-    let _canvas = document.querySelector("canvas[data-quaff]")?.getContext("2d");
-    if (!_canvas) {
-        const canvasElement = document.createElement("canvas");
-        canvasElement.style.display = "none";
-        canvasElement.setAttribute("data-quaff", "");
-        document.body.append(canvasElement);
-        _canvas = canvasElement.getContext("2d");
-    }
-    _canvas.font = font;
-    return _canvas.measureText(element.textContent).width;
-}

package/dist/utils/watchable.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="svelte" />
-import { Readable, Writable } from "svelte/store";
-export declare function watchable<T>(value: T): readonly [Writable<T>, Readable<T | null>];

package/dist/utils/watchable.js

@@ -1,22 +0,0 @@
-import { derived, writable } from "svelte/store";
-export function watchable(value) {
-    let values = writable([value, null]);
-    const subscribe = derived(values, ($values) => $values[0]).subscribe;
-    const update = (fn, isEqual = (a, b) => a === b) => {
-        values.update(($values) => {
-            const newValue = fn($values[0]);
-            if (isEqual(newValue, $values[0])) {
-                return $values;
-            }
-            return [newValue, $values[0]];
-        });
-    };
-    const set = (newValue) => update(() => newValue);
-    const current = {
-        subscribe,
-        update,
-        set,
-    };
-    const previous = derived(values, ($values) => $values[1]);
-    return [current, previous];
-}